@charset "UTF-8";

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:whitesmoke;
  --mdc-filled-text-field-disabled-container-color:#fafafa;
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:#e0e0e0;
  --mdc-chip-elevated-selected-container-color:#e0e0e0;
  --mdc-chip-elevated-disabled-container-color:#e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color:#e0e0e0;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-base-elevation-level:8;
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
  --mdc-filled-button-container-height:36px;
  --mdc-protected-button-container-height:36px;
  --mdc-outlined-button-container-height:36px;
  --mat-text-button-touch-target-display:block;
  --mat-filled-button-touch-target-display:block;
  --mat-protected-button-touch-target-display:block;
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color:white;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color:#ff4081;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:#e0e0e0;
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:#757575;
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/cropperjs/dist/cropper.css */
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* node_modules/leaflet/dist/leaflet.css */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-container {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url("./media/layers.png");
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("./media/layers-2x.png");
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url("./media/marker-icon.png");
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font:
    16px/24px Tahoma,
    Verdana,
    sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* src/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:focus {
  outline: 0;
}
ins,
a {
  text-decoration: none;
}
a {
  cursor: pointer;
}
select {
  -webkit-appearance: none;
}
strong {
  font-weight: bold;
}
@font-face {
  font-display: swap;
  font-family: "fontello";
  src: url(/assets/fonts/fontello/font/fontello.woff) format("woff"), url(/assets/fonts/fontello/font/fontello.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  src: url(/assets/fonts/Roboto/Roboto-Regular.woff) format("woff"), url(/assets/fonts/Roboto/Roboto-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  src: url(/assets/fonts/Roboto/Roboto-Medium.woff) format("woff"), url(/assets/fonts/Roboto/Roboto-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  src: url(/assets/fonts/Roboto/Roboto-Bold.woff) format("woff"), url(/assets/fonts/Roboto/Roboto-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  src: url(/assets/fonts/Roboto/Roboto-Black.woff) format("woff"), url(/assets/fonts/Roboto/Roboto-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Google Sans";
  src: url(/assets/fonts/GoogleSans/GoogleSans-Bold.woff) format("woff"), url(/assets/fonts/GoogleSans/GoogleSans-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-light.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-light-italic.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-light-italic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-roman.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-roman.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-roman-italic.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-roman-italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-medium.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-bold.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-bold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Helvetica";
  src: url(/assets/fonts/Helvetica/Helvetica-bold-italic.woff2) format("woff2"), url(/assets/fonts/Helvetica/Helvetica-bold-italic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
}
[class^=icon-]:before,
[class*=icon-]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-log-out:before {
  content: "\e800";
}
.icon-sharp-settings:before {
  content: "\e801";
}
.icon-account:before {
  content: "\e802";
}
.icon-arrow-left:before {
  content: "\e803";
}
.icon-arrow-up:before {
  content: "\e804";
}
.icon-close:before {
  content: "\e805";
}
.icon-anchor:before {
  content: "\e806";
}
.icon-boat-length:before {
  content: "\e807";
}
.icon-boat:before {
  content: "\e808";
}
.icon-employed:before {
  content: "\e809";
}
.icon-facebook:before {
  content: "\e80a";
}
.icon-no-glass:before {
  content: "\e80c";
}
.icon-twitter:before {
  content: "\e80d";
}
.icon-circle-right:before {
  content: "\e80f";
}
.icon-dollar:before {
  content: "\e810";
}
.icon-reports:before {
  content: "\e811";
}
.icon-email:before {
  content: "\e812";
}
.icon-forgot:before {
  content: "\e813";
}
.icon-stub:before {
  content: "\e814";
}
.icon-bell:before {
  content: "\e816";
}
.icon-upload:before {
  content: "\e815";
}
.icon-edit:before {
  content: "\e817";
}
.icon-file-delete:before {
  content: "\e818";
}
.icon-file-download:before {
  content: "\e819";
}
.icon-file-eye:before {
  content: "\e81a";
}
.icon-notification:before {
  content: "\e81b";
}
.icon-upload-doc:before {
  content: "\e81c";
}
.icon-glass:before {
  content: "\e81d";
}
.icon-budget:before {
  content: "\e804";
}
.icon-dashboard:before {
  content: "\e809";
}
.icon-fin-data:before {
  content: "\e80e";
}
.icon-fin-report:before {
  content: "\e812";
}
.icon-boat-profile:before {
  content: "\e81e";
}
.icon-date:before {
  content: "\e813";
}
.icon-web:before {
  content: "\e814";
}
.icon-plus:before {
  content: "\e81f";
}
.icon-check:before {
  content: "\e820";
}
.icon-table-error:before {
  content: "\e821";
}
.icon-list:before {
  content: "\e822";
}
.icon-arrow-right:before {
  content: "\e823";
}
.icon-update:before {
  content: "\e824";
}
.icon-table-edit:before {
  content: "\e825";
}
.icon-down-arrow-sm:before {
  content: "\e826";
}
.icon-close:before {
  content: "\e827";
}
.icon-arrow-rights:before {
  content: "\e829";
}
.icon-sort-down:before {
  content: "\e82a";
}
.icon-up-arrow-sm:before {
  content: "\e828";
}
.icon-expand:before {
  content: "\e82b";
}
.icon-add-crew:before {
  content: "\e82c";
}
.icon-polygon-right-sm:before {
  content: "\e82d";
}
.icon-card-calendar:before {
  content: "\e82e";
}
.icon-card-cash:before {
  content: "\e82f";
}
.icon-card-contact:before {
  content: "\e830";
}
.icon-card-pos:before {
  content: "\e831";
}
.icon-vacation:before {
  content: "\e832";
}
.icon-search:before {
  content: "\e833";
}
.icon-edit-two:before {
  content: "\e834";
}
.icon-list-1:before {
  content: "\e835";
}
.icon-add-image:before {
  content: "\e822";
}
.icon-dots:before {
  content: "\e836";
}
.icon-finish-contracts:before {
  content: "\e837";
}
.icon-error:before {
  content: "\e858";
}
.icon-thin-check:before {
  content: "\e859";
}
.icon-circle:before {
  content: "\e83a";
}
.icon-up-arrow-thin:before {
  content: "\e83b";
}
.icon-mdi_calendar-edit:before {
  content: "\e83c";
}
.icon-youtube:before {
  content: "\e83d";
}
.icon-change-password:before {
  content: "\e83e";
}
.icon-file:before {
  content: "\e87e";
}
.icon-linkedin:before {
  content: "\e882";
}
.icon-portfolio:before {
  content: "\e883";
}
.icon-phone:before {
  content: "\e842";
}
.icon-message:before {
  content: "\e843";
}
.icon-gas:before {
  content: "\e844";
}
.icon-generator:before {
  content: "\e845";
}
.icon-mileage:before {
  content: "\e846";
}
.icon-play:before {
  content: "\e847";
}
button:not(:disabled) {
  cursor: pointer;
}
.main-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  font: 500 1.4rem/2.2rem "Roboto", sans-serif;
  border-radius: 0.3rem;
  padding: 1.2rem 0.8rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
  white-space: nowrap;
}
.main-btn:disabled {
  opacity: 0.3;
  pointer-events: none;
  box-shadow: none;
  background: gray;
  border-color: gray;
}
@media screen and (max-width: 480px) {
  .main-btn {
    font-size: 1rem;
    line-height: 1.6rem;
    padding: 0.8rem;
  }
}
.main-btn_icon-left {
  padding: 0.8rem 0.8rem 0.8rem 3.8rem;
}
@media screen and (max-width: 480px) {
  .main-btn_icon-left {
    padding-left: 3rem;
  }
}
.main-btn_icon-right {
  padding: 0.8rem 3.8rem 0.8rem 0.8rem;
}
.main-btn__icon {
  display: inline-block;
  position: absolute;
  min-width: 2.2rem;
  min-height: 2.2rem;
}
.main-btn__icon_left {
  left: 0.7rem;
}
.main-btn__icon_right {
  right: 0.7rem;
}
.main-btn__icon > .icon-anchor {
  font-size: 2rem;
}
@media screen and (max-width: 480px) {
  .main-btn__icon {
    min-width: 1.6rem;
    min-height: 1.6rem;
  }
}
.main-btn__text {
  display: inline-block;
}
.main-btn__text_big {
  padding: 0 3.4rem;
}
@media screen and (max-width: 480px) {
  .main-btn__text_big {
    padding: 0 0.8rem;
  }
}
.main-btn__text_small {
  padding: 0 1rem;
}
.main-btn_gradient {
  border: 0.1rem solid #351f6f;
  color: white;
  background:
    linear-gradient(
      180deg,
      #4f194a 0%,
      #351f6f 50%,
      #4f194a 100%);
  background-size: auto 200%;
  transition: 0.5s;
}
.main-btn_gradient:hover,
.main-btn_gradient:focus,
.main-btn_gradient:active {
  background-position: center bottom;
}
.main-btn_white {
  border: 0.1rem solid #351f6f;
  color: #351f6f;
  background-color: #fff;
}
.main-btn_white:hover {
  background-color: rgba(53, 31, 111, 0.05);
  color: #432989;
  border-color: #432989;
}
.main-btn_white:focus,
.main-btn_white:active {
  background-color: rgba(53, 31, 111, 0.18);
  color: #24105b;
  border-color: #24105b;
}
.main-btn_white__transparent {
  border: 0.1rem solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}
.main-btn_white__transparent:hover {
  background-color: rgba(53, 31, 111, 0.05);
  color: #ffffff;
  border-color: #ffffff;
}
.main-btn_white__transparent:focus,
.main-btn_white__transparent:active {
  background-color: rgba(53, 31, 111, 0.18);
  color: #ffffff;
  border-color: #ffffff;
}
.main-btn_green {
  border: 0.1rem solid #46a6a4;
  color: white;
  background: #46a6a4;
}
.main-btn_green.main-btn_form-icon {
  color: white;
}
.main-btn_green:hover {
  background-color: #55b5b3;
  border-color: #55b5b3;
}
.main-btn_green:focus,
.main-btn_green:active {
  background-color: #3f9795;
  border-color: #3f9795;
}
.main-btn_white-green {
  border: 0.1rem solid #46a6a4;
  color: #46a6a4;
  background: white;
}
.main-btn_white-green:hover {
  background-color: rgb(246, 251, 250);
  color: #55b5b3;
  border-color: #55b5b3;
}
.main-btn_white-green:focus,
.main-btn_white-green:active {
  background-color: rgb(222, 239, 239);
  color: #3f9795;
  border-color: #3f9795;
}
.main-btn_gray {
  border: 0.1rem solid #898b8c;
  color: #898b8c;
  background: white;
}
.main-btn_gray:hover {
  background-color: rgb(243, 243, 243);
  color: #898b8c;
  border-color: #c4c5c5;
}
.main-btn_gray:focus,
.main-btn_gray:active {
  background-color: rgb(243, 243, 243);
  color: #898b8c;
  border-color: #c4c5c5;
}
.main-btn_team-gray {
  background: #e7e7eb;
  padding: 0.9rem 1.1rem 0.9rem 1.6rem;
  border-radius: 2rem;
  color: #4d4e67;
}
.main-btn_team-gray:hover {
  background-color: #f0f0f3;
}
.main-btn_team-gray:focus,
.main-btn_team-gray:active {
  background-color: #d8d8db;
}
.main-btn__auto-width {
  min-width: auto !important;
  padding: 1.2rem 1.4rem;
}
.main-btn_form-icon {
  color: #46a6a4;
  padding: 0.9rem 1.2rem;
}
.main-btn_purple {
  border: 0.15rem solid #351f6f;
  color: white;
  background: #351f6f;
}
.main-btn_purple:hover {
  background-color: #432989;
  border-color: #432989;
}
.main-btn_purple:focus,
.main-btn_purple:active {
  background-color: #24105b;
  border-color: #24105b;
}
.main-btn_white-grayish {
  border: 0.1rem solid #4d4e67;
  color: #4d4e67;
  background: white;
}
.main-btn_white-grayish:hover {
  background-color: rgba(77, 78, 103, 0.05);
}
.main-btn_white-grayish:focus,
.main-btn_white-grayish:active {
  background-color: rgba(77, 78, 103, 0.18);
}
.main-btn_white-red {
  border: 0.1rem solid #e36f84;
  color: #e36f84;
  background: #fff;
}
.main-btn_white-red:hover {
  background-color: rgba(255, 85, 116, 0.05);
}
.main-btn_white-red:focus,
.main-btn_white-red:active {
  background-color: rgba(255, 85, 116, 0.18);
}
.main-btn_white-red:disabled {
  color: #fff;
}
.main-btn_form-green {
  padding: 0.9rem 1.2rem;
  color: white;
  background: #46a6a4;
  border: 0.1rem solid #46a6a4;
}
.main-btn_form-expense {
  background: #46a6a4;
  border: 0.1rem solid #46a6a4;
  color: white;
}
.btn-up {
  position: absolute;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #351f6f;
  color: #fff;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 3rem;
  border: 0.2rem solid white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-expand {
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  min-width: 2.8rem;
  background-color: rgba(231, 231, 235, 0.5);
  border-radius: 0.9rem;
}
.btn-expand i {
  font-size: 1.4rem;
  color: #351f6f;
}
.seaz__btn,
.seaz__btn_small-outlined,
.seaz__btn_small-outlined-plus,
.seaz__btn_small-purple,
.seaz__btn_outlined-arrows,
.seaz__btn_outlined-green,
.seaz__btn_outlined-red,
.seaz__btn_outlined,
.seaz-edit__folder div,
.seaz-modal .modal-content__controls .main-btn_white-green,
.seaz__btn_outlined_plus,
.seaz-dashboard__finance_expense_btn button,
.seaz__btn_aqua,
.seaz__btn_light_green,
.seaz__btn_green,
.seaz__btn_mulberry,
.seaz__btn_primary-arrows,
.seaz__btn_primary,
.seaz-modal .modal-content__controls .main-btn_green {
  text-transform: uppercase;
  color: #ffffff;
  padding: 1.2rem 3.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .seaz__btn,
  .seaz__btn_small-outlined,
  .seaz__btn_small-outlined-plus,
  .seaz__btn_small-purple,
  .seaz__btn_outlined-arrows,
  .seaz__btn_outlined-green,
  .seaz__btn_outlined-red,
  .seaz__btn_outlined,
  .seaz-edit__folder div,
  .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz__btn_outlined_plus,
  .seaz-dashboard__finance_expense_btn button,
  .seaz__btn_aqua,
  .seaz__btn_light_green,
  .seaz__btn_green,
  .seaz__btn_mulberry,
  .seaz__btn_primary-arrows,
  .seaz__btn_primary,
  .seaz-modal .modal-content__controls .main-btn_green {
    padding: 1rem 3.2rem;
    font-size: 1.2rem;
  }
}
.seaz__btn_primary,
.seaz-modal .modal-content__controls .main-btn_green {
  background-color: #351f73;
}
.seaz__btn_primary:hover,
.seaz-modal .modal-content__controls .main-btn_green:hover {
  background-color: #432989;
}
.seaz__btn_primary:disabled,
.seaz-modal .modal-content__controls .main-btn_green:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
.seaz__btn_primary-arrows {
  background-color: #351f73;
  color: #ffffff;
  display: flex;
}
.seaz__btn_primary-arrows::before,
.seaz__btn_primary-arrows::after {
  content: "";
  background-image: url(/assets/img/btn-arrow-white.svg);
  display: block;
  width: 1.8rem;
  height: 1.7rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.seaz__btn_primary-arrows::before {
  margin-right: 1.8rem;
}
.seaz__btn_primary-arrows::after {
  margin-left: 1.8rem;
}
.seaz__btn_primary-arrows:hover {
  background-color: #432989;
}
.seaz__btn_primary-arrows:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
@media screen and (max-width: 480px) {
  .seaz__btn_primary-arrows::before {
    display: none;
  }
  .seaz__btn_primary-arrows::after {
    background-image: url(/assets/img/btn-plus-white.svg);
  }
}
.seaz__btn_primary.share,
.seaz-modal .modal-content__controls .share.main-btn_green {
  background-color: #00b9ff;
}
.seaz__btn_primary.share:hover,
.seaz-modal .modal-content__controls .share.main-btn_green:hover {
  background-color: #14aee8;
}
.seaz__btn_mulberry {
  background-color: #4f194a;
}
.seaz__btn_mulberry:hover {
  background-color: #64205d;
}
.seaz__btn_mulberry:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
.seaz__btn_green {
  background-color: #46a6a4;
}
.seaz__btn_green:hover {
  background-color: #55b5b3;
}
.seaz__btn_green:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
.seaz__btn_light_green {
  background-color: #3aae27;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seaz__btn_light_green app-seazone-icon {
  margin-left: 0.8rem;
}
.seaz__btn_light_green:hover {
  opacity: 1;
}
.seaz__btn_light_green:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
.seaz__btn_aqua {
  background-color: #00b9ff;
}
.seaz__btn_aqua:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
.seaz__btn_outlined,
.seaz-edit__folder div,
.seaz-modal .modal-content__controls .main-btn_white-green,
.seaz__btn_outlined_plus,
.seaz-dashboard__finance_expense_btn button {
  background-color: transparent;
  border: 1px solid #4f194a;
  color: #4f194a;
}
.seaz__btn_outlined:hover,
.seaz-edit__folder div:hover,
.seaz-modal .modal-content__controls .main-btn_white-green:hover,
.seaz__btn_outlined_plus:hover,
.seaz-dashboard__finance_expense_btn button:hover {
  background-color: #4f194a;
  color: #ffffff;
}
.seaz__btn_outlined.disabled,
.seaz-edit__folder div.disabled,
.seaz-modal .modal-content__controls .disabled.main-btn_white-green,
.disabled.seaz__btn_outlined_plus,
.seaz-dashboard__finance_expense_btn button.disabled {
  background-color: #bdbdbd;
  cursor: inherit;
  border: 1px solid transparent;
  color: #ffffff;
}
.seaz__btn_outlined:disabled,
.seaz-edit__folder div:disabled,
.seaz-modal .modal-content__controls .main-btn_white-green:disabled,
.seaz__btn_outlined_plus:disabled,
.seaz-dashboard__finance_expense_btn button:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
  border: 1px solid transparent;
  color: #ffffff;
}
.seaz__btn_outlined--black {
  border: 1px solid #010202;
  color: #010202;
}
.seaz__btn_outlined--black:hover {
  background-color: #010202;
}
.seaz__btn_outlined--blue {
  border: 1px solid #00b9ff;
  color: #00b9ff;
}
.seaz__btn_outlined--blue:hover {
  background-color: #00b9ff;
  color: #ffffff;
}
.seaz__btn_outlined--primary {
  border: 1px solid #351f73;
  color: #351f73;
}
.seaz__btn_outlined--primary:hover {
  background-color: #351f73;
  color: #ffffff;
}
.seaz__btn_outlined-red {
  background-color: transparent;
  border: 1px solid #d70000;
  color: #d70000;
}
.seaz__btn_outlined-red:hover {
  background-color: #d70000;
  color: #ffffff;
}
.seaz__btn_outlined-green {
  background-color: transparent;
  border: 1px solid #3aae27;
  color: #3aae27;
}
.seaz__btn_outlined-green:hover {
  background-color: #3aae27;
  color: #ffffff;
}
.seaz__btn_outlined_plus,
.seaz-dashboard__finance_expense_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.seaz__btn_outlined_plus::after,
.seaz-dashboard__finance_expense_btn button::after {
  content: "";
  background-image: url(/assets/img/plus-purple.svg);
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(-50%, 0);
  margin-left: 1.8rem;
}
.seaz__btn_outlined_plus:hover::after,
.seaz-dashboard__finance_expense_btn button:hover::after {
  background-image: url(/assets/img/btn-plus-white.svg);
}
.seaz__btn_outlined-arrows {
  border: 1px solid #4f194a;
  color: #4f194a;
  display: flex;
  background-color: transparent;
}
.seaz__btn_outlined-arrows::before,
.seaz__btn_outlined-arrows::after {
  content: "";
  background-image: url(/assets/img/btn-arrow.svg);
  display: block;
  width: 1.8rem;
  height: 1.7rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.seaz__btn_outlined-arrows::before {
  margin-right: 1.8rem;
}
.seaz__btn_outlined-arrows::after {
  margin-left: 1.8rem;
}
.seaz__btn_outlined-arrows:hover {
  border: 1px solid transparent;
  color: #ffffff;
  background-color: #64205d;
}
.seaz__btn_outlined-arrows:hover::before,
.seaz__btn_outlined-arrows:hover::after {
  background-image: url(/assets/img/btn-arrow-white.svg);
}
.seaz__btn_outlined-arrows:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
  border: 1px solid transparent;
  color: #ffffff;
}
.seaz__btn_outlined-arrows:disabled::before,
.seaz__btn_outlined-arrows:disabled::after {
  background-image: url(/assets/img/btn-arrow-white.svg);
}
@media screen and (max-width: 480px) {
  .seaz__btn_outlined-arrows::before {
    display: none;
  }
  .seaz__btn_outlined-arrows:hover::after {
    background-image: url(/assets/img/btn-plus-white.svg);
  }
  .seaz__btn_outlined-arrows:disabled::after {
    background-image: url(/assets/img/btn-plus-white.svg);
  }
}
.seaz__btn_small-purple {
  font-size: 1.2rem;
  padding: 0.9rem 1.5rem;
  background-color: #351f73;
  color: #ffffff;
}
.seaz__btn_small-outlined,
.seaz__btn_small-outlined-plus {
  font-size: 1.2rem;
  padding: 0.9rem 1.5rem;
  border: 1px solid #351f73;
  background-color: transparent;
  color: #351f73;
  color: #351f73;
}
.seaz__btn_small-outlined.disabled,
.disabled.seaz__btn_small-outlined-plus {
  background-color: #bdbdbd;
  cursor: inherit;
  border: 1px solid transparent;
  color: #ffffff;
}
.seaz__btn_small-outlined-plus {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.5rem;
}
.seaz__btn_small-outlined-plus::before {
  content: "";
  background-image: url(/assets/img/plus-purple.svg);
  width: 1.3rem;
  height: 1.3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: relative;
  top: -2px;
  margin-right: 0.8rem;
}
.capital {
  text-transform: uppercase;
}
.location__btn {
  display: flex;
  margin-left: 9rem;
}
@media screen and (max-width: 800px) {
  .location__btn {
    margin-left: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .location__btn {
    margin-left: 0;
  }
}
.location__btn--title {
  font-size: 1.4rem;
  text-decoration-line: underline;
  text-align: left;
  color: #00b9ff;
  cursor: pointer;
  margin-left: 1rem;
}
.seaz-charter__btn_outlined_green {
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #46a6a4;
  padding: 1.1rem 1.6rem;
  border: 1px solid #46a6a4;
  border-radius: 4px;
  cursor: pointer;
}
.seaz-charter__btn_outlined_purple {
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #351f73;
  padding: 0.8rem 1.6rem;
  border: 1px solid #351f73;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.seaz-charter__btn_outlined_purple app-seazone-icon {
  margin-right: 1rem;
}
.seaz-charter__btn_outlined_mulberry {
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #4f194a;
  padding: 0.8rem 1.6rem;
  border: 1px solid #4f194a;
  border-radius: 4px;
  cursor: pointer;
}
.seaz-charter__btn_outlined_primary {
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #351f73;
  padding: 0.8rem 1.6rem;
  border: 1px solid #351f73;
  border-radius: 4px;
  cursor: pointer;
}
.seaz-charter__btn_primary {
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #351f73;
  color: #ffffff;
  text-transform: uppercase;
}
.seaz-charter__btn_primary:disabled {
  background-color: #bdbdbd;
  cursor: default;
}
.seaz-charter__btn_primary--plus {
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #351f73;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-weight: 500;
}
.seaz-charter__btn_primary--plus:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
}
.seaz-charter__btn_primary--plus::before {
  content: "";
  background-image: url(/assets/img/btn-plus-white.svg);
  width: 1.4rem;
  height: 1.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin-right: 1.3rem;
}
.seaz-charter-btn-accent {
  background-color: #348ece;
}
.seaz-charter-form-add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.8rem;
  margin: 3rem 0;
  color: #4f194a;
  border: 1px solid #4f194a;
  box-sizing: border-box;
  transition: 0.3s;
}
.seaz-charter-form-add-btn:hover {
  opacity: 0.6;
}
.seaz-charter-form-add-btn__icon {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-right: 0.9rem;
}
.seaz-charter__apa_form .main-btn {
  font-size: 1.4rem;
}
.user-manage-btn {
  padding: 0.8rem;
}
.capitalize {
  text-transform: capitalize;
}
.seaz__btn_rounded {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 1rem 2rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  border: 1px solid #351f73;
  background-color: #351f73;
  color: #fff;
  transition: opacity 0.2s;
}
.seaz__btn_rounded:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
  border-color: #bdbdbd;
}
.seaz__btn_rounded:disabled:hover {
  opacity: 1;
}
.seaz__btn_rounded:hover {
  opacity: 0.6;
}
.seaz__btn_rounded--outline {
  background-color: #fff;
  color: #351f73;
}
.seaz__btn_rounded--outline:disabled {
  background-color: initial;
  opacity: 0.4;
}
.seaz__btn_rounded--outline:disabled:hover {
  opacity: 0.4;
  cursor: default;
}
.seaz__btn_rounded--outline-plus {
  display: flex;
  align-items: center;
}
.seaz__btn_rounded--outline-plus:after {
  content: "";
  background-image: url(/assets/img/plus-purple.svg);
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(-50%, 0);
  margin-left: 1.8rem;
}
.seaz__btn_rounded--with-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.seaz__btn_rounded--icon {
  margin-right: 1rem;
}
.seaz__btn_rounded--icon-right {
  margin-left: 1rem;
}
.seaz__btn_rounded--icon-rotate {
  transform: rotateZ(180deg);
}
.seaz__btn_rounded--delete {
  color: #d70000;
  border-color: #d70000;
  background-color: initial;
}
.seaz__btn_rounded--delete:hover {
  opacity: 1;
  background-color: #d70000;
  color: #fff;
}
.seaz__btn_rounded--outline-blue {
  background-color: #fff;
  color: #00b9ff;
  border-color: #00b9ff;
  transition-property: background-color, color;
}
.seaz__btn_rounded--outline-blue:disabled {
  background-color: initial;
  opacity: 0.4;
}
.seaz__btn_rounded--outline-blue:disabled:hover {
  opacity: 0.4;
  cursor: default;
}
.seaz__btn_rounded--outline-blue:hover {
  background-color: #00b9ff;
  color: #fff;
  opacity: 1;
}
.seaz__btn_rounded--outline-green {
  background-color: #fff;
  color: #3aae27;
  border-color: #3aae27;
  transition-property: background-color, color;
}
.seaz__btn_rounded--outline-green:disabled {
  background-color: initial;
  opacity: 0.4;
}
.seaz__btn_rounded--outline-green:disabled:hover {
  opacity: 0.4;
  cursor: default;
}
.seaz__btn_rounded--outline-green:hover {
  background-color: #3aae27;
  color: #fff;
  opacity: 1;
}
.seaz__btn_rounded--outline-main {
  color: #46a6a4;
  border-color: #46a6a4;
  transition-property: background-color, color;
}
.seaz__btn_rounded--outline-main:disabled {
  background-color: initial;
  opacity: 0.4;
}
.seaz__btn_rounded--outline-main:disabled:hover {
  opacity: 0.4;
  cursor: default;
}
.seaz__btn_rounded--outline-main:hover {
  background-color: #46a6a4;
  color: #fff;
  opacity: 1;
}
.seaz__btn_rounded--main-btn {
  background-color: #4f194a;
}
.seaz__btn_rounded--share,
.seaz__btn_rounded--aqua {
  background-color: #00b9ff;
  color: #fff;
  border-color: #00b9ff;
}
.seaz__btn_rounded--green {
  background-color: #46a6a4;
  border-color: #46a6a4;
}
.seaz-btn-primary-small {
  width: 4rem;
  height: 4rem;
  background-color: #bdbdbd;
  border-radius: 0.4rem;
  transition: opacity 0.3s;
}
.seaz-btn-primary-small:hover {
  opacity: 0.6;
}
.action-button {
  display: block;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.main-btn-icon {
  margin-right: 0.9rem;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #399693;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff811f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #ff1f3a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #399693;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #399693;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff811f;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff811f;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff811f;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff811f;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff1f3a;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff1f3a;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #399693;
  --mdc-linear-progress-track-color: rgba(57, 150, 147, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff811f;
  --mdc-linear-progress-track-color: rgba(255, 129, 31, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ff1f3a;
  --mdc-linear-progress-track-color: rgba(255, 31, 58, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #399693;
  --mdc-filled-text-field-focus-active-indicator-color: #399693;
  --mdc-filled-text-field-focus-label-text-color: rgba(57, 150, 147, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ff1f3a;
  --mdc-filled-text-field-error-focus-label-text-color: #ff1f3a;
  --mdc-filled-text-field-error-label-text-color: #ff1f3a;
  --mdc-filled-text-field-error-caret-color: #ff1f3a;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ff1f3a;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ff1f3a;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ff1f3a;
  --mdc-outlined-text-field-caret-color: #399693;
  --mdc-outlined-text-field-focus-outline-color: #399693;
  --mdc-outlined-text-field-focus-label-text-color: rgba(57, 150, 147, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ff1f3a;
  --mdc-outlined-text-field-error-focus-label-text-color: #ff1f3a;
  --mdc-outlined-text-field-error-label-text-color: #ff1f3a;
  --mdc-outlined-text-field-error-hover-label-text-color: #ff1f3a;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ff1f3a;
  --mdc-outlined-text-field-error-hover-outline-color: #ff1f3a;
  --mdc-outlined-text-field-error-outline-color: #ff1f3a;
  --mat-form-field-focus-select-arrow-color: rgba(57, 150, 147, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ff1f3a;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff811f;
  --mdc-filled-text-field-focus-active-indicator-color: #ff811f;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 129, 31, 0.87);
  --mdc-outlined-text-field-caret-color: #ff811f;
  --mdc-outlined-text-field-focus-outline-color: #ff811f;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 129, 31, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 129, 31, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ff1f3a;
  --mdc-filled-text-field-focus-active-indicator-color: #ff1f3a;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 31, 58, 0.87);
  --mdc-outlined-text-field-caret-color: #ff1f3a;
  --mdc-outlined-text-field-focus-outline-color: #ff1f3a;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 31, 58, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 31, 58, 0.87);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(57, 150, 147, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 31, 58, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 129, 31, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 31, 58, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 31, 58, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 31, 58, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #399693;
  --mdc-chip-elevated-selected-container-color: #399693;
  --mdc-chip-elevated-disabled-container-color: #399693;
  --mdc-chip-flat-disabled-selected-container-color: #399693;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: black;
  --mdc-chip-elevated-container-color: #ff811f;
  --mdc-chip-elevated-selected-container-color: #ff811f;
  --mdc-chip-elevated-disabled-container-color: #ff811f;
  --mdc-chip-flat-disabled-selected-container-color: #ff811f;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: black;
  --mdc-chip-selected-label-text-color: black;
  --mdc-chip-with-icon-icon-color: black;
  --mdc-chip-with-icon-disabled-icon-color: black;
  --mdc-chip-with-icon-selected-icon-color: black;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mdc-chip-with-trailing-icon-trailing-icon-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-trailing-icon-color: black;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff1f3a;
  --mdc-chip-elevated-selected-container-color: #ff1f3a;
  --mdc-chip-elevated-disabled-container-color: #ff1f3a;
  --mdc-chip-flat-disabled-selected-container-color: #ff1f3a;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #358985;
  --mdc-switch-selected-handle-color: #358985;
  --mdc-switch-selected-hover-state-layer-color: #358985;
  --mdc-switch-selected-pressed-state-layer-color: #358985;
  --mdc-switch-selected-focus-handle-color: #244d48;
  --mdc-switch-selected-hover-handle-color: #244d48;
  --mdc-switch-selected-pressed-handle-color: #244d48;
  --mdc-switch-selected-focus-track-color: #60b6b6;
  --mdc-switch-selected-hover-track-color: #60b6b6;
  --mdc-switch-selected-pressed-track-color: #60b6b6;
  --mdc-switch-selected-track-color: #60b6b6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #ff791b;
  --mdc-switch-selected-handle-color: #ff791b;
  --mdc-switch-selected-hover-state-layer-color: #ff791b;
  --mdc-switch-selected-pressed-state-layer-color: #ff791b;
  --mdc-switch-selected-focus-handle-color: #ff510a;
  --mdc-switch-selected-hover-handle-color: #ff510a;
  --mdc-switch-selected-pressed-handle-color: #ff510a;
  --mdc-switch-selected-focus-track-color: #ffa762;
  --mdc-switch-selected-hover-track-color: #ffa762;
  --mdc-switch-selected-pressed-track-color: #ffa762;
  --mdc-switch-selected-track-color: #ffa762;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #ff1b34;
  --mdc-switch-selected-handle-color: #ff1b34;
  --mdc-switch-selected-hover-state-layer-color: #ff1b34;
  --mdc-switch-selected-pressed-state-layer-color: #ff1b34;
  --mdc-switch-selected-focus-handle-color: #ff0a18;
  --mdc-switch-selected-hover-handle-color: #ff0a18;
  --mdc-switch-selected-pressed-handle-color: #ff0a18;
  --mdc-switch-selected-focus-track-color: #ff6275;
  --mdc-switch-selected-hover-track-color: #ff6275;
  --mdc-switch-selected-pressed-track-color: #ff6275;
  --mdc-switch-selected-track-color: #ff6275;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #399693;
  --mdc-radio-selected-hover-icon-color: #399693;
  --mdc-radio-selected-icon-color: #399693;
  --mdc-radio-selected-pressed-icon-color: #399693;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #399693;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff811f;
  --mdc-radio-selected-hover-icon-color: #ff811f;
  --mdc-radio-selected-icon-color: #ff811f;
  --mdc-radio-selected-pressed-icon-color: #ff811f;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff811f;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff1f3a;
  --mdc-radio-selected-hover-icon-color: #ff1f3a;
  --mdc-radio-selected-icon-color: #ff1f3a;
  --mdc-radio-selected-pressed-icon-color: #ff1f3a;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff1f3a;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: #399693;
  --mdc-slider-focus-handle-color: #399693;
  --mdc-slider-hover-handle-color: #399693;
  --mdc-slider-active-track-color: #399693;
  --mdc-slider-inactive-track-color: #399693;
  --mdc-slider-with-tick-marks-inactive-container-color: #399693;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #399693;
  --mat-slider-hover-state-layer-color: rgba(57, 150, 147, 0.05);
  --mat-slider-focus-state-layer-color: rgba(57, 150, 147, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #ff811f;
  --mdc-slider-focus-handle-color: #ff811f;
  --mdc-slider-hover-handle-color: #ff811f;
  --mdc-slider-active-track-color: #ff811f;
  --mdc-slider-inactive-track-color: #ff811f;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff811f;
  --mdc-slider-with-tick-marks-active-container-color: black;
  --mat-slider-ripple-color: #ff811f;
  --mat-slider-hover-state-layer-color: rgba(255, 129, 31, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 129, 31, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #ff1f3a;
  --mdc-slider-focus-handle-color: #ff1f3a;
  --mdc-slider-hover-handle-color: #ff1f3a;
  --mdc-slider-active-track-color: #ff1f3a;
  --mdc-slider-inactive-track-color: #ff1f3a;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff1f3a;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #ff1f3a;
  --mat-slider-hover-state-layer-color: rgba(255, 31, 58, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 31, 58, 0.2);
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #399693;
  --mdc-radio-selected-hover-icon-color: #399693;
  --mdc-radio-selected-icon-color: #399693;
  --mdc-radio-selected-pressed-icon-color: #399693;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff811f;
  --mdc-radio-selected-hover-icon-color: #ff811f;
  --mdc-radio-selected-icon-color: #ff811f;
  --mdc-radio-selected-pressed-icon-color: #ff811f;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff1f3a;
  --mdc-radio-selected-hover-icon-color: #ff1f3a;
  --mdc-radio-selected-icon-color: #ff1f3a;
  --mdc-radio-selected-pressed-icon-color: #ff1f3a;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #399693;
  --mdc-checkbox-selected-hover-icon-color: #399693;
  --mdc-checkbox-selected-icon-color: #399693;
  --mdc-checkbox-selected-pressed-icon-color: #399693;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #399693;
  --mdc-checkbox-selected-hover-state-layer-color: #399693;
  --mdc-checkbox-selected-pressed-state-layer-color: #399693;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ff811f;
  --mdc-checkbox-selected-hover-icon-color: #ff811f;
  --mdc-checkbox-selected-icon-color: #ff811f;
  --mdc-checkbox-selected-pressed-icon-color: #ff811f;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff811f;
  --mdc-checkbox-selected-hover-state-layer-color: #ff811f;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff811f;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff1f3a;
  --mdc-checkbox-selected-hover-icon-color: #ff1f3a;
  --mdc-checkbox-selected-icon-color: #ff1f3a;
  --mdc-checkbox-selected-pressed-icon-color: #ff1f3a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff1f3a;
  --mdc-checkbox-selected-hover-state-layer-color: #ff1f3a;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff1f3a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #399693;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #399693;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #399693;
  --mat-tab-header-active-ripple-color: #399693;
  --mat-tab-header-inactive-ripple-color: #399693;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #399693;
  --mat-tab-header-active-hover-label-text-color: #399693;
  --mat-tab-header-active-focus-indicator-color: #399693;
  --mat-tab-header-active-hover-indicator-color: #399693;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff811f;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff811f;
  --mat-tab-header-active-ripple-color: #ff811f;
  --mat-tab-header-inactive-ripple-color: #ff811f;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff811f;
  --mat-tab-header-active-hover-label-text-color: #ff811f;
  --mat-tab-header-active-focus-indicator-color: #ff811f;
  --mat-tab-header-active-hover-indicator-color: #ff811f;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ff1f3a;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff1f3a;
  --mat-tab-header-active-ripple-color: #ff1f3a;
  --mat-tab-header-inactive-ripple-color: #ff1f3a;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff1f3a;
  --mat-tab-header-active-hover-label-text-color: #ff1f3a;
  --mat-tab-header-active-focus-indicator-color: #ff1f3a;
  --mat-tab-header-active-hover-indicator-color: #ff1f3a;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #399693;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff811f;
  --mat-tab-header-with-background-foreground-color: black;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ff1f3a;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ff811f;
  --mdc-checkbox-selected-hover-icon-color: #ff811f;
  --mdc-checkbox-selected-icon-color: #ff811f;
  --mdc-checkbox-selected-pressed-icon-color: #ff811f;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff811f;
  --mdc-checkbox-selected-hover-state-layer-color: #ff811f;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff811f;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #399693;
  --mdc-checkbox-selected-hover-icon-color: #399693;
  --mdc-checkbox-selected-icon-color: #399693;
  --mdc-checkbox-selected-pressed-icon-color: #399693;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #399693;
  --mdc-checkbox-selected-hover-state-layer-color: #399693;
  --mdc-checkbox-selected-pressed-state-layer-color: #399693;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff1f3a;
  --mdc-checkbox-selected-hover-icon-color: #ff1f3a;
  --mdc-checkbox-selected-icon-color: #ff1f3a;
  --mdc-checkbox-selected-pressed-icon-color: #ff1f3a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff1f3a;
  --mdc-checkbox-selected-hover-state-layer-color: #ff1f3a;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff1f3a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #399693;
  --mat-text-button-state-layer-color: #399693;
  --mat-text-button-ripple-color: rgba(57, 150, 147, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff811f;
  --mat-text-button-state-layer-color: #ff811f;
  --mat-text-button-ripple-color: rgba(255, 129, 31, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ff1f3a;
  --mat-text-button-state-layer-color: #ff1f3a;
  --mat-text-button-ripple-color: rgba(255, 31, 58, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #399693;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff811f;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ff1f3a;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #399693;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff811f;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ff1f3a;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #399693;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #399693;
  --mat-outlined-button-ripple-color: rgba(57, 150, 147, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff811f;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff811f;
  --mat-outlined-button-ripple-color: rgba(255, 129, 31, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ff1f3a;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff1f3a;
  --mat-outlined-button-ripple-color: rgba(255, 31, 58, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #399693;
  --mat-icon-button-state-layer-color: #399693;
  --mat-icon-button-ripple-color: rgba(57, 150, 147, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff811f;
  --mat-icon-button-state-layer-color: #ff811f;
  --mat-icon-button-ripple-color: rgba(255, 129, 31, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ff1f3a;
  --mat-icon-button-state-layer-color: #ff1f3a;
  --mat-icon-button-ripple-color: rgba(255, 31, 58, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #399693;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ff811f;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ff1f3a;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #399693;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ff811f;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ff1f3a;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff811f;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #399693;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff811f;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ff1f3a;
}
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: #399693;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff811f;
  --mat-badge-text-color: black;
}
.mat-badge-warn {
  --mat-badge-background-color: #ff1f3a;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #399693;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(57, 150, 147, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(57, 150, 147, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(57, 150, 147, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #399693;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(57, 150, 147, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff811f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 129, 31, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 129, 31, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 129, 31, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 129, 31, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff1f3a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 31, 58, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 31, 58, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 31, 58, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 31, 58, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff811f;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ff1f3a;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #399693;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff811f;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ff1f3a;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #399693;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #399693;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #399693;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #ff1f3a;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ff1f3a;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #ff811f;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #ff811f;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #ff811f;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff1f3a;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff1f3a;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff1f3a;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #399693;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff811f;
  --mat-toolbar-container-text-color: black;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff1f3a;
  --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 {
  font-size: 62.5%;
  line-height: 1.5;
}
body,
html {
  height: 100%;
  display: block;
}
app-root {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.page-wrapper app-header {
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.main-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  font:
    1.4rem/1.8rem "Roboto",
    sans-serif,
    "Google Sans",
    sans-serif;
  margin: 0 auto;
  color: #4d4e67;
  background: #fafafb;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  pointer-events: none;
}
.main-wrap * {
  box-sizing: border-box;
}
.main-wrap_height {
  height: 100%;
}
.main-wrap__scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: auto;
}
.main-wrap__scrollable .header {
  z-index: 1001;
}
.main-wrap__events app-wrapper {
  pointer-events: auto;
}
@media screen and (max-width: 480px) {
  .main-wrap {
    background: white;
    font-size: 1.2rem;
  }
}
app-wrapper {
  display: contents;
}
.main-title {
  background-image: url(/assets/img/bg_user_info.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 5.8rem 0 2.2rem;
}
@media screen and (max-width: 768px) {
  .main-title {
    padding: 3.8rem 0 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .main-title {
    padding: 3.2rem 0 1rem;
  }
}
.main-title-profile {
  padding: 0 5rem;
}
@media screen and (max-width: 1024px) {
  .main-title-profile {
    padding: 0;
  }
}
.my-profile-wrap {
  padding: 0 5rem;
}
@media screen and (max-width: 1024px) {
  .my-profile-wrap {
    padding: 0;
  }
}
.main-content {
  flex: 1 0 auto;
  min-height: 71.5vh;
}
.main-content:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in 0s;
}
.container {
  position: relative;
  margin: 0 auto;
  padding: 0 8rem;
}
@media screen and (max-width: 1544px) {
  .container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .container {
    padding: 0 1rem;
  }
}
.title-h1 {
  font: 500 3.4rem/4rem "Roboto", sans-serif;
}
.title-h1.warning {
  color: #ff5574;
}
.title-h1_white {
  color: #fff;
}
@media screen and (max-width: 480px) {
  .title-h1 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
.title-h2 {
  font: 500 3rem/5.3rem "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .title-h2 {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
}
.title-h3 {
  font: bold 2.4rem/2.8rem "Roboto", sans-serif;
  color: #351f6f;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .title-h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .title-h3 {
    font-size: 1.3rem;
  }
}
.title-h4 {
  font: 500 2rem/2.3rem "Roboto", sans-serif;
}
.title-h4_opacity {
  opacity: 0.5;
}
@media screen and (max-width: 480px) {
  .title-h4 {
    font-size: 1.5rem;
  }
}
.title-h5 {
  font: 500 1.8rem/2.1rem "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .title-h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .title-h5 {
    font-size: 1.2rem;
  }
}
.title-h6 {
  font: 400 1.6rem/2.2rem "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .title-h6 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .title-h6 {
    font-size: 1.2rem;
  }
}
.link {
  color: #7d42d2;
}
input,
textarea {
  border: 0.1rem solid #a9a9a9;
  background-color: white;
  border-radius: 0.2rem;
  resize: none;
}
input:focus,
textarea:focus {
  border: 0.1rem solid #7d42d2;
}
input.ng-invalid.ng-dirty,
textarea.ng-invalid.ng-dirty {
  border: 0.1rem solid red;
}
.text-error,
.text-red {
  color: #ff1f3a;
}
.text-dark-red {
  color: #d70000;
}
.text-gray {
  color: #a9a9a9;
}
.text-purple-dark {
  color: #351f6f;
}
.wrap-btn_financial-data {
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .wrap-btn_financial-data {
    margin-bottom: 2rem;
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .wrap-btn_financial-data {
    width: 100%;
  }
}
.wrap-btn_financial-data:not(:last-child) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .wrap-btn_financial-data:not(:last-child) {
    margin-right: 0;
  }
}
.text-green {
  color: #46a6a4 !important;
}
.text-opacity_9 {
  opacity: 0.9;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-nowrap {
  white-space: nowrap;
}
.text-wrap {
  white-space: normal;
}
.text-bold {
  font-weight: bold;
}
.text-normal {
  font-weight: 400;
}
.text-medium {
  font-weight: 500;
}
.text-up {
  text-transform: uppercase;
}
.width_80 {
  width: 80% !important;
}
.width_85 {
  width: 85% !important;
}
.bckg-table-col {
  background: #fafafb;
}
.bckg-col-details {
  background: #e7e7eb;
}
.hidden {
  display: none;
}
.transparent_03 {
  opacity: 0.3;
}
.h-fit {
  height: fit-content;
}
.h-fit-important {
  height: fit-content !important;
}
.flex-wrap {
  flex-wrap: wrap;
}
.white-space-nowrap {
  white-space: nowrap;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-justify-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-1-1-auto {
  flex: 1 1 auto;
}
.flex-0-1-auto {
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
}
.sort-down:before {
  content: "\e82a";
  transform: rotate(0deg);
}
.details-open i {
  transform: rotate(-180deg);
}
.details-hidden i {
  transform: rotate(0deg);
}
.filter-hidden {
  transform: rotate(-180deg);
}
.filter-open {
  transform: rotate(0);
}
.wrap-file {
  display: inline-block;
  position: relative;
  margin-bottom: 2.4rem;
}
.wrap-file .form__document-btn {
  margin-bottom: 0;
}
.wrap-table {
  position: relative;
  z-index: 2;
}
.wrap-table__scroll {
  overflow: auto;
  overflow-y: hidden;
}
.wrap-table_crew {
  margin-top: 1rem;
}
.notice {
  color: #ff1f3a;
}
.notice__block {
  display: inline-flex;
  cursor: pointer;
  font-size: 2rem;
}
.notice__block:hover .notice__text {
  opacity: 1;
  visibility: visible;
}
.notice__block .icon-notification {
  color: #ff5574;
}
@media screen and (max-width: 768px) {
  .notice__block {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .notice__block {
    font-size: 1rem;
  }
}
.notice__text {
  opacity: 0;
  visibility: hidden;
  font-weight: normal;
  position: absolute;
  border-radius: 0.8rem;
  background-color: #ffe1e7;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
  padding: 0.9rem 0.8rem;
  font-size: 1.2rem;
  line-height: normal;
  color: #ff1f3a;
  top: -3.9rem;
  left: -0.5rem;
  z-index: 1;
  white-space: nowrap;
}
.notice__text:before {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  background: #ffe1e7;
  bottom: -0.6rem;
  left: 0.8rem;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .notice__text {
    left: -0.6rem;
  }
}
@media screen and (max-width: 480px) {
  .notice__text {
    padding: 0.5rem;
    top: -2.5rem;
  }
  .notice__text:before {
    width: 0.7rem;
    height: 0.7rem;
    bottom: -0.4rem;
  }
}
.add-image {
  height: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.1rem solid #e7e7eb;
  background-color: #fff;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  color: #351f6f;
  cursor: pointer;
  font-size: 2.1rem;
  transition: 0.3s;
}
.add-image:hover {
  background-color: #f5f4f8;
}
.add-image:focus,
.add-image:active {
  background-color: #f5f4f8;
}
.visually-hidden {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .hide_tablet {
    display: none !important;
  }
}
.show_tablet {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .show_tablet {
    display: block !important;
  }
}
.circle-icon {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  box-shadow: 0 0.2rem 0.2rem rgba(9, 189, 186, 0.1);
  text-align: center;
  border-radius: 50%;
  vertical-align: 0.5rem;
}
.circle-icon i {
  vertical-align: -0.6rem;
}
.circle-icon_green {
  background-color: #46a6a4;
}
.circle-icon_red {
  background-color: #ff5574;
}
@media screen and (max-width: 768px) {
  .circle-icon {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
  }
  .circle-icon i {
    vertical-align: -0.3rem;
  }
}
.non-bg-icon {
  display: inline-block;
}
.non-bg-icon > i {
  font-size: 1.7rem;
}
.non-bg-icon_green > i {
  color: #46a6a4;
}
.avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.15rem solid #ffffff;
  box-sizing: content-box;
}
.avatar__img {
  display: block;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  object-fit: cover;
}
.avatar__img img {
  width: 100%;
  height: 100%;
}
.avatar__img img[src=""],
.avatar__img img[src=null] {
  display: none;
}
.avatar__img[src=""],
.avatar__img[src=null] {
  display: none;
}
.avatar_num {
  border: none;
  background: #351f6f;
  color: white;
}
.tabs__header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .tabs__header-wrap {
    flex-direction: column;
    align-items: baseline;
  }
  .tabs__header-wrap .main-btn {
    margin-top: 1rem;
  }
}
.tabs__body {
  position: relative;
}
.tabs__item-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  bottom: 0;
  opacity: 0;
}
.tabs__item-content.active {
  z-index: 1;
  position: relative;
  opacity: 1;
}
.switch {
  display: flex;
  border-radius: 0.9rem;
  background-color: rgba(231, 231, 235, 0.5);
  padding: 0.3rem;
}
.switch__btn {
  padding: 0.7rem 0.8rem;
  cursor: pointer;
  min-height: 3.3rem;
  min-width: 3.3rem;
  flex-grow: 1;
  border-radius: 0.7rem;
  transition: 0.3s;
  color: #351f6f;
}
.switch__btn-icon {
  font-size: 1.7rem;
}
.switch__btn:hover {
  background-color: #e7e7eb;
}
.switch__btn:not(:last-child) {
  margin-right: 0.3rem;
}
.switch__btn_active,
.switch__btn_active:hover {
  background-color: #351f6f;
}
.switch__btn_active .switch__btn-icon,
.switch__btn_active:hover .switch__btn-icon {
  color: white;
}
.switch__btn_active .switch__btn-text,
.switch__btn_active:hover .switch__btn-text {
  color: white;
}
.switch_width {
  min-width: 26rem;
}
@media screen and (max-width: 480px) {
  .switch_width {
    min-width: 12rem;
  }
}
.switch_hidden {
  display: none;
}
@media screen and (max-width: 480px) {
  .switch_hidden {
    display: block;
  }
}
.switch_huge .switch__btn {
  padding: 1.32rem 1.29rem;
}
@media screen and (max-width: 480px) {
  .switch_huge .switch__btn {
    padding: 1.12rem 1.29rem;
  }
}
.wrap-title {
  display: flex;
  justify-content: space-between;
}
.wrap-title__col {
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  .wrap-title__col:first-child {
    width: 40%;
  }
  .wrap-title__col:last-child {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .wrap-title__col {
    max-width: 100%;
    width: 100% !important;
  }
}
.financial-report.wrap-title {
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  gap: 2.4rem;
}
.financial-report.wrap-title.boat__wrap-title {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .financial-report.wrap-title.boat__wrap-title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .financial-report.wrap-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.financial-report .wrap-title__col {
  max-width: none;
}
@media screen and (max-width: 1024px) {
  .financial-report .wrap-title__col {
    width: auto;
  }
}
.financial-report__filter .switch__btn {
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}
.financial-report__filter .custom-period-row {
  display: flex;
  align-items: flex-end;
}
.financial-report__filter .custom-period-row .form__col {
  flex: 1 1 auto;
}
@media screen and (max-width: 768px) {
  .financial-report__filter .custom-period-row {
    gap: 1.2rem;
  }
}
.financial-report__filter .form__row_down {
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .financial-report__filter .form__row_down {
    flex-direction: column;
  }
  .financial-report__filter .form__row_down .form__col {
    width: 100%;
    margin: 0;
  }
}
.financial-report .main-btn {
  padding: 1.2rem 2.4rem;
}
@media screen and (max-width: 768px) {
  .financial-report .main-btn {
    margin-top: 1.2rem;
  }
}
.wrap-btns {
  display: flex;
}
.nav-panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-panel__list {
  display: flex;
  margin: 0 1.2rem;
}
@media screen and (max-width: 480px) {
  .nav-panel__list {
    margin: 0 0.5rem;
  }
}
.nav-panel__list .active-item .nav-panel__link {
  color: white;
  background: #4d4e67;
  border-radius: 50%;
}
.nav-panel__btn {
  display: flex;
  background: white;
  border-radius: 50%;
  padding: 0.9rem 1.1rem;
  transition: 0.3s;
}
.nav-panel__btn path {
  transition: 0.3s;
}
.nav-panel__btn:hover {
  background: #4d4e67;
}
.nav-panel__btn:hover path {
  stroke: white;
  opacity: 1;
}
.nav-panel__link {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.6rem;
  color: #4d4e67;
  padding: 0 1.1rem;
  border-radius: 50%;
  transition: 0.3s;
}
.nav-panel__link:hover {
  color: white;
  background: #4d4e67;
}
.nav-panel__item {
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .nav-panel__item {
    margin-right: 0;
  }
}
.nav-panel__item_padding {
  padding: 0.6rem 0;
}
.nav-panel__item:last-child {
  margin-right: 0;
}
.team {
  display: flex;
  align-items: center;
}
.team__avatar {
  width: 3.8rem;
  margin-right: -1.2rem;
  height: 3.8rem;
}
@media screen and (max-width: 480px) {
  .team__avatar {
    width: 3rem;
    height: 3rem;
    margin-right: -1rem;
  }
}
.team__btn {
  display: flex;
  align-items: center;
  z-index: 2;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .team__btn {
    padding: 0.6rem 1.1rem;
    font-size: 0.9rem;
    line-height: 2rem;
  }
}
.team__btn-icon {
  font-size: 1.9rem;
  margin-left: 1rem;
}
@media screen and (max-width: 480px) {
  .team__btn-icon {
    margin-left: 1rem;
  }
}
.file-list {
  font: 1.4rem/1.8rem "Roboto", sans-serif;
}
@media screen and (max-width: 480px) {
  .file-list {
    font-size: 1.2rem;
  }
}
.file-list__wrap {
  display: flex;
  flex: 1 auto;
}
.file-list__wrap-img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 1.6rem;
}
.file-list__wrap-img > div {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.file-list__item {
  display: flex;
  align-items: center;
  border-bottom: 0.05rem solid #e7e7eb;
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
}
.file-list__item .file-list__wrap-img img {
  height: 100%;
  border-radius: 8px;
}
.file-list__info {
  flex: 1 auto;
  margin-right: 1.6rem;
}
.file-list__text {
  line-height: 2.5rem;
  display: flex;
  justify-content: space-between;
}
.file-list__progress {
  width: 100%;
  margin-bottom: 2.4rem;
}
.file-list__name {
  padding-bottom: 1rem;
  color: #4d4e67;
}
.file-list__img {
  width: 100%;
  height: auto;
}
.file-list__icon {
  height: 100%;
}
.file-list__btn {
  cursor: pointer;
  margin-left: auto;
}
.file-list__btn:not(:last-child) {
  margin-right: 1rem;
}
.file-list__btn:hover > i {
  transform: rotate(90deg);
}
.file-list__close {
  color: #ff1f3a;
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.file-list__size {
  color: #a9a9a9;
  opacity: 0.5;
}
.tabs {
  display: flex;
  border-bottom: 0.1rem solid #a9a9a9;
  overflow-x: auto;
}
.tabs__item:not(:last-child) {
  margin-right: 1rem;
}
.tabs__link {
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  font: bold 1.8rem/2.7rem "Roboto", sans-serif;
  color: #4d4e67;
  white-space: nowrap;
}
.tabs__link:before {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: currentColor;
  right: 0;
  width: 0;
  bottom: 0;
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
}
.tabs__link:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}
.tabs__link_purple {
  color: #4d4e67;
}
.tabs__link_purple:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}
.tabs__link .notice__block {
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.4rem);
  transform: translate(0, -50%);
}
.tabs .active-item .tabs__link {
  color: #46a6a4;
}
.tabs .active-item .tabs__link:before {
  left: 0;
  right: auto;
  width: 100%;
}
.tabs .active-item .tabs__link_purple {
  color: #351f6f;
}
.tabs .active-item .tabs__link_purple:before {
  left: 0;
  right: auto;
  width: 100%;
}
.card-form {
  padding: 2.7rem 2.8rem 4.7rem;
  position: relative;
  background-color: white;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  border: 0.05rem solid #e7e7eb;
}
@media screen and (max-width: 1200px) {
  .card-form {
    padding: 3rem 1.6rem 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  .card-form {
    padding: 2.5rem 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .card-form {
    padding: 2rem 0 0;
    box-shadow: none;
    border: none;
  }
}
.card-form--transparent {
  width: 100%;
  max-width: 131.4rem;
  margin: 4rem auto;
  padding: 0 1.2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .card-form--transparent .profile__col_pretty-cash {
    margin-top: 2.4rem;
  }
  .card-form--transparent .profile__col-price {
    margin-right: 0.5rem;
  }
  .card-form--transparent .profile__col-right {
    padding-left: 1.2rem;
  }
  .card-form--transparent__cards-balance-col {
    flex-shrink: 1;
  }
  .card-form--transparent .boat__card-wrap.profile {
    flex-direction: column;
  }
}
.card-dashboard {
  padding: 1.7rem 2.4rem;
  z-index: 1;
  position: relative;
  background-color: white;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  border: 0.05rem solid #e7e7eb;
}
.card-dashboard.dashboard__aside {
  max-height: 100%;
  border-top: none;
}
.new-pass {
  padding: 6rem 0 15.7rem;
}
@media screen and (max-width: 480px) {
  .new-pass {
    padding: 3rem 0 6.6rem;
  }
}
.new-pass__wrap {
  max-width: 40.6rem;
  margin: 0 auto;
  text-align: center;
}
.new-pass__wrap-img {
  margin-bottom: 1.6rem;
}
.new-pass__title {
  margin-bottom: 2.1rem;
  color: #351f6f;
}
.conditions {
  padding: 2.6rem 0 8rem;
  background: #fafafb;
}
@media screen and (max-width: 480px) {
  .conditions {
    padding: 1rem 0 5rem;
  }
}
.conditions__title {
  margin-bottom: 1.9rem;
}
@media screen and (max-width: 480px) {
  .conditions__title {
    font-size: 1.6rem;
  }
}
.conditions__update {
  color: #a9a9a9;
  margin-bottom: 4.3rem;
}
@media screen and (max-width: 480px) {
  .conditions__update {
    margin-bottom: 2.1rem;
  }
}
.conditions__text {
  padding-right: 10.5rem;
  opacity: 0.7;
  line-height: 2.5rem;
}
@media screen and (max-width: 768px) {
  .conditions__text {
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .conditions__text ol,
  .conditions__text ul {
    padding-left: 1.5rem;
  }
}
.conditions__text div {
  margin-bottom: 3.4rem;
}
@media screen and (max-width: 480px) {
  .conditions__text div {
    margin-bottom: 0;
  }
}
.conditions__text div:last-child {
  margin-bottom: 0;
}
.conditions__wrap {
  display: flex;
}
@media screen and (max-width: 480px) {
  .conditions__wrap {
    flex-direction: column;
  }
}
.conditions__wrap-link {
  margin-top: 0.6rem;
  border-right: 0.1rem solid #a9a9a9;
}
@media screen and (max-width: 480px) {
  .conditions__wrap-link {
    margin-bottom: 1.4rem;
    border-right: none;
  }
}
.conditions__col-left {
  margin-right: 3rem;
}
@media screen and (max-width: 480px) {
  .conditions__col-left {
    margin-right: 0;
  }
}
.conditions__link {
  padding: 0.4rem 3rem;
  display: inline-flex;
}
@media screen and (max-width: 480px) {
  .conditions__link {
    padding: 0.4rem 0.5rem;
  }
}
.conditions__link-icon {
  color: #351f6f;
  font-size: 1.6rem;
}
.status {
  display: inline-block;
  border-radius: 3rem;
  padding: 0.3rem 1.1rem 0.3rem 0.3rem;
}
.status-icon {
  display: inline-flex;
  border-radius: 3rem;
  align-items: center;
  margin-right: 0.4rem;
  justify-content: center;
  min-height: 2.1rem;
  min-width: 2.1rem;
}
@media screen and (max-width: 480px) {
  .status-icon {
    min-width: 1.8rem;
    min-height: 1.8rem;
  }
}
.status-icon i {
  color: white;
  line-height: 1;
  font-size: 1.5rem;
}
.status_purple {
  background-color: rgba(53, 31, 111, 0.1);
  color: #351f6f;
}
.status_purple .status-icon {
  background: #351f6f;
}
.status_grayish {
  background-color: rgba(77, 78, 103, 0.1);
}
.status_grayish .status-icon {
  background: #4d4e67;
}
.status_green {
  background-color: rgba(70, 166, 164, 0.1);
  color: #46a6a4;
}
.status_green .status-icon {
  background: #46a6a4;
}
.status_green-white {
  background-color: transparent;
  color: #46a6a4;
}
.status_green-white .status-icon {
  background: #46a6a4;
}
.status_waiting-light {
  background-color: #f49342;
  color: #ffffff;
  padding: 0.4rem 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 500;
  border-radius: 0.2rem;
}
.status_orange {
  background-color: transparent;
  color: #f7aa38;
}
.fullwidth-logo {
  width: 100%;
  padding: 1.75rem 0;
}
.fullwidth-logo__image {
  display: flex;
  align-items: center;
}
.fullwidth-logo__image > img {
  padding: 0 3rem;
}
@media screen and (max-width: 768px) {
  .fullwidth-logo__image > img {
    padding: 0 2rem;
    max-height: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .fullwidth-logo__image > img {
    max-height: 1.5rem;
  }
}
.fullwidth-logo__image:before {
  content: "";
  display: block;
  height: 0.3rem;
  background-color: #432989;
  flex-grow: 1;
}
.fullwidth-logo__image:after {
  content: "";
  display: block;
  height: 0.3rem;
  background-color: #432989;
  flex-grow: 1;
}
.fullwidth-logo_holders {
  padding-top: 8.5rem;
  margin-bottom: -4rem;
}
@media screen and (max-width: 768px) {
  .fullwidth-logo_holders {
    padding-top: 5rem;
    margin-bottom: -3rem;
  }
}
@media screen and (max-width: 480px) {
  .fullwidth-logo_holders {
    margin-bottom: 0;
  }
}
.budget-lock:after {
  content: "";
  display: block;
  width: 2.7rem;
  height: 3.5rem;
  background-image: url(/assets/img/budget-lock.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  bottom: 8px;
  margin-right: 2.2rem;
}
.budget-table__currency {
  color: #4f194a;
}
.subscription__head {
  padding: 0 4rem;
}
.subscription__title {
  margin-bottom: 2.4rem;
  color: #4d4e67;
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: bold;
}
.subscription__description {
  margin-bottom: 4.8rem;
  color: #a9a9a9;
  font-size: 1.6rem;
  line-height: 19px;
}
.subscription__description-warning {
  display: block;
  padding: 1.6rem 0 0;
}
.subscription__box {
  display: flex;
  justify-content: space-between;
  padding: 0 4rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .subscription__box {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .subscription__box {
    padding: 0 1rem;
  }
}
.subscription__box app-subscription-mode {
  width: 49%;
}
@media screen and (max-width: 1024px) {
  .subscription__box app-subscription-mode {
    width: 100%;
    order: 2;
  }
  .subscription__box app-subscription-mode:last-of-type {
    order: 1;
  }
}
.subscription__saving {
  position: absolute;
  background-color: #f7aa38;
  border-radius: 1.2rem;
  padding: 0.8rem;
  color: #fff;
  line-height: 2rem;
  display: flex;
  flex-direction: column;
  right: 1.2rem;
  top: 1.2rem;
}
.subscription__saving_price {
  font-weight: bold;
}
.subscription__item {
  border: 2px solid #e7e7eb;
  border-radius: 24px;
  padding: 3.2rem;
  position: relative;
}
.subscription__item .subscription__item_advantages {
  margin-right: 0;
}
.subscription__item.subscription-highlight {
  border-color: #f7aa38;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25);
  position: relative;
  top: -25px;
}
@media screen and (max-width: 1024px) {
  .subscription__item.subscription-highlight {
    top: 0;
    box-shadow: none;
    margin-bottom: 2.6rem;
  }
}
@media screen and (max-width: 560px) {
  .subscription__item.subscription-highlight {
    padding-top: 7rem;
  }
}
.subscription__item.subscription__item_advantages {
  margin-right: 0;
}
.subscription__item_head {
  position: relative;
}
.subscription__item_title {
  color: #4d4e67;
  margin-bottom: 0.8rem;
  font-size: 4.8rem;
  text-align: center;
  line-height: 5.6rem;
}
.subscription__item_description {
  margin-bottom: 1.6rem;
  color: #a9a9a9;
  font-size: 1.6rem;
  text-align: center;
  display: block;
  padding: 0.8rem 0 0 0;
}
.subscription__item_price {
  color: #351f6f;
  font-size: 3.5rem;
  text-align: center;
  margin-bottom: 1.2rem;
  font-weight: bold;
  line-height: 4.1rem;
}
.subscription__item_price--old {
  color: #a9a9a9;
  text-decoration-line: line-through;
  width: 100%;
}
.subscription__item_price_label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 26%;
  margin: 0 auto;
  line-height: 1.6rem;
  color: #a9a9a9;
  text-align: center;
  margin-bottom: 2.9rem;
  padding-top: 1.2rem;
  border-top: 1px solid #e7e7eb;
}
@media screen and (max-width: 480px) {
  .subscription__item_price_label {
    width: 56%;
  }
}
.subscription__item_advantages {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
  background: #fafafb;
  border-radius: 8px;
  color: #4d4e67;
  font-size: 1.6rem;
  margin: 0 2rem 1rem 0;
}
.subscription__item_advantages--user {
  flex-direction: column;
}
.subscription__item_advantages--user div {
  display: flex;
  justify-content: space-between;
}
.subscription__item_advantages--coast {
  margin-top: 0.4rem;
  color: #a9a9a9;
  line-height: 1.6rem;
}
.subscription__item_btn {
  width: 100%;
  background-color: #46a6a4;
  border-radius: 3px;
  margin-top: 2.9rem;
  box-sizing: border-box;
  padding: 1rem 0.8rem;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
.subscription__item_btn:disabled {
  background-color: #e7e7eb;
  cursor: default;
}
.subscription__plan_title {
  padding-bottom: 1.6rem;
  color: #351f6f;
  font-weight: 500;
  font-size: 3.4rem;
  line-height: 4rem;
}
.subscription__plan_price {
  color: #351f6f;
  font-weight: bold;
  font-size: 3.5rem;
  margin-bottom: 1.6rem;
  line-height: 4.1rem;
  display: flex;
  align-items: center;
}
.subscription__plan_price_label {
  margin-left: 1.2rem;
  color: #a9a9a9;
  font-size: 1.6rem;
  font-weight: 400;
}
.subscription__plan_price--old {
  margin-left: 1.6rem;
  padding-left: 1.6rem;
  color: #a9a9a9;
  font-size: 2.4rem;
  text-decoration-line: line-through;
  border-left: 1px solid #e7e7eb;
}
.subscription__plan_price_box {
  display: flex;
}
.subscription__plan_row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.subscription__plan_row.form__row:last-child {
  margin-bottom: 4.8rem;
}
.subscription__plan_row app-seazone-input {
  width: 80%;
}
@media screen and (max-width: 480px) {
  .subscription__plan_row app-seazone-input {
    width: 65%;
  }
}
.subscription__plan_row .card__btn {
  width: 15%;
}
@media screen and (max-width: 480px) {
  .subscription__plan_row .card__btn {
    line-height: 2.2rem;
    width: 31%;
  }
}
@media screen and (max-width: 480px) {
  .subscription__plan_row.form__row {
    flex-direction: row;
  }
}
.subscription__plan_btns {
  display: flex;
  justify-content: flex-end;
}
.subscription__plan_btns .card__btn {
  width: 25%;
}
.subscription__plan_btns .card__btn:not(:last-of-type) {
  margin-right: 1rem;
}
.subscription-banner {
  width: 100%;
  margin-bottom: 48px;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #3f9795;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 500;
  background-color: #d4f9f8;
  border-radius: 8px;
  position: relative;
  box-sizing: border-box;
}
.subscription-banner::before {
  content: "";
  border: 20px solid transparent;
  border-top: 17px solid #d4f9f8;
  position: absolute;
  bottom: -36px;
  left: 0;
  right: 0;
  margin: auto;
  height: 12px;
  display: block;
  box-sizing: border-box;
  width: 30px;
}
.subscription-banner.settings {
  margin-bottom: 24px;
}
.subscription .user-note,
.add-boat .user-note {
  display: flex;
}
.subscription .user-note__before,
.add-boat .user-note__before {
  min-width: 2rem;
  display: inline-block;
}
.info-label {
  padding: 1rem 2.4rem;
  background-color: #d4f9f8;
  border-radius: 8px;
  color: #3f9795;
  font-weight: 500;
  font-size: 1.5rem;
}
.info-label.purple {
  background-color: #d7d3ff;
  color: #351f6f;
}
.info-label.error {
  background-color: rgba(227, 111, 132, 0.2);
  color: #ff5574;
}
.info-label.error > a {
  color: #00b9ff;
}
.info-label.light-purple {
  background-color: rgba(53, 31, 115, 0.08);
  color: #351f6f;
  border-radius: 0.4rem;
  font-size: 1.4rem;
}
.info-label.yellow {
  background-color: #fdefc8;
  color: #f49342;
  border-radius: 0;
}
.info-label.gold {
  background-color: #fdefc8;
  color: #94792b;
  border-radius: 0;
  font-size: 1.6rem;
}
.info-label.light-green {
  background-color: rgba(70, 166, 164, 0.05);
  color: #3F9795;
}
.payment-result__box {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 4rem;
}
.payment-result__img {
  margin-bottom: 6rem;
}
.payment-result__title {
  margin-bottom: 2.4rem;
  color: #4d4e67;
  font-weight: 500;
  font-size: 3.4rem;
  line-height: 4rem;
}
.payment-result__text {
  padding-bottom: 5.6rem;
  color: #a9a9a9;
  font-size: 1.6rem;
  line-height: 1.9rem;
  width: 57%;
  text-align: center;
}
.payment-result__btn {
  background-color: #46a6a4;
  border-radius: 3px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  padding: 1.2rem 1rem;
  text-transform: uppercase;
}
.form-payment__title {
  margin-bottom: 2.4rem;
  color: #351f6f;
  font-weight: 500;
  font-size: 3.4rem;
  line-height: 4rem;
}
.settings-subscription button:disabled.main-btn_green,
.settings-subscription button:disabled.subscription__item_btn {
  background-color: #46a6a4;
  opacity: 0.3;
  border-color: transparent;
}
@media screen and (max-width: 800px) {
  .settings-subscription__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .settings-subscription__col.form__col {
    width: 65%;
  }
}
@media screen and (max-width: 800px) {
  .settings-subscription__col.form__col {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .settings-subscription__card_col.form__col {
    width: 34%;
  }
}
@media screen and (max-width: 800px) {
  .settings-subscription__card_col.form__col {
    width: 100%;
  }
}
.settings-subscription__box {
  border: 2px solid #e7e7eb;
  border-radius: 8px;
  padding: 3.2rem;
  margin-right: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .settings-subscription__box {
    margin-right: 1rem;
  }
}
.settings-subscription__title {
  color: #4d4e67;
  font-size: 2.4rem;
  padding-bottom: 1.6rem;
  line-height: 2.8rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #e7e7eb;
}
.settings-subscription__currency {
  display: flex;
  justify-content: center;
  padding: 1.2rem 0 0.8rem;
  align-items: center;
}
.settings-subscription__currency--year {
  padding-top: 0;
}
.settings-subscription__currency_price {
  font-size: 3.5rem;
  color: #351f6f;
  line-height: 4.1rem;
  font-weight: bold;
}
.settings-subscription__currency_price--year {
  color: #4d4e67;
  font-size: 2.4rem;
}
.settings-subscription__currency_label {
  margin-left: 1.2rem;
  color: #a9a9a9;
  font-weight: 500;
  font-size: 1.8rem;
}
.settings-subscription__trial {
  padding: 3.2rem;
  background-color: #fafafb;
  border-radius: 8px;
  margin-bottom: 3.2rem;
}
.settings-subscription__trial_text {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 21px;
}
.settings-subscription__trial_info {
  margin-top: 3.2rem;
  display: block;
}
.settings-subscription__trial_info .info-label {
  text-align: center;
}
.settings-subscription__payment {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 2rem;
  line-height: 3rem;
}
@media screen and (max-width: 768px) {
  .settings-subscription__payment {
    flex-direction: column;
    padding: 2rem;
  }
}
.settings-subscription__payment_title {
  color: #a9a9a9;
  font-weight: 500;
  font-size: 2rem;
  padding-right: 1rem;
}
.settings-subscription__payment_price {
  color: #351f6f;
  font-size: 2rem;
  font-weight: 500;
}
.settings-subscription__btn {
  border-radius: 3px;
  padding: 1rem 0.8rem;
  line-height: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
  margin: 1rem 0;
}
.settings-subscription__btn_cancel {
  width: 28%;
  margin-right: 3%;
}
.settings-subscription__btn_text {
  text-align: center;
  color: #a9a9a9;
  font-size: 1.6rem;
  line-height: 1.9rem;
  width: 63%;
  margin: 0 auto;
  padding-top: 1rem;
}
.settings-subscription__btn_text button {
  color: #46a6a4;
  text-decoration: underline;
  cursor: pointer;
}
.payment-card {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 2.4rem;
  margin-bottom: 2.9rem;
}
.payment-card__box {
  background-color: #fafafb;
  border-radius: 8px;
  padding: 3.2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 560px) {
  .payment-card__box {
    padding: 2.2rem 1.2rem;
  }
}
.payment-card__box_text {
  font-size: 1.3rem;
  text-align: center;
  color: #4d4e67;
  line-height: 1.6rem;
  padding-bottom: 2.9rem;
  display: block;
  font-weight: 100;
}
.payment-card__box_data {
  color: #313247;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.payment-card__type {
  width: 5rem;
}
.payment-card__title {
  font-weight: bold;
  color: #46a6a4;
  font-size: 1.8rem;
}
.payment-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2.7rem;
}
.payment-card__head.icon-close {
  cursor: pointer;
}
.payment-card__number {
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #4d4e67;
}
.payment-card__type {
  padding-top: 3.1rem;
}
.payment-card__expire {
  text-align: center;
  font-weight: bold;
  color: #313247;
  font-size: 1.8rem;
  padding-bottom: 2rem;
}
.payment-card__add {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-card__add_text {
  margin-top: 3.3rem;
  line-height: 2.2rem;
  color: #313247;
  text-align: center;
}
.payment-card__add_btn {
  padding: 1rem 1.5rem;
  margin: 2.9rem 0;
}
.seaz-h1 {
  font-weight: bold;
  font-size: 4rem;
  line-height: 4rem;
}
@media screen and (max-width: 480px) {
  .seaz-h1 {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
}
.seaz-h2 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 3rem;
}
@media screen and (max-width: 480px) {
  .seaz-h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.seaz-h3,
.seaz-h3-caps {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-h3,
  .seaz-h3-caps {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.seaz-h3-caps {
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .seaz-h3-caps {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.seaz-h4,
.seaz-crew__edit_row_upload .yaht-edit__upload_label {
  font-weight: 500;
  font-size: 2rem;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-h4,
  .seaz-crew__edit_row_upload .yaht-edit__upload_label {
    font-size: 1.8em;
    line-height: 2.8rem;
  }
}
.seaz-h5,
.seaz-h5-caps {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-h5,
  .seaz-h5-caps {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.seaz-h5-caps {
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .seaz-h5-caps {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.seaz-h6,
.seaz-uploader__document_file span,
.seaz__info_label .info-label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4rem;
  word-break: break-word;
}
@media screen and (max-width: 480px) {
  .seaz-h6,
  .seaz-uploader__document_file span,
  .seaz__info_label .info-label {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
.seaz-subtitle {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-subtitle {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}
.seaz-text-XLlarge,
.seaz-text-XLlarge-light {
  font-weight: 400;
  font-size: 2rem;
  line-height: 2rem;
}
.seaz-text-XLlarge-light {
  font-weight: 300;
}
.seaz-text-large {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-text-large {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.seaz-text-medium,
.seaz-offer__boat_text,
.seaz-offer__boat_label,
.seaz-offer__details_text,
.seaz-text-medium-light,
.seaz-offer__details_label {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-text-medium,
  .seaz-offer__boat_text,
  .seaz-offer__boat_label,
  .seaz-offer__details_text,
  .seaz-text-medium-light,
  .seaz-offer__details_label {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.seaz-text-medium-light,
.seaz-offer__details_label {
  font-weight: 300;
}
@media screen and (max-width: 480px) {
  .seaz-text-medium-light,
  .seaz-offer__details_label {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.seaz-text-small,
.seaz-uploader__rejected {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-text-small,
  .seaz-uploader__rejected {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}
.seaz-text-XSsmall {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
}
@media screen and (max-width: 480px) {
  .seaz-text-XSsmall {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.seaz-text-quote {
  font-weight: 500;
  font-style: italic;
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-text-quote {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.seaz__return_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  cursor: pointer;
  background-color: #e0e0e0;
  border-radius: 0.4rem;
}
.seaz-yaht__head {
  display: flex;
  position: relative;
  color: #351f73;
  text-transform: uppercase;
  padding: 3.4rem 0;
  width: 126.4rem;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .seaz-yaht__head {
    justify-content: space-between;
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-yaht__head {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__head {
    width: 100%;
    padding: 2.4rem 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__head {
    padding: 2.4rem 1rem 3rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__head .seaz-h2 {
    font-size: 2.2rem;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__head .seaz-h2 {
    width: 100%;
    padding: 0 6rem;
  }
}
.seaz-yaht__head .seaz__return_btn {
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1300px) {
  .seaz-yaht__head .seaz__return_btn {
    position: relative;
    margin: 0 2rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__head .seaz__return_btn {
    flex-shrink: 0;
    top: 1.3rem;
    position: absolute;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__head .seaz__return_btn {
    margin-right: 0;
  }
}
.seaz-yaht__head .dot {
  font-size: 2rem;
  margin: 0 1.6rem;
}
.seaz-yaht__head_btn {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1300px) {
  .seaz-yaht__head_btn {
    position: relative;
    flex-shrink: 0;
    margin-left: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-yaht__head_btn {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 370px) {
  .seaz-yaht__head_btn {
    flex-direction: column;
    display: flex;
    width: 80%;
    margin: 2rem 0 0 0;
  }
  .seaz-yaht__head_btn button {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.seaz-yaht__head_content {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 25rem;
  text-align: center;
  justify-content: center;
  word-break: break-word;
}
@media screen and (max-width: 1300px) {
  .seaz-yaht__head_content {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-yaht__head_content {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__head_content .seaz-cv__crew_head_name,
  .seaz-yaht__head_content .dot {
    display: none;
  }
}
.seaz-yaht__head_content .seaz-h2 {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.seaz-yaht__navigation {
  padding: 3rem 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .seaz-yaht__navigation {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__navigation {
    width: 96%;
    padding: 2.4rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__navigation {
    width: 100%;
  }
}
.seaz-yaht__navigation_item {
  text-decoration: none;
  color: #8476aa;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__navigation_item {
    text-align: center;
  }
}
.seaz-yaht__navigation_item:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #8476aa;
  margin: 0 2.4rem;
}
.seaz-yaht__navigation_item:last-of-type:after {
  display: none;
  content: "";
}
.seaz-yaht__navigation_item__active {
  color: #351f73;
  text-decoration: underline;
  font-weight: 500;
}
.seaz-yaht__images {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 3rem 0 10rem 0;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__images {
    margin: 3rem 0 5rem 0;
  }
}
.seaz-yaht__images_item--boat {
  width: 256px;
  height: 256px;
  object-fit: cover;
  border-radius: 15px;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__images_item--boat {
    width: 156px;
    height: 156px;
  }
}
.seaz-yaht__images_item_box {
  position: absolute;
  bottom: -115px;
  border-radius: 50%;
  padding: 1rem;
  background-color: #fafafb;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__images_item_box {
    bottom: -56px;
    padding: 0.5rem;
  }
}
.seaz-yaht__images_item--logo {
  width: 164px;
  height: 164px;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__images_item--logo {
    width: 80px;
    height: 80px;
  }
}
.seaz-yaht__info {
  width: 83.2rem;
  margin: 0 auto;
  padding-bottom: 6rem;
  border-bottom: 1px solid #bdbdbd;
}
@media screen and (max-width: 1024px) {
  .seaz-yaht__info {
    width: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info {
    width: 96%;
    padding-bottom: 1rem;
  }
}
.seaz-yaht__info .information-card--header {
  position: relative;
}
.seaz-yaht__info .information-card--header .information-card--header__title {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info .information-card--header .information-card--header__title {
    display: block;
    max-width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info .information-card--header .information-card--header__title {
    font-size: 22px;
  }
}
.seaz-yaht__info .information-card--header .edit-button {
  position: absolute;
  right: 0;
  top: 5.7rem;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info .information-card--header .edit-button {
    top: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info .information-card--header .edit-button {
    position: relative;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_company_box {
    display: flex;
    justify-content: space-between;
    padding: 4rem 1.6rem;
    border-bottom: 1px solid #bdbdbd;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_company_box {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_main_box {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_company_box {
    position: relative;
  }
}
.seaz-yaht__info_company_box .edit-button {
  display: none;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_company_box .edit-button {
    display: flex;
    position: absolute;
    right: 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_company_box .edit-button {
    top: 4.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_company_box .edit-button {
    top: 3.4rem;
  }
}
.seaz-yaht__info_wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 83.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .seaz-yaht__info_wrap {
    width: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_wrap {
    position: relative;
    justify-content: center;
    width: 100%;
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_wrap {
    flex-direction: column;
    align-items: center;
  }
}
.seaz-yaht__info_wrap_center {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.seaz-yaht__info_wrap_header {
  color: #351f73;
  font-size: 3rem;
  line-height: 4.35rem;
  font-weight: 500;
  padding-top: 6rem;
  padding-bottom: 1.6rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_wrap_header {
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_wrap_header {
    font-size: 2.4rem;
    text-align: left;
    line-height: 2.4rem;
  }
}
.seaz-yaht__info_organization {
  width: 83.2rem;
  margin: 0 auto;
  padding-bottom: 3.3rem;
  border-bottom: 1px solid #bdbdbd;
}
@media screen and (max-width: 900px) {
  .seaz-yaht__info_organization {
    width: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_organization {
    width: 50%;
    padding: 0;
    border-bottom: none;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_organization {
    padding-bottom: 0;
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_organization_head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_organization_head {
    top: 23rem;
  }
  .seaz-yaht__info_organization_head .seaz-yaht__info_wrap_header {
    display: flex;
    width: 80%;
  }
}
.seaz-yaht__info_main_left {
  display: flex;
  align-items: flex-end;
  width: 22%;
}
.seaz-yaht__info_main_left.seaz-yaht__info--mobile {
  display: none;
}
@media screen and (max-width: 900px) {
  .seaz-yaht__info_main_left {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_main_left {
    flex-direction: column;
    width: 26%;
    padding-top: 7.2rem;
  }
  .seaz-yaht__info_main_left.seaz-yaht__info--mobile {
    display: flex;
  }
  .seaz-yaht__info_main_left app-information-card-item {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_main_left {
    width: 100%;
    order: 2;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_main_left.seaz-yaht__info--desktop {
    display: none;
  }
}
.seaz-yaht__info_main_left > .seaz-yaht__info_main_col {
  width: 100%;
}
.seaz-yaht__info_main_right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 22%;
  padding-top: 3rem;
}
.seaz-yaht__info_main_right.seaz-yaht__info--mobile {
  display: none;
}
@media screen and (max-width: 900px) {
  .seaz-yaht__info_main_right {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_main_right {
    flex-direction: column;
    width: 26%;
    padding-top: 7.2rem;
  }
  .seaz-yaht__info_main_right.seaz-yaht__info--mobile {
    display: flex;
    position: relative;
  }
  .seaz-yaht__info_main_right.seaz-yaht__info--mobile .edit-button {
    position: absolute;
    top: 0;
  }
  .seaz-yaht__info_main_right app-information-card-item {
    width: 100%;
  }
  .seaz-yaht__info_main_right .edit-button {
    margin-bottom: 2.1rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_main_right {
    padding-top: 0;
    width: 100%;
    order: 2;
  }
  .seaz-yaht__info_main_right .edit-button {
    position: absolute;
    top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_main_right.seaz-yaht__info--desktop {
    display: none;
  }
}
.seaz-yaht__info_main_right > .seaz-yaht__info_main_col {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.seaz-yaht__info_main_col {
  width: 22%;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_main_col {
    width: 32%;
  }
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_main_col {
    width: 100%;
  }
}
.seaz-yaht__info_center_col {
  width: 37%;
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_center_col {
    order: -1;
    width: 100%;
  }
}
.seaz-yaht__info_center_col .team {
  justify-content: center;
}
.seaz-yaht__info_item {
  display: flex;
  justify-content: space-between;
  padding: 1.3rem 0;
  border-bottom: 1px solid #dcdcdd;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_item {
    border: none;
    padding: 0.8rem 0;
  }
}
.seaz-yaht__info_item img {
  width: 2.8rem;
  height: 1.9rem;
  margin-left: 1rem;
}
.seaz-yaht__info_item_country {
  display: flex;
  align-items: center;
  color: #010202;
  word-break: break-all;
  text-align: end;
  padding-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_item_country {
    display: flex;
    text-align: end;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_item_country {
    font-weight: bold;
    align-items: center;
    display: flex;
  }
}
.seaz-yaht__info_content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_content {
    flex-direction: column;
    position: relative;
    padding-bottom: 4rem;
  }
}
.seaz-yaht__info_location .seaz-yaht__info_item {
  border: none;
  justify-content: center;
  padding: 0.5rem 0;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_location .seaz-yaht__info_item {
    justify-content: space-between;
    padding: 1.3rem 0;
    border-bottom: 1px solid #dcdcdd;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_location .seaz-yaht__info_item {
    border: none;
    padding: 0.8rem 0;
  }
}
.seaz-yaht__info_location .seaz-yaht__info_label {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
@media (min-width: 699px) and (max-width: 768px) {
  .seaz-yaht__info_location .seaz-yaht__info_item {
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    padding: 0 1rem;
  }
  .seaz-yaht__info_location .seaz-yaht__info_label {
    margin: 0 0 1rem;
  }
  .seaz-yaht__info_location .seaz-yaht__info_item_country {
    text-align: center;
  }
}
.seaz-yaht__info_flag .seaz-yaht__info_item {
  border: none;
  justify-content: center;
  padding: 0.5rem 0;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_flag .seaz-yaht__info_item {
    justify-content: space-between;
    padding: 1.3rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_flag .seaz-yaht__info_item {
    border: none;
    padding: 0.8rem 0;
  }
}
.seaz-yaht__info_flag .seaz-yaht__info_label {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
@media (min-width: 699px) and (max-width: 768px) {
  .seaz-yaht__info_flag .seaz-yaht__info_item {
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    padding: 0 1rem;
    margin-top: 1rem;
  }
  .seaz-yaht__info_flag .seaz-yaht__info_label {
    margin: 0 0 1rem;
  }
  .seaz-yaht__info_flag .seaz-yaht__info_item_country {
    text-align: center;
  }
}
.seaz-yaht__info_crew {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.1rem 1rem;
  color: #fff;
  width: 140px;
}
.seaz-yaht__info_crew_box {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
@media screen and (max-width: 700px) {
  .seaz-yaht__info_crew_box {
    position: absolute;
    bottom: 2.4rem;
    left: 1.6rem;
  }
}
.seaz-yaht__info_boat {
  width: 45%;
}
.seaz-yaht__info_boat_box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_boat {
    width: 100%;
  }
}
.seaz-yaht__info_boat .seaz-yaht__info_item {
  border: none;
  justify-content: inherit;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_boat .seaz-yaht__info_item {
    border-bottom: 1px solid #dcdcdd;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_boat .seaz-yaht__info_item {
    border: none;
    width: 100%;
  }
}
.seaz-yaht__info_boat .seaz-yaht__info_item .seaz-yaht__info_label,
.seaz-yaht__info_boat .seaz-yaht__info_item span {
  width: 50%;
}
@media (min-width: 481px) and (max-width: 765px) {
  .seaz-yaht__info_boat {
    width: 100%;
  }
  .seaz-yaht__info_boat .seaz-yaht__info_item {
    justify-content: space-between;
  }
  .seaz-yaht__info_boat .seaz-yaht__info_item .seaz-yaht__info_label,
  .seaz-yaht__info_boat .seaz-yaht__info_item span {
    width: auto;
  }
}
.seaz-yaht__info_boat-general-info {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_boat-general-info .seaz-yaht__info_item {
    justify-content: inherit;
  }
  .seaz-yaht__info_boat-general-info .seaz-yaht__info_item .seaz-yaht__info_label {
    margin-right: 0;
  }
  .seaz-yaht__info_boat-general-info .seaz-yaht__info_item .seaz-yaht__info_label,
  .seaz-yaht__info_boat-general-info .seaz-yaht__info_item span {
    width: 50%;
    text-align: left;
  }
}
.seaz-yaht__info_company .seaz-yaht__info_item {
  border: none;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_company .seaz-yaht__info_item {
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdd;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_company .seaz-yaht__info_item {
    border: none;
  }
}
.seaz-yaht__info_company_col {
  width: 100%;
}
.seaz-yaht__info_company .seaz-yaht__info_label {
  width: 17rem;
  margin-right: 4.6rem;
  line-height: 1.8rem;
}
@media screen and (max-width: 768px) {
  .seaz-yaht__info_company .seaz-yaht__info_label {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_company .seaz-yaht__info_label {
    width: 43%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-yaht__info_company .seaz-yaht__info_item_country {
    width: 48%;
    text-align: inherit;
  }
}
.seaz-yaht__info_label {
  color: #010202;
  flex-shrink: 0;
}
.boat-profile-header {
  position: relative;
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto;
}
.boat-profile-header__head-content {
  text-align: center;
}
.boat-profile-header__title {
  width: 100%;
  max-width: 65%;
}
.boat-profile-header .seaz-yaht__head_content {
  padding: 0 1rem;
}
.boat-profile-header app-ais-position-toggle {
  display: block;
  position: absolute;
  right: 0;
  min-width: 15.5rem;
}
@media screen and (max-width: 1300px) {
  .boat-profile-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "button action" "header header";
    grid-gap: 1.6rem 0;
  }
  .boat-profile-header .seaz-yaht__head_content {
    grid-area: header;
  }
  .boat-profile-header .seaz__return_btn {
    grid-area: button;
  }
  .boat-profile-header app-ais-position-toggle,
  .boat-profile-header .seaz__return_btn {
    position: relative;
    margin: 0 1rem;
  }
  .boat-profile-header app-ais-position-toggle,
  .boat-profile-header .seaz-yaht__head_btn {
    grid-area: action;
  }
  .boat-profile-header app-ais-position-toggle .ais-position-toggle,
  .boat-profile-header .seaz-yaht__head_btn .ais-position-toggle {
    justify-content: flex-end;
  }
}
.boat-profile-header .seaz-yaht__head_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 1rem;
}
@media screen and (max-width: 480px) {
  .boat-profile-header .seaz-yaht__head_btn {
    margin: 0;
  }
}
@media screen and (max-width: 370px) {
  .boat-profile-header .seaz-yaht__head_btn {
    flex-direction: row;
    width: 100%;
    margin: 0;
  }
  .boat-profile-header .seaz-yaht__head_btn button {
    margin-bottom: 0;
  }
  .boat-profile-header .seaz-yaht__head_btn button:not(:last-of-type) {
    margin: 0 1rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .boat-profile-header .seaz-h2 {
    max-width: 100%;
  }
  .boat-profile-header app-ais-position-toggle,
  .boat-profile-header .seaz__return_btn {
    top: 0;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-profile-header .seaz-h2 {
    padding: 0;
  }
}
.boat-profile-nav .seaz-yaht__navigation {
  width: 100%;
  max-width: 126.4rem;
}
@media screen and (max-width: 768px) {
  .boat-profile-nav {
    padding: 0 1rem;
  }
}
.ais-position-toggle {
  display: flex;
  align-items: center;
}
.ais-position-toggle__label {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  text-transform: initial;
  margin-left: 1rem;
}
.boat-profile-general-location__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.4rem;
}
.boat-profile-general-location__col {
  width: 33.3%;
  font-size: 1.6rem;
  text-align: center;
}
.boat-profile-general-location__col:not(:last-of-type) {
  margin: 0 1rem 0 0;
}
.boat-profile-general-location__col--location {
  max-width: 27.2rem;
}
.boat-profile-general-location__title {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-bottom: 0.6rem;
}
.boat-profile-general-location__text {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  line-height: 120%;
  color: #010202;
  margin-bottom: 0.6rem;
  justify-content: center;
}
.boat-profile-general-location__text app-seazone-icon {
  margin-right: 0.8rem;
}
.boat-profile-general-location__text-update {
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #828282;
}
.boat-profile-general-location__text-update--val {
  font-weight: 500;
  color: #010202;
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-profile-general-location__container {
    flex-direction: column;
    align-items: center;
  }
  .boat-profile-general-location__col {
    width: 100%;
  }
  .boat-profile-general-location__col:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
@media screen and (max-width: 700px) {
  .boat-profile-general-location__container {
    align-items: flex-start;
  }
  .boat-profile-general-location__col {
    width: 100%;
    text-align: left;
    padding: 1.3rem 0;
    border-bottom: 1px solid #dcdcdd;
  }
  .boat-profile-general-location__col--location {
    max-width: initial;
  }
}
@media screen and (max-width: 480px) {
  .boat-profile-general-location__text {
    justify-content: flex-start;
  }
}
.yaht-documents__head {
  display: flex;
  align-items: center;
  width: 65%;
  margin: 0 auto;
  padding: 4.7rem 0 3.6rem 0;
}
@media screen and (max-width: 1200px) {
  .yaht-documents__head {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .yaht-documents__head {
    width: 96%;
  }
}
.yaht-documents__head_count {
  display: block;
  margin-left: 0.8rem;
  padding: 0.1rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  border-radius: 50%;
  text-align: center;
  color: #828282;
  background-color: #e0e0e0;
  line-height: 2.4rem;
  font-size: 1.2rem;
  font-weight: 550;
  letter-spacing: 0.01em;
}
.yaht-documents__title {
  color: #351f73;
}
.yaht-documents__box--short {
  max-height: 370px;
  overflow-y: scroll;
  padding-right: 15px;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
@media screen and (max-width: 1024px) {
  .yaht-documents__box--short {
    padding-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .yaht-documents__box--short {
    padding-right: 4px;
  }
}
.yaht-documents__box--short::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.yaht-documents__box--short::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.yaht-documents__box--short::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.yaht-documents__box_head {
  display: flex;
  width: 65%;
  margin: 0 auto;
  padding: 1rem;
  box-sizing: border-box;
  padding-right: 3rem;
}
@media screen and (max-width: 1200px) {
  .yaht-documents__box_head {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .yaht-documents__box_head {
    width: 96%;
  }
}
@media screen and (max-width: 480px) {
  .yaht-documents__box_head {
    display: none;
  }
}
.yaht-documents__box_head_name {
  width: 28%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .yaht-documents__box_head_name {
    width: 23%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-documents__box_head_name {
    width: 25%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-documents__box_head_name {
    width: auto;
    padding-right: 10px;
  }
}
.yaht-documents__box_head_date {
  width: 18%;
}
@media screen and (max-width: 1024px) {
  .yaht-documents__box_head_date {
    width: 22.4%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-documents__box_head_date {
    width: 19%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-documents__box_head_date {
    width: auto;
    padding-right: 10px;
  }
}
.yaht-documents__box_head_snooze {
  width: 16%;
}
@media screen and (max-width: 768px) {
  .yaht-documents__box_head_snooze {
    width: 18%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-documents__box_head_snooze {
    width: auto;
    padding-right: 10px;
  }
}
.yaht-documents__box_head_item {
  color: #010202;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .yaht-documents__box_head_item {
    flex-shrink: 0;
    margin-right: 1rem;
  }
}
.yaht-documents__box_head_item .sort--container__icons {
  display: flex;
}
.yaht-documents__box_head_item .sort--container__icons svg {
  fill: #828282;
}
.yaht-documents__row--content {
  display: flex;
  width: 65%;
  margin: 0 auto;
  align-items: center;
  padding: 2.5rem 1rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .yaht-documents__row--content {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .yaht-documents__row--content {
    width: 96%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-documents__row--content {
    position: relative;
  }
}
.yaht-documents__row--left {
  display: flex;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .yaht-documents__row--left {
    align-items: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .yaht-documents__row--left {
    flex-direction: column;
  }
}
.yaht-documents__row--long .yaht-documents__row:nth-of-type(2n) {
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .yaht-documents__row--long .yaht-documents__row:nth-of-type(2n) {
    background-color: #f5f5f5;
  }
}
.yaht-documents__row--short .yaht-documents__row:nth-of-type(2n-1) {
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .yaht-documents__row--short .yaht-documents__row:nth-of-type(2n-1) {
    background-color: #f5f5f5;
  }
}
.yaht-documents__row--short .yaht-documents__row .yaht-documents__row--content {
  width: 100%;
}
.yaht-documents__row_clip {
  margin-right: 1rem;
}
.yaht-documents__snooze {
  width: 16%;
  color: #351f73;
}
.yaht-documents__name,
.yaht-documents__date {
  color: #351f73;
  width: 23%;
  display: flex;
}
.yaht-documents__name_crew {
  color: #828282;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.yaht-documents__action {
  width: 24%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .yaht-documents__action {
    width: 19%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-documents__action {
    position: absolute;
    top: 13px;
    right: 0;
    width: 46%;
  }
}
.yaht-documents__action_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  cursor: pointer;
}
.yaht-documents__action_btn app-seazone-icon {
  width: 100%;
  height: 100%;
}
.yaht-documents__action_btn-send:hover {
  background-color: #351f73;
}
.yaht-documents__action_btn-send:hover svg {
  fill: #ffffff;
}
.yaht-documents__action_btn-star:hover,
.yaht-documents__action_btn-history:hover {
  background-color: #4f194a;
}
.yaht-documents__action_btn-star:hover svg,
.yaht-documents__action_btn-history:hover svg {
  fill: #ffffff;
}
.yaht-documents__action_btn-edit:hover {
  background-color: #00b9ff;
}
.yaht-documents__action_btn-edit:hover svg {
  fill: #ffffff;
}
.yaht-documents__action_btn-archive:hover {
  background-color: #d70000;
}
.yaht-documents__action_btn-archive:hover svg {
  fill: #ffffff;
}
.yaht-documents__action_btn-show {
  transform: rotate(180deg);
}
.yaht-documents__action_send {
  width: 2.4rem;
  height: 1.8rem;
}
.yaht-documents__action_star {
  width: 2.6rem;
  height: 2.6rem;
}
.yaht-documents__action_edit {
  width: 2.6rem;
  height: 2rem;
}
.yaht-documents__action-show {
  width: 2.6rem;
  height: 2rem;
}
.yaht-documents__action_send,
.yaht-documents__action_star,
.yaht-documents__action_edit,
.yaht-documents__action_show {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  cursor: pointer;
}
.yaht-documents__folders {
  margin-bottom: 8rem;
}
.yaht-documents__folders_head {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #bdbdbd;
}
@media screen and (max-width: 600px) {
  .yaht-documents__folders_head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.yaht-documents__folders_head-title {
  display: flex;
}
@media screen and (max-width: 600px) {
  .yaht-documents__folders_head-title {
    padding-bottom: 3rem;
  }
}
.yaht-documents__folders_action {
  display: flex;
  align-items: center;
}
.yaht-documents__folders_action .form__row {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .yaht-documents__folders_action .form__row {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .yaht-documents__folders_action .form__row {
    margin-right: 1rem;
  }
}
.yaht-documents__folders_action .form-field--content-outline.form-field--content {
  height: 4rem;
  margin-right: 3.2rem;
  border: 1px solid #e0e0e0;
  background-color: transparent;
  position: relative;
  padding-right: 4rem;
}
.yaht-documents__folders_action .form-field--content-outline.form-field--content .seazone__form-input {
  background-color: transparent;
}
.yaht-documents__folders_action .form-field--content-outline.form-field--content .form-field--content-suffix {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 4rem;
  width: 4rem;
  display: flex;
  background-color: #351f73;
  justify-content: center;
  padding: 0;
}
.yaht-documents__folders_action .form-field--content-outline.form-field--content .form-field--content-suffix svg path {
  fill: #ffffff;
}
.yaht-documents__folders_action .form-field--content-outline.form-field--content .form-field--content-suffix svg circle {
  stroke: #ffffff;
}
@media screen and (max-width: 768px) {
  .yaht-documents__folders_action .form-field--content-outline.form-field--content {
    margin-right: 0;
  }
}
.yaht-documents__folders_new {
  padding: 1.2rem 1.2rem;
  background-color: #00b9ff;
  margin-right: 1.6rem;
  position: relative;
}
.yaht-documents__folders_file {
  padding: 1.3rem 1.2rem;
  background-color: #351f73;
  position: relative;
}
.yaht-documents__folders_row {
  display: flex;
  width: 70%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
@media screen and (max-width: 1200px) {
  .yaht-documents__folders_row {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .yaht-documents__folders_row {
    width: 96%;
  }
}
.yaht-documents__folders_item {
  height: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  color: #010202;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 2.6rem 1.6rem;
}
.yaht-documents__folders_item:not(:last-of-type) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .yaht-documents__folders_item {
    padding: 1.4rem 1rem 2.4rem 1rem;
  }
}
.yaht-documents__folders_item.empty .yaht-documents__folders_item-count {
  color: #010202;
}
.yaht-documents__folders_item.empty .yaht-documents__folders_item_img svg {
  fill: #e0e0e0;
}
.yaht-documents__folders_item.alarm .yaht-documents__folders_item_img svg {
  fill: #d70000;
}
.yaht-documents__folders_item.warning .yaht-documents__folders_item_img svg {
  fill: #f49342;
}
.yaht-documents__folders_item-header {
  position: relative;
  width: 8.4rem;
  height: 8.4rem;
}
.yaht-documents__folders_item-count {
  color: #ffffff;
  z-index: 2;
  position: absolute;
  bottom: 2.8rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
}
.yaht-documents__folders_item_img svg {
  fill: #351f73;
}
.yaht-documents__folders_item-text {
  text-align: center;
  color: #010202;
  -webkit-user-select: none;
  user-select: none;
}
.yaht-documents__folders_item-lock {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.yaht-documents__info_col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.yaht-documents__info_col_label {
  display: block;
  font-size: 1rem;
  color: #828282;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.yaht-documents__box--edit .yaht-documents__row:nth-of-type(2n) .yaht-documents__row--content {
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .yaht-documents__box--edit .yaht-documents__row:nth-of-type(2n) .yaht-documents__row--content {
    background-color: #fafafb;
  }
}
.seaz-uploader {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .seaz-uploader {
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader {
    align-items: flex-start;
  }
}
.seaz-uploader__divider {
  border-top: 1px solid #bdbdbd;
  padding-top: 4rem;
}
@media screen and (max-width: 480px) {
  .seaz-uploader__divider {
    padding-top: 0;
  }
}
.seaz-uploader__divider.seaz-crew__edit_row_upload,
.seaz-uploader__divider.seaz-crew__edit_additional_photo {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__divider.seaz-crew__edit_row_upload,
  .seaz-uploader__divider.seaz-crew__edit_additional_photo {
    width: 94%;
    margin: 4rem auto 0;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader {
    flex-direction: column;
  }
}
.seaz-uploader__header {
  margin-bottom: 2.3rem;
}
.seaz-uploader__label {
  width: 100%;
  line-height: 2rem;
  color: #010202;
  margin-right: 7rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__label {
    text-align: center;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader__label {
    margin-right: 0;
    padding: 1rem 0;
    text-align: inherit;
  }
}
.seaz-uploader__box {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__box {
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader__box {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.seaz-uploader__video {
  position: relative;
  margin-right: 1rem;
}
.seaz-uploader__video_text {
  border: 1px dashed #bdbdbd;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  padding: 1.3rem 1.6rem;
  position: relative;
  margin-bottom: 3rem;
}
.seaz-uploader__video_text::before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 4rem;
  bottom: -11px;
  top: auto;
  background-color: #ffffff;
  margin: auto;
  transform: rotate(45deg);
  border: 1px dashed #bdbdbd;
  border-top: none;
  border-left: none;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__video_text::before {
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader__video_text::before {
    margin: 0;
    left: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-uploader__video_text {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader__video_text {
    width: 100%;
  }
}
.seaz-uploader__video_row {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 560px) {
  .seaz-uploader__video_row {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .seaz-uploader__video_row app-seazone-image-file:last-of-type .yaht-edit__upload_img_box {
    margin-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .seaz-uploader__video_row app-seazone-image-file:last-of-type .yaht-edit__upload_img_box {
    margin-right: 2rem;
  }
}
.seaz-uploader__video_row .yaht-edit__upload_img_box .seaz-uploader__video_btn {
  right: -10px;
  top: -7px;
}
.seaz-uploader__video_row app-seazone-document-file {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}
.seaz-uploader__choose {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__choose {
    display: flex;
    justify-content: center;
  }
  .seaz-uploader__choose .seaz-uploader__rejected {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader__choose {
    width: fit-content;
  }
}
.seaz-uploader__choose_btn {
  display: block;
  margin: 1.5rem 0;
  width: fit-content;
  font-weight: 500;
  padding: 1rem 2.4rem;
}
.seaz-uploader__choose_btn.disabled {
  background-color: #e7e7eb;
  color: #010202;
  border-color: #a9a9a9;
  cursor: default;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__choose_btn {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-uploader__choose_btn {
    margin: 0;
  }
}
.seaz-uploader__choose_text {
  text-transform: uppercase;
  color: #828282;
  padding-bottom: 1.6rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__choose_text {
    display: none;
  }
}
.seaz-uploader__choose_drop {
  height: 160px;
  background: #fcfcfc;
  border: 1.5px dashed #cacaca;
  width: 46rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #828282;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__choose_drop {
    display: none;
  }
}
.seaz-uploader__rejected {
  color: #d70000;
}
.seaz-uploader__video_item {
  width: 14rem;
  height: 9rem;
}
.seaz-uploader__video_btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #fafafb;
  cursor: pointer;
  z-index: 2;
  right: -10px;
  top: -7px;
}
.seaz-uploader__video_btn.icon-close::before {
  color: #d70000;
}
.seaz-uploader__video_play {
  position: absolute;
  cursor: pointer;
  background: #4f194a;
  border: 1.5px solid #ffffff;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  right: 0;
  left: 0;
  margin: auto;
  top: 22%;
  z-index: 1;
}
.seaz-uploader__video_play::before {
  content: "";
  border: 10px solid transparent;
  border-left: 16px solid #ffffff;
  display: block;
  position: absolute;
  top: 30%;
  left: 40%;
}
.seaz-uploader__cover {
  display: flex;
  position: relative;
  margin-bottom: 1.5rem;
  cursor: pointer;
  flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
  .seaz-uploader__cover {
    flex-direction: column;
  }
}
.seaz-uploader__cover_item {
  position: relative;
  margin-right: 2rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 700px) {
  .seaz-uploader__cover_item {
    margin-right: 0;
  }
}
.seaz-uploader__cover_item .icon-close {
  top: -0.9rem;
  right: -1rem;
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #f5f5f5;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 1rem;
  color: #d70000;
  z-index: 2;
}
.seaz-uploader__cover_img {
  width: 29.2rem;
  height: 9.2rem;
  object-fit: cover;
}
@media screen and (max-width: 480px) {
  .seaz-uploader__cover_img {
    width: 100%;
    height: 9.9rem;
  }
}
.seaz-uploader__cover_img_box:hover::before {
  content: "";
  background-image: url(/assets/img/resize-photo.svg);
  background-color: rgba(53, 31, 115, 0.8);
  display: block;
  width: 100%;
  position: absolute;
  height: 9.2rem;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.seaz-uploader__cover_checkbox {
  position: absolute;
  bottom: -2.3rem;
  left: 0.8rem;
}
.seaz-uploader__cover_checkbox app-seazone-radio-item {
  display: flex;
  align-items: center;
}
.seaz-uploader__cover_checkbox app-seazone-radio-item .form__radio-label {
  width: 1.8rem;
  height: 1.8rem;
}
.seaz-uploader__cover_checkbox app-seazone-radio-item .form__radio-label::before {
  border-color: #bdbdbd;
}
.seaz-uploader__cover_checkbox app-seazone-radio-item .form__radio-label-text {
  color: #010202;
}
.seaz-uploader__cover_checkbox app-seazone-radio-item .form__radio-input:checked + label:before {
  color: #4f194a;
  border-color: #4f194a;
}
.seaz-uploader__cover_checkbox app-seazone-radio-item .form__radio-input:checked + label:after {
  background: #4f194a;
}
.seaz-uploader__cover_checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-uploader__cover_checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1.5px solid #bdbdbd;
  border-radius: 0;
}
.seaz-uploader__cover_checkbox .form__checkbox-input:checked + label:before {
  color: #351f73;
  background-color: #ffffff;
  border-color: #ffffff;
}
.location__row {
  display: flex;
  flex-direction: column;
}
.location__row .form__checkbox-label-text {
  color: #010202;
}
.location__row .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.location__row .form__checkbox-label::before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1.5px solid #bdbdbd;
  border-radius: 0;
}
.location__row .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.location__row app-seazone-checkbox {
  padding-bottom: 1rem;
}
@media screen and (max-width: 560px) {
  .location__row app-seazone-checkbox {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .location__row {
    margin-left: 0;
  }
}
.location__row .location__btn {
  display: flex;
  align-items: center;
}
.yaht-edit__form {
  width: 50%;
  margin: 6rem auto;
}
@media screen and (max-width: 1024px) {
  .yaht-edit__form {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .yaht-edit__form {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .yaht-edit__form {
    width: 90%;
  }
}
.yaht-edit__form .yaht-edit__location_row {
  flex-direction: column;
}
.yaht-edit__form .yaht-edit__location_row .location__row {
  margin-top: 1rem;
}
.yaht-edit__form app-location-autocomplete {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .yaht-edit__form app-location-autocomplete .location__row {
    margin: 0.8rem 0 0;
  }
}
.yaht-edit__form app-location-autocomplete .location__btn {
  margin-left: 0;
  align-self: flex-end;
}
@media screen and (max-width: 650px) {
  .yaht-edit__form .seazone-form-field--wrapper.form-field--wrapper__row.form-field--wrapper .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .yaht-edit__form app-country-select .form__block .dropdown-arrow {
    align-items: initial;
  }
}
@media screen and (max-width: 768px) {
  .yaht-edit__form .media-uploader .seaz-uploader,
  .yaht-edit__form .media-uploader .seaz-uploader__box {
    align-items: flex-start;
  }
  .yaht-edit__form .media-uploader .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .yaht-edit__company_row.form__row {
    margin-bottom: 0;
  }
  .yaht-edit__company_row.form__row .form__block-text span {
    max-width: initial;
    margin-right: 0;
  }
}
.yaht-edit__btn {
  margin-right: 1.6rem;
}
.yaht-edit__btn_box {
  width: 65%;
  margin: 0 auto;
  border-top: 1px solid #bdbdbd;
  padding: 3rem 0;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .yaht-edit__btn_box {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .yaht-edit__btn_box {
    width: 85%;
  }
}
@media screen and (max-width: 480px) {
  .yaht-edit__btn_box {
    width: 90%;
  }
  .yaht-edit__btn_box button {
    width: 48%;
  }
  .yaht-edit__btn_box .yaht-edit__btn {
    margin-right: 4%;
  }
}
.yaht-edit__upload_img {
  width: 12.3rem;
  height: 12.3rem;
  border-radius: 8px;
  object-fit: cover;
}
.yaht-edit__upload_img_box {
  position: relative;
}
.yaht-edit__upload_img_box .seaz-uploader__video_btn {
  right: 1px;
  top: 5px;
}
.yaht-edit__upload_img_box.editable {
  position: relative;
  cursor: pointer;
}
.yaht-edit__upload_img_box.editable:hover::before {
  content: "";
  background-image: url(/assets/img/resize-photo.svg);
  background-color: rgba(53, 31, 115, 0.8);
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.yaht-edit__upload_img_box.rounded .yaht-edit__upload_img {
  border-radius: 50%;
}
.yaht-edit__upload_img_box.rounded.editable:hover::before {
  border-radius: 50%;
}
.yaht-edit__upload_img_btn {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -8px;
  right: -9px;
}
.yaht-edit__upload_img_btn.icon-close::before {
  color: #d70000;
  font-size: 1rem;
}
.time-zone-row {
  display: block;
  width: 100%;
}
.time-zone-row__container {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
}
.time-zone-row__container .plug-label {
  width: 14rem;
  min-width: 14rem;
  margin: 0 7rem 0 0;
}
@media screen and (max-width: 800px) {
  .time-zone-row__container .plug-label {
    width: 14rem;
    min-width: 14rem;
    margin: 0 2rem 0 0;
  }
}
@media screen and (max-width: 480px) {
  .time-zone-row__container .plug-label {
    display: none;
  }
}
app-edit-boat {
  display: block;
  background-color: #f5f5f5;
}
app-phone-number.seaz-crew__phone .form__row {
  width: 100%;
}
app-phone-number.seaz-crew__phone .form__block-text {
  color: #010202;
  display: flex;
  align-items: center;
}
app-phone-number.seaz-crew__phone .phone-control-container {
  background: #ffffff;
}
@media screen and (max-width: 560px) {
  app-phone-number.seaz-crew__phone .phone-control-container {
    max-width: 100%;
  }
}
@media screen and (max-width: 560px) {
  app-phone-number.seaz-crew__phone .phone-control-wrapper {
    margin-bottom: 2rem;
  }
}
app-phone-number.seaz-crew__phone .phone-code-container {
  border-left: none;
  margin-right: 0;
}
.seaz-crew__edit_box {
  width: 66%;
  margin: 0 auto;
}
.seaz-crew__edit_box .seaz__btn_outlined.seaz-crew__btn,
.seaz-crew__edit_box .seaz-edit__folder div.seaz-crew__btn,
.seaz-edit__folder .seaz-crew__edit_box div.seaz-crew__btn,
.seaz-crew__edit_box .seaz-modal .modal-content__controls .seaz-crew__btn.main-btn_white-green,
.seaz-modal .modal-content__controls .seaz-crew__edit_box .seaz-crew__btn.main-btn_white-green,
.seaz-crew__edit_box .seaz-crew__btn.seaz__btn_outlined_plus,
.seaz-crew__edit_box .seaz-dashboard__finance_expense_btn button.seaz-crew__btn,
.seaz-dashboard__finance_expense_btn .seaz-crew__edit_box button.seaz-crew__btn {
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__edit_box {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__edit_box {
    padding: 0 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box {
    padding: 0 0.5rem;
  }
}
.seaz-crew__edit_box app-location-autocomplete {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.seaz-crew__edit_box app-location-autocomplete .location__row app-seazone-checkbox {
  margin-left: 11.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box app-location-autocomplete .location__row app-seazone-checkbox {
    margin-left: 23.5rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box app-location-autocomplete .location__row app-seazone-checkbox {
    margin-left: 0;
  }
}
.seaz-crew__edit_box app-location-autocomplete .location__row app-seazone-checkbox app-seazone-checkbox {
  padding-bottom: 0;
}
.seaz-crew__edit_box app-location-autocomplete .form__checkbox {
  margin: 2rem 0 1rem;
}
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper {
  width: 55.3%;
  flex-direction: row;
  align-items: center;
}
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper .form-field--label,
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper .form-field--label {
  max-width: 8.6rem;
  min-width: 8.6rem;
}
@media screen and (max-width: 1500px) {
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper {
    width: 54rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper {
    width: 40rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper {
    padding: 1rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper .form-field--label,
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper .form-field--label {
    max-width: 100%;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row_small .form-field--content {
  width: 57%;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row_small .form-field--content {
    width: 100%;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row_small .form-field--content.disabled {
  background: rgba(255, 255, 255, 0.4784313725);
  border: 1px solid #e0e0e0;
}
.seaz-crew__edit_box.seaz-crew__edit_skills .seaz-crew__edit_row_small .form-field--content.disabled .select-value {
  color: rgba(1, 2, 2, 0.4901960784);
}
.seaz-crew__edit_box.seaz-crew__edit_skills .form-field--content-outline.active {
  border-color: #351f73;
}
.seaz-crew__courses_list {
  padding-bottom: 4rem;
  display: block;
}
.seaz-crew__courses_list app-edit-profile-course-item:nth-of-type(2n-1) {
  background-color: #ffffff;
  display: block;
}
.seaz-crew__courses_list .seaz-edit__course_btns {
  width: 7rem;
  display: flex;
  align-items: center;
}
.seaz-crew__bank_list app-edit-bank-details-item:nth-of-type(2n-1) .seaz-edit__bank_row {
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .seaz-crew__bank_list app-edit-bank-details-item:nth-of-type(2n-1) .seaz-edit__bank_row {
    background-color: #fafafb;
  }
}
.seaz-crew__bank_note {
  color: #828282;
  margin-bottom: 1.6rem;
  font-weight: 500;
  font-size: 1.6rem;
}
.seaz-crew__bank_note.foot-note {
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__bank_note {
    font-size: 1.4rem;
  }
}
.seaz-crew__edit_row.form__row {
  margin-bottom: 1.6rem;
}
.seaz-crew__edit_location {
  flex-direction: column;
}
.seaz-crew__edit_location .location-autocomplete {
  align-items: flex-start;
}
.seaz-crew__edit_row_upload--cover app-crew-general-cover-uploader {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row_upload--cover app-crew-general-cover-uploader {
    width: 94%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row_upload--cover .seaz-uploader__label {
    padding-top: 3rem;
  }
  .seaz-crew__edit_row_upload--cover .seaz-uploader__choose {
    width: 100%;
    justify-content: flex-end;
  }
  .seaz-crew__edit_row_upload--cover .seaz-uploader__choose_btn_box {
    width: 100%;
  }
}
.seaz-crew__edit_row_upload app-seazone-media-uploader {
  width: 100%;
}
.seaz-crew__edit_row_upload .yaht-edit__upload {
  border-top: 1px solid #bdbdbd;
  padding-top: 5rem;
  flex-direction: column;
}
.seaz-crew__edit_row_upload .yaht-edit__upload_label {
  padding-bottom: 2rem;
  max-width: 100%;
}
.seaz-crew__edit_row_upload .yaht-edit__upload_img_btn {
  top: 5px;
  right: 1px;
}
.seaz-crew__edit_row_upload .yaht-edit__upload_choose_drop {
  width: 46rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row_upload .yaht-edit__upload_choose_drop {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row_upload--cover .yaht-edit__upload_box {
    justify-content: flex-end;
  }
}
.seaz-crew__edit_row_upload--cover .seaz-gallery__item {
  position: relative;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.seaz-crew__edit_row_upload--cover .seaz-gallery__item:hover::before {
  content: "";
  background-image: url(/assets/img/resize-photo.svg);
  background-color: rgba(53, 31, 115, 0.8);
  display: block;
  width: 95%;
  position: absolute;
  height: 93px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.seaz-crew__edit_row_gallery {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row_gallery {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row_gallery {
    width: 93%;
  }
}
.seaz-crew__edit_gallery_title {
  text-transform: uppercase;
  color: #828282;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_gallery_title {
    text-align: center;
  }
}
.seaz-crew__edit_gallery_box {
  display: flex;
}
.seaz-crew__edit_gallery_box app-image-selection {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_gallery_box app-image-selection-item {
    width: 48%;
    margin-right: 4%;
  }
  .seaz-crew__edit_gallery_box app-image-selection-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
.seaz-crew__btn {
  margin-right: 1.6rem;
}
.seaz-crew__btn_box {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #bdbdbd;
  padding: 3rem 0;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .seaz-crew__btn_box {
    width: 94%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__btn_box.form__row {
    flex-direction: row;
  }
  .seaz-crew__btn_box.form__row button {
    width: 49%;
  }
}
.seaz-crew__gallery_list.form__row {
  display: inline;
}
.seaz-crew__contacts_row {
  width: 508px;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_row {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
  }
  .seaz-crew__contacts_row.form__row {
    margin-bottom: 0;
  }
  .seaz-crew__contacts_row .form__block.form__block--row {
    flex-direction: column;
  }
  .seaz-crew__contacts_row .seaz-red-close,
  .seaz-crew__contacts_row .seaz-uploader__document_file .icon-close,
  .seaz-uploader__document_file .seaz-crew__contacts_row .icon-close {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.seaz-crew__contacts_row app-phone-number.seaz-crew__phone {
  width: auto;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_row app-phone-number.seaz-crew__phone {
    width: 100%;
  }
}
.seaz-crew__contacts_row app-phone-number.seaz-crew__phone .form__block-text {
  width: 11rem;
  box-sizing: border-box;
  padding-right: 1rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_row app-phone-number.seaz-crew__phone .form__block-text {
    padding-bottom: 0.8rem;
  }
}
.seaz-crew__contacts_row app-phone-number.seaz-crew__phone .phone-control-container {
  max-width: 30rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_row app-phone-number.seaz-crew__phone .phone-control-container {
    max-width: 100%;
  }
}
.seaz-crew__contacts_row.form__row app-seazone-input {
  flex-grow: 0;
  flex-shrink: 1;
  width: auto;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_row.form__row app-seazone-input {
    width: 100%;
  }
  .seaz-crew__contacts_row.form__row app-seazone-input .form-field--wrapper__row {
    flex-direction: column;
  }
  .seaz-crew__contacts_row.form__row app-seazone-input .form-field--wrapper__row .form-field--label {
    padding-bottom: 1rem;
  }
}
.seaz-crew__contacts_row.form__row app-seazone-input .seazone-form-field--wrapper .form-field--label {
  margin-right: 0;
  max-width: 11rem;
  min-width: 11rem;
  box-sizing: border-box;
  padding-right: 1rem;
}
.seaz-crew__contacts_row.form__row app-seazone-input .form-field--content {
  max-width: 30rem;
  min-width: 30rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_row.form__row app-seazone-input .form-field--content {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 2rem;
  }
}
.seaz-crew__contacts_row.form__row app-seazone-input .form-field--content.disabled {
  background: rgba(255, 255, 255, 0.4784313725);
  border: 1px solid #e0e0e0;
}
.seaz-crew__contacts_row.form__row app-seazone-input .form-field--content.disabled .seazone__form-input {
  background: rgba(255, 255, 255, 0.4784313725);
  color: rgba(1, 2, 2, 0.4901960784);
}
.seaz-crew__contacts_row.form__row app-seazone-input .seaz-crew__contacts_add {
  flex-grow: 1;
  width: 100%;
}
.seaz-crew__contacts_add {
  margin-left: 1.7rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_add {
    position: initial;
    margin-left: 0;
    font-weight: 500;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 1.4rem 0;
    margin-bottom: 2rem;
  }
  .seaz-crew__contacts_add::before {
    margin-right: 0;
    margin-left: 0.8rem;
  }
}
.seaz-crew__contacts_social_row {
  margin-left: 11rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_social_row {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__contacts_social_row.form__row {
    flex-direction: row;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
  }
  .seaz-crew__contacts_social_row.form__row app-seazone-checkbox {
    margin-bottom: 1rem;
  }
}
.seaz-crew__contacts_social_row.form__row:last-child {
  margin-bottom: 4rem;
}
@media screen and (max-width: 480px) {
  .seaz-crew__contacts_social_row.form__row:last-child {
    margin-bottom: 2rem;
  }
}
.seaz-crew__contacts_social_row app-seazone-checkbox .form__checkbox {
  margin-right: 2.4rem;
}
.seaz-crew__contacts_social_row app-seazone-checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__contacts_social_row app-seazone-checkbox .form__checkbox-label:before {
  border: 1.5px solid #bdbdbd;
  border-radius: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__contacts_social_row app-seazone-checkbox .form__checkbox-label-text {
  color: #010202;
}
.seaz-crew__contacts_social_row app-seazone-checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-crew__contacts_social_row app-seazone-radio-item {
  display: flex;
}
.seaz-crew__contacts_box {
  border-bottom: 1px solid #bdbdbd;
  padding-top: 4rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__contacts_box {
    width: 94%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_box {
    position: relative;
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__contacts_box {
    padding-top: 2.4rem;
  }
}
.seaz-crew__contacts_other {
  width: 50.8rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contacts_other {
    width: 100%;
  }
}
.seaz-crew__contacts_other_box {
  padding: 4rem 0 6rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__contacts_other_box {
    width: 94%;
    margin: 0 auto;
  }
}
.seaz-crew__contacts_other.form__row app-seazone-input .form-field--wrapper__row .form-field--label {
  max-width: 11rem;
  margin-right: 0;
}
.seaz-crew__edit_documents_list .yaht-documents__name,
.seaz-crew__edit_documents_list .yaht-documents__date {
  width: 50%;
  padding-right: 1rem;
}
.seaz-crew__edit_documents_list .yaht-documents__date {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_documents_list .yaht-documents__date {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_documents_list .yaht-documents__name {
    padding-bottom: 1.9rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_documents_list .yaht-documents__name {
    width: 88%;
  }
}
.seaz-crew__edit_documents_list .yaht-documents__snooze {
  width: 60%;
  padding-right: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_documents_list .yaht-documents__snooze {
    width: 70%;
  }
}
.seaz-crew__edit_documents_list .yaht-documents__row--content {
  padding: 2.5rem 2rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_documents_list .yaht-documents__row--content {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_documents_list .yaht-documents__row--content {
    align-items: baseline;
  }
}
.seaz-crew__edit_documents_list .yaht-documents__action {
  width: 15%;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_documents_list .yaht-documents__action {
    width: 20%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_documents_list .yaht-documents__action {
    width: 23%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_documents_list .yaht-documents__row--left {
    flex-direction: column;
  }
}
.seaz-crew__edit_documents_list .yaht-documents__row_info--left {
  display: flex;
  width: 69%;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_documents_list .yaht-documents__row_info--left {
    width: 100%;
  }
}
.seaz-crew__edit_preferences .form-field--content.form-field--content-outline {
  border-color: #e0e0e0;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_preferences .seaz-crew__edit_title {
    padding: 0 2rem 3rem 2rem;
  }
}
.seaz-crew__edit_title {
  color: #010202;
  padding-bottom: 3rem;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper {
  width: 60rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper {
    width: 100%;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row.form__row app-seazone-select .form-field--label {
  max-width: 20rem;
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row.form__row app-seazone-select .form-field--label {
    max-width: 13rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row.form__row app-seazone-select .form-field--label {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_length_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .seaz-crew__edit_length_box .form__checkbox {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_length_box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-crew__edit_length_row {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_length_row {
    width: 100%;
    align-items: flex-end;
  }
  .seaz-crew__edit_length_row span {
    padding-bottom: 1.4rem;
  }
}
.seaz-crew__edit_length_row app-seazone-form-field {
  padding-right: 1rem;
}
.seaz-crew__edit_length_row app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 2rem;
  width: auto;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_length_row app-seazone-input .form-field--content {
    width: 6.8rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_length_row app-seazone-input .form-field--content {
    width: 100%;
  }
}
.seaz-crew__edit_row--length {
  width: 60rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row--length {
    width: 100%;
    padding: 0 2rem;
  }
}
.seaz-crew__edit_row--length .form__block-error {
  margin-bottom: 0;
  bottom: 6px;
}
.seaz-crew__edit_row--length .seaz-crew__edit_label {
  width: 20rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
  color: #010202;
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_row--length .seaz-crew__edit_label {
    max-width: 13rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row--length .seaz-crew__edit_label {
    max-width: 100%;
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
}
.seaz-crew__edit_row--length .form__checkbox {
  padding-bottom: 2.5rem;
}
.seaz-crew__edit_row--length .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__edit_row--length .form__checkbox .form__checkbox-label-text {
  color: #4f194a;
}
.seaz-crew__edit_row--length .form__checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border-color: #4f194a;
}
.seaz-crew__edit_row--length .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-crew__edit_row--length .form__block-error {
  white-space: nowrap;
}
.seaz-crew__edit_row_content--salary {
  display: flex;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row_content--salary {
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
  .seaz-crew__edit_row_content--salary .form-field--content.form-field--content-outline {
    width: 100%;
  }
}
.seaz-crew__edit_row--salary {
  width: 60rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row--salary {
    width: 100%;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row--salary {
    align-items: flex-start;
    width: 100%;
  }
}
.seaz-crew__edit_row--salary.form__row {
  margin-bottom: 3rem;
}
.seaz-crew__edit_row--salary .form__block-error {
  white-space: nowrap;
  padding: 4px 0;
}
.seaz-crew__edit_row--salary .seaz-crew__edit_label {
  width: 20rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
  color: #010202;
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_row--salary .seaz-crew__edit_label {
    max-width: 13rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row--salary .seaz-crew__edit_label {
    max-width: 100%;
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
}
.seaz-crew__edit_row--salary app-seazone-form-field .seazone-form-field--wrapper.form-field--wrapper__row .form-field--label {
  color: #828282;
  margin-right: 2rem;
  width: auto;
}
.seaz-crew__edit_row--salary app-seazone-input {
  width: auto;
}
.seaz-crew__edit_row--salary app-seazone-input .form-field--content {
  margin-right: 2rem;
  width: 10rem;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row--salary app-seazone-input {
    width: 100%;
  }
  .seaz-crew__edit_row--salary app-seazone-input .form-field--content.form-field--content-outline {
    width: 100%;
  }
}
.seaz-crew__edit_row--salary app-seazone-select .form-field--content {
  width: 10rem;
  color: #010202;
}
.seaz-crew__edit_head_row {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  justify-content: space-between;
  padding-bottom: 1.7rem;
  padding-top: 3rem;
}
.seaz-crew__edit_head_row .seaz__btn_outlined_plus,
.seaz-crew__edit_head_row .seaz-dashboard__finance_expense_btn button,
.seaz-dashboard__finance_expense_btn .seaz-crew__edit_head_row button {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_head_row {
    padding: 3rem 2rem 1.7rem 2rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-crew__edit_head_row .seaz__btn_outlined_plus,
  .seaz-crew__edit_head_row .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-crew__edit_head_row button {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.seaz-crew__edit_head_row--right {
  display: flex;
  align-items: center;
}
.seaz-crew__edit_head_row--right app-seazone-checkbox {
  margin-right: 2rem;
}
.seaz-crew__edit_head_row--docs {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_head_row--docs {
    align-items: flex-start;
  }
}
.seaz-crew__edit_head_row--actions {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.seaz-crew__edit_head_row--actions .seaz__btn_outlined,
.seaz-crew__edit_head_row--actions .seaz-edit__folder div,
.seaz-edit__folder .seaz-crew__edit_head_row--actions div,
.seaz-crew__edit_head_row--actions .seaz-modal .modal-content__controls .main-btn_white-green,
.seaz-modal .modal-content__controls .seaz-crew__edit_head_row--actions .main-btn_white-green,
.seaz-crew__edit_head_row--actions .seaz__btn_outlined_plus,
.seaz-crew__edit_head_row--actions .seaz-dashboard__finance_expense_btn button,
.seaz-dashboard__finance_expense_btn .seaz-crew__edit_head_row--actions button {
  height: 4rem;
  margin-left: 1.2rem;
}
.seaz-crew__edit_head_row--actions .seaz__btn_outlined_plus::after,
.seaz-crew__edit_head_row--actions .seaz-dashboard__finance_expense_btn button::after,
.seaz-dashboard__finance_expense_btn .seaz-crew__edit_head_row--actions button::after {
  top: 0;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_head_row--actions {
    width: 100%;
    flex-direction: column;
    margin-left: 0;
  }
  .seaz-crew__edit_head_row--actions .seaz__btn_outlined,
  .seaz-crew__edit_head_row--actions .seaz-edit__folder div,
  .seaz-edit__folder .seaz-crew__edit_head_row--actions div,
  .seaz-crew__edit_head_row--actions .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-crew__edit_head_row--actions .main-btn_white-green,
  .seaz-crew__edit_head_row--actions .seaz__btn_outlined_plus,
  .seaz-crew__edit_head_row--actions .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-crew__edit_head_row--actions button,
  .seaz-crew__edit_head_row--actions .seaz__btn_rounded {
    width: 100%;
    margin: 1.2rem 0 0 0;
  }
}
.seaz-crew__edit_head_row app-seazone-form-field .form-field--wrapper {
  width: auto;
}
.seaz-crew__edit_head_row app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 1rem;
  width: auto;
}
.seaz-crew__edit_head_row app-seazone-form-field .form-field--content {
  margin-right: 1rem;
}
.seaz-crew__edit_head_row .seaz-crew__edit_title {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_head_row .seaz-crew__edit_title {
    padding-bottom: 2.4rem;
  }
}
.seaz-crew__edit_language_row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.7rem;
  align-items: center;
}
.seaz-crew__edit_language_row .seaz-crew__edit_title {
  padding-bottom: 0;
}
.seaz-crew__edit_additional_photo app-seazone-media-uploader {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_additional_photo app-seazone-media-uploader {
    padding-bottom: 4rem;
  }
}
.seaz-crew__edit_additional_photo app-seazone-media-uploader app-seazone-image-file .yaht-edit__upload_img_box {
  position: relative;
  margin-right: 2rem;
  margin-bottom: 1rem;
}
.seaz-crew__edit_additional_photo app-seazone-media-uploader app-seazone-image-file .yaht-edit__upload_img {
  width: 14rem;
  height: 10rem;
  border-radius: 0;
}
.seaz-crew__edit_bank_reminder {
  padding-bottom: 3rem;
  color: #4f4f4f;
  line-height: 2.6rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_bank_reminder {
    padding: 0 2rem 3rem 2rem;
    box-sizing: border-box;
  }
}
.seaz-crew__edit_bank_reminder_save {
  position: absolute;
  color: #4f4f4f;
  line-height: 2.6rem;
  top: 0;
  right: 0;
}
.seaz-crew__edit_bank_details .seaz-crew__edit_title {
  padding-top: 4rem;
}
.seaz-crew__edit_bank_details .seaz-uploader__document {
  width: 55%;
}
@media screen and (max-width: 1000px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document {
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document {
    flex-direction: column;
  }
}
.seaz-crew__edit_bank_details .seaz-uploader__document .seaz-uploader__document_label {
  width: 10rem;
  margin-right: 2rem;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document .seaz-uploader__document_label {
    width: 20rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document .seaz-uploader__document_label {
    width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document .seaz-uploader__document_label {
    width: inherit;
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
}
.seaz-crew__edit_bank_details .seaz-uploader__document .seaz-uploader__document_file .icon-close {
  margin-left: 0.6rem;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seaz-crew__edit_bank_details .seaz-uploader__document .seaz-uploader__document_file {
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_bank_details .seaz-uploader__document_box .seaz-uploader__document_box_text {
    display: none;
  }
  .seaz-crew__edit_bank_details .seaz-uploader__document_box .seaz-uploader__document_box_drop {
    display: none;
  }
}
.seaz-crew__navigation {
  display: flex;
  width: 100%;
  padding-bottom: 3rem;
}
.seaz-crew__navigation_item {
  width: 33%;
  border: 1px solid #bdbdbd;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .seaz-crew__navigation_item {
    width: 34%;
  }
}
.seaz-crew__navigation_item a {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1.6rem 3rem;
  align-items: center;
  white-space: nowrap;
  color: #828282;
  font-weight: 500;
  text-transform: uppercase;
}
.seaz-crew__navigation_item.active-item {
  border-color: #351f73;
}
.seaz-crew__navigation_item.active-item a {
  color: #351f73;
}
.seaz-crew__list-preview:nth-child(2n+1) .boat__wrap-card {
  background-color: #f5f5f5;
}
.seaz-crew__list-preview .seaz-crew__card_avatar_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__list-preview .seaz-cv__badges_status {
    width: auto;
  }
}
.seaz-crew__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.6rem 3rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__controls {
    flex-direction: column;
    padding-right: 0;
    align-items: flex-start;
  }
}
.seaz-crew__controls_left {
  display: flex;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__controls_left {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__controls_left {
    flex-direction: column;
  }
}
.seaz-crew__controls_search {
  width: 25.7rem;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__controls_search {
    width: 100%;
  }
}
.seaz-crew__controls_search app-seazone-form-field .form-field--content-outline {
  border-radius: 0;
  border: 0.1rem solid #e0e0e0;
  background-color: initial;
}
.seaz-crew__controls_search app-seazone-form-field .form-field--content-outline .seazone__form-input {
  background-color: initial;
}
.seaz-crew__controls_search app-seazone-form-field .form-field--content-outline .form-field--content-suffix {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #351f73;
  max-width: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.seaz-crew__controls_badges {
  display: flex;
  margin-left: 2.4rem;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .seaz-crew__controls_badges {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__controls_badges {
    margin: 1rem 0 0 0;
    justify-content: center;
  }
}
.seaz-crew__controls_badges_item {
  background-color: #ffffff;
  padding: 0.7rem 1.6rem 0.4rem;
  display: flex;
  align-items: center;
}
.seaz-crew__controls_badges_count {
  color: #351f73;
}
.seaz-crew__controls_badges_text {
  color: #828282;
  margin-left: 1.2rem;
}
.seaz-crew__controls_btns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__controls_btns {
    width: 100%;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-crew__controls_btns {
    flex-direction: column;
  }
}
.seaz-crew__controls_btns :not(:first-child) {
  margin-left: 1.6rem;
}
.seaz-crew__controls_add {
  display: flex;
  align-items: center;
  padding: 1.2rem 3.2rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 900px) {
  .seaz-crew__controls_add {
    width: 100%;
    justify-content: center;
  }
}
.seaz-crew__controls_add span {
  margin-left: 1rem;
}
.seaz-crew__controls_download {
  background-color: #f5f5f5;
  color: #351f73;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1.3rem 3.2rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.seaz-crew__controls_download app-seazone-icon {
  margin-right: 1.5rem;
}
@media screen and (max-width: 900px) {
  .seaz-crew__controls_download {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-crew__controls_download {
    margin: 2.4rem 0 0;
  }
}
.seaz-crew__card_avatar.card__wrap-img.avatar {
  border: none;
  position: relative;
}
.seaz-crew__card_avatar_position {
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  border: 2px solid #ffffff;
  border-radius: 50%;
  bottom: 0.5rem;
  right: 0;
}
.seaz-crew__card_avatar_box {
  margin-right: 2.4rem;
}
.seaz-crew__card_completion {
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
}
.seaz-crew__card_completion .seaz-profile__info_completion {
  align-items: center;
  flex-direction: row-reverse;
}
.seaz-crew__card_completion_title {
  padding: 0 0.6rem 0.4rem 0;
}
.seaz-crew__card_title.card__title {
  color: #351f73;
  margin-bottom: 0.4rem;
}
.seaz-crew__card_name {
  color: #010202;
  padding-bottom: 0.4rem;
}
.seaz-crew__card_row {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}
.seaz-crew__card_upload_date {
  margin-bottom: 0;
  color: #828282;
  text-transform: uppercase;
}
.seaz-crew__card_btns .card__btn {
  font-weight: 500;
  font-size: 1.2rem;
  width: 18.4rem;
}
.seaz-crew__card_btns .card__btn .seaz__btn_primary,
.seaz-crew__card_btns .card__btn .seaz-modal .modal-content__controls .main-btn_green,
.seaz-modal .modal-content__controls .seaz-crew__card_btns .card__btn .main-btn_green {
  padding-left: 1.7rem;
}
.seaz-crew__card_contract .card__head {
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  color: #828282;
}
.seaz-crew__card_info_text {
  color: #351f73;
}
.seaz-crew__card_date_group {
  width: 35.7rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1100px) {
  .seaz-crew__card_date_group {
    width: 100%;
    order: 2;
  }
}
.seaz-crew__card_date_group app-seazone-icon {
  padding-bottom: 0.6rem;
}
@media screen and (max-width: 1100px) {
  .seaz-crew__card_date_group app-seazone-icon {
    display: none;
  }
}
.seaz-crew__card_date_group .card__head {
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  color: #828282;
}
.seaz-crew__card_salary {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1100px) {
  .seaz-crew__card_salary {
    order: 1;
  }
}
.seaz-crew__card_salary .card__head {
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  color: #828282;
}
.seaz-crew__card_pending {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
  padding: 0.8rem 0.8rem 0.6rem;
  background-color: #f49342;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
}
.seaz-crew__card_info_box {
  padding-top: 1rem;
}
.seaz-crew__card_status_box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .seaz-crew__card_status_box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
}
.seaz-crew__status {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.seaz-crew__status div {
  padding: 0.8rem 0.8rem 0.6rem;
}
.seaz-crew__status .work-day {
  background-color: #d8efd4;
  color: #2e8b1f;
}
.seaz-crew__status .vacation {
  background-color: #e1dfe8;
  color: #351f73;
}
.seaz-crew__status .unpaid-vacation {
  background-color: #828282;
  color: #ffffff;
}
.seaz-crew__status .unknown {
  background-color: #fbe7e8;
  color: #d70000;
}
.seaz-crew__status .sick-day {
  background-color: #fdefc8;
  color: #94792b;
}
.seaz-crew__status .rest-day {
  background-color: #e0e0e0;
  color: #4f4f4f;
}
.seaz-crew__status .available {
  background-color: #00b9ff;
  color: #ffffff;
}
.seaz-crew__download_title {
  color: #351f73;
  padding-bottom: 6rem;
}
.seaz-crew__download_all .form__checkbox {
  flex-direction: row-reverse;
  padding-right: 2.8rem;
  padding-bottom: 1rem;
}
.seaz-crew__download_all .form__checkbox .form__checkbox-label-text {
  color: #010202;
  margin-right: 1.6rem;
  font-weight: 500;
}
.seaz-crew__download_all .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__download_all .form__checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1.5px solid #bdbdbd;
}
.seaz-crew__download_all .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-crew__download_crew_item:nth-child(even) {
  background-color: #f5f5f5;
}
.seaz-crew__download_crew_item .form__checkbox {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 1.3rem 2.8rem 1.3rem 1.3rem;
}
.seaz-crew__download_crew_item .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__download_crew_item .form__checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1.5px solid #bdbdbd;
}
.seaz-crew__download_crew_item .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-crew__download_crew_item_info {
  display: flex;
  align-items: center;
}
.seaz-crew__download_crew_item_img {
  width: 4.8rem;
  height: 4.8rem;
  object-fit: cover;
  margin-right: 1.6rem;
  border-radius: 50%;
}
.seaz-crew__download_crew_item_text {
  display: flex;
  flex-direction: column;
}
.seaz-crew__download_crew_item_title {
  color: #351f73;
  padding-bottom: 0.8rem;
}
.seaz-crew__download_crew_item_name {
  color: #828282;
}
.seaz-crew__download_btns {
  width: 100%;
  margin: 0 auto;
  padding: 3rem 0;
  display: flex;
  justify-content: flex-end;
}
.seaz-crew__download_btns button:not(:last-child) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__download_btns {
    flex-direction: column;
  }
  .seaz-crew__download_btns button:not(:last-child) {
    margin: 0 0 1.2rem;
  }
}
.seaz-crew__cv .seaz-cv__info_progress {
  margin-top: 8rem;
  width: 22%;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 13rem;
    width: 20rem;
    flex-shrink: 0;
  }
  .seaz-crew__cv .seaz-cv__info_progress .seaz-profile__info_line {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .seaz-crew__cv .seaz-cv__info_progress {
    width: 17rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__info_progress {
    width: 15rem;
    margin-top: 0;
    align-items: center;
  }
}
.seaz-crew__cv .seaz-cv__info_main {
  width: 35%;
  flex-shrink: 0;
  padding-top: 4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-crew__cv .seaz-cv__info_main {
    width: 38%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__info_main {
    padding-top: 16rem;
    width: 21.3rem;
  }
}
@media screen and (max-width: 800px) {
  .seaz-crew__cv .seaz-cv__info_main {
    width: 18rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__info_main {
    padding-top: 0;
    width: 67%;
  }
}
@media screen and (max-width: 504px) {
  .seaz-crew__cv .seaz-cv__info_main {
    width: 50%;
  }
}
@media screen and (max-width: 350px) {
  .seaz-crew__cv .seaz-cv__info_main {
    width: 45%;
  }
}
.seaz-crew__cv .seaz-cv__details {
  width: 35%;
}
@media screen and (max-width: 1300px) {
  .seaz-crew__cv .seaz-cv__details {
    width: 38%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__details {
    width: 55%;
    padding-left: 15px;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__details {
    width: 100%;
    justify-content: flex-end;
  }
}
.seaz-crew__cv .seaz-cv__wrapper,
.seaz-crew__cv .seaz-cv__info,
.seaz-crew__cv .seaz-cv__slider,
.seaz-crew__cv .seaz-cv__navigation,
.seaz-crew__cv .seaz-cv__head {
  width: 122.4rem;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__cv .seaz-cv__wrapper,
  .seaz-crew__cv .seaz-cv__info,
  .seaz-crew__cv .seaz-cv__slider,
  .seaz-crew__cv .seaz-cv__navigation,
  .seaz-crew__cv .seaz-cv__head {
    width: 92.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__wrapper,
  .seaz-crew__cv .seaz-cv__info,
  .seaz-crew__cv .seaz-cv__slider,
  .seaz-crew__cv .seaz-cv__navigation,
  .seaz-crew__cv .seaz-cv__head {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-crew__cv .seaz-cv__navigation {
    overflow: auto;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__cv .seaz-cv__navigation {
    padding: 0 0 3.2rem 3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__cv .seaz-cv__navigation {
    padding: 0 0 2.4rem 0;
  }
}
.seaz-crew__cv .seaz-cv__navigation_item {
  padding: 0 1.2rem;
}
@media screen and (max-width: 1200px) {
  .seaz-crew__cv .seaz-cv__navigation_item {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__cv .seaz-cv__navigation_item {
    font-size: 1.2rem;
  }
}
.seaz-crew__cv .seaz-cv__documents_show_text {
  background-color: #fafafb;
}
@media screen and (max-width: 1300px) {
  .seaz-crew__cv .seaz-cv__slider,
  .seaz-crew__cv .seaz-cv__info {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__slider,
  .seaz-crew__cv .seaz-cv__info {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__slider,
  .seaz-crew__cv .seaz-cv__info {
    padding-top: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__slider {
    height: 268px;
  }
  .seaz-crew__cv .seaz-cv__slider app-image-carousel {
    height: 100%;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__slider {
    height: 160px;
  }
}
.seaz-red-close,
.seaz-uploader__document_file .icon-close {
  background-color: #ffffff;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  font-size: 1rem;
  color: #d70000;
  margin-left: 1.6rem;
  cursor: pointer;
}
.seaz-crew__edit_row app-location-select .form__block {
  width: 40.1%;
}
@media screen and (max-width: 1440px) {
  .seaz-crew__edit_row app-location-select .form__block {
    width: 55%;
  }
}
@media screen and (max-width: 1000px) {
  .seaz-crew__edit_row app-location-select .form__block {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row app-location-select .form__block {
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
  }
  .seaz-crew__edit_row app-location-select .form__block .dropdown-arrow {
    right: 3.3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row app-location-select .form__block {
    padding-bottom: 0.8rem;
  }
}
.seaz-crew__edit_row app-location-select .form__block .form__block-text span {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-right: 1.5rem;
  width: 100%;
  max-width: 10rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_row app-location-select .form__block .form__block-text span {
    max-width: 20rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_row app-location-select .form__block .form__block-text span {
    max-width: 10rem;
  }
}
.seaz-crew__edit_row .location-region.location-autocomplete {
  display: block;
}
.seaz-crew__edit_row.form__row.seaz-crew-text-area-box {
  margin-bottom: 3rem;
}
.form-field--label.toggle-label {
  font-size: 1.4rem;
  font-weight: 400;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row-covid {
    align-items: center;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row-covid {
    flex-direction: row !important;
  }
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row-covid .seaz-crew__edit_flexible {
    margin-top: 0;
  }
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row-covid .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row-covid app-seazone-checkbox .form__checkbox {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row {
    margin-bottom: 0.6rem;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
  width: 40.1%;
  align-items: center;
}
@media screen and (max-width: 1440px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
    width: 55%;
  }
}
@media screen and (max-width: 1000px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
    padding-bottom: 0.8rem;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field__label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form__block-text,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field__label {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-right: 1.5rem;
  width: 100%;
  max-width: 10rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field__label {
    max-width: 20rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field__label {
    max-width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field__label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form__block-text,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field__label {
    max-width: initial;
    margin-right: 0;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form__block,
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form__block {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form__block,
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form__block {
    flex-direction: column;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row .location__row {
  width: 40.1%;
}
@media screen and (max-width: 1440px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row .location__row {
    width: 55%;
  }
}
@media screen and (max-width: 1000px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row .location__row {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row .location__row {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row .location__row {
    padding-bottom: 0.8rem;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control {
  max-width: 100%;
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--content-suffix {
  max-width: 3.5rem;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--content-suffix {
    height: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control {
    max-width: 100%;
    padding-bottom: 0.8rem;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .picker-toggle {
  top: 26%;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .picker-toggle {
    top: 50%;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox {
  display: flex;
  align-items: center;
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-toggle-checkbox .form-field__label {
  max-width: fit-content;
}
.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-select .form__row {
  margin-bottom: 1rem;
}
.seaz-crew__edit_box .seaz-crew__edit_row--textarea app-seazone-text-area {
  width: 40.1%;
}
@media screen and (max-width: 1440px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--textarea app-seazone-text-area {
    width: 55%;
  }
}
@media screen and (max-width: 1000px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--textarea app-seazone-text-area {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--textarea app-seazone-text-area {
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row--textarea .form-field--wrapper__row.form-field--wrapper .form-field--label {
  max-width: 10rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--textarea .form-field--wrapper__row.form-field--wrapper .form-field--label {
    max-width: 20rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--textarea .form-field--wrapper__row.form-field--wrapper .form-field--label {
    max-width: 10rem;
  }
}
.seaz-crew__edit_box .seaz-crew__edit_row--textarea .form-field--wrapper__row.form-field--wrapper .form-field--content {
  height: 15rem;
}
.seaz-crew__edit_box .seaz-crew__edit_row--caver-letter {
  width: 40.1%;
}
.seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .form-field--wrapper__row .form-field--label,
.seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz-uploader__document_label {
  max-width: 10rem;
  margin-right: 1.5rem;
}
.seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz-uploader__document_file span {
  word-break: break-word;
}
@media screen and (max-width: 1440px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter {
    width: 55%;
  }
}
@media screen and (max-width: 1000px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter {
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
  }
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .form-field--wrapper__row .form-field--label {
    max-width: 20rem;
  }
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz-uploader__document_label {
    width: 20rem;
    max-width: 20rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .form-field--wrapper__row .form-field--label {
    max-width: 10rem;
  }
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz-uploader__document_label {
    width: 10rem;
    max-width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter {
    margin-top: 4rem;
  }
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz-modal__document_uploader {
    padding-bottom: 0;
  }
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz-uploader__document {
    flex-direction: column;
  }
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz__btn_small-outlined,
  .seaz-crew__edit_box .seaz-crew__edit_row--caver-letter .seaz__btn_small-outlined-plus {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  app-gallery-item {
    width: 48%;
    margin-right: 3%;
  }
  app-gallery-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
.seaz-gallery__box {
  display: flex;
  flex-wrap: wrap;
}
.seaz-gallery__item {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 1.6rem;
}
.seaz-gallery__item app-seazone-radio-item {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
}
.seaz-gallery__item app-seazone-radio-item .form__radio-label {
  width: 1.8rem;
  height: 1.8rem;
  padding-top: 0.5rem;
}
.seaz-gallery__item app-seazone-radio-item .form__radio-label::before {
  border-color: #bdbdbd;
}
.seaz-gallery__item app-seazone-radio-item .form__radio-input:checked + label:before {
  border-color: #4f194a;
  color: #4f194a;
}
.seaz-gallery__item app-seazone-radio-item .form__radio-input:checked + label:after {
  background: #4f194a;
}
.seaz-gallery__item img {
  width: 14rem;
  height: 10rem;
  object-fit: cover;
  margin-right: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-gallery__item img {
    width: 100%;
    margin-bottom: 0.6rem;
    margin-right: 0;
  }
}
.seaz-gallery__item.active img {
  border: 1.5px solid #351f73;
  padding: 0.8rem;
}
.seaz-edit__skills_box {
  padding: 6rem 0;
}
.seaz-edit__skills_box:not(:last-of-type) {
  border-bottom: 1px solid #bdbdbd;
}
.seaz-edit__skills_box .form-field--content.form-field--content-outline {
  max-width: 42.4rem;
  width: 42.4rem;
}
@media screen and (max-width: 1000px) {
  .seaz-edit__skills_box .form-field--content.form-field--content-outline {
    max-width: 36.4rem;
    width: 36.4rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-edit__skills_box .form-field--content.form-field--content-outline {
    max-width: 25rem;
    width: 25rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__skills_box .form-field--content.form-field--content-outline {
    width: 100%;
    max-width: 100%;
  }
}
.seaz-edit__skills_select_text {
  padding-bottom: 3rem;
  display: block;
  color: #828282;
}
@media screen and (max-width: 480px) {
  .seaz-edit__skills_select_text {
    padding-bottom: 1.2rem;
    line-height: 1.8rem;
  }
}
.seaz-edit__photo_text {
  padding-top: 1rem;
  color: #828282;
}
@media screen and (max-width: 768px) {
  .seaz-edit__photo_text {
    margin-bottom: 2rem;
  }
}
.seaz-language__list {
  margin-bottom: 6rem;
}
.seaz-language__list app-edit-profile-language-item:nth-of-type(2n-1) .seaz-language__list_item_box {
  background-color: #ffffff;
}
.seaz-language__list_item {
  display: flex;
  width: 66%;
  margin: 0 auto;
  align-items: center;
  padding: 3rem 0;
}
@media screen and (max-width: 768px) {
  .seaz-language__list_item {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-language__list_item {
    width: 95%;
  }
}
.seaz-language__list_item_language,
.seaz-language__list_item_level {
  display: flex;
  flex-direction: column;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .seaz-language__list_item_language,
  .seaz-language__list_item_level {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-language__list_item_language,
  .seaz-language__list_item_level {
    width: 27%;
  }
}
.seaz-language__list_item_label {
  color: #828282;
  padding-bottom: 0.5rem;
  width: 25%;
}
.seaz-language__list_item_title {
  color: #351f73;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .seaz-language__list_item_title {
    text-transform: inherit;
  }
}
.seaz-language__list_item_title.error {
  color: #d70000;
}
.seaz-language__list_item_icon {
  margin: 0 0 0 auto;
}
.seaz-edit__skills_box {
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  .seaz-edit__skills_box {
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__skills_box {
    padding-top: 3rem;
    padding-bottom: 1.2rem;
  }
}
.seaz-edit__course_row {
  display: flex;
  width: 66%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0;
  line-height: 1.6rem;
}
@media screen and (max-width: 768px) {
  .seaz-edit__course_row {
    width: 100%;
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__course_row {
    padding: 3rem 1rem;
  }
}
.seaz-edit__course_row_title {
  color: #351f73;
}
.seaz-edit__course_name {
  width: 41%;
}
.seaz-edit__course_name_title {
  display: flex;
}
.seaz-edit__course_name_title app-seazone-icon {
  margin-right: 1rem;
}
.seaz-edit__course_date {
  width: 50.7%;
  display: flex;
  flex-direction: column;
}
.seaz-edit__course_label {
  text-transform: uppercase;
  color: #828282;
  padding-bottom: 1.2rem;
  display: block;
  letter-spacing: 0.5px;
}
.seaz-edit__course_btns button {
  cursor: pointer;
}
.seaz-edit__course_btns button:not(:last-of-type) {
  margin-right: 2rem;
}
.seaz-edit__bank_row {
  display: flex;
  width: 66%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding: 3rem;
  line-height: 1.6rem;
}
@media screen and (max-width: 768px) {
  .seaz-edit__bank_row {
    width: 100%;
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-edit__bank_row {
    padding: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__bank_row {
    padding: 3rem 1rem;
  }
}
.seaz-edit__bank_row_title {
  color: #351f73;
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .seaz-edit__bank_row_title {
    max-width: 100px;
  }
}
.seaz-edit__bank_row--left {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 560px) {
  .seaz-edit__bank_row--left {
    flex-direction: column;
  }
}
.seaz-edit__bank--account {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 560px) {
  .seaz-edit__bank--account .seaz-edit__bank_name {
    padding-bottom: 0;
    width: 32%;
    padding-right: 1rem;
  }
  .seaz-edit__bank--account .seaz-edit__bank_label {
    padding-bottom: 0;
  }
  .seaz-edit__bank--account .seaz-edit__bank_row_title {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__bank--account .seaz-edit__bank_name {
    width: auto;
  }
}
.seaz-edit__bank_name {
  width: 54%;
}
@media screen and (max-width: 560px) {
  .seaz-edit__bank_name {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__bank_name .seaz-edit__bank_row_title {
    max-width: 300px;
  }
}
.seaz-edit__bank_name_title {
  display: flex;
}
.seaz-edit__bank_name_title app-seazone-icon {
  margin-right: 1rem;
}
.seaz-edit__bank_date {
  width: 50.7%;
  display: flex;
  flex-direction: column;
}
.seaz-edit__bank_label {
  text-transform: uppercase;
  color: #828282;
  padding-bottom: 1.2rem;
  display: block;
  letter-spacing: 0.5px;
  font-size: 10px;
}
.seaz-edit__bank_btns {
  width: 7rem;
  display: flex;
  align-items: center;
}
.seaz-edit__bank_btns button {
  cursor: pointer;
}
.seaz-edit__bank_btns button:not(:last-of-type) {
  margin-right: 2rem;
}
.seaz-edit__exprerience:nth-of-type(2n-1) {
  background-color: #ffffff;
}
@media screen and (max-width: 650px) {
  .seaz-edit__exprerience .seaz-edit__exprerience_row_info--right {
    flex-wrap: wrap;
  }
}
.seaz-edit__exprerience_box {
  width: 100%;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_box {
    padding-bottom: 4rem;
  }
}
.seaz-edit__exprerience_box--yaht app-yacht-exprerience-item .seaz-edit__exprerience,
.seaz-edit__exprerience_box--yaht app-other-work-experience-item .seaz-edit__exprerience,
.seaz-edit__exprerience_box--work app-yacht-exprerience-item .seaz-edit__exprerience,
.seaz-edit__exprerience_box--work app-other-work-experience-item .seaz-edit__exprerience {
  background-color: initial;
}
.seaz-edit__exprerience_box--yaht app-yacht-exprerience-item:nth-of-type(2n-1) .seaz-edit__exprerience,
.seaz-edit__exprerience_box--yaht app-other-work-experience-item:nth-of-type(2n-1) .seaz-edit__exprerience,
.seaz-edit__exprerience_box--work app-yacht-exprerience-item:nth-of-type(2n-1) .seaz-edit__exprerience,
.seaz-edit__exprerience_box--work app-other-work-experience-item:nth-of-type(2n-1) .seaz-edit__exprerience {
  background-color: #ffffff;
}
.seaz-edit__exprerience_img_box {
  position: relative;
}
@media screen and (max-width: 480px) {
  .seaz-edit__exprerience_img_box app-seazone-icon.seaz-edit__exprerience_img_icon {
    display: none;
  }
}
.seaz-edit__exprerience_img_icon {
  width: 2.2rem;
  height: 2.2rem;
  background-color: #3aae27;
  position: absolute;
  top: -4px;
  left: -4px;
}
.seaz-edit__exprerience_row {
  width: 66%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 1.6rem 0;
}
.seaz-edit__exprerience_row_img {
  border-radius: 8px;
  width: 7rem;
  height: 7rem;
}
@media screen and (max-width: 480px) {
  .seaz-edit__exprerience_row_img {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-edit__exprerience_row {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_row {
    width: 100%;
    padding: 1.6rem 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__exprerience_row {
    padding: 1.6rem 2rem 1.6rem 0.4rem;
    align-items: flex-start;
  }
}
.seaz-edit__exprerience_row_info {
  display: flex;
  width: 80%;
}
.seaz-edit__exprerience_row_info--right {
  display: flex;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_row_info--right {
    margin-left: 1.6rem;
    width: 95%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__exprerience_row_info--right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_row_info {
    flex-direction: column;
  }
}
.seaz-edit__exprerience_name {
  display: flex;
  flex-direction: column;
  margin-left: 1.6rem;
  width: 45%;
}
.seaz-edit__exprerience_name_title {
  color: #351f73;
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_name {
    margin-bottom: 1rem;
  }
}
.seaz-edit__exprerience_label {
  font-size: 1rem;
  text-transform: uppercase;
  color: #828282;
}
.seaz-edit__exprerience_position,
.seaz-edit__exprerience_date {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.seaz-edit__exprerience_position .seaz-edit__exprerience_row_title,
.seaz-edit__exprerience_date .seaz-edit__exprerience_row_title {
  color: #351f73;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_position .seaz-edit__exprerience_row_title,
  .seaz-edit__exprerience_date .seaz-edit__exprerience_row_title {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.seaz-edit__exprerience_position {
  padding-right: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_position {
    width: 26%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-edit__exprerience_position {
    width: 33%;
    padding-bottom: 1rem;
  }
}
.seaz-edit__exprerience_date {
  padding-right: 1rem;
}
@media screen and (max-width: 480px) {
  .seaz-edit__exprerience_date {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-edit__exprerience_country {
    width: 57%;
  }
}
.seaz-edit__exprerience_btns {
  display: flex;
  align-items: center;
  width: 18%;
  justify-content: flex-end;
}
.seaz-edit__exprerience_btns button:not(:last-of-type) {
  margin-right: 2rem;
}
.seaz-edit__exprerience_btns button {
  cursor: pointer;
}
.seaz-edit__exprerience_btns app-toggle-checkbox {
  margin-left: 2rem;
}
.seaz__info_label .info-label {
  margin: 0 0 4rem;
  border-radius: 0;
  padding: 1.2rem 1.2rem;
  line-height: 1.8rem;
}
@media screen and (max-width: 560px) {
  .seaz__info_label .info-label {
    margin-bottom: 2rem;
  }
}
.seaz-input__document_other {
  display: flex;
  justify-content: flex-end;
}
.seaz-input__document_other app-seazone-input {
  padding-left: 21.1rem;
}
@media screen and (max-width: 768px) {
  .seaz-input__document_other app-seazone-input {
    padding-left: 16rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-input__document_other app-seazone-input {
    padding-left: 0;
  }
}
.seaz-input__row .form-field--content-outline.form-field--content.disabled {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}
.seaz-input__row .form-field--content-outline.form-field--content.disabled .seazone__form-date-input {
  background-color: #ffffff;
}
.cropper-modal {
  background-color: #351f73;
  opacity: 0.7;
}
.crop-image__wrapper .crop-image__container {
  align-items: end;
}
.crop-image__wrapper .crop-image__container .crop-image__result {
  width: 165px;
  height: 165px;
}
.crop-image__wrapper .rotate-controls {
  padding-left: 14.5rem;
  box-sizing: border-box;
}
.crop-image__wrapper .rotate-controls .main-btn {
  font-size: 0;
  background-color: transparent;
  border: none;
}
.crop-image__wrapper .rotate-controls span {
  font-size: 2.2rem;
  color: #010202;
}
.crop-image__wrapper .rotate-controls .main-btn:not(:last-child) {
  margin-right: 0;
}
.seaz-profile__navigation {
  display: flex;
  overflow: auto;
  max-width: 100%;
  padding: 2rem 0;
}
.seaz-profile__navigation::-webkit-scrollbar {
  display: none;
}
.seaz-profile__navigation_wrapper {
  position: relative;
}
.seaz-profile__navigation_list {
  display: flex;
  margin: 0 2.4rem;
}
.seaz-profile__navigation app-scroll-controls .controls-container {
  position: static;
}
.seaz-profile__navigation app-scroll-controls .controls-container button {
  height: 5.2rem;
  width: 2.4rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  border-radius: 0;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .seaz-profile__navigation app-scroll-controls .controls-container button {
    height: 3.6rem;
  }
}
.seaz-profile__navigation app-scroll-controls .controls-container button:hover,
.seaz-profile__navigation app-scroll-controls .controls-container button:active {
  background-color: #351f6f;
}
.seaz-profile__navigation app-scroll-controls .controls-container button:hover .icon-arrow-left::before,
.seaz-profile__navigation app-scroll-controls .controls-container button:hover .icon-arrow-rights::before,
.seaz-profile__navigation app-scroll-controls .controls-container button:active .icon-arrow-left::before,
.seaz-profile__navigation app-scroll-controls .controls-container button:active .icon-arrow-rights::before {
  color: white;
}
.seaz-profile__navigation app-scroll-controls .controls-container button:nth-child(1) {
  left: 0;
}
.seaz-profile__navigation app-scroll-controls .controls-container button:nth-child(1) .icon-arrow-left::before {
  transform: rotate(180deg);
}
.seaz-profile__navigation app-scroll-controls .controls-container button:nth-child(2) {
  right: 0;
}
.seaz-profile__navigation app-scroll-controls .controls-container button .icon-arrow-left::before,
.seaz-profile__navigation app-scroll-controls .controls-container button .icon-arrow-rights::before {
  content: "\e823";
  font-weight: bold;
  font-size: 1.2rem;
}
.seaz-profile__navigation_item {
  display: flex;
  align-items: center;
  border: 1px solid #bdbdbd;
  position: relative;
  cursor: pointer;
  flex-wrap: nowrap;
}
@media screen and (max-width: 480px) {
  .seaz-profile__navigation_item {
    border: none;
    border-bottom: 2px solid #bdbdbd;
  }
}
.seaz-profile__navigation_item a {
  display: flex;
  padding: 1.4rem 3rem;
  align-items: center;
  white-space: nowrap;
  color: #bdbdbd;
  font-weight: 500;
  text-transform: uppercase;
}
.seaz-profile__navigation_item a app-seazone-icon {
  position: absolute;
  top: -1.2rem;
  right: 0;
}
@media screen and (max-width: 480px) {
  .seaz-profile__navigation_item a app-seazone-icon {
    width: 16px;
    height: 16px;
    top: -2px;
    right: -3px;
  }
}
@media screen and (max-width: 480px) {
  .seaz-profile__navigation_item a {
    padding: 0.8rem 1rem 0.8rem;
    color: #828282;
  }
}
.seaz-profile__navigation_item a span {
  margin-left: 5px;
}
.seaz-profile__navigation_item a span span {
  color: green;
}
.seaz-profile__navigation_item.active-item {
  border-color: #351f73;
}
.seaz-profile__navigation_item.active-item a {
  color: #351f73;
}
.seaz-profile__navigation_item.unfilled app-seazone-icon svg {
  fill: #d70000;
}
.seaz-profile__navigation_item.incompleted app-seazone-icon svg {
  fill: #f49342;
}
.seaz-profile__header {
  display: flex;
  justify-content: space-between;
  padding: 5.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-profile__header {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 720px) {
  .seaz-profile__header {
    padding: 2.4rem 0;
    width: 94%;
    margin: 0 auto;
    border-bottom: 1px solid #bdbdbd;
  }
  .seaz-profile__header .seaz__return_btn {
    width: 3rem;
    height: 3rem;
  }
  .seaz-profile__header .seaz__return_btn app-seazone-icon {
    width: 8px;
  }
}
@media screen and (max-width: 720px) {
  .seaz-profile__header {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-profile__header {
    border-bottom: none;
  }
}
.seaz-profile__title {
  color: #351f73;
  margin-left: 3.5rem;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .seaz-profile__title {
    margin-left: 1.5rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-profile__title {
    flex-shrink: 0;
  }
}
.seaz-profile__title_wrapper {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 720px) {
  .seaz-profile__title_wrapper {
    margin-bottom: 2rem;
  }
}
.seaz-profile__info {
  display: flex;
  flex-direction: column;
}
.seaz-profile__info.invert {
  flex-direction: column-reverse;
}
.seaz-profile__info_completion {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 720px) {
  .seaz-profile__info_completion {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .seaz-profile__info_completion {
    justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .seaz-profile__info_completion {
    flex-direction: column;
  }
}
.seaz-profile__info_wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-profile__info_wrapper {
    width: 57%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-profile__info_wrapper {
    width: 63%;
  }
  .seaz-profile__info_wrapper app-completion-status {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .seaz-profile__info_wrapper {
    width: 100%;
  }
  .seaz-profile__info_wrapper app-completion-status {
    width: 100%;
  }
}
.seaz-profile__info_line {
  margin-top: 0.4rem;
  width: 100%;
  height: 0.4rem;
  background-color: #e0e0e0;
}
.seaz-profile__info_line_progress {
  height: 0.4rem;
}
.seaz-profile__info_text {
  margin-left: 5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-profile__info_text {
    margin-left: 2rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-profile__info_text {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.seaz-profile__info.unfilled .seaz-h5-caps {
  color: #d70000;
}
.seaz-profile__info.unfilled .seaz-profile__info_line_progress {
  background-color: #d70000;
}
.seaz-profile__info.incompleted .seaz-h5-caps {
  color: #f49342;
}
.seaz-profile__info.incompleted .seaz-profile__info_line_progress {
  background-color: #f49342;
}
.seaz-profile__info.completed .seaz-h5-caps {
  color: #2e8b1f;
}
.seaz-profile__info.completed .seaz-profile__info_line_progress {
  background-color: #2e8b1f;
}
app-edit-profile-wrapper {
  display: block;
  background-color: #f5f5f5;
}
.seaz-cv__wrapper,
.seaz-cv__info,
.seaz-cv__slider,
.seaz-cv__navigation,
.seaz-cv__head {
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1340px) {
  .seaz-cv__wrapper,
  .seaz-cv__info,
  .seaz-cv__slider,
  .seaz-cv__navigation,
  .seaz-cv__head {
    width: 110rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-cv__wrapper,
  .seaz-cv__info,
  .seaz-cv__slider,
  .seaz-cv__navigation,
  .seaz-cv__head {
    width: 90rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__wrapper,
  .seaz-cv__info,
  .seaz-cv__slider,
  .seaz-cv__navigation,
  .seaz-cv__head {
    width: 100%;
  }
  .seaz-cv__wrapper .seaz-h2,
  .seaz-cv__info .seaz-h2,
  .seaz-cv__slider .seaz-h2,
  .seaz-cv__navigation .seaz-h2,
  .seaz-cv__head .seaz-h2 {
    font-size: 2.2rem;
  }
}
.seaz-cv__head {
  display: flex;
  align-items: center;
  padding: 3.6rem 0 3rem;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #bdbdbd;
}
.seaz-cv__head .edit-button {
  width: 5rem;
  height: 5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__head {
    padding: 3rem 1.6rem 2.8rem;
    border-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__head {
    padding: 2.4rem 1.6rem 2.4rem;
  }
}
.seaz-cv__head_title {
  color: #351f73;
  text-transform: uppercase;
}
.seaz-cv__head_reminder {
  width: 18rem;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding: 1.1rem 1.2rem;
  color: #828282;
  font-size: 1.2rem;
  line-height: 1.7rem;
  position: relative;
}
@media screen and (max-width: 1340px) {
  .seaz-cv__head_reminder {
    display: none;
  }
}
.seaz-cv__head_reminder::after {
  content: "";
  height: 8px;
  width: 8px;
  position: absolute;
  right: -5px;
  top: 44%;
  background: #ffffff;
  margin: auto;
  transform: rotate(-45deg);
  border: 1px solid #e0e0e0;
  border-top: none;
  border-left: none;
}
.seaz-cv__head_btns {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__head_btns {
    position: fixed;
    bottom: 2.1rem;
    z-index: 10;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
  }
}
.seaz-cv__head_btn_jump {
  background-color: #00b9ff;
  color: #ffffff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 5rem;
  padding: 0 1.4rem;
  cursor: pointer;
  margin-right: 1.6rem;
  margin-left: 1.3rem;
}
@media screen and (max-width: 480px) {
  .seaz-cv__head_btn_jump {
    margin-left: 0;
  }
}
.seaz-cv__head_btn_jump span {
  margin-left: 1rem;
}
.seaz-cv__head_btn_download {
  background-color: #4f194a;
  color: #ffffff;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.6rem;
  cursor: pointer;
}
.seaz-cv__navigation {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}
.seaz-cv__navigation_item {
  padding: 0 1.6rem;
  color: #351f73;
  opacity: 0.7;
}
.seaz-cv__navigation_item:hover {
  opacity: 1;
  text-decoration: underline;
}
.seaz-cv__navigation_item:not(:last-of-type) {
  border-right: 1px solid #351f73;
}
.seaz-cv__empty_btn {
  position: relative;
  right: 0;
  left: 0;
  margin: 0 auto 2rem;
  display: flex;
}
.seaz-cv__slider {
  pointer-events: none;
}
.seaz-cv__slider_btn {
  background-color: #ffffff;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
}
.seaz-cv__slider_box {
  position: relative;
}
.seaz-cv__slider_box .carousel-indicators {
  display: none;
}
.seaz-cv__photo {
  position: absolute;
  bottom: -44%;
  width: 40rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__photo {
    bottom: -28%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__photo {
    right: inherit;
    left: 13rem;
    bottom: -48%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__photo {
    left: 8rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__photo {
    left: inherit;
    right: 0;
    width: 17.6rem;
    bottom: -70%;
  }
}
.seaz-cv__photo_img {
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  border: 1rem solid #fafafb;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__photo_img {
    width: 22rem;
    height: 22rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__photo_img {
    width: 15.6rem;
    height: 15.6rem;
  }
}
.seaz-cv__photo_icon {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  background-color: #4f194a;
  border: 0.3rem solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 3rem;
  right: 6rem;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__photo_icon {
    bottom: 2rem;
    right: 8rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__photo_icon {
    width: 4.8rem;
    height: 4.8rem;
    bottom: 1rem;
    right: 13rem;
    border: 0.4rem solid #ffffff;
  }
  .seaz-cv__photo_icon img {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__photo_icon {
    right: 1rem;
  }
}
.seaz-cv__info {
  padding-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info {
    padding: 2.5rem 1.6rem 0 1.6rem;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__info {
    padding: 2.5rem 1rem;
  }
}
.seaz-cv__info_box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_box {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__info_box {
    padding-top: 7rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 400px) {
  .seaz-cv__info_box {
    padding-top: 9rem;
  }
}
.seaz-cv__info_main {
  width: 40%;
}
.seaz-cv__info_name {
  padding-bottom: 1.8rem;
  color: #351f73;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_name {
    font-size: 2.6rem;
    padding-bottom: 0;
  }
}
.seaz-cv__info_location {
  display: flex;
  align-items: center;
  font-size: 2.1rem;
  color: #010202;
  padding-bottom: 3.7rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_location {
    font-size: 1.1rem;
    padding-bottom: 1rem;
  }
}
.seaz-cv__info_location app-seazone-icon {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_location app-seazone-icon {
    margin-right: 0.6rem;
    width: 1.1rem;
    margin-bottom: 0.2rem;
  }
}
.seaz-cv__info_salary {
  display: flex;
  flex-direction: column;
}
.seaz-cv__info_salary_label {
  color: #351f73;
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_salary_label {
    font-size: 1.2rem;
  }
}
.seaz-cv__info_salary_amount {
  color: #351f73;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_salary_amount {
    font-size: 2.6rem;
    line-height: 2rem;
  }
}
.seaz-cv__info_salary_period {
  color: #351f73;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_salary_period {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.seaz-cv__info_btns {
  padding-top: 4.2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns {
    position: absolute;
    bottom: 2rem;
    left: 30rem;
  }
  .seaz-cv__info_btns.seaz-cv__info_btns_desktop {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__info_btns {
    left: 26rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__info_btns {
    bottom: inherit;
    top: 16rem;
    left: inherit;
    right: 6.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__info_btns {
    top: 15rem;
  }
}
@media screen and (max-width: 400px) {
  .seaz-cv__info_btns {
    top: 17rem;
  }
}
.seaz-cv__info_btns_share,
.seaz-cv__info_btns_like,
.seaz-cv__info_btns_download,
.seaz-cv__info_btns_cover-l {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  margin-right: 1.6rem;
}
.seaz-cv__info_btns_share:disabled,
.seaz-cv__info_btns_like:disabled,
.seaz-cv__info_btns_download:disabled,
.seaz-cv__info_btns_cover-l:disabled {
  background-color: #e7e7eb;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns_share,
  .seaz-cv__info_btns_like,
  .seaz-cv__info_btns_download,
  .seaz-cv__info_btns_cover-l {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
  }
}
.seaz-cv__info_btns_share {
  background-color: #010202;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns_share app-seazone-icon {
    width: 69%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns_like app-seazone-icon {
    width: 55%;
  }
}
.seaz-cv__info_btns_download {
  background-color: #4f194a;
  color: #ffffff;
}
.seaz-cv__info_btns_cover-l {
  background-color: #46a6a4;
}
.seaz-cv__info_btns_contacts {
  background-color: #3aae27;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  margin-right: 1.6rem;
  cursor: pointer;
}
.seaz-cv__info_btns_contacts:disabled {
  background-color: #e0e0e0;
}
.seaz-cv__info_btns_play {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #4f194a;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns_play {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.5rem;
  }
}
.seaz-cv__info_btns_play::before {
  content: "";
  border: 13px solid transparent;
  border-left: 19px solid #ffffff;
  display: inline-flex;
  position: absolute;
  right: 5px;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns_play::before {
    right: 0;
    border: 6px solid transparent;
    border-left: 10px solid #ffffff;
  }
}
.seaz-cv__info_btns_play:disabled {
  background-color: #e7e7eb;
  cursor: inherit;
}
.seaz-cv__info_btns_play:disabled::before {
  border-left-color: #a2a2a5;
}
.seaz-cv__info_progress {
  width: 24%;
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_progress {
    width: 21rem;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__info_progress {
    width: 16rem;
  }
}
.seaz-cv__info_progress_title {
  padding-bottom: 3.6rem;
  color: #351f73;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_progress_title {
    font-size: 1.6rem;
    padding-bottom: 1.2rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__info_progress_title {
    text-align: center;
  }
}
.seaz-cv__info_progress_box {
  width: 100%;
}
.seaz-cv__info_progress_box .seaz-profile__info_completion {
  padding-top: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_progress_box .seaz-profile__info_completion {
    padding-top: 0;
  }
  .seaz-cv__info_progress_box .seaz-profile__info_completion .seaz-h5-caps {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__info_progress_box .seaz-profile__info_completion {
    justify-content: center;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__info_progress_box .seaz-profile__info_completion {
    justify-content: center;
    align-items: center;
  }
}
.seaz-cv__info_badges {
  width: 22rem;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__info_badges {
    width: 13.4rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__info_badges {
    width: 47%;
  }
}
.seaz-cv__badges {
  display: flex;
  justify-content: space-between;
  padding-top: 5rem;
  align-items: flex-start;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__badges {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__badges {
    justify-content: flex-start;
    flex-direction: column;
    position: absolute;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__badges {
    width: 50%;
  }
}
.seaz-cv__badges_status {
  text-transform: uppercase;
  color: #ffffff;
  background-color: #00b9ff;
  padding: 0.4rem 1.2rem 0.6rem;
  letter-spacing: 0.1em;
  min-height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__badges_status {
    margin-bottom: 0.5rem;
    width: 21.3rem;
    line-height: 2rem;
    padding: 0.6rem 1.2rem 0.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__badges_status {
    font-size: 1.1rem;
    width: 17rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__badges_status {
    width: 17rem;
    padding: 0.3rem 1.2rem 0.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__badges_status {
    width: 14rem;
    padding: 0.6rem 0.5rem 0.5rem;
  }
}
.seaz-cv__badges_status_job {
  padding: 0.8rem 1.2rem 0.6rem;
  min-height: 35px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  min-width: 21.3rem;
  text-align: center;
  font-weight: 500;
}
.seaz-cv__badges_status_job.looking-job {
  background-color: #00b9ff;
}
@media screen and (max-width: 480px) {
  .seaz-cv__badges_status_job.looking-job {
    width: 14rem;
    min-width: 14rem;
    padding: 0.9rem 0.5rem 0.8rem;
  }
}
.seaz-cv__badges_status_job.vacation {
  background-color: #46a6a4;
}
.seaz-cv__badges_status_job.on-board {
  background-color: #4f194a;
}
.seaz-cv__badges_status_job.not-active {
  background-color: #bdbdbd;
}
.seaz-cv__badges_status_job.no-show {
  color: #d70000;
  border: 1px solid #d70000;
}
@media screen and (max-width: 670px) {
  .seaz-cv__badges_status_job.no-show {
    padding: 0.3rem 1.2rem 0.2rem;
  }
}
@media screen and (max-width: 400px) {
  .seaz-cv__badges_status_job.no-show {
    width: 14rem;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__badges_status_job {
    font-size: 1.1rem;
    min-width: 17rem;
  }
}
@media screen and (max-width: 400px) {
  .seaz-cv__badges_status_job {
    min-width: 16rem;
    width: 16rem;
  }
}
.seaz-cv__badges_status_update {
  font-size: 1.2rem;
  padding-top: 0.8rem;
  color: #4f4f4f;
  display: block;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__badges_status_update {
    text-align: end;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__badges_status_update {
    text-align: inherit;
  }
}
.seaz-cv__badges_status_change {
  border-bottom: 1px dashed #351f73;
  color: #351f73;
  margin-left: 1.6rem;
  padding-top: 0.6rem;
  padding-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__badges_status_change {
    margin-left: 0;
  }
}
.seaz-cv__badges_right {
  display: flex;
  margin-left: auto;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__badges_right {
    padding-right: 0;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__badges_right {
    margin: 0;
    align-items: flex-start;
  }
}
.seaz-cv__badge_greeny {
  background-color: #d8efd4;
  display: flex;
  align-items: center;
  padding: 1.4rem 1.6rem;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__badge_greeny app-seazone-icon {
    width: 26px;
  }
}
.seaz-cv__badge_greeny_title {
  color: #3aae27;
  padding-bottom: 0.8rem;
  text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__badge_greeny_title {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.seaz-cv__badge_greeny_text {
  color: #3aae27;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__badge_greeny_text {
    font-size: 1rem;
  }
}
.seaz-cv__badge_greeny_box {
  display: flex;
  flex-direction: column;
}
.seaz-cv__badge_main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.4rem 1rem;
  margin-bottom: 0.8rem;
  width: 100%;
  background-color: #ffffff;
  text-align: center;
}
.seaz-cv__badge_main_title {
  color: #351f73;
  padding-bottom: 0.8rem;
  font-weight: bold;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 2rem;
}
.seaz-cv__badge_main_text {
  color: #828282;
}
.seaz-cv__details {
  display: flex;
  width: 39%;
  justify-content: flex-end;
  padding-top: 2.6rem;
}
@media screen and (max-width: 670px) {
  .seaz-cv__details {
    padding-top: 2rem;
  }
}
.seaz-cv__details_list {
  width: 18.4rem;
  margin-right: 2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__details_list {
    width: 64%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__details_list {
    width: 44%;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__details_list {
    width: 50%;
    margin-right: 3%;
  }
}
.seaz-cv__details_list_item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(130, 130, 130, 0.2705882353);
  padding: 1.2rem 0;
  color: #010202;
}
.seaz-cv__details_list_item .seaz-text-medium,
.seaz-cv__details_list_item .seaz-offer__boat_text,
.seaz-cv__details_list_item .seaz-offer__boat_label,
.seaz-cv__details_list_item .seaz-offer__details_text,
.seaz-cv__details_list_item .seaz-text-medium-light,
.seaz-cv__details_list_item .seaz-offer__details_label {
  text-align: end;
}
.seaz-cv__details_list_item .seaz-text-medium-light,
.seaz-cv__details_list_item .seaz-offer__details_label {
  padding-right: 0.8rem;
  text-align: left;
}
.seaz-cv__contact {
  margin: 4rem auto 0;
  width: 83.1rem;
  padding: 4.8rem 2.4rem;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px dashed #cacaca;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__contact {
    width: 60rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__contact {
    width: 95%;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-cv__contact {
    padding: 2.8rem 1rem;
  }
}
.seaz-cv__contact::before {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  right: 0;
  top: -14px;
  left: 0;
  background: #ffffff;
  margin: auto;
  transform: rotate(225deg);
  border: 1px dashed #cacaca;
  border-top: none;
  border-left: none;
}
.seaz-cv__contact_head {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding-bottom: 4rem;
}
@media screen and (max-width: 480px) {
  .seaz-cv__contact_head {
    padding-bottom: 2.4rem;
  }
}
.seaz-cv__contact_head_title {
  color: #351f73;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .seaz-cv__contact_head_title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__contact_head_title {
    font-size: 2rem;
  }
}
.seaz-cv__contact_edit_btn {
  position: absolute;
  right: 0;
}
.seaz-cv__contact_box {
  width: 60rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__contact_box {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__contact_box {
    flex-direction: column;
    align-items: center;
  }
}
.seaz-cv__contact_item {
  display: flex;
  align-items: center;
  width: 50%;
  box-sizing: border-box;
  padding-right: 1rem;
  margin-bottom: 1.7rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__contact_item {
    width: 100%;
  }
}
.seaz-cv__contact_item:nth-of-type(2n) {
  padding-left: 50px;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .seaz-cv__contact_item:nth-of-type(2n) {
    padding-left: 0;
  }
}
.seaz-cv__contact_item_text {
  display: flex;
  align-items: center;
  word-break: break-all;
  color: #010202;
  margin-left: 1rem;
}
.seaz-cv__contact_item .contact-link {
  display: flex;
}
.seaz-cv__contact_item .contact-link.social {
  padding: 0.5rem;
  border-radius: 0.6rem;
  margin-left: 1rem;
}
.seaz-cv__contact_item .contact-link.viber {
  background-color: #351f73;
}
.seaz-cv__contact_item .contact-link.whatsApp {
  background-color: #3aae27;
}
.seaz-cv__contact_item.linkedin span {
  padding-top: 0.8rem;
}
.seaz-cv__content,
.seaz-cv__courses_item,
.seaz-cv__experience,
.seaz-cv__documents_show,
.seaz-cv__documents_row,
.seaz-cv__check_badge_box,
.seaz-cv__preferences,
.seaz-cv__about_text,
.seaz-cv__content_head {
  width: 83.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__content,
  .seaz-cv__courses_item,
  .seaz-cv__experience,
  .seaz-cv__documents_show,
  .seaz-cv__documents_row,
  .seaz-cv__check_badge_box,
  .seaz-cv__preferences,
  .seaz-cv__about_text,
  .seaz-cv__content_head {
    width: 59.1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__content,
  .seaz-cv__courses_item,
  .seaz-cv__experience,
  .seaz-cv__documents_show,
  .seaz-cv__documents_row,
  .seaz-cv__check_badge_box,
  .seaz-cv__preferences,
  .seaz-cv__about_text,
  .seaz-cv__content_head {
    width: 95%;
  }
}
.seaz-cv__content_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.8rem;
  padding-top: 6rem;
}
.seaz-cv__content_head_title {
  text-transform: uppercase;
  color: #351f73;
}
.seaz-cv__content_head_badge {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-cv__content_head_badge .seaz-cv__content_head_title {
    max-width: 74%;
  }
}
@media screen and (max-width: 560px) {
  .seaz-cv__content_head_badge .seaz-cv__content_head_title {
    margin-bottom: 1rem;
    line-height: 3.4rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-cv__content_head_badge {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-cv__content_head_badge_item:not(:empty) {
  background-color: #351f73;
  color: #ffffff;
  padding: 0.8rem 1.2rem;
  margin: 0 0 0.8rem 2.4rem;
  text-transform: uppercase;
}
@media screen and (max-width: 560px) {
  .seaz-cv__content_head_badge_item:not(:empty) {
    margin-left: 0;
  }
}
.seaz-cv__about_text {
  word-break: break-word;
  line-height: 2.6rem;
  color: #4f4f4f;
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__about_text {
    padding-bottom: 4rem;
  }
}
.seaz-cv__preferences {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 6rem;
}
.seaz-cv__preferences_wrapper {
  display: flex;
  flex-wrap: wrap;
}
.seaz-cv__preferences_item {
  background-color: #ffffff;
  width: 18.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.6rem 0;
  margin: 0 3.2rem 3rem 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__preferences_item {
    width: 16.4rem;
    margin: 0 1.2rem 2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__preferences_item {
    margin-right: 0;
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__preferences_item:nth-of-type(2n-1) {
    margin-right: 4%;
  }
}
.seaz-cv__preferences_item:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__preferences_item:nth-of-type(4n) {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__preferences_item:nth-of-type(4n) {
    margin-right: 0;
  }
}
.seaz-cv__preferences_item_label {
  padding-bottom: 0.8rem;
  color: #828282;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__preferences_item_label {
    font-size: 1rem;
  }
}
.seaz-cv__preferences_item_title {
  color: #351f73;
  text-align: center;
  word-break: break-word;
  padding: 0 1rem;
}
.seaz-cv__preferences_note {
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  color: #4f4f4f;
}
.seaz-cv__preferences_boat {
  display: flex;
  color: #351f73;
}
.seaz-cv__check_badge {
  display: flex;
  align-items: center;
  padding: 0.6rem 1.6rem 0.9rem;
  background-color: #ffffff;
  margin: 0 1.6rem 1.6rem 0;
}
@media screen and (max-width: 480px) {
  .seaz-cv__check_badge {
    padding: 1.3rem 1.6rem 1.3rem 1.6rem;
    width: 100%;
  }
}
.seaz-cv__check_badge_box {
  display: flex;
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 6rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__check_badge_box {
    flex-wrap: wrap;
  }
}
.seaz-cv__check_badge_text {
  padding-top: 0.5rem;
  margin-left: 1.6rem;
}
.seaz-cv__documents_wrapper {
  max-height: 444px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .seaz-cv__documents_wrapper {
    max-height: 587px;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__documents_wrapper {
    max-height: 569px;
  }
}
.seaz-cv__documents_wrapper.opened {
  max-height: 100%;
}
.seaz-cv__documents:nth-of-type(2n-1) {
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .seaz-cv__documents:nth-of-type(2n-1) {
    background-color: #fafafb;
  }
}
.seaz-cv__documents_row {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  min-height: 7.4rem;
}
@media screen and (max-width: 600px) {
  .seaz-cv__documents_row {
    min-height: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__documents_row {
    min-height: 9.7rem;
  }
}
.seaz-cv__documents_type {
  width: 40%;
}
@media screen and (max-width: 600px) {
  .seaz-cv__documents_type {
    width: 85%;
    margin-bottom: 2rem;
  }
}
.seaz-cv__documents_type_name {
  color: #351f73;
}
.seaz-cv__documents_type_text {
  color: #828282;
  margin-left: 0.8rem;
}
.seaz-cv__documents_type_text::before {
  content: "(";
}
.seaz-cv__documents_type_text::after {
  content: ")";
}
.seaz-cv__documents_right {
  display: flex;
  width: 50%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-cv__documents_right {
    padding-top: 4px;
  }
}
@media screen and (max-width: 600px) {
  .seaz-cv__documents_right {
    width: 100%;
  }
}
.seaz-cv__documents_rows--box {
  display: flex;
  width: 90%;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .seaz-cv__documents_rows--box {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__documents_rows--box {
    width: 80%;
  }
}
.seaz-cv__documents_date {
  width: 60%;
  color: #351f73;
}
@media screen and (max-width: 600px) {
  .seaz-cv__documents_date {
    width: auto;
    padding-right: 15px;
    color: #828282;
  }
}
.seaz-cv__documents_date .expried {
  color: #d70000;
}
.seaz-cv__documents_number {
  width: 40%;
  color: #351f73;
  word-break: break-all;
}
.seaz-cv__documents_btns {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .seaz-cv__documents_btns {
    width: 20%;
  }
}
.seaz-cv__documents_btns svg {
  width: 3.4rem;
  height: 3.4rem;
}
.seaz-cv__documents_show {
  position: relative;
  margin-top: 3.2rem;
  display: flex;
  justify-content: center;
}
.seaz-cv__documents_show:before {
  content: "";
  width: 100%;
  display: block;
  border-top: 1px dashed #bdbdbd;
  height: 1px;
  position: absolute;
  top: 5px;
}
.seaz-cv__documents_show_text {
  text-transform: uppercase;
  color: #00b9ff;
  background-color: #fafafb;
  z-index: 2;
  padding: 0 1.7rem;
  cursor: pointer;
}
.seaz-cv__experience {
  border-bottom: 1px solid #bdbdbd;
  margin-top: 4rem;
  padding-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__experience .seaz-cv__preferences_item:nth-of-type(4n) {
    margin-right: 0;
  }
  .seaz-cv__experience .seaz-cv__preferences_item {
    margin: 0 1.7rem 2rem 0;
  }
}
.seaz-cv__experience.isHidden .seaz-cv__experience_head_title,
.seaz-cv__experience.isHidden .seaz-cv__experience_head_contract {
  color: #828282;
}
.seaz-cv__experience.isHidden .seaz-cv__preferences_item {
  background-color: #e0e0e0;
}
.seaz-cv__experience.isHidden .seaz-cv__preferences_item .seaz-cv__preferences_item_title {
  color: #828282;
}
.seaz-cv__experience.isHidden .seaz-cv__experience_duties {
  background-color: #e0e0e0;
}
.seaz-cv__experience.isHidden .seaz-cv__experience_duties .seaz-cv__experience_duties_title {
  color: #828282;
}
.seaz-cv__experience.isHidden .seaz-cv__reference_request {
  background-color: #e0e0e0;
  border-color: #bdbdbd;
}
.seaz-cv__experience.isHidden .seaz-cv__reference_request .seaz-cv__reference_request_text {
  color: #828282;
}
.seaz-cv__experience.isHidden .seaz-cv__reference {
  background-color: #e0e0e0;
  padding: 3rem;
}
.seaz-cv__experience.isHidden .seaz-cv__reference .seaz-cv__reference_letter_title,
.seaz-cv__experience.isHidden .seaz-cv__reference .seaz-cv__reference_info_title,
.seaz-cv__experience.isHidden .seaz-cv__reference .seaz-cv__reference_letter_position,
.seaz-cv__experience.isHidden .seaz-cv__reference .seaz-cv__reference_info_contacts,
.seaz-cv__experience.isHidden .seaz-cv__reference .seaz-cv__reference_info_contacts {
  color: #828282;
}
.seaz-cv__experience_head {
  display: flex;
  align-items: center;
  padding-bottom: 2.4rem;
  position: relative;
}
.seaz-cv__experience_head app-toggle-checkbox {
  position: absolute;
  top: 0;
  right: 0;
}
.seaz-cv__experience_head_img {
  width: 10rem;
  height: 10rem;
  border-radius: 16px;
  object-fit: cover;
  margin-right: 2.4rem;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_head_img {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 8px;
  }
}
.seaz-cv__experience_head_box {
  display: flex;
  align-items: center;
  width: 90%;
  padding-bottom: 1rem;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_head_box {
    width: 80%;
    padding-bottom: 0.8rem;
  }
}
.seaz-cv__experience_head_box--container {
  width: 100%;
}
.seaz-cv__experience_head_verified {
  padding: 5px 5px;
  height: fit-content;
  background-color: #3aae27;
  position: relative;
  margin-left: 0.8rem;
  display: inline-block;
}
.seaz-cv__experience_head_hided {
  margin-left: 0.8rem;
  text-transform: uppercase;
  color: #828282;
  padding: 0.8rem 1.2rem;
  background-color: #e0e0e0;
  letter-spacing: 0.1em;
  position: relative;
  top: -0.7rem;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_head_hided {
    font-size: 1rem;
    padding: 0.6rem 1rem;
    top: -1.1rem;
  }
}
.seaz-cv__experience_head_title {
  color: #010202;
  display: block;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_head_title {
    font-size: 1.3rem;
  }
}
.seaz-cv__experience_head_month {
  color: #010202;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_head_month {
    font-size: 1.3rem;
  }
}
.seaz-cv__experience_head_period {
  color: #828282;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_head_period {
    font-size: 1.3rem;
  }
}
.seaz-cv__experience_head_contract {
  color: #351f73;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 500;
  padding-top: 1rem;
}
.seaz-cv__experience_head_company {
  color: #828282;
  padding-bottom: 1rem;
}
.seaz-cv__experience_work_head {
  flex-direction: column;
  align-items: baseline;
}
.seaz-cv__experience_preferences {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_preferences .seaz-cv__preferences_item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1rem;
  }
  .seaz-cv__experience_preferences .seaz-cv__preferences_item:nth-of-type(2n) {
    margin-right: 0;
  }
}
.seaz-cv__experience_duties {
  background-color: #ffffff;
  padding: 3rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.seaz-cv__experience_duties_title {
  color: #351f73;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_duties_title {
    font-size: 1.4rem;
    padding-bottom: 0.8rem;
  }
}
.seaz-cv__experience_duties_text {
  color: #4f4f4f;
  line-height: 2.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-cv__experience_duties_text {
    font-size: 1.4rem;
  }
}
.seaz-cv__courses_item {
  padding: 2.2rem 0;
  display: flex;
  align-items: center;
}
.seaz-cv__courses_item_box:nth-of-type(2n-1) {
  background-color: #ffffff;
}
.seaz-cv__courses--left {
  display: flex;
  width: 80%;
}
@media screen and (max-width: 480px) {
  .seaz-cv__courses--left {
    flex-direction: column;
  }
}
.seaz-cv__courses_name {
  color: #351f73;
  width: 40%;
}
@media screen and (max-width: 480px) {
  .seaz-cv__courses_name {
    width: 100%;
    margin-bottom: 1.9rem;
  }
}
.seaz-cv__courses_date {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.seaz-cv__courses_date_label {
  padding-bottom: 0.8rem;
  color: #828282;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .seaz-cv__courses_date_label {
    padding-bottom: 0.4rem;
  }
}
.seaz-cv__courses_date_text {
  color: #351f73;
}
.seaz-cv__courses_btns {
  width: 20%;
  display: flex;
  justify-content: flex-end;
}
.seaz-cv__courses_btns svg {
  width: 4rem;
  height: 4rem;
}
.seaz-cv__courses_btns_item:not(:last-of-type) {
  margin-right: 3rem;
}
.seaz-cv__languages {
  margin-bottom: 6rem;
  background-color: #ffffff;
  width: 100%;
  padding: 3.2rem 0;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__languages {
    padding: 3.2rem 0 2.2rem;
  }
}
.seaz-cv__languages_box {
  display: flex;
  width: 83.2rem;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__languages_box {
    width: 59.1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__languages_box {
    width: 95%;
  }
}
.seaz-cv__languages_item {
  width: 19.3rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__languages_item {
    width: 50%;
    margin-bottom: 1rem;
  }
}
.seaz-cv__languages_col {
  display: flex;
  flex-direction: column-reverse;
}
.seaz-cv__languages_name {
  padding-bottom: 0.4rem;
  color: #351f73;
}
.seaz-cv__languages_level {
  color: #828282;
  text-transform: uppercase;
  font-size: 1rem;
}
.seaz-cv__additional_box {
  display: flex;
  width: 83.2rem;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__additional_box {
    width: 59.1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__additional_box {
    width: 97%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__additional_box {
    width: 100%;
  }
}
.seaz-cv__additional_item {
  width: calc(50% - 1.6rem);
  height: 27.7rem;
  display: flex;
  justify-content: center;
  margin-right: 3.2rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__additional_item {
    margin-right: 2%;
    margin-bottom: 1.6rem;
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__additional_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.2rem;
    height: 15rem;
  }
}
.seaz-cv__additional_item:nth-of-type(2n) {
  margin-right: 0;
}
.seaz-cv__additional_item_img,
.seaz-cv__additional_item_video {
  max-width: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__additional_item_img,
  .seaz-cv__additional_item_video {
    width: 100%;
    height: 100%;
  }
}
.seaz-cv__additional_photo {
  padding-bottom: 3rem;
}
.seaz-cv__bank .seaz-cv__content_head {
  border-top: 1px solid #bdbdbd;
}
.seaz-cv__bank_box {
  width: 100%;
}
.seaz-cv__bank_box:nth-of-type(2n-1) {
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .seaz-cv__bank_box {
    width: 95%;
    margin: 0 auto;
  }
}
.seaz-cv__bank_row {
  width: 83.2rem;
  margin: 0 auto;
  display: flex;
  padding: 3.1rem 0;
  justify-content: space-between;
}
.seaz-cv__bank_row app-info-label {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__bank_row {
    width: 59.1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-cv__bank_row {
    width: 95%;
  }
}
.seaz-cv__bank_row_main {
  display: flex;
  width: 90%;
}
@media screen and (max-width: 480px) {
  .seaz-cv__bank_row_main {
    flex-wrap: wrap;
  }
}
.seaz-cv__bank_label {
  font-size: 10px;
  color: #828282;
  letter-spacing: 0.5px;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}
.seaz-cv__bank_col {
  display: flex;
  flex-direction: column;
  width: 35%;
}
@media screen and (max-width: 480px) {
  .seaz-cv__bank_col {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__bank_col--details {
    width: 100%;
    padding-bottom: 3.2rem;
  }
  .seaz-cv__bank_col--details .seaz-cv__bank_label {
    display: none;
  }
  .seaz-cv__bank_col--details .seaz-cv__bank_name {
    text-transform: capitalize;
    font-size: 2rem;
  }
}
.seaz-cv__bank_name {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
}
.edit-button {
  width: 4rem;
  height: 4rem;
  background-color: #e0e0e0;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
}
.seaz-crew__edit_preferences,
.seaz-crew__edit_characteristics {
  padding-top: 4rem;
}
.salary-box .salary-box-text {
  margin-left: 0.8rem;
}
.salary-box.seaz-crew__contacts_row.form__row app-seazone-input .form-field--content {
  width: 25.5rem;
  min-width: 25.5rem;
}
.salary-box .salary-box-toggle {
  display: flex;
  flex-shrink: 0;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .salary-box .form-field--wrapper {
    padding: 0 !important;
  }
  .salary-box.seaz-crew__contacts_row.form__row app-seazone-input .form-field--content {
    width: 100%;
    min-width: 100%;
    margin-bottom: 0;
  }
  .salary-box.seaz-crew__contacts_row,
  .salary-box.seaz-crew__contacts_row.form__row app-seazone-input {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .salary-box.seaz-crew__contacts_row {
    flex-direction: row;
    align-items: center;
  }
}
.salary-period .salary-period-title {
  margin-bottom: 0.2rem;
}
.salary-period app-seazone-input .form-field--content {
  width: 25.5rem;
  min-width: 25.5rem;
}
@media screen and (max-width: 768px) {
  .salary-period {
    margin-top: 1.6rem;
  }
  .salary-period .form-field--wrapper {
    padding: 0 !important;
  }
  .salary-period app-seazone-input .form-field--content {
    width: 100%;
    min-width: 25.5rem;
  }
}
.seaz-crew__edit_preferences-box {
  padding-bottom: 6rem;
}
.seaz-crew__edit_characteristics .form-field--wrapper {
  width: 100% !important;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_characteristics .form-field--wrapper {
    align-items: flex-start !important;
  }
}
.seaz-crew__edit_characteristics .form-field--label {
  max-width: 16rem !important;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_characteristics {
    padding: 4rem 2rem 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_characteristics.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-crew__edit_characteristics.seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-checkbox-group-alternate .form-field--wrapper {
    padding: 0 0 2rem 0;
  }
  .seaz-crew__edit_characteristics .seaz-crew__btn_box {
    width: 100%;
  }
}
.user-note {
  color: #a9a9a9;
  font-size: 1.4rem;
  line-height: 19px;
}
.user-note b {
  font-weight: bold;
  color: #4d4e67;
}
.pretty-cash {
  position: relative;
}
.pretty-cash__back {
  padding: 0.6rem 0.8rem;
  margin-bottom: 1.45rem;
  min-width: 10rem;
  text-align: left;
}
.pretty-cash__back_icon {
  margin-right: 1.5rem;
}
.pretty-cash__title {
  font-size: 3.4rem;
  padding-bottom: 1rem;
  color: #4d4e67;
  line-height: 4rem;
  font-weight: bold;
  padding-right: 8rem;
}
@media screen and (max-width: 480px) {
  .pretty-cash__title {
    font-size: 1.8rem;
    padding-bottom: 4rem;
    line-height: 2.1rem;
  }
}
.pretty-cash__title_wrap {
  display: flex;
}
.pretty-cash__title_wrap .btn-expand {
  display: none;
}
@media screen and (max-width: 800px) {
  .pretty-cash__title_wrap .btn-expand {
    display: flex;
    position: absolute;
    top: 25px;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .pretty-cash__title_wrap .btn-expand {
    top: 0;
  }
}
.pretty-cash__table {
  width: 100%;
  overflow: scroll;
  padding-bottom: 1rem;
}
.pretty-cash__table_wrap {
  position: relative;
}
.pretty-cash__table_wrap app-scroll-controls .controls-container {
  top: -3.5rem;
}
.pretty-cash__table table {
  width: fit-content;
}
.pretty-cash__table_row:nth-of-type(2n) {
  background-color: #fafafb;
}
.pretty-cash__table_row:nth-of-type(2n) .pretty-cash__table_head_name {
  background-color: #fafafb;
}
.pretty-cash__table_row:not(:last-of-type) {
  border-bottom: 1px solid #e7e7eb;
}
.pretty-cash__table_row .pretty-cash__table_head_name {
  text-align: inherit;
  border-right: none;
  min-width: 30rem;
  font-weight: bold;
  font-size: 1.4rem;
  color: #4f194a;
  padding: 2rem 1.2rem;
}
@media screen and (max-width: 768px) {
  .pretty-cash__table_row .pretty-cash__table_head_name {
    min-width: 17rem;
  }
}
@media screen and (max-width: 480px) {
  .pretty-cash__table_row .pretty-cash__table_head_name {
    min-width: 10.5rem;
  }
}
.pretty-cash__table_row td {
  width: 50%;
  text-align: end;
  box-sizing: border-box;
  padding: 1.2rem;
  vertical-align: middle;
  color: #4f194a;
}
.pretty-cash__table_row td:not(:last-of-type) {
  border-right: 1px solid #e7e7eb;
}
.pretty-cash__table_row td:not(:last-of-type).pretty-cash__table_head_name {
  border-right: none;
}
.pretty-cash__table_row td:nth-of-type(2n+1) {
  border-color: #a9a9a9;
}
.pretty-cash__table_head_name {
  box-shadow: 10px 1px 8px -2px rgba(0, 0, 0, 0.1);
  position: sticky;
  left: 0;
  background-color: #ffffff;
}
.pretty-cash__table_head tr:nth-of-type(2n) {
  background-color: #fafafb;
}
.pretty-cash__table_head tr:nth-of-type(2n) .pretty-cash__table_head_name {
  background-color: #fafafb;
}
.pretty-cash__table_head td:first-of-type {
  border-right: none;
}
.pretty-cash__table_head_title {
  text-align: center;
  font-size: 15px;
  color: #4f194a;
  padding: 2rem 1.2rem;
  font-weight: 500;
  min-width: 30.7rem;
}
.pretty-cash__table_head_title:not(:last-of-type) {
  border-right: 1px solid #a9a9a9;
}
@media screen and (max-width: 480px) {
  .pretty-cash__table_head_title {
    min-width: 17.6rem;
  }
}
.pretty-cash__table_head_row {
  border-bottom: 1px solid #e7e7eb;
}
.pretty-cash__table_title_row {
  border-bottom: 1px solid #a9a9a9;
}
.pretty-cash__table_title_row td {
  width: 50%;
  text-align: end;
  box-sizing: border-box;
  padding: 1.2rem;
  vertical-align: middle;
  color: #4f194a;
  border-right: 1px solid #e7e7eb;
}
.pretty-cash__table_title_row td:nth-of-type(2n+1) {
  border-color: #a9a9a9;
}
.pretty-cash__table_title_row td:last-of-type {
  border: none;
}
.pretty-cash__report_table {
  width: 100%;
  position: relative;
}
.pretty-cash__report_table .credit-table__col {
  padding: 0.5rem 0;
}
@media screen and (max-width: 480px) {
  .pretty-cash__report_table .credit-table__col:first-child {
    max-width: none;
  }
}
.pretty-cash__report_table .credit-table__row--cash {
  margin-top: 3rem;
}
.pretty-cash__report_table_row {
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
}
@media screen and (max-width: 1100px) {
  .pretty-cash__report_table_row {
    width: min-content;
  }
}
.pretty-cash__report_table_row:nth-of-type(2n) {
  background-color: #fafafb;
}
.pretty-cash__report_table_row-total .pretty-cash__report_table_label,
.pretty-cash__report_table_row-total .pretty-cash__report_table_item {
  font-weight: 500;
  color: #4d4e67;
}
.pretty-cash__report_table_label.green,
.pretty-cash__report_table_item.green {
  color: #46a6a4;
}
.pretty-cash__report_table_label.red,
.pretty-cash__report_table_item.red {
  color: #ff5574;
}
.pretty-cash__report_table_label {
  width: 30.6rem;
  padding: 0.6rem 1.2rem;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .pretty-cash__report_table_label {
    width: 14.6rem;
  }
}
.pretty-cash__report_table_item {
  width: 13rem;
  text-align: end;
  flex-shrink: 0;
}
.pretty-cash__report_table_item-title {
  color: #4d4e67;
}
.profile__col_pretty_box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .profile__col_pretty_box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.profile__col_pretty_btn {
  border: 1px solid #46a6a4;
  box-sizing: border-box;
  border-radius: 4px;
  color: #46a6a4;
  padding: 0.8rem 1.6rem;
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-left: 0.4rem;
  display: none;
}
@media screen and (max-width: 768px) {
  .profile__col_pretty_btn {
    display: block;
    margin-left: 0;
    margin-top: 0.4rem;
  }
}
.profile__col_box-price {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.8rem;
}
@media screen and (max-width: 768px) {
  .profile__col_box-price.currency-list {
    display: none;
  }
}
.profile__col_box-price.total {
  display: none;
}
@media screen and (max-width: 768px) {
  .profile__col_box-price.total {
    display: flex;
    flex-direction: column;
  }
}
.profile__col_box-price .profile__col-price {
  min-width: 9.3rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  gap: 0.4rem;
  display: flex;
  flex-direction: column;
  background-color: #f0f0f3;
  border-radius: 8px;
  padding: 0.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .profile__col_box-price .profile__col-price {
    min-width: 100%;
    margin-right: 0;
  }
}
.profile__col_box-price .profile__col_label-price {
  color: #a9a9a9;
  font-weight: normal;
  font-size: 1.2rem;
}
.profile__col_box-price .profile__col_label-price__value {
  font-size: 1.4rem;
  line-height: 1.4rem;
}
@media screen and (max-width: 480px) {
  .profile__col-right .profile__col-month {
    margin-left: 0;
  }
}
.profile__permissions .setting-permission__form_btns {
  width: 32rem;
}
.boat__card-wrap.profile {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .boat__card-wrap.profile {
    flex-direction: column;
  }
}
.boat__card-wrap.profile .profile__col_pretty-cash {
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .boat__card-wrap.profile .profile__col_pretty-cash {
    width: 100%;
  }
}
.boat__card-wrap.profile .profile__col_pretty-cash .main-btn_green {
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  .boat__card-wrap.profile .profile__col_pretty-cash .main-btn_green {
    margin-top: 0;
  }
}
.table__section_box {
  width: 100%;
}
.table__section_box th {
  color: #351f6f;
  font-size: 14px;
  padding: 0.9rem;
}
.table__section_box .text-left {
  width: 14.5rem;
}
.table__section_box .text-right {
  padding: 0.5rem 0.9rem;
  padding-left: 0;
}
.table__section_box .text-right.text-right-btn {
  width: 4rem;
}
.table_board-sub-category .text-right-btn {
  width: 4rem;
}
@media screen and (max-width: 480px) {
  .profile__col_pretty-cash .profile__col-title {
    width: 100%;
    height: 3.6rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 359px) {
  .profile__col_pretty-cash .profile__col-month {
    height: 3.5rem;
  }
}
.seaz-dashboard {
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard {
    width: 100%;
    padding: 0 1.6rem;
  }
}
.seaz-dashboard__title {
  text-align: center;
  padding: 6rem 0 3rem;
  color: #351f73;
  border-bottom: 1px solid #bdbdbd;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__title {
    padding: 3rem 0 2.4rem;
  }
}
.seaz-dashboard__content {
  margin-top: 3rem;
  display: flex;
  align-items: flex-start;
  padding-bottom: 3rem;
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard__content {
    flex-direction: column;
  }
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard app-user-cv-preview {
    width: 100%;
  }
}
.seaz-dashboard__job {
  display: flex;
  background-color: #ffffff;
  position: relative;
  padding: 0 3rem;
  width: 83.2rem;
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard__job {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__job {
    padding: 0;
    flex-direction: column;
  }
}
.seaz-dashboard__job_search {
  width: 50%;
  border-right: 1px dashed #e0e0e0;
  padding: 2.4rem 0;
  flex-shrink: 0;
  padding-right: 3rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__job_search {
    width: 90%;
    border-right: none;
    padding: 2.4rem 0;
    border-bottom: 1px dashed #e0e0e0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-dashboard__job_search .seaz-cv__badges_status_update {
    text-align: left;
  }
}
.seaz-dashboard__job_icon {
  margin-right: 1rem;
}
.seaz-dashboard__job_icon.active {
  position: relative;
}
.seaz-dashboard__job_icon.active .seaz-dashboard__job_offer_new {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #3aae27;
  border-radius: 50%;
  position: absolute;
  right: 1px;
  top: 1px;
  border: 1px solid #ffffff;
}
.seaz-dashboard__job_title {
  display: flex;
  color: #351f73;
  padding-bottom: 2.4rem;
  text-transform: uppercase;
  align-items: center;
}
.seaz-dashboard__job_matches {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seaz-dashboard__job_matches_count {
  color: #3aae27;
  margin-right: 0.8rem;
}
.seaz-dashboard__job_matches_text {
  color: #828282;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__job_matches_text {
    font-size: 1.4rem;
  }
}
.seaz-dashboard__job_matches_text_box {
  display: flex;
  align-items: center;
}
.seaz-dashboard__job_matches app-seazone-icon {
  transform: rotate(180deg);
}
.seaz-dashboard__job_controls {
  display: flex;
  flex-direction: column;
  margin-top: 2.4rem;
}
.seaz-dashboard__job_controls_btns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard__job_controls_btns {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-dashboard__job_controls_jump {
  background-color: #00b9ff;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  height: 3rem;
  text-align: center;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
}
.seaz-dashboard__job_controls_jump app-seazone-icon {
  height: 16px;
  width: 16px;
  margin-right: 1rem;
}
.seaz-dashboard__job_offer {
  width: 50%;
  padding: 2.4rem 0 2.3rem 3rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__job_offer {
    width: 100%;
    padding: 2.4rem;
  }
}
.seaz-dashboard__job_offer_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 1rem;
}
.seaz-dashboard__job_offer_box_text {
  color: #828282;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__job_offer_box_text {
    font-size: 1.4rem;
  }
}
.seaz-dashboard__job_offer_right {
  display: flex;
  align-items: center;
}
.seaz-dashboard__job_offer_right app-seazone-icon {
  transform: rotate(180deg);
}
.seaz-dashboard__job_offer_badge {
  color: #2e8b1f;
  background-color: #d8efd4;
  padding: 0.3rem 0.8rem 0.7rem;
  text-transform: uppercase;
  font-weight: 400;
  margin-right: 1.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__job_offer_badge {
    font-size: 1.2rem;
  }
}
.seaz-dashboard__cv {
  background-color: #ffffff;
  padding: 2.4rem 3rem;
  width: 40rem;
  margin-left: 3.2rem;
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard__cv {
    width: 100%;
    margin-top: 2.4rem;
    margin-left: 0;
  }
}
.seaz-dashboard__cv_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seaz-dashboard__cv_head button {
  cursor: pointer;
}
.seaz-dashboard__cv_title {
  text-transform: uppercase;
  color: #351f73;
}
.seaz-dashboard__cv_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seaz-dashboard__cv_content app-completion-status {
  width: 69%;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__cv_content app-completion-status {
    width: 87%;
  }
}
.seaz-dashboard__cv_content .seaz-profile__info {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__cv_content .seaz-profile__info {
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__cv_content .seaz-profile__info_line {
    width: 84%;
  }
}
.seaz-dashboard__cv_content .seaz-profile__info_completion {
  margin-top: 1.2rem;
}
.seaz-dashboard__cv_img {
  position: relative;
}
.seaz-dashboard__cv_img_avatar {
  width: 11.5rem;
  height: 11.5rem;
  border-radius: 50%;
}
.seaz-dashboard__cv_img_badge {
  position: absolute;
  border-radius: 50%;
  border: 2px solid #ffffff;
  bottom: -3px;
  right: 2px;
  width: 4.9rem;
  height: 4.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seaz-dashboard__cv_img_badge img {
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 50%;
}
.seaz-dashboard__cv_btns {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
}
.seaz-dashboard__cv_btns_btn {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.5rem;
  cursor: pointer;
}
.seaz-dashboard__cv_btns_btn.edit {
  background-color: #4f194a;
}
.seaz-dashboard__cv_btns_btn.download {
  background-color: #351f73;
}
.seaz-dashboard__cv_btns_btn.share {
  background-color: #010202;
}
.seaz-dashboard__cv_btns_btn.jump {
  background-color: #00b9ff;
}
.seaz-dashboard__not_ready {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.568627451);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
}
.seaz-dashboard__not_ready_text {
  padding: 2.3rem;
  background-color: #ffffff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  font-size: 1.6rem;
  color: #351f73;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__not_ready_text {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard .seaz-cv__badges_status_change {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .seaz-dashboard .seaz-cv__badges_status_change {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.seaz-dashboard .seaz-profile__info_line {
  height: 0.8rem;
}
.seaz-dashboard .seaz-profile__info_line_progress {
  height: 0.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard .seaz-cv__badges_status_job {
    padding: 0.7rem 1.2rem 0.6rem;
  }
}
@media screen and (max-width: 400px) {
  .seaz-dashboard .seaz-cv__badges_status_job {
    width: auto;
  }
}
app-user-dashboard {
  display: block;
  background-color: #f5f5f5;
  min-height: calc(100% - 62px);
}
.seaz-crew__documents-header {
  padding: 3rem 4.8rem 0;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__documents-header {
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__documents-header {
    padding: 1.6rem 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--docs {
    padding-bottom: 2.4rem;
  }
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--docs .seaz-crew__edit_title {
    padding-bottom: 0;
  }
}
.seaz-crew__edit_box--docs__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.seaz-crew__edit_box--docs__header .seaz__return_btn {
  margin-right: 2rem;
}
@media screen and (max-width: 800px) {
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row {
    padding: 3rem 2rem 1.7rem 2rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row .seaz__btn_outlined_plus,
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-crew__edit_box--docs .seaz-crew__edit_head_row button {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions {
    width: 100%;
    flex-direction: column;
    margin-left: 0;
  }
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions .seaz__btn_outlined,
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions .seaz-edit__folder div,
  .seaz-edit__folder .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions div,
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions .main-btn_white-green,
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions .seaz__btn_outlined_plus,
  .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-crew__edit_box--docs .seaz-crew__edit_head_row--actions button {
    width: 100%;
    margin-left: 0;
    margin-top: 1.2rem;
  }
}
.yaht-boat__document_list .yaht-documents__name {
  width: 33.4%;
  padding-right: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .yaht-boat__document_list .yaht-documents__name {
    width: 27.4%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-boat__document_list .yaht-documents__name {
    width: 30.4%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list .yaht-documents__name {
    width: 46%;
    padding-bottom: 4rem;
  }
}
.yaht-boat__document_list .yaht-documents__date {
  width: 34.2%;
}
@media screen and (max-width: 1024px) {
  .yaht-boat__document_list .yaht-documents__date {
    width: 43.2%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-boat__document_list .yaht-documents__date {
    width: 34.6%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list .yaht-documents__date {
    width: auto;
  }
}
.yaht-boat__document_list .yaht-documents__snooze {
  width: 30.2%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .yaht-boat__document_list .yaht-documents__snooze {
    width: 32.2%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list .yaht-documents__snooze {
    width: auto;
  }
}
.yaht-boat__document_list .yaht-documents__row_info--left {
  display: flex;
  width: 64%;
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list .yaht-documents__row_info--left {
    width: 100%;
    justify-content: space-between;
  }
}
.yaht-boat__document_list--short .yaht-documents__name {
  align-items: center;
  width: 37%;
}
@media screen and (max-width: 1024px) {
  .yaht-boat__document_list--short .yaht-documents__name {
    width: 28%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-boat__document_list--short .yaht-documents__name {
    width: 31%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list--short .yaht-documents__name {
    width: 54%;
    padding-bottom: 2rem;
  }
}
.yaht-boat__document_list--short .yaht-documents__row_info--left {
  display: flex;
  width: 71%;
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list--short .yaht-documents__row_info--left {
    width: 100%;
    justify-content: space-between;
  }
}
.yaht-boat__document_list--short .yaht-documents__date {
  width: 33.2%;
}
@media screen and (max-width: 1024px) {
  .yaht-boat__document_list--short .yaht-documents__date {
    width: 38.2%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-boat__document_list--short .yaht-documents__date {
    width: 33.2%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list--short .yaht-documents__date {
    width: auto;
  }
}
.yaht-boat__document_list--short .yaht-documents__snooze {
  width: 28%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .yaht-boat__document_list--short .yaht-documents__snooze {
    width: 31%;
  }
}
@media screen and (max-width: 600px) {
  .yaht-boat__document_list--short .yaht-documents__snooze {
    width: auto;
  }
}
.form__union .form__union_select {
  padding-top: 1.4rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__content_head--about .seaz-cv__content_head {
    padding-top: 4rem;
    border-top: 1px solid #bdbdbd;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__badges {
    position: relative;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv .seaz-cv__info_box {
    padding-top: 6px;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv .seaz-cv__badges_status_job.on-board {
    min-width: 17rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__cv .seaz-cv__badges_status_job.on-board {
    min-width: auto;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__my_crew.seaz-cv__crew .seaz-cv__info_box {
    padding-top: 7rem;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__my_crew.seaz-cv__crew .seaz-cv__photo {
    left: 5rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__my_crew.seaz-cv__crew .seaz-cv__photo {
    left: inherit;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__my_crew.seaz-cv__crew .seaz-cv__info {
    padding: 2.5rem 0 0;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__info_box {
    padding-top: 3rem;
  }
}
.seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__info .seaz-cv__badges_status {
  font-size: 1.4rem;
}
.seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__info_progress {
  margin-top: 15rem;
}
@media screen and (max-width: 1300px) {
  .seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 0;
  }
}
.seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__slider {
  width: 126.4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__slider {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv-preview .seaz-crew__cv .seaz-cv__slider {
    width: 100%;
  }
}
.seaz-cv__crew_download {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  padding: 1.4rem 3.1rem;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background-color: #351f73;
  border-radius: 0.4rem;
}
.seaz-cv__crew_download app-seazone-icon {
  margin-right: 1.5rem;
}
.seaz-cv__crew_download--text {
  padding-left: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__crew_download--text {
    display: none;
  }
  .seaz-cv__crew_download app-seazone-icon {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__crew_download {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 1612px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__slider,
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info {
    width: 100rem;
  }
}
@media screen and (max-width: 1120px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__slider,
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info {
    width: 80rem;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__slider,
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info {
    width: 67rem;
  }
}
@media screen and (max-width: 740px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__slider,
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info {
    width: 60rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__slider,
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info {
    width: 100%;
  }
}
@media screen and (max-width: 1120px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_main {
    width: 27%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_main {
    padding-top: 12rem;
    width: 15.3rem;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_main {
    width: 14rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_main {
    padding-top: 0;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_main {
    width: 45%;
  }
}
.seaz-cv__crew .seaz-crew__cv .seaz-cv__info_progress {
  width: 14rem;
}
.seaz-cv__crew .seaz-cv__info_box {
  justify-content: space-between;
}
@media screen and (max-width: 1120px) {
  .seaz-cv__crew .seaz-cv__photo {
    right: 19rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__crew .seaz-cv__photo {
    right: inherit;
    left: 7rem;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__crew .seaz-cv__photo {
    left: 2rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-cv__photo {
    left: inherit;
    right: 0;
  }
}
@media screen and (max-width: 1120px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__details {
    width: 46%;
    margin-left: 3%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__details {
    width: 55%;
    margin-left: 0;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__details {
    padding-top: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__crew .seaz-cv__info_btns {
    left: 20rem;
    bottom: 8rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-cv__info_btns {
    top: 16rem;
    left: inherit;
    right: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__crew .seaz-cv__slider_box {
    width: 80rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__crew .seaz-cv__slider_box {
    width: 67rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-cv__slider_box {
    width: 100%;
  }
}
@media screen and (max-width: 740px) {
  .seaz-cv__crew .seaz-cv__info_badges {
    width: 10.4rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-cv__info_badges {
    width: 47%;
  }
}
@media screen and (max-width: 740px) {
  .seaz-cv__crew .seaz-cv__badge_greeny {
    padding: 1.4rem 0.6rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-cv__badge_greeny {
    padding: 1.4rem 1.6rem;
  }
}
@media screen and (max-width: 740px) {
  .seaz-cv__crew .seaz-cv__details_list {
    width: 58%;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-cv__details_list {
    width: 50%;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_progress {
    width: 15rem;
    margin-top: 9.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__crew .seaz-crew__cv .seaz-cv__info_progress {
    padding-left: 0;
    width: 13rem;
  }
}
.seaz-cv__crew_dot {
  display: inline-flex;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #351f73;
  margin: 0 1.6rem;
  margin-bottom: 5px;
  flex-shrink: 0;
}
.seaz-cv__crew_head {
  position: relative;
  justify-content: center;
}
.seaz-cv__crew_head .seaz-h2 {
  display: flex;
  align-items: center;
}
.seaz-cv__crew_head .seaz__return_btn {
  position: absolute;
}
@media screen and (max-width: 600px) {
  .seaz-cv__crew_head .seaz__return_btn {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-cv__crew_head.seaz-yaht__head {
    width: 97%;
  }
}
.seaz-cv__crew_head.seaz-yaht__head .seaz__return_btn {
  flex-shrink: 0;
}
@media screen and (max-width: 600px) {
  .seaz-cv__crew_head.seaz-yaht__head .seaz__return_btn {
    position: absolute;
  }
}
.seaz-cv__crew_head.seaz-yaht__head .seaz-h2 {
  text-align: center;
  padding: 0 1rem;
}
@media screen and (max-width: 700px) {
  .seaz-cv__crew_head.seaz-yaht__head .seaz-h2 {
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 0 6rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-cv__crew_head.seaz-yaht__head .seaz-h2 .seaz-cv__crew_head_name,
  .seaz-cv__crew_head.seaz-yaht__head .seaz-h2 .seaz-cv__crew_dot {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__navigation_item {
    width: 33.3%;
    flex-shrink: 0;
    border: none;
    border-bottom: 2px solid #dbdbdb;
  }
  .seaz-crew__navigation_item a {
    padding: 0.8rem;
  }
  .seaz-crew__navigation_item.active-item {
    border-color: #351f73;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__navigation {
    overflow: auto;
    padding-bottom: 0;
    margin-bottom: 3rem;
  }
}
.seaz-cv__crew .seaz-cv__badge_main {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__contact {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__contact::before {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__preferences_item {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__check_badge_box {
  flex-wrap: wrap;
}
.seaz-cv__crew .seaz-cv__check_badge {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__experience_duties {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__courses_item_box:nth-of-type(2n-1) {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__languages {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__documents:nth-of-type(2n-1) {
  background-color: #f5f5f5;
}
.seaz-cv__crew .seaz-cv__reference_request {
  background-color: #f5f5f5;
}
.seaz-crew__cv .seaz-cv__contact .hide__contract {
  color: #351f73;
  size: 24px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}
.seaz-crew__cv .seaz-cv__contact_show_contacts {
  display: flex;
  justify-content: center;
  align-items: center;
}
.seaz-crew__bank_item {
  margin-bottom: 5rem;
}
.offerred-status-new {
  background-color: #48b2ff;
  color: #ffffff;
}
.offerred-status-pending {
  background-color: #f49342;
  color: #ffffff;
}
.offerred-status-process {
  background-color: #3aae27;
  color: #ffffff;
}
.offerred-status-rejected {
  background-color: #d70000;
  color: #ffffff;
}
.offerred-status-applied {
  background-color: #033810;
}
.offerred-status-declined {
  background-color: #d70000;
  color: #ffffff;
}
.offerred-status-hired {
  background-color: #46a6a4;
  color: #ffffff;
}
.offerred-status-closed {
  background-color: #828282;
  color: #fbe7e8;
}
.offerred-status-shared {
  background-color: transparent;
  color: #3aae27 !important;
  border: solid 1px #3aae27;
}
.seaz-cv__info_btns_mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__info_btns_mobile {
    display: flex;
  }
  .seaz-cv__info_btns_mobile.seaz-cv__info_btns {
    position: static;
    padding: 0;
    padding-top: 1.9rem;
  }
}
.seaz-cv__my_crew .seaz-crew__cv .seaz-cv__info_progress {
  margin-top: 15rem;
  width: 24rem;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__my_crew .seaz-crew__cv .seaz-cv__info_progress {
    width: 20rem;
  }
}
@media screen and (max-width: 800px) {
  .seaz-cv__my_crew .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 740px) {
  .seaz-cv__my_crew .seaz-crew__cv .seaz-cv__info_progress {
    width: 15rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__my_crew .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 3rem;
  }
}
.seaz-cv__my_crew .seaz-cv__info_progress_title {
  text-align: center;
}
.seaz-cv__my_crew .seaz-cv__crew .seaz-cv__info_btns {
  left: 24rem;
}
@media screen and (max-width: 900px) {
  .seaz-cv__my_crew .seaz-cv__crew .seaz-cv__info_btns {
    left: 23rem;
  }
}
@media screen and (max-width: 740px) {
  .seaz-cv__my_crew .seaz-cv__crew .seaz-cv__info_btns {
    left: 21rem;
    top: 15rem;
  }
}
@media screen and (max-width: 900px) {
  .seaz-cv__my_crew .seaz-cv__crew .seaz-cv__photo {
    left: 6rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__my_crew .seaz-cv__crew .seaz-cv__photo {
    left: inherit;
  }
}
@media screen and (max-width: 340px) {
  .seaz-cv__my_crew .seaz-cv__crew.seaz-crew__cv .seaz-cv__info_main {
    width: 33%;
  }
}
.seaz-crew__edit_characteristics app-seazone-form-field .form-field--content-outline.form-field--content {
  width: 76%;
  max-width: 76%;
}
@media screen and (max-width: 1300px) {
  .seaz-crew__edit_characteristics app-seazone-form-field .form-field--content-outline.form-field--content {
    width: 70%;
    max-width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_characteristics app-seazone-form-field .form-field--content-outline.form-field--content {
    width: 60%;
    max-width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_characteristics app-seazone-form-field .form-field--content-outline.form-field--content {
    width: 100%;
    max-width: 100%;
  }
}
.seaz-crew__edit_preferences .currency-box .form-field--content {
  width: 25.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_preferences .currency-box .form-field--content {
    width: 100%;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_preferences_multiselect .form-field--content.form-field--content-outline {
  max-width: 38.5rem;
  width: 38.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_preferences_multiselect .form-field--content.form-field--content-outline {
    max-width: 100%;
    width: calc(100% - 21.5rem);
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_preferences_multiselect .form-field--content.form-field--content-outline {
    width: 100%;
    max-width: 100%;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract {
  width: 60rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract {
    width: 100%;
    padding: 0 2rem;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_label {
  max-width: 20rem;
  width: 20rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
  color: #010202;
}
@media screen and (max-width: 560px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_label {
    max-width: 13rem;
    width: 13rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_label {
    max-width: 100%;
    width: auto;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract app-seazone-select {
  margin-bottom: 1.2rem;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract app-seazone-select .form-field--wrapper.form-field--wrapper__row {
  width: 100%;
  padding: 0;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract app-seazone-select .form-field--wrapper.form-field--wrapper__row .form-field--content.disabled {
  background-color: #fff;
  opacity: 0.3;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_contract_box {
  width: 100%;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_contract_box app-seazone-checkbox .form__checkbox {
  padding-bottom: 0.5rem;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_contract_box app-seazone-checkbox .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_contract_box app-seazone-checkbox .form__checkbox .form__checkbox-label::before {
  width: 2.4rem;
  height: 2.4rem;
  border-color: #4f194a;
  border-radius: 0;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_contract_box app-seazone-checkbox .form__checkbox .form__checkbox-label-text {
  color: #4f194a;
}
.seaz-crew__edit_box.seaz-crew__edit_preferences .seaz-crew__edit_row--contract .seaz-crew__edit_contract_box app-seazone-checkbox .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row--lenght app-seazone-input .form-field--wrapper.form-field--wrapper__row {
    flex-direction: row;
  }
  .seaz-crew__edit_row--lenght app-seazone-input .form-field--wrapper.form-field--wrapper__row .form-field--label {
    margin-bottom: 0;
  }
}
.seaz-crew__edit_row--lenght .seaz-crew__edit_length_box app-seazone-checkbox .form__checkbox-label:before {
  border-radius: 0;
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_row--lenght .seaz-crew__edit_length_box app-seazone-checkbox .form__checkbox {
    margin-left: 0;
  }
}
.seazone__toggle-label.form__toggle-label::before {
  width: 2.9rem;
  height: 1.6rem;
  border: 2px solid #4f194a;
  border-radius: 1.8rem;
  background-color: #ffffff;
}
.seazone__toggle-label.form__toggle-label::after {
  height: 1.6rem;
  width: 1.6rem;
  border: 2px solid #4f194a;
  background-color: #ffffff;
  top: 0;
  box-shadow: none;
}
.seazone__toggle .form__toggle-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seazone__toggle .form__toggle-input:checked + label:after {
  background-color: #ffffff;
}
.seazone__toggle.disabled {
  opacity: 0.5;
}
.seazone__toggle.disabled .seazone__toggle-label {
  cursor: default;
}
.dashboard .toggle-button {
  border-left: 0.1rem solid rgba(53, 31, 111, 0.1);
  font-size: 0.6rem;
  padding: 0.6rem 1.5rem;
  margin-right: -2rem;
  margin-left: 1.2rem;
  cursor: pointer;
}
.dashboard .toggle-button.active:before {
  transform: rotate(180deg);
}
.dashboard .item-content .hidden {
  height: 0;
  overflow: hidden;
}
.seaz-icon__note {
  margin-top: 2.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-icon__note {
    margin-top: 1rem;
  }
}
.seaz-icon__note .seaz-cv__info_btns_document {
  position: relative;
  width: 5rem;
  height: 5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-icon__note .seaz-cv__info_btns_document {
    width: 4rem;
    height: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-icon__note .seaz-search__card_controls--new {
    top: 2px;
    right: 0;
  }
}
.seaz-preview__cv .seaz-crew__cv .seaz-cv__info_progress {
  margin-top: 17rem;
}
@media screen and (max-width: 1024px) {
  .seaz-preview__cv .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 13rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-preview__cv .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 4rem;
  }
}
.seaz-search__offer_header {
  flex-direction: column;
  align-items: center;
}
.seaz-search__offer_header_btns {
  margin-top: 2rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .seaz-search__offer_header_btns {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__offer_header_btns .seaz__btn_outlined,
  .seaz-search__offer_header_btns .seaz-edit__folder div,
  .seaz-edit__folder .seaz-search__offer_header_btns div,
  .seaz-search__offer_header_btns .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-search__offer_header_btns .main-btn_white-green,
  .seaz-search__offer_header_btns .seaz__btn_outlined_plus,
  .seaz-search__offer_header_btns .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-search__offer_header_btns button {
    margin-top: 1.2rem;
  }
}
.seaz-search__offer_header_btns button:not(:last-of-type) {
  margin-right: 2%;
}
@media screen and (max-width: 480px) {
  .seaz-search__offer_header_btns button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__offer_header_btns button {
    width: 48%;
    padding: 1rem 1.2rem;
  }
}
.seaz-search__offer_header_btns .seaz-search_relevant_btn {
  margin: initial;
  border-bottom: 1px dashed #351f73;
  padding: 0 10px;
}
.seaz-search__offer_header_btns .seaz-search_relevant_btn::after {
  border-bottom: none;
}
@media screen and (max-width: 480px) {
  .seaz-search__offer_header_btns .seaz-search_relevant_btn {
    width: auto;
    margin-top: 1rem;
  }
}
.seaz-job__no_date {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-cv__sharing .seaz-cv__navigation {
    margin-top: 3rem;
  }
}
.seaz-cv__sharing .seaz-crew__cv .seaz-cv__info_progress {
  margin-top: 15rem;
}
@media screen and (max-width: 1300px) {
  .seaz-cv__sharing .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-cv__sharing .seaz-crew__cv .seaz-cv__info_progress {
    margin-top: 9rem;
  }
}
.seaz-toggle .form__toggle-label:before {
  background-color: transparent;
  border: 2px solid #4f194a;
  width: 2.9rem;
  height: 1.6rem;
  border-radius: 18px;
}
.seaz-toggle .form__toggle-label:after {
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 2px solid #4f194a;
  background-color: transparent;
  left: 0;
  box-shadow: none;
}
.seaz-toggle .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-toggle .form__toggle-input:checked + label:after {
  background-color: #ffffff;
  border: 2px solid #4f194a;
  width: 1.6rem;
  height: 1.6rem;
}
.seaz-cv__offer-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__offer-information {
    margin-top: 2rem;
  }
}
.seaz-cv__offer-information button {
  width: 100%;
  margin-bottom: 3rem;
  padding: 1.2rem;
}
@media screen and (max-width: 768px) {
  .seaz-cv__offer-information button {
    margin-bottom: 1.2rem;
    padding: 1.2rem 0;
  }
}
@keyframes highlighter {
  from {
    background-color: rgba(53, 31, 111, 0.15);
  }
}
.highlight {
  animation-name: highlighter;
  animation-duration: 5s;
  animation-fill-mode: forwards;
}
.error__no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 70vh;
  padding: 2rem;
}
.error__no-data-icon {
  width: 37.6rem;
  height: 28.2rem;
  margin-bottom: 6.4rem;
  max-width: 100%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .error__no-data-icon {
    margin-bottom: 2rem;
  }
}
.error__no-data-icon img {
  max-width: 100%;
}
.error__no-data-text {
  color: #351f73;
  text-transform: uppercase;
  line-height: 43.5px;
  text-align: center;
  max-width: 55rem;
}
.sharing-modal__title {
  color: #351f73;
}
.sharing-modal__content {
  margin-top: 3rem;
  display: flex;
}
.seaz-crew__cv_search .seaz-crew__cv .seaz-cv__info_main {
  padding-top: 10rem;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__cv_search .seaz-crew__cv .seaz-cv__info_main {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 670px) {
  .seaz-crew__cv_search .seaz-crew__cv .seaz-cv__info_main {
    padding-top: 0;
  }
}
.crew-id__box {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.crew-id__title {
  text-transform: uppercase;
  margin-right: 0.4rem;
  letter-spacing: 0.5px;
  color: #828282;
  font-size: 1rem;
  padding-top: 0.4rem;
}
.crew-id__number {
  color: #828282;
  font-weight: 500;
  padding-top: 0.4rem;
}
.crew-id__number_box {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  padding: 0.3rem 0.4rem;
  border-radius: 4px;
  cursor: pointer;
}
.crew-id__number_icon {
  margin-left: 0.5rem;
}
app-location-region-autocomplete input,
app-location-timezone-autocomplete input {
  border: none;
  width: 100%;
  font: 1.6rem/2.8rem "Roboto", sans-serif;
}
app-location-region-autocomplete input:focus,
app-location-region-autocomplete input.ng-invalid.ng-dirty,
app-location-timezone-autocomplete input:focus,
app-location-timezone-autocomplete input.ng-invalid.ng-dirty {
  border: none;
}
app-location-region-autocomplete .form-field--content-wrapper,
app-location-timezone-autocomplete .form-field--content-wrapper {
  display: flex;
}
.company {
  position: absolute;
  height: 50px;
  width: 40px;
  background: #eee;
  top: 60px;
}
.company__block {
  position: absolute;
  display: none;
  z-index: 100;
}
.company__block.active {
  display: block;
}
.main-btn_green {
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-user__col.form__col {
  align-items: center;
}
@media screen and (max-width: 800px) {
  .settings-user__col.form__col {
    width: 100%;
    justify-content: flex-start;
    padding-top: 1rem;
  }
}
.settings-user__col.form__col button {
  margin-right: 1rem;
}
@media screen and (max-width: 800px) {
  .boat-settings__title_row.form__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.rotate-controls {
  display: flex;
}
.progress-bar-container {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}
.progress-bar-container .progress-bar {
  position: absolute;
  height: 100%;
  transition: width 0.3s ease, color 0.1s ease-in;
  background-color: #351f73;
}
.progress-bar-container .progress-bar.done {
  background-color: #46a6a4;
}
.seaz-input__row_docs_cv.form__row {
  margin-bottom: 1.5rem;
}
.currency-spaces {
  white-space: nowrap;
}
.seaz-tabs-wrap {
  padding: 0.2rem;
  border-radius: 0.9rem;
  background-color: #e7e7eb;
  font-size: 1.3rem;
  font-weight: 700;
}
.light-bg-border-corners {
  border: 0.05rem solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
}
.seaz-region-autocomplete {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .boat-user-manage .form__col {
    flex-direction: column;
  }
  .boat-user-manage .settings-user__col.form__col button {
    margin-right: 0;
  }
  .boat-user-manage .main-btn_green,
  .boat-user-manage .user-manage-btn {
    width: 100%;
    margin-top: 1rem;
  }
}
.seaz-general-cover-uploader .seaz-uploader__choose {
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .seaz-edit-profile-other-experience__header-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-edit-profile-other-experience__header-row--right {
    width: 100%;
    flex-direction: column;
  }
  .seaz-edit-profile-other-experience__header-row--right .seaz__btn_outlined_plus,
  .seaz-edit-profile-other-experience__header-row--right .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-edit-profile-other-experience__header-row--right button {
    width: 100%;
    margin-top: 1.6rem;
  }
}
.scroll-top__btn {
  position: fixed;
  bottom: 2.4rem;
  right: 2.4rem;
  z-index: 100;
  width: 4rem;
  height: 4rem;
  background-color: #351f73;
  padding: 1.2rem;
  border-radius: 0.4rem;
  opacity: 0;
  transform: translateY(100px);
  transition: all 0.5s ease;
}
.scroll-top__btn svg {
  transform: rotateZ(-90deg);
}
.scroll-top__btn.active {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 1024px) {
  .scroll-top__btn {
    display: none;
  }
}
.settings-wrapper {
  max-width: 126.4rem;
  width: 100%;
  margin: 0 auto;
  padding: 6.4rem 0;
}
.settings-wrapper--header__title {
  font: 500 3rem/3rem "Roboto", sans-serif;
  color: #351f73;
  text-transform: uppercase;
  margin-bottom: 3.4rem;
}
@media screen and (max-width: 1267px) {
  .settings-wrapper--header__title {
    margin-left: 1.2rem;
  }
}
.settings-wrapper--content__row {
  margin-top: 2.8rem;
}
.settings-wrapper .seazone-card--header__title {
  font-weight: 500;
}
.settings-wrapper .form-field--label span {
  font-size: 1.4rem;
}
.settings-wrapper .form__row .form-field--wrapper__row .form-field--label {
  width: 100%;
  max-width: 16rem !important;
  margin-right: 2rem !important;
}
.settings-wrapper app-toggle-checkbox {
  display: flex;
  align-items: center;
}
.settings-wrapper app-toggle-checkbox .form-field__label {
  width: 100%;
  max-width: 16rem;
  margin-right: 2rem;
}
.settings-wrapper app-seazone-radio .radio__row-wrapper .form__block_label {
  width: 100%;
  max-width: 16rem;
}
.settings-wrapper .settings-btn {
  font-size: 1.6rem;
  font-weight: 550;
}
@media screen and (max-width: 1024px) {
  .settings-wrapper .change-password-form .form__col {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .settings-wrapper--header__title {
    margin: 0 0 1.2rem 1.2rem;
  }
  .settings-wrapper .settings-btn {
    font-size: 1.4rem;
  }
  .settings-wrapper--content__row {
    margin-top: 1rem;
  }
  .settings-wrapper .seazone-card {
    padding: 1.6rem;
  }
  .settings-wrapper .form__row.form__row--actions {
    flex-direction: row;
  }
  .settings-wrapper app-seazone-radio .radio__row-wrapper .form__block_label {
    margin: 0 0 1.4rem 0;
  }
  .settings-wrapper app-seazone-radio .radio__row-wrapper {
    flex-direction: column;
  }
}
.form__select-group .select-group {
  font-size: 1.4rem;
  border: 1px solid #e0e0e0;
}
.form__select-group .select-group__title {
  display: block;
  min-height: 4rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 4rem;
  padding: 0 2.4rem;
  color: #828282;
}
.form__select-group .select-group .select-option {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .seaz-edit-profile .seaz-crew__edit_head_row--right {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .seaz-edit-profile .seaz-crew__edit_head_row--right app-seazone-checkbox {
    margin-bottom: 1.6rem;
  }
}
.crew-id-box {
  display: flex;
  justify-content: center;
  color: #828282;
  font-size: 1.2rem;
  margin-top: 1.7rem;
}
.crew-id-box__number {
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #f5f5f5;
  border-radius: 2.4rem;
  padding: 0.4rem 0.8rem 0.4rem 1.2rem;
  margin-left: 0.8rem;
  cursor: pointer;
  transition: background-color 0.3s;
}
.crew-id-box__number--icon {
  margin-left: 0.3rem;
}
.crew-id-box__number:hover {
  background-color: #ccc;
}
@media screen and (max-width: 768px) {
  .crew-id-box {
    text-align: center;
    flex-direction: column;
    margin-top: 0.8rem;
  }
  .crew-id-box__number {
    justify-content: center;
    margin-top: 0.2rem;
  }
}
.seaz-cv__couple {
  margin-bottom: 1.4rem;
}
.dropdown-side-menu {
  width: 100%;
  max-width: 17rem;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 1.2rem;
  padding: 2.6rem;
}
.search-service {
  display: flex;
  align-items: center;
}
.search-service .wrapper-rounded .form-field--content {
  border-radius: 0.4rem 0 0 0.4rem;
}
.search-service__btn {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  word-break: break-word;
  color: #ffffff;
  min-width: 5.2rem;
  height: 4rem;
  padding: 0.2rem;
  border-radius: 0 0.4rem 0.4rem 0;
  background-color: #351f73;
}
.search-service__btn:disabled {
  background-color: #bdbdbd;
}
.form-field-row {
  align-items: center;
}
@media screen and (max-width: 480px) {
  .form-field-row {
    align-items: flex-start;
  }
}
.supplier-profile-header {
  border-bottom: none;
}
.supplier-profile-header .seaz-cv__head_btn_jump {
  border-radius: 0.4rem;
}
.cv-general-experience__title {
  font: 500 2.4rem/1.4 "Roboto", sans-serif;
  color: #010202;
}
.edit-general-yacht-experience__tooltip {
  display: block;
  margin-left: 1.2rem;
}
.edit-general-yacht-experience .seaz-crew__edit_services {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .edit-general-yacht-experience .seaz-crew__edit_head_row--right {
    flex-direction: row;
    align-items: center;
  }
  .edit-general-yacht-experience .seaz-crew__edit_head_row--right {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .edit-general-yacht-experience .seaz__btn_outlined_plus,
  .edit-general-yacht-experience .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .edit-general-yacht-experience button {
    padding: 1rem;
  }
}
.seaz-cv__tooltip.general-experience-tooltip .tooltip .tooltip__text {
  color: #828282;
  text-transform: inherit;
  letter-spacing: 0.01em;
}
.info_boat-general-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  .info_boat-general-info {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .info_boat-general-info {
    align-items: flex-start;
  }
  .info_boat-general-info .seaz-yaht__info_item {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .info_boat-general-info .seaz-yaht__info_label {
    padding-bottom: 0.8rem;
  }
  .info_boat-general-info .seaz-yaht__info_item_country {
    padding-left: 0;
  }
  .info_boat-general-info .seaz-text-medium.seaz-yaht__info_item_country,
  .info_boat-general-info .seaz-yaht__info_item_country.seaz-offer__boat_text,
  .info_boat-general-info .seaz-yaht__info_item_country.seaz-offer__boat_label,
  .info_boat-general-info .seaz-yaht__info_item_country.seaz-offer__details_text,
  .info_boat-general-info .seaz-yaht__info_item_country.seaz-text-medium-light,
  .info_boat-general-info .seaz-yaht__info_item_country.seaz-offer__details_label,
  .info_boat-general-info .seaz-yaht__info_label {
    width: 100%;
  }
}
.info_crew_box-separator {
  border-top: 1px solid #bdbdbd;
  margin: 2.6rem 0 2.4rem 0;
}
@media screen and (max-width: 700px) {
  .info_crew_box-separator {
    display: none;
  }
}
.documents_list {
  display: block;
  margin-bottom: 4rem;
}
.dropdown-status .hidden-option {
  display: none;
}
.seazone-colored-select-container {
  display: flex;
  width: fit-content;
}
.status-task-content {
  margin-top: 25px;
}
.status-task-content__task-name {
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.4rem;
  font-weight: 500;
  color: #351f73;
}
@media (hover: none) and (pointer: coarse) {
  .seaz__btn_rounded:hover {
    opacity: 1;
  }
}
.m-auto {
  margin: auto;
}
.flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.outstanding-table__form-field--label.form-field--label {
  font-size: 1.2rem;
  line-height: 1;
  color: #828282;
}
.outstanding-table__form-field--label.form-field--label .form-field--label--text {
  display: inline-flex;
  line-height: 1;
}
@media print {
  .not-printable {
    display: none !important;
  }
  .boat-inventory-list-item-body {
    flex-wrap: wrap;
    align-items: flex-start !important;
  }
  .boat-inventory-container {
    box-shadow: unset !important;
  }
  .boat-inventory-list {
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
  }
  .boat-inventory-list-item-wrap {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
.w-full {
  width: 100%;
}
.header {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 4.9rem;
  background: white;
  padding: 0.7rem 0;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}
.header .container {
  width: 100%;
}
.header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .header .main-btn_purple {
    display: none;
  }
}
.header__logo {
  display: inline-flex;
}
.header__btn {
  padding: 0.6rem 2rem;
  margin-right: 1.2rem;
}
.header__wrap {
  display: flex;
  align-items: center;
}
.header__language {
  position: relative;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .header__language {
    display: none;
  }
}
.header__language-btn {
  cursor: pointer;
  color: #351f6f;
}
.header__language-dropdown {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 100%;
}
.header__language-dropdown-link {
  color: #4d4e67;
  opacity: 0.8;
}
.header__avatar {
  position: relative;
  display: inherit;
  margin-right: 1.5rem;
}
@media screen and (max-width: 768px) {
  .header__avatar {
    margin-right: 0;
  }
}
.header__avatar-logo {
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
}
.header__avatar-info {
  position: absolute;
  min-width: 31.2rem;
  top: 4rem;
  background: #ffffff;
  box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.25);
  border-radius: 1.6rem;
  box-sizing: border-box;
  z-index: 1000;
  right: -5rem;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .header__avatar-info {
    display: none;
  }
}
.header__avatar-info-top {
  padding: 2.4rem 1.6rem 1rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
.header__avatar-info:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-color: white;
  top: -0.6rem;
  transform: rotate(-45deg);
  right: 5rem;
}
.header__avatar-list {
  overflow: hidden;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}
.header__avatar-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #351f6f;
  margin-bottom: 1.2rem;
}
.header__avatar-wrap {
  display: flex;
  align-items: flex-start;
}
.header__avatar-user {
  margin-right: 0.9rem;
  width: 5.6rem;
  height: 5.6rem;
}
.header__avatar-name {
  font-weight: 500;
  margin-bottom: 0.2rem;
}
.header__avatar-email {
  display: block;
  color: #4d4e67;
  opacity: 0.5;
  margin-bottom: 0.3rem;
}
.header__avatar.active .header__avatar-info {
  opacity: 1;
  visibility: visible;
  transition: 0.4s;
}
.header__avatar.active::before {
  content: "";
  position: absolute;
  width: 13rem;
  height: 3rem;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 1rem);
}
.header__avatar-link {
  display: flex;
  align-items: center;
  padding: 1.6rem;
  color: #4d4e67;
  transition: 0.3s;
}
.header__avatar-link-icon {
  font-size: 2.2rem;
  margin-right: 1.2rem;
}
.header__avatar-link:hover {
  background-color: rgba(231, 231, 235, 0.5);
}
.header_home {
  padding: 1.1rem 0;
}
.header-menu-box {
  display: flex;
  align-items: center;
}
.header-menu-box__burger {
  display: none;
  margin-right: 1.5rem;
}
.header-menu-box__menu {
  display: none;
  position: fixed;
  top: 4.8rem;
  left: 0;
  width: 100%;
  padding: 1.2rem 2.4rem 2.4rem;
  background-color: #fff;
}
.header-menu-box__back-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #351f73;
  border: 1px solid #351f73;
  border-radius: 4px;
  padding: 0.5rem 1.5rem;
  margin-right: 3.2rem;
}
.header-menu-box__back-btn:hover {
  background-color: rgba(53, 31, 111, 0.05);
  color: #432989;
  border-color: #432989;
}
.header-menu-box__back-icon {
  transform: rotate(180deg);
}
.header-menu-box__back-icon svg {
  width: 10px;
  height: 10px;
}
.header-menu-box__back-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .header-menu-box__burger {
    display: block;
  }
  .header-menu-box__menu {
    display: block;
  }
  .header-menu-box__menu .main-btn {
    display: block;
  }
  .header-menu-box__menu .main-btn:not(:last-of-type) {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .header-menu-box__back-btn {
    display: contents;
    transform: translate(0, -50%);
    width: auto;
    border: none;
    padding: 0;
  }
  .header-menu-box__back-icon {
    margin-right: 1.5rem;
  }
  .header-menu-box__back-icon svg {
    width: 16px;
    height: 16px;
  }
  .header-menu-box__back-text {
    display: none;
  }
}
.header-authentication {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header-authentication {
    display: none;
  }
}
.sidenav-modal {
  right: 0;
  height: 100%;
}
.sidenav-modal app-overlay {
  transform: translateX(100%);
}
.sidenav-modal .modal__wrap {
  padding: 0;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
.sidemenu {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  transition: all 0.5s ease-in 0s;
  background-color: white;
  width: 26rem;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.04);
  justify-content: space-between;
}
.sidemenu__info {
  padding: 1.4rem 1.6rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.sidemenu__info_purple {
  background-image: url(/assets/img/bg_sidemenu_one.jpg);
}
.sidemenu__info_green {
  background-image: url(/assets/img/bg_sidemenu_second.jpg);
}
.sidemenu__user {
  width: 5.6rem;
  height: 5.6rem;
  margin-bottom: 0.8rem;
  border: none;
}
.sidemenu__btn {
  position: absolute;
  cursor: pointer;
  right: 1.6rem;
  top: 1.4rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
}
.sidemenu__btn-icon {
  color: white;
}
.sidemenu__name {
  font-weight: 500;
  font-size: 1.6rem;
  color: white;
  margin-bottom: 0.4rem;
}
.sidemenu__email {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  margin-bottom: 0.4rem;
}
.sidemenu__role {
  font-weight: 500;
  color: white;
  font-size: 1.2rem;
}
.sidemenu__link {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  padding: 1.2rem 1.6rem;
  color: #4d4e67;
}
.sidemenu__link-icon {
  font-size: 2.2rem;
  margin-right: 1.7rem;
}
.sidemenu__link.active {
  background: rgba(231, 231, 235, 0.5);
}
.sidemenu__link:hover {
  background: rgba(231, 231, 235, 0.5);
}
.sidemenu__bottom {
  padding: 0 1.6rem 0.8rem;
  text-align: center;
}
.sidemenu__language {
  margin-bottom: 1.7rem;
}
.sidemenu__language .form__input {
  height: 4rem;
  font: 1.4rem/2.2rem "Roboto", sans-serif;
}
.sidemenu__language .form__input::placeholder {
  font: 1.4rem/2.2rem "Roboto", sans-serif;
}
.user-info {
  width: 100%;
  background-image:
    url(/assets/img/bg_user_info.svg),
    linear-gradient(
      0deg,
      rgba(53, 31, 111, 0.7) 0%,
      rgba(79, 25, 74, 0.7) 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #422c68;
  padding: 1.1rem 0;
}
@media screen and (max-width: 1200px) {
  .user-info {
    background-image: inherit;
    background-color: #351f73;
  }
  .user-info.show .user-info__menu {
    max-height: max-content;
  }
}
.user-info__header {
  width: 100%;
  display: block;
}
@media screen and (max-width: 1250px) {
  .user-info .container {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .user-info .container {
    padding: 0 1.6rem;
  }
}
.user-info.show .user-info__burger_line {
  transform: translateX(-50px);
  background: transparent;
}
.user-info.show .user-info__burger_line::before {
  transform: rotate(45deg) translate(35px, -35px);
}
.user-info.show .user-info__burger_line::after {
  transform: rotate(-45deg) translate(35px, 35px);
}
.user-info__wrap-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .user-info__wrap-content {
    justify-content: flex-end;
  }
}
.user-info__avatar {
  margin-right: 1.6rem;
  border: none;
}
@media screen and (max-width: 768px) {
  .user-info__avatar {
    margin-right: 0.8rem;
  }
}
.user-info__avatar_link {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}
@media screen and (max-width: 1024px) {
  .user-info__avatar_link {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.user-info__avatar_img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .user-info__avatar_img {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.user-info__logo {
  height: 1.4rem;
}
.user-info__wrap {
  display: flex;
  align-items: center;
  color: white;
}
.user-info__menu {
  width: 83rem;
  margin: 0 auto;
  justify-content: center;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .user-info__menu {
    padding-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .user-info__menu {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 4.3rem;
    left: 0;
    z-index: 10;
    padding-left: 0;
    background-color: #351f6f;
    width: 100%;
    flex-direction: column;
  }
}
.user-info__menu_item {
  display: flex;
  position: relative;
  padding: 0.9rem 0.7rem;
  margin: 0 1rem 0 0;
}
@media screen and (max-width: 1200px) {
  .user-info__menu_item {
    margin: 0 1rem 1rem;
    flex-direction: column;
  }
}
.user-info__menu_item.blocked {
  opacity: 0.3;
  pointer-events: none;
}
.user-info__menu_item.blocked .user-info__menu_link .menu__link-icon {
  opacity: 1;
}
.user-info__menu_item.active-item {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}
.user-info__menu_link {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.user-info__menu_link .menu__link-icon {
  opacity: 0.5;
  margin-right: 1.1rem;
}
.user-info__burger {
  display: none;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 12px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  margin-right: 2rem;
}
@media screen and (max-width: 1200px) {
  .user-info__burger {
    display: flex;
  }
}
.user-info__burger_line {
  width: 1.6rem;
  height: 0.2rem;
  background-color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.user-info__burger_line::before,
.user-info__burger_line::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.2rem;
  background-color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.user-info__burger_line::before {
  transform: translateY(-6px);
  left: 0;
}
.user-info__burger_line::after {
  transform: translateY(6px);
  left: 0;
}
.user-info__route {
  display: none;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .user-info__route {
    display: block;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .user-info__route {
    text-align: end;
  }
}
.user-info .opened .top-navigation__sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(3%);
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 1200px) {
  .user-info .opened .top-navigation__sub-menu {
    max-height: 500px;
    overflow: auto;
  }
}
.user-info .menu__link.active-item {
  opacity: 0.5;
}
.user-info .top-navigation__sub-menu {
  bottom: -4rem;
}
.user-info .top-navigation__sub-menu::before {
  content: "";
  border: 7px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -1.2rem;
  left: 33px;
}
@media screen and (max-width: 1770px) {
  .user-info .top-navigation__sub-menu::before {
    left: auto;
    right: 33px;
  }
}
@media screen and (max-width: 1200px) {
  .user-info .top-navigation__sub-menu::before {
    display: none;
  }
}
.user-info .top-navigation__sub-menu .menu__link-text {
  margin-left: 1rem;
}
@media screen and (max-width: 1200px) {
  .user-info .top-navigation__sub-menu {
    bottom: 0;
    padding: 0.9rem 0 0;
  }
}
@media screen and (max-width: 1770px) {
  .user-info .top-navigation__sub-menu {
    right: 0;
  }
}
@media screen and (max-width: 1200px) {
  #supplier-header .user-info__header .user-info__menu {
    top: 2.7rem;
  }
}
.supplier-nuv-menu .top-navigation__sub-menu {
  bottom: inherit;
}
.footer {
  position: relative;
  padding: 1.6rem 0 0;
  background-image: url(/assets/img/bg_footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.footer__wrap-logo {
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .footer__wrap-logo {
    flex-direction: column;
  }
  .footer__wrap-logo .footer__social {
    margin-top: 3rem;
  }
}
.footer__logo {
  display: inline-flex;
}
.footer__form-block {
  margin-right: 2rem;
}
@media screen and (max-width: 480px) {
  .footer__form-block {
    margin: 0 0 1.2rem 0;
  }
}
.footer__nav {
  display: flex;
}
@media screen and (max-width: 1200px) {
  .footer__nav {
    flex-grow: 1;
  }
}
@media screen and (max-width: 800px) {
  .footer__nav {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .footer__nav {
    justify-content: space-between;
  }
}
.footer__nav-list {
  margin-right: 7rem;
}
@media screen and (max-width: 1200px) {
  .footer__nav-list {
    flex-grow: 1;
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .footer__nav-list {
    flex-grow: 0;
    margin-right: 7rem;
  }
}
@media screen and (max-width: 480px) {
  .footer__nav-list {
    margin-right: 0;
  }
}
.footer__nav-list:last-child {
  margin-right: 0;
}
.footer__nav-link {
  display: inline-block;
  color: #fafafb;
  line-height: 2.5rem;
  transition: 0.3s;
}
.footer__nav-link:not(.disabled):hover {
  color: #55b5b3;
}
.footer__nav-link.disabled {
  cursor: default;
}
.footer__link {
  display: inline-block;
  line-height: 2.8rem;
  color: #fafafb;
  text-align: right;
  transition: 0.3s;
  margin-right: 2.4rem;
}
.footer__link:hover {
  color: #55b5b3;
}
@media screen and (max-width: 480px) {
  .footer__link {
    line-height: 1.8rem;
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
}
.footer__link_box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .footer__link_box {
    flex-direction: column;
  }
}
.footer__top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 1.9rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2117647059);
}
@media screen and (max-width: 800px) {
  .footer__top {
    flex-direction: column;
    border-color: rgba(250, 250, 251, 0.3019607843);
  }
}
@media screen and (max-width: 480px) {
  .footer__top {
    padding-bottom: 1.4rem;
  }
}
.footer__top-left {
  display: flex;
  margin-top: 2rem;
}
@media screen and (max-width: 1200px) {
  .footer__top-left {
    flex-grow: 1;
  }
}
@media screen and (max-width: 800px) {
  .footer__top-left {
    margin-bottom: 2rem;
  }
}
.footer__top-right {
  width: 100%;
  display: flex;
  max-width: 77.6rem;
  margin-top: 2rem;
}
@media screen and (max-width: 800px) {
  .footer__top-right {
    max-width: 100%;
    flex-direction: column;
    padding-top: 2rem;
    border-top: 1px solid rgba(250, 250, 251, 0.3019607843);
  }
}
@media screen and (max-width: 480px) {
  .footer__top-right .form__row {
    flex-wrap: wrap;
  }
  .footer__top-right .form__btns {
    width: 100%;
  }
}
.footer__bottom {
  display: flex;
  align-items: center;
  padding: 1.3rem 0 1.1rem;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .footer__bottom {
    flex-direction: column;
  }
}
.footer__h2 {
  color: #e0e0e0;
  margin-bottom: 0.4rem;
}
.footer__text {
  color: #fafafb;
  margin-bottom: 2.1rem;
  line-height: 2.2rem;
  width: 85%;
  text-align: end;
  padding-right: 2.4rem;
}
@media screen and (max-width: 800px) {
  .footer__text {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.footer__social {
  display: flex;
  align-items: center;
}
.footer__social-link {
  display: inline-flex;
  margin-right: 3.2rem;
  color: #fff;
  font-size: 2.4rem;
  padding: 0.2rem 0;
}
.footer__social-link.icon-twitter:hover {
  color: #1fa1ff;
}
.footer__social-link.icon-facebook:hover {
  color: #525db9;
}
.footer__social-link.icon-linkedin:hover {
  color: #0e76a8;
}
.footer__social-link.icon-instagram {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(/assets/img/instagram.svg);
  cursor: pointer;
}
.footer__social-link.icon-instagram:hover {
  background-image: url(/assets/img/instagram-hover.svg);
}
.footer__social-link.icon-youtube:hover {
  color: rgb(255, 0, 0);
}
.footer__social-link:last-child {
  margin-right: 0;
}
.footer__social-icon {
  font-size: 2.4rem;
  color: white;
}
.footer__copyright {
  font-size: 1.2rem;
  color: #ffffff;
  opacity: 0.3;
}
@media screen and (max-width: 480px) {
  .footer__copyright {
    order: 1;
    margin-top: 1.2rem;
  }
}
.footer__wrap {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 480px) {
  .footer__wrap {
    margin-top: 1.4rem;
  }
}
.login {
  background: white;
  height: 100%;
}
.login__content {
  margin-top: 2rem;
}
.login__desc {
  font-size: 1.4rem;
  margin-top: 1.2rem;
}
.login__desc_diff {
  opacity: 0.8;
  line-height: 2.2rem;
}
@media screen and (max-width: 480px) {
  .login__desc_diff {
    line-height: 2rem;
  }
}
.login__desc_indent {
  margin-bottom: 3.8rem;
}
.login__desc a {
  color: #351f6f;
  font-weight: bold;
}
.login__logo-img {
  display: inline-flex;
}
@media screen and (max-width: 480px) {
  .login__logo-img {
    position: relative;
    border: 0.2rem solid white;
    border-radius: 1.1rem;
  }
  .login__logo-img img {
    width: 4.6rem;
    height: 4.6rem;
  }
}
.login__logo-text {
  margin-top: 1.3rem;
}
@media screen and (max-width: 480px) {
  .login__logo-text {
    position: absolute;
    top: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1rem;
  }
}
.login__logo-text_width img {
  width: 10.6rem;
}
.login__text {
  color: white;
}
.login__title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #351f6f;
  text-transform: uppercase;
}
.login__title_indent {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .login__title {
    margin-bottom: 1.2rem;
  }
}
.login__row {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .login__row {
    flex-direction: column;
    height: auto;
    overflow: auto;
  }
}
@media screen and (max-width: 768px) {
  .login__container {
    left: 1.6rem;
    right: 1.6rem;
  }
}
.login__col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}
.login__col.full-width {
  width: 100%;
}
.login__col.hide {
  display: none;
}
@media screen and (max-width: 768px) {
  .login__col {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .login__col .form__row {
    flex-wrap: wrap;
  }
  .login__col .form__col {
    width: 100%;
  }
  .login__col .form__col:not(:last-child) {
    margin: 0 0 2.4rem 0;
  }
}
.login__col_left {
  display: block;
  min-height: 100vh;
  color: #fff;
  background-image: url(/assets/img/login-image.png);
  background-size: cover;
  background-position: 50% 40%;
  background-repeat: no-repeat;
  padding: 2.4rem;
  background-color: #393d83;
}
@media screen and (max-width: 768px) {
  .login__col_left {
    min-height: 45vh;
    background-position: center top;
    padding: 6rem 1.6rem 1.6rem 1.6rem;
  }
  .login__col_left.hidden__col {
    min-height: 12vh;
  }
  .login__col_left.hidden__col .login__col-left-content {
    visibility: hidden;
    height: 0;
    margin: 0;
  }
}
.login__col_right {
  justify-content: space-between;
  background-color: white;
  margin-top: 0;
  padding: 3rem;
}
@media screen and (max-width: 768px) {
  .login__col_right {
    position: relative;
    border-radius: 1.6rem 1.6rem 0 0;
    z-index: 10;
    overflow: hidden;
    margin-top: -2rem;
  }
}
@media screen and (max-width: 1440px) {
  .login__col_right {
    padding: 1.6rem;
  }
}
@media screen and (min-height: 700px) {
  .login__col_right {
    padding: 7.2rem 1.6rem 1.6rem;
  }
}
.login__wrap {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .login__wrap {
    padding: 0.8rem 0 2.4rem 0;
  }
}
.login__wrap_left {
  max-width: 52.2rem;
}
.login__wrap_right {
  max-width: 49rem;
  flex: 1 auto;
  display: flex;
  flex-direction: column;
}
.login__wrap_right.full-width {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .login__wrap_right {
    border-bottom: 1px solid #e0e0e0;
  }
}
@media screen and (max-width: 480px) {
  .login__wrap {
    margin-top: 0;
  }
}
.login__logo_left {
  margin-bottom: 5.2rem;
}
.login__logo_right {
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .login__logo_right {
    margin-bottom: 1.2rem;
  }
}
.login__copyright {
  font-size: 1.2rem;
  color: #a9a9a9;
  margin-top: 2.3rem;
}
.login__wrap-img {
  margin: 3rem 0;
}
@media screen and (max-width: 480px) {
  .login__wrap-img {
    margin: 2.5rem 0;
  }
}
.login__video {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  object-fit: cover;
}
.login .company__col_left {
  background:
    linear-gradient(
      180deg,
      rgba(70, 166, 164, 0.8) 0%,
      rgba(63, 151, 149, 0.8) 100%),
    url(/assets/img/company-auth-bg.jpg);
}
.login__header {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .login__header {
    position: fixed;
    top: 0;
    left: 0;
    padding: 3.3rem 1.6rem 2.5rem 1.6rem;
    width: 100%;
    background-image: url(/assets/img/login-image.png);
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    z-index: 1000;
  }
}
.login__header--logo {
  display: none;
  flex: 1 auto;
}
.login__header--logo svg {
  width: 17.5rem;
  height: 2.1rem;
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .login__header {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .login__header--logo {
    display: block;
  }
}
.login__back-btn {
  width: 21.2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1rem 1.6rem;
}
.login__back-btn--desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login__back-btn--mobile {
  display: none;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .login__back-btn {
    display: contents;
    transform: translate(0, -50%);
    width: auto;
    border: none;
    padding: 0;
  }
  .login__back-btn--desktop {
    display: none;
  }
  .login__back-btn--mobile {
    display: block;
  }
}
.login__col-left-content {
  width: 100%;
  max-width: 46.6rem;
  margin: 4.5rem auto;
}
.login__main-logo {
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .login__main-logo {
    display: none;
  }
}
.login__welcome {
  margin-bottom: 1.6rem;
}
.login__welcome--title {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 2.8rem;
}
@media screen and (max-width: 768px) {
  .login__welcome {
    display: none;
  }
}
.login__description {
  display: flex;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 1.2rem;
  padding: 1.6rem;
  -webkit-backdrop-filter: blur(3.6rem);
  backdrop-filter: blur(3.6rem);
}
.login__description.hide {
  display: none;
}
.login__description--title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
  line-height: 2.4rem;
}
.login__description--text {
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
  line-height: 2.3rem;
}
.login__description--text-note {
  font-style: italic;
  font-weight: 500;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.login__description b {
  font-weight: 500;
  color: #fff;
}
.login__description svg {
  width: 4.8rem;
  height: 4.8rem;
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .login__description svg {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.login__description:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .login__description {
    padding: 1rem;
  }
}
.login__description--content {
  margin-left: 1.4rem;
}
.login__description--content--mobile {
  display: none;
}
.login__description--content--desktop {
  display: contents;
}
@media screen and (max-width: 768px) {
  .login__description--content--mobile {
    display: contents;
  }
  .login__description--content--mobile .login__description--text {
    max-width: 34rem;
  }
  .login__description--content--desktop {
    display: none;
  }
}
.login__form-forgot {
  text-align: right;
}
.login__form-forgot--url {
  color: #351f73;
  text-decoration: underline;
}
.login__form-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4rem auto 1rem;
}
.login__form-buttons .main-btn {
  width: 50%;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .login__form-buttons {
    width: 100%;
    margin: 4rem 0 1.6rem 0;
  }
}
@media screen and (max-width: 480px) {
  .login__form-buttons {
    flex-direction: column;
  }
  .login__form-buttons .main-btn {
    padding: 1rem 0.8rem;
  }
  .login__form-buttons .main-btn:first-of-type {
    margin: 0 0 1.6rem;
  }
}
.login__conditions {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
  color: #010202;
  line-height: 1.4;
}
.login__agreement {
  margin-top: 4rem;
}
.login__agreement .form__checkbox-label-text {
  color: #010202;
  line-height: 1.4;
  padding-left: 1rem;
}
.login__agreement .form__checkbox {
  align-items: flex-start;
}
.login__to-registration {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .login__to-registration {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.login__to-registration--text {
  font-size: 1.4rem;
  color: #010202;
}
.login__to-registration--link {
  color: #351f73;
  transition: opacity 0.3s;
}
.login__to-registration--link:hover {
  opacity: 0.6;
}
.login__contacts {
  max-width: 46.6rem;
  width: 100%;
  padding: 3.2rem 0;
  border-bottom: 1px solid #e0e0e0;
}
.login__contacts--title {
  text-align: center;
  color: #828282;
}
.login__contacts-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.2rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .login__contacts-container {
    flex-direction: column;
  }
}
.login__contacts-content {
  display: flex;
  color: #010202;
  align-items: center;
}
.login__contacts-content--icon {
  margin-bottom: -0.2rem;
}
.login__contacts-content--icon:not(:last-of-type) {
  margin-right: 1rem;
}
.login__contacts-content--link {
  color: #010202;
  margin-left: 0.9rem;
  transition: opacity 0.3s;
}
.login__contacts-content--link:hover {
  opacity: 0.6;
}
.login__contacts-content--separator {
  color: #828282;
  margin: 0 3.2rem;
}
.login__text-description {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #010202;
  margin: 0 0 1.2rem;
}
.login__copyright-logo {
  text-align: center;
  margin-bottom: 2.4rem;
}
.seaz-registration-form {
  margin-top: 3.2rem;
}
.seaz-registration-form .form-field--hint {
  font-size: 1rem;
}
.seaz-registration-form .form__row {
  margin-bottom: 3rem;
}
.scroll-col {
  position: fixed;
  height: 100%;
  top: 8rem;
  overflow-y: auto;
}
app-supplier-auth {
  height: 100%;
}
.supplier-login__col-left {
  background-image: url(/assets/img/login-supplier.jpg);
  background-size: cover;
  background-position: 50% 23%;
  background-repeat: no-repeat;
  background-color: #03a09e;
}
.supplier-login__profile-form {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .supplier-login__header {
    background: rgba(3, 160, 158, 0.63);
  }
  .supplier-login__col-left {
    background-position: 50% 0;
  }
}
.sing-in-back {
  display: block;
  width: 8.7rem;
  height: 3.2rem;
  padding: 0 0.8rem;
  margin: 3.2rem 0 0;
  font-size: 1.2rem;
  line-height: 3.2rem;
}
@media screen and (max-width: 768px) {
  .sing-in-back {
    margin: 2.4rem 0 0;
  }
}
.sing-in-back-icon {
  margin-right: 1rem;
}
app-login,
app-registration {
  overflow-y: auto;
}
.success-registration-title {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 3.2rem;
}
.success-registration-button {
  margin-top: 3.2rem;
  line-height: 2rem;
}
.recovery {
  padding-top: 3.2rem;
  background-image: url(/assets/img/img_recovery.svg);
  background-repeat: no-repeat;
  background-size: 100% 22.3rem;
  background-position: center top;
}
.recovery__logo {
  text-align: center;
  margin-bottom: 3.2rem;
}
.recovery__logo-img {
  margin-bottom: 1.2rem;
}
.recovery__logo-img img {
  width: 6.6rem;
}
.recovery__logo-text img {
  width: 16.6rem;
}
.recovery__wrap {
  max-width: 46.6rem;
  margin: 0 auto;
  width: 100%;
}
.recovery__block {
  background: #ffffff;
  border-radius: 1rem 1rem 0 0;
}
.recovery__block-top {
  padding: 2.4rem 3rem 3.5rem;
}
.recovery__block-top-title {
  font: 500 2.4rem/3.7rem "Google Sans", sans-serif;
  margin-bottom: 2.7rem;
}
.recovery__block-top-text {
  margin-bottom: 2.5rem;
  line-height: 2rem;
}
.recovery__block-top-text:last-child {
  margin-bottom: 0;
}
.recovery__block-top-wrap {
  display: flex;
  justify-content: space-between;
}
.recovery__block-top-date {
  color: #a9a9a9;
}
.recovery__block-top-btn {
  width: 100%;
  margin-bottom: 2.5rem;
}
.recovery__block-bottom {
  border-radius: 0 0 1rem 1rem;
  background: #4d4e67;
  padding: 1.9rem 3rem 0.6rem 3rem;
}
.recovery__block-bottom-text {
  font-size: 1.2rem;
  color: white;
  margin-bottom: 1.1rem;
}
.recovery__block-bottom-title {
  font: 500 2rem/3.6rem "Roboto", sans-serif;
  color: #e7e7eb;
}
.recovery__block-bottom-link {
  display: block;
  color: #e7e7eb;
  line-height: 2.5rem;
}
.recovery__block-bottom-copyright {
  margin-top: 1.9rem;
  text-align: center;
  font-size: 1.2rem;
  color: #a9a9a9;
  opacity: 0.5;
}
.recovery__h1 {
  color: #351f6f;
  margin-bottom: 3.7rem;
}
.modal-background {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
  position: fixed;
}
.modal-close {
  color: #351f6f;
  position: absolute;
  top: 2.2rem;
  right: 3rem;
  cursor: pointer;
  z-index: 5;
}
.modal-close i {
  font-size: 1.8rem;
  height: 1.8rem;
  width: 1.8rem;
  display: block;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal-close:hover > i {
  transform: rotate(90deg);
}
.modal {
  background-color: white;
  width: 100%;
  height: 100%;
}
.modal .modal__wrap {
  -webkit-overflow-scrolling: touch;
}
@media screen and (orientation: portrait) {
  .modal .modal__wrap {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    height: auto;
    left: 0;
  }
}
.modal__wrap {
  -webkit-overflow-scrolling: touch;
  padding: 2rem;
  box-sizing: border-box;
  height: 100%;
  font: 1.4rem/1.8rem "Roboto", sans-serif;
}
.modal__wrap-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal__wrap-scroll {
  overflow: auto;
  padding-right: 1.5rem;
}
.modal-small {
  background-color: white;
  position: absolute;
  right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 650px;
  border-radius: 16px;
  max-height: 90vh;
}
.modal-small .form__col-left {
  margin-right: 0;
  width: 100%;
  margin-bottom: 0.1rem !important;
}
.modal-small.modal-transparent {
  background-color: transparent;
}
.modal-small.modal-transparent .modal-close {
  color: #ffffff;
  top: 1.2rem;
  right: 2rem;
}
.modal-content {
  font-family: "Roboto", sans-serif;
}
.modal-content__title {
  margin-bottom: 1.6rem;
  color: #351f73;
}
.modal-content__title.modal-content__title_budget {
  margin-top: 2rem;
}
.modal-content__text {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 480px) {
  .modal-content__text {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
}
.modal-content__controls {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .modal-content__controls {
    flex-direction: column;
  }
}
.modal-content__controls button {
  min-width: 15rem;
}
.modal-content__controls button:not(:last-child) {
  margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
  .modal-content__controls button {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .modal-content__controls button:not(:last-child) {
    margin-right: 0;
  }
}
.modal-content__controls--invitation {
  flex-wrap: wrap;
}
.modal-content__controls--invitation button {
  margin-top: 1.6rem;
}
.modal-content_center {
  text-align: center;
  padding: 1.4rem 1rem;
}
.modal-content_center [class*=title] {
  color: #351f6f;
}
.modal-content_center .modal-content__title {
  margin-bottom: 2.3rem;
  margin-top: 2rem;
}
.modal-content_center .modal-content__controls {
  justify-content: center;
}
.modal-content__title-big {
  margin-bottom: 1rem;
}
.modal-content__logo {
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 768px) {
  .modal-content__logo {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .modal-content__logo > img {
    max-height: 1.8rem;
  }
}
.modal-content__icon {
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 480px) {
  .modal-content__icon > img {
    max-height: 8rem;
    width: auto;
  }
}
.modal-budget {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-budget_title {
  font-weight: 500;
  font-size: 34px;
  line-height: 40px;
  color: #351f73;
  margin: 32px 10px;
  text-align: center;
}
.modal-budget_btn {
  padding: 12px 60px;
  font-size: 1.8rem;
}
.budget-create-modal {
  background-color: #ffffff;
  border: 0.5px solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  max-width: 466px;
  width: 100%;
  margin: 0;
  padding: 2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .budget-create-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.budget-apply__title {
  color: #351f6f;
}
.budget-apply__text {
  color: #a9a9a9;
  margin-bottom: 2.4rem;
}
.budget-apply__checkbox.form__col {
  width: 61%;
}
@media screen and (max-width: 480px) {
  .budget-apply__checkbox.form__col {
    width: 100%;
  }
}
.budget-apply__checkbox .form__radio-container {
  display: flex;
}
.budget-apply__checkbox .form__block span {
  padding-bottom: 1rem;
}
.budget-apply__checkbox .form__block app-seazone-radio-item .form__radio-label.disabled {
  cursor: default;
}
.budget-apply__checkbox .form__block app-seazone-radio-item .form__radio-label.disabled::before {
  border-color: gray;
  opacity: 0.3;
}
.budget-apply__checkbox .form__block app-seazone-radio-item .form__radio-label-text.disabled {
  cursor: default;
  color: gray;
  opacity: 0.3;
}
.budget-apply__checkbox .form__block app-seazone-radio-item:not(:last-of-type) {
  margin-right: 2.6rem;
}
.budget-apply__select.form__col {
  width: 36%;
}
@media screen and (max-width: 480px) {
  .budget-apply__select.form__col {
    width: 100%;
  }
}
.budget-apply__row_controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.budget-apply__btn {
  min-width: 19.5rem;
}
@media screen and (max-width: 480px) {
  .budget-apply__btn {
    margin-bottom: 1rem;
  }
}
.budget-apply__btn:disabled {
  color: #fff;
}
.budget-apply__btn:not(:last-of-type) {
  margin-right: 1.6rem;
}
@media screen and (max-width: 480px) {
  .budget-apply__btn:not(:last-of-type) {
    margin-right: 0;
  }
}
.budget-apply__btn_box {
  display: flex;
  justify-content: flex-end;
  padding-top: 3rem;
}
.seaz-background.modal-background {
  background-color: rgba(53, 40, 113, 0.2);
}
.seaz-modal .icon-close {
  cursor: pointer;
  color: #828282;
}
.seaz-modal.modal-small {
  background-color: #ffffff;
  width: 62.9rem;
  padding: 1rem;
  box-shadow: 0 16px 24px rgba(53, 40, 113, 0.16);
  margin-bottom: 8rem;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .seaz-modal.modal-small {
    width: 42.9rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal.modal-small {
    width: 100%;
  }
}
.seaz-modal__head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__head {
    flex-direction: column;
  }
}
.seaz-modal__head_title {
  color: #351f73;
}
@media screen and (max-width: 480px) {
  .seaz-modal__head_title {
    order: 2;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__head_btn {
    order: 1;
    padding-bottom: 2rem;
    margin: 0 0 0 auto;
  }
}
.seaz-modal__head_btn.icon-close {
  color: #351f73;
  width: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__head_btn.icon-close {
    font-size: 17px;
  }
}
.seaz-modal__form {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .seaz-modal__form {
    flex-direction: column;
    align-items: baseline;
  }
}
.seaz-modal__form app-seazone-form-field .form-field--content.disabled {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}
.seaz-modal__form app-seazone-form-field .form-field--content.disabled .seazone__form-input,
.seaz-modal__form app-seazone-form-field .form-field--content.disabled .seazone__text-area {
  background-color: #ffffff;
}
.seaz-modal__form .form__row {
  width: 100%;
}
.seaz-modal__form_label {
  color: #010202;
  margin-right: 3rem;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .seaz-modal__form_label {
    padding-bottom: 0.8rem;
  }
}
.seaz-modal__form_control {
  padding: 1.5rem 1.6rem;
  border: 1px solid #e0e0e0;
  color: #828282;
  width: 100%;
}
.seaz-modal__form_checkbox {
  display: flex;
  justify-content: flex-end;
}
.seaz-modal__form_checkbox .form__checkbox {
  color: #010202;
}
.seaz-modal__form_checkbox .form__checkbox-label:before {
  border-color: #4f194a;
}
.seaz-modal__form_checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-modal__btn {
  margin-right: 1.6rem;
}
.seaz-modal__btn_box {
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: flex-end;
  padding-top: 3rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__btn_box {
    justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__btn_box button {
    width: 49%;
  }
}
.seaz-modal__large {
  width: 66%;
  max-width: 66%;
  background-color: #ffffff;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  max-height: 80%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
  .seaz-modal__large {
    width: 100vw;
    max-width: 100%;
  }
}
.seaz-modal__xl {
  width: 126.2rem;
  background-color: #ffffff;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  max-height: 70%;
  min-height: 70%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1320px) {
  .seaz-modal__xl {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-modal__xl {
    width: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__xl {
    width: 100%;
  }
}
.seaz-modal__medium {
  width: 63rem;
  background-color: #ffffff;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  max-height: 80%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .seaz-modal__medium {
    width: 83%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__medium {
    width: 100%;
  }
}
.seaz-modal__file .seaz-modal__head,
.seaz-modal__document .seaz-modal__head {
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .seaz-modal__file .seaz-modal__head,
  .seaz-modal__document .seaz-modal__head {
    align-items: flex-end;
  }
}
.seaz-modal__file .seaz-modal__file_content,
.seaz-modal__document .seaz-modal__file_content {
  width: 487px;
  margin: 0 auto;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__file .seaz-modal__file_content,
  .seaz-modal__document .seaz-modal__file_content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__file .seaz-modal__btn_box,
  .seaz-modal__document .seaz-modal__btn_box {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__file .seaz-modal__btn_box,
  .seaz-modal__document .seaz-modal__btn_box {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__file .seaz-modal__btn_box button,
  .seaz-modal__document .seaz-modal__btn_box button {
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__file .seaz-modal__btn,
  .seaz-modal__document .seaz-modal__btn {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__file .seaz-modal__btn,
  .seaz-modal__document .seaz-modal__btn {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__file .seaz__btn_outlined-red,
  .seaz-modal__document .seaz__btn_outlined-red {
    display: none;
  }
}
.seaz-modal__file .seaz-modal__btn_close,
.seaz-modal__document .seaz-modal__btn_close {
  display: none;
}
@media screen and (max-width: 480px) {
  .seaz-modal__file .seaz-modal__btn_close,
  .seaz-modal__document .seaz-modal__btn_close {
    background-image: url(/assets/img/busket-cancel.svg);
    width: 2rem;
    height: 2.2rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 2rem;
  }
}
.seaz-modal__document .form__row app-seazone-select .select-value {
  max-width: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
@media screen and (max-width: 560px) {
  .seaz-modal__document .seaz-modal__box {
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__document .seaz-modal__box {
    height: auto;
    position: relative;
  }
}
.seaz-modal__document_content {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1200px) {
  .seaz-modal__document_content {
    width: 91%;
  }
}
@media screen and (max-width: 900px) {
  .seaz-modal__document_content {
    width: 100%;
    padding-bottom: 2rem;
  }
}
.seaz-modal__document_content_controls {
  position: absolute;
  display: flex;
  width: auto;
  justify-content: space-between;
  right: 6rem;
}
@media screen and (max-width: 1200px) {
  .seaz-modal__document_content_controls {
    top: -0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__document_title {
    display: flex;
    flex-direction: column;
  }
}
.seaz-modal__document_title_label {
  max-width: 14rem;
  width: 14rem;
  margin-right: 7rem;
  font-size: 1.4rem;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_title_label {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__document_title_label {
    margin-bottom: 1rem;
  }
}
.seaz-modal__document_row {
  display: flex;
  padding-bottom: 3.7rem;
  align-items: baseline;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_row {
    width: 91%;
  }
}
@media screen and (max-width: 640px) {
  .seaz-modal__document_row {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__document_row--title {
    flex-direction: column;
  }
  .seaz-modal__document_row--title .seaz-modal__document_row_title {
    padding-bottom: 1rem;
  }
}
.seaz-modal__document_row_title {
  min-width: 19rem;
  max-width: 19rem;
  box-sizing: border-box;
  padding-right: 2rem;
  color: #010202;
}
@media screen and (max-width: 640px) {
  .seaz-modal__document_row_title {
    min-width: 14rem;
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__document_row_title {
    min-width: 15rem;
    max-width: 15rem;
  }
}
.seaz-modal__document_row_text {
  color: #010202;
  line-height: 2.6rem;
  display: flex;
  flex-direction: column;
}
.seaz-modal__document_row_text-date app-seazone-icon {
  margin: 0 1.5rem;
}
.seaz-modal__document_row_date-row {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  .seaz-modal__document_row_date-row {
    flex-direction: column;
  }
}
@media screen and (max-width: 560px) {
  .seaz-modal__document_row_files,
  .seaz-modal__document_row_notes {
    flex-direction: column;
  }
  .seaz-modal__document_row_files .seaz-modal__document_row_title,
  .seaz-modal__document_row_notes .seaz-modal__document_row_title {
    padding-bottom: 1rem;
  }
}
.seaz-modal__document_wrapper {
  position: relative;
  padding-right: 3rem;
}
.seaz-modal__document_file {
  color: #828282;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_file {
    word-break: break-all;
  }
}
.seaz-modal__document_file span {
  margin-left: 1rem;
}
.seaz-modal__document_file:hover {
  color: #00b9ff;
  text-decoration: underline;
}
.seaz-modal__document_checkbox {
  width: 100%;
  margin-bottom: 1.6rem;
  padding-left: 21rem;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_checkbox {
    padding-left: 0;
  }
}
.seaz-modal__document_checkbox .form__checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_checkbox .form__checkbox {
    justify-content: flex-start;
  }
}
.seaz-modal__document_checkbox .form__checkbox-label-text {
  padding-left: 0;
  padding-right: 0.8rem;
  color: #010202;
}
.seaz-modal__document_checkbox .form__checkbox-input:disabled ~ span {
  opacity: 0.3;
  color: #010202;
}
.seaz-modal__document_checkbox .form__checkbox-input:disabled ~ label:before {
  border-color: #4f194a;
  opacity: 0.3;
}
.seaz-modal__document_checkbox .form__checkbox-label:before {
  border-color: #4f194a;
  border-radius: 0;
}
.seaz-modal__document_checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-modal__document_uploader {
  width: 100%;
  padding-bottom: 2rem;
}
.seaz-modal__archivate {
  background-color: #d70000;
  background-image: url(/assets/img/archivate-icon.svg);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 61%;
  display: block;
  position: absolute;
  top: 10rem;
  right: 5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .seaz-modal__archivate {
    position: relative;
    top: auto;
    right: auto;
    background-color: inherit;
    background-image: url(/assets/img/archivate-icon-purple.svg);
    margin-bottom: 2rem;
  }
}
.seaz-modal__archivate:hover::before {
  content: "Archivate file";
  white-space: nowrap;
  position: absolute;
  top: -4rem;
  color: #828282;
  padding: 0.5rem 0.6rem;
  border: 1px solid #e0e0e0;
}
.seaz-modal__archivate:hover::after {
  content: "";
  height: 12px;
  width: 12px;
  position: absolute;
  left: 3px;
  right: 0;
  top: -17px;
  background: #ffffff;
  margin: auto;
  transform: rotate(45deg);
  border: 1px solid #e0e0e0;
  border-top: none;
  border-left: none;
}
.seaz-modal .modal-content__controls .main-btn_green.delete {
  background-color: #d70000;
}
@media screen and (max-width: 768px) {
  .seaz-modal .modal-content__controls button {
    min-width: 50%;
  }
}
.seaz-modal-small {
  border-radius: 0;
}
.seaz-modal-small .modal__wrap {
  padding: 3rem;
}
.seaz-modal-small .modal__wrap .seaz-crew__btn_box {
  padding: 3rem 0 0;
}
.seaz-modal__document_form {
  width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__document_form {
    width: 91%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_form {
    width: 100%;
  }
}
.seaz-modal__document_form app-seaz-image-uploader {
  width: 100%;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_form .form-field--wrapper__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__document_form .seaz-uploader__document_label {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-modal__document_form app-seazone-form-field .form-field--wrapper__row {
    flex-direction: column;
  }
  .seaz-modal__document_form app-seazone-form-field .form-field--wrapper__row .form-field--label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_form .seaz-uploader__document {
    flex-direction: column;
  }
  .seaz-modal__document_form .seaz-uploader__document .seaz-uploader__document_label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__document_form--edit .form-field--wrapper__row.form-field--wrapper {
    flex-direction: column;
  }
  .seaz-modal__document_form--edit .form-field--wrapper__row.form-field--wrapper .form-field--label {
    padding-bottom: 1rem;
  }
}
.seaz-modal__document_form .form__checkbox {
  justify-content: flex-start;
}
.seaz-modal__document_checkbox {
  justify-content: flex-end;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .seaz-modal__document_checkbox .form__checkbox-label {
    padding: 0;
  }
}
.seaz-modal .seaz-crew__btn_box {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .seaz-modal .seaz-crew__btn_box {
    flex-direction: column;
    justify-content: center;
  }
  .seaz-modal .seaz-crew__btn_box button {
    width: 100%;
    margin: 0 0 1.6rem;
  }
}
.seaz-modal__courses {
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .seaz-modal__courses {
    padding-top: 3rem;
  }
}
.seaz-modal__courses .icon-close {
  flex-shrink: 0;
}
.seaz-modal__courses .seaz-modal__head_title,
.seaz-modal__courses .seaz-modal__document_row {
  width: 70%;
  margin: 0 auto;
}
.seaz-modal__courses_form .form__row {
  width: 70%;
  margin: 0 auto;
}
.seaz-modal__courses_form .form__row.seaz-crew__btn_box {
  width: 95%;
  margin: 0 auto;
  margin-top: 6rem;
}
.seaz-modal__courses_edit {
  position: absolute;
  right: 10rem;
  top: 9.5rem;
}
.seaz-modal__courses_file {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
.seaz-modal__courses_file span {
  margin-left: 1rem;
}
.seaz-modal__courses_file_box {
  display: flex;
  flex-direction: column;
}
.seaz-modal__courses_row.form__row {
  margin: 2rem auto;
}
.seaz-modal__experience_img {
  width: 12.2rem;
  height: 12.2rem;
  object-fit: cover;
  border-radius: 0.8rem;
}
.seaz-modal__experience.seaz-modal__document_row {
  align-items: end;
  border-bottom: 1px solid #e0e0e0;
}
.seaz-modal__experience_title {
  padding-top: 2rem;
}
@media screen and (max-width: 1200px) {
  .seaz-modal__experience .seaz-modal__head_title,
  .seaz-modal__experience .form__row {
    width: 85%;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience .seaz-modal__head_title,
  .seaz-modal__experience .form__row {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience .seaz-uploader__document {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-modal__experience .seaz-modal__document_row {
    width: 85%;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience .seaz-modal__document_row {
    width: 100%;
  }
  .seaz-modal__experience .seaz-modal__document_row .seaz-modal__document_row_title {
    min-width: 11rem;
    max-width: 11rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience .seaz-modal__courses_edit {
    right: 1rem;
    top: 10rem;
  }
}
.seaz-modal__experience_photo {
  width: 12.2rem;
  height: 12.3rem;
  border-radius: 8px;
  object-fit: cover;
}
.seaz-modal__experience_form .seaz-uploader__header {
  margin-right: 7rem;
  max-width: 14rem;
  min-width: 14rem;
}
@media screen and (max-width: 800px) {
  .seaz-modal__experience_form .seaz-uploader__header {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__experience_form .seaz-uploader__document_box_text,
  .seaz-modal__experience_form .seaz-uploader__document_box_drop {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__experience_form .seaz-uploader__document_file_box .seaz-uploader__document_box {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__experience_form .seaz-uploader__document_label {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience_form .seaz-uploader__document_label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__experience_form .seaz-crew__btn_box button {
    margin-bottom: 1rem;
    width: auto;
  }
  .seaz-modal__experience_form .seaz-crew__btn_box button.seaz-crew__btn_delete {
    width: auto;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience_form .form-field--wrapper__row.form-field--wrapper {
    flex-direction: column;
  }
  .seaz-modal__experience_form .form-field--wrapper__row.form-field--wrapper .form-field--label {
    margin-bottom: 1rem;
  }
}
.seaz-modal__experience_form .seaz-uploader__label {
  font-weight: 400;
  font-size: 1.4rem;
}
.seaz-modal__experience_form .form-field--wrapper {
  margin-bottom: 1.6rem;
}
.seaz-modal__experience_form .seaz-modal__experience_date_control {
  width: 70%;
  margin: 0 auto;
  display: flex;
  padding-top: 2rem;
}
@media screen and (max-width: 1200px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_control {
    width: 85%;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_control {
    flex-direction: column;
    width: 100%;
  }
}
.seaz-modal__experience_form .seaz-modal__experience_date_control app-date-control {
  max-width: 42%;
}
.seaz-modal__experience_form .seaz-modal__experience_date_control app-date-control .form-field--content.disabled {
  background-color: #ffffff;
  opacity: 0.5;
}
.seaz-modal__experience_form .seaz-modal__experience_date_control app-date-control .form-field--content.disabled .seazone__form-date-input:disabled {
  background-color: #ffffff;
}
.seaz-modal__experience_form .seaz-modal__experience_date_control app-date-control:first-of-type .form-field--label {
  display: none;
}
.seaz-modal__experience_form .seaz-modal__experience_date_control .seaz-modal__experience_date .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 2rem;
  width: auto;
  margin-left: 2rem;
  position: absolute;
  top: 0;
  left: -31%;
  bottom: 17px;
}
@media screen and (max-width: 1440px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_control .seaz-modal__experience_date .form-field--wrapper.form-field--wrapper__row .form-field--label {
    left: -40%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_control .seaz-modal__experience_date .form-field--wrapper.form-field--wrapper__row .form-field--label {
    position: relative;
    left: auto;
    margin-bottom: 1rem;
    margin-left: 0;
  }
}
.seaz-modal__experience_form .seaz-modal__experience_date_wrapper {
  width: 100%;
}
.seaz-modal__experience_form .seaz-modal__experience_date_label {
  max-width: 14rem;
  width: 100%;
  margin-right: 7rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_label {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_label {
    margin-bottom: 1rem;
  }
}
.seaz-modal__experience_form .seaz-modal__experience_date_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_box {
    flex-direction: column;
  }
  .seaz-modal__experience_form .seaz-modal__experience_date_box app-date-control {
    max-width: 100%;
  }
  .seaz-modal__experience_form .seaz-modal__experience_date_box app-date-control .form-field--wrapper__row {
    flex-direction: column;
  }
}
.seaz-modal__experience_form .seaz-modal__experience_date_checkbox {
  display: flex;
  margin-top: 2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_checkbox {
    margin-top: 1rem;
  }
}
.seaz-modal__experience_form .seaz-modal__experience_date_checkbox .form__checkbox-label-text {
  color: #4f194a;
}
.seaz-modal__experience_form .seaz-modal__experience_date_checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-modal__experience_form .seaz-modal__experience_date_checkbox .form__checkbox-label::before {
  width: 2.4rem;
  height: 2.4rem;
  border-color: #4f194a;
}
@media screen and (max-width: 480px) {
  .seaz-modal__experience_form .seaz-modal__experience_date_checkbox .form__checkbox-label {
    width: 0;
  }
}
.seaz-modal__experience_form .seaz-modal__experience_date_checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-modal__experience_form .seaz-modal__experience-head {
  padding-bottom: 2rem;
}
.seaz-modal__experience_form .seaz-modal__experience-toggle {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 4rem;
}
.seaz-modal__experience_form .seaz-modal__experience-toggle .form-field__label {
  margin-left: 1rem;
  display: inline-block;
}
.seaz-modal__experience_form app-seazone-media-uploader {
  width: 100%;
}
.seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader {
  flex-direction: row;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader .seaz-uploader__label {
  max-width: 14rem;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader .seaz-uploader__label {
    text-align: inherit;
  }
}
.seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader .seaz-uploader__choose_drop {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader .seaz-uploader__box {
    flex-direction: row;
    justify-content: space-between;
  }
  .seaz-modal__experience_form app-seazone-media-uploader .seaz-uploader .seaz-uploader__box .seaz-uploader__choose {
    width: auto;
  }
}
.seaz-modal__experience_form app-seazone-documents-uploader {
  width: 100%;
}
.seaz-modal__experience_form app-phone-number.seaz-crew__phone .form__row {
  margin-bottom: 1.6rem;
}
.seaz-modal__experience_form app-phone-number.seaz-crew__phone .form__block-text {
  margin-right: 7rem;
  width: 100%;
  max-width: 14rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 800px) {
  .seaz-modal__experience_form app-phone-number.seaz-crew__phone .form__block-text {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal__experience_form app-phone-number.seaz-crew__phone .seazone-form-field--wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__experience_form .experience--row {
    flex-direction: row;
  }
}
.seaz-modal__cruising_area .form-field--content-outline {
  white-space: nowrap;
  text-overflow: inherit;
  overflow: hidden;
}
.seaz-modal__preview_img_box .seaz-modal__preview_img {
  max-width: 61rem;
  height: 40rem;
  object-fit: contain;
}
.seaz-modal__periew_video {
  height: 27rem;
}
.seaz-modal__bank.seaz-modal__courses .seaz-modal__head_title {
  width: 65%;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__bank.seaz-modal__courses .seaz-modal__head_title {
    width: 91%;
  }
}
.seaz-modal__bank app-seazone-documents-uploader .seaz-uploader__document {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-modal__bank app-seazone-documents-uploader .seaz-uploader__document {
    padding: 0;
  }
}
.seaz-modal__bank app-seazone-documents-uploader .seaz-uploader__document .seaz-uploader__document_label {
  margin-right: 7rem;
  width: 14rem;
}
.seaz-modal__bank .form__row.seaz-uploader__document_row,
.seaz-modal__bank .form__row.seaz-crew__btn_box {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-modal__bank .seaz-modal__document_form {
    padding: 0 1.6rem;
    box-sizing: border-box;
  }
}
.seaz-modal__note {
  padding-top: 3rem;
}
.seaz-modal__offer_wrapp.seaz-modal {
  width: 64rem;
}
@media screen and (max-width: 800px) {
  .seaz-modal__offer_wrapp.seaz-modal {
    width: 100%;
  }
}
.seaz-modal__offer_wrapp.seaz-modal .modal__wrap {
  padding: 0;
}
.seaz-modal__offer_wrapp.seaz-modal .modal-close {
  right: 3.2rem;
}
.seaz-modal__apply_title {
  text-align: center;
  color: #351f73;
  line-height: 4.4rem;
  text-transform: uppercase;
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .seaz-modal__apply_title {
    width: 100%;
    line-height: 3.4rem;
    padding-bottom: 1.8rem;
    padding-top: 2rem;
  }
}
.seaz-modal__apply_text {
  font-size: 1.8rem;
  color: #4f4f4f;
  text-align: center;
  padding: 0.8rem 0;
  line-height: 2.4rem;
}
.seaz-modal__apply_text_box {
  display: flex;
  flex-direction: column;
  margin-bottom: 3.2rem;
}
.seaz-modal__apply_text_box.no-title {
  margin-top: 2rem;
}
.seaz-modal__apply_icon {
  display: block;
  font-size: 3rem;
  height: 3rem;
  width: 3rem;
  margin: 10px auto 0;
}
.seaz-modal__apply_icon.mascotOk,
.seaz-modal__apply_icon.mascotOk svg {
  width: 12.8rem;
  height: 12.8rem;
}
.seaz-modal__apply_btn_box {
  padding-top: 3rem;
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: flex-end;
}
.seaz-modal__apply_btn_box button:not(:last-child) {
  margin-right: 2rem;
}
.seaz-modal__apply_btn_box.choose-captain {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .seaz-modal__apply_btn_box {
    flex-direction: column;
  }
  .seaz-modal__apply_btn_box button:not(:last-child) {
    margin: 0 0 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .yaht-edit__document_btn_box {
    width: 91%;
  }
}
@media screen and (max-width: 768px) {
  .yaht-edit__document_btn_box {
    width: 100%;
  }
}
.seaz-edit.active {
  background-color: black;
}
.seaz-edit__folder {
  display: flex;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-edit__folder div {
    padding: 1rem 1.2rem;
  }
}
.seaz-edit__folder div:hover {
  background-color: #351f73;
  border-color: #351f73;
}
.seaz-edit__folder div.active {
  background-color: #351f73;
  color: #ffffff;
  border-color: #351f73;
}
.seaz-select__overlay app-seazone-select-option {
  padding: 0 1.4rem;
}
.seaz-select__overlay app-seazone-select-option .form__checkbox {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.seaz-select__overlay app-seazone-select-option app-seazone-checkbox {
  width: 100%;
}
.seaz-select__overlay app-seazone-select-option app-seazone-checkbox .form__checkbox-label-text {
  padding-left: 0;
}
.seaz-select__overlay .dropdown-options-container {
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.seaz-select__overlay .dropdown-options-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-select__overlay .dropdown-options-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-select__overlay .dropdown-options-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.seaz-uploader__document {
  display: flex;
}
.seaz-uploader__document_label {
  width: 14rem;
  margin-right: 7rem;
  flex-shrink: 0;
}
.seaz-uploader__document_file {
  display: flex;
  align-items: center;
  padding-bottom: 1.8rem;
}
.seaz-uploader__document_file_box {
  width: 100%;
}
.seaz-uploader__document_file span {
  color: #828282;
  margin-right: 8px;
}
.seaz-uploader__document_file .icon-close {
  border: 1px solid #f5f5f5;
  color: #d70000;
}
.seaz-uploader__document_box {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  position: relative;
  margin-bottom: 2rem;
}
.seaz-uploader__document_box_text {
  text-transform: uppercase;
  color: #828282;
  padding: 1.6rem 0;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__document_box_text {
    display: none;
  }
}
.seaz-uploader__document_box_drop {
  width: 100%;
  height: 12.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed #cacaca;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .seaz-uploader__document_box_drop {
    display: none;
  }
}
.seaz-uploader__document_box_drop_text {
  color: #828282;
}
.seaz-uploader__document_row app-seazone-documents-uploader {
  width: 100%;
}
.seaz-select__overlay app-seazone-select-option.selected {
  background-color: #f5f5f5;
}
.seaz-select__overlay app-seazone-checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-select__overlay app-seazone-checkbox .form__checkbox-label::before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1.5px solid #bdbdbd;
}
.seaz-select__overlay app-seazone-checkbox .form__checkbox-input:checked + label:before {
  border-color: #4f194a;
  background-color: #4f194a;
}
.yaht-edit__document_btn_box {
  width: 90%;
}
@media screen and (max-width: 800px) {
  .yaht-edit__document_btn_box {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .yaht-edit__document_btn_box button {
    width: 100%;
    margin: 0 0 1.6rem;
  }
}
.seaz-modal__edit_courses .form__row.seaz-crew__btn_box {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__edit_courses .seaz-modal__head_title,
  .seaz-modal__edit_courses .form__row,
  .seaz-modal__edit_courses .seaz-modal__document_row {
    width: 85%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__edit_courses .seaz-uploader__document_label {
    margin-right: 2rem;
  }
  .seaz-modal__edit_courses .form-field--wrapper__row.form-field--wrapper,
  .seaz-modal__edit_courses .seaz-uploader__document {
    flex-direction: column;
  }
  .seaz-modal__edit_courses .seaz-uploader__document_label {
    margin-bottom: 1rem;
  }
  .seaz-modal__edit_courses .seaz-crew__btn_box button {
    margin-bottom: 1rem;
  }
  .seaz-modal__edit_courses .seaz-crew__btn:nth-of-type(2) {
    margin-right: 0;
  }
  .seaz-modal__edit_courses .seaz-crew__btn_box {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__edit_courses .seaz-modal__courses_edit {
    right: 4rem;
    top: 3rem;
  }
  .seaz-modal__edit_courses .seaz-modal__document_row_title {
    min-width: 11rem;
    max-width: 11rem;
  }
}
.seaz-modal__bank .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
.seaz-modal__bank .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .seaz-modal__bank .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-modal__bank .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper {
    padding: 0;
  }
}
.seaz-modal__bank .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
.seaz-modal__bank .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label {
  max-width: 17.7rem;
  margin-right: 1.2rem;
}
.seaz-modal__bank .seaz-uploader__document_label {
  width: 17.7rem;
  margin-right: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__bank .seaz-crew__edit_box {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__bank .seaz-crew__edit_box {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__bank .form__row.seaz-crew__edit_row {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__bank .seaz-crew__btn_box {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__bank .seaz-uploader__document_box_text,
  .seaz-modal__bank .seaz-uploader__document_box_drop {
    display: none;
  }
}
.seaz-modal__bank .seaz-modal__courses_edit {
  top: 9.5rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__bank .seaz-modal__courses_edit {
    top: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-modal__bank.seaz-modal__edit_courses .seaz-modal__document_row {
    width: 90%;
    padding-bottom: 2.3rem;
  }
}
@media screen and (max-width: 800px) {
  .seaz-modal__bank.seaz-modal__edit_courses .seaz-modal__document_row {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__bank.seaz-modal__edit_courses .seaz-modal__document_row_title {
    min-width: 17rem;
    max-width: 17rem;
  }
}
.seaz-modal__charter_name_title {
  color: #351f73;
  margin-bottom: 1rem;
}
.seaz-modal__charter_name app-seazone-input {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__charter_name app-seazone-input .form-field--wrapper.form-field--wrapper__row {
    flex-direction: column;
  }
}
.seaz-modal__charter_name app-seazone-input .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__charter_name app-seazone-input .form-field--wrapper.form-field--wrapper__row .form-field--label {
    margin-bottom: 1rem;
  }
}
.seaz-modal__offer .form__toggle.disabled .form__toggle-label:after {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
.seaz-modal__offer .form__toggle.disabled .form__toggle-label:before {
  border-color: #e0e0e0;
}
.seaz-modal__offer .seaz-modal__head {
  padding: 3rem 0 0;
}
.seaz-modal__offer .boat-short-info {
  margin-bottom: 3rem;
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .form-field--label {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-form-field .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-form-field .form-field--wrapper {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-form-field .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-form-field .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-form-field .form-field--label {
    max-width: 12rem;
    margin-right: 1.5rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row .form-field--content-outline.form-field--content,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row .form-field--content-outline.form-field--content {
    width: 100%;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-modal__offer_publish,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-modal__offer_publish {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-modal__offer_publish,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-modal__offer_publish {
    justify-content: space-between;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .form__row.seaz-crew__edit_row,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .form__row.seaz-crew__edit_row {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .form__row.seaz-crew__edit_row,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .form__row.seaz-crew__edit_row {
    flex-direction: column;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .form-field--label {
    width: 12rem;
    max-width: 12rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer.seaz-modal__offer_create .seaz-crew__edit_box .form-field--label,
  .seaz-modal__offer.seaz-modal__offer_send .seaz-crew__edit_box .form-field--label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer.seaz-modal__offer_create .form__checkbox,
  .seaz-modal__offer.seaz-modal__offer_send .form__checkbox {
    padding-left: 0;
  }
}
.seaz-modal__offer.seaz-modal__offer_create .job-offer__form_label,
.seaz-modal__offer.seaz-modal__offer_send .job-offer__form_label {
  width: 17rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer.seaz-modal__offer_create .job-offer__form_label,
  .seaz-modal__offer.seaz-modal__offer_send .job-offer__form_label {
    width: 12rem;
  }
}
.seaz-modal__offer.seaz-modal__offer_create app-seazone-form-field.offset,
.seaz-modal__offer.seaz-modal__offer_send app-seazone-form-field.offset {
  margin-top: 0;
}
.seaz-modal__offer .seaz-crew__edit_box {
  width: 100%;
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row {
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row {
    align-items: flex-start;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--contract .seaz-crew__edit_row--currency {
    flex-direction: column;
    align-self: flex-start;
  }
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages {
  align-items: flex-start;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages .seaz-language__form_section:not(:last-of-type) {
  border-bottom: none;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages .seaz-language__form_section {
  display: flex;
  justify-content: space-between;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages .seaz-language__form_row,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages .seaz-language__form_row:last-of-type {
  margin-bottom: 0;
  width: 48%;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages .form-field--content-outline.form-field--content {
  width: 100%;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages .form-field--content-outline.form-field--content.disabled .select-placeholder {
  color: #828282;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-crew__edit_row--languages app-language-level-form .select-value {
  width: auto;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete {
  width: 100%;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
  width: 100%;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--wrapper,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--wrapper,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--wrapper,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--wrapper,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--wrapper,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label {
  max-width: 17rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label {
    max-width: 12rem;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-input .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-select .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-date-control .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-seazone-text-area .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-autocomplete .form-field--label,
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row app-location-region-autocomplete .form-field--label {
    font-size: 12px;
  }
}
.seaz-modal__offer .seaz-crew__edit_box .form-field--label {
  max-width: 17rem;
  width: 17rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer .seaz-crew__edit_box .form-field--label {
    max-width: 12rem;
    width: 12rem;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .form-field--label {
    width: auto;
    max-width: inherit;
    margin-bottom: 1rem;
  }
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency {
  display: flex;
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency {
    flex-direction: column;
  }
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency .seaz-crew__edit_label {
  padding-bottom: 1rem;
}
.seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency .form__checkbox {
  padding-left: 14.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency .form__checkbox {
    padding-left: 9.4rem;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency .form__checkbox {
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row--currency .form__checkbox {
    padding-left: 0;
    padding-top: 1rem;
  }
}
.seaz-modal__offer .seaz-crew__edit_flexible {
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer .seaz-crew__edit_flexible {
    margin-top: 0.5rem;
  }
}
.seaz-modal__offer .form-field--content-outline.form-field--content.disabled {
  background-color: #f5f5f5;
}
.seaz-modal__offer .form-field--content-outline.form-field--content.disabled .seazone__form-date-input,
.seaz-modal__offer .form-field--content-outline.form-field--content.disabled .seazone__text-area {
  background-color: #f5f5f5;
}
.seaz-modal__offer .form-field--content-outline.form-field--content.disabled input {
  background-color: #f5f5f5;
}
.seaz-modal__offer .form-field--content-outline.form-field--content {
  border-color: #e0e0e0;
}
.seaz-modal__offer .form-field--content-outline.form-field--content input::placeholder {
  color: #828282;
}
.seaz-modal__offer .form-field--content-outline.form-field--content .select-placeholder {
  color: #828282;
}
.seaz-modal__offer .form__toggle-label:after {
  left: 0;
}
.seaz-modal__offer .form__toggle .form__toggle-label:before {
  width: 2.9rem;
  height: 1.6rem;
  border-radius: 18px;
}
.seaz-modal__offer .form__toggle .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-modal__offer .form__toggle .form__toggle-label:after {
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 2px solid #4f194a;
  background-color: transparent;
  box-shadow: none;
}
.seaz-modal__offer .form__toggle .form__toggle-input:checked + label:after {
  background-color: #ffffff;
  border: 2px solid #4f194a;
  width: 1.6rem;
  height: 1.6rem;
}
.seaz-modal__offer .form__toggle .form__toggle-label:before {
  background-color: transparent;
  border: 2px solid #4f194a;
}
.seaz-modal__offer_section {
  color: #010202;
  padding: 1rem 3rem;
  background-color: #f5f5f5;
  margin-bottom: 2rem;
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer_section {
    padding: 0.4rem 0.8rem;
    margin: 0 3rem 2rem 3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_section {
    margin-top: 2rem;
  }
}
.seaz-modal__offer app-seazone-checkbox.covid-checkbox .form__checkbox {
  padding-left: 0;
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox {
  padding-left: 19rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer app-seazone-checkbox .form__checkbox {
    padding-left: 13.5rem;
  }
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox .form__checkbox-label-text {
  padding-left: 0.8rem;
  color: #000;
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer app-seazone-checkbox .form__checkbox .form__checkbox-label {
    padding: 0;
  }
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0;
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox:not(.disabled) .form__checkbox-label-text {
  color: #000;
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox:not(.disabled) .form__checkbox-label:before {
  border-color: #4f194a;
}
.seaz-modal__offer app-seazone-checkbox .form__checkbox:not(.disabled) .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-modal__offer_date.seaz-crew__edit_row.form__row {
  margin-bottom: 5px;
}
.seaz-modal__offer_range {
  width: 100%;
}
.seaz-modal__offer_range_label {
  color: #828282;
  font-size: 1.4rem;
}
.seaz-modal__offer_range_count {
  margin-left: 5px;
}
.seaz-modal__offer app-seazone-range-slider {
  padding: 0;
}
.seaz-modal__offer app-seazone-range-slider .seazone-range-slider {
  height: 35px;
}
.seaz-modal__offer_radio {
  margin-top: 3rem;
}
.seaz-modal__offer_radio app-seazone-radio {
  padding: 0;
  width: 100%;
}
.seaz-modal__offer_radio app-seazone-radio .form__block {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_radio app-seazone-radio .form__block {
    flex-direction: column;
  }
}
.seaz-modal__offer_radio app-seazone-radio .form__block .form__block_label {
  width: 17rem;
  max-width: 17rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer_radio app-seazone-radio .form__block .form__block_label {
    max-width: 12rem;
    width: 12rem;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer_radio app-seazone-radio .form__block .form__block_label {
    max-width: 15rem;
    width: 15rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_radio app-seazone-radio .form__block .form__block_label {
    max-width: 14rem;
    width: 14rem;
    font-size: 12px;
    margin: 0 0 1.5rem;
  }
}
.seaz-modal__offer_radio app-seazone-radio .form__block .form__radio-container {
  display: flex;
}
.seaz-modal__offer_radio app-seazone-radio .form__block .form__radio {
  margin-right: 3rem;
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer_radio app-seazone-radio .form__block .form__radio-label-text {
    word-break: break-all;
  }
}
.seaz-modal__offer .seaz-crew__btn_box {
  margin-top: 4.8rem;
  width: 100%;
  padding-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer .seaz-crew__btn_box {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row.seaz-modal__offer_publish {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.seaz-modal__offer .seaz-crew__edit_row .form-field--content-outline.form-field--content .select-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.seaz-modal__offer .seazone-form-field--wrapper .form-field--label {
  margin-right: 1.5rem !important;
}
.job-offer__invite {
  padding-top: 2rem;
}
.job-offer__invite_title {
  padding: 0 3rem 3rem 3rem;
  padding-top: 0;
  color: #351f73;
}
.job-offer__invite_form app-seazone-form-field .form-field--wrapper {
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .job-offer__invite_form app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.job-offer__invite_form app-seazone-form-field .form-field--wrapper .form-field--label {
  width: 16rem;
  padding-right: 1rem;
  font-size: 1.4rem;
  color: #010202;
}
@media screen and (max-width: 480px) {
  .job-offer__invite_form app-seazone-form-field .form-field--wrapper .form-field--label {
    margin-bottom: 1rem;
  }
}
.job-offer__invite_form app-seazone-form-field .form-field--wrapper .form-field--content.form-field--content-outline {
  border: 1px solid #e0e0e0;
}
.job-offer__invite_form app-seazone-form-field .form-field--wrapper .form-field--content-wrapper input::placeholder {
  color: #828282;
}
.job-offer__invite_form .seaz-crew__edit_row.form__row {
  margin-bottom: 3rem;
  padding: 0 3rem;
}
.job-offer__invite_btns {
  width: 94%;
  margin: 0 auto;
  padding: 3rem 0;
  border-top: 1px solid #e0e0e0;
  justify-content: flex-end;
}
.job-offer__invite_btns .seaz__btn_primary,
.job-offer__invite_btns .seaz-modal .modal-content__controls .main-btn_green,
.seaz-modal .modal-content__controls .job-offer__invite_btns .main-btn_green {
  width: auto;
}
.seaz-crew__btn_delete {
  display: flex;
}
@media screen and (max-width: 768px) {
  .seaz-crew__btn_delete {
    width: auto;
    padding: 0;
    border: none;
    margin: 0 auto 0 0;
    padding-bottom: 0.8rem;
  }
}
.seaz-crew__btn_delete_icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .seaz-crew__btn_delete_icon {
    display: flex;
    background-image: url(/assets/img/busket-cancel.svg);
    width: 2.8rem;
    height: 3.2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.seaz-cv__tooltip.tooltip-pane .tooltip {
  font-family: "Roboto", sans-serif;
  box-shadow: 0px 0px 12px rgba(53, 31, 115, 0.22);
}
.seaz-cv__tooltip.tooltip-pane .tooltip__text {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  color: #000;
}
.seaz-cv__tooltip.tooltip-pane.seaz-cv__tooltip--contract.top .tooltip::before {
  transform: translateX(calc(-50% + 2px));
}
.seaz-cv__tooltip.tooltip-pane.seaz-cv__tooltip--contract.bottom .tooltip::before {
  transform: translateX(calc(-50% + 2px)) rotate(180deg);
}
.seaz-cv__tooltip.tooltip-pane.seaz-cv__tooltip--no-info.top .tooltip::before {
  transform: translateX(calc(-50% + 8px));
}
.seaz-cv__tooltip.tooltip-pane.seaz-cv__tooltip--no-info.bottom .tooltip::before {
  transform: translateX(calc(-50% + 8px)) rotate(180deg);
}
.seaz-cv__tooltip.tooltip-pane.seaz-cv__tooltip--contract .tooltip__text,
.seaz-cv__tooltip.tooltip-pane.seaz-cv__tooltip--no-info .tooltip__text {
  color: #828282;
  letter-spacing: 0.01em;
  text-transform: unset;
}
.seaz-crew__tooltip .tooltip {
  padding: 0.5rem 0.6rem;
  border: 1px solid #e0e0e0;
  color: #828282;
}
.job-offer__form_label {
  width: 17rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .job-offer__form_label {
    font-size: 12px;
    width: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .job-offer__form_label {
    margin-bottom: 1rem;
    width: 100%;
    margin-right: 0;
  }
}
.seaz-map__modal_title {
  margin-bottom: 1.5rem;
  color: #351f73;
}
.seaz-map__modal_wrapper app-search-location-form .form-field--content-outline.form-field--content {
  height: 4rem;
  border-radius: 0;
  border-color: #e0e0e0;
}
.seaz-map__modal_wrapper app-search-location-form .distance {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.seaz-map__modal_wrapper app-search-location-form .distance .form-field--wrapper {
  flex-direction: row-reverse;
}
@media screen and (max-width: 480px) {
  .seaz-map__modal_wrapper app-search-location-form .distance app-seazone-form-field .form-field--wrapper__row .form-field--label {
    display: none;
  }
}
.seaz-map__modal_wrapper app-search-location-form .distance app-seazone-range-slider {
  padding: 1rem 1.6rem;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.seaz-map__modal_wrapper app-search-location-form .distance app-seazone-range-slider .seazone-range-slider {
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-map__modal_wrapper app-search-location-form .distance app-seazone-range-slider .seazone-range-slider {
    min-width: 90px;
  }
}
.seaz-map__modal_wrapper app-search-location-form .distance .seazone-range-slider__inputs .form__row {
  margin-bottom: 0;
}
.seaz-map__modal_wrapper app-search-location-form .distance .seazone-range-slider__inputs .form__col {
  width: 100%;
}
.seaz-map__modal_wrapper app-search-location-form .distance .seazone-range-slider__inputs .form-field--label {
  margin-right: 0;
  width: auto;
  margin-left: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-map__modal_wrapper app-search-location-form .distance .seazone-range-slider__inputs .form-field--label {
    margin-bottom: 0;
  }
}
.seaz-map__modal_wrapper app-search-location-form .distance .seazone-range-slider__inputs .form-field--content {
  width: 7.5rem;
}
.seaz-map__modal_wrapper app-search-location-form .distance_km {
  padding: 1.1rem 1.6rem;
  color: #010202;
  border: 1px solid #e0e0e0;
}
.seaz-map__modal_wrapper app-search-location-form .seaz-filter__row--right {
  display: flex;
  align-items: center;
}
.seaz-map__modal_wrapper app-search-location-form .seaz-filter__row--right app-seazone-checkbox:not(:first-of-type) .form__checkbox {
  margin-left: 2.4rem;
}
.seaz-map__modal_wrapper app-search-location-form .form__checkbox .form__checkbox-label-text {
  padding-left: 0.8rem;
  color: #010202;
  font-size: 1.4rem;
}
.seaz-map__modal_wrapper app-search-location-form .form__checkbox .form__checkbox-label {
  height: 2.4rem;
  width: 2.4rem;
}
.seaz-map__modal_wrapper app-search-location-form .form__checkbox .form__checkbox-label:before {
  border-radius: 0;
  border-color: #4f194a;
  height: 2.4rem;
  width: 2.4rem;
}
.seaz-map__modal_wrapper app-search-location-form .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-search__no_date {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seaz-modal__contact_title {
  color: #351f73;
}
.seaz-modal__contact_box {
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
}
.seaz-modal__contact_box .seaz-cv__contact_item {
  margin-bottom: 3rem;
  padding-right: 0;
  width: 100%;
}
.seaz-modal__contact_box .seaz-cv__contact_item:nth-of-type(2n) {
  padding-left: 0;
}
.seaz-modal__contact_btn {
  padding: 3rem 0 0;
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: flex-end;
}
.seaz-modal__contact_btn button:not(:last-of-type) {
  margin-right: 1.2rem;
}
.seaz-modal__status_title {
  color: #351f73;
  padding-bottom: 4.6rem;
}
.seaz-modal__status_form {
  display: flex;
  flex-direction: column;
}
.seaz-modal__status_form app-seazone-radio-item {
  display: flex;
  padding: 1.6rem;
  align-items: center;
}
.seaz-modal__status_form app-seazone-radio-item:hover {
  background-color: #f5f5f5;
}
.seaz-modal__status_form app-seazone-radio-item .form__radio-label-text {
  padding: 0.8rem 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #ffffff;
}
.seaz-modal__status_form app-seazone-radio-item.looking-job .form__radio-label-text {
  background-color: #00b9ff;
}
.seaz-modal__status_form app-seazone-radio-item.looking-job .form__radio-label-text.disabled {
  background-color: #bdbdbd;
}
.seaz-modal__status_form app-seazone-radio-item.vacation .form__radio-label-text {
  background-color: #46a6a4;
}
.seaz-modal__status_form app-seazone-radio-item.vacation .form__radio-label-text.disabled {
  background-color: #bdbdbd;
}
.seaz-modal__status_form app-seazone-radio-item.on-board .form__radio-label-text {
  background-color: #4f194a;
}
.seaz-modal__status_form app-seazone-radio-item.not-active .form__radio-label-text {
  background-color: #bdbdbd;
}
.seaz-modal__status_form app-seazone-radio-item .form__radio-label {
  height: 1.8rem;
}
.seaz-modal__status_form app-seazone-radio-item .form__radio-label.disabled {
  cursor: default;
}
.seaz-modal__status_form app-seazone-radio-item .form__radio-label.disabled:before {
  border-color: #bdbdbd;
}
.seaz-modal__status_warning {
  font-size: 1.2rem;
  color: #4f4f4f;
  padding-left: 4.2rem;
}
.seaz-modal__status_updated {
  text-align: center;
  width: 67%;
  margin: 0 auto;
  line-height: 2.4rem;
  color: #351f73;
  padding: 1.6rem 0;
  font-size: 1.8rem;
}
.seaz-modal__status_finish {
  padding: 1.2rem;
  text-align: center;
}
.seaz-modal__status_finish_title {
  padding-bottom: 0.8rem;
  color: #351f73;
  text-transform: uppercase;
}
.seaz-modal__status_finish_text {
  padding: 0 0.2rem 0.8rem 0.2rem;
  color: #4f4f4f;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
}
.seaz-modal__status_finish_icon {
  font-size: 28px;
  display: block;
  padding-top: 0.8rem;
}
.seaz-modal__status_jump_text {
  color: #4f4f4f;
  font-size: 1.8rem;
  text-align: center;
  display: block;
  line-height: 1.8rem;
  padding-bottom: 1.2rem;
}
.seaz-modal__status_jump_text_box {
  padding-bottom: 1.8rem;
}
.seaz-modal__status_jump_wrapper {
  padding: 2.4rem 3.2rem;
  border: 1px dashed #cacaca;
  width: fit-content;
  margin: 2rem auto 3rem;
  position: relative;
}
.seaz-modal__status_jump_wrapper::before {
  content: "";
  height: 16px;
  width: 16px;
  position: absolute;
  right: 0;
  top: -9px;
  background: #ffffff;
  margin: auto;
  transform: rotate(-134deg);
  border: 1px dashed #cacaca;
  border-top: none;
  border-left: none;
  left: 0;
}
.seaz-modal__status_jump_wrapper .seaz-cv__head_btn_jump {
  margin-right: 0;
}
.seaz-contract__finish_form .seaz-modal__experience_date_box {
  margin-bottom: 2.4rem;
}
.seaz-contract__finish_form .form-field--wrapper.seazone-form-field--wrapper.form-field--wrapper__row .form-field--label {
  max-width: 16rem;
  margin-right: 5rem;
}
.seaz-contract__finish_form app-seazone-documents-uploader {
  width: 100%;
}
.seaz-contract__finish_form app-seazone-documents-uploader .seaz-uploader__document_label {
  margin-right: 5rem;
  max-width: 16rem;
  width: 16rem;
}
.seaz-contract__finish_form app-phone-number .form__block-text {
  margin-right: 5rem;
  max-width: 16rem;
  width: 16rem;
  flex-shrink: 0;
}
.seaz-contract__finish_form app-phone-number.seaz-crew__phone .phone-control-container.disabled {
  background-color: #e7e7eb;
  border: 1px solid #a9a9a9;
}
.seaz-contract__finish_form app-phone-number.seaz-crew__phone .phone-control-container.disabled .phone-input input,
.seaz-contract__finish_form app-phone-number.seaz-crew__phone .phone-control-container.disabled .phone-code-container {
  background-color: #e7e7eb;
}
.seaz-contract__finish_form app-phone-number .phone-control-wrapper {
  width: 100%;
}
.seaz-contract__finish_form .form__row .reference__control {
  margin-top: 0;
  margin-left: 0;
}
.seaz-contract__finish_form .seaz-modal__head {
  margin-right: 5rem;
  max-width: 16rem;
  width: 16rem;
}
@media screen and (max-width: 480px) {
  .seaz-contract__finish_form .seaz-modal__head {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-contract__finish_form .seaz-uploader__document {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-contract__finish_form .seaz-uploader__document .seaz-uploader__document_label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-contract__finish_form .seaz-crew__btn_box {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-contract__finish_form .seaz-crew__btn_box button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.info-modal .info-modal__header .info-modal__header-icons img.info-modal__header_logo {
  width: 10.6rem;
  height: 10.6rem;
  margin: 1.3rem auto;
}
.notification-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Roboto", sans-serif;
  text-align: center;
}
.notification-modal-content__img {
  margin-top: 3rem;
  margin-bottom: 5rem;
}
.notification-modal-content__img app-seazone-icon[name=warningTriangle] svg {
  fill: #f49342;
  width: 124px;
  height: 124px;
}
.notification-modal-content__text {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.seaz-modal__update-location .seaz-modal__offer .seaz-modal__head {
  padding: 0 0 3rem 0;
}
.seaz-modal__update-location .seazone-form-field--wrapper.form-field--wrapper__row.form-field--wrapper .form-field--label {
  margin-right: 1rem;
  max-width: 15rem;
}
.seaz-modal__update-location app-location-autocomplete {
  width: 100%;
}
.seaz-modal__update-location app-seazone-checkbox .form__checkbox {
  padding-left: 16rem;
}
.seaz-modal__update-location .seaz-crew__btn_box {
  padding-bottom: 0;
}
.add-boat-modal .modal-content__text {
  margin: 3rem 0 0;
  color: #4f4f4f;
}
.add-boat-modal__controls {
  margin-top: 3rem;
}
.add-boat-modal__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 3rem;
}
.add-boat-modal__cancel-btn {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.add-boat-modal-button {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 1.2rem;
  padding: 1.6rem 1.8rem;
}
.add-boat-modal-button:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.add-boat-modal-button__content {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  color: #010202;
  text-align: left;
}
.add-boat-modal-button__icon {
  display: block;
  margin-right: 1.8rem;
}
.add-boat-modal-button__text {
  display: block;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-top: 0.4rem;
}
.add-boat-modal-button__icon-arrow {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translate(0, -50%) rotateZ(180deg);
  transition: transform 0.3s;
}
.add-boat-modal-button:hover .add-boat-modal-button__icon-arrow {
  transform: translate(0.5rem, -50%) rotateZ(180deg);
}
.trial-warning-modal .modal-content__text {
  color: #4f4f4f;
  margin: 3rem;
}
.seaz-modal__offer_language {
  width: 100%;
}
.seaz-modal__rating_title {
  color: #351f73;
  padding-bottom: 4rem;
}
.seaz-modal__rating_total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 3rem;
}
.seaz-modal__rating_total_text {
  font-weight: 500;
  font-size: 2.4rem;
  color: #010202;
}
.seaz-modal__rating_badge {
  display: flex;
  align-items: center;
  background-color: #46a6a4;
  border-radius: 0.8rem;
  padding: 1.2rem 1.1rem;
  font-weight: 500;
  font-size: 2.4rem;
  color: #ffffff;
}
.seaz-modal__rating_scale_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.8rem;
}
.seaz-modal__rating_scale_name,
.seaz-modal__rating_scale_score {
  color: #010202;
}
.seaz-modal__rating_scale_score {
  letter-spacing: 1px;
}
.seaz-modal__rating_scale_line {
  width: 100%;
  height: 0.4rem;
  background-color: #f5f5f5;
  margin-bottom: 3rem;
  border-radius: 12px;
  overflow: hidden;
}
.seaz-modal__rating_scale_line--filled {
  display: block;
  height: 0.4rem;
  background-color: #46a6a4;
}
.seaz-modal__rating_review_title {
  padding-bottom: 0.8rem;
  color: #010202;
  display: block;
}
.seaz-modal__rating_review_comment {
  color: #4f4f4f;
  padding-bottom: 3rem;
}
.seaz-modal__rating_btn.seaz-crew__btn_box {
  border-color: #e0e0e0;
}
.seaz-modal__share_offer_title {
  text-transform: uppercase;
  color: #351f73;
  padding-bottom: 0.8rem;
}
.seaz-modal__share_offer_subtitle {
  padding-bottom: 2.4rem;
  color: #010202;
  line-height: 2.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .header__controls {
    transform: translate(-50%, 83%) !important;
  }
}
.seaz-modal__share_offer_selected {
  color: #4f4f4f;
}
.seaz-modal__share_offer_selected_box {
  padding-bottom: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 2.4rem;
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer_selected_box {
    margin-right: 1.2rem;
  }
}
.seaz-modal__share_offer_selected_box .form__checkbox.boat__form-checkbox {
  width: 2.4rem;
}
.seaz-modal__share_offer_all {
  display: flex;
  align-items: center;
}
.seaz-modal__share_offer_all_text {
  color: #351f73;
  margin-right: 1.2rem;
}
.seaz-modal__share_offer_all .boat__form-checkbox {
  margin-bottom: 0;
}
.seaz-modal__share_offer_checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__share_offer_checkbox .form__checkbox-label {
    padding: 0;
  }
}
.seaz-modal__share_offer_checkbox .form__checkbox-label:before {
  border-color: #bdbdbd;
  border-radius: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-modal__share_offer_checkbox .form__checkbox-label-text {
  display: none;
}
.seaz-modal__share_offer_checkbox .boat__form-checkbox .form__checkbox-input:checked + label::before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-modal__share_offer-btn {
  margin-top: 4rem;
}
.seaz-modal__share_offer .seaz-search__card {
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .seaz-search__card_info {
    padding-bottom: 5.8rem;
  }
}
.seaz-modal__share_offer .seaz-search__card_head {
  align-items: center;
  border: 1px solid #e0e0e0;
  border-bottom: none;
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .seaz-search__card_head {
    padding: 2.4rem 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__share_offer .seaz-search__card_head {
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__share_offer .seaz-search__card_head .header__controls {
    position: initial;
  }
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .seaz-search__card_head_info {
    width: 100%;
  }
}
.seaz-modal__share_offer .seaz-search__card_btns {
  width: auto;
}
.seaz-modal__share_offer .job-offer__card_id {
  margin-top: 0;
}
.seaz-modal__share_offer .seaz-search__card_location {
  font-size: 1.4rem;
}
.seaz-modal__share_offer .seaz-search__card_head_status .seaz-cv__badges_status_job {
  min-width: auto;
  font-size: 1.4rem;
  padding: 0.7rem 1rem;
  min-height: auto;
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .seaz-search__card_head_status .seaz-cv__badges_status_job {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .seaz-search__card_info_head_row {
    justify-content: center;
  }
}
.seaz-modal__share_offer .seaz-search__card_head_updates_status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.seaz-modal__share_offer .offerred-status-process,
.seaz-modal__share_offer .offerred-status-pending,
.seaz-modal__share_offer .offerred-status-new,
.seaz-modal__share_offer .offerred-status-declined,
.seaz-modal__share_offer .offerred-status-hired,
.seaz-modal__share_offer .offerred-status-closed,
.seaz-modal__share_offer .offerred-status-shared {
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 0.7rem 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.seaz-modal__share_offer .offerred-status-declined.grey {
  background-color: #828282;
}
@media screen and (max-width: 1150px) {
  .seaz-modal__share_offer .seaz-search__card_head .header__controls {
    position: initial;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__share_offer .seaz-search__card_avatar {
    width: 12rem;
    height: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__share_offer .seaz-search__card_position {
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__share_offer .seaz-search__card_photo {
    height: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__share_offer .seaz-search__card_info_head_row {
    padding: 0 0 1.2rem 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-modal__share_offer .seaz-search__card_head_badges {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__share_offer .seaz-search__card--offer .seaz-search__card_info_col .job-offer__card_id {
    flex-direction: column;
  }
}
.seaz-modal__share_offer .seaz-search__card {
  border-color: #e0e0e0;
}
.seaz-modal__looking_title {
  color: #351f73;
}
.seaz-modal__looking_text {
  padding-top: 3rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #010202;
  font-weight: 300;
}
.seaz-modal__looking_text span {
  font-weight: 500;
}
.seaz-modal__looking_text--jump span {
  font-weight: 500;
  text-transform: uppercase;
  color: #00b9ff;
}
.seaz-modal__looking_text_luck {
  padding-top: 2.4rem;
  font-size: 1.8rem;
  font-weight: 300;
  color: #010202;
  padding-bottom: 3rem;
}
.seaz-modal__looking_btns {
  border-top: 1px solid #e0e0e0;
  padding-top: 3rem;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .seaz-modal__looking_btns {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__looking_btns button {
    margin-bottom: 1rem;
  }
}
.seaz-modal__looking_btns button:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__looking_btns button:not(:last-of-type) {
    margin-right: 0;
  }
}
.offerred-status-declined.grey {
  background-color: #828282;
}
.seaz-modal__deactivate_title {
  padding-bottom: 3rem;
  color: #351f73;
  line-height: 2.8rem;
}
.seaz-modal__deactivate_text {
  padding-bottom: 3rem;
  font-size: 1.8rem;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .seaz-modal__deactivate .form__row.seaz-crew__btn_box {
    flex-wrap: wrap;
  }
}
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz__btn_outlined,
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz__btn_outlined_plus,
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz-dashboard__finance_expense_btn button,
.seaz-dashboard__finance_expense_btn .seaz-modal__deactivate .form__row.seaz-crew__btn_box button,
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz-modal .modal-content__controls .main-btn_white-green,
.seaz-modal .modal-content__controls .seaz-modal__deactivate .form__row.seaz-crew__btn_box .main-btn_white-green,
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz-edit__folder div,
.seaz-edit__folder .seaz-modal__deactivate .form__row.seaz-crew__btn_box div,
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz__btn_primary,
.seaz-modal__deactivate .form__row.seaz-crew__btn_box .seaz-modal .modal-content__controls .main-btn_green,
.seaz-modal .modal-content__controls .seaz-modal__deactivate .form__row.seaz-crew__btn_box .main-btn_green {
  padding: 1.4rem 1.8rem;
}
.seaz-modal__deactivate .form__row.seaz-crew__btn_box button {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__deactivate .form__row.seaz-crew__btn_box button {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__deactivate .form__row.seaz-crew__btn_box button {
    width: 100%;
    margin-right: 0;
  }
}
.seaz-modal__deactivate .form__row.seaz-crew__btn_box button:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .seaz-modal__deactivate .form__row.seaz-crew__btn_box button:nth-of-type(2n) {
    margin-right: 0;
  }
}
.charter-guest-form-modal .modal__wrap,
.charter-broker-form-modal .modal__wrap {
  padding: 0;
}
.charter-guest-form-modal__wrap,
.charter-broker-form-modal__wrap {
  box-sizing: border-box;
  padding: 2rem;
}
.charter-guest-form-modal .modal-close,
.charter-broker-form-modal .modal-close {
  z-index: 1;
}
.seaz-charter__guests_add-modal {
  width: 100%;
  max-width: 61.6rem;
  padding: 12rem 1rem;
  margin: 0 auto;
}
.seaz-charter__guests_add-modal .seaz-charter__guests_add_box {
  display: flex;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
}
.seaz-charter__guests_add-modal .seaz-charter__guests_view_edit {
  position: relative;
  top: 0;
  left: 0;
}
.seaz-charter__guests_add-modal__wrap:not(:first-of-type) {
  margin-top: 4rem;
}
.seaz-charter__guests_add-modal__title {
  font-weight: bold;
  color: #4f4f4f;
  margin-bottom: 1.6rem;
}
.seaz-charter__guests_add-modal__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #351f6f;
  padding: 1.2rem 1.6rem;
}
.seaz-charter__guests_add-modal__item:nth-child(2n+1) {
  background-color: #fafafb;
}
.seaz-charter__guests_add-modal__val {
  font-size: 1.6rem;
  color: #313247;
}
.seaz-charter__guests_add-modal__val--include {
  color: #bdbdbd;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add-modal {
    padding: 7rem 1rem;
  }
  .seaz-charter__guests_add-modal__wrap:not(:first-of-type) {
    margin-top: 3rem;
  }
  .seaz-charter__guests_add-modal__item {
    padding: 1rem 1.2rem;
  }
}
.empty-active-job-offers-modal .seaz-h3,
.empty-active-job-offers-modal .seaz-h3-caps {
  margin-bottom: 2rem;
  color: #351f73;
  text-align: center;
}
.empty-active-job-offers-modal .modal-content__text {
  line-height: 1.5;
  text-align: center;
}
.empty-active-job-offers-modal .modal-content__text p:not(:last-child) {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter-add-edit-persons-form .seaz-charter-new-agent__item {
    flex-direction: column;
  }
  .seaz-charter-add-edit-persons-form .seaz-charter-new-agent__item .seaz-charter-form-label {
    margin: 0 0 1rem 0;
  }
}
.seaz-search-location-modal-form__content {
  padding: 0 0 2.4rem;
}
.seaz-search-location-modal-form__content-wrap {
  padding: 2.4rem;
  border-bottom: 1px solid #e0e0e0;
}
.seaz-search-location-modal-form__content-wrap--not-border {
  border: none;
}
.seaz-search-location-modal-form .seaz-filters__head_top_box {
  width: auto;
  border-bottom: 1px solid #e0e0e0;
  padding: 2.4rem 2.4rem 1.2rem 2.4rem;
}
.seaz-search-location-modal-form .chips-item.selected {
  border: 2px solid #00b9ff;
}
.seaz-search-location-modal-form__text {
  margin-bottom: 1.6rem;
}
.seaz-search-location-modal-form .seaz-search-crew-filters__search .form-field--content.form-field--content-outline {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .seaz-search-location-modal-form {
    padding-bottom: 3rem;
  }
  .seaz-search-location-modal-form .seaz-filters__head_top_box {
    padding: 1.6rem 1.6rem 1.2rem 1.6rem;
  }
  .seaz-search-location-modal-form .form-field--wrapper.form-field--wrapper__row.seazone-form-field--wrapper {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal-experience__edit {
    right: 16rem;
    top: 2.5rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-modal-experience .seaz-modal__courses_edit {
    right: 4rem;
    top: 2.5rem;
  }
}
.seaz-modal-experience .form__row.seaz-crew__btn_box {
  margin-top: 1rem;
}
.seaz-modal-courses-form .seaz-crew__btn_box {
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .seaz-modal-courses-form .form-field--label {
    margin-right: 2rem;
    margin-bottom: 0.8rem;
  }
}
.seaz-modal-job-offer {
  height: 100%;
  padding: 0 2rem;
  overflow: auto;
}
.seaz-modal-job-offer .seaz-h5-caps {
  margin: 0 0 2rem 0;
}
.seaz-modal-job-offer .seaz-crew__edit_box {
  padding: 0;
}
.seaz-modal-job-offer .areas-row {
  margin-bottom: 3.2rem;
}
.seaz-modal-job-offer .areas-row .form-field--content .select-value {
  width: 3.5rem;
}
.seaz-modal-job-offer .info-label-modal-offer {
  display: block;
  margin-bottom: 3rem;
}
.seaz-modal-job-offer .for-couples-toggle {
  margin-left: 1.6rem;
}
.seaz-modal-job-offer .for-couples-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seaz-modal-job-offer .for-couples-box .form-field--content {
  align-items: center;
}
.seaz-modal-job-offer .for-couples-box .form-field--content-outline {
  height: 4rem;
}
.seaz-modal-job-offer .for-couples-box .form-field--wrapper {
  flex-direction: row;
  align-items: center;
}
.seaz-modal-job-offer .for-couples-box .form-field--label {
  font-size: 1.4rem;
  font-weight: 400;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .seaz-modal-job-offer .for-couples-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-modal-job-offer .for-couples-box .for-couples-btn-box {
    margin: 1.6rem 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal-job-offer .for-couples-box .form-field--wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-modal-job-offer .for-couples-btn-box {
  flex-shrink: 0;
  margin-left: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal-job-offer .seaz-crew__edit_box .seaz-crew__edit_row.form__row {
    padding: 0;
  }
  .seaz-modal-job-offer .for-couples-toggle-row {
    flex-direction: row;
    justify-content: space-between;
  }
  .seaz-modal-job-offer .for-couples-box {
    flex-direction: column;
  }
  .seaz-modal-job-offer .for-couples-btn-box {
    width: 100%;
    flex-shrink: 1;
    margin: 1.6rem 0 0;
  }
  .seaz-modal-job-offer .new-couple-btn {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_create.seaz-modal-job-offer .seaz-modal__offer_publish {
    margin-top: 1.5rem;
  }
  .seaz-modal__offer_create.seaz-modal-job-offer .seaz-modal__offer_publish .form-field--label {
    margin-bottom: 0;
  }
}
.release-info__modal {
  max-width: 100rem;
  width: 100%;
}
.release-info__modal .modal__wrap {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-modal-other-experience-form .form-field--wrapper__row.form-field--wrapper .form-field--label,
  .seaz-modal-other-experience-form .seaz-modal__experience_date_label {
    margin-bottom: 1rem;
    margin-right: 0;
  }
  .seaz-modal-other-experience-form .form__row.seaz-crew__btn_box,
  .seaz-modal-other-experience-form .form__row {
    width: 100%;
  }
  .seaz-modal-other-experience-form .form-field--wrapper__row.form-field--wrapper,
  .seaz-modal-other-experience-form .seaz-modal__experience_date_control {
    flex-direction: column;
    width: 100%;
  }
}
.seaz-update-location-modal app-seazone-checkbox.seaz-update-location-modal__checkbox .form__checkbox-label:before,
.seaz-update-location-modal app-seazone-checkbox .form__checkbox .form__checkbox-label {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.2rem;
}
.seaz-update-location-modal .form__checkbox-label-text {
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-update-location-modal .form__checkbox {
    padding: 0 !important;
  }
}
.modal-right app-overlay {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 0;
}
.modal-right .modal__wrap {
  padding: 0;
}
.modal-left app-overlay {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  position: fixed;
  left: 0;
  top: 0;
}
.modal-left .modal__wrap {
  padding: 0;
}
.seaz-rounded.seaz-modal {
  width: 100%;
  border-radius: 1.6rem;
  padding: 1rem;
}
.seaz-rounded.seaz-modal .modal-close {
  top: 3.8rem;
}
.info-modal__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
}
.info-modal__text--custom-text {
  color: #010202;
  line-height: 2rem;
}
.info-modal__content {
  margin-top: 1.6rem;
}
.info-modal__controls {
  display: flex;
  justify-content: flex-end;
  margin-top: 3rem;
}
.info-modal__btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
.info-modal a {
  color: #00b9ff;
}
.general-experience-date .select-value {
  width: auto;
}
.ais-modal .modal-content__text {
  margin-bottom: 1.2rem;
}
.ais-modal .modal-content__text--hint {
  font-size: 1.4rem;
  color: #828282;
  line-height: 1.6rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .document-modal-header {
    padding-top: 3.3rem;
  }
}
.general-update-report-modal-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 4.6rem 0 0 0;
  border: none;
}
.text-area-general-update-report-modal app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.crew-cv-contacts-modal .modal-content__title {
  margin-top: 0;
  margin-bottom: 3rem;
}
.crew-cv-contacts-modal .modal-content a {
  color: #00b9ff;
}
.modal-container {
  padding: 1rem;
}
.modal-container--title {
  margin-bottom: 3rem;
}
.modal-container:has(.modal-container--subtitle) .modal-container--title {
  margin-bottom: 1.2rem;
}
.modal-container--subtitle {
  margin-bottom: 3rem;
}
.modal-container--form-content {
  margin-bottom: 3rem;
}
.modal-container--actions {
  display: flex;
  justify-content: flex-end;
}
.modal-container--actions .seaz__btn_rounded {
  line-height: 2.8rem;
}
.modal-container--actions .seaz__btn_rounded:not(:last-child) {
  margin-right: 1.2rem;
}
.modal-container--actions__col {
  display: flex;
  justify-content: flex-end;
}
.modal-container--actions__col:last-child {
  flex: 1 1 auto;
}
.menu {
  display: flex;
}
.menu__item {
  flex-grow: 1;
}
.menu__item.blocked {
  pointer-events: none;
}
.menu__item.blocked a {
  opacity: 0.3;
}
.menu__item.activated {
  display: none;
}
@media screen and (max-width: 1200px) {
  .menu__item.activated {
    display: flex;
    align-items: center;
    color: white;
    margin-left: 1rem;
    opacity: 0;
    transition: all 0.3s linear;
  }
  .menu__item.activated.show {
    opacity: 1;
  }
}
.menu > .active-item > .menu__link {
  opacity: 1;
}
.menu__link {
  position: relative;
  display: flex;
  align-items: center;
  color: white;
  opacity: 0.65;
  transition: 0.3s;
  min-height: 40px;
}
.menu__link-text {
  white-space: nowrap;
}
.menu__link-icon {
  font-size: 2rem;
}
.menu__link-icon::before {
  content: none;
}
.menu__link-icon svg {
  fill: white;
}
.menu__link-icon.icon-search svg {
  stroke: white;
}
.menu__link:hover {
  opacity: 1;
  cursor: pointer;
}
.menu__link-sub-text {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .menu__link:hover,
  .menu__link:active {
    opacity: 1;
    background-color: #3f9795;
  }
}
.top-navigation {
  background: #46a6a4;
  padding: 1rem 0;
  width: 100%;
  z-index: 900;
  min-height: 6rem;
}
@media screen and (max-width: 1200px) {
  .top-navigation {
    transition: all 0.2s ease-in-out;
  }
}
.top-navigation__header {
  width: 100%;
  display: block;
}
.top-navigation .menu__item_list .menu__link {
  position: relative;
}
.top-navigation .menu__item_list .menu__link::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  right: 7px;
  top: 43%;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_list .menu__link::before {
    display: none;
  }
}
.top-navigation .menu__item_list .top-navigation__sub-menu .menu__link {
  padding-right: 0;
}
.top-navigation .menu__item_list .top-navigation__sub-menu .menu__link::before {
  display: none;
}
.top-navigation .menu__item_list .menu__link {
  padding-right: 2rem;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_list::before {
    content: "\e823";
    position: absolute;
    font-family: "fontello";
    right: 2rem;
    top: 22px;
    font-size: 1rem;
    color: white;
    opacity: 0.5;
    z-index: 1;
    transform: rotateZ(90deg);
  }
}
.top-navigation .menu__item.active-item {
  border-radius: 8px;
  background: rgba(53, 31, 111, 0.3);
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item.active-item {
    background: #3f9795;
    border-radius: 0;
  }
}
.top-navigation .menu__item .top-navigation__sub-menu::before {
  content: "";
  border: 7px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -1.2rem;
  left: 33px;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item .top-navigation__sub-menu::before {
    display: none;
  }
}
.top-navigation .menu__item .top-navigation__sub-menu .menu__item.active-item {
  background-color: inherit;
}
.top-navigation .menu__item .top-navigation__sub-menu .menu__item.blocked .menu__link {
  color: #a9a9a9;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item .top-navigation__sub-menu .menu__item.blocked .menu__link {
    color: #ffffff;
    opacity: 0.5;
  }
}
.top-navigation .menu__item .menu__link {
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item .menu__link {
    justify-content: flex-start;
    padding: 2rem 4rem;
  }
}
.top-navigation .menu__item .menu__link-icon {
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .top-navigation .menu__item .menu__link-icon {
    margin-right: 0.5rem;
  }
}
.top-navigation .menu__item .top-navigation__sub-menu {
  bottom: -5.4rem;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item .top-navigation__sub-menu {
    bottom: auto;
  }
}
.top-navigation__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .top-navigation__wrap {
    padding: 0.6rem 0;
    justify-content: space-between;
  }
}
.top-navigation__menu {
  max-width: 127.1rem;
  margin: 0 auto;
  flex-grow: 1;
}
@media screen and (max-width: 1200px) {
  .top-navigation__menu {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    order: 1;
    background: #46a6a4;
    left: 0;
    z-index: 10;
    padding: 0;
    min-width: 100%;
    flex-wrap: wrap;
    top: 6.1rem;
  }
  .top-navigation__menu .menu__item {
    position: relative;
    width: 100%;
  }
  .top-navigation__menu .menu__link {
    flex-direction: row;
    padding: 2.2rem 2rem;
  }
  .top-navigation__menu .menu__link-icon {
    margin-right: 1.3rem;
  }
  .top-navigation__menu .menu__link:before {
    display: none;
  }
  .top-navigation__menu .menu__link:hover:before {
    display: none;
  }
  .top-navigation__menu .menu__item:before {
    right: 1.5rem;
  }
  .top-navigation__menu .menu__link {
    padding: 1.2rem 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .top-navigation__menu {
    top: 5.3rem;
  }
}
.top-navigation.agency-top-navigation .top-navigation__menu {
  max-width: 60rem;
}
.top-navigation .menu__item.opened .top-navigation__sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item.opened .top-navigation__sub-menu {
    max-height: 100%;
    transition: all 0.3s ease-in;
  }
}
.top-navigation .menu__item.opened:before {
  transform: rotateZ(-90deg);
  opacity: 1;
}
.top-navigation__sub-menu {
  position: absolute;
  opacity: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25);
  transform: translateY(-10%);
  transition: all 0.1s ease-out;
  visibility: hidden;
  z-index: 1;
}
.top-navigation__sub-menu .menu__link {
  margin: 0 20px;
  color: #351f6f;
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .top-navigation__sub-menu .menu__link {
    margin: 0 30px;
  }
}
.top-navigation__sub-menu .menu__link.blocked {
  color: #a9a9a9;
}
.top-navigation__sub-menu .menu__link.blocked a {
  opacity: 1;
}
.top-navigation__sub-menu .menu__link .menu__link-icon {
  opacity: 0.5;
}
.top-navigation__sub-menu .menu__link .menu__link-icon svg {
  fill: #351f6f;
}
.top-navigation__sub-menu .menu__link .menu__link-icon.icon-search svg {
  stroke: #351f6f;
}
.top-navigation__sub-menu .menu__link:hover .menu__link-icon {
  opacity: 1;
}
.top-navigation__sub-menu .menu > .active-item .menu__link {
  color: #46a6a4;
}
.top-navigation__sub-menu .menu > .active-item .menu__link .menu__link-icon {
  opacity: 1;
}
.top-navigation__sub-menu .menu > .active-item .menu__link .menu__link-icon svg {
  fill: #46a6a4;
}
.top-navigation__sub-menu .menu > .active-item .menu__link .menu__link-icon.icon-search svg {
  stroke: #46a6a4;
}
@media screen and (max-width: 1200px) {
  .top-navigation__sub-menu .menu > .active-item .menu__link .menu__link-icon svg {
    fill: white;
  }
  .top-navigation__sub-menu .menu > .active-item .menu__link .menu__link-icon.icon-search svg {
    stroke: white;
  }
}
@media screen and (max-width: 1200px) {
  .top-navigation__sub-menu {
    position: relative;
    max-height: 0;
    background: transparent;
    overflow: hidden;
    transform: translateY(0);
    border-radius: 0;
    box-shadow: none;
  }
  .top-navigation__sub-menu .menu {
    flex-direction: column;
  }
  .top-navigation__sub-menu .menu > .active-item {
    opacity: 1;
  }
  .top-navigation__sub-menu .menu > .active-item .menu__link {
    opacity: 1;
    color: #fff;
  }
  .top-navigation__sub-menu .menu__item {
    opacity: 1;
  }
  .top-navigation__sub-menu .menu__item::before {
    content: none;
  }
  .top-navigation__sub-menu .menu__item.blocked {
    color: #351f6f;
  }
  .top-navigation__sub-menu .menu__item.blocked a {
    opacity: 0.3;
  }
  .top-navigation__sub-menu .menu__link {
    color: #fff;
  }
  .top-navigation__sub-menu .menu__link .menu__link-icon svg {
    fill: #fff;
  }
  .top-navigation__sub-menu .menu__link .menu__link-icon.icon-search svg {
    stroke: #fff;
  }
}
.top-navigation__hamburger {
  display: none;
}
@media screen and (max-width: 1200px) {
  .top-navigation__hamburger {
    display: inline-flex;
    cursor: pointer;
    margin-right: auto;
  }
}
.top-navigation__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 0.4rem 0.4rem rgba(37, 77, 76, 0.2);
  border-radius: 1rem;
  min-height: 3.9rem;
  min-width: 3.9rem;
  position: relative;
  overflow: hidden;
}
.top-navigation__btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  height: 130%;
  width: 130%;
  background-color: #d4f9f8;
  z-index: 1;
}
.top-navigation__btn:active:before {
  transition: 0.3s;
  transform: translate(-50%, -50%) scale(1);
}
.top-navigation__btn .icon-plus {
  color: #46a6a4;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .top-navigation__btn {
    min-height: 3rem;
    min-width: 3rem;
  }
}
.top-navigation .menu__item_charters {
  position: relative;
}
.top-navigation .menu__item_charters .top-navigation__sub-menu {
  right: -3rem;
}
.top-navigation .menu__item_charters .top-navigation__sub-menu:before {
  left: 73%;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_charters .top-navigation__sub-menu {
    right: auto;
  }
}
.top-navigation .menu__item_charters.active-item .top-navigation__sub-menu::before {
  left: 60%;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_charters.active-item .top-navigation__sub-menu::before {
    right: auto;
  }
}
.top-navigation .menu__item_search {
  position: relative;
}
.top-navigation .menu__item_search .top-navigation__sub-menu {
  right: 0;
}
.top-navigation .menu__item_search .top-navigation__sub-menu:before {
  left: 73%;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_search .top-navigation__sub-menu {
    right: auto;
  }
}
.top-navigation .menu__item_search.active-item .top-navigation__sub-menu::before {
  left: 53%;
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_search.active-item .top-navigation__sub-menu::before {
    right: auto;
  }
}
@media screen and (max-width: 1440px) {
  .top-navigation .menu__item_finance.opened .top-navigation__sub-menu,
  .top-navigation .menu__item_maintenance.opened .top-navigation__sub-menu {
    left: 10%;
  }
  .top-navigation .menu__item_finance .top-navigation__sub-menu::before,
  .top-navigation .menu__item_maintenance .top-navigation__sub-menu::before {
    left: 30%;
  }
}
@media screen and (max-width: 1200px) {
  .top-navigation .menu__item_finance.opened .top-navigation__sub-menu,
  .top-navigation .menu__item_maintenance.opened .top-navigation__sub-menu {
    left: 0;
    transform: translateX(0);
  }
}
@media screen and (max-width: 1440px) {
  .top-navigation .menu__item_maintenance .top-navigation__sub-menu::before {
    left: 50%;
  }
}
.active-menu .top-navigation__menu {
  max-height: max-content;
}
.card {
  background-color: white;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  padding: 3.1rem 1.6rem 2.6rem;
  border: 0.05rem solid #e7e7eb;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 480px) {
  .card {
    padding: 1.2rem;
  }
}
.card__status {
  margin-right: 0.8rem;
}
.card__row {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 0.4rem;
}
.card__row-left {
  flex-grow: 1;
}
.card__row-right {
  margin-left: 2.4rem;
}
@media screen and (max-width: 1100px) {
  .card__row-right {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .card__row-right {
    width: 100%;
    margin: 0;
  }
}
.card__textarea {
  margin: 1.8rem 0 1.6rem;
  height: 4.8rem;
}
.card__textarea + .card__col_btns {
  margin-left: auto;
  min-width: 16.8rem;
}
@media screen and (max-width: 480px) {
  .card__textarea + .card__col_btns {
    min-width: 100%;
  }
}
.card__textarea + .card__col_btns .card__btn {
  margin-top: 0;
}
.card__block-icon {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: #e7e7eb;
}
.card__col_date {
  display: flex;
  flex-wrap: wrap;
}
.card__col_date > .card__block {
  flex-grow: 1;
}
@media screen and (max-width: 480px) {
  .card__col_date {
    flex-direction: column;
  }
}
.card__col_date .card__block {
  margin-top: 0.8rem;
  padding: 0 0.2rem;
}
@media screen and (max-width: 1100px) {
  .card__col_date .card__block {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .card__col_date .card__block {
    display: flex;
    align-items: center;
  }
}
.card__col_date .card__head {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 480px) {
  .card__col_date .card__head {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 0.6rem;
  }
}
.card__col_date .card__head-icon {
  display: none;
}
@media screen and (max-width: 480px) {
  .card__col_date .card__head-icon {
    display: block;
    font-size: 1.4rem;
    opacity: 1;
  }
}
.card__col_date .card__text {
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .card__col_date .card__text {
    font-size: 1.2rem;
  }
}
.card__col-union {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-width: 24rem;
}
@media screen and (max-width: 480px) {
  .card__col-union {
    align-self: flex-start;
  }
  .card__col-union .card__block:last-child .card__head {
    display: none;
  }
}
.card__col-union:before {
  content: "";
  position: absolute;
  width: calc(100% - 21rem);
  z-index: 1;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
  border-top: 0.1rem solid #4d4e67;
}
.card__col-union .card__block {
  position: relative;
}
.card__col-union .card__block-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0.4rem;
}
.card__col-union .card__block-icon i {
  font-size: 0.6rem;
  line-height: 1;
}
.card__col-union .card__text {
  position: relative;
  z-index: 1;
}
.card__col-union .card__block:first-child {
  padding-right: 2rem;
  width: 11.5rem;
}
.card__col-union .card__block:first-child .card__block-icon {
  right: 0.5rem;
}
.card__col-union .card__block:last-child {
  padding-left: 2rem;
  width: 11.5rem;
}
.card__col-union .card__block:last-child .card__block-icon {
  left: 0.5rem;
}
.card__col_btns {
  display: flex;
  flex-direction: column;
  min-width: 16.8rem;
}
@media screen and (max-width: 1100px) {
  .card__col_btns {
    flex-direction: row;
    min-width: auto;
    align-items: flex-start;
  }
  .card__col_btns .card__btn {
    width: 100%;
  }
  .card__col_btns .card__btn:nth-last-of-type(2) {
    margin: 0 0.8rem;
  }
}
@media screen and (max-width: 560px) {
  .card__col_btns {
    flex-direction: column;
  }
  .card__col_btns .card__btn:nth-last-of-type(2) {
    margin: 0;
  }
}
.card__col_btns .card__btn {
  padding: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 3.6rem;
  white-space: nowrap;
}
.card__col_btns .card__btn--icon {
  margin-right: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .card__col_btns .card__btn {
    margin-top: 1.2rem;
  }
}
.card__col_btns .card__btn:not(:last-child) {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .card__col_btns .card__btn:not(:last-child) {
    margin: 1.2rem 1rem 0rem 0;
  }
}
@media screen and (max-width: 380px) {
  .card__col_btns .card__btn:not(:last-child):nth-child(2) {
    margin-right: 0;
  }
}
.card__col-wrap {
  display: flex;
}
.card__notice {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: -1.2rem;
  left: -0.7rem;
}
.card__wrap {
  display: flex;
}
.card__title {
  position: relative;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 2.5rem;
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 480px) {
  .card__title {
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin-bottom: 0.1rem;
  }
}
.card__title-edit {
  display: inline-flex;
  position: absolute;
  right: 0;
}
.card__title-edit .icon-edit {
  color: #4d4e67;
  font-size: 1.7rem;
}
.card__cash {
  font-size: 2.4rem;
  color: #351f6f;
}
@media screen and (max-width: 480px) {
  .card__cash {
    font-size: 1.4rem;
  }
}
.card__cash-currency {
  font-weight: bold;
  margin-right: 0.3rem;
}
.card__cash-num {
  font-weight: bold;
  margin-right: 0.6rem;
}
.card__cash-text {
  font-size: 1.4rem;
  color: #4d4e67;
}
@media screen and (max-width: 480px) {
  .card__cash-text {
    font-size: 1rem;
  }
}
.card__upload {
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 480px) {
  .card__upload {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0.1rem;
  }
}
.card__head {
  margin-bottom: 1.3rem;
}
@media screen and (max-width: 480px) {
  .card__head {
    margin-right: 0.8rem;
  }
}
.card__head-icon {
  font-size: 1.8rem;
  margin-right: 0.5rem;
  opacity: 0.5;
  vertical-align: -0.3rem;
}
@media screen and (max-width: 480px) {
  .card__head-icon {
    margin-right: 0;
  }
}
.card__head span {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: 0.5;
}
@media screen and (max-width: 1100px) {
  .card__head span {
    font-weight: 400;
  }
}
.card__text {
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .card__text {
    font-size: 1.2rem;
    font-weight: 500;
  }
}
.card:hover {
  box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.25);
}
.card__btns {
  text-align: right;
}
.card__btn .icon-dollar {
  margin-right: 2.8rem;
}
.card__btns {
  margin-top: 1.5rem;
}
.card__team {
  margin-top: 1.5rem;
}
@media screen and (max-width: 480px) {
  .card__team {
    margin-top: 0;
  }
}
.crew-list__card {
  display: flex;
  padding-top: 1.5rem;
}
@media screen and (max-width: 1100px) {
  .crew-list__card {
    flex-direction: column;
  }
}
.crew-list__card .card__wrap_head {
  display: flex;
}
.crew-list__card .seaz-crew__card_upload_date {
  padding-top: 4px;
}
@media screen and (max-width: 560px) {
  .crew-list__card .seaz-crew__card_upload_date {
    padding-left: 0.8rem;
  }
}
.crew-list__card .card__title,
.crew-list__card .seaz-crew__card_name {
  padding-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .crew-list__card .seaz-crew__card_name {
    padding-bottom: 1rem;
  }
}
.crew-list__card .card__title {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .crew-list__card .card__title {
    padding-bottom: 1rem;
  }
}
.crew-list__card_row {
  padding-left: 12.5rem;
}
@media screen and (max-width: 1100px) {
  .crew-list__card_row {
    padding-left: 0;
  }
}
.crew-list__card_row.desktop {
  padding-left: 0;
  padding-top: 2.9rem;
}
@media screen and (max-width: 1100px) {
  .crew-list__card_row.desktop {
    display: none;
  }
}
.crew-list__card_row.mobile {
  display: none;
}
@media screen and (max-width: 1100px) {
  .crew-list__card_row.mobile {
    display: flex;
  }
}
.crew-list__card_info {
  width: 100%;
  position: relative;
  top: -3rem;
}
@media screen and (max-width: 1100px) {
  .crew-list__card_info {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .crew-list__card .seaz-crew__card_completion_title {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1100px) {
  .crew-list__card .card__col_date {
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .card__wrap-img.seaz-crew__card_avatar {
    width: 7.6rem;
    height: 7.6rem;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .card__block .card__head {
    width: 100%;
    height: auto;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .card__block .card__head span {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .card__col_date {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .card__col_date .card__block {
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .card__col_date .card__head-icon {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .crew-list__card .seaz-cv__badges_status {
    width: auto;
  }
}
.seazone-card {
  width: 100%;
  background: #ffffff;
  border-radius: 1.2rem;
  padding: 3.2rem;
}
.seazone-card--header {
  display: flex;
  flex-direction: row;
}
.seazone-card--header__title {
  flex: 1 auto;
  font-size: 2.4rem;
  line-height: 1.2;
  word-break: break-word;
  color: #4f194a;
}
.seazone-card--content {
  visibility: visible;
  opacity: 1;
  width: 100%;
  overflow: hidden;
}
.seazone-card--content.content--hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.seazone-card--content__wrapper {
  margin-top: 2.4rem;
}
.seazone-card .btn-collapse {
  background-color: transparent;
  border-radius: 50%;
}
.seazone-card .btn-collapse .btn-collapse-icon {
  transition: transform 0.4s;
}
.seazone-card .btn-collapse .collapsed {
  transform: rotate(180deg);
}
.seaz-system-notification .seazone__toggle {
  margin: 1rem 0 0 0.1rem;
}
.boat-card-view {
  border: 2px solid rgba(53, 31, 115, 0.2);
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
  cursor: pointer;
}
.boat-card-view-content {
  display: grid;
  grid-template-columns: 9rem 1fr;
  grid-template-areas: "card-avatar card-header" "card-avatar card-info";
  padding: 2.4rem;
  grid-gap: 1.6rem 2.4rem;
}
@media screen and (max-width: 768px) {
  .boat-card-view-content {
    grid-template-areas: "card-avatar card-header" "card-info card-info";
    grid-gap: 1.6rem;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-card-view-content {
    grid-template-columns: 7.3rem 1fr;
  }
}
.boat-card-view-avatar {
  grid-area: card-avatar;
  position: relative;
  width: 9rem;
  height: 9rem;
  border-radius: 1.6rem;
}
.boat-card-view-avatar__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.6rem;
}
.boat-card-view-avatar .seaz-company__logo_boat {
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .boat-card-view-avatar {
    width: 7.3rem;
    height: 7.3rem;
  }
  .boat-card-view-avatar .seaz-company__logo_boat {
    top: 6rem;
  }
}
.boat-card-view-header {
  grid-area: card-header;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 1.6rem;
}
.boat-card-view-header__content {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .boat-card-view-header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-bottom: none;
  }
  .boat-card-view-header__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.boat-card-view-header-name-info {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.3rem;
}
.boat-card-view-header-name-info__name {
  color: #351f73;
}
.boat-card-view-header-name-info__point,
.boat-card-view-header-name-info__boat-length {
  color: #bdbdbd;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .boat-card-view-header-name-info {
    font-size: 1.6rem;
  }
}
.boat-card-view-brand-name {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  background-color: #f5f5f5;
  border-radius: 10rem;
  padding: 0.4rem 1rem;
  margin-left: 1.2rem;
}
@media screen and (max-width: 768px) {
  .boat-card-view-brand-name {
    margin: 0.8rem 0 0;
  }
}
.boat-card-view-header-position-info {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #828282;
}
.boat-card-view-header-position-info__time {
  font-weight: 500;
  color: #010202;
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-card-view-header-position-info {
    margin: 0.8rem 0 0;
  }
}
.boat-card-view-info {
  grid-area: card-info;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.6rem 2.4rem;
}
.boat-card-view-info__block {
  padding: 0 2rem 0 0;
}
.boat-card-view-info__block:not(:last-of-type) {
  border-right: 1px solid #f5f5f5;
}
.boat-card-view-info__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.6rem;
}
.boat-card-view-info__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 120%;
  color: #010202;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .boat-card-view-info {
    display: block;
    border-top: 1px solid #f5f5f5;
    padding-top: 1.2rem;
  }
  .boat-card-view-info__block {
    display: flex;
    padding: 0;
  }
  .boat-card-view-info__block:not(:last-of-type) {
    border-right: none;
    margin-bottom: 1.5rem;
  }
  .boat-card-view-info__title {
    min-width: 11.4rem;
  }
}
.boat-card-view-info-block-location__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.boat-card-view-info-block-location__content {
  display: flex;
  align-items: flex-start;
  max-width: 27rem;
}
.boat-card-view-info-block-location__content .ais-error {
  font-size: 1.6rem;
  line-height: 1.9rem;
}
.boat-card-view-info-block-location app-seazone-icon {
  margin-right: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-card-view-info-block-location {
    display: block;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 1.2rem;
  }
}
.boat-card-view-badge {
  flex-shrink: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fff;
  background-color: #432791;
  border-radius: 10rem;
  padding: 0.4rem 0.8rem;
  margin-left: 0.4rem;
}
.boat-card-view-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 1.6rem 2.4rem;
  border-radius: 0 0 1.6rem 1.6rem;
}
@media screen and (max-width: 1024px) {
  .boat-card-view-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .boat-card-view-footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.6rem;
  }
}
.boat-card-view-footer-cash-box {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "card-cash-title cash-upload" "card-cash card-cash";
  grid-gap: 0.4rem 2.8rem;
}
.boat-card-view-footer-cash-box .card-cash-title {
  grid-area: card-cash-title;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
}
.boat-card-view-footer-cash-box .cash-upload {
  grid-area: cash-upload;
  font-size: 1.2rem;
  line-height: 120%;
  color: #828282;
}
.boat-card-view-footer-cash-box .card-cash {
  grid-area: card-cash;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  color: #351f73;
}
.boat-card-view-footer-cash-box .card-cash__badge {
  margin-right: 0.8rem;
}
.boat-card-view-footer-cash-box .no-expenses {
  color: #010202;
}
@media screen and (max-width: 480px) {
  .boat-card-view-footer-cash-box {
    grid-template-columns: 1fr;
    grid-template-areas: "card-cash-title" "card-cash" "cash-upload";
    grid-gap: 0.4rem 0;
  }
  .boat-card-view-footer-cash-box .card-cash {
    margin-bottom: 0.8rem;
  }
}
.boat-card-view-footer-action-box {
  display: flex;
  align-items: center;
}
.boat-card-view-footer-action-box__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 1024px) {
  .boat-card-view-footer-action-box {
    justify-content: flex-end;
    width: 100%;
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-card-view-footer-action-box {
    flex-direction: column;
  }
  .boat-card-view-footer-action-box__btn {
    width: 100%;
  }
  .boat-card-view-footer-action-box__btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.profile {
  display: flex;
  align-items: flex-start;
}
.profile .container {
  width: 100%;
}
.profile__header-wrap {
  padding: 4.8rem 4rem 0;
}
@media screen and (max-width: 1440px) {
  .profile__header-wrap {
    padding: 4.8rem 2rem 0;
  }
}
@media screen and (max-width: 768px) {
  .profile__header-wrap {
    padding: 1.6rem 1.6rem 0;
  }
}
.profile__wrap-img {
  margin-right: 2.4rem;
  width: 7.4rem;
  height: 7.4rem;
}
.profile__wrap-img .avatar__img {
  border-radius: 0.8rem;
}
.profile__card {
  margin-bottom: 6.8rem;
}
.profile__col {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .profile__col:not(:first-child) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .profile__col {
    width: 100%;
  }
  .profile__col:not(:first-child) {
    margin-top: 2rem;
  }
}
.profile__col_info {
  flex-grow: 0;
  flex-wrap: nowrap;
  min-width: 40rem;
  padding-right: 2.6rem;
}
@media screen and (max-width: 1024px) {
  .profile__col_info {
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .profile__col_info {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .profile__col_info {
    min-width: 100%;
  }
}
.profile__col_button {
  flex-grow: 0;
  align-self: flex-end;
}
.profile__col-left {
  padding-right: 1.6rem;
  flex-shrink: 0;
  flex-basis: 33%;
}
@media screen and (max-width: 768px) {
  .profile__col-left {
    flex-grow: 1;
    width: 50%;
    flex-basis: 50%;
  }
}
.profile__col-right {
  padding-left: 1.6rem;
  border-left: 0.1rem solid #e7e7eb;
  flex-basis: 33%;
}
@media screen and (max-width: 768px) {
  .profile__col-right {
    flex-grow: 1;
    width: 50%;
    padding-left: 0.8rem;
    flex-basis: 50%;
  }
}
.profile__col--finance {
  display: grid;
  grid-template-columns: repeat(4, minmax(100px, 25%));
}
@media screen and (max-width: 768px) {
  .profile__col--finance {
    grid-template-columns: 1fr 1fr;
  }
}
.profile__col--finance-item {
  border-left: 1px solid rgba(53, 31, 115, 0.2);
  padding: 0 1.6rem;
}
@media screen and (max-width: 768px) {
  .profile__col--finance-item {
    padding: 0 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .profile__col--finance-item__statements {
    grid-column-start: span 2;
    border-left: none;
    padding: 1.6rem 0;
    border-bottom: 1px solid rgba(53, 31, 115, 0.2);
  }
}
@media screen and (max-width: 1024px) {
  .profile__col--finance-item__balance:first-child {
    border-left: none;
    padding-left: 0;
  }
  .profile__col--finance-item__balance:last-of-type {
    padding-right: 0;
  }
}
.profile__title {
  font: bold 2.4rem "Roboto", sans-serif;
  color: #351f6f;
  text-transform: uppercase;
  margin-bottom: 1rem;
  word-break: break-all;
}
.profile__flag {
  display: inline-flex;
  margin-right: 0.8rem;
}
.profile__flag img {
  width: 3.2rem;
  height: 1.8rem;
}
.profile__point {
  margin: 0 0.5rem;
}
.profile__col-title {
  font-weight: 500;
  margin-bottom: 0.4rem;
  line-height: 1.4rem;
}
.profile__col-title span {
  white-space: nowrap;
}
.profile__col-title_box {
  display: flex;
  align-items: center;
}
.profile__col-month {
  font-size: 1.2rem;
  color: #828282;
  width: 100%;
}
.profile__col-price {
  font: 500 2rem "Roboto", sans-serif;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 480px) {
  .profile__col-price {
    font-size: 1.6rem;
  }
}
.profile__upload {
  font-size: 1.2rem;
  color: #828282;
  width: 100%;
  line-height: 1.44rem;
}
@media screen and (max-width: 480px) {
  .profile__upload {
    margin-top: 0.5rem;
  }
}
.profile_expense {
  margin-bottom: 2rem;
}
.profile__form-title {
  margin-bottom: 2.6rem;
}
.profile__form-title-wrap {
  position: relative;
}
.profile__form-list {
  margin-bottom: 3.2rem;
}
.profile__form-checkbox-label-text {
  color: #4d4e67;
}
.profile__form-checkbox {
  padding-top: 3.6rem;
  padding-left: 3.6rem;
}
.profile__form-documents-btn {
  width: 14.7rem;
}
.profile__form-documents-row.form__row:last-child {
  margin-bottom: 2.4rem;
}
.profile__form-btns {
  position: absolute;
  top: 0;
  right: 0;
}
.profile__form-text {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 500;
}
.profile__tabs {
  margin: 5rem 0 3.5rem;
}
@media screen and (max-width: 480px) {
  .profile__tabs {
    margin: 3rem 0 1.5rem;
  }
}
.profile__tabs .tabs__item {
  max-width: 16.4rem;
  width: 100%;
}
.profile__tabs .tabs__link {
  padding: 0 18% 1rem;
}
.profile__tabs .tabs__link:hover {
  color: #351f6f;
}
.profile__tabs .tabs__link:hover:before {
  border-bottom: 0.3rem solid #351f6f;
}
@media screen and (max-width: 1024px) {
  .profile__tabs .tabs__link {
    padding: 0 10% 1rem;
  }
}
@media screen and (max-width: 768px) {
  .profile__tabs .tabs__link {
    padding: 0 15% 1rem;
  }
}
@media screen and (max-width: 480px) {
  .profile__tabs .tabs__link {
    padding: 0 8% 1rem;
    font-size: 1.3rem;
    line-height: 2rem;
  }
}
.profile__tabs .active-item .tabs__link {
  color: #351f6f;
}
.profile__tabs .active-item .tabs__link:before {
  border-bottom: 0.3rem solid #351f6f;
}
.profile .form__document {
  border-bottom: 0;
}
.profile__date:not(:last-child) {
  margin-right: 2rem;
}
.profile__status {
  margin-bottom: 1.1rem;
  padding: 0;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.9rem;
}
.profile__status-icon {
  width: 3rem;
  height: 3rem;
  margin-right: 0.8rem;
  font-size: 1.7rem;
}
.profile__status-icon .icon-error {
  color: inherit;
}
.profile__phone-number .phone-control-container.disabled input:read-only,
.profile__phone-number .phone-control-container.disabled input:disabled,
.profile__phone-number .phone-control-container.readonly input:read-only,
.profile__phone-number .phone-control-container.readonly input:disabled {
  color: inherit;
}
.profile__phone-number .phone-control-container.disabled .phone-code-container,
.profile__phone-number .phone-control-container.readonly .phone-code-container {
  color: inherit;
}
app-seazone-radio-item.no-show .form__radio-label-text {
  cursor: default;
  color: #d70000;
  border: 1px solid #d70000;
}
.seaz-crew__edit_box--general {
  padding-top: 4rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__edit_box--general {
    width: 94%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__edit_box--general {
    padding-top: 2.4rem;
  }
}
.seaz-language__form_section:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.6rem;
}
.seaz-language__form_row {
  margin-bottom: 0.8rem;
}
.seaz-language__form_row:last-of-type {
  margin-bottom: 1.6rem;
}
.seaz-language__form_row .form-field--content.form-field--content-outline {
  border-radius: 0;
}
.seaz-language__form_row .form-field--content.form-field--content-outline .select-placeholder {
  color: #010202;
}
.seaz-filters__form .form__group .seaz-language__form_section .form-field--content.form-field--content-outline.disabled {
  opacity: 1;
}
.seaz-filters__form .form__group .seaz-language__form_section .form-field--content.form-field--content-outline.disabled .select-placeholder {
  color: #bdbdbd;
}
.form__group--subgroup {
  margin-top: 1.6rem;
}
.seaz-cv__reference {
  display: flex;
  margin-bottom: 5rem;
  background-color: #ffffff;
  padding: 3rem;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__reference {
    flex-wrap: wrap;
    padding: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__reference {
    padding: 0;
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.seaz-cv__reference > div:last-child {
  border-right: none;
}
.seaz-cv__reference_header {
  display: flex;
  align-items: center;
  padding-top: 4.8rem;
  padding-bottom: 2rem;
}
.seaz-cv__reference_header .seaz-cv__experience_reference_verified {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3aae27;
  cursor: pointer;
}
.seaz-cv__reference_title {
  color: #010202;
  text-transform: uppercase;
  margin-right: 1.2rem;
}
.seaz-cv__reference_letter {
  display: flex;
  flex-direction: column;
  width: 23%;
  border-right: 1px solid #bdbdbd;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__reference_letter {
    width: 50%;
    margin-bottom: 2.4rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__reference_letter {
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    border-right: none;
  }
}
.seaz-cv__reference_letter_title {
  color: #828282;
  padding-bottom: 1.2rem;
  letter-spacing: 0.5px;
  font-size: 1rem;
  text-transform: uppercase;
}
.seaz-cv__reference_letter_position {
  color: #351f73;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6rem;
}
.seaz-cv__reference_info {
  padding: 0 0 0 1.6rem;
  box-sizing: border-box;
  width: 25%;
  border-right: 1px solid #bdbdbd;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__reference_info {
    border-right: none;
    width: 50%;
    margin-bottom: 2.4rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__reference_info {
    padding-left: 0;
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    border-right: none;
  }
}
.seaz-cv__reference_info_title {
  color: #828282;
  padding-bottom: 1.2rem;
  letter-spacing: 0.5px;
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
}
.seaz-cv__reference_info_contacts {
  word-break: break-all;
  padding-right: 0.8rem;
  color: #351f73;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6rem;
}
.seaz-cv__reference_info_contacts_box {
  display: flex;
  flex-direction: column;
}
.seaz-cv__reference_docs {
  width: 26%;
  display: flex;
  padding: 0 1.6rem 0 1.6rem;
  flex-direction: column;
  border-right: 1px solid #bdbdbd;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__reference_docs {
    padding: 0 0.8rem 0 0.8rem;
    width: 50%;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__reference_docs {
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    border-right: none;
  }
}
.seaz-cv__reference_docs svg {
  width: 3.4rem;
  height: 4rem;
}
.seaz-cv__reference_docs_btn:not(:last-of-type) {
  margin-right: 2.2rem;
}
.seaz-cv__reference_docs_btn app-seazone-icon {
  justify-content: flex-start;
}
.seaz-cv__reference_request {
  background-color: #ffffff;
  border: 1px dashed #cacaca;
  display: flex;
  align-items: center;
  padding: 2.4rem 3.2rem;
}
.seaz-cv__reference_request_text {
  color: #351f73;
}
@media screen and (max-width: 500px) {
  .seaz-cv__reference_request_text {
    font-size: 1.4rem;
  }
}
.seaz-cv__reference_verified {
  padding-left: 1.6rem;
}
.seaz-cv__reference_verified.green .seaz-cv__reference_verified_rating {
  background-color: #46a6a4;
}
.seaz-cv__reference_verified.green .seaz-cv__reference_verified_rating.hidden {
  background-color: #bdbdbd;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__reference_verified {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__reference_verified {
    width: 100%;
    padding-left: 0;
    padding-bottom: 1.6rem;
  }
}
.seaz-cv__reference_verified_box {
  display: flex;
  align-items: center;
}
.seaz-cv__reference_verified_rating {
  padding: 1.2rem;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 11.5rem;
  margin-right: 1.2rem;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .seaz-cv__reference_verified_rating {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-cv__reference_verified_rating {
    width: 10rem;
  }
}
.seaz-cv__reference_verified_rating span {
  padding-left: 0.8rem;
  font-size: 1.8rem;
}
.boat-home {
  background: #fafafb;
}
@media screen and (max-width: 480px) {
  .boat-home {
    padding: 2.4rem 0 4.4rem;
  }
}
.boat-home__wrap-title {
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(53, 31, 111, 0.2);
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 480px) {
  .boat-home__wrap-title {
    margin-bottom: 1.6rem;
    padding-bottom: 1.2rem;
  }
}
.boat-home__card {
  margin-bottom: 1.7rem;
}
.boat-home__card_renew {
  width: 100%;
  color: #ff1f3a;
  padding-top: 0.7rem;
}
.boat-home__card .card__wrap-img {
  margin-right: 1.3rem;
  border-width: 0.05rem;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 480px) {
  .boat-home__card .card__wrap-img {
    width: 4.3rem;
    height: 4.3rem;
  }
}
.boat-home__card .card__wrap-img .avatar__img {
  border-radius: 1.6rem;
}
@media screen and (max-width: 480px) {
  .boat-home__card .card__wrap-img .avatar__img {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-home__card .card__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .boat-home__card {
    margin-bottom: 0.8rem;
  }
  .boat-home__card .card__btns {
    width: 100%;
  }
  .boat-home__card .card__btns .card__btn {
    width: 100%;
  }
  .boat-home__card .card__head span {
    display: none;
  }
}
.boat-home__card .card__col_yacht {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  padding: 0 5rem;
}
@media screen and (max-width: 768px) {
  .boat-home__card .card__col_yacht {
    margin-top: 1rem;
    padding: 0;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .boat-home__card .card__col_yacht {
    flex-direction: column;
  }
}
.boat-home__card .card__col_yacht .card__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boat-home__card .card__col_yacht .card__block {
  display: flex;
  flex-direction: column;
  width: 17rem;
  padding: 0 0.2rem;
}
@media screen and (max-width: 1440px) {
  .boat-home__card .card__col_yacht .card__block {
    width: 13rem;
  }
}
@media screen and (max-width: 800px) {
  .boat-home__card .card__col_yacht .card__block {
    width: 11rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-home__card .card__col_yacht .card__block {
    flex-grow: 1;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .boat-home__card .card__col_yacht .card__block {
    flex-direction: row;
    width: 100%;
    padding: 0;
    max-width: 20rem;
    margin-bottom: 0;
  }
}
.boat-home__card .card__col_info {
  width: 23%;
  min-width: 24.4rem;
}
@media screen and (max-width: 768px) {
  .boat-home__card .card__col_info {
    min-width: auto;
    width: 100%;
  }
}
.boat-home__card .card__col_team {
  display: flex;
  flex-direction: column;
  width: 23%;
  min-width: 26rem;
}
@media screen and (max-width: 1440px) {
  .boat-home__card .card__col_team {
    width: 95%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .boat-home__card .card__col_team {
    min-width: auto;
    width: 98%;
  }
}
@media screen and (max-width: 480px) {
  .boat-home__card .card__col_team {
    flex-direction: column;
    align-items: flex-start;
  }
}
.boat-home__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .boat-home__content {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-home__content {
    padding: 2rem 0;
  }
}
.boat-home__content-text {
  margin-top: 2.5rem;
  font-size: 1.6rem;
  opacity: 0.3;
  text-align: center;
}
.boat-home__content-text.purple {
  color: #351f6f;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .boat-home__content-text {
    margin-top: 1.7rem;
    font-size: 1.2rem;
  }
}
.boat-home__wrap-icon {
  width: 13.9rem;
  height: 13.9rem;
  background-color: #e7e7eb;
  border-radius: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .boat-home__wrap-icon {
    width: 8rem;
    height: 8rem;
    border-radius: 1.4rem;
  }
}
.boat-home__icon {
  max-width: 5.8rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .boat-home__icon {
    max-width: 3.5rem;
  }
}
.boat-home__nav {
  margin-top: 3.4rem;
}
@media screen and (max-width: 480px) {
  .boat-home__nav {
    margin-top: 2rem;
  }
}
.boat-home__search {
  margin-top: 1.6rem;
  display: flex;
}
.boat-home__search .info-btn {
  margin-left: 1.5rem;
  font-size: 2rem;
  color: #46a6a4;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .boat-home__search .info-btn {
    margin-left: 1rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-home__search {
    margin-top: 0.8rem;
  }
}
.boat-home-page__title {
  text-transform: uppercase;
}
.boat-home-page app-boat-preview {
  display: block;
}
.boat-home-page app-boat-preview:not(:last-of-type) {
  margin: 0 0 2.4rem 0;
}
.boat-home-page-container {
  width: 100%;
  max-width: 127rem;
  margin: 0 auto 10rem;
  padding: 6.2rem 1.6rem 0 1.6rem;
}
@media screen and (max-width: 1200px) {
  .boat-home-page-container {
    padding: 5.4rem 1.6rem 0 1.6rem;
  }
}
.boat-home-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .boat-home-page-header .seaz-title-h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-home-page-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-home-page-header .seaz__btn_rounded {
    width: 100%;
    margin-top: 1.6rem;
  }
}
.boat-home-page-search {
  margin-top: 5.2rem;
}
@media screen and (max-width: 768px) {
  .boat-home-page-search {
    margin-top: 1.6rem;
  }
}
.boat-home-list {
  margin: 4.8rem 0;
}
@media screen and (max-width: 768px) {
  .boat-home-list {
    margin: 1.6rem 0;
  }
}
.boat {
  padding: 0 0 4.4rem;
}
.boat__wrap-btn {
  margin: 2rem 0;
}
.boat__wrap-btns {
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 480px) {
  .boat__wrap-btns .main-btn_icon-left {
    padding-left: 0.8rem;
    width: 4rem;
    font-size: 1.6rem;
  }
  .boat__wrap-btns .main-btn_icon-left .main-btn__icon_left {
    position: initial;
  }
  .boat__wrap-btns .main-btn_icon-left .main-btn__text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .boat__wrap-title {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .boat__wrap-select {
    margin-bottom: 0.7rem;
  }
}
.boat__top-btn {
  border-radius: 3rem;
  padding: 0.8rem 1.1rem;
  text-transform: none;
  background: #46a6a4;
  color: white;
  transition: 0.3s;
}
.boat__top-btn-icon {
  margin-right: 1rem;
}
.boat__top-btn:hover {
  background-color: #55b5b3;
  border-color: #55b5b3;
}
.boat__top-btn:focus,
.boat__top-btn:active {
  background-color: #3f9795;
  border-color: #3f9795;
}
.boat__wrap-card {
  padding: 1.1rem 1.6rem 1.1rem 1.1rem;
  border-radius: 0.8rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 480px) {
  .boat__wrap-card {
    padding: 0.9rem;
  }
  .boat__wrap-card .card__head span {
    display: none;
  }
}
.boat__wrap-card .card__wrap-img {
  margin-right: 1.1rem;
  border: 0.25rem solid #351f6f;
  padding: 0.25rem;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 480px) {
  .boat__wrap-card .card__wrap-img {
    width: 3.7rem;
    height: 3.7rem;
    margin-right: 0.5rem;
  }
}
.boat__wrap-card .card__upload {
  color: #a9a9a9;
}
.boat__btn-icon {
  padding: 0.8rem;
  margin-left: 1.6rem;
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 480px) {
  .boat__btn-icon {
    margin-left: 1rem;
  }
}
.boat__btn-icon i {
  font-size: 2rem;
}
.boat__tabs {
  padding-top: 5rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 480px) {
  .boat__tabs {
    padding-top: 3rem;
    margin-bottom: 1.5rem;
  }
}
.boat__tabs .tabs__item {
  max-width: 16.4rem;
  width: 100%;
}
.boat__tabs .tabs__link {
  padding: 0 18% 1rem;
}
@media screen and (max-width: 768px) {
  .boat__tabs .tabs__link {
    padding: 0 0.5rem 1rem;
  }
}
@media screen and (max-width: 480px) {
  .boat__tabs .tabs__link {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}
.boat__tabs.small {
  padding-top: 1.3rem;
  margin-bottom: 1.2rem;
}
.boat__child-tabs {
  position: fixed;
}
.boat__form-title,
.boat__title {
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 480px) {
  .boat__form-title,
  .boat__title {
    margin-bottom: 1.3rem;
  }
}
.boat__form-title--profile,
.boat__title--profile {
  margin-top: 1.6rem;
  margin-bottom: 3rem;
}
.boat__card {
  border-radius: 0 0 1.6rem 1.6rem;
  overflow: hidden;
}
.boat__card-wrap {
  margin-bottom: 3rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .boat__card-wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 560px) {
  .boat__card-wrap {
    margin-bottom: 2rem;
  }
  .boat__card-wrap .profile__flag img {
    width: 1.7rem;
    height: 1rem;
  }
  .boat__card-wrap .profile__title {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .boat__card-wrap .team__avatar {
    width: 3rem;
    height: 3rem;
  }
  .boat__card-wrap .profile__wrap-img {
    width: 5.6rem;
    height: 5.6rem;
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .boat__card {
    border-radius: 0;
  }
}
.boat__form-text {
  font: 1.4rem/2.4rem "Roboto", sans-serif;
  letter-spacing: 0.015rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 480px) {
  .boat__form-text {
    font-size: 1.2rem;
  }
}
.boat__form-text div {
  color: #a9a9a9;
}
.boat__form-checkbox {
  margin-bottom: 1.2rem;
}
.boat__form-checkbox .form__checkbox-input:checked + label::before {
  background-color: #46a6a4;
  border-color: #46a6a4;
}
.boat__form-checkbox .form__checkbox-input:disabled:checked ~ label:before {
  border: none;
}
.boat__form-file .upload-file__wrap {
  padding: 3.2rem 1rem;
}
.boat__form-list {
  margin: 1.5rem 0 5rem;
}
@media screen and (max-width: 480px) {
  .boat__form-list {
    margin: 2.5rem 0;
  }
}
.boat__date {
  display: flex;
  margin-bottom: 1.7rem;
}
.boat__date-text:not(:last-child) {
  margin-right: 3.8rem;
}
.boat__upload .upload-file__wrap {
  min-height: 25rem;
}
.boat__wrap-title {
  margin: 1.8rem 0 1.1rem;
}
.boat__text {
  font: 1.4rem/1.6rem "Roboto", sans-serif;
}
.boat__text_crew {
  margin-top: 2.6rem;
  word-break: break-word;
}
.boat__form .user-note {
  margin-top: 1rem;
}
.plug-label-details {
  width: 14rem;
  min-width: 14rem;
  margin: 0 7rem 0 0;
}
@media screen and (max-width: 800px) {
  .plug-label-details {
    width: 14rem;
    min-width: 14rem;
    margin: 0 2rem 0 0;
  }
}
.boat-finance-title {
  margin-bottom: 0;
}
.finance-search {
  margin-bottom: 2rem;
  display: flex;
  align-items: flex-end;
}
.finance-search .finance-sort {
  max-width: 23rem;
  margin-left: 1.2rem;
}
@media screen and (max-width: 768px) {
  .finance-search {
    flex-direction: column;
  }
  .finance-search .finance-sort {
    margin-left: 0;
    max-width: initial;
    width: 100%;
  }
}
.split-expense__crew_item {
  border-bottom: 1px solid #e7e7eb;
  padding-bottom: 28px;
  padding-top: 24px;
}
.split-expense__crew_item:last-child {
  border-bottom: 0;
}
.split-expense__crew_item app-amount-form .form__row {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .split-expense__crew_item app-amount-form .form__row {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .split-expense__crew_item app-amount-form .form__row {
    align-items: baseline;
    width: 100%;
  }
}
.split-expense__crew_item app-amount-form .form__col {
  width: 47%;
  margin-right: 3%;
}
@media screen and (max-width: 1024px) {
  .split-expense__crew_item app-amount-form .form__col {
    margin-right: 6%;
  }
  .split-expense__crew_item app-amount-form .form__col:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .split-expense__crew_item app-amount-form .form__col {
    width: 100%;
    margin-right: 0;
  }
}
.boat-settings__title_row {
  align-items: center;
}
@media screen and (max-width: 504px) {
  .boat-settings__title_row {
    align-items: flex-start;
  }
}
@media screen and (max-width: 504px) {
  .boat-settings__title_row .main-btn_icon-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.boat-settings__tabs {
  display: flex;
  flex-grow: 1;
}
.boat-settings__tabs .boat__tabs {
  margin-bottom: 0;
  width: 100%;
}
.boat-settings__tabs-wrap {
  max-width: 100%;
  overflow: auto;
  display: flex;
  margin-bottom: 3.5rem;
}
.boat-settings__tabs .tabs__link {
  width: 100%;
  padding: 0 1rem 1rem;
}
.boat-settings__tabs .tabs__item {
  max-width: none;
}
.boat-settings__title {
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 560px) {
  .boat-settings__title {
    flex-direction: column;
    align-items: baseline;
  }
}
@media screen and (max-width: 560px) {
  .boat-settings__title .form__col {
    width: 100%;
    margin: 1rem 0;
  }
}
@media screen and (max-width: 560px) {
  .boat-settings__title .form__col .main-btn {
    width: 48%;
  }
}
.boat-settings__title.form__row {
  margin-bottom: 1.2rem;
}
.boat-settings__title_btns {
  display: flex;
  justify-content: flex-end;
}
.boat-settings__title_btns .main-btn {
  margin-right: 1rem;
}
.boat-settings__lists {
  width: 100%;
}
.boat-settings__accordion .accordion {
  width: 100%;
  margin-bottom: 2.4rem;
  border: 1px solid #e7e7eb;
  border-radius: 12px;
}
.boat-settings__accordion .accordion.active .accordion__label_right::before {
  content: "";
  width: 1px;
  height: 2.4rem;
  background-color: #c2bcd4;
  display: block;
  margin-right: 2.2rem;
}
.boat-settings__accordion .accordion.active .accordion__btn_box {
  bottom: 5px;
  transform: rotate(0deg);
}
.boat-settings__accordion .accordion.active .accordion__content {
  display: block;
}
.boat-settings__accordion .accordion__label {
  display: flex;
  padding: 1.4rem 1.6rem;
  align-items: center;
  justify-content: space-between;
}
.boat-settings__accordion .accordion__label .boat-settings__edit::before {
  background-image: url(/assets/img/edit.svg);
}
.boat-settings__accordion .accordion__label_text {
  color: #4f194a;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.5rem;
}
.boat-settings__accordion .accordion__label_right {
  display: flex;
  align-items: center;
  height: 2.4rem;
  margin: 0 0 0 auto;
}
.boat-settings__accordion .accordion__btn_box {
  border: 10px solid transparent;
  border-bottom: 10px solid #4d4e67;
  position: relative;
  cursor: pointer;
  transform: rotate(180deg);
  bottom: -3px;
}
.boat-settings__accordion .accordion__btn {
  display: none;
}
.boat-settings__accordion .accordion__content {
  display: none;
}
.boat-settings__edit {
  cursor: pointer;
}
.boat-settings__edit::before {
  content: "";
  background-image: url(/assets/img/edit-hide.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 2rem;
  height: 2rem;
  display: block;
  margin-right: 2.3rem;
}
.boat-settings__toggle {
  margin-right: 2.4rem;
}
.boat-settings__subcategory {
  display: flex;
  padding: 20px 16px;
  border-radius: 12px;
  background-color: #fafafb;
  align-items: center;
  justify-content: space-between;
  color: #a9a9a9;
}
.boat-settings__subcategory.active {
  color: #4f194a;
}
.boat-settings__subcategory.active .boat-settings__edit::before {
  background-image: url(/assets/img/edit.svg);
}
.boat-settings__subcategory_btns {
  display: flex;
  align-items: center;
}
app-boat-sub-category-item:nth-of-type(2n) .boat-settings__subcategory {
  background-color: #fff;
}
.add-category__title {
  font-size: 3.4rem;
  line-height: 40px;
  font-weight: 500;
  padding-bottom: 2.4rem;
  word-break: break-all;
  color: #351f6f;
}
@media screen and (max-width: 480px) {
  .add-category__title {
    margin-top: 2rem;
  }
}
.add-category__form span {
  color: #351f6f;
  font-size: 1.2rem;
  padding-bottom: 1rem;
}
.add-category__form .add-category__additional {
  display: block;
  color: #4d4e67;
  font-weight: 500;
  padding-bottom: 0.9rem;
  font-size: 2rem;
}
.add-category__form .form__radio-container {
  display: flex;
}
.add-category__form .form__radio-container app-seazone-radio-item {
  margin-right: 1rem;
}
.add-category__form app-seazone-input {
  padding-bottom: 2.8rem;
}
.add-category__form .form__checkbox {
  margin-bottom: 1rem;
}
.add-category__form .form__checkbox-label-text {
  padding-bottom: 0;
}
.add-category__form .form {
  padding-left: 3rem;
  box-sizing: border-box;
}
.add-category__form_btns {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 auto;
  width: 50%;
}
.add-category__form_btns .form__block {
  width: 48%;
}
@media screen and (max-width: 480px) {
  .add-category__form_btns .form__block {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .add-category__form_btns {
    width: 100%;
  }
}
.settings-field__col {
  display: flex;
  justify-content: flex-end;
}
.settings-field__row {
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #a9a9a9;
  padding: 2rem 0.8rem;
  justify-content: space-between;
}
.settings-field__row.active {
  color: #351f6f;
}
.settings-field__row.active .boat-settings__edit::before {
  background-image: url(/assets/img/edit.svg);
}
.settings-field__content app-manage-fields-list {
  width: 100%;
}
.settings-field__row_name {
  width: 40%;
}
@media screen and (max-width: 480px) {
  .settings-field__row_name {
    padding-right: 1rem;
    box-sizing: border-box;
  }
}
.settings-field__row_type,
.settings-field__row_status {
  width: 25%;
}
@media screen and (max-width: 480px) {
  .settings-field__row_type,
  .settings-field__row_status {
    padding-right: 1rem;
    box-sizing: border-box;
  }
}
.settings-field__row_controls {
  width: fit-content;
  display: flex;
}
.settings-field__row_controls::before {
  content: "";
  width: 1px;
  height: 2.4rem;
  background-color: #c2bcd4;
  display: block;
  margin-right: 2.2rem;
}
@media screen and (max-width: 480px) {
  .settings-field__row_controls::before {
    margin-right: 1rem;
  }
}
.settings-field__row_controls div {
  justify-content: flex-end;
}
.settings-field__row_controls div {
  display: flex;
  align-items: center;
}
.settings-field__content app-manage-field-item:nth-of-type(2n) .settings-field__row {
  background-color: #fafafb;
  color: #351f6f;
}
.field-modal__form .field-modal__col {
  width: 100%;
}
.field-modal__radio span {
  padding-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #351f6f;
}
.field-modal__radio .form__radio-container {
  display: flex;
}
.field-modal__radio .form__radio-container .form__radio {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.field-modal__radio .form__radio-container .form__radio .form__radio-label {
  height: 18px;
}
.field-modal__radio .form__radio-container .form__radio .form__radio-label-text {
  padding-bottom: 0;
}
.field-modal__form_btns {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 auto;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .field-modal__form_btns {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .field-modal__form_btns .form__col {
    margin: 0 0 1rem 0;
  }
}
.setting-card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.setting-card__title .form__col {
  width: auto;
}
@media screen and (max-width: 480px) {
  .setting-card__title .form__col {
    margin-bottom: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .setting-card__title .form__col .main-btn {
    width: 100%;
  }
}
.setting-card__title_btn {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .setting-card__title.form__row_general {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  .setting-card__title.form__row_general {
    flex-direction: column;
    align-items: baseline;
  }
}
.setting-card__toggle {
  display: flex;
  align-items: center;
  margin-bottom: 2.1rem;
}
.setting-card__toggle--text {
  margin: 0 1.4rem 0 1.5rem;
}
.setting-card__content {
  border: 1px solid #e7e7eb;
  border-radius: 12px;
}
.setting-card__content_list {
  width: 100%;
}
.setting-card__content_list app-boat-card-item:nth-of-type(2n) .setting-card__item,
.setting-card__content_list app-bank-account-item:nth-of-type(2n) .setting-card__item {
  background-color: #fff;
}
.setting-card__item {
  display: flex;
  padding: 2rem 1.6rem;
  justify-content: space-between;
  align-items: center;
  background-color: #fafafb;
  color: #a9a9a9;
  border-radius: 12px;
}
.setting-card__item .boat-settings__edit::before {
  background-image: url(/assets/img/edit-hide.svg);
}
.setting-card__item.active {
  color: #4f194a;
}
.setting-card__item.active .boat-settings__edit::before {
  background-image: url(/assets/img/edit.svg);
}
.setting-card__item_controls {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .setting-card__toggle {
    padding-left: 0.3rem;
  }
}
.modal-edit__row {
  margin-top: 1rem;
}
.modal-edit__row.form__col {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .settings-management__list {
    border: 1px solid #e7e7eb;
    border-radius: 12px;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__wrap {
    align-items: baseline;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__wrap-img {
    width: 9.4rem;
    height: 9.4rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__title {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__col_btns {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__col_btns .card__btn:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__title_position {
    font-weight: 300;
  }
}
@media screen and (max-width: 560px) {
  .settings-management__list .settings-management__item .card__info_row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__info_row {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .settings-management__list .settings-management__item .card__phone {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .card__wrap-img {
    width: 10.7rem;
    height: 10.7rem;
    margin-right: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .card__title {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .card__status_row {
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .card__status_row .card__crew {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .card__status_row app-crew-status {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .card__info_row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .setting-exclude__box .settings-management__item .boat__wrap-card {
    padding: 0;
  }
}
.settings-management__item .card__wrap {
  align-items: center;
}
.settings-management__item .card__wrap-img {
  border: none;
}
.settings-management__item .card__title_position {
  padding-bottom: 1.2rem;
  color: #46a6a4;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6rem;
}
.settings-management__item .card__crew {
  background-color: #e7e7eb;
  border-radius: 29px;
  padding: 0.5rem 0.8rem;
  color: #351f6f;
  margin-right: 1rem;
}
.settings-management__item .card__status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .settings-management__item .card__status--user {
    margin-top: 1.2rem;
  }
}
.settings-management__item .card-status__row .card__status .status-icon {
  position: relative;
}
.settings-management__item .card-status__row .card__status .status-icon::before {
  content: "";
  background-image: url(/assets/img/on-boat.svg);
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.settings-management__item .card-status__row .card__status .icon-anchor {
  display: none;
}
.settings-management__item .card__status_row {
  display: flex;
  align-items: center;
}
.settings-management__item .card__info_row {
  display: flex;
  padding-top: 1.5rem;
}
.settings-management__item .card__phone {
  display: flex;
  align-items: center;
  margin-right: 2.6rem;
}
.settings-management__item .card__phone span {
  margin-left: 0.9rem;
}
.settings-management__item .card__phone::before {
  content: "";
  background-image: url(/assets/img/card-phone.svg);
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.settings-management__item .card__email {
  display: flex;
  align-items: center;
}
.settings-management__item .card__email span {
  margin-left: 0.9rem;
}
.settings-management__item .card__email::before {
  content: "";
  background-image: url(/assets/img/card-email.svg);
  width: 1.5rem;
  height: 1.2rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.settings-management__item_title {
  padding-bottom: 1.2rem;
  color: #4d4e67;
}
.settings-management__form .accordion {
  border: 1px solid #e7e7eb;
  border-radius: 12px;
}
.settings-management__form .accordion__label .form__checkbox-label-text {
  color: #4f194a;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.5rem;
}
@media screen and (max-width: 480px) {
  .boat-settings__title_btns.form__col {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .boat-settings__title_btns.form__col .main-btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.settings-management__item:nth-of-type(2n+1) .boat__wrap-card {
  background-color: #fafafb;
}
.settings-management__item .card__row-right {
  display: flex;
  align-items: center;
}
.settings-user__col {
  display: flex;
  justify-content: flex-end;
}
.settings-user__affilate-btn {
  padding: 0.8rem;
}
.boat-settings__accordion .accordion__content .form__checkbox {
  padding: 1.9rem;
  background-color: #fafafb;
}
.boat-settings__accordion .accordion__content app-seazone-checkbox:nth-of-type(2n) .form__checkbox {
  background-color: #fff;
}
.boat-settings__accordion .card-statements__header-card--tooltip {
  margin-left: 1.3rem;
}
.card-statements__warning-tooltip .tooltip__text {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
}
.exclude__btns_box {
  width: 21rem;
}
@media screen and (max-width: 480px) {
  .exclude__btns_box {
    width: 100%;
  }
}
.setting-permission__header {
  display: flex;
  align-items: center;
  align-items: center;
  margin: 6.4rem 0 3.2rem;
}
.setting-permission__header app-seazone-checkbox {
  margin-left: 3.3rem;
}
.setting-permission__header app-seazone-checkbox .form__checkbox-label-text {
  padding-left: 1.1rem;
  color: #4f194a;
}
@media screen and (max-width: 768px) {
  .setting-permission__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .setting-permission__header app-seazone-checkbox {
    margin: 1.6rem 0 0 0;
  }
}
.setting-permission__title {
  color: #4d4e67;
}
.setting-permission__form .form {
  border: 1px solid #e7e7eb;
  border-radius: 12px;
}
.setting-permission__form .form__checkbox-label-text {
  color: #4f194a;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.setting-permission__form_btns {
  width: 21rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .setting-permission__form_btns {
    width: 100%;
    background-color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .setting-permission__form_btns .form__col:not(:last-child) {
    margin-right: 0;
  }
  .setting-permission__form_btns .form__col {
    margin-bottom: 1.6rem;
  }
}
.setting-permission__checkbox_list .form__checkbox {
  padding: 1.9rem;
}
.setting-permission__checkbox_list app-seazone-checkbox:nth-of-type(2n) .form__checkbox {
  background-color: #fafafb;
}
.setting-permission__checkbox_title {
  color: #4d4e67;
  font-size: 2.4rem;
  font-weight: 700;
}
.setting-permission__checkbox_all {
  color: #4f194a;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}
@media screen and (max-width: 768px) {
  .setting-permission__checkbox_all {
    margin: 1rem 0;
  }
}
.setting-permission__checkbox_all--box {
  padding-bottom: 1rem;
}
.setting-permission__checkbox_all--box .form__checkbox-label {
  height: 2.4rem;
  width: 2.4rem;
}
.setting-permission__checkbox_all--box .form__checkbox-label:before {
  height: 2.4rem;
  width: 2.4rem;
}
.setting-permission .boat-fleet-users-permission,
.setting-permission .fleet-users-permission-group {
  width: 49%;
  max-height: 100%;
}
.setting-permission .fleet-users-permission-title {
  margin-right: 2rem;
}
@media screen and (max-width: 768px) {
  .setting-permission .fleet-users-permission-title {
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .setting-permission .fleet-users-permission-title__checkbox {
    flex-shrink: 0;
    margin: 0 0 0 0.8rem;
  }
}
.department__title_row.form__row {
  position: absolute;
  right: 15px;
  display: inline-flex;
  justify-content: flex-end;
}
@media screen and (max-width: 660px) {
  .department__title_row.form__row {
    position: relative;
    right: inherit;
    width: 100%;
    margin-top: 1rem;
  }
  .department__title_row.form__row .main-btn {
    width: 100%;
  }
}
.department__switch {
  display: inline-flex;
}
@media screen and (max-width: 660px) {
  .department__switch.tabs__header.switch {
    width: 100%;
  }
}
.department__item {
  display: flex;
  color: #a9a9a9;
  padding: 2rem 0.8rem;
  align-items: center;
  justify-content: space-between;
  background-color: #fafafb;
}
.department__item .boat-settings__edit::before {
  background-image: url(/assets/img/edit-hide.svg);
}
.department__item.active {
  color: #351f6f;
}
.department__item.active .boat-settings__edit::before {
  background-image: url(/assets/img/edit.svg);
}
.department__item_controls {
  display: flex;
}
.department__list div:nth-of-type(2n) .department__item {
  background-color: #fff;
}
.department__list div:first-of-type .department__item {
  margin-top: 2rem;
}
.department-position__item {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
  align-items: flex-start;
}
.department-position__item_col.form__col {
  width: 80%;
}
@media screen and (max-width: 480px) {
  .department-position__item_col.form__col {
    width: 100%;
    margin-bottom: 1.2rem;
  }
}
.department-position__item_col-right.form__col {
  width: 20%;
}
@media screen and (max-width: 480px) {
  .department-position__item_col-right.form__col {
    width: 100%;
  }
}
.department-position__item h3 {
  padding-bottom: 1.6rem;
  font-weight: 500;
  font-size: 1.6rem;
  color: #4f194a;
}
.department-position__item_col div {
  color: #a9a9a9;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 480px) {
  .department-position__item_col div:last-child:after {
    content: "";
  }
}
@media screen and (max-width: 480px) {
  .department-position__item_col div {
    line-height: 1.6rem;
    padding-bottom: 0;
    display: inline-block;
  }
  .department-position__item_col div:after {
    content: ",";
    display: inline-block;
    padding-right: 4px;
  }
}
@media screen and (max-width: 480px) {
  .department-position__list {
    border: 1px solid #e7e7eb;
    display: block;
    box-sizing: border-box;
    margin-top: 2.4rem;
    border-radius: 1.2rem;
  }
}
.department-position__list app-departments-positions-item:nth-of-type(2n) .department-position__item {
  background-color: #fafafb;
}
.financial-data__table .controls-container {
  display: block;
}
.financial-data__table .table__col-inner {
  max-width: 150px;
}
.financial-data__table_small {
  padding: 1.2rem 0.4rem;
}
.financial-data__table_small app-filter-group-container {
  max-width: 150px;
  width: 100%;
}
@media screen and (max-width: 1500px) {
  .financial-data__table_small app-filter-group-container {
    width: 80px;
  }
}
.financial-data__table_small app-seazone-select {
  width: 100%;
}
@media screen and (max-width: 1605px) {
  .financial-data__table_small app-seazone-select {
    width: 60px;
  }
}
.financial-data__table_small app-seazone-form-field {
  max-width: 180px;
}
@media screen and (max-width: 1585px) {
  .financial-data__table_small app-seazone-form-field {
    max-width: 103px;
  }
}
@media screen and (max-width: 1440px) {
  .financial-data__table_small app-seazone-form-field {
    max-width: 75px;
  }
}
.financial-data__table_joined {
  max-width: 200px;
}
@media screen and (max-width: 1420px) {
  .financial-data__table_joined {
    max-width: 180px;
  }
}
@media screen and (max-width: 1380px) {
  .financial-data__table_joined {
    max-width: 150px;
  }
}
.financial-data__table_joined label {
  line-height: 24px;
  color: #351f6f;
  font: 1.2rem/2.4rem "Roboto", sans-serif;
}
.financial-data__table_joined .form__col:not(:last-child) {
  margin-right: 0.7rem;
}
@media screen and (max-width: 480px) {
  .financial-data__table_joined .form__row {
    flex-direction: row;
  }
  .financial-data__table_joined .form__row .form__col {
    width: 50%;
    margin-bottom: 0;
  }
  .financial-data__table_joined .form-field__content-outline {
    height: 4.8rem;
  }
}
.financial-data__table_large app-filter-group-container,
.financial-data__table_large app-seazone-form-field {
  max-width: 220px;
  min-width: 100%;
}
@media screen and (max-width: 1675px) {
  .financial-data__table_large app-filter-group-container,
  .financial-data__table_large app-seazone-form-field {
    max-width: 150px;
  }
}
@media screen and (max-width: 1490px) {
  .financial-data__table_large app-filter-group-container,
  .financial-data__table_large app-seazone-form-field {
    max-width: 130px;
  }
}
.financial-data__table_medium app-seazone-form-field {
  max-width: 103px;
}
.financial-data__table_medium .form__block {
  max-width: 90px;
  width: 90px;
}
@media screen and (max-width: 1345px) {
  .financial-data__table_medium .form__block {
    max-width: 70px;
    width: 70px;
  }
}
.financial-data__table_amount .table__col-btn-sort:before {
  right: -12px;
  color: #a9a9a9;
}
.financial-data__table_amount .table__col-btn-sort {
  padding: 0 0.3rem;
  color: #4d4e67;
}
.financial-data__table_btn.table__col {
  vertical-align: bottom;
}
.financial-data__table_btn .form__btn {
  width: 4.8rem;
  padding: 1.1rem 1.2rem;
}
@media screen and (max-width: 480px) {
  .financial-data__table_btn .form__btn {
    width: 4rem;
    padding: 0.8rem 1.2rem;
  }
}
.financial-data__table_btn .form__btn .icon-update {
  font-size: 2rem;
}
.financial-data__table .wrap-table__scroll {
  overflow: auto;
  overflow-y: hidden;
}
.financial-data__table .select-content {
  text-overflow: ellipsis;
}
.financial-data__table .table__col-inner-multiple {
  display: flex;
  justify-content: center;
}
.financial-data__table .table__col-inner-multiple app-date-control {
  width: auto;
}
.financial-data__table .picker-toggle {
  right: auto !important;
}
.financial-data__table .picker-toggle .icon-mdi_calendar-edit::before {
  color: #351f6f;
}
.financial-data__table .financial-data__currency .table__col-inner {
  display: inline;
  margin-right: 0.4rem;
}
.financial-data__table .financial-data__category {
  font-size: 1.1rem;
  color: #4d4e67;
}
.financial-data__table .financial-data__category_name {
  color: #4f194a;
  font-size: 1.4rem;
}
.financial-data__table .financial-data__btns .table__col-btn i {
  color: #351f6f;
}
.financial-data__table .select-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.financial-data__form .accordion .group {
  padding-top: 1rem;
  display: none;
}
.financial-data__form .accordion .group .form__checkbox {
  padding: 1.1rem 2.4rem;
}
.financial-data__form .accordion.active .group {
  display: block;
}
.financial-data__form .accordion.active .form__checkbox::after {
  transform: rotate(-180deg);
  top: -3px;
}
.financial-data__form .accordion__label {
  display: flex;
  align-items: center;
  padding: 15px 24px 12px 21px;
}
.financial-data__form .accordion__label .form__checkbox {
  color: #4d4e67;
  font-weight: bold;
}
.financial-data__form .accordion__label .form__checkbox::after {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #4d4e67;
  position: relative;
  top: 2px;
  left: 7px;
}
.financial-data__form .accordion__label .form__checkbox .form__checkbox-label-text {
  font-size: 1.8rem;
}
.financial-data__form .accordion__label .form__checkbox-label:before {
  border: 0.2rem solid #4d4e67;
}
.financial-data__form .accordion__label .accordion__label_right {
  display: none;
}
.financial-data__dates.container-fixed {
  padding: 1.3rem 1.6rem 1.3rem 2rem;
}
.financial-data__dates_btn {
  text-align: center;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font: 1.4rem "Roboto", sans-serif;
  color: #46a6a4;
  font-weight: 500;
}
.financial-data__range_box.dropdown-options-container {
  min-width: 25rem;
}
.financial-data__range_box .seazone-range-slider__inputs {
  display: flex;
  justify-content: space-between;
}
.financial-data__range_btn {
  text-align: center;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font: 1.4rem "Roboto", sans-serif;
  color: #46a6a4;
  font-weight: 500;
  padding-bottom: 2rem;
}
.financial-data__badge {
  background-color: #fafafb;
  border: 1px solid #e7e7eb;
  padding: 0.8rem;
  color: #46a6a4;
  font-size: 1.4rem;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 1.2rem 1.2rem 0 0;
  display: inline-block;
}
.financial-data__badge .icon-close:before {
  font-size: 1.3rem;
  color: #a9a9a9;
  margin-left: 1.3rem;
  cursor: pointer;
}
.financial-data__badge_label {
  color: #000;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0 1.2rem 1.2rem 0;
}
.financial-data__badge_box {
  display: inline;
}
.seaz-crew__currency {
  font-weight: 500;
}
.seaz-crew__contract_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.seaz-crew__contract_carousel {
  width: 40rem;
}
.seaz-crew__contract_carousel .seaz-cv__slider_btn {
  top: 25px;
}
.seaz-crew__contract_carousel app-image-carousel {
  height: 100%;
}
.seaz-crew__contract_carousel .carousel {
  overflow-y: visible;
}
.seaz-crew__contract_header {
  min-height: 50px;
  padding: 0 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seaz-crew__contract_head {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;
  border-bottom: 1px solid #bdbdbd;
  position: relative;
}
@media screen and (max-width: 768px) {
  .seaz-crew__contract_head {
    flex-direction: column;
    padding-bottom: 2.4rem;
  }
}
.seaz-crew__contract_head_title {
  color: #351f73;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-crew__contract_head_title {
    width: auto;
    padding: 0 0 0 5rem;
    display: flex;
    justify-content: center;
    font-size: 2.2rem;
    text-align: center;
  }
}
.seaz-crew__contract_head_icon {
  margin-left: 1.5rem;
}
.seaz-crew__contract_head .seaz__return_btn {
  position: absolute;
  left: 0;
}
@media screen and (max-width: 560px) {
  .seaz-crew__contract_head .seaz__return_btn {
    top: 0;
  }
}
.seaz-crew__contract_content {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 0 0 auto;
  padding-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_content {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__contract_content {
    padding-top: 2.8rem;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
  }
}
.seaz-crew__contract_content app-contract-details {
  padding-right: 5rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_content app-contract-details {
    width: 49%;
    padding-right: 1.5%;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__contract_content app-contract-details {
    padding-right: 0;
    width: 100%;
  }
}
.seaz-crew__contract_content .carousel-slide-content {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_content app-bank-details {
    width: 100%;
  }
  .seaz-crew__contract_content app-bank-details .seaz-crew__contract_box {
    width: 100%;
  }
}
.seaz-crew__contract_empty_label,
.seaz-crew__contract_empty_title {
  text-align: center;
}
.seaz-crew__contract_empty_btn {
  display: block;
  margin: 0 auto;
  margin-bottom: 5rem;
}
.seaz-crew__contract_empty .boat-home__content {
  padding-bottom: 3rem;
}
.seaz-crew__contract_empty .boat-home__content-text {
  margin-top: 3rem;
  color: #828282;
  opacity: 1;
}
.seaz-crew__contract_aside {
  width: 40rem;
  background-color: #f5f5f5;
  padding: 3rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_aside {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__contract_aside {
    padding: 2.4rem;
  }
}
.seaz-crew__contract_aside_title {
  color: #351f73;
  padding-bottom: 1.5rem;
}
.seaz-crew__contract_aside_btn {
  position: absolute;
  top: 3rem;
  right: 2.4rem;
}
.seaz-crew__contract_aside_info {
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.seaz-crew__contract_aside_label {
  padding-bottom: 1.2rem;
  color: #828282;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}
.seaz-crew__contract_aside_text {
  font-size: 1.6rem;
  color: #010202;
  text-transform: capitalize;
}
.seaz-crew__contract_aside_file {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  transition: all 0.3s;
}
.seaz-crew__contract_aside_file:hover {
  color: #00b9ff;
  text-decoration: underline;
}
.seaz-crew__contract_aside_file app-seazone-icon {
  margin-right: 1rem;
}
.seaz-crew__contract_wrapper {
  padding: 3rem 4.8rem 0;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_wrapper {
    padding: 3rem 2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__contract_wrapper {
    padding: 1.6rem 1.2rem 0;
  }
}
.seaz-crew__contract_details {
  position: relative;
  padding: 4rem 0;
}
.seaz-crew__contract_details_title {
  color: #351f73;
  padding-bottom: 3.3rem;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_details_title {
    padding-bottom: 2.7rem;
  }
}
.seaz-crew__contract_details_row {
  display: flex;
  padding-bottom: 3.7rem;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_details_row {
    padding-bottom: 3rem;
  }
}
.seaz-crew__contract_details_label {
  width: 18.4rem;
  margin-right: 3.3rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__contract_details_label {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-crew__contract_details_label {
    width: 13.4rem;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__contract_details_label {
    width: 65%;
  }
}
.seaz-crew__contract_details_text {
  display: block;
  width: 100%;
}
.seaz-crew__contract_details_file {
  color: #828282;
  display: flex;
  margin-bottom: 0.8rem;
}
.seaz-crew__contract_details_file:hover .seaz-text-medium,
.seaz-crew__contract_details_file:hover .seaz-offer__boat_text,
.seaz-crew__contract_details_file:hover .seaz-offer__boat_label,
.seaz-crew__contract_details_file:hover .seaz-offer__details_text,
.seaz-crew__contract_details_file:hover .seaz-text-medium-light,
.seaz-crew__contract_details_file:hover .seaz-offer__details_label {
  color: #00b9ff;
  text-decoration: underline;
  cursor: pointer;
}
.seaz-crew__contract_details_file app-seazone-icon {
  margin-right: 1rem;
}
.seaz-crew__contract_details_file_list {
  display: flex;
  flex-direction: column;
}
.boat-crew__contract_head .seaz__btn_outlined-red {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .boat-crew__contract_head .seaz__btn_outlined-red {
    padding: 1rem 2rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-crew__contract_head .seaz__btn_outlined-red {
    position: relative;
    width: auto;
    margin-top: 2.4rem;
  }
}
app-boat-profile-wrapper {
  display: block;
  background-color: #f5f5f5;
}
.boat__card .seaz-crew__contract_head {
  margin-right: 1.8rem;
}
@media screen and (max-width: 1100px) {
  .boat__card .seaz-crew__contract_head {
    margin-right: 0;
  }
}
.boat__card .seaz-crew__contract_content app-contract-details {
  width: 58%;
  padding: 0;
}
@media screen and (max-width: 800px) {
  .boat__card .seaz-crew__contract_content app-contract-details {
    width: 100%;
  }
}
.boat__card .seaz-crew__contract_content {
  width: 126.4rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1500px) {
  .boat__card .seaz-crew__contract_content {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .boat__card .seaz-crew__contract_details_label {
    width: 13rem;
  }
}
@media screen and (max-width: 800px) {
  .boat__card .seaz-crew__contract_details_label {
    width: 18.4rem;
  }
}
.boat-welcome {
  width: 57rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .boat-welcome {
    width: 100%;
  }
}
.boat-welcome__title {
  padding-bottom: 4.3rem;
  font-weight: bold;
  font-size: 3.4rem;
  line-height: 4rem;
  color: #4d4e67;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .boat-welcome__title {
    padding-bottom: 3rem;
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-welcome__title {
    padding-bottom: 2rem;
    font-size: 2.4rem;
  }
}
.boat-welcome__img {
  width: 30rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 768px) {
  .boat-welcome__img {
    width: 25rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-welcome__img {
    margin-bottom: 2.4rem;
  }
}
.boat-welcome__content {
  width: 100%;
}
.boat-welcome__text {
  text-align: center;
  font-size: 1.6rem;
  color: #898b8c;
  line-height: 1.9rem;
}
@media screen and (max-width: 768px) {
  .boat-welcome__text {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .boat-welcome__text {
    font-size: 1.4rem;
  }
}
.boat-welcome__text span {
  font-weight: 700;
  color: #351f73;
}
.boat-welcome__btns {
  margin-top: 3.2rem;
  display: flex;
  justify-content: space-between;
}
.boat-welcome__btns.center {
  justify-content: center;
}
.boat-welcome__btns .main-btn {
  padding: 1rem 0.8rem;
  width: 31.5%;
}
@media screen and (max-width: 618px) {
  .boat-welcome__btns .main-btn {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 618px) {
  .boat-welcome__btns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.boat-welcome__skip_link {
  padding-top: 3.2rem;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 500;
  border-bottom: 1px dashed #351f73;
}
@media screen and (max-width: 480px) {
  .boat-welcome__skip_link {
    font-size: 1.2rem;
    padding-top: 1.4rem;
  }
}
.expense-form__supplier {
  align-items: center;
}
.expense-form__supplier app-seazone-checkbox {
  flex-shrink: 0;
  padding-top: 2rem;
  margin-left: 1.5rem;
}
.expense-form__supplier app-seazone-checkbox .form__checkbox-label-text {
  padding-left: 1.5rem;
  color: #313247;
}
@media screen and (max-width: 480px) {
  .expense-form__supplier {
    align-items: flex-start;
  }
  .expense-form__supplier app-seazone-checkbox {
    margin-left: 0;
  }
}
.expense-modal__header {
  margin-bottom: 2.6rem;
}
.expense-modal__warn {
  display: block;
  margin-top: 1rem;
}
.boat-setting__sub_navigation .boat__tabs {
  padding-top: 4rem;
}
.boat-setting__sub_navigation .boat__tabs .tabs__item {
  max-width: none;
  width: auto;
}
.boat-setting__sub_navigation .boat__tabs .tabs__item .tabs__link {
  display: flex;
}
.boat-setting__supplier {
  display: flex;
  flex-direction: column;
}
.boat-setting__supplier .title-h1 {
  padding-bottom: 2rem;
}
.boat-setting__supplier_row {
  display: flex;
  align-items: center;
}
.boat-setting__supplier_label {
  margin-right: 2.4rem;
  color: #4d4e67;
  font-size: 1.6rem;
  font-weight: 400;
}
.boat-users-fleet-manager .fleets {
  max-width: 100%;
  margin: 4rem auto 2rem;
}
.boat-users-fleet-manager .fleet-card__description {
  min-height: 10rem;
}
.boat-users-fleet-manager .fleets-header {
  margin-bottom: 3.2rem;
}
.boat-users-fleet-manager .seaz-title-h2 {
  color: #4d4e67;
}
.boat-users-fleet-manager .fleets-header-btn {
  background-color: #46a6a4;
  border-color: #46a6a4;
}
.boat-users-fleet-manager .buttons-wrap {
  min-width: 30rem;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .boat-users-fleet-manager .fleets {
    padding: 0;
  }
  .boat-users-fleet-manager .fleet-card__description {
    min-height: auto;
  }
}
@media screen and (max-width: 560px) {
  .boat-users-fleet-manager .fleet-card-footer {
    flex-direction: column;
  }
  .boat-users-fleet-manager .fleet-card-button,
  .boat-users-fleet-manager .fleet-modal-footer__btn,
  .boat-users-fleet-manager .buttons-wrap {
    width: 100%;
  }
  .boat-users-fleet-manager .buttons-wrap {
    min-width: 100%;
    margin-top: 1.2rem;
  }
}
.boat-title-box {
  display: flex;
  align-items: center;
  margin-bottom: 3.2rem;
}
.boat-title-box .boat__title {
  margin: 0 0 0 3.8rem;
}
@media screen and (max-width: 560px) {
  .boat-title-box {
    margin-bottom: 2rem;
  }
  .boat-title-box .boat__title {
    margin: 0 0 0 1.2rem;
  }
}
.boat-actions-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.boat-actions-section .boat__wrap-select .form-field--content-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.8rem;
  height: 4rem;
  border-radius: 0.4rem;
}
.boat-actions-section .boat__wrap-select .form-field--label {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
@media screen and (max-width: 560px) {
  .boat-actions-section {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-actions-section .switch {
    width: 100%;
  }
  .boat-actions-section .boat__wrap-select {
    width: 100% !important;
    margin-top: 1.2rem;
  }
  .boat-actions-section .boat__wrap-select .form-field--content-outline {
    width: 100%;
  }
}
.boat-date-info-list {
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.boat-date-info-list .boat__date-text {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 560px) {
  .boat-date-info-list .boat__date-text:not(:last-child) {
    margin-right: 2rem;
  }
}
.ais-error {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #d70000;
}
.ais-error > a {
  color: #00b9ff;
}
.boat-short-info {
  display: inline-flex;
  margin: 1.2rem 0;
}
.boat-short-info * {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.3rem;
}
.boat-short-info__flag {
  margin-right: 0.8rem;
}
.boat-short-info__flag img {
  width: 3.2rem;
  height: 1.8rem;
}
.boat-short-info__type {
  color: #3f9795;
}
.boat-short-info__divider,
.boat-short-info__length {
  color: #bdbdbd;
}
.boat-short-info__divider {
  margin: 0 0.5rem;
  display: inline-block;
}
.boat-short-info__name {
  color: #010202;
}
.crew-contract-details .seaz-crew__contract_details_title {
  margin-top: 1.6rem;
}
.crew-contract-details .seaz-crew__contract_aside_btn {
  right: auto;
  left: 0;
}
.visibility-icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.form {
  width: 100%;
}
.form .single-checkbox.hidden {
  display: none;
}
.form__block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form__block.form__block--row {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  .form__block.form__block--row.seazone-form-field--wrapper {
    flex-direction: column;
  }
}
.form__block-text {
  display: block;
  font: 1.2rem/2.4rem "Roboto", sans-serif;
  text-align: left;
  color: #351f6f;
}
.form__block-text > span {
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .form__block-text {
    font-size: 1.1rem;
  }
}
.form__block-error {
  width: 100%;
  position: absolute;
  font: 1.2rem/1.4rem "Roboto", sans-serif;
  text-align: left;
  color: #ff1f3a;
  margin-bottom: -2.4rem;
}
@media screen and (max-width: 480px) {
  .form__block-error {
    font-size: 1.1rem;
  }
}
.form__block-link {
  position: absolute;
  top: 0.4rem;
  right: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.form__block .dropdown-arrow {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
}
.form__block .dropdown-arrow_position {
  position: inherit;
  right: auto;
}
.form__block_date {
  width: 16.4rem;
}
.form__block-prefix {
  position: absolute;
  font-size: 1.6rem;
  top: 3.9rem;
  color: #4d4e67;
  z-index: 2;
  font-family: "Roboto";
  left: 1.2rem;
}
@media screen and (max-width: 480px) {
  .form__block-prefix {
    top: 3.5rem;
  }
}
.form__row {
  display: flex;
  margin-bottom: 2.4rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .form__row {
    flex-direction: column;
  }
}
.form__row_external {
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .form__row_hor {
    flex-direction: row;
  }
}
@media screen and (max-width: 800px) {
  .form__row_general {
    flex-direction: column;
  }
}
.form__row_wrap {
  flex-wrap: wrap;
}
.form__row_wrap > .form__block {
  margin-top: 2.4rem;
}
.form__row_filter-wrap {
  overflow: auto;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .form__row_filter-wrap {
    flex-wrap: wrap;
  }
}
.form__row:last-child {
  margin-bottom: 0;
}
.form__row_hidden {
  visibility: hidden;
  height: 0;
  margin: 0;
}
.form__col {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .form__col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
  .form__col:last-child {
    margin-bottom: 0;
  }
  .form__col:empty {
    margin: 0;
  }
  .form__col:empty:last-child {
    margin-top: -2.4rem;
  }
}
.form__col-left {
  width: 50%;
  margin-right: 8rem;
}
@media screen and (max-width: 1200px) {
  .form__col-left {
    margin-right: 4rem;
  }
}
@media screen and (max-width: 800px) {
  .form__col-left {
    width: 100%;
    margin: 0;
  }
}
.form__col-right {
  width: 50%;
}
@media screen and (max-width: 800px) {
  .form__col-right {
    width: 100%;
    margin-top: 2.4rem;
  }
  .form__col-right:empty {
    margin-top: 0;
  }
}
.form__col:not(:last-child) {
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .form__col:not(:last-child) {
    margin-right: 1.6rem;
  }
}
.form__col_date {
  display: flex;
}
.form__col_date .form__checkbox {
  align-items: center;
  margin: 2.3rem 0 0 2rem;
}
.form__col_date .form__checkbox-input:checked + label::before {
  background-color: #46a6a4;
  border: 0.2rem solid #46a6a4;
}
@media screen and (max-width: 480px) {
  .form__col--dashboard {
    margin-bottom: 0;
  }
}
.form__union {
  position: relative;
  width: 100%;
  margin-right: 1rem;
}
.form__union .form__block:not(:last-child) {
  margin-bottom: 2.4rem;
}
.form__union:before {
  content: "";
  position: absolute;
  right: -0.8rem;
  bottom: 2.4rem;
  width: 100%;
  height: calc(100% - 7.3rem);
  border-right: 0.1rem solid #a9a9a9;
  border-top: 0.1rem solid #a9a9a9;
  border-bottom: 0.1rem solid #a9a9a9;
}
.form__additional-fields {
  position: relative;
  padding-left: 1rem;
  margin-left: 4rem;
  max-width: 100%;
  width: auto;
  margin-bottom: 2.4rem;
}
.form__additional-fields:before {
  content: "";
  position: absolute;
  height: calc(100% - 2.4rem);
  left: 0;
  bottom: 0;
  border-radius: 3rem;
  border-left: 0.3rem solid #786de4;
}
@media screen and (max-width: 480px) {
  .form__additional-fields {
    width: auto;
  }
}
.form__additional-item:not(:last-child) {
  margin-bottom: 2.4rem;
}
.form__document {
  width: 100%;
  border-bottom: 0.1rem solid #a9a9a9;
}
.form__document-title {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.form__document-notice {
  margin-right: 1rem;
}
.form__document-wrap {
  display: flex;
  margin-bottom: 1.2rem;
}
.form__document-img {
  display: inherit;
  margin-right: 1.2rem;
}
.form__document-btn {
  padding: 0.9rem 4.2rem;
  margin: 0 0 2.4rem auto;
}
.form__document-btn .icon-upload-doc {
  margin-right: 2rem;
}
.form__document-icons {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.form__document-icons-btn {
  display: inline-flex;
  cursor: pointer;
}
.form__document-icons-btn .icon-file-delete {
  color: #e36f84;
}
.form__document-icons-btn i {
  font-size: 2rem;
}
.form__document-icons-btn:not(:last-child) {
  margin-right: 3rem;
}
.form__document-name {
  margin-bottom: 0.3rem;
}
.form__document-date {
  font-size: 1.1rem;
  color: #a9a9a9;
}
.form__desc {
  text-align: left;
  color: #351f6f;
}
.form__desc-text {
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .form__desc-text {
    font-size: 1.4rem;
  }
}
.form__desc a {
  position: relative;
  z-index: 10;
  font-weight: bold;
  font-size: 1.8rem;
  color: #351f6f;
  margin-left: 0.5rem;
}
@media screen and (max-width: 480px) {
  .form__desc a {
    font-size: 1.4rem;
  }
}
.form__wrap-input {
  position: relative;
}
.form__input {
  position: relative;
  height: 4.8rem;
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  width: 100%;
  padding: 0.8rem 3.2rem 0.8rem 1.2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .form__input {
    height: 4rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.form__input::placeholder {
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  color: #a9a9a9;
}
@media screen and (max-width: 480px) {
  .form__input::placeholder {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.form__input:disabled {
  background-color: #e7e7eb;
  cursor: default;
}
.form__input_prefix {
  padding: 0.8rem 3.2rem 0.8rem 2.6rem;
}
.form__textarea {
  min-height: 4.8rem;
  padding: 0.8rem 3.2rem 0.8rem 1.2rem;
  width: 100%;
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .form__textarea {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.form__textarea::placeholder {
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  color: #a9a9a9;
}
@media screen and (max-width: 480px) {
  .form__textarea::placeholder {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.form__textarea:disabled {
  background-color: #e7e7eb;
  cursor: default;
}
.form__textarea_expense {
  min-height: 11.5rem;
}
.form__btn {
  width: 100%;
  margin-bottom: 2.4rem;
}
.form__btn:last-child {
  margin-bottom: 0;
}
.form__btns_placing {
  align-self: flex-end;
  flex-shrink: 0;
  margin-left: 2rem;
}
.form__btns_placing .form__btn {
  min-height: 4rem;
  min-width: 8rem;
}
.form__back {
  display: block;
  position: relative;
  font: bold 1.3rem "Google Sans", sans-serif;
  text-transform: uppercase;
  text-align: left;
  color: #351f6f;
  padding-left: 3.6rem;
  margin-top: 3rem;
}
.form__back:before {
  content: "";
  background-image: url(/assets/img/arrow-left.svg);
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
}
.form__forgot {
  display: inline-block;
  margin-left: auto;
  text-decoration: underline;
  font-size: 1.6rem;
  color: #351f6f;
  transition: 0.3s;
}
.form__forgot:hover {
  color: #432989;
}
.form__progress {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 480px) {
  .form__progress {
    margin: 0 -4rem 0.6rem;
  }
}
.form__progress-head {
  display: inline-block;
  font-weight: 500;
  font-size: 2rem;
  background: #fff;
  color: #46a6a4;
  border: 0.2rem solid #46a6a4;
  min-width: 3.8rem;
  padding: 0.8rem;
  border-radius: 50%;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 480px) {
  .form__progress-head {
    min-width: 2.6rem;
    height: 2.6rem;
    width: 2.6rem;
    font-size: 1rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
.form__progress.hidden {
  visibility: hidden;
  height: 0;
}
.form__progress-item {
  position: relative;
  width: 27%;
}
@media screen and (max-width: 480px) {
  .form__progress-item {
    width: 24%;
  }
}
.form__progress-item:not(:last-child)::after {
  content: "";
  position: absolute;
  width: calc(100% - 6rem);
  top: 1.8rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #46a6a4;
  left: 100%;
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .form__progress-item:not(:last-child)::after {
    top: 1.2rem;
  }
}
.form__progress-text {
  color: #46a6a4;
}
.active-item .form__progress-head,
.completed-item .form__progress-head {
  color: white;
  background: #46a6a4;
  border-color: #46a6a4;
}
.active-item .form__progress-text,
.completed-item .form__progress-text {
  color: #46a6a4;
}
.form__seaz-checkbox {
  font: 1.6rem/1.8rem "Roboto", sans-serif;
  display: flex;
  text-align: left;
  flex-direction: row;
  align-items: center;
  color: #351f6f;
}
.form__seaz-checkbox-control {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
  cursor: pointer;
}
.form__seaz-checkbox-control input[type=checkbox] {
  background-color: transparent;
  color: transparent;
  appearance: none;
  width: 1.8rem;
  box-sizing: border-box;
  height: 1.8rem;
  border: 0.2rem solid #351f6f;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: normal;
  transition: 0.3s;
  position: relative;
}
.form__seaz-checkbox-control input[type=checkbox]::before {
  content: "\e820";
  font-family: "Fontello";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: normal;
  width: 100%;
  height: 100%;
}
.form__seaz-checkbox-control input[type=checkbox]:checked {
  color: white;
  background-color: #351f6f;
}
.form__checkbox {
  font: 1.4rem/1.8rem "Roboto", sans-serif;
  display: flex;
  text-align: left;
  flex-direction: row;
  align-items: center;
  color: #351f6f;
}
.form__checkbox-input:checked + label:before {
  color: white;
  background-color: #351f6f;
}
.form__checkbox-input {
  display: none;
}
.form__checkbox-input:disabled ~ label {
  cursor: default;
}
.form__checkbox-input:disabled ~ label:before {
  border-color: rgba(53, 31, 111, 0.5);
}
.form__checkbox-input:disabled:checked ~ label:before {
  background-color: rgba(53, 31, 111, 0.7);
}
.form__checkbox-input:disabled ~ span {
  color: rgba(53, 31, 111, 0.7);
}
.form__checkbox-label {
  position: relative;
  display: inline-block;
  line-height: 2.8rem;
  cursor: pointer;
  height: 1.8rem;
  width: 1.8rem;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .form__checkbox-label {
    padding: 0 0 0 2.4rem;
    line-height: 2rem;
  }
}
.form__checkbox-label:before {
  content: "\e820";
  font-family: "Fontello";
  color: transparent;
  position: absolute;
  width: 1.8rem;
  box-sizing: border-box;
  height: 1.8rem;
  border: 0.2rem solid #351f6f;
  border-radius: 0.2rem;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: normal;
  transition: 0.3s;
}
.form__checkbox-label-text {
  font-size: 1.6rem;
  padding-left: 1.8rem;
}
@media screen and (max-width: 480px) {
  .form__checkbox-label-text {
    font-size: 1.2rem;
  }
}
.form__checkbox-label-text a {
  position: relative;
  color: #351f6f;
  font-weight: 500;
  z-index: 10;
}
.form__radio {
  font: 1.4rem/1.8rem "Roboto", sans-serif;
  display: flex;
  text-align: left;
  color: #351f6f;
}
.form__radio-input {
  display: none;
}
.form__radio-input:checked + label:before {
  color: #351f6f;
}
.form__radio-input:checked + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #351f6f;
  display: block;
  position: absolute;
  left: 4px;
  border-radius: 50%;
  top: 4px;
}
.form__radio-label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 2.8rem;
  line-height: 2.8rem;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .form__radio-label {
    padding: 0 0 0 2.4rem;
    line-height: 2rem;
  }
}
.form__radio-label:before {
  content: "\e83a";
  text-align: center;
  font-family: "Fontello";
  position: absolute;
  width: 1.8rem;
  box-sizing: border-box;
  height: 1.8rem;
  border: 0.2rem solid #351f6f;
  border-radius: 50%;
  left: 0;
  top: 0;
  font-size: 0.9rem;
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.form__radio-label-text {
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  .form__radio-label-text {
    font-size: 1.2rem;
  }
}
.form__radio-label-text a {
  position: relative;
  color: #351f6f;
  text-decoration: underline;
  font-weight: 500;
  z-index: 10;
}
.form__cash {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.form__cash .form__row {
  width: 100%;
}
.form__cash .form__col {
  flex-grow: 1;
}
.form__cash_row--amount {
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .form__cash_col--currency,
  .form__cash_col--radio {
    margin-bottom: 2.4rem;
  }
  .form__cash_col--currency.form__col {
    margin-right: 0;
  }
  .form__cash_col--narrow,
  .form__cash_col--wide,
  .form__cash_col--currency,
  .form__cash_col--radio,
  .form__cash_col--amount {
    width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 1200px) {
  .form__cash_row--amount {
    flex-wrap: wrap;
  }
  .form__cash_row--amount .form__cash_col--currency,
  .form__cash_row--amount .form__cash_col--radio {
    width: calc(30% - 0.5rem);
  }
  .form__cash_row--amount .form__cash_col--currency.form__col {
    margin-right: 1rem;
  }
  .form__cash_row--amount .form__cash_col--radio.form__col {
    margin-right: 0;
  }
  .form__cash_row--amount .form__cash_col--amount {
    margin-left: auto;
    max-width: 60%;
  }
  .form__cash_col--narrow.form__col {
    width: calc(40% - 1rem);
  }
  .form__cash_col--wide.form__col {
    width: 60%;
  }
}
.form__cash .form__row:first-child {
  margin-right: 1rem;
}
@media screen and (max-width: 1440px) {
  .form__cash .form__row:first-child {
    margin-right: 0;
  }
}
.form_pass .form__btns {
  margin-top: 3rem;
}
.form__files {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .form__files {
    flex-direction: column;
  }
  .form__files .form__col {
    min-width: 25rem;
  }
  .form__files .form__col:not(:last-child) {
    margin: 0 0 2.4rem 0;
  }
}
.form__wrap-title {
  align-items: center;
  margin-bottom: 1.5rem;
}
.form__filter {
  width: 100%;
}
.form__filter-title {
  font: bold 1.8rem/2.1rem "Roboto", sans-serif;
  display: flex;
  cursor: pointer;
}
.form__filter-title .filter-title {
  margin-left: 1.2rem;
}
@media screen and (max-width: 800px) {
  .form__filter .form__row_general .form__col {
    width: 100%;
    margin-right: 0;
  }
  .form__filter .form__row_general .form__col:not(:last-child) {
    margin: 0 0 2.4rem 0;
  }
}
.form__filter-union {
  display: flex;
}
.form__filter-union:not(:last-child) {
  margin-right: 2rem;
}
@media screen and (max-width: 480px) {
  .form__filter-union:not(:last-child) {
    max-width: 95%;
  }
}
@media screen and (max-width: 1440px) {
  .form__filter-union:not(:last-child) {
    margin: 0 3rem 2.4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .form__filter-union:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1440px) {
  .form__filter-union:last-child {
    margin: 0 0 2.4rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .form__filter-union:last-child {
    margin-bottom: 0;
  }
}
.form__filter-union .form__col {
  position: relative;
  width: 100%;
}
.form__filter-union .form__col:first-child::before {
  content: "";
  position: absolute;
  border-top: 0.1rem solid #a9a9a9;
  top: 65%;
  left: 50%;
  transform: translateX(-25%);
  width: 100%;
}
.form__filter-union .form__btns {
  align-self: flex-end;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .form__filter-union .form__btns {
    margin: auto;
  }
}
.form__filter-union .form__btn {
  min-height: 4.8rem;
  min-width: 4.8rem;
}
@media screen and (max-width: 480px) {
  .form__filter-union .form__btn {
    min-height: 4rem;
    min-width: 4rem;
  }
}
.form__filter-union .form__btn .icon-update {
  font-size: 2rem;
}
.form__filter-btn {
  min-height: 2.4rem;
  min-width: 2.4rem;
  cursor: pointer;
  font-size: 0.8rem;
}
.form__filter-btn i {
  color: rgba(0, 0, 0, 0.5);
}
.form__filter .form__col_show {
  min-width: 7.5rem;
  width: 7.5rem;
}
.form__filter .form__col_min-width {
  min-width: 13.5rem;
}
.form__filter .form__col_btn {
  align-self: flex-end;
}
.form__filter .form__col_btn .main-btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.4rem;
}
.form_expense {
  padding-top: 2.8rem;
}
@media screen and (max-width: 480px) {
  .form_expense {
    padding-top: 1.4rem;
  }
}
.form_expense__tabs {
  display: flex;
  flex-grow: 1;
}
.form_expense__tabs_wrap {
  max-width: 100%;
  overflow: auto;
  display: flex;
  margin-bottom: 3.5rem;
}
.form_expense__tabs_wrap app-scroll-controls .controls-container {
  top: 3rem;
}
.form_expense__tabs .boat__tabs {
  margin-bottom: 0;
  width: 100%;
}
.form_expense__tabs .tabs__item {
  max-width: none;
}
.form_financial {
  margin-bottom: 2rem;
  border-top: 0.1rem solid #a9a9a9;
}
.form_financial .form__wrap-title {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.form_financial .form__filter {
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid #a9a9a9;
}
.form_financial .form__filter_hidden {
  padding: 0;
  max-height: 0;
  overflow: hidden;
}
.form__compare {
  position: relative;
  max-width: 23rem;
  margin: 0 0 2rem auto;
}
@media screen and (max-width: 480px) {
  .form__compare {
    max-width: 20rem;
    margin-bottom: 1.6rem;
  }
}
.form__compare .form__block .dropdown-arrow {
  transform: translateY(-50%);
}
.form__compare .form__input {
  padding-left: 2.2rem;
  box-sizing: border-box;
}
.form__compare .form__col {
  position: relative;
}
@media screen and (max-width: 480px) {
  .form__compare .form__col:not(:last-child) {
    margin-right: 0.9rem;
  }
}
.form__compare .form__col:before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: 2;
  border-radius: 50%;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.form__compare .form__col:first-child::before {
  background: #351f6f;
}
.form__compare .form__col:last-child::before {
  background: #46a6a4;
}
.form__compare__hidden {
  visibility: hidden;
  height: 0;
  margin: 0;
}
.form__dashboard--row {
  flex-direction: row;
}
.form__toggle {
  display: flex;
}
.form__toggle-input {
  display: none;
}
.form__toggle-input:checked + label:after {
  background-color: #46a6a4;
  right: -1px;
  left: inherit;
}
.form__toggle-input:checked + label:before {
  content: "";
  background-color: #b6dada;
}
.form__toggle-label {
  position: relative;
  cursor: pointer;
  display: block;
}
.form__toggle-label:after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: #9b9b9b;
  display: block;
  box-shadow:
    0px 0px 2px rgba(0, 0, 0, 0.14),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: -1px;
}
.form__toggle-label:before {
  content: "";
  border: none;
  display: block;
  width: 3rem;
  height: 1.4rem;
  background-image: none;
  background-color: #b6b6b6;
  border-radius: 13px;
}
.expense-title {
  padding-bottom: 1rem;
}
.apa-transaction-department {
  width: 100%;
  box-sizing: border-box;
}
.apa-transaction-department__container {
  box-sizing: border-box;
  border-left: 1px solid #bdbdbd;
  padding: 0 0 2rem 1.6rem;
}
.apa-transaction-department .form-field--label span {
  color: #351f6f;
}
.apa-transaction-department .seaz-charter__apa_department_text {
  margin-top: 0.4rem;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.seazone__form-input {
  height: 100%;
  width: 100%;
  position: relative;
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  box-sizing: border-box;
  border: none;
}
.seazone__form-input::placeholder {
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  color: #a9a9a9;
}
@media screen and (max-width: 480px) {
  .seazone__form-input::placeholder {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.seazone__form-input:disabled,
.seazone__form-input:read-only {
  background-color: #e7e7eb;
  cursor: default;
}
.seazone__form-input:focus {
  border: none;
}
span.form__block-text {
  white-space: nowrap;
}
.login .form__checkbox {
  margin-top: 1rem;
}
.upload-file__btn {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  background: #ffffff;
  top: 0.6rem;
  right: 0.6rem;
  border-radius: 50%;
  min-height: 3.2rem;
  min-width: 3.2rem;
}
.upload-file__btn i {
  font-size: 1.6rem;
  color: #ff1f3a;
}
.file-upload {
  font: 1.4rem/1.8rem "Roboto", sans-serif;
}
@media screen and (max-width: 480px) {
  .file-upload {
    font-size: 1.2rem;
  }
}
.file-upload_add .file-upload-area,
.file-upload_add .file-upload__result {
  min-height: 25rem;
}
.file-upload_expense .file-upload-area {
  padding: 2.5rem 1rem 3.2rem;
}
.file-upload_expense .file-upload-area__text br {
  display: none;
}
.holder-form__row {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .holder-form__row {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.holder-form__col {
  margin-right: 1.2rem;
  max-width: 10.6rem;
}
@media screen and (max-width: 768px) {
  .holder-form__col {
    margin-bottom: 1.2rem;
  }
}
.holder-form__col:last-child {
  margin-right: 0;
}
.holder-form__col .main-btn_icon-left {
  padding: 1.22rem 0.8rem 1.22rem 3.8rem;
}
@media screen and (max-width: 480px) {
  .holder-form__col .main-btn_icon-left {
    padding: 1.1rem 0.8rem 1.1rem 3.8rem;
  }
}
.holder-form__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.holder-form__btn {
  cursor: pointer;
}
.holder-form__btn_glass {
  color: #4d4e67;
}
.holder-form__btn_close {
  color: #ff5574;
}
.select-placeholder,
.select-value {
  font: 1.6rem/2.8rem "Roboto", sans-serif;
}
@media screen and (max-width: 480px) {
  .select-placeholder,
  .select-value {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.select-content {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  min-width: 2.4rem;
}
.select-placeholder {
  color: #a9a9a9;
}
.select-placeholder :first-letter {
  text-transform: uppercase;
}
.select-value {
  color: #000000;
  width: 18rem;
  text-align: left;
}
.select-img-container {
  display: flex;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--report-month {
    min-width: calc(10% - 1rem);
    width: calc(10% - 1rem);
    max-width: calc(10% - 1rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--report-month {
    min-width: 13%;
    width: 13%;
    max-width: 13%;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--report-month {
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    min-width: calc(50% - 1rem);
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--report-month {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1920px) {
  .form__filter-union.form__filter-union--amount {
    width: calc(25% - 1rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__filter-union.form__filter-union--amount {
    width: 48.4%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .form__filter-union.form__filter-union--amount {
    width: calc(50% - 1rem);
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 800px) {
  .form__filter-union.form__filter-union--amount {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .form__filter-union.form__filter-union--amount {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1920px) {
  .form__filter-union.form__filter-union--date {
    width: calc(27% - 1rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__filter-union.form__filter-union--date {
    width: 34%;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__filter-union.form__filter-union--date {
    width: calc(50% - 1rem);
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 800px) {
  .form__filter-union.form__filter-union--date {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .form__filter-union.form__filter-union--date {
    margin-bottom: 0;
  }
}
.form__filter-union.form__filter-union--keywords .form__col:first-child::before {
  border-top: 0;
}
@media screen and (max-width: 1920px) {
  .form__filter-union.form__filter-union--keywords {
    width: calc(18% - 1rem);
    max-width: calc(18% - 1rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__filter-union.form__filter-union--keywords {
    width: 16%;
    max-width: 16%;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__filter-union.form__filter-union--keywords {
    width: calc(23% - 1.2rem);
    max-width: calc(23% - 1.2rem);
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 800px) {
  .form__filter-union.form__filter-union--keywords {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .form__filter-union.form__filter-union--keywords > .form__col:before {
    max-width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .form__filter-union.form__filter-union--keywords {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--view {
    width: calc(12% - 1rem);
    max-width: calc(12% - 1rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--view {
    width: calc(15% - 1.2rem);
    max-width: calc(15% - 1.2rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--view {
    width: calc(15% - 2rem);
    max-width: calc(15% - 2rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--view {
    max-width: calc(70% - 2rem);
    width: calc(70% - 2rem);
    margin-bottom: 2.4rem;
  }
  .form__col.form__col--view::before {
    display: none;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--show {
    width: 7%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--show {
    width: 9%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--show {
    width: 10%;
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--show {
    width: 30%;
    margin-right: 0;
  }
}
.form__col.form__col--save button {
  height: 48px;
}
@media screen and (min-width: 1440px) {
  .form__col.form__col--save {
    margin-top: 2.6rem;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--save {
    width: 112px;
    margin-bottom: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--save {
    width: calc(100% - 48px - 2rem);
    margin-bottom: 0;
  }
}
.form__filter--first {
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.form__filter--first.form__filter {
  border-bottom: none;
}
.form__row.form__row--filter-select {
  justify-content: flex-end;
}
.form__row.form__row--filter-select .form__col.form__col--filter-select {
  width: 25%;
}
@media screen and (max-width: 1440px) {
  .form__row.form__row--filter-select .form__col.form__col--filter-select {
    width: 33%;
  }
}
@media screen and (max-width: 1024px) {
  .form__row.form__row--filter-select .form__col.form__col--filter-select {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .form__row.form__row--filter-select .form__col.form__col--filter-select {
    width: 100%;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--express,
  .form__col.form__col--category,
  .form__col.form__col--subcategory {
    min-width: calc(14% - 1rem);
    width: calc(14% - 1rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--express,
  .form__col.form__col--category,
  .form__col.form__col--subcategory {
    min-width: calc(20% - 1.2rem);
    width: calc(20% - 1.2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--express,
  .form__col.form__col--category,
  .form__col.form__col--subcategory {
    min-width: calc(33.1% - 1.2rem);
    width: calc(33.1% - 1.2rem);
    margin-bottom: 2.4rem;
  }
  .form__col.form__col--express:nth-of-type(3n),
  .form__col.form__col--category:nth-of-type(3n),
  .form__col.form__col--subcategory:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--express,
  .form__col.form__col--category,
  .form__col.form__col--subcategory {
    min-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--department {
    min-width: calc(12% - 1rem);
    width: calc(12% - 1rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--department {
    min-width: calc(20% - 1.2rem);
    width: calc(20% - 1.2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--department {
    min-width: calc(24.4% - 2rem);
    width: calc(24.4% - 2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--department {
    min-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--payment-method {
    min-width: calc(14% - 1rem);
    width: calc(14% - 1rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--payment-method {
    min-width: calc(20% - 2.2rem);
    width: calc(20% - 2.2rem);
    margin-bottom: 2.4rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--payment-method {
    min-width: calc(24.4% - 2rem);
    width: calc(24.4% - 2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--payment-method {
    min-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--crew {
    min-width: calc(12% - 1rem);
    width: calc(12% - 1rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--crew {
    min-width: calc(28% - 1.2rem);
    width: calc(28% - 1.2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--crew {
    min-width: calc(24.4% - 2rem);
    width: calc(24.4% - 2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--crew {
    min-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
.form__col.form__col--checkbox-select,
.form__col.form__col--currency-select {
  width: auto;
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--checkbox-select,
  .form__col.form__col--currency-select {
    min-width: calc(12% - 2.2rem);
    width: calc(12% - 2.2rem);
    margin-bottom: 2.4rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--checkbox-select,
  .form__col.form__col--currency-select {
    min-width: calc(14.5% - 2rem);
    width: calc(14.5% - 2rem);
    margin-right: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .form__col.form__col--checkbox-select,
  .form__col.form__col--currency-select {
    min-width: calc(50% - 1rem);
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 1920px) {
  .form__col.form__col--checkbox-select {
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .form__col.form__col--checkbox-select {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__col.form__col--checkbox-select {
    margin-right: 0;
  }
}
.form__btns--reset {
  height: 48px;
  width: 48px;
  display: flex;
}
@media screen and (min-width: 1440px) {
  .form__btns--reset {
    margin-top: 2.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .form__btns--reset .icon-update {
    font-size: 20px;
  }
}
.form__row.form__row--filters {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  .form__col--checkbox-select .form-field__content-outline[_ngcontent-seazoneServer-c21] {
    height: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .cdk-overlay-container .modal-background.rotated ~ div .container-fixed {
    transform: rotate(-90deg);
  }
}
@media screen and (max-width: 480px) {
  .cdk-overlay-container .modal-background.rotated ~ div .dropdown-options-container.container-fixed {
    margin-left: 0.5rem;
    margin-top: -6rem;
  }
}
.expense-split__radio {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.expense-split__radio_title {
  display: block;
  font: 1.2rem/2.4rem "Roboto", sans-serif;
  text-align: left;
  color: #351f6f;
}
.expense-split__radio_form {
  display: flex;
  height: 100%;
}
.expense-split__radio_item {
  display: none;
}
.expense-split__radio_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.4rem;
}
.expense-split__radio_item + .expense-split__radio_inner {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  border: 0.2rem solid #4d4e67;
  border-radius: 50%;
}
.expense-split__radio_item:checked + .expense-split__radio_inner::before {
  content: "";
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  background-color: #46a6a4;
  border-radius: 50%;
}
.expense-split__radio_item:checked + .expense-split__radio_inner {
  border-color: #46a6a4;
}
.expense-split__radio_label {
  display: flex;
  align-items: center;
  margin-right: 3.4rem;
  text-transform: uppercase;
  cursor: pointer;
}
.expense-split__currency_label {
  margin-top: 2.4rem;
  display: flex;
  height: 4.8rem;
  align-items: center;
  justify-content: flex-end;
}
.expense-split__currency-text {
  color: #828282;
  font-size: 1.6rem;
  line-height: 1.9rem;
}
@media screen and (max-width: 1200px) {
  .expense-split__currency {
    display: flex;
    flex-direction: column;
  }
  .expense-split__currency_label {
    justify-content: flex-start;
    height: auto;
    margin-top: 0;
  }
  .expense-split__currency .form__cash_col--wide {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .expense-split__currency_label {
    margin-bottom: 1rem;
  }
}
.splits__wrapper {
  height: auto;
  overflow: hidden;
}
.splits__wrapper.show {
  height: 0;
}
.split-item {
  padding-top: 2.4rem;
  overflow: hidden;
}
.split-head {
  padding-bottom: 1.1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.split-head__title {
  line-height: 28px;
  font-size: 2.4rem;
  font-weight: 500;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
}
.split-head__info {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
}
.split-head__sum {
  color: #46a6a4;
  font-weight: bold;
  font-size: 1.8rem;
  margin-right: 1.7rem;
  white-space: nowrap;
}
.split-head__cancel {
  margin-right: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.split-head__accordion {
  display: flex;
  background-color: #e7e7eb;
  border-radius: 50%;
  min-width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.split-head__accordion img.show {
  transform: rotate(-180deg);
}
.payment-form {
  height: 0;
}
.payment-form.show {
  height: auto;
}
.form__block-error__box {
  display: inline-flex;
  width: 100%;
}
.dropdown-options-container {
  width: 100%;
  min-width: 20rem;
  max-height: 27.5rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.24);
  display: block;
  overflow: hidden;
  background-color: white;
}
.dropdown-container-counter {
  position: absolute;
  top: 2rem;
  right: 1rem;
  z-index: 101;
  font-size: 1.4rem;
  font-weight: 400;
  color: #010202;
}
.seazone-range-slider__inputs app-seazone-input ~ app-control-error {
  display: none;
}
.required::after {
  color: red;
  content: "*";
}
app-phone-number .seazone-form-field--wrapper .phone-control-container .form__block-text__select {
  display: none;
}
.seazone__form-icon.hidden {
  display: none;
}
@media screen and (max-width: 480px) {
  .crew-contract-form .form__col {
    margin-right: 0 !important;
  }
}
.seaz-crew-search-all-filter {
  position: relative;
  padding-bottom: 4rem;
}
.seaz-crew-search-all-filter .seaz-filters__form .form__block-error {
  width: 100%;
}
.seaz-crew-search-all-filter__actions {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 73.5rem;
  padding: 1.6rem;
  background-color: #fff;
}
.seaz-crew-search-all-filter__actions .seaz__btn_rounded {
  font-weight: 500;
  border-radius: 0.4rem;
  padding: 1rem 2rem;
}
.seaz-crew-search-all-filter__actions .seaz__btn_reset-all {
  align-self: center;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: none;
  line-height: 1rem;
  border: none;
  color: #00b9ff;
  margin-right: 1.6rem;
  border-bottom: 1px dashed #00b9ff;
  padding: 0 0 0.5rem 0;
  transition: opacity 0.3s;
}
.seaz-crew-search-all-filter__actions .seaz__btn_reset-all:hover {
  background-color: initial;
  opacity: 0.6;
  color: #00b9ff;
}
.seazone-form-field--wrapper .form-field--content-suffix .icon-seazone-select-arrow::before {
  content: "\e83b";
  font-size: 1.4rem;
  transform: rotateZ(180deg) !important;
}
@media screen and (max-width: 768px) {
  .seaz-company-profile-form .seaz-uploader,
  .seaz-company-profile-form .seaz-uploader__box {
    align-items: flex-start;
  }
  .seaz-company-profile-form .seaz-uploader__label {
    text-align: left;
  }
  .seaz-company-profile-form .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
.radio__row-wrapper {
  display: flex;
  flex-direction: row;
}
.radio__row-wrapper .form__block_label {
  max-width: 14rem;
  width: 100%;
  margin-right: 2rem;
  padding-top: 1.1rem;
  font: 1.4rem/2rem "Roboto", sans-serif;
}
.radio__row-wrapper .form__radio {
  padding: 1.1rem 0;
  cursor: pointer;
}
.radio__row-wrapper .form__radio-label-text,
.radio__row-wrapper .form__radio-label-text--description {
  font-size: 1.4rem;
}
.radio__row-wrapper .form__radio-label-text--description {
  color: #bdbdbd;
}
.rage-selection-date-form .form-wrapper,
.rage-selection-date-form .flexible-form,
.rage-selection-date-form .block {
  display: flex;
  align-items: center;
}
.rage-selection-date-form .flexible-form {
  margin-right: 1.2rem;
}
.rage-selection-date-form .block:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.rage-selection-date-form app-date-control {
  display: block;
  width: 15.6rem;
}
.rage-selection-date-form .field-label {
  font-size: 1.4rem;
  color: #010202;
  line-height: 1.6rem;
  margin-right: 1.6rem;
}
.rage-selection-date-form__btn {
  color: #46a6a4;
  border-color: #46a6a4;
  transition: all 0.2s;
}
.rage-selection-date-form__btn:hover {
  opacity: 1;
  background-color: #46a6a4;
  color: white;
}
.boat-task-form.mt-30 {
  margin-top: 3rem;
}
.boat-task-form .form-field--wrapper__row .form-field--label,
.boat-task-form .seaz-uploader__header,
.boat-task-form .plug-label {
  max-width: 16rem;
  min-width: 16rem;
  margin-right: 2rem;
}
.boat-task-form .mb-8 {
  margin-bottom: 0.8rem;
}
.boat-task-form .mb-16 {
  margin-bottom: 1.6rem;
}
.boat-task-form .seaz-uploader__choose_drop,
.boat-task-form app-seazone-media-uploader {
  width: 100%;
}
.boat-task-form .checkbox-info-label {
  margin-top: 1.2rem;
}
@media screen and (max-width: 768px) {
  .boat-task-form .wrapper-rounded.form-field--wrapper__row .form-field--label,
  .boat-task-form .seaz-uploader__header,
  .boat-task-form .plug-label {
    max-width: 13rem;
    min-width: 13rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-task-form .form__row {
    margin-bottom: 1.6rem;
  }
  .boat-task-form.mt-30 {
    margin-top: 1.6rem;
  }
  .boat-task-form .plug-label-hidden {
    display: none;
  }
}
.boat-task-form-show-in-report {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.boat-task-form-show-in-report .form__toggle {
  margin-right: 0.8rem;
}
@media screen and (max-width: 480px) {
  .boat-task-form-show-in-report {
    justify-content: flex-end;
  }
}
.boat-task-form-services {
  background-color: #f5f5f5;
  padding: 1.2rem 1.2rem 2.8rem 1.2rem;
  border-radius: 1.2rem;
}
.boat-task-form-services__row {
  display: flex;
  align-items: center;
}
.boat-task-form-services__row--checkbox {
  margin: 2.7rem 0 1.9rem;
}
.boat-task-form-services .services-required {
  display: none;
}
.boat-task-form-services .wrapper-rounded.form-field--wrapper__row .form-field--label,
.boat-task-form-services .plug-label {
  margin-right: 1rem;
}
.boat-task-form-services .info-label.purple {
  background-color: rgba(53, 31, 115, 0.08);
}
.boat-task-form-services .info-label {
  font-size: 1.4rem;
  font-weight: 400;
}
.boat-task-form-services__checkbox .form__checkbox-label {
  width: 0;
}
.boat-task-form-services__checkbox .form__checkbox-label-text {
  padding-left: 3rem;
}
.boat-task-form-services__checkbox app-seazone-checkbox:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 480px) {
  .boat-task-form-services__row {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-items: flex-start;
  }
  .boat-task-form-services__row--checkbox {
    margin: 2.7rem 0 1.1rem;
  }
  .boat-task-form-services .done-by-label {
    margin-bottom: 0.8rem;
  }
  .boat-task-form-services .services-required {
    display: block;
  }
  .boat-task-form-services .form-field--label {
    display: none !important;
  }
  .boat-task-form-services__checkbox app-seazone-checkbox:not(:last-child) {
    margin: 0 0 1.2rem 0;
  }
  .boat-task-form-services__checkbox .form__checkbox-label-text {
    padding-left: 0;
  }
}
.boat-task-form-uploader .seaz-uploader {
  flex-direction: row;
}
.boat-task-form-uploader .seaz-uploader__label.seaz-h4,
.boat-task-form-uploader .seaz-crew__edit_row_upload .seaz-uploader__label.yaht-edit__upload_label,
.seaz-crew__edit_row_upload .boat-task-form-uploader .seaz-uploader__label.yaht-edit__upload_label {
  font-size: 1.4rem;
  font-weight: 400;
}
.boat-task-form-uploader .yaht-edit__upload_img_box {
  margin: 1rem 2rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-task-form-uploader .seaz-uploader {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-task-form-uploader .seaz-uploader__box {
    align-items: flex-start;
  }
  .boat-task-form-uploader .seaz-uploader__header {
    display: none;
  }
  .boat-task-form-uploader .seaz-uploader__label {
    text-align: left;
  }
  .boat-task-form-uploader .seaz-uploader__choose {
    justify-content: flex-start;
    order: -1;
    margin-bottom: 1.6rem;
  }
  .boat-task-form-uploader app-seazone-image-file {
    order: -1;
  }
  .boat-task-form-uploader .seaz-uploader__video_row {
    justify-content: flex-start;
  }
  .boat-task-form-uploader app-seazone-document-file {
    margin: 1.3rem 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-task-form-uploader .seaz-uploader {
    margin-top: 1.6rem;
  }
  .boat-task-form-uploader .seaz-uploader__box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
}
.boat-task-form-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.boat-task-form-chips .task-type,
.boat-task-form-chips .task-status-type,
.boat-task-form-chips .task-priority-type {
  display: flex;
  align-items: center;
  max-height: 4rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 4rem;
  background-color: #fff;
  padding: 1rem 1.4rem;
  margin-top: 0.8rem;
  margin-right: 0.8rem;
  cursor: pointer;
}
.boat-task-form-chips app-seazone-icon {
  margin-right: 1rem;
}
.boat-task-form-chips app-seazone-icon svg {
  fill: #e0e0e0;
}
.boat-task-form-chips .selected .task-type,
.boat-task-form-chips .selected .task-status-type,
.boat-task-form-chips .selected .task-priority-type {
  box-shadow: 0 0 0 1px #4f194a;
  border-color: initial;
}
.boat-task-form-chips .selected .task-type app-seazone-icon svg,
.boat-task-form-chips .selected .task-priority-type--owners app-seazone-icon svg {
  fill: #4f194a;
}
.boat-task-form-chips .selected .task-priority-type--urgent app-seazone-icon svg {
  fill: #f49342;
}
.boat-task-form-chips .selected .task-priority-type--warranty app-seazone-icon svg {
  fill: #3aae27;
}
.boat-task-form-services-radio app-seazone-radio-item:not(:last-of-type) {
  margin: 0 0 2rem 0;
}
.boat-task-form-text-area .form-field__area {
  min-height: initial;
}
.boat-task-form-text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.boat-task-form-text-area .wrapper-rounded.form-field--wrapper__row .form-field--label {
  justify-content: flex-start;
}
@media screen and (max-width: 480px) {
  .boat-task-form-text-area .form-field__area .form-field--label {
    padding-top: 0;
  }
}
@media screen and (max-width: 560px) {
  .boat-task-form-actions {
    flex-direction: column;
  }
}
.estimation-control-row {
  margin-bottom: 2.9rem;
}
.boat-task-form-btn {
  width: 100%;
  min-height: 3.2rem;
  font-size: 1.4rem;
  padding: 0.5rem 2rem;
}
.boat-task-form-btn:not(:last-of-type) {
  margin: 0 1.6rem 0 0;
}
@media screen and (max-width: 560px) {
  .boat-task-form-btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.boat-task-form-btn--selected {
  border-color: #3f9795;
  color: #3f9795;
}
.boat-task-form-btn--selected app-seazone-icon svg {
  fill: #3f9795;
}
.boat-task-form-selected__option {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.boat-task-form-selected__option-img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.boat-task-form-selected .select-html-container {
  display: flex;
  align-items: center;
}
.boat-task-form-selected .select-html-container img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.boat-task-form-selected .form-field--content {
  padding: 0.4rem 1.2rem;
}
.boat-task-form-tag-container {
  display: flex;
  flex-wrap: wrap;
}
.related-label {
  display: flex;
  align-items: center;
}
.related-label .form__checkbox-label-text {
  font-size: 1.4rem;
  font-weight: 400;
  color: #010202;
  padding-left: 1.1rem;
}
@media screen and (max-width: 480px) {
  .related-label.plug-label {
    width: 100%;
    min-width: initial;
    max-width: initial;
    margin-bottom: 0.8rem;
  }
  .related-label .form__checkbox-label {
    width: auto;
  }
  .related-label .form__checkbox-label-text {
    padding-left: 0;
  }
}
.boat-task-form-tag,
.boat-task-form-bread-crumbs-tag {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 1.8rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.6rem;
  color: #010202;
  word-break: break-word;
  margin: 0.4rem 1.2rem 0 0;
}
.boat-task-form-bread-crumbs-tag {
  width: fit-content;
  font-size: 1.2rem;
  color: #4f4f4f;
  line-height: 120%;
  border-radius: 2.4rem;
  padding: 0.5rem 0.8rem;
}
.boat-task-form-bread-crumbs-tag app-seazone-icon {
  margin-left: 1.3rem;
}
.boat-task-form-bread-crumbs-tag-actions {
  display: flex;
  align-items: center;
}
.boat-task-form-bread-crumbs-tag-actions app-seazone-icon {
  margin-left: 0;
}
.boat-task-form-bread-crumbs-tag-actions__icon app-seazone-icon {
  margin-left: 0.8rem;
}
.boat-task-form-tag-remove {
  margin-left: 0.6rem;
}
.boat-task-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 2rem 0;
  margin: 0;
  justify-content: space-between;
  border: 0;
}
.boat-task-form-footer__actions {
  display: flex;
  flex: 1 auto;
  justify-content: flex-end;
}
.boat-task-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-task-form-footer__btn--delete {
  padding: 0.7rem 2rem;
}
.maintenance-task-dates-form {
  margin-top: 3rem;
}
.boat-task-form-progress {
  margin-bottom: 2.4rem;
}
.boat-tasks-repeat-form {
  margin-top: 3rem;
}
.boat-tasks-repeat-form__input-every {
  width: 100%;
  max-width: 11.6rem;
  margin-right: 1.6rem;
}
.boat-tasks-repeat-form .data-controls-radio-item {
  margin-top: 2.7rem;
}
.boat-tasks-repeat-form__section {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
.boat-tasks-repeat-form .boat-task-form-footer {
  margin-top: 3rem;
}
@media screen and (max-width: 650px) {
  .boat-tasks-repeat-form .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 560px) {
  .boat-tasks-repeat-form .form__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-tasks-repeat-form .form-field--wrapper__row {
    flex-direction: column;
  }
  .boat-tasks-repeat-form .form-field--wrapper__row .form-field--label,
  .boat-tasks-repeat-form .plug-label {
    margin: 0 0 0.8rem;
  }
  .boat-tasks-repeat-form__date-control .form-field--content {
    width: 100%;
  }
}
.boat-tasks-repeat-form .status-task-hours-info {
  margin-top: 2rem;
}
.input-data-controls {
  display: flex;
  align-items: center;
  width: 100%;
}
.data-controls-radio app-date-control .form-field--label {
  display: none;
}
.data-controls-radio .boat-tasks-repeat-form__date-control {
  margin-left: 2.4rem;
}
.data-controls-radio__task {
  width: 100%;
}
.data-controls-radio__task .seazone-radio-group__wrapper,
.data-controls-radio__task .seazone-radio-group__items,
.data-controls-radio__task app-seazone-radio-button,
.data-controls-radio__task .seazone-radio-button__input--label,
.data-controls-radio__task .seazone-radio-button__wrapper {
  width: 100%;
}
.data-controls-radio__task .seazone-radio-group__label {
  width: 14rem;
  min-width: 14rem;
  max-width: 14rem;
}
@media screen and (max-width: 560px) {
  .data-controls-radio .seazone-radio-group__wrapper {
    flex-direction: column;
  }
}
.section-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #010202;
  margin-bottom: 2rem;
}
.boat-tasks-repeat-form-running-hours {
  display: flex;
  flex-direction: column;
}
.boat-tasks-repeat-form-running-hours__hint-wrapper {
  display: flex;
  min-height: 3.6rem;
  flex-direction: column;
  width: 100%;
}
.boat-tasks-repeat-form-running-hours__hint {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  text-align: end;
  font-size: 1.2rem;
  color: #828282;
}
.choose-tasks {
  margin-top: 5.8rem;
}
.choose-tasks__title {
  margin-bottom: 3rem;
}
.choose-tasks__title.seaz-title-h4 {
  color: #010202;
}
.choose-tasks .seazone-radio-group__label {
  display: none;
}
@media screen and (max-width: 480px) {
  .choose-tasks {
    margin-top: 3rem;
  }
  .choose-tasks__title {
    margin-bottom: 1.8rem;
  }
}
.task-form-info-label {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #351f6f;
  background-color: rgba(53, 31, 115, 0.08);
  border-radius: 0.4rem;
  margin-top: 2.6rem;
  padding: 1.2rem;
}
.task-form-info-label__text--bottom {
  margin-top: 1.6rem;
}
@media screen and (max-width: 480px) {
  .task-form-info-label {
    margin-top: 1.6rem;
  }
}
.task-form-info-label-list {
  list-style-type: disc;
  padding-left: 1.6rem;
}
@media screen and (max-width: 504px) {
  .estimation-control-row {
    margin-bottom: 3rem;
  }
}
.estimation-control-box {
  width: 50%;
}
.estimation-control-box:not(:last-child) {
  margin: 0 1.6rem 0 0;
}
@media screen and (max-width: 480px) {
  .estimation-control-box {
    width: 100%;
  }
  .estimation-control-box:not(:last-child) {
    margin: 0 0 1.6rem 0;
  }
}
.task-visibility-icon {
  display: flex;
  align-items: center;
  margin-right: 0.7rem;
}
.boat-task-repeat-info-modal p:not(:last-child),
.boat-task-repeat-info-modal .seaz-title-h3 {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .boat-task-repeat-info-modal .boat-task-form-footer__actions {
    flex-direction: column;
  }
  .boat-task-repeat-info-modal .boat-task-form-footer__btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
  .boat-task-repeat-info-modal .boat-task-repeat-info-modal-content {
    scrollbar-width: thin;
    scrollbar-color: #351f73 #fff;
    max-height: calc(100vh - 30rem);
    overflow: auto;
  }
  .boat-task-repeat-info-modal .boat-task-repeat-info-modal-content::-webkit-scrollbar {
    width: 0.5rem;
    border-radius: 1.6rem;
  }
  .boat-task-repeat-info-modal .boat-task-repeat-info-modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 1.6rem;
  }
  .boat-task-repeat-info-modal .boat-task-repeat-info-modal-content::-webkit-scrollbar-thumb {
    width: 0.5rem;
    background: #351f73;
    border-radius: 1.6rem;
  }
}
.boat-task-repeat-info-modal .boat-task-form-footer {
  margin-top: 3rem;
}
.boat-tasks-filters-form {
  padding: 3rem;
}
.boat-tasks-filters-form .seaz-filters__head_filters {
  padding: 2.4rem 0 3rem 0;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .boat-tasks-filters-form {
    padding: 1.6rem;
  }
  .boat-tasks-filters-form .seaz-filters__head_filters {
    padding: 2.4rem 0 6rem 0;
  }
}
.boat-tasks-filter-form {
  margin-top: 3rem;
}
.boat-tasks-filter-form__row {
  align-items: center;
}
.boat-tasks-filter-form .form-field--wrapper__row .form-field--label {
  max-width: 16rem;
}
.boat-tasks-filter-form .plug-label {
  width: 16rem;
  min-width: 16rem;
}
@media screen and (max-width: 768px) {
  .boat-tasks-filter-form .form-field--wrapper__row .form-field--label {
    max-width: 10rem;
  }
  .boat-tasks-filter-form .plug-label {
    width: 10rem;
    min-width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-tasks-filter-form__row {
    align-items: flex-start;
  }
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-select-option app-seazone-checkbox,
.boat-maintenance-statistic-filter-action__assignee .select-option--all app-seazone-checkbox {
  width: 100%;
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-select-option .form__checkbox-label-text,
.boat-maintenance-statistic-filter-action__assignee .select-option--all .form__checkbox-label-text {
  display: block;
  width: 100%;
  order: -1;
  padding: 0 1.3rem 0 0;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-select-option .form__checkbox-label-text,
  .boat-maintenance-statistic-filter-action__assignee .select-option--all .form__checkbox-label-text {
    padding: 0 1rem 0 0;
  }
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-selected__content {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-selected__text {
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-left: 1rem;
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-selected app-role-position-name {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  text-align: right;
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-selected-img {
  display: block;
  border-radius: 50%;
}
.boat-maintenance-statistic-filter-action__assignee .boat-tasks-filter-form-select-group .select-group__title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding: 1.6rem 0 1.2rem 2.4rem;
}
.table {
  width: 100%;
}
.table th,
.table td {
  vertical-align: middle;
}
.table__col {
  vertical-align: middle;
  padding: 0.9rem;
}
.table__col-btn {
  cursor: pointer;
  min-height: 2.4rem;
  min-width: 2.4rem;
  font-size: 2.1rem;
}
.table__col-btn i {
  color: #4d4e67;
}
.table__col-btn .icon-down-arrow-sm {
  font-size: 1rem;
}
.table__col-btn-sort {
  position: relative;
  cursor: pointer;
  color: rgba(53, 31, 111, 0.5);
}
.table__col-btn-sort .sort--container {
  padding-right: 0.5rem;
}
.table__col-btn-sort .sort--container__icons {
  position: absolute;
  right: 0;
}
.table__col-btn-sort .sort--container.sort-down app-seazone-icon {
  transform: rotate(-180deg);
}
.table__col-btn-sort .sort--container.sort-up app-seazone-icon,
.table__col-btn-sort .sort--container.sort-down app-seazone-icon {
  opacity: 1 !important;
}
.table__col-btn-sort .sort--container app-seazone-icon {
  opacity: 0;
}
.table__col-btn-sort .sort--container app-seazone-icon:not(:first-child) {
  display: none;
}
.table__col-btn-sort .sort--container app-seazone-icon svg {
  fill: rgba(53, 31, 111, 0.5);
  height: 1rem;
  width: 1rem;
}
@media screen and (max-width: 480px) {
  .table__col {
    padding: 0.5rem;
  }
}
.table_documents {
  width: 100%;
}
.table_documents .table__row {
  border-radius: 0.8rem;
}
.table_documents .table__row:nth-child(2n-1) > .table__col {
  background-color: #fafafb;
}
.table_documents .table__row .table__col:first-child {
  font-weight: 500;
  border-radius: 0.8rem 0 0 0.8rem;
}
.table_documents .table__row .table__col:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.table_documents .table__col-block {
  display: flex;
  align-items: center;
}
.table_documents .table__col-block-content {
  display: flex;
  flex-direction: column;
}
.table_documents .table__col-icon {
  font-size: 1.35rem;
  margin-right: 1.6rem;
  color: white;
}
.table_documents .table__col-icon .icon-table-error::before {
  vertical-align: 0.2rem;
}
.table_documents .table__col-icon.non-bg-icon {
  padding-left: 0.6rem;
}
@media screen and (max-width: 768px) {
  .table_documents .table__col-icon {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .table_documents .table__col-icon {
    margin-right: 0.8rem;
  }
}
.table_documents .table__col-date {
  display: none;
}
@media screen and (max-width: 768px) {
  .table_documents .table__col-date {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
.table_documents .table__col-btns {
  text-align: right;
}
.table_documents .table__col-btn:not(:last-child) {
  margin-right: 2.4rem;
}
.table_payment .table__col-btn {
  transition: 0.3s;
  color: #351f6f;
}
.table_payment .table__col-btn:hover {
  color: #432989;
}
.table_payment .table__col-btn .icon-circle-right {
  font-size: 1.9rem;
  vertical-align: -0.1rem;
}
.table_payment .table__col:last-child {
  padding-left: 0;
}
.table_payment .table__body .table__row:nth-child(2n-1) {
  background: #fafafb;
}
.table_payment .table__body .table__row:nth-child(2n) .table__col {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .table_payment .table__body .table__row:nth-child(2n) .table__col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.table_payment .table__head .table__col {
  color: #a9a9a9;
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 480px) {
  .table_payment .table__head .table__col {
    padding-bottom: 1rem;
  }
}
.table_payment .table__body .table__col:first-child {
  color: #351f6f;
}
.table_payment .table__body .table__col:last-child {
  font-weight: 500;
}
.table_payment .table__foot .table__col {
  font-weight: bold;
  color: #351f6f;
  padding: 1.2rem 0.9rem;
}
@media screen and (max-width: 480px) {
  .table_payment .table__foot .table__col {
    padding: 0.8rem 0.5rem;
  }
}
.table_payment .table__foot .table__row {
  background: #fafafb;
}
.table_payment .table__col {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .table_board {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .table_board {
    font-size: 0.9rem;
  }
}
.table_board .table__col {
  font-weight: 500;
  color: #351f6f;
}
.table_board .table__col.text-gray {
  color: #a9a9a9;
}
.table_board .table__col.text-normal {
  font-weight: 400;
}
.table_board .table__col-btn {
  color: #4d4e67;
}
.table_board .table__col-btn .icon-circle-right {
  font-size: 1.9rem;
  vertical-align: -0.1rem;
}
.table_board .table__head .table__row:last-child {
  background-color: rgba(79, 25, 74, 0.1);
}
.table_board .table__head .table__row:last-child .table__col {
  font-weight: bold;
  color: #4f194a;
  padding: 1.2rem 0.9rem;
}
@media screen and (max-width: 480px) {
  .table_board .table__head .table__row:last-child .table__col {
    padding: 0.8rem 0.5rem;
  }
}
.table_board .table__body .table__row:nth-child(2n) {
  background-color: #fafafb;
}
.table_prof-general {
  display: flex;
  flex-direction: column;
}
.table_prof-general .table__row {
  display: flex;
  margin-bottom: 0.8rem;
}
.table_prof-general .table__row:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .table_prof-general .table__row {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .table_prof-general .table__row {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .table_prof-general .table__row:last-child {
    margin-bottom: 0;
  }
}
.table_prof-general .table__col {
  padding: 0.9rem 0;
}
@media screen and (max-width: 480px) {
  .table_prof-general .table__col {
    padding: 0.2rem 0;
  }
}
.table_prof-general .table__col:first-child {
  width: 34%;
}
@media screen and (max-width: 480px) {
  .table_prof-general .table__col:first-child {
    width: 100%;
  }
}
.table_financial {
  margin-top: 3rem;
  color: #351f6f;
}
.table_financial .table__body .table__row.last-expense {
  outline: solid 2px #46a6a4;
  outline-offset: -2px;
}
.table_financial .table__body .table__row.active-row {
  border-top-color: transparent;
}
.table_financial .table__body .table__row.collapsible:not(.active-row) {
  border: none;
}
.table_financial .table__avatar {
  border: none;
}
.table_financial .table__avatar .avatar__img {
  width: 3rem;
  height: 3rem;
}
.table_financial .table__col-inner {
  max-height: 4rem;
  line-height: 20px;
}
.table_financial .table__col-btns-wrap {
  display: flex;
}
.table_financial .table__col-btns {
  display: flex;
  justify-content: space-between;
  padding-left: 0.6rem;
  width: 100%;
  border-left: 0.1rem solid rgba(53, 31, 111, 0.3);
}
.table_financial .table__col-btn:not(:last-child) {
  margin-right: 0.9rem;
}
.table_financial .table__head .table__col {
  padding: 1.2rem 0.8rem;
  text-align: left;
  color: rgba(53, 31, 111, 0.5);
}
.table_financial .table__body .table__col {
  padding: 1.3rem 0.8rem;
  background: #fafafb;
}
.table_financial .table__body .table__col_details {
  padding: 0;
}
.table_financial .table__body .table__row:nth-child(4n-2) + .table__row .table__col {
  background: white;
}
.table_financial .table__col-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .table_credit {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .table_credit {
    font-size: 1rem;
  }
}
.table_credit .table__head .table__col {
  background-color: #e7e7eb;
  color: #418dff;
}
.table_credit .table__col {
  color: #351f6f;
}
.table_credit .table__body .table__row:nth-child(2n) > .table__col {
  background-color: #fafafb;
}
.table_credit .table__body .table__row:first-child > .table__col {
  padding-top: 3rem;
}
.table__col-inner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 25rem;
}
.table__col-inner--control button {
  min-height: auto;
  font-size: inherit;
  color: inherit;
  display: flex;
}
.table__col-inner--control button span {
  white-space: normal;
}
.table__col-inner--control button i {
  color: inherit;
  margin-left: 0.2rem;
}
.table__col-inner-wrap {
  overflow: visible;
  white-space: normal;
  text-overflow: inherit;
  max-height: inherit !important;
}
.table__col-inner-multiple {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.table-buttons {
  text-align: right;
  position: relative;
}
.table-buttons__expand {
  display: none;
  cursor: pointer;
}
.table-buttons__expand:before {
  color: #4d4e67;
}
.table-buttons__expand.active ~ [class*=__wrap] {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 800px) {
  .table-buttons__expand {
    display: block;
    margin-left: auto;
  }
}
@media screen and (max-width: 800px) {
  .table-buttons__wrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -0.2rem;
    right: -0.2rem;
    background-color: #fff;
    padding: 1.9rem 1.2rem;
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    z-index: 100;
  }
}
.table-buttons__btn {
  cursor: pointer;
  min-height: 2.4rem;
  min-width: 2.4rem;
  font-size: 2.1rem;
  margin-right: 2.4rem;
}
.table-buttons__btn > i {
  transition: 0.3s;
  color: #4d4e67;
}
.table-buttons__btn:hover > i {
  color: #351f6f;
}
.table-buttons__btn:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .table-buttons__btn {
    margin-right: 1rem;
  }
  .table-buttons__btn:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .table-buttons__btn {
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-bottom: 2.1rem;
  }
  .table-buttons__btn:last-child {
    margin-bottom: 0;
  }
}
.table-buttons__btn-text {
  display: none;
  min-width: 8.6rem;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
@media screen and (max-width: 800px) {
  .table-buttons__btn-text {
    display: inline-block;
    margin-left: 0.9rem;
  }
}
.details {
  overflow: hidden;
  max-height: 0;
  padding: 0;
}
.details__title {
  font: bold 1.8rem/2.1rem "Roboto", sans-serif;
  margin-bottom: 1.5rem;
}
.details__head {
  color: rgba(53, 31, 111, 0.5);
  margin-bottom: 0.8rem;
}
.details__col:not(:last-child) {
  margin-bottom: 1.1rem;
  padding-right: 9rem;
}
.details__row {
  display: flex;
  flex-wrap: wrap;
}
.details__text {
  color: #351f6f;
}
.active-row .table__col-btn .icon-down-arrow-sm {
  transform: rotate(-180deg);
}
.active-row .details {
  max-height: max-content;
  transition: max-height 0.5s ease-in;
  padding: 1.3rem 3.6rem 1.3rem 4.6rem;
}
.credit-table {
  font-size: 1.6rem;
  line-height: 1.9rem;
}
@media screen and (max-width: 768px) {
  .credit-table {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .credit-table {
    font-size: 1.3rem;
  }
}
.credit-table__col {
  padding: 0.5rem 1.2rem;
}
.credit-table__col:first-child {
  min-width: 27rem;
  width: 27rem;
}
@media screen and (max-width: 768px) {
  .credit-table__col:first-child {
    width: 18rem;
    min-width: 18rem;
  }
}
@media screen and (max-width: 480px) {
  .credit-table__col:first-child {
    width: auto;
    max-width: 18rem;
    min-width: auto;
  }
}
.credit-table + .table {
  margin-top: 2rem;
}
.financial-data__description .table__col-inner {
  max-width: 17.4rem;
}
.financial-data__description .table__col-inner .text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.financial-data__usd .table__col-inner {
  max-width: 6rem;
}
.comparison-report__title {
  font-size: 34px;
  color: #351f6f;
  font-weight: bold;
  padding-bottom: 3.4rem;
  line-height: 4rem;
}
@media screen and (max-width: 480px) {
  .comparison-report__title {
    font-size: 2.2rem;
    padding-bottom: 2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 560px) {
  .comparison-report__form .form__row {
    flex-direction: column;
  }
}
.comparison-report__select {
  width: 12rem;
}
@media screen and (max-width: 560px) {
  .comparison-report__select {
    width: 100%;
  }
}
.comparison-report__select--long {
  width: 22.1rem;
}
@media screen and (max-width: 560px) {
  .comparison-report__select--long {
    width: 100%;
  }
}
.comparison-report__filters_vs {
  margin: 0 1.2rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #a9a9a9;
}
@media screen and (max-width: 560px) {
  .comparison-report__filters_vs {
    justify-content: center;
    margin: 1rem 0;
  }
}
.comparison-report__filters_types {
  display: flex;
  height: 100%;
  align-items: center;
  border-radius: 9px;
  background: #e7e7eb;
  margin-right: 0.8rem;
}
@media screen and (max-width: 560px) {
  .comparison-report__filters_types.form__row {
    flex-direction: row;
    margin: 0 0 1.2rem 0;
  }
}
.comparison-report__filters_types .switch__btn {
  padding: 1.5rem 0.8rem;
  min-width: 8.5rem;
  text-align: center;
}
.comparison-report__table .budget-table__head {
  min-width: 22.5rem;
}
@media screen and (max-width: 560px) {
  .comparison-report__table .budget-table__head {
    min-width: 14.5rem;
  }
}
.comparison-report__table .budget-table__head,
.comparison-report__table .budget-table__head_item {
  color: #4d4e67;
  font-weight: bold;
}
.comparison-report__table .budget-table__head,
.comparison-report__table .budget-table__total,
.comparison-report__table .budget-table__title_item,
.comparison-report__table .budget-table__row_item {
  box-shadow: none;
  border-right: 1px solid #e7e7eb;
}
.comparison-report__table.budget-table td:nth-child(4) {
  border-right: 1px solid #e7e7eb;
}
.comparison-report__table.budget-table .budget-table__item_center.positive {
  color: #46a6a4;
}
.comparison-report__table.budget-table .budget-table__item_center.negative {
  color: #ff1f3a;
}
.comparison-report__table .compare-budget__row-category .budget-table__item_center,
.comparison-report__table .compare-budget__row-category .budget-table__item-right {
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .comparison-report__table .compare-budget__row-category .budget-table__item_center,
  .comparison-report__table .compare-budget__row-category .budget-table__item-right {
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .comparison-report__table.budget-table td {
    min-width: 12rem;
  }
}
@media screen and (max-width: 480px) {
  .comparison-report__table.budget-table td {
    min-width: 9rem;
  }
}
@media screen and (max-width: 800px) {
  .comparison-report__table_box .monthly-budget_header.boat-budget__head {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .comparison-report__table_box .boat-budget__head_title {
    width: 80%;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .comparison-report__table_box .monthly-budget_header.boat-budget__head {
    margin-bottom: 3rem;
  }
}
.comparison-report__chart {
  margin: 5rem 0 3.5rem;
}
@media screen and (max-width: 768px) {
  .comparison-report__chart {
    margin: 3rem 0 1.5rem;
  }
}
.table_financial .financial-data__table_row .table__col {
  padding: 1.2rem 0.5rem 3rem;
  vertical-align: bottom;
}
.table_financial .financial-data__table_row .financial-data__table_joined .form__col:not(:last-child) {
  margin-right: 0.37rem;
}
.table_financial .financial-data__table_row .financial-data__table--month {
  width: 8.4rem;
}
@media screen and (max-width: 768px) {
  .table_financial .financial-data__table_row .financial-data__table--month {
    padding-left: 3rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--month app-filter-group-container {
  max-width: 8.4rem;
}
@media screen and (max-width: 1700px) {
  .table_financial .financial-data__table_row .financial-data__table--month app-filter-group-container {
    width: 7.6rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--receipt {
  width: 10.2rem;
}
.table_financial .financial-data__table_row .financial-data__table--receipt app-seazone-form-field {
  max-width: 10.2rem;
}
@media screen and (max-width: 1700px) {
  .table_financial .financial-data__table_row .financial-data__table--receipt app-seazone-form-field {
    max-width: 8.2rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--method {
  max-width: 10.6rem;
}
.table_financial .financial-data__table_row .financial-data__table--method app-seazone-form-field {
  max-width: 11.6rem;
}
@media screen and (max-width: 1700px) {
  .table_financial .financial-data__table_row .financial-data__table--method app-seazone-form-field {
    max-width: 9.6rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--category {
  width: 17.8rem;
}
.table_financial .financial-data__table_row .financial-data__table--category app-filter-group-container {
  width: 17.8rem;
}
@media screen and (max-width: 1700px) {
  .table_financial .financial-data__table_row .financial-data__table--category app-filter-group-container {
    width: 13.8rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--supplier {
  width: 16.3rem;
}
.table_financial .financial-data__table_row .financial-data__table--supplier app-seazone-form-field {
  width: 16.3rem;
  max-width: 16.3rem;
}
@media screen and (max-width: 1700px) {
  .table_financial .financial-data__table_row .financial-data__table--supplier app-seazone-form-field {
    width: 14.3rem;
    max-width: 14.3rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--description {
  width: 18.4rem;
}
.table_financial .financial-data__table_row .financial-data__table--description app-seazone-form-field {
  max-width: 18.4rem;
  width: 18.4rem;
}
.table_financial .financial-data__table_row .financial-data__table--currency {
  max-width: 14.1rem;
}
@media screen and (max-width: 480px) {
  .table_financial .financial-data__table_row .financial-data__table--currency .form__row {
    flex-direction: row;
  }
}
.table_financial .financial-data__table_row .financial-data__table_col--currency {
  width: 44%;
  margin-right: 0.4rem;
}
@media screen and (max-width: 480px) {
  .table_financial .financial-data__table_row .financial-data__table_col--currency.form__col {
    margin-bottom: 0;
  }
}
.table_financial .financial-data__table_row .financial-data__table_col--amount {
  width: 55%;
}
.table_financial .financial-data__table_row .financial-data__table_amount {
  width: 7.9rem;
}
.table_financial .financial-data__table_row .financial-data__table_amount app-seazone-form-field {
  width: 8.9rem;
}
@media screen and (max-width: 1700px) {
  .table_financial .financial-data__table_row .financial-data__table_amount app-seazone-form-field {
    width: 7.9rem;
  }
}
.table_financial .financial-data__table_row .financial-data__table--status {
  max-width: 6.5rem;
}
.table_financial .financial-data__table_row .financial-data__table--status app-seazone-form-field {
  max-width: 6.5rem;
}
.table_financial .financial-data__table_row .financial-data__table--receipts app-seazone-form-field {
  max-width: 6.6rem;
}
.table_financial .financial-data__table_row .financial-data__table_joined {
  max-width: 18.4rem;
}
.table_financial .financial-data__table_row .financial-data__table_joined .form__col {
  width: 49%;
}
.financial-data__month-date {
  justify-content: center;
}
.financial-data__month-date app-date-control {
  width: auto;
}
.financial-data__month-date .form-field--content-outline {
  border: none !important;
  background-color: inherit !important;
  height: 100%;
  padding: 0 !important;
}
.financial-data__month-date .form-field--label,
.financial-data__month-date .seazone__form-month-input {
  display: none;
}
.financial-data__month-date .form-field--content-wrapper {
  width: 0;
}
.financial-data__month-date > span {
  min-width: 2.6rem;
}
.financial-data__method.table__col {
  max-width: 9.6rem;
}
.financial-data__method.table__col .table__col-inner {
  white-space: pre-wrap;
  max-width: 100%;
}
.financial-data__method.table__col .table__col-inner:first-letter {
  text-transform: uppercase;
}
.financial-data__table .financial-data__category {
  max-width: 14.3rem;
}
.financial-data__status {
  max-width: 6.5rem;
}
.financial-data__col_btns.table__col-btns {
  padding-left: 1.6rem;
}
.financial-data__col_btns.table__col-btns .form-field--content {
  padding: 0.8rem 0;
}
.financial-data__table .financial-data__usd .table__col-inner {
  max-width: 10rem;
}
.financial-data__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .financial-data__buttons {
    flex-direction: row;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.financial-data__buttons .main-btn {
  width: 100%;
}
.boat-pretty-cash-table-wrap .controls-container {
  top: 0 !important;
}
.boat-pretty-cash-table {
  font-family: "Roboto", sans-serif;
}
.boat-pretty-cash-table__wrapper {
  position: relative;
}
.boat-pretty-cash-table__wrapper .info-label {
  margin-top: 2.2rem;
}
.boat-pretty-cash-table__wrapper .info-label a {
  text-decoration: underline;
}
.boat-pretty-cash-table .bold {
  font-weight: bold;
}
.boat-pretty-cash-table .table_item-with-icon {
  display: flex;
  align-items: center;
}
.boat-pretty-cash-table .table_item-with-icon app-seazone-icon {
  margin-left: 1.2rem;
}
.boat-pretty-cash-table .table_item-with-icon.red app-seazone-icon {
  transform: rotateZ(90deg);
}
.boat-pretty-cash-table .credit-table__row--cash {
  width: max-content;
}
@media screen and (max-width: 1200px) {
  .boat-pretty-cash-table .credit-table__row--cash {
    width: 100%;
    overflow-x: auto;
  }
}
.boat-pretty-cash-table__header {
  background-color: initial !important;
}
.boat-pretty-cash-table__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.3rem;
  color: #010202;
  background-color: initial;
  margin-top: 1.2rem;
  padding: 0.6rem 1.2rem;
}
.boat-pretty-cash-table .pretty-cash__report_table_item {
  padding: 0.6rem 1.2rem;
}
.boat-pretty-cash-table .pretty-cash__report_table_row:nth-of-type(2n+1) {
  background-color: #fafafb;
}
.boat-pretty-cash-table .pretty-cash__report_table_row:nth-of-type(2n) {
  background-color: initial;
}
.boat-pretty-cash-table .row-color-violet {
  color: #4d4e67;
}
.boat-pretty-cash-table .pretty-cash__report_table_row-total .pretty-cash__report_table_label,
.boat-pretty-cash-table .pretty-cash__report_table_row-total .pretty-cash__report_table_item {
  font-weight: 400;
}
.boat-pretty-cash-table .info-label {
  margin-top: 1.2rem;
}
.boat-pretty-cash-table-transactions-wrapper {
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  padding: 2.4rem;
  margin-top: 3rem;
}
.boat-pretty-cash-table-transactions .credit-table__row--cash {
  margin-top: 0;
}
.boat-pretty-cash-table-transactions__light-border {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.7rem;
}
.boat-pretty-cash-table-transactions__dark-border {
  border-bottom: 1px solid #828282;
}
.boat-pretty-cash-table-transactions__position .pretty-cash__report_table_item {
  text-align: left;
}
.boat-pretty-cash-table-transactions__currency .pretty-cash__report_table_label,
.boat-pretty-cash-table-transactions__currency .pretty-cash__report_table_item {
  color: #351f73;
}
.boat-pretty-cash-table-transactions .pretty-cash__report_table_row:nth-of-type(2n+1) {
  background-color: initial;
}
.boat-pretty-cash-table-transactions .pretty-cash__report_table_label {
  width: 26rem;
}
.boat-pretty-cash-table-transactions .pretty-cash__report_table_item {
  width: 10.2rem;
}
.boat-pretty-cash-table-transactions .pretty-cash__report_table_row-total {
  padding: 0.7rem 0;
}
.boat-pretty-cash-table-transactions .pretty-cash__report_table_row-total .bold {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.1rem;
}
.boat-pretty-cash-table-transactions .pretty-cash__report_table_row-total .pretty-cash__report_table_item {
  text-align: left;
}
.charters-table-wrapper {
  position: relative;
}
.charters-table {
  border-collapse: separate;
}
.charters-table .total {
  background-color: #351f73;
  color: #fff;
}
.charters-table__row--average .charters-table__td {
  background-color: #f5f5f5;
}
.charters-table__row--average .charters-table__td.total {
  background-color: #351f73;
}
.charters-table__td {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  padding: 1.6rem 2.4rem;
  color: #010202;
  background-color: #fff;
}
.charters-table__td--header {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #351f73;
  background-color: #f5f5f5;
}
.charters-table__td--header:first-of-type {
  border-radius: 1.6rem 0 0 0;
}
.charters-table__td--header:last-of-type {
  border-radius: 0 1.6rem 0 0;
}
.charters-table__td--header.total {
  border-radius: 1.6rem 1.6rem 0 0;
}
.charters-table .table__body tr:last-of-type td.total {
  border-radius: 0 0 1.6rem 1.6rem;
}
.charters-table .table__body .charters-table__td {
  border-top: 1px solid #e0e0e0;
}
.charters-table .gross-val {
  color: #828282;
}
@media screen and (max-width: 1200px) {
  .charters-table .gross-val {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .charters-table {
    padding: 6rem 0 1rem;
  }
  .charters-table .table__head .charters-table__td:first-of-type,
  .charters-table .table__body .charters-table__td:first-of-type {
    position: sticky;
    left: 0;
    z-index: 100;
    width: 25.8rem;
    min-width: 25.8rem;
  }
  .charters-table .table__head .charters-table__td:nth-of-type(2),
  .charters-table .table__body .charters-table__td:nth-of-type(2) {
    position: sticky;
    left: 25.8rem;
    z-index: 100;
    width: 19rem;
    min-width: 19rem;
  }
  .charters-table__td {
    min-width: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .charters-table .table__head .charters-table__td:first-of-type,
  .charters-table .table__body .charters-table__td:first-of-type {
    position: static;
  }
  .charters-table .table__head .charters-table__td:nth-of-type(2),
  .charters-table .table__body .charters-table__td:nth-of-type(2) {
    position: static;
  }
}
.dynamic-table-form-title {
  margin-bottom: 3rem;
}
.dynamic-table-form-item:not(:last-child) {
  margin: 0 0 3rem 0;
}
.dynamic-table-form-item .form__checkbox {
  justify-content: space-between;
}
.dynamic-table-form-item .form__checkbox-label-text {
  order: -1;
  padding: 0 1.8rem 0 0;
}
.dynamic-table-form-item .form__checkbox-input:disabled ~ label:before {
  background-color: #e0e0e0;
  border: 0.2rem solid #e0e0e0;
}
.dynamic-table-form-item .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #010202;
}
.dynamic-table-form-item .form__checkbox-input:disabled ~ span {
  color: #010202;
}
.dynamic-table-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 1rem 0 2rem;
  margin: 0;
  border: 0;
}
.schedule {
  overflow: auto;
}
.schedule_height-sm {
  height: 37.5rem;
}
@media screen and (max-width: 480px) {
  .schedule_height-sm {
    height: 33rem;
  }
}
.schedule_height-md {
  height: 43rem;
}
@media screen and (max-width: 480px) {
  .schedule_height-md--comprasion {
    height: 20rem;
  }
}
.dashboard__top {
  padding: 2.7rem 2.8rem 2.3rem;
  border-radius: 0 0 1.6rem 1.6rem;
  margin-bottom: 1.9rem;
}
.dashboard__row {
  display: flex;
}
.dashboard__row:not(:last-child) {
  margin-bottom: 2.2rem;
}
@media screen and (max-width: 1024px) {
  .dashboard__row {
    flex-direction: column;
  }
}
.dashboard__aside {
  width: 30rem;
  flex-shrink: 0;
  padding: 0;
  max-height: 50rem;
  overflow-y: auto;
  margin-right: 3rem;
}
@media screen and (max-width: 1024px) {
  .dashboard__aside {
    margin: 0 0 2.2rem 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .dashboard__aside {
    padding: 0;
    width: auto;
  }
}
.dashboard__aside-inner {
  padding: 1.7rem 1.8rem;
}
@media screen and (max-width: 480px) {
  .dashboard__aside-inner {
    padding: 1.5rem;
  }
}
.dashboard__aside-title {
  color: #351f6f;
  margin-bottom: 2.6rem;
}
.dashboard__board {
  flex-grow: 1;
}
@media screen and (max-width: 480px) {
  .dashboard__board {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
  }
}
.dashboard__board-title {
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 480px) {
  .dashboard__board-title {
    width: calc(100% - 9rem);
  }
}
.dashboard__board-total {
  font: 1.4rem/1.8rem "Roboto", sans-serif;
  color: #351f6f;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 480px) {
  .dashboard__board-total {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.dashboard__board-btn {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .dashboard__board-btn {
    display: inline-flex;
  }
}
.dashboard__board-schedule {
  position: relative;
}
.dashboard__board-switch {
  margin-left: auto;
}
.dashboard__board-wrap-title {
  flex-wrap: wrap;
  align-items: flex-start;
}
.dashboard__board-table {
  margin-top: 3.4rem;
}
@media screen and (max-width: 480px) {
  .dashboard__board-table {
    font-size: 1rem;
    margin-top: 1.5rem;
  }
}
.chartjs-render-monitor {
  width: 100% !important;
}
@media screen and (max-width: 480px) {
  .rotated ~ [dir=ltr] .chart-container--comparing {
    z-index: -1;
  }
}
.seaz-dashboard__wrapper {
  width: 126.4rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1350px) {
  .seaz-dashboard__wrapper {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__wrapper {
    width: 100%;
    padding: 0 1.6rem;
  }
}
.seaz-dashboard__wrapper .toggle-button {
  transform: rotateX(180deg);
  padding-bottom: 0;
  transition: all 0.1s ease-in-out;
}
.seaz-dashboard__wrapper .toggle-button.active {
  transform: rotateX(0deg);
}
.seaz-dashboard__wrapper .hidden {
  display: none;
}
.seaz-dashboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 0;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 3.3rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-dashboard__header .profile__wrap-img {
  width: 10rem;
  height: 10rem;
}
.seaz-dashboard__header .profile__wrap-img.avatar {
  margin: 0 2.4rem 1rem 0;
  border: none;
}
.seaz-dashboard__header .profile__wrap-img .avatar__img {
  border-radius: 16px;
}
.seaz-dashboard__header .profile__col_info {
  align-items: center;
}
.seaz-dashboard__main {
  display: flex;
  flex-direction: column;
  padding-bottom: 3rem;
}
.seaz-dashboard__finance_section {
  display: none;
}
.seaz-dashboard__finance_section .pretty-cash__title {
  text-transform: uppercase;
  font-weight: 500;
}
.seaz-dashboard__finance_section.active {
  display: block;
}
.seaz-dashboard__finance_head {
  display: flex;
  justify-content: space-between;
  padding: 3.3rem 0 1.7rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_head .toggle-button {
    display: none;
  }
}
.seaz-dashboard__finance_head .toggle-button:before {
  color: #351f73;
}
.seaz-dashboard__finance_title {
  text-transform: uppercase;
  color: #351f73;
  margin-left: 2rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__finance_title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__finance_title {
    margin-left: 0;
  }
}
.seaz-dashboard__finance_title_head {
  display: flex;
  align-items: center;
}
.seaz-dashboard__finance_btn {
  color: #4f194a;
  border-color: #4f194a;
  padding: 0.5rem 1.5rem;
}
.seaz-dashboard__finance_expense_label {
  font-size: 1.2rem;
  color: #828282;
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_expense_label {
    padding-bottom: 2.4rem;
  }
}
.seaz-dashboard__finance_expense_btn button {
  flex-direction: row-reverse;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_expense_btn button {
    width: 100%;
    justify-content: center;
  }
}
.seaz-dashboard__finance_expense_btn button::after {
  margin-left: 0;
  margin-right: 0.8rem;
}
.seaz-dashboard__finance_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_wrapper {
    flex-direction: column;
  }
}
.seaz-dashboard__finance_info {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 2.7rem 2.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_info {
    flex-direction: column;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__finance_info {
    padding: 1.6rem;
  }
}
.seaz-dashboard__finance_info--left {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_info--left {
    padding-bottom: 2.4rem;
  }
}
.seaz-dashboard__finance_info--right {
  display: flex;
  flex-direction: column;
}
.seaz-dashboard__finance_info_col {
  display: flex;
  flex-direction: column;
  width: 17.5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__finance_info_col {
    width: 50%;
  }
}
.seaz-dashboard__finance_info_col:not(:last-of-type) {
  border-right: 1px solid #e0e0e0;
}
.seaz-dashboard__finance_info_col:not(:first-of-type) {
  padding-left: 1.2rem;
}
.seaz-dashboard__finance_info_col--pretty .seaz-dashboard__finance_info_title,
.seaz-dashboard__finance_info_col--pretty .seaz-dashboard__finance_info_cash {
  color: #46a6a4;
}
.seaz-dashboard__finance_info_col--pretty .seaz-dashboard__finance_info_title.negative-amount,
.seaz-dashboard__finance_info_col--pretty .seaz-dashboard__finance_info_cash.negative-amount {
  color: #d70000;
}
.seaz-dashboard__finance_info_title {
  padding-bottom: 0.8rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #351f73;
}
.seaz-dashboard__finance_info_date {
  padding-bottom: 0.8rem;
  letter-spacing: 0.01em;
  font-weight: 500;
  font-size: 1.2rem;
  color: #828282;
}
.seaz-dashboard__finance_info_cash {
  font-size: 2rem;
  font-weight: 500;
  color: #351f73;
}
.seaz-dashboard__pretty {
  background-color: #ffffff;
  padding: 3rem;
  margin-bottom: 4.9rem;
}
.seaz-dashboard__pretty .pretty-cash__title {
  padding-bottom: 1.2rem;
  font-size: 2.4rem;
  color: #351f73;
}
.seaz-dashboard__pretty_update {
  padding-bottom: 2.4rem;
  font-size: 1.2rem;
  color: #828282;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__pretty_update {
    padding-bottom: 0;
  }
}
.seaz-dashboard__expenses_table {
  overflow: auto;
  overflow-y: hidden;
  width: 100%;
}
.seaz-dashboard__expenses_title {
  text-transform: uppercase;
  color: #351f73;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__expenses_title {
    font-size: 2rem;
  }
}
.seaz-dashboard__expenses_wrapper {
  background-color: #ffffff;
  padding: 3rem;
  display: none;
  margin-bottom: 4.9rem;
}
.seaz-dashboard__expenses_wrapper.active {
  display: block;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__expenses_wrapper {
    padding-right: 0;
  }
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table {
  display: table-row-group;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__row:nth-of-type(4n-1) {
  background-color: #fafafb;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__row.collapsible .table__col {
  padding: 0;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__row .financial-data__currency .table__col-inner {
  display: inline;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__col-inner-multiple {
  justify-content: flex-end;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__col-inner-multiple app-date-control {
  width: auto;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__col-inner-multiple app-date-control .date-picker-icon {
  color: #351f73;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .financial-data__name,
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .financial-data__category_name {
  color: #4f194a;
  font-size: 1.4rem;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .financial-data__department,
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .financial-data__category_subname {
  color: #4d4e67;
  font-size: 1.1rem;
}
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__col-btn .icon-file-eye,
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__col-btn .icon-table-edit,
.seaz-dashboard__expenses_wrapper app-financial-data-filtered-table .table__col-btn .icon-down-arrow-sm {
  color: #351f73;
}
.seaz-dashboard__expenses_update {
  padding-bottom: 2.4rem;
  font-size: 1.2rem;
  color: #828282;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__expenses_update {
    padding-bottom: 0;
  }
}
.seaz-dashboard__documents_title {
  color: #351f73;
  margin-right: 0.8rem;
}
.seaz-dashboard__documents_title_box {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.seaz-dashboard__documents_title_count {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  color: #351f73;
  min-width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #e0e0e0;
  padding: 0 0.5rem;
}
.seaz-dashboard__documents_row {
  position: relative;
}
.seaz-dashboard__documents_select {
  position: absolute;
  width: 12.6rem;
  top: -0.8rem;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_select {
    right: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_select {
    position: relative;
    right: 0;
    width: 100%;
    margin-bottom: 1.2rem;
  }
}
.seaz-dashboard__documents_select app-seazone-select .form-field--content-outline {
  height: 4rem;
  padding: 0.5rem 1.2rem;
  border-color: #e0e0e0;
  border-radius: 0;
}
.seaz-dashboard__documents_section {
  display: flex;
  flex-direction: column;
  margin-bottom: 3.8rem;
}
.seaz-dashboard__documents_content {
  display: flex;
  justify-content: space-between;
  margin-top: 2.7rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_content {
    flex-direction: column;
  }
}
.seaz-dashboard__documents_fav {
  width: 50%;
  margin-right: 1.5%;
}
.seaz-dashboard__documents_fav .boat-document-content {
  grid-template-columns: 1fr 15rem 19% 2rem;
}
.seaz-dashboard__documents_fav .document-info {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__documents_fav .boat-document-content {
    grid-template-columns: 1fr 1fr;
  }
  .seaz-dashboard__documents_fav .document-info {
    margin: 1.6rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_fav {
    margin-right: 0;
    width: 100%;
    margin-bottom: 2.7rem;
  }
}
.seaz-dashboard__documents_notification {
  width: 48%;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_notification {
    width: 100%;
  }
}
.seaz-dashboard__documents_notification .yaht-documents__box_head {
  width: 100%;
  padding-left: 4rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_notification .yaht-documents__box_head {
    display: none;
  }
}
.seaz-dashboard__documents_notification .yaht-documents__box_head .yaht-documents__box_head_name {
  width: 44%;
}
.seaz-dashboard__documents_notification .yaht-documents__box_head .yaht-documents__box_head_date {
  width: 27%;
  justify-content: flex-end;
}
.seaz-dashboard__documents_notification .yaht-documents__box_head .yaht-documents__box_head_date {
  width: 29%;
  justify-content: flex-end;
}
.seaz-dashboard__documents_notification_wrapp {
  display: flex;
  flex-direction: column;
  max-height: 45rem;
  overflow-y: auto;
  padding-right: 2rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.seaz-dashboard__documents_notification_wrapp::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-dashboard__documents_notification_wrapp::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-dashboard__documents_notification_wrapp::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__documents_notification_wrapp {
    padding-right: 0.8rem;
  }
}
.seaz-dashboard__documents_notification_row {
  display: flex;
}
.seaz-dashboard__documents_list .yaht-documents__box_head {
  width: 100%;
  padding-left: 4rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__box_head {
    display: none;
  }
}
.seaz-dashboard__documents_list .yaht-documents__box_head .yaht-documents__box_head_name {
  width: 35%;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_list .yaht-documents__box_head .yaht-documents__box_head_name {
    width: 26%;
  }
}
.seaz-dashboard__documents_list .yaht-documents__row--long .yaht-documents__row:nth-of-type(2n-1) {
  background-color: #ffffff;
}
.seaz-dashboard__documents_list .yaht-documents__row--long .yaht-documents__row:nth-of-type(2n) {
  background-color: #fafafb;
}
.seaz-dashboard__documents_list .yaht-documents__row--content {
  width: 100%;
  padding: 1rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__row--content {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__row--left {
    position: relative;
  }
}
.seaz-dashboard__documents_list .yaht-documents__row_info--left {
  width: 35%;
  padding-top: 4px;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_list .yaht-documents__row_info--left {
    width: 40%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__row_info--left {
    position: absolute;
    width: 45%;
    top: 0;
    right: 0;
  }
  .seaz-dashboard__documents_list .yaht-documents__row_info--left .yaht-documents__info_col_label {
    display: none;
  }
}
.seaz-dashboard__documents_list .yaht-documents__row_info--left .yaht-documents__date {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__row_info--left .yaht-documents__date {
    justify-content: flex-end;
  }
}
.seaz-dashboard__documents_list .yaht-documents__name {
  width: 53.7%;
  padding-right: 2rem;
}
@media screen and (max-width: 1350px) {
  .seaz-dashboard__documents_list .yaht-documents__name {
    padding-right: 1rem;
    width: 60%;
  }
  .seaz-dashboard__documents_list .yaht-documents__name .yacht-document__name_text span {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_list .yaht-documents__name {
    padding-right: 2rem;
    width: 44%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__name {
    width: 50%;
  }
}
.seaz-dashboard__documents_list .yaht-documents__action {
  width: 38%;
}
@media screen and (max-width: 1350px) {
  .seaz-dashboard__documents_list .yaht-documents__action {
    width: 52.3%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_list .yaht-documents__action {
    position: relative;
    top: inherit;
    width: 100%;
    justify-content: flex-start;
    padding: 1rem 0;
  }
}
.seaz-dashboard__documents_list .yaht-documents__row--long {
  max-height: 45rem;
  overflow-y: auto;
  padding-right: 2rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.seaz-dashboard__documents_list .yaht-documents__row--long::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-dashboard__documents_list .yaht-documents__row--long::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-dashboard__documents_list .yaht-documents__row--long::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__documents_list .yaht-documents__row--long {
    padding-right: 0.8rem;
  }
}
.seaz-dashboard__documents_btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 0 1.6rem;
  margin-bottom: 3.3rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_btns {
    flex-direction: column;
  }
}
.seaz-dashboard__documents_btns button {
  padding: 1rem 3.2rem;
  width: 33%;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__documents_btns button {
    font-size: 1.2rem;
    padding: 1rem 1.2rem;
    width: 32%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__documents_btns button {
    width: 100%;
    margin-bottom: 1.2rem;
  }
}
.seaz-dashboard__notification_row {
  display: flex;
  padding: 1.3rem 2rem;
}
.seaz-dashboard__notification_row:nth-of-type(2n-1) {
  background-color: #ffffff;
}
.seaz-dashboard__notification_row_circle {
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  background-color: #3aae27;
  border-radius: 50%;
}
.seaz-dashboard__notification_row_name,
.seaz-dashboard__notification_row_date,
.seaz-dashboard__notification_row_now {
  padding-bottom: 0.4rem;
  color: #351f73;
}
.seaz-dashboard__notification_row_expire {
  color: #828282;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__notification_row {
    padding: 1.3rem 1rem;
  }
}
.seaz-dashboard__notification_name_head {
  display: flex;
  align-items: center;
  width: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__notification_name_head {
    width: 70%;
  }
}
.seaz-dashboard__notification_col_name,
.seaz-dashboard__notification_col_date,
.seaz-dashboard__notification_col_now {
  margin-left: 1.6rem;
  display: flex;
  flex-direction: column;
}
.seaz-dashboard__notification_col_date {
  width: 25%;
  text-align: end;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__notification_col_date {
    display: none;
    width: 30%;
  }
  .seaz-dashboard__notification_col_date .seaz-dashboard__notification_row_expire {
    display: none;
  }
}
.seaz-dashboard__notification_col_now {
  width: 21%;
  text-align: end;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__offers_head.seaz-dashboard__head {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__offers_head.seaz-dashboard__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-dashboard__offers_head.seaz-dashboard__head .seaz-dashboard__head_btn {
    width: 100%;
    margin-top: 1rem;
  }
}
.seaz-dashboard__offers_head_right {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__offers_head_right {
    flex-direction: column-reverse;
    align-items: flex-end;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__offers_head_right {
    width: 100%;
    align-items: flex-start;
    margin-top: 1rem;
  }
}
.seaz-dashboard__offers_head_text {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard__offers_head_text {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__offers_head_text {
    white-space: nowrap;
    top: 3rem;
    position: absolute;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__offers_head_text {
    position: inherit;
    top: inherit;
  }
}
.seaz-dashboard__offers_head_new {
  font-size: 1.2rem;
  color: #828282;
  margin-right: 1rem;
}
.seaz-dashboard__offers_head_new--green {
  color: #3aae27;
}
.seaz-dashboard__offers_section {
  display: none;
  margin-bottom: 4.9rem;
}
.seaz-dashboard__offers_section.active {
  display: block;
}
.seaz-dashboard__offers_item {
  display: flex;
  padding: 0.8rem 1.6rem;
  cursor: pointer;
}
.seaz-dashboard__offers_item:nth-of-type(2n-1) {
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_item {
    flex-direction: column;
  }
}
.seaz-dashboard__offers_count_box {
  display: flex;
  width: 27%;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_count_box {
    width: 100%;
    margin-bottom: 1.2rem;
  }
}
.seaz-dashboard__offers_row {
  display: flex;
  align-items: center;
}
.seaz-dashboard__offers_row .seaz__btn_primary,
.seaz-dashboard__offers_row .seaz-modal .modal-content__controls .main-btn_green,
.seaz-modal .modal-content__controls .seaz-dashboard__offers_row .main-btn_green {
  font-size: 1.2rem;
  padding: 0.5rem 2.8rem;
  margin-right: 1.2rem;
}
.seaz-dashboard__offers_row .seaz__btn_outlined,
.seaz-dashboard__offers_row .seaz__btn_outlined_plus,
.seaz-dashboard__offers_row .seaz-modal .modal-content__controls .main-btn_white-green,
.seaz-modal .modal-content__controls .seaz-dashboard__offers_row .main-btn_white-green,
.seaz-dashboard__offers_row .seaz-edit__folder div,
.seaz-edit__folder .seaz-dashboard__offers_row div,
.seaz-dashboard__offers_row .seaz-dashboard__finance_expense_btn button,
.seaz-dashboard__finance_expense_btn .seaz-dashboard__offers_row button {
  padding: 0.5rem 1.5rem;
  font-size: 1.2rem;
}
.seaz-dashboard__offers_row .seaz-dashboard__offers_jump {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.8rem;
  background-color: #00b9ff;
}
.seaz-dashboard__offers_row .seaz-dashboard__offers_jump app-seazone-icon {
  margin-right: 1rem;
  width: 17px;
  height: 17px;
}
.seaz-dashboard__offers_row--position {
  align-items: center;
  display: flex;
  width: 19%;
}
@media screen and (max-width: 1350px) {
  .seaz-dashboard__offers_row--position {
    width: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_row--position {
    width: 100%;
    margin-bottom: 1.6rem;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.seaz-dashboard__offers_row--position span {
  color: #351f73;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_row--position span {
    font-size: 2rem;
  }
}
.seaz-dashboard__offers_row--name {
  display: flex;
  flex-direction: column;
  width: 15%;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_row--name {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.seaz-dashboard__offers_row--name .seaz-dashboard__offers_col {
  width: 100%;
}
.seaz-dashboard__offers_row--name .seaz-dashboard__offers_name {
  font-weight: 500;
  color: #351f73;
  font-size: 1.4rem;
}
.seaz-dashboard__offers_row--controls {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1350px) {
  .seaz-dashboard__offers_row--controls {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_row--controls {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .seaz-dashboard__offers_row--controls button {
    width: 49%;
  }
  .seaz-dashboard__offers_row--controls button:first-of-type {
    margin-right: 1%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__offers_row--controls .icon-search {
    display: none;
  }
}
.seaz-dashboard__offers_img {
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_img {
    margin-right: 0;
    margin-left: 0.8rem;
  }
}
.seaz-dashboard__offers_col {
  display: flex;
  flex-direction: column;
  width: 33%;
}
.seaz-dashboard__offers_label {
  padding-bottom: 0.4rem;
  font-size: 1rem;
  color: #828282;
  text-transform: uppercase;
}
.seaz-dashboard__offers_count {
  font-weight: 500;
  font-size: 1.6rem;
  color: #351f73;
  margin-right: 8px;
}
.seaz-dashboard__offers_count--new {
  color: #3aae27;
}
.seaz-dashboard__offers_update {
  font-size: 1.2rem;
  color: #828282;
  margin-right: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__offers_update {
    order: 3;
    margin-right: 0;
    text-align: center;
    margin-top: 1rem;
    width: 100%;
    text-transform: uppercase;
  }
}
.seaz-dashboard__offers_container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__offers {
    margin-top: 1rem;
  }
}
.seaz-dashboard__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.7rem 0;
  width: 100%;
}
.seaz-dashboard__head_title {
  color: #351f73;
  text-transform: uppercase;
  margin-left: 2rem;
}
@media screen and (max-width: 600px) {
  .seaz-dashboard__head_title {
    font-size: 2rem;
  }
}
.seaz-dashboard__head_title_box {
  display: flex;
  align-items: center;
}
.seaz-dashboard__head_title_box .toggle-button::before {
  color: #351f73;
}
.seaz-dashboard__head_btn {
  color: #4f194a;
  border-color: #4f194a;
  padding: 0.5rem 1.5rem;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-dashboard__head_btn {
    width: 100%;
    margin-top: 1rem;
  }
}
.seaz-dashboard__settings {
  display: none;
  position: absolute;
  z-index: 100;
  width: 29.6rem;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(130, 130, 130, 0.5019607843);
  right: 0;
  top: 5.7rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard__settings {
    right: inherit;
    left: 0;
  }
}
.seaz-dashboard__settings_title {
  color: #010202;
  text-transform: capitalize;
  padding-bottom: 1.6rem;
  font-weight: 500;
}
.seaz-dashboard__settings_row {
  display: flex;
  align-items: center;
  padding-bottom: 1.6rem;
}
.seaz-dashboard__settings_btn {
  width: 1.6rem;
  margin-right: 1.2rem;
}
.seaz-dashboard__settings_btn span {
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #828282;
}
.seaz-dashboard__settings_btn span:not(:last-of-type) {
  margin-bottom: 0.3rem;
}
.seaz-dashboard__settings_checkbox .form__checkbox {
  margin-bottom: 0;
  width: 2.4rem;
  margin-right: 0.8rem;
}
.seaz-dashboard__settings_checkbox .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-dashboard__settings_checkbox .form__checkbox .form__checkbox-label:before {
  border-color: #bdbdbd;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0;
}
.seaz-dashboard__settings_checkbox .boat__form-checkbox .form__checkbox-input:checked + label::before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-dashboard__settings_item_text {
  text-transform: capitalize;
  color: #010202;
}
.seaz-dashboard__settings_update {
  padding: 0.4rem 1.5rem;
  border-color: #4f194a;
  color: #4f194a;
}
.seaz-dashboard__settings.active {
  display: block;
}
.seaz-dashboard__settings-wrap {
  position: relative;
}
.seaz-dashboard__charters-wrapper {
  display: flex;
  justify-content: space-between;
  align-self: baseline;
}
.seaz-dashboard__charters-statistics--overview-statistic-total {
  width: 80%;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.seaz-dashboard__charters-statistics-total-box {
  display: flex;
  justify-content: space-between;
}
.cdk-overlay-container .seaz-select__overlay .container-fixed.dropdown-options-container {
  height: 20rem;
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.cdk-overlay-container .seaz-select__overlay .container-fixed.dropdown-options-container:hover {
  overflow: auto;
}
.cdk-overlay-container .seaz-select__overlay .container-fixed.dropdown-options-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.cdk-overlay-container .seaz-select__overlay .container-fixed.dropdown-options-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.cdk-overlay-container .seaz-select__overlay .container-fixed.dropdown-options-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.seaz-apa-report-dashboard-title {
  padding: 0.5rem 1.2rem;
  margin-bottom: 2.4rem;
  background-color: rgba(231, 231, 235, 0.5);
  border-radius: 0.4rem;
}
.seaz-apa-report-dashboard-title .dashboard__board-title {
  margin-bottom: 0;
}
.seaz-dashboard-charters .seaz-dashboard__head_title-sub-title {
  font-size: 1.8rem;
}
.seaz-dashboard-charters__wrapper {
  display: none;
  align-self: baseline;
  margin-bottom: 4.9rem;
}
.seaz-dashboard-charters__wrapper.active {
  display: flex;
  justify-content: space-between;
}
.seaz-dashboard-charters__statistics {
  flex-grow: 1;
  margin-right: 3.2rem;
}
.seaz-dashboard-charters__statistics--overview-statistic-total {
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.seaz-dashboard-charters__statistics .card-total {
  display: flex;
  flex-direction: column;
}
.seaz-dashboard-charters__statistics .card-total .overview-card__title-box {
  order: 1;
  margin-bottom: 2.5rem;
}
.seaz-dashboard-charters__statistics .card-total .overview-statistic__header {
  order: 2;
  margin: 0 2rem 0;
}
.seaz-dashboard-charters__statistics .card-total .overview-card__content {
  order: 3;
}
.seaz-dashboard-charters__statistics-total-box {
  display: flex;
  justify-content: space-between;
  padding: 2.4rem;
  margin-bottom: 1.6rem;
  background-color: #fff;
}
.seaz-dashboard-charters__statistics-chart {
  width: 28rem;
  flex-shrink: 0;
  border-left: 1px solid #e0e0e0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}
.seaz-dashboard-charters__statistics-chart .seaz-charter-overview-chart__chart-title.seaz-dashboard-charters__statistics-chart--title {
  font-size: 1.8rem;
}
.seaz-dashboard-charters__card-scrollable {
  overflow: auto;
  max-width: 100%;
}
.seaz-dashboard-charters__card-wrapper {
  position: relative;
  background-color: #fff;
  padding: 4.9rem 2.4rem 2.4rem;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard-charters__card-wrapper {
    position: unset;
  }
}
.seaz-dashboard-charters__cards-box.overview-statistic__card-box {
  max-width: 78rem;
}
.seaz-dashboard-charters__cards-box .seaz-charter__list_card_head_error {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.6rem;
  padding: 0;
  margin-right: 0;
  margin-left: 0.6rem;
  background-color: #fff;
  color: #351f73;
}
@media screen and (max-width: 1354px) {
  .seaz-dashboard-charters__wrapper.active {
    flex-direction: column;
    align-self: initial;
  }
  .seaz-dashboard-charters__statistics {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-dashboard-charters__statistics-total-box {
    flex-direction: column;
    padding: 1.2rem;
  }
  .seaz-dashboard-charters__statistics-chart {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #e0e0e0;
    padding: 2.4rem 0 0;
    margin-top: 1.2rem;
  }
  .seaz-dashboard-charters__statistics-chart .seaz-charter-overview-chart__chart-title-box {
    text-align: center;
  }
  .seaz-dashboard-charters__cards-box {
    flex-direction: column;
    align-items: center;
    padding: 1.2rem;
  }
  .seaz-dashboard-charters__cards-box .overview-statistic__card-box-item:not(:last-of-type) {
    margin: 0 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard-charters .seaz-dashboard__head {
    flex-direction: column;
  }
  .seaz-dashboard-charters .seaz-dashboard__head_btn {
    width: 100%;
    margin-top: 1rem;
  }
}
.seaz-dashboard-charters-info {
  display: flex;
  flex-direction: column;
  align-content: space-between;
  width: 40rem;
  box-sizing: border-box;
  background-color: #fff;
}
.seaz-dashboard-charters-info__title {
  padding: 3rem;
  border-bottom: 1px solid #e0e0e0;
  color: #828282;
  font-size: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.seaz-dashboard-charters-info__content {
  padding: 2.4rem 3rem 1.4rem;
  max-height: 84.2rem;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.seaz-dashboard-charters-info__content.full {
  max-height: 99rem;
}
.seaz-dashboard-charters-info__content::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-dashboard-charters-info__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-dashboard-charters-info__content::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.seaz-dashboard-charters-info__warning {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1.6rem;
  background:
    linear-gradient(
      0deg,
      #fbe7e8,
      #fbe7e8),
    #f5dadb;
  border-radius: 0 0 1.6rem 1.6rem;
  margin-top: auto;
}
.seaz-dashboard-charters-info__warning--button {
  font-weight: 500;
}
.seaz-dashboard-charters-info__warning-text {
  font-size: 1.2rem;
  color: #d70000;
}
.seaz-dashboard-charters-info .seaz-charter__list_card_head_error {
  display: inline-block;
  text-align: center;
  line-height: 2rem;
  margin-right: 0.6rem;
}
.seaz-dashboard-charters-info .seaz-charter-card-badge {
  margin: 0 0.8rem 0.8rem 0;
}
.seaz-dashboard-charters-info .seaz-charter__list_card_head_error_box {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1354px) {
  .seaz-dashboard-charters-info {
    width: 100%;
    margin-top: 1.2rem;
  }
  .seaz-dashboard-charters-info__content {
    height: auto;
    max-height: none;
    overflow-y: visible;
  }
  .seaz-dashboard-charters-info__content.full {
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .seaz-dashboard-charters-info__title {
    padding: 1.6rem;
  }
  .seaz-dashboard-charters-info__content {
    padding: 1.3rem;
  }
  .seaz-dashboard-charters-info__warning {
    padding: 0.5rem 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard-charters-info__warning .seaz-dashboard__head_btn {
    width: auto;
    margin-top: 0;
  }
  .seaz-dashboard-charters-info__warning-text {
    display: flex;
    align-items: center;
  }
  .seaz-dashboard-charters-info .seaz-charter__list_card_head_error {
    flex-shrink: 0;
  }
}
.seaz-dashboard-wrap {
  width: 100%;
  max-width: 120.7rem;
  padding: 4.8rem 1.6rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard-wrap {
    padding: 1.6rem 1.6rem 4rem;
  }
}
.seaz-dashboard-info {
  display: flex;
  justify-content: space-between;
}
.seaz-dashboard-info__item {
  display: block;
  width: 33.3%;
  border: 0.5px solid #e7e7eb;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.seaz-dashboard-info__item:not(:last-child) {
  margin-right: 2.5rem;
}
@media screen and (max-width: 1200px) {
  .seaz-dashboard-info__item {
    width: 100%;
  }
  .seaz-dashboard-info__item:not(:last-child) {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-dashboard-info {
    flex-direction: column;
  }
  .seaz-dashboard-info__item:not(:last-child) {
    margin: 0 0 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-dashboard-info {
    padding: 0;
  }
}
.seaz-dashboard-status__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.seaz-dashboard-status__header .seaz-cv__badges_status_job {
  border-radius: 2.4rem;
  padding: 0.4rem 1.2rem;
  font-size: 1.2rem;
  min-width: initial;
  min-height: initial;
}
.seaz-dashboard-status__header .seaz-cv__badges_status_update {
  display: block;
  text-align: center;
  padding-top: 0.4rem;
}
.seaz-dashboard-status__btn {
  cursor: pointer;
}
.seaz-dashboard-status__title {
  text-transform: uppercase;
  color: #432791;
  line-height: 3rem;
}
.seaz-dashboard-status__person {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
}
.seaz-dashboard-status__avatar {
  flex-shrink: 0;
  position: relative;
  width: 10.2rem;
  height: 10.2rem;
  border-radius: 50%;
}
.seaz-dashboard-status__avatar .play-icon {
  display: none;
}
.seaz-dashboard-status__avatar.outlined {
  border: 0.4rem solid #351f73;
  cursor: pointer;
}
.seaz-dashboard-status__avatar.outlined .play-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
}
.seaz-dashboard-status__avatar.outlined:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
  background:
    linear-gradient(
      0deg,
      rgba(53, 31, 115, 0.56),
      rgba(53, 31, 115, 0.56));
  border-radius: 50%;
  padding: 0.6rem;
  opacity: 0;
  transition: opacity 0.3s;
}
.seaz-dashboard-status__avatar.outlined:hover:before,
.seaz-dashboard-status__avatar.outlined:hover .play-icon {
  opacity: 1;
}
.seaz-dashboard-status__avatar.outlined .seaz-dashboard-status__avatar-img {
  border: 1.2rem solid #fff;
}
.seaz-dashboard-status__avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
  .seaz-dashboard-status__header .seaz-cv__badges_status_job.looking-job {
    width: 16rem;
  }
}
.seaz-dashboard-status__card-link {
  margin-top: 1.6rem;
}
.seaz-dashboard-person-info {
  margin-left: 1.6rem;
}
.seaz-dashboard-person-info__name {
  word-break: break-word;
}
.seaz-dashboard-person-info__role {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
  margin-bottom: 0.8rem;
}
.seaz-dashboard-person-info .seaz-profile__info_line,
.seaz-dashboard-person-info .seaz-profile__info_line_progress {
  border-radius: 1rem;
}
.seaz-dashboard-person-info .crew-id-box {
  align-items: center;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 768px) {
  .seaz-dashboard-person-info .crew-id-box {
    flex-direction: row;
  }
}
.seaz-dashboard-person-info .seaz-profile__info_completion {
  justify-content: flex-start;
  margin-top: 1.2rem;
}
.hint-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem;
  background-color: rgba(53, 31, 115, 0.08);
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #351f73;
  border-radius: 0.4rem;
  margin-top: 1.6rem;
}
.hint-status:hover app-seazone-icon {
  transform: rotateZ(180deg) translateX(-0.5rem);
}
.icon-arrow {
  margin-right: 1.2rem;
}
.shevron-icon {
  transform: rotateZ(180deg);
  transition: transform 0.3s;
}
.value-icon {
  margin-left: 1.7rem;
}
.dashboard-card__title {
  text-transform: uppercase;
  color: #351f73;
}
.dashboard-card__link {
  display: block;
  padding: 1.6rem;
  background-color: #f5f5f5;
  border-radius: 1.6rem;
  margin-top: 1.6rem;
}
.dashboard-card__link:hover .shevron-icon {
  transform: rotateZ(180deg) translateX(-0.5rem);
}
.dashboard-card__box {
  display: flex;
  align-items: center;
}
.dashboard-card .warning {
  display: flex;
  align-items: center;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #f49342;
}
.dashboard-card .warning app-seazone-icon {
  margin-right: 0.5rem;
}
.dashboard-card-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.dashboard-card-content__title {
  font-size: 2rem;
  line-height: 120%;
  color: #010202;
}
.dashboard-card-content__values {
  display: flex;
  align-items: center;
}
.dashboard-card-content__values .seaz-dashboard__offers_head_new--green {
  font-size: 2rem;
}
.dashboard-card-content__text {
  font-size: 2rem;
  color: #010202;
  margin-right: 0.8rem;
}
.dashboard-card-content .document-expiring-soon {
  color: #f49342;
}
.dashboard-card-content .document-expired {
  color: #d70000;
}
.dashboard-card-content .document-all {
  color: #010202;
}
.quick-access {
  border: 0.05rem solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  border-radius: 1.6rem;
  margin-top: 2.4rem;
  padding: 2.4rem;
}
.quick-access__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  color: #432791;
}
.quick-access__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.quick-access .shortcut-box {
  margin: 1.6rem 2rem 0 0;
}
.quick-access .shortcut-light-green {
  background-color: #259912;
}
@media screen and (max-width: 768px) {
  .quick-access {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .quick-access {
    padding: 2rem;
  }
  .quick-access .shortcut-box {
    margin: 1.6rem 1rem 0 0;
  }
}
.my-profile {
  display: flex;
}
@media screen and (max-width: 480px) {
  .my-profile {
    flex-flow: row wrap;
  }
}
.my-profile__avatar {
  height: 13.5rem;
  width: 13.5rem;
  min-width: 13.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .my-profile__avatar {
    height: 10rem;
    width: 10rem;
    min-width: 10rem;
  }
  .my-profile__avatar .avatar {
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .my-profile__avatar {
    height: 8rem;
    width: 8rem;
    min-width: 8rem;
  }
}
.my-profile__avatar > .avatar {
  width: 100%;
  height: 100%;
}
.my-profile__avatar-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #fafafb;
  cursor: pointer;
  position: absolute;
  top: -0.5rem;
  right: -1rem;
}
.my-profile__avatar-remove:before {
  color: #d70000;
}
.my-profile__add-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .my-profile__add-image {
    height: 3rem;
    width: 3rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .my-profile__add-image {
    height: 2.2rem;
    width: 2.2rem;
    font-size: 1.2rem;
  }
}
.my-profile__content {
  flex-grow: 1;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media screen and (max-width: 768px) {
  .my-profile__content {
    padding-left: 2.5rem;
    width: calc(100% - 8rem);
  }
}
@media screen and (max-width: 480px) {
  .my-profile__content {
    padding-left: 1.2rem;
    padding-right: 0;
  }
}
.my-profile__title {
  margin-top: -0.9rem;
  line-height: 3.5rem;
}
@media screen and (max-width: 768px) {
  .my-profile__title {
    line-height: 2.1rem;
    margin-top: 0;
  }
}
.my-profile__description {
  margin-top: 0.3rem;
}
@media screen and (max-width: 768px) {
  .my-profile__description {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .my-profile__description {
    font-size: 1.1rem;
    line-height: 1.3rem;
    margin-top: 0.7rem;
  }
}
.my-profile__status {
  margin-top: 1.5rem;
}
.my-profile__status-title {
  color: #351f6f;
  font-size: 1.1rem;
  line-height: normal;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 480px) {
  .my-profile__status {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .my-profile__button {
    flex-grow: 1;
    padding-top: 2.7rem;
  }
  .my-profile__button > .main-btn {
    width: 100%;
  }
}
.my-profile__main-btn {
  padding: 0.8rem;
}
.content-navigation_crew {
  margin-top: 5rem;
}
.content-navigation__item {
  border-bottom: 0.1rem solid rgba(53, 31, 111, 0.2);
}
.content-navigation__link {
  display: flex;
  align-items: center;
  padding: 1.45rem 0;
  color: #4d4e67;
}
.content-navigation__link:hover .content-navigation__icon {
  background-color: rgba(53, 31, 111, 0.2);
}
.content-navigation__text {
  flex-grow: 1;
  font: 1.6rem/1.9rem "Roboto", sans-serif;
}
.content-navigation__icon {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  font-size: 1rem;
  letter-spacing: -0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4d4e67;
  background-color: rgba(53, 31, 111, 0.08);
  transition: 0.3s;
}
.holders__item {
  margin-bottom: 5.9rem;
}
.holders__item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .holders__item {
    margin-bottom: 4rem;
  }
  .holders__item:last-child {
    margin-bottom: 0;
  }
}
.holders__item_hidden .holder-content,
.holders__item_hidden .holder-head__col_left,
.holders__item_hidden .holder-head__col_right .title-h3,
.holders__item_hidden .holder-head__col_right .holder-head__collapse {
  opacity: 0.3;
}
.holder-head {
  padding: 0.5rem 1.2rem;
  background-color: rgba(231, 231, 235, 0.5);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
}
.holder-head_transparent {
  background-color: transparent;
  padding-right: 5.6rem;
}
.holder-head_transparent:not(:first-child) {
  margin-top: 2rem;
}
.holder-head_transparent [class*=__col] {
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .holder-head_transparent [class*=__col] {
    max-width: none;
  }
}
.holder-head_transparent [class*=__col_left] {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .holder-head_transparent [class*=__col_right] {
    flex-grow: 0;
  }
}
@media screen and (max-width: 768px) {
  .holder-head_transparent {
    padding-right: 4.1rem;
  }
}
@media screen and (max-width: 480px) {
  .holder-head_transparent {
    padding-right: 3.6rem;
  }
}
.holder-head__col {
  flex-grow: 1;
}
.holder-head__col > [class*=title] {
  white-space: nowrap;
}
.holder-head__col_left {
  padding: 0.1rem 0;
  overflow: hidden;
}
.holder-head__col_left > [class*=title] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.holder-head__col_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 1rem;
}
.holder-head__col-container {
  display: flex;
  align-items: stretch;
  padding: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .holder-head__col-container {
    padding: 0 1rem 0 0;
  }
}
@media screen and (max-width: 480px) {
  .holder-head__col-container {
    padding: 0 0.7rem 0 0;
  }
}
.holder-head__collapse {
  border-left: 0.1rem solid rgba(53, 31, 111, 0.1);
  font-size: 0.6rem;
  padding: 0.6rem 1.5rem;
  margin-right: -2rem;
  margin-left: 1.2rem;
  cursor: pointer;
}
.holder-head__collapse.active:before {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .holder-head__collapse {
    padding: 0.6rem 1rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .holder-head__collapse {
    margin-left: 0.7rem;
  }
}
.holder-content {
  padding-top: 1.8rem;
}
.holder-content__row {
  display: flex;
}
.holder-content__row .switch {
  align-self: flex-end;
}
@media screen and (max-width: 768px) {
  .holder-content__row .switch {
    align-self: flex-start;
  }
}
.holder-content__col {
  flex-grow: 1;
  width: 100%;
  margin-right: 2.2rem;
}
.holder-content__col:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .holder-content__col {
    margin-right: 1rem;
  }
}
.holder-content.content__hidden {
  margin-bottom: -2.1rem;
  height: 0;
  overflow: hidden;
  padding: 0;
}
.block-title {
  margin-bottom: 1.8rem;
}
.bar-horizontal_percent .bar-horizontal__item {
  background:
    linear-gradient(
      89.69deg,
      #46a6a4 4.87%,
      rgba(70, 166, 164, 0.42) 99.99%);
  cursor: pointer;
}
.bar-horizontal_percent .bar-horizontal__item.default {
  cursor: default;
}
.bar-horizontal__item {
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #351f6f;
  margin-bottom: 1.6rem;
  background-color: #e7e7eb;
  padding: 0.4rem 0;
}
.bar-horizontal__item:last-child {
  margin-bottom: 0;
}
.bar-horizontal__item > :first-child {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.bar-horizontal__item > :last-child {
  padding-right: 0.9rem;
}
.bar-horizontal__cash {
  width: 12rem;
  text-align: right;
}
.bar-horizontal__month {
  flex-grow: 1;
}
.holder-footer {
  text-align: right;
  padding-top: 4rem;
}
.switch-control {
  display: flex;
  align-items: center;
  padding-left: 1.2rem;
  margin-left: 1.6rem;
  border-left: 0.1rem solid rgba(53, 31, 111, 0.1);
}
@media screen and (max-width: 768px) {
  .switch-control {
    margin-left: 1rem;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .switch-control {
    margin-left: 0.7rem;
    padding-left: 0.7rem;
  }
}
.switch-control__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .switch-control__text {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .switch-control__text {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-right: 0.7rem;
  }
}
.switch-control__block {
  position: relative;
  width: 3.4rem;
  height: 1.4rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .switch-control__block {
    width: 3rem;
    height: 1.2rem;
  }
}
.switch-control__checkbox {
  opacity: 0;
  height: 0;
  width: 0;
}
.switch-control__checkbox:checked ~ .switch-control__round {
  background-color: rgba(70, 166, 164, 0.38);
}
.switch-control__checkbox:checked ~ .switch-control__round:after {
  left: 1.5rem;
  background-color: #46a6a4;
}
@media screen and (max-width: 768px) {
  .switch-control__checkbox:checked ~ .switch-control__round:after {
    left: 1.3rem;
  }
}
.switch-control__round {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.7rem;
  background-color: rgba(77, 78, 103, 0.38);
  transition: 0.3s;
}
.switch-control__round:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.1rem;
  transform: translate(0, -50%);
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: #4d4e67;
  box-shadow:
    0rem 0.1rem 0.3rem rgba(0, 0, 0, 0.2),
    0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.12),
    0rem 0rem 0.2rem rgba(0, 0, 0, 0.14);
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .switch-control__round:after {
    height: 1.8rem;
    width: 1.8rem;
  }
}
.general-table {
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 480px) {
  .general-table {
    padding: 0;
  }
}
.general-table__title {
  line-height: 28px;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 800px) {
  .general-table__title {
    padding-top: 2.7rem;
  }
}
@media screen and (max-width: 480px) {
  .general-table__title {
    font-size: 1.8rem;
  }
}
.general-table__title-year {
  color: #351f6f;
}
.general-table__title-name {
  color: #46a6a4;
}
@media screen and (max-width: 800px) {
  .general-table__title {
    width: 85%;
  }
}
.general-table__title_row {
  padding-top: 2.7rem;
  display: flex;
  justify-content: space-between;
}
.general-table__title_row .seaz-budget__btn-container {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .general-table__title_row {
    flex-direction: column-reverse;
    padding-top: 0;
  }
}
.general-table__body {
  padding-top: 40px;
  position: relative;
}
.general-table__body .form__toggle-label:before {
  width: 4rem;
  height: 2.4rem;
  background-color: #b6b6b6;
  border-radius: 10rem;
}
.general-table__body .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.general-table__body .form__toggle-label:after {
  top: 0.2rem;
  left: 0.2rem;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
}
.general-table__body .form__toggle-input:checked + label:after {
  right: 0.2rem;
  background-color: #fff;
}
.general-table__attention {
  display: flex;
  align-items: center;
  color: #f7aa38;
  line-height: 19px;
  font-size: 1.6rem;
  padding-right: 0;
}
.general-table__attention.mode {
  position: absolute;
  bottom: -4rem;
}
.general-table__attention_badge {
  background-color: #f7aa38;
  border-radius: 50%;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.general-table__attention_badge__icon {
  display: block;
  width: 60%;
  height: 60%;
  margin: auto;
}
.general-table__head_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
}
.general-table__head_arrows {
  display: flex;
}
.general-table__head_img {
  cursor: pointer;
}
.general-table__head_img-left {
  margin-right: 20px;
}
.general-table__head_img-right {
  transform: rotate(180deg);
}
.general-table__item_comment {
  margin: 3px 3px 0 9px;
}
.general-table__item_percentage {
  margin-left: auto;
  padding-left: 0.9rem;
}
.general-table__head {
  color: rgba(53, 31, 111, 0.5);
}
.general-table__head_item {
  width: 100%;
  overflow: hidden;
  display: flex;
}
.general-table__head_item.general-table__content_item td {
  color: rgba(53, 31, 111, 0.5);
  height: 5.5rem;
  padding: 20px 12px;
  display: inline-flex;
  align-items: center;
  min-width: 7vw;
}
@media screen and (max-width: 1024px) {
  .general-table__head_item.general-table__content_item td {
    min-width: 77px;
  }
}
.general-table__total {
  color: #46a6a4;
  font-weight: bold;
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-radius: 0;
}
.general-table__total_item {
  width: 100%;
  overflow: auto;
  display: flex;
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
}
.general-table__total_item.general-table__content_item td {
  color: #46a6a4;
  font-weight: bold;
  min-width: 7vw;
  height: 5.3rem;
  padding: 20px 12px;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .general-table__total_item.general-table__content_item td {
    min-width: 77px;
  }
}
.general-table__content {
  width: 1%;
  flex-grow: 1;
  overflow: auto;
}
.general-table__content_item {
  width: 100%;
  overflow: hidden;
  display: flex;
}
.general-table__content_item:nth-of-type(2n) {
  background-color: #fafafb;
}
.general-table__content_item td {
  min-width: 7vw;
  height: 5.5rem;
  padding: 20px 12px;
  color: #4f194a;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .general-table__content_item td {
    min-width: 77px;
  }
}
.budget__wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.budget__select {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 560px) {
  .budget__select {
    flex-direction: column;
    align-items: baseline;
  }
}
.budget__select .main-btn_green {
  min-width: 16rem;
}
.budget__select .main-btn_white-green {
  min-width: 12rem;
}
@media screen and (max-width: 480px) {
  .budget__select .main-btn_white-green {
    min-width: 10rem;
  }
}
@media screen and (max-width: 1024px) {
  .budget__select {
    flex-direction: column;
    align-items: flex-start;
  }
}
.budget__select_input {
  min-width: 22rem;
}
@media screen and (max-width: 480px) {
  .budget__select_input {
    min-width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .budget__select_apply {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.budget__select_section {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 504px) {
  .budget__select_section {
    margin-bottom: 15px;
    justify-content: flex-end;
    width: 100%;
  }
}
.budget__select_section--buttons {
  display: flex;
}
@media screen and (max-width: 560px) {
  .budget__select_section--buttons {
    width: 100%;
    padding-top: 1rem;
  }
}
@media screen and (max-width: 504px) {
  .budget__select_section--buttons {
    padding-top: 0;
  }
}
.budget__select_section .main-btn_green {
  min-width: 10rem;
}
@media screen and (max-width: 480px) {
  .budget__select_section .main-btn_green {
    width: 100%;
  }
}
.budget__select_section .form__col {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .budget__select_section .form__col {
    width: 50%;
    margin-bottom: 0;
  }
}
.budget__select_section--right {
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .budget__select_section--right {
    justify-content: flex-start;
    padding-top: 3rem;
  }
  .budget__select_section--right.form__col {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .budget__select_section--right.form__col {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 560px) {
  .budget__select_section--right {
    justify-content: flex-start;
    padding-top: 3rem;
  }
  .budget__select_section--right.form__col {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .budget__select_section--right.form__col {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .budget__select_section--buttons {
    width: 100%;
  }
}
.budget__select_btn:not(:last-child) {
  margin-right: 16px;
}
@media screen and (max-width: 480px) {
  .budget__select_btn {
    margin-right: 0;
  }
  .budget__select_btn:nth-child(2) {
    margin-right: 1.6rem;
  }
  .budget__select_btn:not(:first-child) {
    width: calc((100% - 1.6rem) / 2);
  }
}
.budget-new__duration {
  width: 44.3%;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .budget-new__duration {
    width: 100%;
  }
}
.budget-new__duration_title {
  margin-bottom: 16px;
}
@media screen and (max-width: 480px) {
  .budget-new__duration_title {
    margin-bottom: 32px;
    font-size: 1.8rem;
    margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .budget-new__duration_row app-date-control {
    max-width: 100%;
  }
}
.budget-new__buttons {
  width: 44.3%;
}
@media screen and (max-width: 800px) {
  .budget-new__buttons {
    width: 71.3%;
  }
}
@media screen and (max-width: 480px) {
  .budget-new__buttons {
    width: 100%;
  }
}
.budget-new__buttons_row {
  display: flex;
}
@media screen and (max-width: 480px) {
  .budget-new__buttons_row {
    justify-content: space-between;
  }
}
.budget-new__button-group {
  display: flex;
}
.budget-new__btn-continue-icon {
  display: flex;
  align-items: center;
  margin-left: 1.2rem;
  transition: all 0.3s;
}
.budget-new__btn-continue-icon svg {
  width: 1.9rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .budget-new__btn-continue-icon svg {
    width: 1.5rem;
    height: 1.3rem;
  }
}
.budget-new__btn-back,
.budget-new__btn-cancel {
  width: 31%;
  margin-right: 4%;
  margin-top: 26px;
}
@media screen and (max-width: 480px) {
  .budget-new__btn-back,
  .budget-new__btn-cancel {
    width: 48%;
    margin-right: 0;
  }
}
.budget-new__btn-continue {
  width: 65%;
  margin-top: 26px;
}
@media screen and (max-width: 480px) {
  .budget-new__btn-continue {
    width: 48%;
  }
}
.budget-new__btn-continue:hover .budget-new__btn-continue-icon {
  transform: translate(5px, 0);
}
.budget-new__salaries {
  width: 44.3%;
}
@media screen and (max-width: 800px) {
  .budget-new__salaries {
    width: 71.3%;
  }
}
@media screen and (max-width: 480px) {
  .budget-new__salaries {
    width: 100%;
  }
}
.budget-new__salaries_select {
  margin-bottom: 72px;
}
.budget-new__salaries_group .select-group__title {
  font: 2rem/3.9rem "Roboto", sans-serif;
  font-weight: bold;
  color: #4d4e67;
  padding: 0 1.4rem;
}
.budget-new__salaries_title {
  margin-bottom: 24px;
  margin-top: 15px;
}
.budget-new__salaries_title:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .budget-new__salaries_title {
    font-size: 1.8rem;
  }
}
.budget-new__salaries_row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 24px;
}
.budget-new__salaries_col {
  min-width: 60%;
}
@media screen and (max-width: 480px) {
  .budget-new__salaries_col.form__col {
    margin-right: 0;
  }
}
.budget-new__salaries_buttons {
  display: flex;
  width: 40%;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .budget-new__salaries_buttons {
    width: 100%;
  }
}
.budget-new__salaries_btn {
  width: 100%;
}
.budget-new__salaries_btn:not(:nth-of-type(1)) {
  margin-left: 3%;
}
.budget-new__salaries_add {
  margin-top: 24px;
  width: 100%;
  color: #351f6f;
  border: 1px solid #351f6f;
  border-radius: 3px;
}
.budget-new__food {
  width: 44.3%;
}
@media screen and (max-width: 800px) {
  .budget-new__food {
    width: 71.3%;
  }
}
@media screen and (max-width: 480px) {
  .budget-new__food {
    width: 100%;
  }
}
.budget-new__food .form__row {
  align-items: flex-end;
}
.budget-new__food_title {
  margin-bottom: 24px;
}
.budget-new__food_col {
  width: 100%;
}
.budget-new__food_period {
  width: 30%;
}
@media screen and (max-width: 480px) {
  .budget-new__food_period {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .budget-new__food_amount app-amount-form .form__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .budget-new__food_amount .form__col {
    width: 45%;
    margin-right: 0;
    margin-bottom: 2.4rem;
  }
}
.budget-comparison__chart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 4rem 0 3.5rem;
}
@media screen and (max-width: 800px) {
  .budget-comparison__chart {
    flex-direction: column;
    align-items: baseline;
  }
  .budget-comparison__chart .general-table__title {
    margin-bottom: 15px;
  }
}
.budget-comparison__chart .btn-expand {
  display: none;
}
@media screen and (max-width: 800px) {
  .budget-comparison__chart .btn-expand {
    display: flex;
    position: absolute;
    right: 0;
    top: 72px;
  }
}
@media screen and (max-width: 504px) {
  .budget-comparison__chart .btn-expand {
    top: 100px;
  }
}
.budget-comparison__chart .switch__btn.active {
  background-color: #351f6f;
  color: #fff;
}
.budget-comparison__chart .general-table__title {
  width: fit-content;
}
.budget-comparison__buttons {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 504px) {
  .budget-comparison__buttons {
    flex-direction: column;
    align-items: baseline;
  }
}
.budget-comparison__buttons_title {
  color: #4d4e67;
  margin-right: 15px;
}
@media screen and (max-width: 504px) {
  .budget-comparison__buttons_title {
    margin-bottom: 10px;
  }
}
.budget-table__btn {
  display: none;
}
@media screen and (max-width: 800px) {
  .budget-table__btn {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.budget-comparing .budget-table__head_item:nth-of-type(2n-1) {
  color: #418dff;
}
.budget-comparing .budget-table__total_item {
  color: #4f194a;
}
.budget-comparing .budget-table__total_item:nth-of-type(2n-1) {
  color: #418dff;
}
.budget-comparing .budget-table__row td:nth-of-type(2n) .budget-table__item_center {
  color: #4f194a;
}
.budget-comparing .budget-table__row td:nth-of-type(2n-1) .budget-table__item_center {
  color: #418dff;
}
.budget__info_icon {
  display: inline-block;
  margin: 0.5rem 0 0 0.5rem;
}
.budget__info_icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.budget__info-tooltip.tooltip-pane {
  filter: drop-shadow(0px 4px 8px rgba(53, 40, 113, 0.26));
}
.budget__info-tooltip.tooltip-pane .tooltip {
  padding: 0.8rem;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
}
.budget__info-tooltip.tooltip-pane .tooltip__text {
  font-weight: 500;
  font-size: 1.2rem;
  color: #828282;
}
.budget__info-tooltip.tooltip-pane.top .tooltip::before {
  transform: translateX(calc(-50% + 10px));
}
.budget__info-tooltip.tooltip-pane.bottom .tooltip::before {
  transform: translateX(calc(-50% + 10px)) rotate(180deg);
}
.monthly-budget {
  padding-top: 60px;
}
.monthly-budget_header {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.monthly-budget_header.boat-budget__head {
  margin-bottom: 3rem;
}
.monthly-budget_select {
  width: auto;
  margin-right: 1rem;
}
.monthly-budget_table {
  position: relative;
}
.monthly-budget td:nth-child(5) {
  border-left: 1px solid #a9a9a9;
}
.monthly-budget .budget-table__head-right {
  border-radius: 0;
}
.monthly-budget .budget-table__item_center {
  color: #4f194a;
}
.monthly-budget .budget-table__item-right {
  color: #46a6a4;
}
.monthly-budget .budget-table__item-right .negative {
  color: #a159b3;
}
.monthly-budget .budget-table__item-right .budget-table__item_center {
  padding: 0;
}
.monthly-budget .budget-table-container app-scroll-controls .controls-container {
  top: -30px;
}
.monthly-budget .budget-table-container .budget-table__collapse-control {
  top: -25px;
}
.monthly-budget .budget-table .budget-table__row td:last-child,
.monthly-budget .budget-table .budget-table__row th:last-child {
  position: static;
  border-left: 1px solid #e7e7eb;
}
.monthly-budget.sticky-header__container {
  padding-top: 0;
}
.table-container {
  display: block;
  max-width: 100%;
  overflow-y: hidden;
}
.sticky-header {
  display: flex;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  background-color: #fff;
  font: 1.4rem/1.8rem "Roboto", sans-serif;
}
.sticky-header__container {
  display: block;
  max-width: 100%;
  width: 100%;
  position: relative;
  background-color: #fff;
}
.sticky-header .table-container {
  overflow-x: hidden;
  display: flex;
  flex-wrap: wrap;
}
.sticky-header .table-container app-scroll-controls {
  display: block;
  width: 100%;
  order: 1;
  height: 3rem;
}
.sticky-header .table-container app-scroll-controls .controls-container {
  top: 10px;
}
.sticky-header .budget-table {
  align-self: flex-start;
  order: 2;
  border-bottom: 1px solid #a9a9a9;
}
.sticky-header .budget-table td,
.sticky-header .budget-table th {
  font-size: 14px;
  box-sizing: border-box;
}
@media screen and (max-width: 560px) {
  .sticky-header .budget-table td,
  .sticky-header .budget-table th {
    font-size: 0.9rem;
  }
}
.sticky-header .budget-table .budget-table__head_item {
  min-width: 80px;
}
@media screen and (orientation: portrait) {
  .cdk-overlay-container .modal-background.rotated ~ .cdk-global-overlay-wrapper .sticky-header {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .modal__wrap .budget-table .budget-table__row td:last-child,
  .modal__wrap .budget-table .budget-table__row th:last-child {
    position: sticky;
  }
}
@media screen and (max-width: 560px) {
  .modal__wrap .table-container {
    height: 100%;
  }
}
@media screen and (max-width: 560px) {
  .modal__wrap .budget-table .budget-table__row td:first-child,
  .modal__wrap .budget-table .budget-table__row th:first-child {
    position: sticky;
  }
}
.budget-table {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
}
.budget-table-container {
  position: static;
}
.budget-table-container app-scroll-controls .controls-container {
  top: -10px;
}
.budget-table__item {
  padding: 0.8rem 1.2rem;
  min-height: 4.4rem;
  background-color: inherit;
  color: #010202;
  border-left: 1px solid #e7e7eb;
}
.budget-table__item:nth-of-type(2) {
  border-left: 0;
}
@media screen and (max-width: 560px) {
  .budget-table__item {
    font-size: 0.9rem;
    min-height: 4rem;
    max-height: fit-content;
    height: auto;
  }
}
.budget-table__item_center {
  padding: 0.8rem 1.2rem;
  color: #010202;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 400;
}
@media screen and (max-width: 560px) {
  .budget-table__item_center {
    font-size: 0.9rem;
  }
}
.budget-table__item-right {
  background-color: inherit;
  text-align: end;
  padding: 0.8rem 1.2rem;
  color: #46a6a4;
  font-weight: bold;
  box-shadow: -6px 0 3px 1px rgba(206, 206, 206, 0.15);
  display: flex;
  align-items: center;
  min-height: 4.4rem;
  justify-content: flex-end;
}
@media screen and (max-width: 560px) {
  .budget-table__item-right {
    font-size: 0.9rem;
    height: 4rem;
    box-shadow: unset;
  }
}
.budget-table__item-right--comparing span {
  width: 8rem;
  display: inline-flex;
  justify-content: flex-end;
  color: #418dff;
}
.budget-table__item-right--comparing span:nth-of-type(2n) {
  color: #4f194a;
}
@media screen and (max-width: 504px) {
  .budget-table__item-right--comparing span {
    width: 5rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 504px) {
  .budget-table__item-right--comparing {
    padding: 0 5px;
  }
}
.budget-table__item.budget-table__row_item {
  font-weight: 400;
  color: #010202;
}
.budget-table__head {
  min-width: 35rem;
  background-color: #fff;
  height: 4.4rem;
  color: #828282;
  box-shadow: 6px 0 3px 1px rgba(206, 206, 206, 0.15);
}
@media screen and (max-width: 560px) {
  .budget-table__head {
    min-width: 14.2rem;
    font-size: 0.9rem;
    height: 4rem;
  }
}
.budget-table__head-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}
.budget-table__head_item {
  color: #828282;
  text-align: end;
  padding: 0 12px;
  height: auto;
}
.budget-table__head-right {
  min-width: 92px;
  padding: 0 12px;
  background-color: inherit;
  color: #828282;
  text-align: end;
  box-shadow: -6px 0 3px 1px rgba(206, 206, 206, 0.15);
}
@media screen and (max-width: 560px) {
  .budget-table__head-right {
    font-size: 0.9rem;
    box-shadow: unset;
    border-left: 1px solid #e7e7eb;
  }
}
.budget-table__head-right--comparing {
  display: flex;
  height: 5.6rem;
}
.budget-table__head-right--comparing span {
  width: 8rem;
  display: flex;
  align-items: center;
  color: #418dff;
  justify-content: flex-end;
}
.budget-table__head-right--comparing span:nth-of-type(2n) {
  color: #4f194a;
}
@media screen and (max-width: 504px) {
  .budget-table__head-right--comparing span {
    width: 5rem;
    font-size: 1rem;
    box-sizing: border-box;
    line-height: 1.4rem;
  }
}
.budget-table__total {
  color: #010202;
  text-align: inherit;
  padding: 0 8px;
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  border-top: 1px solid #a9a9a9;
  background-color: inherit;
  box-shadow: 6px 0 3px 1px rgba(206, 206, 206, 0.15);
}
@media screen and (max-width: 560px) {
  .budget-table__total {
    font-size: 0.9rem;
    height: 4rem;
  }
}
.budget-table__total_item {
  color: #46a6a4;
  border-top: 1px solid #a9a9a9;
  box-sizing: border-box;
  font-weight: bold;
  text-align: end;
  padding: 0 12px;
  border-left: 1px solid #e7e7eb;
}
.budget-table__total_item:nth-of-type(2) {
  border-left: 0;
}
@media screen and (max-width: 560px) {
  .budget-table__total_item {
    font-size: 0.9rem;
  }
}
.budget-table__total-right {
  font-weight: bold;
  color: #46a6a4;
  border-top: 1px solid #a9a9a9;
  background-color: inherit;
  padding: 0 12px;
  text-align: end;
  box-shadow: -6px 0 3px 1px rgba(206, 206, 206, 0.15);
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 560px) {
  .budget-table__total-right {
    font-size: 0.9rem;
    height: 4rem;
    box-shadow: unset;
  }
}
.budget-table__total-right--comparing span {
  width: 8rem;
  display: inline-flex;
  justify-content: flex-end;
  color: #418dff;
}
.budget-table__total-right--comparing span:nth-of-type(2n) {
  color: #4f194a;
}
@media screen and (max-width: 504px) {
  .budget-table__total-right--comparing span {
    width: 5rem;
    font-size: 1rem;
  }
}
.budget-table__title {
  border-top: 1px solid #a9a9a9;
}
.budget-table__title .budget-table__item_center span {
  color: #46a6a4;
  font-weight: bold;
}
.budget-table__title .budget-table__title-right span {
  color: #010202;
}
.budget-table__title--comparison .budget-table__item_center span,
.budget-table__title--spending .budget-table__item_center span {
  color: #a9a9a9;
}
.budget-table__title--comparison .budget-table__item-right span,
.budget-table__title--spending .budget-table__item-right span {
  color: #a9a9a9;
}
.budget-table__title_item {
  color: #010202;
  font-weight: bold;
  min-height: 4.4rem;
  padding: 0.8rem 1.2rem;
  display: flex;
  align-items: center;
  box-shadow: 6px 0 3px 1px rgba(206, 206, 206, 0.15);
  background-color: #fff;
}
.budget-table__title_item:first-of-type {
  border-left: 0;
}
@media screen and (max-width: 560px) {
  .budget-table__title_item {
    font-size: 0.9rem;
    height: 4rem;
  }
}
.budget-table__title_item.collapsable {
  cursor: pointer;
}
.budget-table__title_item.collapsed .budget-table__title_icon {
  transform: rotateZ(0);
}
.budget-table__title_item.expanded .budget-table__title_icon {
  transform: rotateZ(180deg);
}
.budget-table__title-right {
  font-weight: bold;
  color: #46a6a4;
  padding: 0.8rem 1.2rem;
  text-align: end;
  box-shadow: -6px 0 3px 1px rgba(206, 206, 206, 0.15);
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 560px) {
  .budget-table__title-right {
    font-size: 0.9rem;
    height: 4rem;
    box-shadow: unset;
  }
}
.budget-table__title td.budget-table__title-right {
  border-left: 0;
}
.budget-table__title td {
  border-left: 1px solid #e7e7eb;
}
.budget-table__title td:nth-of-type(2) {
  border-left: 0;
}
.budget-table__title td:first-of-type {
  border-left: 0;
}
.budget-table__title td:last-of-type {
  border-left: 0;
}
.budget-table__icon {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  display: inline-block;
}
.budget-table__icon_wrapper {
  margin: 6px 9px 2px 0;
  width: 14px;
  display: flex;
  justify-content: center;
}
.budget-table__row {
  background-color: #fff;
}
.budget-table__row:nth-child(2n) {
  background-color: #f5f5f5;
}
.budget-table__row td {
  border-left: 1px solid #e0e0e0;
}
.budget-table__row td:nth-of-type(2) {
  border-left: 0;
}
.budget-table__row td:first-of-type,
.budget-table__row td:last-of-type {
  border-left: 0;
}
.budget-table__row_item {
  display: flex;
  align-items: center;
  box-shadow: 6px 0 3px 1px rgba(206, 206, 206, 0.15);
}
.budget-table__row_item.budget-table__item {
  border-left: 0;
}
.budget-table__row--text {
  margin-right: 0.5rem;
}
.budget-table__row--val {
  margin-left: auto;
}
.budget-table th,
.budget-table td {
  vertical-align: middle;
}
.budget-table td {
  min-width: 9.8rem;
}
.budget-table .budget-table__total_item,
.budget-table .budget-table__total-right,
.budget-table .budget-table__title-right,
.budget-table .budget-table__item_center {
  white-space: nowrap;
}
.budget-table .budget-table__row td:first-child,
.budget-table .budget-table__row th:first-child {
  position: sticky;
  left: 0;
  z-index: 100;
  background-color: inherit;
  width: 35rem;
}
.budget-table .budget-table__row td:last-child,
.budget-table .budget-table__row th:last-child {
  position: sticky;
  right: 0;
  background-color: inherit;
}
@media screen and (max-width: 560px) {
  .budget-table .budget-table__row td:last-child,
  .budget-table .budget-table__row th:last-child {
    position: relative;
    border-left: 1px solid #e7e7eb;
  }
}
.budget-table.copied td {
  cursor: move;
}
.budget-table__actually {
  color: #4f194a;
  font-weight: bold;
}
.budget-table .bold {
  font-weight: bold;
}
.budget-table__collapse-control {
  position: absolute;
  top: -30px;
  display: flex;
  align-items: center;
  height: 3rem;
}
.budget-table__collapse-control--toggle {
  display: inline-block;
  margin: 0 12px 0 1px;
}
.budget-table__collapse-label {
  font-size: 16px;
  color: #4d4e67;
}
@media screen and (max-width: 560px) {
  .budget-table__collapse-label {
    font-size: 14px;
  }
}
.sticky-header__container.comparison-table .budget-table__head_item:nth-of-type(2n-1) {
  color: #418dff;
}
.sticky-header__container.comparison-table .budget-table__total_item {
  color: #4f194a;
}
.sticky-header__container.comparison-table .budget-table__total_item:nth-of-type(2n-1) {
  color: #418dff;
}
.budget-table .budget-table__row td:last-child.budget-table__title-right {
  background-color: #fff;
}
.budget-table__row.compare-budget__row .budget-table__item-right {
  border-left: 1px solid #e7e7eb;
  box-shadow: none;
}
.compare-budget__row-category {
  font-weight: bold;
}
.compare-budget__row-category .budget-table__item_center,
.compare-budget__row-category .budget-table__item-right {
  color: #010202;
}
.compare-budget__row .budget-table__item-right {
  box-shadow: none;
}
.compare-budget__row .budget-table__head-right {
  box-shadow: none;
}
.compare-budget__row .budget-table__total-right {
  box-shadow: none;
}
.compare-budget__row .budget-table__total_item:nth-of-type(5) {
  border-left-color: #a9a9a9;
}
.compare-budget__row .budget-table__head_item:nth-of-type(5) {
  border-left-color: #a9a9a9;
}
.sticky-controls app-scroll-controls {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
  font-size: 14px;
}
.sticky-controls app-scroll-controls .controls-container {
  position: relative;
}
td .budget-table__editable_cell {
  display: flex;
  justify-content: flex-end;
}
td .budget-table__editable_cell .editable-input {
  width: 8rem;
  text-align: end;
}
td .budget-table__editable_name {
  display: flex;
  align-items: center;
}
td .budget-table__editable_name .editable-input {
  width: 100%;
}
.editable-input {
  border: none;
  border-bottom: 1px solid #46a6a4;
  border-radius: 0;
  background-color: inherit;
  padding: 0 5px;
}
.editable-input:focus {
  border: none;
}
.editable-input.ng-invalid.ng-dirty {
  border: none;
  border-bottom: 1px solid #d12e2e;
}
.editable-input.ng-invalid.ng-dirty + .editable-input__span {
  height: 0;
}
.editable-input__label {
  position: relative;
}
.editable-input__span {
  height: 1px;
  background: #46a6a4;
  position: absolute;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
  transition: all 0.2s ease-in;
  width: 0px;
}
.editable-input:focus + .editable-input__span {
  width: 100%;
}
.item__message {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f7aa38;
  margin-left: 9px;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
}
.comparison-table app-scroll-controls .controls-container,
.comparison-table .budget-table__collapse-control,
.spending-table app-scroll-controls .controls-container,
.spending-table .budget-table__collapse-control {
  top: 10px;
}
.comparison-table .btn-expand {
  display: none;
}
@media screen and (max-width: 800px) {
  .comparison-table .btn-expand {
    display: flex;
    position: absolute;
    top: 27px;
    right: 0;
  }
}
@media screen and (max-width: 800px) {
  .comparison-table .budget-table__head {
    height: 5.6rem;
  }
}
.tabs__header.switch .tabs__item.active {
  background-color: #351f6f;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .tabs__header.switch .tabs__item {
    text-align: center;
  }
}
.spending-table .budget-table__head-right,
.budget-comparing .budget-table__head-right {
  display: flex;
  height: 5.6rem;
  align-items: center;
}
.spending-table .budget-table__head-right span,
.budget-comparing .budget-table__head-right span {
  width: 8rem;
}
.spending-table .budget-table__total-right span,
.budget-comparing .budget-table__total-right span {
  width: 8rem;
  display: inline-flex;
  justify-content: flex-end;
}
.spending-table .budget-table__item-right span,
.budget-comparing .budget-table__item-right span {
  min-width: 8rem;
  display: inline-flex;
  justify-content: flex-end;
}
.spending-table .budget-table__row td,
.budget-comparing .budget-table__row td {
  font-weight: bold;
}
.spending-table {
  position: relative;
}
.spending-table .btn-expand {
  display: none;
}
@media screen and (max-width: 800px) {
  .spending-table .btn-expand {
    display: flex;
    position: absolute;
    top: 25px;
    right: 0;
  }
}
.spending-table .spending-table__title {
  width: 80%;
}
@media screen and (max-width: 560px) {
  .spending-table .budget-table__head {
    height: 5.6rem;
  }
}
.comparison-chart__info {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.comparison-chart__info_item {
  display: inline-flex;
  margin-right: 2rem;
  font-size: 1.6rem;
  color: #a9a9a9;
  align-items: center;
}
.comparison-chart__info_item::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #351f6f;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.comparison-chart__info_item::last-child {
  margin-right: 0;
}
.comparison-chart__info_item-year::before {
  background-color: #46a6a4;
}
.boat-budget__head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  position: relative;
}
@media screen and (max-width: 560px) {
  .boat-budget__head {
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
  }
}
.boat-budget__head-right {
  display: flex;
}
@media screen and (max-width: 800px) {
  .boat-budget__head-right {
    margin-right: 4rem;
  }
}
.boat-budget__head_title {
  font-size: 2.4rem;
  color: #351f6f;
  font-weight: bold;
}
@media screen and (max-width: 560px) {
  .boat-budget__head_title {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
}
.boat-budget__head .btn-expand {
  display: none;
}
@media screen and (max-width: 800px) {
  .boat-budget__head .btn-expand {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 3rem;
    height: 3rem;
    margin-left: 1rem;
  }
}
.budget-modal__title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  color: #351f6f;
}
.budget-modal__title-month {
  font-weight: 500;
  color: #46a6a4;
  text-transform: capitalize;
}
.budget-modal__title_box {
  padding-bottom: 3rem;
  line-height: 4rem;
  font-size: 3.4rem;
}
.budget-modal .accordion__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e7e7eb;
}
.budget-modal .accordion__label_text {
  font-weight: bold;
  font-size: 1.8rem;
  color: #a9a9a9;
}
.budget-modal .accordion__btn {
  width: 0.9rem;
  height: 0.9rem;
  transition: all 0.2s linear;
}
.budget-modal .accordion__btn_box {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e7e7eb;
  cursor: pointer;
}
.budget-modal .accordion__content {
  padding-top: 16px;
  display: none;
}
.budget-modal .accordion__content .main-btn_white-green {
  width: 100%;
  margin-bottom: 15px;
}
.budget-modal .accordion.active .accordion__content {
  display: block;
}
.budget-modal .accordion.active .accordion__btn {
  transform: rotate(180deg);
}
.budget-modal .accordion.active .accordion__label_text {
  color: #313247;
}
.update-table__btn_box {
  width: 35%;
  margin: 0 0 0 auto;
}
.comment__container {
  display: flex;
  padding-bottom: 1.6rem;
}
.comment__avatar {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  margin-right: 0.8rem;
}
.comment__content {
  width: 100%;
}
.comment__content_name {
  color: #351f6f;
  padding-bottom: 0.5rem;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.comment__content_row {
  display: flex;
}
.comment__content_amount {
  color: #313247;
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 8px 12px;
  background-color: #e7e7eb;
  border-radius: 2px;
  margin-right: 0.8rem;
}
.comment__content_comment {
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  color: #4d4e67;
  background-color: #fafafb;
  border-radius: 2px;
  margin-right: 15px;
}
.comment__content_text_box {
  display: flex;
  width: 100%;
  align-items: center;
}
.comment__content_edit,
.comment__content_delete {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.comment__content_edit {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(/assets/img/comment-edit.svg);
}
.comment__content_delete {
  background-image: url(/assets/img/comment-delete.svg);
  width: 1.8rem;
  height: 2rem;
  margin-left: 18px;
}
.comment__content_data {
  color: #a9a9a9;
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding-top: 0.6rem;
  display: block;
}
.comment__content_files {
  width: 18px;
  height: 18px;
  margin-right: 18px;
}
.comment__content_controls {
  display: flex;
}
.comment__content_delete_box {
  display: flex;
  padding-top: 0.8rem;
}
.comment__content_delete_btn {
  margin-left: 0.8rem;
}
@media screen and (min-width: 480px) {
  .comment__content_delete_btn {
    min-width: 7.1rem;
  }
}
.comment-edit__textarea--field {
  height: 3.5rem;
}
.comment-edit__textarea .form__textarea {
  min-height: auto;
  padding: 3px 12px 8px 12px;
  box-sizing: border-box;
  height: 100%;
}
.comment-edit__textarea app-control-error p {
  position: relative;
  top: auto;
}
.comment-edit__row {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .comment-edit__row {
    flex-direction: row;
  }
}
.comment-edit__row_btn {
  width: 40%;
}
@media screen and (max-width: 480px) {
  .comment-edit__row_btn {
    flex-direction: row;
  }
}
.comment-edit__row_btn .main-btn {
  padding: 8px 9px;
}
.comment-add__radio_box {
  display: flex;
  flex-direction: column;
}
.comment-add__radio_form {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.comment-add__radio_form .form__radio-label {
  height: 1.8rem;
}
.comment-add__textarea .form__textarea {
  min-height: 19.7rem;
}
.comment-add__btns {
  padding-bottom: 1.5rem;
  width: 35%;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 480px) {
  .comment-add__btns {
    flex-direction: row;
    width: 100%;
  }
}
.modal-small {
  width: 97%;
}
app-job-offers-wrapper .boat-home__nav {
  padding-bottom: 3rem;
}
.job-offer {
  padding-bottom: 5rem;
}
.job-offer__header {
  display: flex;
  justify-content: space-between;
  padding: 3rem 0;
  width: 126.4rem;
  margin: 0 auto;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .job-offer__header {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .job-offer__header {
    width: 100%;
    padding: 2.4rem 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .job-offer__header {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .job-offer__header {
    padding-bottom: 0;
  }
}
.job-offer__header_input {
  width: 25.7rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .job-offer__header_input {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .job-offer__header_input {
    width: 100%;
    margin-bottom: 1.6rem;
  }
}
.job-offer__header_input .form-field--content.form-field--content-outline {
  border-color: #e0e0e0;
  height: 4rem;
}
.job-offer__header_input .form-field--content.form-field--content-outline input::placeholder {
  color: #828282;
}
.job-offer__header_input .form-field--content.form-field--content-outline .form-field--content-suffix {
  background-color: #351f73;
  max-width: 4rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: absolute;
  top: -0.1rem;
  right: 0;
}
.job-offer__header_input .form-field--content.form-field--content-outline .form-field--content-wrapper {
  padding-right: 4rem;
}
.job-offer__header_btns {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .job-offer__header_btns {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .job-offer__header_btns {
    width: 100%;
    flex-direction: column;
  }
}
.job-offer__header_btns button {
  display: flex;
  align-items: center;
  padding: 0.6rem 3.2rem 0.8rem;
}
@media screen and (max-width: 1024px) {
  .job-offer__header_btns button {
    width: 49%;
    justify-content: center;
    padding: 0.8rem 0 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .job-offer__header_btns button {
    width: 100%;
    margin-bottom: 1.6rem;
    height: 4rem;
  }
}
.job-offer__header_btns button:not(:last-of-type) {
  margin-right: 1.2rem;
}
.job-offer__header_btns button app-seazone-icon {
  margin-right: 1.2rem;
}
.job-offer__title {
  padding-bottom: 1rem;
  color: #000;
  font-weight: 500;
  font-size: 2.4rem;
  width: 126.4rem;
  margin: 0 auto;
  line-height: 2.8rem;
}
.job-offer__card {
  width: 126.4rem;
  margin: 0 auto;
  display: flex;
  padding: 3rem 0;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  .job-offer__card {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .job-offer__card {
    width: 100%;
    padding: 2.4rem;
    flex-direction: column;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .job-offer__card {
    padding: 1.6rem 1.2rem;
  }
}
.job-offer__card--left {
  display: flex;
  width: 72%;
}
@media screen and (max-width: 1024px) {
  .job-offer__card--left {
    width: 100%;
    flex-direction: column;
  }
}
.job-offer__card_name {
  margin-right: 4%;
  flex-shrink: 0;
  width: 30%;
}
@media screen and (max-width: 1300px) {
  .job-offer__card_name {
    margin-right: 2%;
  }
}
@media screen and (max-width: 1024px) {
  .job-offer__card_name {
    margin-right: 0;
    margin-bottom: 1.5rem;
    width: 100%;
  }
}
.job-offer__card_btns {
  display: flex;
  flex-direction: column;
  width: 20%;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_btns {
    width: 100%;
    flex-direction: row;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.job-offer__card_btns .job-offer__card_jump {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00b9ff;
  color: #ffffff;
  text-transform: uppercase;
  padding: 1rem 1.2rem;
}
.job-offer__card_btns .job-offer__card_jump app-seazone-icon {
  margin-right: 1rem;
  width: 1.7rem;
  height: 1.7rem;
}
.job-offer__card_btns .job-offer__card_jump span {
  height: 14px;
}
.job-offer__card_head {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}
.job-offer__card_head_wrapper {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .job-offer__card_head_wrapper {
    margin-right: 0.8rem;
  }
}
.job-offer__card_head_position {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1300px) {
  .job-offer__card_head {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .job-offer__card_head {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .job-offer__card_head {
    width: 78%;
  }
}
.job-offer__card_head_title {
  margin-right: 0.8rem;
  color: #351f73;
}
@media screen and (max-width: 1300px) {
  .job-offer__card_head_title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .job-offer__card_head_title {
    margin-bottom: 0;
  }
}
.job-offer__card_head_status {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.6rem 1.2rem 0.9rem;
  margin-left: 0.8rem;
  background-color: #3aae27;
}
@media screen and (max-width: 1300px) {
  .job-offer__card_head_status {
    margin-left: 0;
  }
}
.job-offer__card_head_offer {
  color: #010202;
  padding-bottom: 3.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_head_offer {
    padding-bottom: 1.2rem;
  }
}
.job-offer__card_publish {
  display: flex;
  align-items: center;
}
.job-offer__card_publish app-toggle-checkbox {
  position: relative;
  top: 3px;
}
.job-offer__card_publish_label {
  text-transform: capitalize;
  color: #4f194a;
  margin-right: 0.8rem;
}
.job-offer__card_publish .form__toggle-label:before {
  width: 2.9rem;
  height: 1.6rem;
  border-radius: 18px;
}
.job-offer__card_publish .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.job-offer__card_publish .form__toggle-label:after {
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 2px solid #4f194a;
  background-color: transparent;
  left: 0;
  box-shadow: none;
}
.job-offer__card_publish .form__toggle-input:checked + label:after {
  background-color: #ffffff;
  border: 2px solid #4f194a;
  width: 1.6rem;
  height: 1.6rem;
}
.job-offer__card_publish .form__toggle-label:before {
  background-color: transparent;
  border: 2px solid #4f194a;
}
.job-offer__card_id {
  display: flex;
  align-items: center;
  margin-top: 2.7rem;
}
.job-offer__card_id_title {
  text-transform: uppercase;
  margin-right: 0.4rem;
  letter-spacing: 0.5px;
  color: #828282;
  font-size: 1rem;
}
.job-offer__card_id_number {
  color: #828282;
  font-weight: 500;
}
.job-offer__card_id_number_box {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  padding: 0.3rem 0.4rem;
  border-radius: 4px;
  cursor: pointer;
}
.job-offer__card_id_number_icon {
  margin-left: 0.5rem;
}
.job-offer__card_share {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  background-color: #4cceff;
}
.job-offer__card_share_icon {
  width: 14px;
}
.job-offer__card_info {
  width: 100%;
}
.job-offer__card_info--top,
.job-offer__card_info--bottom {
  display: flex;
}
.job-offer__card_info--top {
  padding-bottom: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_info--top {
    justify-content: space-between;
  }
}
.job-offer__card_info--top .job-offer__card_info_col {
  width: 24.7%;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_info--top .job-offer__card_info_col {
    width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .job-offer__card_info--bottom {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.job-offer__card_info--bottom .job-offer__card_info_col {
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_info--bottom .job-offer__card_info_col {
    order: 1;
    width: 49%;
    margin-right: 0;
    margin-bottom: 1.4rem;
  }
}
.job-offer__card_info--bottom .job-offer__card_info--contract {
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_info--bottom .job-offer__card_info--contract {
    width: 49%;
  }
}
.job-offer__card_info_col {
  display: flex;
  flex-direction: column;
}
.job-offer__card_info_label {
  font-size: 1rem;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  color: #828282;
  letter-spacing: 0.5px;
}
.job-offer__card_info_text {
  color: #351f73;
}
.job-offer__card_info_text.new-match {
  color: #3aae27;
}
.job-offer__card_info_actions {
  color: #3aae27;
  margin-left: 5px;
}
.job-offer__card_controls {
  display: flex;
  align-items: flex-start;
  margin-right: 2%;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_controls {
    position: absolute;
    top: 2.8rem;
    right: 2rem;
  }
}
.job-offer__card_controls button:not(:last-of-type) {
  margin-right: 2rem;
}
.job-offer__card_btns button {
  padding: 0.8rem 1.2rem 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_btns button {
    width: 49%;
  }
}
.job-offer__card_update {
  text-align: center;
  font-size: 1rem;
  color: #4f4f4f;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_update {
    position: absolute;
    bottom: -1.1rem;
    white-space: nowrap;
  }
}
.job-offer__card_date_box {
  display: flex;
  width: 45%;
  justify-content: space-between;
  margin-right: 2rem;
}
@media screen and (max-width: 1024px) {
  .job-offer__card_date_box {
    width: 100%;
    order: 2;
    margin-right: 0;
    justify-content: space-between;
  }
  .job-offer__card_date_box .job-offer__card_info_col {
    order: initial;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .job-offer__card_date_box app-seazone-icon {
    display: none;
  }
}
.seaz-offer {
  display: flex;
  flex-direction: column;
  width: 126.4rem;
  margin: 0 auto;
  margin-top: 6rem;
}
@media screen and (max-width: 1300px) {
  .seaz-offer {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer {
    width: 96%;
  }
}
.seaz-offer__header {
  display: flex;
  justify-content: center;
  width: 126.4rem;
  margin: 0 auto;
  position: relative;
  padding: 6.3rem 0 3.3rem;
  border-bottom: 1px solid #bdbdbd;
}
@media screen and (max-width: 1300px) {
  .seaz-offer__header {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer__header {
    width: 96%;
  }
}
.seaz-offer__header .seaz__return_btn {
  position: absolute;
  left: 0;
  top: 5.6rem;
}
.seaz-offer__header .seaz-crew__contract_head_title img {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  object-fit: cover;
  margin-top: -8px;
}
.seaz-offer__filters {
  margin-top: 4rem;
}
.seaz-offer__filters app-seazone-input {
  width: 45% !important;
}
.seaz-offer__filters .seaz-search-crew-filters__main-filters,
.seaz-offer__filters .seaz-search-crew-filters__location-filters {
  width: 50%;
}
.seaz-offer__filters .chips-distance-desktop-row .seaz-search-chips-filter__distance {
  flex-shrink: 0;
}
.seaz-offer__filters .chips-distance {
  flex-shrink: 0;
}
.seaz-offer__filters .chips-distance .seaz-search-chips-filter__chips--item {
  margin: 0 0.4rem 0.8rem 0;
}
.seaz-offer__filters .chips-distance .seaz-search-chips-filter__label {
  margin: 0 1rem 0.8rem 0;
}
.seaz-offer__filters .chips-distance .seaz-search-chips-filter__chips {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1300px) {
  .seaz-offer__filters.main-container {
    max-width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer__filters.main-container {
    width: 96%;
  }
  .seaz-offer__filters .seaz-search-crew-filters__main-filters,
  .seaz-offer__filters .seaz-search-crew-filters__location-filters {
    width: 100%;
  }
}
.seaz-offer__main-details {
  display: flex;
  justify-content: space-between;
  margin-left: 10.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__main-details {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-offer__main-details {
    flex-direction: column;
  }
}
.seaz-offer__details {
  width: 53%;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-offer__details {
    width: 100%;
    margin-right: 0;
  }
}
.seaz-offer__details_title {
  padding-bottom: 3rem;
  color: #351f73;
  padding-top: 3rem;
}
.seaz-offer__details_row {
  display: flex;
  padding-bottom: 3rem;
}
.seaz-offer__details_label {
  width: 21.5rem;
  color: #010202;
  padding-right: 1rem;
  flex-shrink: 0;
  line-height: 2.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__details_label {
    width: 18.9rem;
  }
}
.seaz-offer__details_id {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.seaz-offer__details_id_icon {
  margin-left: 0.9rem;
}
.seaz-offer__details_text {
  color: #010202;
  line-height: 2.6rem;
}
.seaz-offer__details_text.seaz-offer__details_text--years {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.seaz-offer__details_text.seaz-offer__details_text--years span {
  margin-right: 1.2rem;
}
.seaz-offer__details_text_list {
  display: flex;
  flex-wrap: wrap;
}
.seaz-offer__details_text.list {
  margin-right: 5px;
}
.seaz-offer__details_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.seaz-offer__edit-btn {
  background-color: #e0e0e0;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
.seaz-offer__boat {
  width: 40rem;
  padding: 3rem;
  background-color: #ffffff;
  height: fit-content;
}
.seaz-offer__boat_wrapper .seaz-offer__boat:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__boat {
    width: 36rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-offer__boat {
    width: 100%;
    padding: 2.4rem;
  }
}
.seaz-offer__boat_title {
  padding-bottom: 1.5rem;
  color: #351f73;
}
.seaz-offer__boat_col {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.3rem;
}
.seaz-offer__boat_label {
  color: #828282;
  line-height: 2.6rem;
}
.seaz-offer__boat_text {
  color: #010202;
  line-height: 2.6rem;
}
.seaz-offer__boat_row {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.seaz-offer__boat_row_text {
  text-transform: uppercase;
  color: #351f73;
}
.seaz-offer__boat_img,
.seaz-offer__boat_company_img {
  width: 6rem;
  height: 6rem;
  margin-right: 1.6rem;
  object-fit: cover;
  border-radius: 8px;
}
.seaz-offer__boat_company {
  margin-right: 3rem;
}
.seaz-offer__boat_company_text {
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #351f73;
}
.seaz-offer__boat_flag {
  display: flex;
  align-items: baseline;
}
.seaz-offer__boat_flag_icon {
  width: 2.2rem;
  height: 1.4rem;
  object-fit: cover;
  margin-right: 0.8rem;
}
.seaz-offer__separator {
  width: 100%;
  height: 0.1rem;
  background-color: #351f73;
  position: relative;
}
@media screen and (max-width: 600px) {
  .seaz-offer__separator {
    width: 96%;
    margin: 0 auto;
    margin-top: 3rem;
  }
}
.seaz-offer__separator::before {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  right: 0;
  top: -12px;
  left: 0;
  background: #fafafb;
  margin: auto;
  transform: rotate(45deg);
  border: 1px solid #351f73;
  border-top: none;
  border-left: none;
}
@media screen and (max-width: 480px) {
  .seaz-offer__separator::before {
    background: #fff;
  }
}
.seaz-offer__users {
  position: relative;
  width: 126.4rem;
  margin: 0 auto;
  padding-bottom: 5rem;
}
@media screen and (max-width: 1300px) {
  .seaz-offer__users {
    width: 100rem;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users {
    width: 96%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users .seaz-job__search_applied_nav {
    order: 1;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users app-offered-users-list {
    order: 3;
  }
}
.seaz-offer__users .seaz-search__relevant_clear {
  top: 2.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users .seaz-search__relevant_clear {
    position: relative;
    top: inherit;
    right: inherit;
    justify-content: flex-start;
    order: 2;
    padding-bottom: 2rem;
  }
}
.seaz-offer__users .seaz-search__relevant_clear .seaz-search__relevant_clear_text {
  text-transform: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users .seaz-search__relevant_clear .seaz-search__relevant_clear_text {
    text-align: left;
  }
}
.seaz-offer__users_nav {
  width: 126.4rem;
  margin: 0 auto;
  margin-top: 7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  .seaz-offer__users_nav {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users_nav {
    width: 96%;
  }
  .seaz-offer__users_nav .seaz-profile__navigation_list {
    margin: 0;
  }
}
@media screen and (max-width: 820px) {
  .seaz-offer__users_nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-offer__users_nav .seaz-offer__users_nav--right {
    margin-bottom: 1rem;
  }
}
.seaz-offer__users_nav .seaz-profile__navigation {
  padding-bottom: 0;
}
.seaz-offer__users_nav .seaz-offer__users_nav_go {
  display: flex;
}
@media screen and (max-width: 480px) {
  .seaz-offer__users_nav .seaz-offer__users_nav_go {
    width: 100%;
  }
}
.seaz-offer__users_nav--right {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .seaz-offer__users_nav--right {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .seaz-offer__users_nav--right app-scrollable-navigation-links {
    width: 100%;
  }
  .seaz-offer__users_nav--right app-scrollable-navigation-links .seaz-profile__navigation_list {
    margin-right: 0;
    width: 100%;
  }
  .seaz-offer__users_nav--right app-scrollable-navigation-links .seaz-profile__navigation_list .seaz-profile__navigation_item {
    width: 50%;
    justify-content: center;
  }
}
.seaz-offer__users_nav--right .seaz-profile__navigation {
  padding-top: 0;
}
.seaz-offer__users_nav--right .seaz-profile__navigation_list {
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__users_nav--right .seaz-profile__navigation_list {
    margin-right: 2.4rem;
  }
}
.seaz-offer__users_nav--right .seaz-filters__row_select {
  margin-right: 0;
  width: 19rem;
}
@media screen and (max-width: 1150px) {
  .seaz-offer__users_nav--right .seaz-filters__row_select {
    display: flex;
  }
}
@media screen and (max-width: 480px) {
  .seaz-offer__users_nav--right .seaz-filters__row_select {
    width: 100%;
  }
}
.seaz-offer__users_nav--right .seaz-filters__row_select .form-field--content-outline {
  height: 5rem;
  padding: 1rem 1.2rem 0.8rem 1.2rem;
}
.seaz-offer__users_nav .sharing__offers-btn {
  margin-right: 1.8rem;
  display: flex;
  align-items: center;
  padding: 1.5rem 3.2rem 1.5rem;
  background-color: #00b9ff;
  box-sizing: border-box;
  color: white;
  text-transform: uppercase;
}
.seaz-offer__users .seaz-search__card {
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  .seaz-offer__users .seaz-search__card .seaz-search__card_head_badges {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.seaz-offer__users .seaz-search__card_controls {
  display: flex;
}
.seaz-offer__users app-offered-status div {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  padding: 0.8rem 1.2rem;
  text-transform: uppercase;
  margin-right: 1rem;
  color: #ffffff;
  width: fit-content;
}
@media screen and (max-width: 480px) {
  .seaz-offer__users app-offered-status div {
    font-size: 1rem;
  }
}
.seaz-offer__users .seaz-search__card_name {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-offer__users .seaz-search__card_name {
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
}
.seaz-offer__users .seaz-search__card_btns {
  width: 25.4rem;
}
@media screen and (max-width: 1200px) {
  .seaz-offer__users .seaz-search__card_btns {
    width: 100%;
  }
}
.seaz-offer__users .seaz-search__card_rating {
  margin-top: 1rem;
}
@media screen and (max-width: 1500px) {
  .seaz-offer__users .seaz-search__card_rating {
    margin-top: 0;
  }
}
.seaz-offer__users .seaz-search__card_rating .job-offer__card_id {
  margin-top: 1rem;
}
@media screen and (max-width: 600px) {
  .seaz-offer__users .seaz-search__card_info {
    padding-bottom: 16.8rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-offer__users .seaz-search__card_head .header__controls {
    bottom: 9.4rem;
  }
}
.seaz-offer__detail_header {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .seaz-offer__detail_header {
    padding: 6.3rem 1.6rem 3.3rem;
    width: 100%;
  }
}
.seaz-offer__detail_header .job-offer__card_share {
  margin-right: 0;
  margin-left: 3.2rem;
  width: 5rem;
  height: 5rem;
  background-color: #00b9ff;
}
.seaz-offer__detail_header .job-offer__card_share .job-offer__card_share_icon {
  width: 20px;
}
.seaz-offer__detail_header .seaz-offer__detail_header_toggle_row {
  display: flex;
  align-items: center;
}
.seaz-offer__detail_header_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seaz-offer__detail_header_dates {
  margin-top: 1rem;
  text-transform: uppercase;
}
.seaz-offer__detail_header_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.seaz-offer__detail_header_date {
  padding-top: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4f4f4f;
}
.seaz-offer__detail_header_toggle_box {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__detail_header_toggle_box {
    position: relative;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-offer__detail_header_toggle_box {
    margin-top: 1.2rem;
  }
}
.seaz-offer__detail_header_toggle_text {
  text-transform: capitalize;
  color: #4f194a;
  margin-right: 0.8rem;
}
.seaz-offer__detail_header.seaz-offer__header .seaz__return_btn {
  top: -0.8rem;
}
@media screen and (max-width: 700px) {
  .seaz-offer__detail_header.seaz-offer__header .seaz__return_btn {
    top: 0;
    width: 3.2rem;
    height: 3.2rem;
  }
  .seaz-offer__detail_header.seaz-offer__header .seaz__return_btn svg {
    width: 9px;
  }
}
.seaz-offer__detail_header_btns {
  display: flex;
  align-items: center;
  margin-top: 5rem;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .seaz-offer__detail_header_btns {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-offer__detail_header_btns {
    flex-direction: column;
  }
}
.seaz-offer__detail_header_btns button {
  width: 33%;
}
@media screen and (max-width: 700px) {
  .seaz-offer__detail_header_btns button {
    width: 100%;
    margin-bottom: 0.8rem;
  }
}
.seaz-offer__detail_header_btns .seaz__btn_jump {
  text-transform: uppercase;
  color: #ffffff;
  padding: 1.4rem 3.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  border: 1px solid transparent;
  background-color: #00b9ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .seaz-offer__detail_header_btns .seaz__btn_jump {
    font-size: 1.2rem;
    padding: 1rem 3.2rem;
  }
}
.seaz-offer__detail_header_btns .seaz__btn_jump_icon {
  background-image: url(/assets/img/arrow-top.svg);
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 1.7rem;
}
@media screen and (max-width: 480px) {
  .seaz-offer__detail_header .seaz-crew__contract_head_title {
    padding: 0 3.2rem;
  }
}
.seaz-offer__detail_header_status {
  padding-top: 3.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.seaz-offer__detail_header_status_row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
}
.seaz-offer__detail_header_status_badge {
  padding: 0.5rem 0.8rem;
  background-color: #e0e0e0;
  color: #4f4f4f;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
.seaz-offer__detail_header_status_date {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  color: #4f4f4f;
}
.seaz-offer__detail_header_status_text {
  padding: 1.2rem;
  color: #4f4f4f;
  text-align: center;
}
.seaz-offer__detail_header_status_text.success {
  background-color: #d8efd4;
  color: #3aae27;
}
.seaz-offer__detail_header .couple {
  margin: 1.2rem 0;
}
.seaz-offer__add-crew {
  margin-top: 3rem;
}
.seaz-offer__add-crew .setting-permission__header {
  margin-top: 0;
}
.seaz-modal__offers_history {
  width: 87rem;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offers_history {
    width: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-modal__offers_history {
    width: 100%;
  }
}
.seaz-modal__offers_history .modal__wrap {
  padding: 4.6rem;
}
@media screen and (max-width: 768px) {
  .seaz-modal__offers_history .modal__wrap {
    padding: 2.6rem;
  }
}
.seaz-modal__history {
  padding-bottom: 4.8rem;
}
.seaz-modal__history_title {
  color: #351f73;
}
.seaz-modal__history_card {
  display: flex;
  align-items: flex-start;
  padding: 2.9rem 3.2rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__history_card {
    align-items: center;
    padding: 1.9rem 2rem;
  }
}
.seaz-modal__history_card_list {
  padding-top: 3rem;
}
.seaz-modal__history_card_list app-job-offers-history-item:nth-child(2n-1) .seaz-modal__history_card {
  background-color: #f5f5f5;
}
.seaz-modal__history_card_img {
  margin-right: 3.2rem;
}
@media screen and (max-width: 480px) {
  .seaz-modal__history_card_img {
    margin-right: 2rem;
  }
}
.seaz-modal__history_card_img .incoming {
  transform: rotate(180deg);
  padding-bottom: 1rem;
}
.seaz-modal__history_card_content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.seaz-modal__history_card_content .job-offer__card_id {
  margin-top: 0.7rem;
}
.seaz-modal__history_position {
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
}
.seaz-modal__history_position_text {
  font-size: 2rem;
  margin-right: 0.8rem;
  font-weight: 500;
  color: #351f73;
}
.seaz-modal__history_position_icon {
  width: 3.2rem;
  height: 3.2rem;
}
.seaz-modal__history_name {
  margin-bottom: 1.2rem;
  line-height: 2.6rem;
  display: block;
}
.seaz-modal__history_info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__history_info {
    justify-content: flex-start;
  }
}
.seaz-modal__history_info_col {
  display: flex;
  flex-direction: column;
}
.seaz-modal__history_info_row {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__history_info_row {
    order: 1;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem 0;
  }
  .seaz-modal__history_info_row .seaz-modal__history_info_arrow {
    display: none;
  }
}
.seaz-modal__history_info_item {
  margin: 0 1rem 1rem 0;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__history_info_item {
    margin: 0;
    width: 49%;
  }
}
.seaz-modal__history_info_label {
  padding-bottom: 0.4rem;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #828282;
}
.seaz-modal__history_info_title {
  color: #351f73;
  font-size: 1.6rem;
  font-weight: 500;
}
.seaz-modal__history_info_arrow {
  margin: 0 3.5rem 2rem;
}
.seaz-modal__history_info_date {
  color: #4f4f4f;
  font-size: 1.2rem;
  margin-top: 1.5rem;
}
.seaz-modal__offer_create_content--salary {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer_create_content--salary {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_create_content--salary {
    align-items: flex-start;
  }
}
.seaz-modal__offer_create_content--salary .seaz-crew__edit_label {
  max-width: 17rem;
  margin-right: 1.5rem;
  width: 17rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer_create_content--salary .seaz-crew__edit_label {
    width: 12rem;
    max-width: 12rem;
    word-break: break-all;
  }
}
@media screen and (max-width: 850px) {
  .seaz-modal__offer_create_content--salary .seaz-crew__edit_label {
    width: 100%;
    max-width: 100%;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_create_content--salary .seaz-crew__edit_label {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-bottom: 1rem;
  }
}
.seaz-modal__offer_create_content--salary .seaz-modal__offer_create--salary app-seazone-input .form-field--wrapper__row .form-field--label {
  display: none;
}
.seaz-modal__offer_create--salary {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-modal__offer_create--salary {
    width: 34.5rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-modal__offer_create--salary {
    width: 100%;
  }
}
.seaz-modal__offer_create--salary app-seazone-input {
  width: 50%;
}
.seaz-modal__offer_create--salary app-seazone-input .form-field--label {
  display: none;
}
.seaz-modal__offer_create_text--salary {
  padding-right: 1.2rem;
  font-size: 1.4rem;
  color: #828282;
}
.seaz-modal__offer_create_text--salary:not(:first-of-type) {
  padding-left: 1.2rem;
}
app-sharing-job-offer {
  background-color: #f5f5f5;
  display: block;
}
app-sharing-job-offer .seaz-offer__details_label {
  padding-right: 3rem;
}
app-sharing-job-offer .seaz-offer__main-details {
  padding-bottom: 5rem;
}
app-sharing-job-offer .seaz-offer__details_title {
  padding-top: 5rem;
}
.job-offer__confirmation-form .form__radio-container {
  display: flex;
  flex-direction: column;
}
.job-offer__confirmation-form .form__radio:not(:last-child) {
  margin-bottom: 26px;
}
.job-offer__confirmation-form .form__radio-label-text {
  font-size: 1.6rem;
  color: #010202;
  cursor: pointer;
}
.seaz-search .job-offer__navigation .seaz-profile__navigation_wrapper .seaz-profile__navigation_list {
  width: 60%;
  margin: auto;
}
.seaz-search .seaz-profile__navigation_item,
.seaz-search .seaz-profile__navigation_link {
  width: 100%;
}
.seaz-search .seaz-profile__navigation_link {
  justify-content: center;
}
.seaz-offer__details_toggle {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.seaz-offer__details_toggle_edit {
  color: #4f194a;
  border: 1px solid #4f194a;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
.seaz-offer__details_toggle .toggle-button {
  transform: rotateX(180deg);
}
.seaz-offer__details_toggle .toggle-button.active {
  transform: rotateX(0deg);
}
.seaz-offer.seaz-offer__details_toggle_open .seaz-offer__details_toggle {
  display: flex;
}
@media screen and (max-width: 480px) {
  .seaz-offer.seaz-offer__details_toggle_open .seaz-offer__details_toggle {
    flex-direction: row;
    align-items: center;
  }
}
.seaz-offer.seaz-offer__details_toggle_open .seaz-offer__main-details {
  display: none;
}
.seaz-offer.seaz-offer__details_toggle_open .seaz-offer__main-details.active {
  display: flex;
}
.seaz-offer.seaz-offer__details_toggle_open .seaz-dashboard__head_title_box {
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .seaz-offer__users .seaz-search__card_head_status {
    text-align: center;
  }
  .seaz-offer__users .offerred-status {
    margin: 0 auto;
  }
}
@media screen and (max-width: 850px) {
  .job-offer-form .seaz-modal__offer_radio app-seazone-radio .form__block .form__block_label {
    max-width: 12rem;
    width: 12rem;
  }
  .job-offer-form .seaz-modal__offer_create_content--salary {
    flex-direction: row;
    align-items: center;
  }
  .job-offer-form .seaz-modal__offer_create_content--salary .seaz-crew__edit_label {
    width: 12rem;
    max-width: 12rem;
    margin-right: 1.5rem;
  }
  .job-offer-form .seaz-modal__offer_create--salary {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .job-offer-form .seaz-modal__offer_create_content--salary {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-offer-info .seaz-profile__navigation_list {
  margin-left: 0;
}
.seaz-offer-info .seaz-search__relevant_clear_text {
  margin-right: 0;
}
.seaz-offer-info .seaz-job__search_applied_nav_link:first-of-type {
  padding-left: 0;
}
@media screen and (max-width: 820px) {
  .seaz-offer-info .seaz-offer__users_nav--right {
    width: 100%;
    justify-content: space-between;
  }
  .seaz-offer-info .seaz-offer__users_nav_go {
    width: 100%;
  }
  .seaz-offer-info .sharing__offers-btn,
  .seaz-offer-info .go__search {
    width: 50%;
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .seaz-offer-info .seaz-filters__row_select {
    margin-top: 0;
  }
  .seaz-offer-info .seaz-search__relevant_clear {
    margin: 2rem 0 0;
  }
  .seaz-offer-info .seaz-search__relevant_clear_text {
    text-align: center !important;
  }
}
@media screen and (max-width: 480px) {
  .seaz-offer-info .seaz-offer__users_nav {
    margin-top: 3rem;
  }
  .seaz-offer-info .seaz-filters__row_select {
    margin-top: 1.2rem;
  }
  .seaz-offer-info .seaz-offer__users_nav_go {
    flex-direction: column;
  }
  .seaz-offer-info .sharing__offers-btn,
  .seaz-offer-info .go__search {
    width: 100%;
  }
  .seaz-offer-info .go__search {
    margin-top: 1rem;
  }
  .seaz-offer-info .seaz-job__search_applied_nav_link:first-of-type {
    padding-left: 2.4rem;
  }
}
app-job-search-wrapper app-large-navigation-links {
  display: block;
  padding: 0 4.8rem;
}
app-job-search-wrapper app-job-search-list {
  width: 100%;
}
.job-offer {
  padding-bottom: 5rem;
}
.job-offer__main_navigation {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #bdbdbd;
  padding: 3.5rem 0 2rem;
}
.job-offer__main_navigation_item {
  text-transform: uppercase;
  color: #351f73;
  opacity: 0.6;
  display: flex;
}
.job-offer__main_navigation_item.blocked {
  cursor: default;
  color: #bdbdbd;
}
@media screen and (max-width: 600px) {
  .job-offer__main_navigation_item {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 480px) {
  .job-offer__main_navigation_item {
    text-align: center;
    line-height: 27px;
  }
}
.job-offer__main_navigation_item:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #8476aa;
  margin: 0 4rem;
}
@media screen and (max-width: 600px) {
  .job-offer__main_navigation_item:not(:last-of-type)::after {
    margin: 0 2rem;
  }
}
.job-offer__main_navigation_item.active-item {
  text-decoration: underline;
  opacity: 1;
}
.job-offer__main_navigation .seaz-search__icon {
  margin-left: 10px;
  position: relative;
  top: -6px;
}
.job-search .seaz-profile__navigation_list {
  margin: 0 2.4rem 0 0;
}
.job-search .toggle-checkbox {
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
}
.job-search .toggle-checkbox .seazone__toggle {
  order: -1;
  margin-right: 0.8rem;
}
.job-search .seaz-search-crew-filters__toggle-btn {
  margin: 2rem 0 0 0;
}
@media screen and (max-width: 768px) {
  .job-search .seaz-search-crew-filters__title-box .seaz-search-crew-filters__search-result-label {
    display: none;
  }
}
.job-search-card .avatar-box {
  position: relative;
}
.job-search-card .seaz-search__card_name {
  font-size: 2.4rem;
  font-weight: 500;
}
.job-search-card .seaz-search__card_photo_status {
  position: absolute;
  top: -6px;
  left: -5px;
}
.job-search-card .search-card__info-person .job-offer-id-box {
  margin-top: 3.5rem;
}
.job-search-card .offerred-status {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  padding: 0.4rem 0.8rem;
  border-radius: 2.4rem;
}
.job-search-card .search-card__about-person {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.job-search-card .about-person-services-info {
  display: flex;
  align-items: center;
}
.job-search-card .update-label {
  font-size: 1.2rem;
  font-weight: 400;
  color: #828282;
  margin: 0 1.2rem 0 1rem;
}
.job-search-card .seaz-search__card_name {
  margin-right: 1.2rem;
}
.job-search-card .seaz-search__card_info_head_row {
  padding: 0 2rem 0 0;
}
.job-search-card .jo-btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .job-search-card .offerred-status {
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding: 0.2rem 0.4rem;
  }
  .job-search-card .seaz-company__offer_logo {
    width: 7.1rem;
    height: 3.2rem;
  }
  .job-search-card .seaz-company__offer_logo img {
    width: 7.1rem;
    height: 3.2rem;
  }
  .job-search-card .seaz-company__offer_logo .seaz-company__offer_logo_agency {
    font-size: 0.9rem;
  }
  .job-search-card .search-card__person {
    grid-gap: 1rem 1.6rem !important;
  }
  .job-search-card .search-card__info-person .job-offer-id-box {
    margin-top: 3rem;
  }
  .job-search-card .search-card__about-person,
  .job-search-card .about-person-services-info {
    flex-direction: column;
  }
  .job-search-card .about-person-services-info {
    align-items: flex-start;
    order: -1;
    margin-bottom: 1.2rem;
  }
  .job-search-card .update-label {
    margin: 0 0 0.4rem;
  }
  .job-search-card .jo-btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
  .job-search-card .search-card__footer {
    flex-wrap: wrap !important;
  }
  .job-search-card .search-card__footer .crew-search-card__footer-btn-group:last-of-type {
    width: 100%;
    margin-top: 1.2rem;
  }
  .job-search-card .search-card__footer .crew-search-card__footer-btn-group:last-of-type .jo-btn {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .job-search-card .job-search-head-row {
    padding: 0;
  }
}
.job-offers-search-nav-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.job-offers-search-nav-box.main-container {
  margin: 3.5rem auto;
}
.job-offers-search-nav-box .seaz-profile__navigation_list {
  margin: 0 2.4rem 0 0;
}
.job-offers-search-nav-box .seaz-search__relevant_clear {
  position: static;
}
@media screen and (max-width: 1300px) {
  .job-offers-search-nav-box {
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .job-offers-search-nav-box {
    flex-direction: column;
    align-items: center;
  }
  .job-offers-search-nav-box .seaz-search__relevant_clear {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  app-job-search-received .main-container.job-offers-search-nav-box,
  app-job-search-applied .main-container.job-offers-search-nav-box {
    margin: 2rem auto 0;
  }
}
.seaz-filters {
  width: 29.6rem;
  margin-right: 3.2rem;
  display: block;
  padding-top: 2rem;
}
@media screen and (max-width: 1200px) {
  .seaz-filters {
    display: none;
  }
}
.seaz-filters__open {
  display: none;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__open {
    position: relative;
    width: 49%;
    justify-content: center;
    display: flex;
  }
}
.seaz-filters__map_icon {
  display: none;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__map_icon {
    background-color: #ffffff;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49%;
    flex-direction: row-reverse;
    color: #00b9ff;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .seaz-filters__map_icon app-seazone-icon {
    margin-right: 0.6rem;
  }
}
.seaz-filters__close {
  display: flex;
  margin-left: 1.6rem;
}
.seaz-filters__badges_row {
  display: none;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__badges_row {
    display: flex;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__badges_row_box {
    display: flex;
    overflow: auto;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__badges_item {
    background-color: #ffffff;
    padding: 0.5rem;
    color: #010202;
    font-size: 1.2rem;
    text-align: center;
  }
  .seaz-filters__badges_item:not(:last-of-type) {
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-filters__badges_item {
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-filters__badges_item {
    background-color: #fafafb;
  }
}
.seaz-filters__head_top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border-bottom: 1px solid #e0e0e0;
  padding: 2.4rem;
  flex-direction: column;
}
.seaz-filters__head_top_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seaz-filters__head_title {
  color: #351f73;
  margin-right: 1.2rem;
}
.seaz-filters__head--right {
  display: flex;
}
.seaz-filters__head_choose_job {
  width: 100%;
  padding-top: 1.2rem;
}
.seaz-filters__head_choose_job .form-field--content-outline.form-field--content {
  border-color: #e0e0e0;
}
.seaz-filters__head_filters {
  padding: 2.4rem;
  border-bottom: 1px solid #e0e0e0;
}
.seaz-filters__head_filters .financial-data__badge_reset {
  display: block;
  color: #00b9ff;
  font-weight: 500;
  font-size: 1.4rem;
  border-bottom: 1px dashed #00b9ff;
}
.seaz-filters__head_filters .financial-data__badge {
  margin: 0 0.8rem 0.8rem 0;
  padding: 5px;
  border: none;
  border-radius: 0;
  flex-direction: row-reverse;
  text-transform: none;
  display: inline-flex;
  color: #010202;
  font-size: 1.2rem;
  font-weight: 400;
  background-color: #f5f5f5;
}
.seaz-filters__head_filters .financial-data__badge .icon-close:before {
  margin-left: 0;
  margin-right: 0.7rem;
  color: #010202;
}
.seaz-filters__select-box {
  padding: 2.4rem;
}
.seaz-filters__main-content {
  height: 80vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
@media screen and (max-height: 550px) {
  .seaz-filters__main-content {
    height: 65vh;
  }
}
.seaz-filters__main-content::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-filters__main-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-filters__main-content::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.seaz-filters__form .form__group {
  padding: 2.4rem;
}
.seaz-filters__form .form__group:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.seaz-filters__form .form__group .form-field--content.form-field--content-outline {
  border-color: #e0e0e0;
}
.seaz-filters__form app-seazone-checkbox .form__checkbox {
  margin-bottom: 1.6rem;
}
.seaz-filters__form app-seazone-checkbox .form__checkbox-label-text {
  padding-left: 0.8rem;
  font-size: 1.4rem;
  color: #010202;
  line-height: 2rem;
}
.seaz-filters__form app-seazone-checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-filters__form app-seazone-checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0;
  border: 1.5px solid #bdbdbd;
}
.seaz-filters__form app-seazone-checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-filters__form_label {
  padding-bottom: 1.8rem;
  color: #010202;
  font-weight: 500;
  display: block;
  text-transform: capitalize;
}
.seaz-filters__form_row {
  padding-bottom: 2.6rem;
}
.seaz-filters__form_availability.form__group {
  padding: 0;
}
.seaz-filters__form_availability app-seazone-form-field .form-field--wrapper__row.seazone-form-field--wrapper .form-field--label {
  display: none;
}
.seaz-filters__form_availability app-seazone-form-field app-seazone-icon {
  width: 16px;
  height: 13px;
}
.seaz-filters__form .form__radio {
  padding-bottom: 0.6rem;
}
.seaz-filters__form app-seazone-radio-item .form__radio-label {
  height: 2.8rem;
}
.seaz-filters__form app-seazone-radio-item .form__radio-label:before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1.5px solid #bdbdbd;
}
.seaz-filters__form app-seazone-radio-item .form__radio-input:checked + label:after {
  width: 12px;
  height: 12px;
  left: 6px;
  top: 6px;
  background-color: #4f194a;
}
.seaz-filters__form app-seazone-radio-item .form__radio-input:checked + label:before {
  border-color: #4f194a;
}
.seaz-filters__form app-seazone-radio-item .form__radio-label-text {
  margin-left: 0.8rem;
  color: #010202;
  font-size: 1.4rem;
}
.seaz-filters__form app-seazone-range-slider {
  padding: 0;
}
.seaz-filters__form app-seazone-range-slider .seazone-range-slider .seazone-range-slider__wrapper .seazone-range-slider__ticks-container {
  height: 5px;
}
.seaz-filters__form app-seazone-range-slider .seazone-range-slider__track-background {
  height: 5px;
  border-radius: 4px;
  background-color: #e0e0e0;
}
.seaz-filters__form app-seazone-range-slider app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 1.6rem;
  width: auto;
  text-transform: lowercase;
}
.seaz-filters__form_expected.form__group {
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__form_expected.form__group app-seazone-range-slider {
    width: 100%;
  }
  .seaz-filters__form_expected.form__group app-seazone-range-slider .seazone-range-slider__inputs {
    width: 100%;
  }
  .seaz-filters__form_expected.form__group app-seazone-range-slider .seazone-range-slider__inputs .seazone-range-slider__row {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-filters__form_expected.form__group app-seazone-range-slider .form__col {
    margin-bottom: 0;
  }
  .seaz-filters__form_expected.form__group app-seazone-range-slider .form-field--wrapper__row {
    flex-direction: row;
  }
  .seaz-filters__form_expected.form__group app-seazone-range-slider .form-field--wrapper__row .form-field--label {
    margin-bottom: 0;
  }
  .seaz-filters__form_expected.form__group app-seazone-range-slider .seazone-range-slider__row {
    flex-direction: row;
  }
}
.seaz-filters__form_expected .form__row {
  margin-bottom: 0.8rem;
}
.seaz-filters__form_expected .seazone-range-slider__inputs .form__col:not(:last-child) {
  margin-right: 1.6rem;
}
.seaz-filters__form_expected .seazone-range-slider__inputs .form-field--content.disabled {
  background-color: #ffffff;
  opacity: 0.3;
}
.seaz-filters__form_expected .seazone-range-slider__inputs .form-field--content.disabled .seazone__form-input:disabled {
  background-color: #ffffff;
}
.seaz-filters__form_skills .financial-data__form {
  height: 50.4rem;
  overflow-y: scroll;
  margin-top: 2.4rem;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.seaz-filters__form_skills .financial-data__form::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-filters__form_skills .financial-data__form::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-filters__form_skills .financial-data__form::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.seaz-filters__form_skills .single-checkbox .form__checkbox-label {
  display: none;
}
.seaz-filters__form_skills .single-checkbox .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #828282;
  padding: 0;
}
.seaz-filters__form_range .seazone-range-slider__inputs {
  margin-bottom: 3.3rem;
}
.seaz-filters__form_range .seazone-range-slider__inputs .form-field--content-outline {
  width: 5.4rem;
}
.seaz-filters__form_range .seazone-range-slider__inputs .seazone-range-slider__row {
  margin-bottom: 0;
}
.seaz-filters__form_range .form__row {
  margin-bottom: 0;
}
.seaz-filters__form_range .form__row:last-of-type {
  display: flex;
  align-items: center;
  margin-left: 1.6rem;
}
@media screen and (max-width: 480px) {
  .seaz-filters__form_range .form__row:last-of-type {
    justify-content: center;
  }
}
.seaz-filters__cards {
  width: 100%;
}
.seaz-filters__cards .seaz-filters__row_search {
  margin-right: 2.4rem;
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__cards .seaz-filters__row_search {
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.seaz-filters__cards .seaz-filters__row_select {
  width: 50%;
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__cards .seaz-filters__row_select {
    display: flex;
    width: 100%;
    margin-top: 1.2rem;
  }
}
.seaz-filters__cards .seaz-filters__row {
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__cards .seaz-filters__row {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-filters__cards .seaz-filters__row {
    padding-right: 0;
  }
}
@media screen and (max-width: 1600px) {
  .seaz-filters__cards .seaz-filters__row.seaz-filters__row--bottom {
    flex-direction: column;
  }
}
.seaz-filters__cards .seaz-filters__row .seaz-filter__row--left {
  display: flex;
  align-self: center;
  width: 72%;
}
@media screen and (max-width: 1600px) {
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--left {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--left {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--left .distance app-seazone-range-slider {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--left .distance app-seazone-range-slider .form-field--label {
    display: none;
  }
}
.seaz-filters__cards .seaz-filters__row .seaz-filter__row--right {
  display: flex;
  align-self: center;
}
.seaz-filters__cards .seaz-filters__row .seaz-filter__row--right .form__checkbox-label-text {
  white-space: nowrap;
}
@media screen and (max-width: 1600px) {
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--right {
    width: 100%;
    padding-top: 2rem;
  }
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--right .form__checkbox {
    margin-left: 0;
  }
  .seaz-filters__cards .seaz-filters__row .seaz-filter__row--right app-seazone-checkbox:not(:first-of-type) .form__checkbox {
    margin-left: 2.4rem;
  }
}
.seaz-filters__cards .seaz-filters__row .location {
  width: 45%;
}
@media screen and (max-width: 1600px) {
  .seaz-filters__cards .seaz-filters__row .location {
    width: 100%;
  }
}
.seaz-filters__cards .seaz-filters__row .distance app-seazone-range-slider {
  flex-direction: row;
  width: auto;
  align-items: center;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .form-field--label {
  width: auto;
  margin-right: 0;
  margin-left: 1.6rem;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .form-field--wrapper__row {
  flex-direction: row-reverse;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .form-field--wrapper__row .form-field--content-outline {
  height: 4rem;
  width: 7.3rem;
  border-radius: 0;
  border-color: #e0e0e0;
  position: relative;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .form-field--wrapper__row .form-field--content-outline .seazone__form-input {
  text-align: center;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .form-field--wrapper__row .form-field--content-outline .form__block-error {
  bottom: -2rem;
  top: inherit;
  white-space: nowrap;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .seazone-range-slider__row {
  margin-bottom: 0;
}
.seaz-filters__cards .seaz-filters__row .distance .seazone-range-slider__inputs .seazone-range-slider__row .form__col {
  width: 100%;
}
.seaz-filters__cards .seaz-filters__row .seazone-range-slider {
  margin-right: 1.6rem;
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row .seazone-range-slider {
    min-width: 80px;
  }
}
.seaz-filters__cards .seaz-filters__row .form__checkbox {
  margin-left: 2.4rem;
}
.seaz-filters__cards .seaz-filters__row .form__checkbox .form__checkbox-label-text {
  padding-left: 0.8rem;
  color: #010202;
  font-size: 1.4rem;
}
.seaz-filters__cards .seaz-filters__row .form__checkbox .form__checkbox-label {
  height: 2.4rem;
  width: 2.4rem;
}
.seaz-filters__cards .seaz-filters__row .form__checkbox .form__checkbox-label:before {
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 0;
  border-color: #4f194a;
}
.seaz-filters__cards .seaz-filters__row .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards_job .seaz-filters__row_select {
    margin-top: 1.2rem;
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards_job .seaz-filters__row_search {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
}
.seaz-filters__cards_job .seaz-job__main_filters_mobile {
  display: flex;
  padding: 0 1.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards_job .seaz-filters__row {
    flex-direction: column;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards_job .seaz-filters__row .location,
  .seaz-filters__cards_job .seaz-filters__row .distance,
  .seaz-filters__cards_job .seaz-filters__row .form__checkbox {
    display: none;
  }
}
.seaz-filters__row {
  margin-bottom: 3.2rem;
  display: flex;
  padding-right: 3.2rem;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__row {
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 1rem;
  }
}
.seaz-filters__row_search {
  position: relative;
  display: flex;
  width: 17%;
  margin-right: 3.1rem;
}
@media screen and (max-width: 1500px) {
  .seaz-filters__row_search {
    width: 19%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-filters__row_search {
    width: calc(100% - 20.5rem);
  }
}
@media screen and (max-width: 600px) {
  .seaz-filters__row_search {
    width: 100%;
  }
}
.seaz-filters__row_search app-seazone-input .form-field--content-outline {
  height: 4rem;
}
.seaz-filters__row_search app-seazone-autocomplete-input .form-field--content-outline {
  border: 0.1rem solid #e0e0e0;
  height: 4rem;
}
.seaz-filters__row_search app-seazone-autocomplete-input .form-field--content {
  border-radius: 0;
}
.seaz-filters__row_search app-seazone-autocomplete-input .seazone__form-input {
  font-size: 1.4rem;
  width: 92%;
  padding-right: 3rem;
}
.seaz-filters__row_search-icon {
  width: 4rem;
  height: 4rem;
  background-color: #351f73;
  margin-left: -0.1rem;
  cursor: pointer;
  z-index: 2;
}
.seaz-filters__row_search-close {
  position: absolute;
  right: 1rem;
  cursor: pointer;
}
.seaz-filters__row_search--sorted {
  width: 38.4rem;
}
@media screen and (max-width: 1500px) {
  .seaz-filters__row_search--sorted {
    width: 38.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-filters__row_search--sorted {
    width: 38.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-filters__row_search--sorted {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
}
.seaz-filters__row_select {
  width: 12%;
  margin-right: 2.4rem;
}
@media screen and (max-width: 1500px) {
  .seaz-filters__row_select {
    width: 16%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-filters__row_select {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .seaz-filters__row_select {
    display: flex;
    width: 100%;
    margin-top: 1.2rem;
  }
}
.seaz-filters__row_select app-seazone-select .form-field--content-outline {
  height: 4rem;
  border: 0.1rem solid #e0e0e0;
}
.seaz-filters__row_select app-seazone-select .form-field--content {
  border-radius: 0;
  padding: 0.5rem 1.2rem 0.8rem 1.2rem;
}
.seaz-filters__row_select app-seazone-select .select-placeholder {
  color: #000000;
}
.seaz-filters__row .location {
  width: 35.5%;
  margin-right: 2.4rem;
}
@media screen and (max-width: 1500px) {
  .seaz-filters__row .location {
    width: 21.5%;
  }
}
.seaz-filters__row .location app-location-autocomplete .form-field--content-outline {
  height: 4rem;
  border: 0.1rem solid #e0e0e0;
}
.seaz-filters__row .location app-location-autocomplete .form-field--content {
  border-radius: 0;
}
.seaz-filters__row .distance {
  display: flex;
  align-items: center;
  border-left: 1px solid #e0e0e0;
  height: 4rem;
  padding-left: 2.4rem;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__row .distance {
    padding-left: 0;
    border-left: none;
    padding-top: 2rem;
  }
}
.seaz-filters__row .distance app-seazone-range-slider {
  padding: 0;
  width: 16.8rem;
}
.seaz-filters__row .distance app-seazone-range-slider .seazone-range-slider__track-background {
  border-radius: 2rem;
  height: 0.3rem;
}
.seaz-filters__row .distance app-seazone-range-slider .seazone-range-slider__ticks-container {
  border-radius: 2rem;
}
.seaz-filters__row .distance_text {
  margin-right: 1.6rem;
  font-size: 1.4rem;
  color: #010202;
}
.seaz-filters__row .distance_km {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 1rem 1.6rem;
  margin-left: 2rem;
}
.seaz-filters__row .distance_km span {
  color: #010202;
  font-size: 1.4rem;
}
.seaz-filters__form .form__block-error {
  white-space: normal;
  width: 90px;
  padding-right: 5px;
}
.seaz-filters__form .seazone-range-slider__row {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-filters__form .seazone-range-slider__row {
    margin-bottom: 3rem;
  }
}
.seaz-search__boat .boat__card-wrap {
  width: 126.4rem;
  margin: 0 auto;
  padding-top: 3.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-search__boat .boat__card-wrap {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-search__boat .boat__card-wrap {
    width: 100%;
    padding: 3.2rem 2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__boat .boat__card-wrap {
    padding: 1.2rem 1.6rem;
  }
}
.seaz-search__boat.crew-search-all .boat__card-wrap,
.seaz-search__boat.supplier-search .boat__card-wrap {
  width: 100%;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-search__boat.crew-search-all .boat__card-wrap,
  .seaz-search__boat.supplier-search .boat__card-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__boat.crew-search-all .boat__card-wrap,
  .seaz-search__boat.supplier-search .boat__card-wrap {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
.seaz-search__wrapper {
  position: relative;
  padding: 0 0 1rem;
  background-color: #fafafb;
}
.seaz-search__wrapper .seaz-search-crew-filters {
  border-top: 1px solid #bdbdbd;
}
@media screen and (max-width: 480px) {
  .seaz-search__wrapper .seaz-search-crew-filters {
    border-top: none;
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__wrapper .job-offer__header {
    margin-bottom: 1rem;
  }
}
.seaz-search__wrapper .profile {
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .seaz-search__wrapper .profile {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search__wrapper .profile {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__wrapper .job-offer__main_navigation {
    border-bottom: none;
  }
}
.seaz-search__wrapper .seaz-profile__navigation_list {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .seaz-search .job-offer__main_navigation {
    padding: 2.4rem 0;
  }
  .seaz-search .job-offer__main_navigation .job-offer__main_navigation_item {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search .job-offer__main_navigation {
    width: 100%;
  }
}
.seaz-search .seaz-search__boat .boat__card-wrap .profile__wrap-img.avatar {
  border-radius: 16px;
  background-color: #e0e0e0;
  width: 10rem;
  height: 10rem;
  border: none;
}
@media screen and (max-width: 480px) {
  .seaz-search .seaz-search__boat .boat__card-wrap .profile__wrap-img.avatar {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 8px;
  }
}
.seaz-search__content {
  display: flex;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.seaz-search__content_box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.seaz-search__main_content {
  display: flex;
  margin-bottom: 7rem;
  min-height: calc(100vh - 4.9rem);
}
@media screen and (max-width: 1200px) {
  .seaz-search__main_content {
    padding: 0 1.6rem;
    position: relative;
    flex-direction: column;
    height: auto;
  }
}
.seaz-search__main_content .seaz-search__card_info_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 2rem;
}
.seaz-search__main_content .seaz-search__card_photo {
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  .seaz-search__main_content .seaz-search__card_info {
    padding-bottom: 15.8rem;
  }
}
.seaz-search__main_content .seaz-search__card_head .header__controls {
  bottom: 6.4rem;
}
@media screen and (max-width: 1200px) {
  .seaz-search__main_filter_col--mobile {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__main_filter_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
  }
}
.seaz-search__card {
  background-color: #ffffff;
  margin-bottom: 2.4rem;
  margin-right: 3.2rem;
  border: 1px solid #bdbdbd;
}
@media screen and (max-width: 1200px) {
  .seaz-search__card {
    margin-right: 0;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card {
    border: none;
  }
}
.seaz-search__card_head {
  padding: 2.4rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_head .header__controls {
    position: absolute;
    bottom: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__card_head {
    padding: 2.4rem 1.2rem;
    justify-content: flex-start;
  }
  .seaz-search__card_head .header__controls {
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card_head {
    padding: 2.4rem 0;
  }
}
.seaz-search__card_head_info {
  display: flex;
  width: 100%;
}
.seaz-search__card_head_badges {
  display: flex;
  margin-right: 1.5rem;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_head_badges {
    justify-content: center;
    width: 100%;
    margin-right: 0;
  }
}
.seaz-search__card_head_badges app-crew-cv-status {
  text-align: center;
  display: block;
  margin-left: 1rem;
}
.seaz-search__card_head_badges app-crew-cv-status .seaz-cv__badges_status {
  font-size: 1.2rem;
  background-color: white;
  color: #00b9ff;
  border: 1px solid #00b9ff;
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_head_badges app-crew-cv-status .seaz-cv__badges_status {
    font-size: 1.6rem;
    width: auto;
  }
}
@media screen and (max-width: 670px) {
  .seaz-search__card_head_badges app-crew-cv-status .seaz-cv__badges_status {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card_head_badges app-crew-cv-status .seaz-cv__badges_status {
    font-size: 1rem;
  }
}
.seaz-search__card_head_status {
  display: flex;
  flex-direction: column;
  margin-right: 0.4rem;
}
.seaz-search__card_head_status .seaz-cv__badges_status_job {
  padding: 1rem 1.2rem 0.7rem;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  margin-right: 0.7rem;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_head_status .seaz-cv__badges_status_job {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card_head_status .seaz-cv__badges_status_job {
    font-size: 1rem;
    padding: 0.7rem;
  }
}
.seaz-search__card_head_updates {
  padding: 0.8rem 0;
  color: #4f4f4f;
  margin-right: 0.7rem;
}
@media screen and (max-width: 1500px) {
  .seaz-search__card_head_updates {
    font-size: 1.2rem;
  }
}
.seaz-search__card_controls button {
  width: 5rem;
  height: 5rem;
  position: relative;
}
.seaz-search__card_controls button:not(:last-child) {
  margin-right: 0.8rem;
}
.seaz-search__card_controls .seaz-cv__info_btns_play::before {
  right: 3px;
  border: 11px solid transparent;
  border-left: 17px solid #ffffff;
}
.seaz-search__card_controls--new {
  background-color: #3aae27;
  border: 1px solid #f5f5f5;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  top: 6px;
  right: 1px;
}
.seaz-search__card_matching {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #3aae27;
  padding-top: 1rem;
}
.seaz-search__card_list {
  width: 60%;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-right: 3.2rem;
}
@media screen and (max-width: 1365px) {
  .seaz-search__card_list {
    width: 65%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_list {
    width: 100%;
    padding-right: 0;
  }
}
.seaz-search__card_list app-crew-search-list {
  width: 100%;
}
.seaz-search__card_info {
  display: flex;
  justify-content: space-between;
  padding: 2.4rem;
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_info {
    flex-direction: column;
    padding-bottom: 12.8rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card_info {
    padding: 1.6rem 1rem;
  }
}
.seaz-search__card_info--left {
  display: flex;
  margin-right: 1rem;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_info--left {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
  }
}
.seaz-search__card_info_head_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 0 2rem 1.2rem 0;
}
@media screen and (max-width: 961px) {
  .seaz-search__card_info_head_row {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__card_info_head_row {
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
    margin-bottom: 0.8rem;
  }
}
.seaz-search__card_info_head_row.seaz-search__card_info_head_row--years {
  align-items: center;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_info_head_row.seaz-search__card_info_head_row--years {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__card_info_head .job-search-head-row {
    justify-content: flex-start;
  }
}
.seaz-search__card_info_wrapper {
  display: flex;
  flex-direction: row;
}
.seaz-search__card_greeny {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .seaz-search__card_greeny {
    margin-bottom: 1rem;
  }
}
.seaz-search__card_greeny_badge {
  display: flex;
  align-items: center;
  background-color: #d8efd4;
  padding: 0.6rem;
  border-radius: 0.4rem;
}
.seaz-search__card_greeny_badge app-seazone-icon {
  margin-right: 0.7rem;
}
.seaz-search__card_greeny_text {
  font-size: 1.2rem;
  color: #3aae27;
}
.seaz-search__card_photo {
  position: relative;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  padding: 0.6rem;
  margin-right: 3.2rem;
}
.seaz-search__card_photo--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 4rem;
  opacity: 0;
  transition: opacity 0.3s;
}
.seaz-search__card_photo--icon svg {
  height: 4rem;
  width: 3.5rem;
}
@media screen and (max-width: 1500px) {
  .seaz-search__card_photo {
    width: 13rem;
    height: 13rem;
    margin-right: 2rem;
  }
  .seaz-search__card_photo--icon svg {
    height: 3rem;
    width: 2.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_photo {
    width: 16rem;
    height: 16rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__card_photo {
    margin-right: 0;
    margin-bottom: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card_photo {
    padding: 0;
  }
}
.seaz-search__card_avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.seaz-search__card_position {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  position: absolute;
  bottom: 1rem;
  right: 0;
}
@media screen and (max-width: 1500px) {
  .seaz-search__card_position {
    width: 4.6rem;
    height: 4.6rem;
    bottom: 2.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_position {
    bottom: 0;
    width: 5.6rem;
    height: 5.6rem;
  }
}
.seaz-search__card_contract_icon {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  background-color: #3aae27;
  border: 2px solid #ffffff;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.seaz-search__card_name {
  color: #351f73;
  text-transform: uppercase;
  line-height: 2.8rem;
  margin-right: 0.8rem;
}
@media screen and (max-width: 1500px) {
  .seaz-search__card_name {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_name {
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__card_name {
    word-break: break-word;
    font-size: 2rem;
  }
}
.seaz-search__card_name_info {
  color: #010202;
  margin-right: 0.8rem;
  line-height: 2rem;
  text-transform: lowercase;
  font-weight: 400;
}
.seaz-search__card_name_info .seaz-cv__experience_head_verified {
  top: 2px;
  position: relative;
}
.seaz-search__card_personal {
  color: #010202;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_personal {
    text-align: center;
    font-size: 1.6rem;
  }
}
.seaz-search__card_location {
  color: #010202;
}
.seaz-search__card_location_row {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_location_row {
    position: relative;
  }
}
.seaz-search__card_location_row app-seazone-icon {
  margin-right: 0.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_location_row app-seazone-icon {
    position: absolute;
    left: -2.4rem;
    top: 1px;
  }
}
.seaz-search__card_location_col {
  display: flex;
  flex-direction: column;
  padding-top: 1.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_location_col {
    align-items: center;
  }
}
.seaz-search__card_info_label {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #828282;
}
.seaz-search__card_salary_col {
  padding-top: 1.6rem;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_salary_col {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}
.seaz-search__card_salary_row {
  color: #010202;
}
.seaz-search__result_text {
  padding: 1.2rem 0 0 0;
  font-size: 1.2rem;
  color: #828282;
}
.seaz-search__result_text.mobile {
  display: none;
}
@media screen and (max-width: 1200px) {
  .seaz-search__result_text.mobile {
    display: block;
    padding-bottom: 1rem;
  }
}
.seaz-search__relevant {
  display: flex;
  position: relative;
  width: 126.4rem;
  margin: 0 auto 4rem;
}
.seaz-search__relevant app-job-search-list {
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .seaz-search__relevant {
    width: 100rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__relevant {
    flex-direction: column;
    width: 100%;
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-search__relevant {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__relevant .seaz-search__card_info {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__relevant .seaz-search__card_info {
    padding-bottom: 12rem;
  }
}
.seaz-search__relevant .seaz-search__card {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  .seaz-search__relevant .seaz-search__card_btns {
    width: 100%;
    flex-direction: row;
    margin-top: 3.2rem;
  }
  .seaz-search__relevant .seaz-search__card_btns .seaz-search_relevant_btn {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__relevant .seaz-search__card_btns {
    flex-direction: column;
  }
  .seaz-search__relevant .seaz-search__card_btns button {
    width: 100%;
  }
  .seaz-search__relevant .seaz-search__card_btns button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
  .seaz-search__relevant .seaz-search__card_btns .seaz-search_relevant_btn {
    width: auto;
  }
}
.seaz-search__relevant_clear {
  display: flex;
  position: absolute;
  top: -7rem;
  right: 0;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1200px) {
  .seaz-search__relevant_clear {
    right: 1.6rem;
  }
}
@media screen and (max-width: 1100px) {
  .seaz-search__relevant_clear {
    position: relative;
    top: inherit;
    right: inherit;
    margin-bottom: 2rem;
  }
}
.seaz-search__relevant_clear_text {
  line-height: 2rem;
  text-align: end;
  color: #828282;
  margin-right: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 900px) {
  .seaz-search__relevant_clear_text {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 970px) {
  .seaz-search__relevant_clear_text {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search__relevant_clear .seaz__btn_outlined-red {
    font-weight: 500;
    padding: 1.5rem 1.7rem;
  }
}
.seaz-search__relevant_clear .sharing__offers-btn.seaz__btn_aqua {
  height: 5rem;
}
@media screen and (max-width: 768px) {
  .seaz-search__relevant_clear .sharing__offers-btn.seaz__btn_aqua {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__relevant_clear .sharing__offers-btn.seaz__btn_aqua {
    margin-right: 0;
    width: 100%;
    margin-bottom: 1.2rem;
  }
}
.seaz-search__relevant_content {
  width: 100%;
}
.seaz-search__relevant_content .seaz-search__card {
  margin-right: 0;
}
.seaz-search__relevant .seaz-search__relevant_clear--right {
  display: flex;
  width: 72%;
}
@media screen and (max-width: 1100px) {
  .seaz-search__relevant .seaz-search__relevant_clear--right {
    width: 39%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search__relevant .seaz-search__relevant_clear--right {
    width: auto;
    justify-content: flex-end;
    align-items: center;
  }
}
.seaz-search__relevant .seaz-search__relevant_clear--right .seaz-search__relevant_clear_text {
  width: auto;
}
.seaz-search__suppliers-favorites {
  position: relative;
}
.seaz-search__favorites {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto 4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-search__favorites {
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 1100px) {
  .seaz-search__favorites {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__favorites .seaz-search__card_info {
    padding-bottom: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search__favorites .seaz-search__card_info {
    padding-bottom: 12.8rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__favorites .seaz-search__card_info {
    padding-bottom: 14.8rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__favorites .seaz-search__relevant_clear {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-search__favorites .seaz-search__relevant_clear--right {
  display: flex;
  width: 72%;
}
@media screen and (max-width: 1100px) {
  .seaz-search__favorites .seaz-search__relevant_clear--right {
    width: 39%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search__favorites .seaz-search__relevant_clear--right {
    width: auto;
    justify-content: flex-end;
    align-items: center;
  }
}
.seaz-search__favorites .seaz-search__relevant_clear--right .seaz-search__relevant_clear_text {
  width: auto;
}
.seaz-search__favorites app-job-search-list {
  width: 100%;
}
.seaz-search .seaz-search__navigation_box {
  display: flex;
  align-items: center;
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .seaz-search .seaz-search__navigation_box {
    width: 100rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search .seaz-search__navigation_box {
    width: 100%;
    justify-content: space-between;
    padding: 0 2rem;
  }
  .seaz-search .seaz-search__navigation_box .seaz-profile__navigation_list {
    margin-left: 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-search .seaz-search__navigation_box {
    flex-direction: column-reverse;
    margin-top: 1.2rem;
  }
  .seaz-search .seaz-search__navigation_box .seaz__btn_primary,
  .seaz-search .seaz-search__navigation_box .seaz-modal .modal-content__controls .main-btn_green,
  .seaz-modal .modal-content__controls .seaz-search .seaz-search__navigation_box .main-btn_green {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search .seaz-search__navigation_box {
    padding: 0;
  }
}
.seaz-search .seaz-search__navigation_box app-search-navigation-links {
  width: 100rem;
}
@media screen and (max-width: 1350px) {
  .seaz-search .seaz-search__navigation_box app-search-navigation-links {
    width: 80%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search .seaz-search__navigation_box app-search-navigation-links {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search .seaz-search__navigation_box app-search-navigation-links {
    width: 100%;
  }
}
.seaz-search .seaz-profile__navigation .seaz-profile__navigation_list {
  margin-left: 0;
}
@media screen and (max-width: 480px) {
  .seaz-search .seaz-profile__navigation .seaz-profile__navigation_list {
    margin-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search .seaz-profile__navigation .seaz-profile__navigation_item {
    width: 100%;
  }
  .seaz-search .seaz-profile__navigation .seaz-profile__navigation_item a {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search .seaz-profile__navigation .seaz-profile__navigation_item a {
    padding: 1.8rem 1.4rem 1.4rem;
  }
}
.offer-greeny {
  display: flex;
  justify-content: center;
  height: 24px;
  width: 24px;
  background-color: #3aae27;
  border-radius: 50%;
}
.seaz-search__card_list,
.seaz-map {
  min-height: calc(100vh - 5rem);
}
.seaz-map {
  width: 40%;
  height: calc(100vh - 4.9rem);
  display: block;
  overflow: hidden;
}
.seaz-map.job-search__map {
  height: calc(100vh - 11.1rem);
}
.seaz-map.fixed {
  position: fixed;
  top: 0;
}
.seaz-map.absolute {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1365px) {
  .seaz-map {
    width: 35%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-map {
    width: 100%;
    height: 100%;
  }
}
.seaz-map__modal {
  height: 100vh;
  width: 100vw;
  background-color: white;
}
.seaz-map__modal .modal__wrap {
  padding: 0;
}
.seaz-map__modal_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.seaz-map__modal_wrapper .modal-close {
  right: 3rem;
  top: 2.4rem;
}
.seaz-map__modal_wrapper .seaz-map {
  width: 100%;
}
.seaz-map__modal_wrapper .seaz-filters__row {
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 1rem;
}
.seaz-map__modal_wrapper .seaz-filters__row .distance {
  padding-left: 0;
  border-left: none;
  padding-top: 2rem;
}
.seaz-map__modal-header {
  padding: 2.4rem 3rem;
}
.seaz-map__modal-header .seaz-filter__row--left .location {
  width: 100%;
}
.info-window:not(:last-child) {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.info-window__list .info-window:not(:last-child) {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.info-window__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1300px) {
  .info-window__header {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .info-window__header {
    flex-direction: row;
  }
}
.info-window__status {
  text-transform: uppercase;
  padding: 0.6rem 0.9rem;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  margin-right: 3.5rem;
  text-align: center;
}
.info-window__status.looking-job {
  background-color: #00b9ff;
}
.info-window__status.vacation {
  background-color: #46a6a4;
}
.info-window__status.on-board {
  background-color: #4f194a;
}
.info-window__status.not-active {
  background-color: #bdbdbd;
}
@media screen and (max-width: 1300px) {
  .info-window__status {
    margin-right: 1.5rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .info-window__status {
    font-size: 1.1rem;
    min-width: 17rem;
  }
}
@media screen and (max-width: 400px) {
  .info-window__status {
    min-width: 14rem;
  }
}
.info-window__distance {
  color: #010202;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 1300px) {
  .info-window__distance {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .info-window__distance {
    margin-top: 0;
  }
}
.info-window__distance::before {
  content: "";
  background-image: url(/assets/img/icon-location-map.svg);
  width: 1.1rem;
  height: 1.6rem;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
}
.info-window__user {
  display: flex;
}
.info-window__user img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  object-fit: contain;
  margin-right: 0.8rem;
}
.info-window__user_work {
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  color: #010202;
}
.info-window__user_person {
  color: #828282;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.info-window__profile {
  color: #351f73;
  text-decoration: underline;
  font-weight: 500;
  font-size: 1.4rem;
}
.info-window__position {
  margin-bottom: 0.8rem;
  color: #010202;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: capitalize;
}
.info-window__salary {
  margin-bottom: 0.8rem;
  color: #010202;
  font-size: 1.4rem;
  font-weight: 500;
}
.info-window__boat {
  display: flex;
  align-items: center;
  margin-right: 3.5rem;
}
@media screen and (max-width: 1300px) {
  .info-window__boat {
    margin-right: 1.5rem;
    font-size: 1rem;
  }
}
.info-window__boat_flag img {
  width: 2.2rem;
  height: 1.3rem;
  object-fit: cover;
  margin-right: 0.7rem;
}
.info-window__boat_info {
  color: #828282;
  font-size: 1.4rem;
}
.seaz-cv__info_btns_like {
  background-color: #bdbdbd;
  border-radius: 50%;
}
.seaz-cv__info_btns_like.liked {
  background-color: #351f73;
}
.seaz-cv__info_btns_document {
  background-color: #00b9ff;
  border-radius: 50%;
}
.seaz-cv__info_btns_document:disabled {
  background-color: #bdbdbd;
}
.seaz-profile__navigation_item a app-seazone-icon.seaz-search__navigation_icon {
  background: #828282;
  padding: 0.7rem;
  border-radius: 50%;
  position: relative;
  top: 1px;
  margin-right: 0.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-profile__navigation_item a app-seazone-icon.seaz-search__navigation_icon {
    display: none;
  }
}
.seaz-profile__navigation_item a app-seazone-icon.seaz-search__navigation_icon svg {
  fill: #ffffff;
  width: 1rem;
  height: 1rem;
}
.seaz-profile__navigation_item.active-item a app-seazone-icon.seaz-search__navigation_icon {
  background: #351f73;
}
.search__modal-filter app-overlay {
  max-width: 76.8rem;
}
.maintenance-equipment-modal-filter app-overlay {
  max-width: 60rem;
}
.maintenance-equipment-modal-filter .seaz-crew-search-all-filter__actions {
  width: auto;
}
@media screen and (max-width: 1200px) {
  .seaz-filters__form_range .seazone-range-slider__inputs .seazone-range-slider__row {
    width: 100%;
  }
  .seaz-filters__form_range .seazone-range-slider__inputs .form-field--content.form-field--content-outline {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-filters__form_range .seazone-range-slider__inputs .seazone-range-slider__row .form-field--wrapper__row {
    flex-direction: row;
  }
  .seaz-filters__form_range .seazone-range-slider__inputs .seazone-range-slider__row .form-field--wrapper__row .form-field--label {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-filters__form_range .seazone-range-slider__inputs .seazone-range-slider__row {
    flex-direction: row;
  }
  .seaz-filters__form_range .seazone-range-slider__inputs .seazone-range-slider__row .form__col {
    margin-bottom: 0;
  }
}
.slide-from-top {
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  animation-name: slideFromTop;
}
.slide-from-bottom {
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  animation-name: slideFromBottom;
}
@keyframes slideFromTop {
  from {
    transform: translate3d(0, -30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideFromBottom {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-job__main_content .seaz-filters__open {
    display: flex;
    position: relative;
    top: inherit;
    right: inherit;
    padding: 1rem 3.2rem;
    width: 49%;
    justify-content: center;
  }
}
.seaz-job__search .seaz-job__main_content .seaz-filters__open--map {
  display: none;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-job__main_content .seaz-filters__open--map {
    background-color: #ffffff;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    color: #00b9ff;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding: 1rem 0.2rem;
  }
  .seaz-job__search .seaz-job__main_content .seaz-filters__open--map app-seazone-icon {
    margin-right: 0.6rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-job__main_content .seaz-filters__open_btn--filter {
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-job__main_content .seaz-filters__open_btn--filter {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-job__main_content .seaz-filters__open--map {
    margin-bottom: 0;
  }
}
.seaz-job__search .seaz-search__favorites .seaz-search__card {
  margin-right: 0;
}
.seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns {
  width: 22.4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns {
    margin-bottom: 2rem;
  }
}
.seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns button {
  padding: 1.4rem 1.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns button {
    width: 49%;
  }
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns button:first-of-type {
    margin-right: 2%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns button {
    width: 100%;
  }
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns button:first-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz-search_relevant_btn {
    width: auto;
    margin: 0 auto;
    margin-bottom: 1.4rem;
    padding-top: 0.6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz-search_relevant_btn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz__btn_outlined,
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz__btn_outlined_plus,
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .main-btn_white-green,
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz-edit__folder div,
  .seaz-edit__folder .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns div,
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_btns button {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__card .seaz-search__card_info_img {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1290px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__relevant_clear {
    right: 1rem;
  }
}
@media screen and (max-width: 1100px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__relevant_clear {
    right: 0;
  }
  .seaz-job__search .seaz-search__favorites .seaz-search__relevant_clear .seaz-search__relevant_clear_text {
    width: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__favorites .seaz-search__relevant_clear .seaz-search__relevant_clear_text {
    width: 100%;
    text-align: center;
  }
  .seaz-job__search .seaz-search__favorites .seaz-search__relevant_clear .seaz__btn_outlined-red {
    width: 100%;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1350px) {
  .seaz-job__search .seaz-search__favorites {
    width: 100%;
    max-width: 126.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns,
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns {
    width: 22rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns,
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns,
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns {
    margin-bottom: 3rem;
    justify-content: center;
  }
}
.seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns button,
.seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns button {
  padding: 1.4rem 1.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns button,
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns button {
    width: 49%;
  }
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns button:nth-of-type(2n-1),
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns button:nth-of-type(2n-1) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns button,
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns button {
    width: 100%;
  }
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns button:nth-of-type(2n-1),
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns button:nth-of-type(2n-1) {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__card .seaz-search__card_btns .seaz-search_relevant_btn,
  .seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_btns .seaz-search_relevant_btn {
    width: auto;
  }
}
.seaz-job__search .seaz-search__relevant .seaz-search__card,
.seaz-job__search .seaz-job__search_applied .seaz-search__card {
  margin-right: 0;
}
@media screen and (max-width: 1290px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__relevant_clear,
  .seaz-job__search .seaz-job__search_applied .seaz-search__relevant_clear {
    right: 1rem;
  }
}
@media screen and (max-width: 1100px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__relevant_clear,
  .seaz-job__search .seaz-job__search_applied .seaz-search__relevant_clear {
    right: 0;
  }
  .seaz-job__search .seaz-search__relevant .seaz-search__relevant_clear .seaz-search__relevant_clear_text,
  .seaz-job__search .seaz-job__search_applied .seaz-search__relevant_clear .seaz-search__relevant_clear_text {
    width: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__relevant .seaz-search__relevant_clear,
  .seaz-job__search .seaz-job__search_applied .seaz-search__relevant_clear {
    flex-direction: column;
  }
  .seaz-job__search .seaz-search__relevant .seaz-search__relevant_clear .seaz-search__relevant_clear_text,
  .seaz-job__search .seaz-job__search_applied .seaz-search__relevant_clear .seaz-search__relevant_clear_text {
    width: 100%;
    text-align: center;
  }
  .seaz-job__search .seaz-search__relevant .seaz-search__relevant_clear .seaz__btn_outlined-red,
  .seaz-job__search .seaz-job__search_applied .seaz-search__relevant_clear .seaz__btn_outlined-red {
    width: 100%;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1350px) {
  .seaz-job__search .seaz-search__relevant,
  .seaz-job__search .seaz-job__search_applied {
    width: 100%;
    max-width: 126.4rem;
  }
}
.seaz-job__search .seaz-job__search_applied .seaz-search__card .seaz-search__card_info_head_row--contract {
  margin-top: 2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns {
    justify-content: center;
  }
}
.seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button {
  padding: 1.4rem 1.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button {
    width: 49%;
  }
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button:not(:last-of-type) {
    margin-right: unset;
  }
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button:nth-of-type(2n-1) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button {
    width: 100%;
  }
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button:not(:last-of-type) {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button.seaz__btn_outlined-red {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz-search_relevant_btn {
    margin-top: 0;
    margin-bottom: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz__btn_outlined,
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz__btn_outlined_plus,
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .main-btn_white-green,
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz-edit__folder div,
  .seaz-edit__folder .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns div,
  .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns button {
    width: 100%;
  }
}
.seaz-job__search .seaz-search__favorites,
.seaz-job__search .seaz-search__relevant {
  width: 126.4rem;
}
@media screen and (max-width: 1350px) {
  .seaz-job__search .seaz-search__favorites,
  .seaz-job__search .seaz-search__relevant {
    width: 100%;
    max-width: 126.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search {
    background-color: #fafafb;
  }
}
.seaz-job__main_filters_mobile {
  display: flex;
  padding: 0 1.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__main_filters_mobile {
    margin-bottom: 1rem;
    flex-direction: column;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__main_filters_mobile .seaz-filters__open {
    display: flex;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__main_filters_mobile .seaz-job__main_filter_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
  }
}
.seaz-job__main_content {
  display: flex;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__main_content {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-job__main_content .seaz-search__card_info {
    padding-bottom: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-job__main_content .seaz-search__card_info {
    padding-bottom: 12.8rem;
  }
}
.seaz-job__main_content .seaz-search__card_info_col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .seaz-job__main_content .seaz-filters__badges_row {
    display: flex;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-job__main_content .seaz-filters__row_select {
    display: flex;
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-job__main_content .seaz-filters__row {
    padding: 0 1rem;
  }
}
.seaz-job .seaz-search__content {
  margin-bottom: 4rem;
}
.seaz-job__search_title {
  width: 126.4rem;
  margin: 0 auto;
  padding: 6.6rem 0 3rem;
  border-bottom: 1px solid #bdbdbd;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search_title {
    width: 98%;
    padding: 2.4rem 0;
  }
}
.seaz-job__search_title_text {
  text-align: center;
  color: #351f73;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search_title_text {
    font-size: 2.2rem;
  }
}
.seaz-job__search_navigation .seaz-profile__navigation {
  padding-top: 4rem;
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search_navigation .seaz-profile__navigation {
    width: 100%;
    overflow: auto;
  }
  .seaz-job__search_navigation .seaz-profile__navigation .seaz-profile__navigation_list {
    padding-right: 0;
  }
  .seaz-job__search_navigation .seaz-profile__navigation .seaz-profile__navigation_item a {
    font-size: 1.4rem;
    padding: 1.4rem 3.8rem 1.2rem;
  }
  .seaz-job__search_navigation .seaz-profile__navigation app-scroll-controls .controls-container button {
    top: 59%;
  }
}
.seaz-job__search_navigation .seaz-profile__navigation_list {
  margin: 0;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-filters__open {
    display: none;
  }
}
.seaz-job__search app-job-search-list {
  width: 100%;
}
.seaz-job__search .seaz-search__result_text {
  padding-bottom: 3.2rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__result_text.mobile {
    display: block;
    padding: 1.2rem 0 1.2rem 0;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-filters__row {
    padding-left: 1rem;
    margin-bottom: 1.2rem;
  }
}
.seaz-job__search .location {
  width: 32%;
}
.seaz-job__search .seaz-filters__range_lenght {
  padding-bottom: 1.6rem;
  color: #010202;
  font-size: 1.4rem;
  display: block;
}
.seaz-job__search .seaz-filters__form_range .seazone-range-slider__inputs .form-field--content-outline {
  width: 8.1rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card_list {
    width: 100%;
  }
}
.seaz-job__search .seaz-search__card {
  margin-right: 3%;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card {
    margin-right: 0;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo {
  margin-right: 2rem;
  position: relative;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_photo {
    margin-bottom: 3rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_photo {
    width: 11rem;
    height: 11rem;
    flex-shrink: 0;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .seaz-search__card_photo_status div {
  position: absolute;
  padding: 0.7rem 1.2rem;
  text-transform: uppercase;
  top: -1.2rem;
  left: -1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .seaz-search__card_photo_status .offerred-status-declined {
  font-size: 1.2rem;
  padding: 0.6rem 0.4rem;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .offer__inProcess-status {
  background-color: #3aae27;
  color: #ffffff;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .offer__pending-status {
  background-color: #f49342;
  color: #ffffff;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .offer__accepted-status {
  background-color: #00b9ff;
  color: #ffffff;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .offer__rejected-status {
  background-color: #d70000;
  color: #ffffff;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .offer__declined-status {
  background-color: #bdbdbd;
  color: #010202;
}
.seaz-job__search .seaz-search__card .seaz-search__card_photo .offer__closed-status {
  color: #fbe7e8;
  background-color: #828282;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_box_head {
    display: none;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_box_head--mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_box_head--mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .seaz-job__search .seaz-search__card .seaz-search__card_info_box_head--mobile .seaz-search__card_location_row {
    padding-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_box_head .seaz-user__contract_card_head_row {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_box_head .seaz-search__card_salary_col {
    align-items: flex-start;
    padding-top: 0.8rem;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_box_head .seaz-search__card_salary_row {
  color: #351f73;
  padding-bottom: 1rem;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_box_head .seaz-search__card_salary_row {
    padding-top: 0;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__controls_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 3rem;
}
@media screen and (max-width: 768px) {
  .seaz-job__search .seaz-search__card .seaz-search__controls_box {
    position: absolute;
    bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__controls_box .seaz-search__card_head_updates {
  margin-right: 0;
  text-align: center;
  margin-top: 2rem;
}
.seaz-job__search .seaz-search__card .seaz-search__card_avatar {
  width: 100%;
  height: 100%;
  border-radius: 1.6rem;
}
.seaz-job__search .seaz-search__card .seaz-search__card_from_contract {
  display: inline-flex;
  padding: 8px 10px;
  background: #351f6f;
  position: absolute;
  top: -1.2rem;
  right: -1rem;
}
.seaz-job__search .seaz-search__card .seaz-search__card_controls {
  display: flex;
}
@media screen and (max-width: 1440px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_controls button {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .seaz-job__search .seaz-search__card .seaz-search__card_controls button .seaz-search__card_controls--new {
    top: 0;
    right: 0;
  }
  .seaz-job__search .seaz-search__card .seaz-search__card_controls button app-seazone-icon {
    width: 52%;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_controls button {
    width: 5rem;
    height: 5rem;
  }
  .seaz-job__search .seaz-search__card .seaz-search__card_controls button .seaz-search__card_controls--new {
    top: 6px;
    right: 1px;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info {
    flex-direction: column;
    position: relative;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card .seaz-job__search .seaz-search__card--right {
    position: relative;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_label {
  padding-bottom: 0.5rem;
  display: block;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-user__contract_card_title {
    font-size: 1.5rem;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_name {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_name {
    font-size: 2rem;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_subtitle {
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding-bottom: 1.6rem;
  display: inline-block;
  color: #010202;
}
.seaz-job__search .seaz-search__card .seaz-search__card_subtitle.seaz-search__card_subtitle--years {
  padding-bottom: 0;
  margin-right: 1.2rem;
}
.seaz-job__search .seaz-search__card .seaz-search__card_contract_col {
  display: flex;
  flex-direction: column;
}
.seaz-job__search .seaz-search__card .seaz-search__card_flexible {
  padding-top: 0.2rem;
  display: inline-block;
  color: #4f4f4f;
  font-size: 1.2rem;
  font-weight: 400;
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_head_row--contract {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_head_row--contract .seaz-search__card_info_contract {
  margin-right: 2.4rem;
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_head_row--contract app-seazone-icon {
  margin: 0 0.6rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_head_row--contract .seaz-search__card_info_contract {
    width: 100%;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_btns {
  width: 22.4rem;
}
@media screen and (max-width: 1720px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_btns {
    width: 19.4rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_btns {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_btns .seaz__btn_outlined,
  .seaz-job__search .seaz-search__card .seaz-search__card_btns .seaz__btn_outlined_plus,
  .seaz-job__search .seaz-search__card .seaz-search__card_btns .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-job__search .seaz-search__card .seaz-search__card_btns .main-btn_white-green,
  .seaz-job__search .seaz-search__card .seaz-search__card_btns .seaz-edit__folder div,
  .seaz-edit__folder .seaz-job__search .seaz-search__card .seaz-search__card_btns div,
  .seaz-job__search .seaz-search__card .seaz-search__card_btns .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-job__search .seaz-search__card .seaz-search__card_btns button {
    width: 100%;
  }
}
.seaz-job__search .seaz-search__card .seaz-search__card_info_img {
  margin-right: 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_info_img {
    width: 100%;
    align-items: flex-start;
    margin-right: 0;
    flex-direction: row;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_location_col,
  .seaz-job__search .seaz-search__card .seaz-search__card_salary_col {
    align-items: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card .seaz-search__card_location_row app-seazone-icon {
    position: relative;
    left: 0;
  }
}
.seaz-job__search .seaz-search__card--right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seaz-job__search .seaz-search__card_info--left {
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card_info--left {
    padding-bottom: 3.2rem;
  }
}
.seaz-job__search .seaz-search__card_info_box {
  width: 100%;
}
.seaz-job__search .seaz-map {
  width: 38%;
}
@media screen and (max-width: 1440px) {
  .seaz-job__search .seaz-map {
    width: 35%;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-map {
    display: none;
  }
}
.seaz-job__search .seaz-search__card_dates {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card_dates {
    width: 100%;
    padding-top: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__card_dates {
    display: none;
  }
}
.seaz-job__search .seaz-search__card_dates div {
  font-size: 1.2rem;
  color: #4f4f4f;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__card_dates div {
    width: 100%;
  }
}
.seaz-job__search .seaz-search__card_dates--mobile {
  display: flex;
}
.seaz-job__search .seaz-search__card_dates--mobile div {
  font-size: 1.2rem;
  color: #4f4f4f;
  width: 100%;
  padding-top: 1rem;
}
.seaz-job__search .seaz-search__content .seaz-search__card_btns div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-search__content .seaz-search__card_btns div {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .seaz-job__search .seaz-search__content .seaz-search__card_btns div button {
    width: 49.5%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
  .seaz-job__search .seaz-search__content .seaz-search__card_btns div .seaz-search_relevant_btn {
    margin: auto;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search .seaz-search__content .seaz-search__card_btns div .seaz-search_relevant_btn {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-job__search .seaz-filters {
    display: none;
  }
}
.seaz-job__search_applied {
  position: relative;
  width: 126.4rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-job__search_applied {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-job__search_applied .seaz-search__card_info {
    padding-bottom: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-job__search_applied .seaz-search__card_info {
    padding-bottom: 12.8rem;
  }
}
.seaz-job__search_applied_nav {
  padding: 3.2rem 0;
  overflow: auto;
  display: flex;
}
.seaz-job__search_applied_nav_link {
  padding: 0 2.4rem;
  opacity: 0.6;
  border-right: 1px solid #351f73;
  color: #351f73;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: capitalize;
  flex-shrink: 0;
}
.seaz-job__search_applied_nav_link:last-of-type {
  border-right: none;
}
.seaz-job__search_applied_nav_link.active {
  opacity: 1;
  text-decoration: underline;
}
.seaz-job__search_applied_nav_action {
  color: #3aae27;
}
.seaz-job__search_applied .seaz-search__relevant_clear_text {
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .seaz-job__search_applied .seaz-search__relevant_clear_text {
    text-align: center;
  }
}
@media screen and (max-width: 1100px) {
  .seaz-job__search_applied .seaz-search__relevant_clear_text {
    width: 100% !important;
    text-align: center;
  }
}
.seaz-search__card_btns {
  width: 22.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seaz-search__card_btns button {
  width: 100%;
  padding: 1.3rem 1.2rem 1.6rem 1.1rem;
}
.seaz-search__card_btns button:not(:last-of-type) {
  margin-bottom: 1.2rem;
}
.seaz-search__card_btns .seaz-search__card_history-btn {
  padding: 1.4rem 2rem;
}
.seaz-job__search .seaz-job__main_content .seaz-search__content .seaz-search__card .seaz-search__card_btns .seaz-search_relevant_btn {
  padding: 0 0 0.5rem;
}
.seaz-search_relevant_btn {
  margin: 3rem 0 0;
  width: auto;
  color: #351f73;
  position: relative;
  font-weight: 500;
  font-size: 1.6rem;
}
.seaz-search_relevant_btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 10rem;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom: 1px dashed #351f73;
}
@media screen and (max-width: 1200px) {
  .seaz-search__card_btns {
    flex-direction: row;
    width: 100%;
    margin-top: 3.2rem;
    flex-wrap: wrap;
  }
  .seaz-search__card_btns button {
    width: 49%;
    margin-bottom: 1.6rem;
  }
  .seaz-search__card_btns button:nth-child(odd) {
    margin-right: 2%;
  }
  .seaz-search__card_btns .seaz-search_relevant_btn {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__card_btns {
    flex-direction: column;
  }
  .seaz-search__card_btns button {
    width: 100%;
  }
  .seaz-search__card_btns button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
  .seaz-search__card_btns button:nth-child(odd) {
    margin-right: 0;
  }
  .seaz-search__card_btns button.seaz-search_relevant_btn {
    width: auto;
  }
}
.seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--right {
  padding-top: 0;
  padding-left: 2.4rem;
  width: auto;
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--right {
    width: 100%;
    padding-top: 1.2rem;
    padding-left: 0;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--right .form__checkbox {
    display: flex;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left {
    flex-direction: column;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left .location,
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left .distance {
    display: flex;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left .location app-location-autocomplete,
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left .distance app-location-autocomplete {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left .distance {
    border-left: none;
    padding-left: 0;
    padding-top: 2rem;
  }
  .seaz-filters__cards .seaz-filters__row.seaz-job__search_filter_row .seaz-filter__row--left .distance app-seazone-range-slider {
    width: 100%;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1300px) {
  .job-offer__head_top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
}
app-search-crew-all .seaz-search__card_head_badges {
  flex-direction: row;
  flex-wrap: wrap;
}
app-search-crew-all .seaz-search__card_head_badges app-crew-cv-status {
  margin: 1rem 0.7rem 0 0;
}
app-search-crew-all .seaz-search__card_head_badges app-crew-cv-status {
  margin: 0;
}
@media screen and (max-width: 1440px) {
  .seaz-search__all .crew-id__box {
    margin-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__all .crew-id__box {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__all .crew-id__box {
    margin-top: 0;
    position: absolute;
    bottom: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__all .seaz-search__card_info {
    padding-bottom: 9.8rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__all .seaz-search__card_info {
    padding-bottom: 12.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__all .seaz-search__card_head .header__controls {
    bottom: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__all .seaz-search__card_head .header__controls {
    left: 50%;
    bottom: 6.4rem;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 1200px) {
  .seaz-job__search_favorites.seaz-search__favorites .seaz-search__card_info {
    padding-bottom: 8.8rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search_favorites.seaz-search__favorites .seaz-search__card_info {
    padding-bottom: 12.8rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search_favorites .seaz-search__card_head .header__controls {
    left: 50%;
    bottom: 6.4rem;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 1440px) {
  .seaz-job__search_favorites .crew-id__box {
    margin-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-job__search_favorites .crew-id__box {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-job__search_favorites .crew-id__box {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    left: 0;
    justify-content: center;
  }
}
.seaz-search__all {
  position: relative;
}
.seaz-search__all_offer_btn {
  position: absolute;
  top: -10.3rem;
  right: 8.5%;
  padding: 1.1rem 3.2rem 1.4rem;
}
@media screen and (max-width: 1440px) {
  .seaz-search__all_offer_btn {
    right: 12%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__all_offer_btn {
    right: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search__all_offer_btn {
    top: -8rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-search__all_offer_btn {
    top: -15.5rem;
    width: 94%;
    right: 0;
    margin: auto;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__all_offer_btn {
    top: -13rem;
  }
}
.job-search__crew_id_container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
}
@media screen and (max-width: 1440px) {
  .job-search__crew_id_container {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1300px) {
  .job-search__crew_id_container {
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 2rem;
    left: 0;
    padding-left: 2.4rem;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .job-search__crew_id_container {
    position: initial;
    justify-content: center;
  }
}
.job-search__crew_id_image.seaz-modal__history_card_img {
  margin-right: 0;
  margin-left: 1rem;
}
@media screen and (max-width: 1440px) {
  .job-search__crew_id_image.seaz-modal__history_card_img {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1300px) {
  .job-search__crew_id_image.seaz-modal__history_card_img {
    margin-top: 0;
    margin-left: 2rem;
  }
}
.seaz-greeny__available {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background-color: #d8efd4;
  border-radius: 0.4rem;
}
.seaz-greeny__available app-seazone-icon {
  margin-right: 0.7rem;
}
app-search-map-info-modal-list .info-window__list {
  padding-right: 15px;
}
.seaz-search__card_photo.outlined {
  position: relative;
  border: 0.4rem solid #351f73;
  padding: 0.6rem;
  cursor: pointer;
}
.seaz-search__card_photo.outlined:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
  background:
    linear-gradient(
      0deg,
      rgba(53, 31, 115, 0.56),
      rgba(53, 31, 115, 0.56));
  border-radius: 50%;
  padding: 0.6rem;
  opacity: 0;
  transition: opacity 0.3s;
}
.seaz-search__card_photo.outlined:hover .seaz-search__card_photo--icon {
  opacity: 1;
}
.seaz-search__card_photo.outlined:hover:before {
  opacity: 1;
}
.seaz-search-all {
  position: relative;
  margin-top: 3.2rem;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-search-all {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search-all {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
.seaz-search-all .seaz-search__all_offer_btn {
  right: 0;
}
@media screen and (max-width: 900px) {
  .seaz-search-all {
    margin-top: 0;
  }
}
.seaz-search-all__services {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin: 2rem 0 2.4rem;
  padding-right: 3.2rem;
}
.seaz-search-all__services--nav .seaz-search__navigation_box {
  width: auto;
}
.seaz-search-all__services--nav .seaz-profile__navigation {
  padding: 0;
}
.seaz-search-all__services--nav .seaz-profile__navigation_item a {
  padding: 1.4rem 2rem 1.6rem;
}
.seaz-search-all__services .seaz-search-crew-filters__search-result-label {
  display: none;
}
.seaz-search-all__services .seaz-search-crew-filters__search-result-box {
  width: auto;
}
.seaz-search-all__services .seaz-search-crew-filters__search-result {
  margin: 0;
}
.seaz-search-all__services .seaz-search__result_text {
  padding: 0;
}
@media screen and (max-width: 1350px) {
  .seaz-search-all__services .seaz-search__navigation_box {
    width: auto;
  }
}
@media screen and (max-width: 1366px) {
  .seaz-search-all__services {
    width: 65%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search-all__services {
    width: 100%;
    margin: 1.8rem 0 2.4rem;
    padding-right: 0;
  }
  .seaz-search-all__services .seaz-search__navigation_box {
    padding: 0;
  }
  .seaz-search-all__services .seaz-search-crew-filters__search-result-box {
    display: flex;
    justify-content: flex-end;
    width: 50%;
  }
  .seaz-search-all__services .seaz-search-crew-filters__search-result-select-box {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .seaz-search-all__services--nav .seaz-profile__navigation_item a {
    padding: 1.4rem 1rem 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search-all__services {
    flex-direction: column;
  }
  .seaz-search-all__services .seaz-search-crew-filters__search-result-label {
    display: block;
  }
  .seaz-search-all__services--nav .seaz-search__navigation_box {
    margin-bottom: 1.2rem;
  }
  .seaz-search-all__services--nav .seaz-search__navigation_box--crew.seaz-search__navigation_box {
    margin-top: 0;
  }
  .seaz-search-all__services--nav .seaz-profile__navigation .seaz-profile__navigation_item a {
    padding: 1.8rem 2.1rem 1.4rem;
  }
  .seaz-search-all__services .seaz-filters__map_icon {
    height: 4rem;
  }
  .seaz-search-all__services .seaz-search-crew-filters__search-result-box {
    justify-content: center;
    width: 100%;
  }
  .seaz-search-all__services .seaz-search-crew-filters__search-result {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search-all__services {
    margin: 0 0 2.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search-all {
    width: 100%;
  }
  .seaz-search-all .seaz-search__main_content {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search-all {
    margin-top: 1rem;
  }
}
.seaz-search-crew-filters {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-top: 3.2rem;
}
.seaz-search-crew-filters > .seaz-search-crew-filters__search-result-label {
  display: none;
}
@media screen and (max-width: 480px) {
  .seaz-search-crew-filters > .seaz-search-crew-filters__search-result-label {
    display: block;
  }
}
.seaz-search-crew-filters__header-btn-wrap .seaz__btn_outlined,
.seaz-search-crew-filters__header-btn-wrap .seaz__btn_outlined_plus,
.seaz-search-crew-filters__header-btn-wrap .seaz-modal .modal-content__controls .main-btn_white-green,
.seaz-modal .modal-content__controls .seaz-search-crew-filters__header-btn-wrap .main-btn_white-green,
.seaz-search-crew-filters__header-btn-wrap .seaz-edit__folder div,
.seaz-edit__folder .seaz-search-crew-filters__header-btn-wrap div,
.seaz-search-crew-filters__header-btn-wrap .seaz-dashboard__finance_expense_btn button,
.seaz-dashboard__finance_expense_btn .seaz-search-crew-filters__header-btn-wrap button {
  background-color: #fff;
}
.seaz-search-crew-filters__header-btn-wrap .seaz__btn_outlined:hover,
.seaz-search-crew-filters__header-btn-wrap .seaz__btn_outlined_plus:hover,
.seaz-search-crew-filters__header-btn-wrap .seaz-modal .modal-content__controls .main-btn_white-green:hover,
.seaz-modal .modal-content__controls .seaz-search-crew-filters__header-btn-wrap .main-btn_white-green:hover,
.seaz-search-crew-filters__header-btn-wrap .seaz-edit__folder div:hover,
.seaz-edit__folder .seaz-search-crew-filters__header-btn-wrap div:hover,
.seaz-search-crew-filters__header-btn-wrap .seaz-dashboard__finance_expense_btn button:hover,
.seaz-dashboard__finance_expense_btn .seaz-search-crew-filters__header-btn-wrap button:hover {
  color: #351f73;
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters__header-btn-wrap {
    width: 100%;
    margin-top: 2.4rem;
  }
}
.seaz-search-crew-filters__header-btn {
  display: block;
  width: 18.8rem;
}
.seaz-search-crew-filters__header-btn:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters__header-btn {
    width: 100%;
  }
}
.seaz-search-crew-filters__main-filters {
  display: block;
  width: 60%;
  padding-right: 3.2rem;
}
.seaz-search-crew-filters__location-filters {
  display: block;
  width: 40%;
}
.seaz-search-crew-filters__search {
  position: relative;
  display: flex;
  align-items: center;
}
.seaz-search-crew-filters__search .form-field--content.form-field--content-outline {
  height: 4rem;
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem 0 0 0.4rem;
}
.seaz-search-crew-filters__search .seazone__form-search-icon,
.seaz-search-crew-filters__search .seaz-filters__row_search-icon {
  width: 5.2rem !important;
  height: 4rem !important;
  border-radius: 0 0.4rem 0.4rem 0;
}
.seaz-search-crew-filters__title-box {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.seaz-search-crew-filters__title {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
}
.seaz-search-crew-filters__title--main-filters {
  color: #4f194a;
  margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters__title--main-filters {
    display: none;
  }
}
.seaz-search-crew-filters__title--location-filters {
  color: #00b9ff;
  margin-top: 2.2rem;
}
.seaz-search-crew-filters__title--icon {
  margin-right: 0.8rem;
}
.seaz-search-crew-filters__button-filters {
  display: flex;
  align-items: center;
  border: 1px solid #4f194a;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.8rem 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  transition: opacity 0.3s;
}
.seaz-search-crew-filters__button-filters--icon {
  margin-right: 0.4rem;
}
.seaz-search-crew-filters__button-filters:hover {
  opacity: 0.7;
}
.seaz-search-crew-filters__button-more-filters {
  color: #4f194a;
  margin-right: 1.6rem;
}
.seaz-search-crew-filters__reset {
  display: flex;
  align-items: baseline;
  margin-top: 0.5rem;
  padding: 0;
  border-bottom: none;
}
.seaz-search-crew-filters__reset .financial-data__badge_reset {
  white-space: nowrap;
}
.seaz-search-crew-filters__reset .financial-data__badge {
  background-color: initial;
  margin: 0.8rem 0.8rem 0.8rem 0;
}
.seaz-search-crew-filters__reset-list {
  margin-left: 1.7rem;
}
.seaz-search-crew-filters__mobile-buttons-filter {
  display: none;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 2rem 1.6rem;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}
.seaz-search-crew-filters__mobile-button-filter {
  display: flex;
  align-items: center;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  transition: opacity 0.3s;
}
.seaz-search-crew-filters__mobile-button-filter:hover {
  opacity: 0.7;
}
.seaz-search-crew-filters__mobile-button-filter--more {
  color: #4f194a;
  margin-right: 2rem;
}
.seaz-search-crew-filters__mobile-button-filter--location {
  color: #00b9ff;
}
.seaz-search-crew-filters__mobile-button-filter .seaz-search-crew-filters__title--icon {
  margin-right: 0.8rem;
}
.seaz-search-crew-filters__toggle-btn {
  display: none;
  padding: 0.5rem 0.2rem;
  margin-top: 3.2rem;
  font-weight: 550;
  font-size: 1.6rem;
  color: #4f194a;
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters__toggle-btn {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters__toggle-content {
    max-height: 0;
    overflow: hidden;
  }
  .seaz-search-crew-filters__toggle-content.expand {
    max-height: none;
  }
}
.seaz-search-crew-filters__toggle-icon {
  font-size: 0.8rem;
  transition: all 0.4s;
  margin-left: 1.4rem;
  line-height: 3em;
  transform: rotateZ(180deg);
}
.seaz-search-crew-filters__toggle-icon.expand {
  transform: rotateZ(0);
}
.seaz-search-crew-filters__search-result-box {
  width: 100%;
}
.seaz-search-crew-filters__search-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 2.8rem 3.2rem 0;
}
.seaz-search-crew-filters__search-result-select-box {
  width: 19.2rem;
}
@media screen and (max-width: 1200px) {
  .seaz-search-crew-filters__search-result {
    margin: 0 0 3.2rem 0;
  }
  .seaz-search-crew-filters__search-result-select-box {
    display: flex;
    width: 50%;
  }
  .seaz-search-crew-filters__search-result-select-box .seaz-filters__map_icon {
    border: 1px solid #00b9ff;
    border-radius: 4px;
    box-sizing: border-box;
    margin-right: 1.6rem;
    padding: 1rem 1.4rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1365px) {
  .seaz-search-crew-filters__main-filters {
    width: 65%;
  }
  .seaz-search-crew-filters__location-filters {
    width: 35%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-search-crew-filters {
    flex-direction: column;
  }
  .seaz-search-crew-filters__main-filters {
    width: 100%;
    margin: 0 0 2.8rem 0;
    padding-right: 0;
  }
  .seaz-search-crew-filters__button-more-filters {
    display: none;
  }
  .seaz-search-crew-filters__location-filters {
    width: 100%;
  }
  .seaz-search-crew-filters__mobile-buttons-filter {
    display: flex;
  }
  .seaz-search-crew-filters__search-result-select-box {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters__search-result {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-search-crew-filters__search-result-label {
    margin-bottom: 1.2rem;
  }
  .seaz-search-crew-filters__search-result-select-box {
    flex-direction: column;
    width: 100%;
  }
  .seaz-search-crew-filters__search-result-select-box .seaz-filters__map_icon {
    width: 100%;
    margin: 0 0 1.2rem 0;
  }
}
.seaz-search-chips-filter {
  margin-top: 2.2rem;
  box-sizing: border-box;
}
.seaz-search-chips-filter__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.seaz-search-chips-filter__row:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.seaz-search-chips-filter__inline-group {
  display: inline-block;
}
.seaz-search-chips-filter__inline-group .seaz-search-chips-filter__chips {
  display: inline;
}
.seaz-search-chips-filter__inline-group .seaz-search-chips-filter__chips--item {
  display: inline-block;
  vertical-align: middle;
}
.seaz-search-chips-filter__container {
  display: flex;
  align-items: center;
}
.seaz-search-chips-filter__chips {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.seaz-search-chips-filter__chips--item {
  margin: 0 0.8rem 0.8rem 0;
}
.seaz-search-chips-filter__chips--item.disabled .chips-item {
  background-color: #e7e7eb;
  cursor: default;
}
.seaz-search-chips-filter__chips .chips-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #010202;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4rem;
  box-sizing: border-box;
  padding: 0.8rem 1.3rem;
  cursor: pointer;
  height: 4rem;
}
.seaz-search-chips-filter__chips .chips-item-large {
  padding: 1rem 1.6rem 1rem 1rem;
  height: 5.2rem;
}
.seaz-search-chips-filter__chips .chips-item-large .seaz-search-chips-filter__chips--icon {
  width: 3.2rem;
  height: 3.2rem;
  background-color: #bdbdbd;
  border-radius: 50%;
}
.seaz-search-chips-filter__chips .chips-item-large .seaz-search-chips-filter__chips--icon svg {
  fill: white;
}
.seaz-search-chips-filter__chips--icon {
  margin-right: 1rem;
}
.seaz-search-chips-filter__chips--icon svg {
  fill: #bdbdbd;
}
.seaz-search-chips-filter__chips--icon-greeny svg {
  width: 1.4rem;
  height: 1.4rem;
}
.seaz-search-chips-filter__chips input {
  position: absolute;
  z-index: -1;
}
.seaz-search-chips-filter__label {
  font-weight: 500;
  white-space: nowrap;
  color: #010202;
  margin: 0 1.6rem 0.8rem 0;
}
.seaz-search-chips-filter__distance {
  display: flex;
  align-items: center;
  border-left: 1px solid #e0e0e0;
  padding-left: 0.6rem;
  margin-left: 0.2rem;
}
.seaz-search-chips-filter__distance .form-field--wrapper.form-field--wrapper__row.seazone-form-field--wrapper .form-field--label {
  width: auto;
  max-width: initial;
  margin-right: 1.6rem;
}
.seaz-search-chips-filter__distance--unit {
  margin-left: 1rem;
}
.seaz-search-chips-filter__distance .form-field--label {
  font-weight: 500 !important;
}
@media screen and (max-width: 1908px) {
  .seaz-search-chips-filter__distance {
    width: 100%;
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 1.6rem;
  }
  .seaz-search-chips-filter__distance app-seazone-input {
    width: 45%;
  }
  .seaz-search-chips-filter__distance .form-field--wrapper__row .form-field--label {
    max-width: 5rem;
  }
}
@media screen and (max-width: 1440px) {
  .seaz-search-chips-filter__main-filters {
    width: 54%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search-chips-filter__label {
    display: none;
  }
  .seaz-search-chips-filter__chips--icon svg {
    width: 2.3rem;
    height: 2rem;
  }
  .seaz-search-chips-filter__distance .form-field--wrapper {
    flex-direction: column !important;
  }
  .seaz-search-chips-filter__distance--unit {
    align-items: baseline;
    margin-top: 2.5rem;
  }
}
.seaz-search-quick-filter .selected {
  border: 1px solid #4f194a;
}
.seaz-search-quick-filter .selected app-seazone-icon svg {
  fill: #4f194a;
}
.seaz-search-quick-filter .selected.greeny-chips {
  border: 1px solid #3aae27;
  background-color: #d8efd4;
  color: #3aae27;
}
.seaz-search-quick-filter .selected.greeny-chips app-seazone-icon svg {
  fill: #3aae27;
}
.seaz-search-quick-filter .selected.chips-item-large .seaz-search-chips-filter__chips--icon {
  background-color: #4f194a;
}
.seaz-search-crew-filters-location {
  margin-bottom: 3.2rem;
}
.seaz-search-crew-filters-location .selected {
  border: 1px solid #00b9ff;
}
.seaz-search-crew-filters-location .selected app-seazone-icon svg {
  fill: #00b9ff;
}
.seaz-search-crew-filters-location .chips-distance .selected {
  background-color: #00b9ff;
  color: #fff;
}
.seaz-search-crew-filters-location__label-boat-label {
  display: none;
}
@media screen and (max-width: 1600px) {
  .seaz-search-crew-filters-location .seaz-search-chips-filter__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-search-crew-filters-location__desktop-row {
    display: none;
  }
  .seaz-search-crew-filters-location__label-boat-label {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .seaz-search-crew-filters-location {
    margin-bottom: 0;
  }
  .seaz-search-crew-filters-location__label-boat-label {
    display: none;
  }
}
.seaz-search-map-modal__header {
  padding: 2.4rem;
}
.seaz-search-map-modal__content {
  padding: 0 2.4rem 2.4rem;
}
.seaz-search-crew-filter-item {
  text-transform: capitalize;
}
.seaz-search-crew-filter-item--type {
  color: #828282;
}
.seaz-search-crew-filter-item--name {
  color: #010202;
}
.seaz-search__navigation_box--supplier {
  display: flex;
  align-items: center;
  width: 126.4rem;
  margin: 0 auto;
}
.seaz-search__navigation_box--supplier .seaz-profile__navigation_list {
  margin: 0;
}
@media screen and (max-width: 1300px) {
  .seaz-search__navigation_box--supplier {
    width: 100rem;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__navigation_box--supplier {
    width: 100%;
    justify-content: space-between;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-search__navigation_box--supplier {
    flex-direction: column-reverse;
    margin-top: 1.2rem;
  }
  .seaz-search__navigation_box--supplier .seaz__btn_primary,
  .seaz-search__navigation_box--supplier .seaz-modal .modal-content__controls .main-btn_green,
  .seaz-modal .modal-content__controls .seaz-search__navigation_box--supplier .main-btn_green {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__navigation_box--supplier {
    padding: 0;
  }
}
.seaz-search__navigation_box--supplier app-search-navigation-links {
  width: 100rem;
}
@media screen and (max-width: 1350px) {
  .seaz-search__navigation_box--supplier app-search-navigation-links {
    width: 80%;
  }
}
@media screen and (max-width: 1200px) {
  .seaz-search__navigation_box--supplier app-search-navigation-links {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-search__navigation_box--supplier app-search-navigation-links {
    width: 100%;
  }
}
.crew-search-filters-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.crew-search-filters-group__row {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.crew-search-filters-group__row:last-of-type {
  justify-content: flex-end;
  margin-left: 3.2rem;
}
@media screen and (max-width: 768px) {
  .crew-search-filters-group {
    flex-direction: column;
  }
  .crew-search-filters-group__row {
    width: 100%;
  }
  .crew-search-filters-group__row:last-of-type {
    margin: 2.4rem 0 0;
  }
}
.carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
  outline: 0;
}
.carousel-prev,
.carousel-next {
  position: absolute;
  z-index: 1;
  top: 50%;
}
.carousel-prev {
  transform: translateY(-50%);
  left: 0;
}
.carousel-next {
  right: 0;
  transform: translateY(-50%) rotateZ(180deg);
}
.carousel-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}
.carousel-slide {
  width: 100%;
  height: 0;
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.carousel-slide .carousel-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.carousel-indicators {
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-indicator {
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #351f6f;
  opacity: 0.3;
}
.carousel-indicator.active {
  opacity: 1;
}
.seaz-user__contract .seaz-crew__contract_head {
  padding-top: 6rem;
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .seaz-user__contract .seaz-crew__contract_head {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract .seaz-crew__contract_head {
    width: 97%;
    padding-top: 2.9rem;
  }
}
.seaz-user__contract_wrap {
  width: 126.4rem;
  margin: 0 auto;
  margin-top: 3rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 1300px) {
  .seaz-user__contract_wrap {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_wrap {
    width: 100%;
    padding: 0 1.6rem;
    padding-bottom: 10rem;
  }
}
.seaz-user__contract_wrap app-contracts-item-card:last-of-type .seaz-user__contract_card {
  margin-bottom: 0;
}
.seaz-user__contract_wrap .no-contracts img {
  max-width: 9.3rem;
}
@media screen and (max-width: 768px) {
  .seaz-user__contract_wrap .no-contracts img {
    max-width: 3.5rem;
  }
}
.seaz-user__contract_badge {
  position: absolute;
  padding: 0.9rem 1.2rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.1em;
  font-weight: 500;
  top: -16px;
  left: -12px;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_badge {
    position: relative;
    top: inherit;
    left: inherit;
    width: fit-content;
    padding: 0.3rem 0.8rem 0.1rem;
  }
}
.seaz-user__contract_badge--tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_badge--tablet {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_badge--desktop {
    display: none;
  }
}
.seaz-user__contract_badge.seaz-badge-new {
  background: #00b9ff;
}
.seaz-user__contract_badge.seaz-badge-running {
  background: #3aae27;
}
.seaz-user__contract_badge.seaz-badge-rejected {
  background: #d70000;
}
.seaz-user__contract_badge.seaz-badge-finished {
  background: #f49342;
}
.seaz-user__contract_card {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 2.4rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card {
    flex-direction: column;
    padding: 1.6rem;
  }
}
.seaz-user__contract_card--left {
  display: flex;
  padding: 1.5rem 0;
  width: 80%;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card--left {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_card--left .boat-info .seaz-user__contract_card-col {
    padding-bottom: 0;
  }
}
.seaz-user__contract_card_img {
  position: relative;
  margin-right: 3rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_card_img {
    margin-right: 1.6rem;
  }
}
.seaz-user__contract_card_img img {
  width: 20rem;
  height: 20rem;
  border-radius: 16px;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card_img img {
    width: 11rem;
    height: 11rem;
  }
}
.seaz-user__contract_card_head_row {
  display: flex;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card_head_row {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-user__contract_card_head_row {
    display: inline-block;
  }
}
.seaz-user__contract_card_flag {
  width: 3.2rem;
  height: 2rem;
  margin-right: 1.2rem;
  border: 1px solid #e0e0e0;
}
@media screen and (max-width: 480px) {
  .seaz-user__contract_card_flag {
    margin-right: 0.8rem;
  }
}
.seaz-user__contract_card_title {
  color: #351f73;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card_title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-user__contract_card_title {
    line-height: 2rem;
  }
}
.seaz-user__contract_card-col {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_card-col {
    padding-bottom: 1.2rem;
  }
}
.seaz-user__contract_card_label {
  font-size: 1rem;
  text-transform: uppercase;
  color: #828282;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card_label {
    margin-bottom: 0.4rem;
  }
}
.seaz-user__contract_card_name {
  color: #351f73;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card_name {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 2rem;
  }
}
.seaz-user__contract_card_type {
  color: #010202;
  margin-top: 0.5rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_card_type {
    margin-bottom: 0;
    margin-right: 1.6rem;
    margin-top: 0;
  }
}
.seaz-user__contract_card-row {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_card-row {
    align-items: center;
  }
}
.seaz-user__contract_card-row app-seazone-icon {
  padding-bottom: 6px;
  margin: 0 10px;
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_card-row app-seazone-icon {
    padding-bottom: 0;
    padding-top: 0.5rem;
  }
}
.seaz-user__contract_card_date {
  color: #010202;
}
.seaz-user__contract_btns {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_btns {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_btns {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.seaz-user__contract_btns button {
  padding: 1rem 1.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_btns button {
    width: 49%;
  }
  .seaz-user__contract_btns button:nth-of-type(2n-1) {
    margin-right: 1%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_btns button {
    margin-bottom: 0.8rem;
    width: 100%;
  }
  .seaz-user__contract_btns button:nth-of-type(2n-1) {
    margin-right: 0;
  }
}
.seaz-user__contract_page {
  background-color: #f5f5f5;
}
.seaz-user__contract_page .seaz-crew__contract_head {
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1350px) {
  .seaz-user__contract_page .seaz-crew__contract_head {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_head {
    width: 100%;
    padding: 2rem 1.6rem 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__btn_outlined-green,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__btn_outlined-red {
    padding: 0.9rem 2rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__btn_outlined,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__btn_outlined_plus,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .seaz-user__contract_page .seaz-crew__contract_head .main-btn_white-green,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-edit__folder div,
  .seaz-edit__folder .seaz-user__contract_page .seaz-crew__contract_head div,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .seaz-user__contract_page .seaz-crew__contract_head button {
    border-color: #d70000;
    color: #d70000;
  }
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__btn_outlined:hover,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__btn_outlined_plus:hover,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-modal .modal-content__controls .main-btn_white-green:hover,
  .seaz-modal .modal-content__controls .seaz-user__contract_page .seaz-crew__contract_head .main-btn_white-green:hover,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-edit__folder div:hover,
  .seaz-edit__folder .seaz-user__contract_page .seaz-crew__contract_head div:hover,
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-dashboard__finance_expense_btn button:hover,
  .seaz-dashboard__finance_expense_btn .seaz-user__contract_page .seaz-crew__contract_head button:hover {
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_head .seaz__return_btn {
    top: 3rem;
    left: 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-crew__contract_head_title {
    width: 78%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-user__contract_page .seaz-crew__contract_head .seaz-crew__contract_head_title {
    width: 100%;
    padding-left: 7rem;
    justify-content: flex-start;
  }
}
.seaz-user__contract_page .seaz-crew__contract_head_icon {
  margin-bottom: 7px;
}
.seaz-user__contract_page .seaz-user__contract_head_btns {
  display: flex;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-user__contract_head_btns {
    position: relative;
    flex-direction: column;
    padding-top: 2.4rem;
    width: 100%;
  }
  .seaz-user__contract_page .seaz-user__contract_head_btns .card__btn {
    width: 100%;
    margin-bottom: 1.2rem;
  }
}
.seaz-user__contract_page .seaz-user__contract_head_btns button:not(:last-of-type) {
  margin-right: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-user__contract_head_btns button:not(:last-of-type) {
    margin-right: 0;
  }
}
.seaz-user__contract_page .seaz-crew__contract_content {
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1350px) {
  .seaz-user__contract_page .seaz-crew__contract_content {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_content {
    width: 100%;
    padding: 2rem 1.6rem 0;
  }
}
@media screen and (max-width: 700px) {
  .seaz-user__contract_page .seaz-crew__contract_content {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_content app-bank-details {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_content .carousel-slide-content {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_content .seaz-crew__contract_header {
    min-height: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_page .seaz-crew__contract_content .seaz-crew__contract_details_file {
    word-break: break-all;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .seaz-user__contract_page .seaz-crew__contract_content .seaz-crew__contract_carousel {
    width: 36rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-user__contract_page .seaz-crew__contract_content .seaz-crew__contract_carousel {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .seaz-user__contract_page .seaz-crew__contract_content .seaz-crew__contract_details_label {
    width: 18.9rem;
  }
}
@media screen and (max-width: 700px) {
  .seaz-user__contract_page .seaz-crew__contract_content app-contract-details {
    width: 100%;
  }
}
.seaz-user__contract_page .seaz-crew__contract_details_label,
.seaz-user__contract_page .seaz-crew__details_text {
  color: #010202;
}
.seaz-user__contract_page .seaz-crew__contract_details_file {
  display: flex;
  cursor: pointer;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_info {
    display: none;
  }
}
.seaz-user__contract_info--tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .seaz-user__contract_info--tablet {
    display: flex;
    margin: 1.2rem 0;
    align-items: center;
  }
}
@media screen and (max-width: 600px) {
  .seaz-user__contract_info--tablet {
    flex-direction: column;
    align-items: flex-start;
  }
}
app-user-contracts {
  display: block;
  background-color: #f5f5f5;
}
.boat__card .seaz-crew__contract_aside {
  background-color: #f5f5f5;
}
.boat__card .seaz-crew__contract_aside_btn {
  top: 0;
}
@media screen and (max-width: 768px) {
  .boat__card .seaz-crew__contract_aside_btn {
    top: -2rem;
  }
}
.seaz-crew__contract_header {
  flex-direction: column;
  min-height: 60px;
}
.carousel-indicators {
  bottom: 1.2rem;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .carousel-indicators {
    bottom: 5.2rem;
  }
}
.carousel-slide .carousel-slide {
  position: relative;
}
.seaz-crew__contract_aside {
  background-color: #ffffff;
  margin-bottom: 4rem;
  height: 100%;
  margin-top: 1.6rem;
}
@media screen and (max-width: 700px) {
  .seaz-crew__contract_aside {
    margin-bottom: 8rem;
  }
}
.seaz-crew__contract_carousel .seaz-cv__slider_btn {
  background-color: #e0e0e0;
}
.seaz-crew__add_date {
  width: 100%;
}
.seaz-crew__contract_add_row {
  width: 100%;
}
.seaz-crew__contract_add_row .form__col_currency {
  width: 24%;
}
@media screen and (max-width: 480px) {
  .seaz-crew__contract_add_row .form__col_currency {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-crew__contract_add_row .form__col {
    width: 100%;
  }
}
.seaz-crew__contract_add_row app-seazone-documents-uploader {
  width: 100%;
}
.seaz-crew__contract_add_row app-seazone-documents-uploader .seaz-uploader__document {
  flex-direction: column;
}
.seaz-crew__contract_add_row app-seazone-documents-uploader .seaz-uploader__document_label {
  padding-bottom: 1.6rem;
  color: #351f73;
}
.seaz-crew__contract_add_row app-seazone-documents-uploader .seaz__btn_small-outlined,
.seaz-crew__contract_add_row app-seazone-documents-uploader .seaz__btn_small-outlined-plus {
  font-weight: 500;
  padding: 0.6rem 1.5rem;
  border-color: #4f194a;
  color: #4f194a;
}
.seaz-crew__contract_add_row app-seazone-documents-uploader .seaz__btn_small-outlined.disabled,
.seaz-crew__contract_add_row app-seazone-documents-uploader .disabled.seaz__btn_small-outlined-plus {
  color: #ffffff;
  border-color: transparent;
}
.seaz-crew__contract_add_row app-seazone-documents-uploader .icon-close {
  background: #f5f5f5;
  border: none;
  color: #010202;
  width: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
}
.seaz-crew__contract_add_row app-seazone-documents-uploader .icon-close::before {
  font-size: 8px;
}
.seaz-crew__contract_add_row .form-field--label {
  margin-right: 2rem;
}
.seaz-crew__contract_add_row app-toggle-checkbox {
  padding-top: 3px;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish {
  flex-direction: column;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish .form-field--label {
  color: #351f73;
  padding-bottom: 1.5rem;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish .form__toggle-label:before {
  width: 4rem;
  height: 2.4rem;
  border-radius: 18px;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish .form__toggle-label:after {
  top: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 2px solid #4f194a;
  background-color: transparent;
  box-shadow: none;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish .form__toggle-input:checked + label:after {
  background-color: #ffffff;
  border: 2px solid #4f194a;
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-crew__contract_add_row.seaz-modal__offer_publish .form__toggle-label:before {
  background-color: transparent;
  border: 2px solid #4f194a;
  position: relative;
  left: -1px;
}
.seaz-crew__contract_add_row .amount-salary-crew .form__input {
  height: 4rem;
  border-radius: 0.4rem;
}
.seaz-crew__contract_add_row .amount-salary-crew .form__block-text {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0.2rem;
  color: #010202;
}
.seaz-crew__contract_add_checkbox {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.4rem;
}
.seaz-crew__contract_add_checkbox .form__checkbox-label {
  height: 2.4rem;
  width: 2.4rem;
}
.seaz-crew__contract_add_checkbox .form__checkbox-label:before {
  height: 2.4rem;
  width: 2.4rem;
  border-color: #4f194a;
  border-radius: 0;
}
.seaz-crew__contract_add_checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-modal__contract_add {
  padding: 1rem;
  display: block;
}
@media screen and (max-width: 480px) {
  .seaz-modal__contract_add {
    padding: 2rem;
  }
}
.seaz-modal__contract_add_title {
  padding-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .seaz-crew__boat_contract .seaz-crew__contract_carousel {
    width: 36rem;
  }
}
@media screen and (max-width: 800px) {
  .seaz-crew__boat_contract .seaz-crew__contract_content {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .seaz-crew__boat_contract app-contract-details {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-crew__boat_contract .seaz-crew__contract_carousel {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .seaz-crew__boat_contract .boat__card .seaz-crew__contract_aside_btn {
    top: -18px;
  }
}
app-overlay .modal__wrap .modal-close {
  position: fixed;
}
.seaz-modal__contract_salary {
  justify-content: space-between;
  margin-bottom: 4.8rem;
}
.seaz-modal__contract_salary app-seazone-input {
  width: 49.4%;
  margin-right: 0.8rem;
}
.seaz-modal__contract_salary .form__col {
  width: 49.4%;
}
@media screen and (max-width: 480px) {
  .seaz-modal__contract_salary app-seazone-input,
  .seaz-modal__contract_salary .form__col {
    width: 100%;
  }
  .seaz-modal__contract_salary app-seazone-input {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
.seaz-modal__contract_btns {
  justify-content: flex-end;
}
.seaz-modal__contract_btns .form__col {
  width: auto;
}
.seaz-company__auth_title {
  color: #ffffff;
  font-size: 5.6rem;
  font-weight: 300;
  text-align: center;
  display: block;
  width: 52rem;
  margin: 6.4rem auto 0;
  line-height: 6.7rem;
}
@media screen and (max-width: 1024px) {
  .seaz-company__auth_title {
    width: 80%;
  }
}
@media screen and (max-width: 900px) {
  .seaz-company__auth_title {
    margin: 2.4rem auto 0;
    font-size: 3.6rem;
    line-height: 4.7rem;
  }
}
.seaz-company__auth .login__wrap_right {
  position: relative;
  padding: 6.4rem 3rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__auth .login__wrap_right {
    padding: 2.2rem 1.5rem 3rem;
  }
}
.seaz-company__auth .seaz__return_btn {
  position: absolute;
  top: 7rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__auth .seaz__return_btn {
    top: 3rem;
    width: 3rem;
    height: 3rem;
  }
}
.seaz-company__auth .form__desc {
  padding-top: 0.6rem;
}
.seaz-company__auth .login__copyright p {
  text-align: center;
}
.seaz-company__auth .login__copyright a {
  color: #351f73;
}
.seaz-company__auth .company__col_left {
  max-height: 107.8rem;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: inherit;
  object-fit: cover;
}
@media screen and (max-width: 800px) {
  .seaz-company__auth .company__col_left {
    display: none;
  }
}
.seaz-company__auth.login .company__col_left {
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 800px) {
  .seaz-company__auth .login__col {
    width: 100%;
  }
}
.seaz-company__auth .login__logo-img img {
  width: 12.9rem;
  height: 12.9rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__auth .login__logo-img img {
    width: 4.6rem;
    height: 4.6rem;
  }
}
.seaz-company__auth .seaz-company__logo {
  padding-top: 9.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__auth .seaz-company__logo {
    padding-top: 0;
  }
}
.seaz-company__auth .seaz-company__logo img {
  width: 12.9rem;
  height: 12.9rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__auth .seaz-company__logo img {
    width: 4.6rem;
    height: 4.6rem;
  }
}
.seaz-company__auth .seaz-company__logo_text {
  padding-top: 3.7rem;
}
.seaz-company__auth .seaz-company__logo_text img {
  width: 33.4rem;
}
.seaz-company__auth .login__title {
  font-weight: 500;
}
.seaz-company__auth app-seazone-media-uploader {
  width: 100%;
}
.seaz-company__auth .seaz-uploader {
  align-items: flex-start;
}
.seaz-company__auth .seaz-uploader__choose_drop {
  width: 100%;
}
.seaz-company__auth .seaz-uploader__header,
.seaz-company__auth .seaz-uploader__choose_text {
  text-align: left;
}
.seaz-company__auth_left {
  width: 50%;
  height: 100vh;
}
@media screen and (max-width: 800px) {
  .seaz-company__auth_left {
    display: none;
  }
}
.seaz-company__auth_error_img {
  width: 9.4rem;
  height: 7rem;
  margin-bottom: 4rem;
}
.seaz-company__auth_error_text {
  font-weight: 500;
  color: #4f4f4f;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 7rem;
}
.seaz-company__auth_log {
  color: #4f4f4f;
  margin-right: 0.9rem;
}
.seaz-company__auth_note {
  margin: 2.4rem 0;
  padding: 1rem 1.2rem;
  width: 100%;
  background-color: #fdefc8;
  border: 1px solid #f7c948;
  border-radius: 0.2rem;
  color: #94792b;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: left;
}
.seaz-company__auth .select-container {
  text-align: left;
}
.seaz-company__welcome_title {
  margin-bottom: 4.8rem;
  font-size: 2.4rem;
}
.seaz-company__welcome_text {
  color: #4f4f4f;
  font-size: 1.6rem;
  padding-bottom: 11.4rem;
  text-align: left;
  line-height: 2.6rem;
}
.seaz-company__welcome_text--green {
  color: #4f4f4f;
  font-size: 1.6rem;
  text-align: left;
  line-height: 2.6rem;
  padding-bottom: 3.2rem;
}
.seaz-company__welcome_text--green span {
  font-weight: 600;
}
.seaz-company__welcome_btn {
  width: 100%;
  margin-top: 3.3rem;
}
.seaz-company__registration_title {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 2.4rem;
}
.seaz-company__registration_text {
  padding-bottom: 3rem;
  color: #351f73;
  font-size: 1.2rem;
}
.seaz-company__registration_btn {
  width: 100%;
}
.seaz-company__registration_success_img {
  margin-top: 5rem;
  width: 12.8rem;
}
.seaz-company__registration_success_support {
  padding-top: 2.7rem;
  color: #a9a9a9;
  display: flex;
  font-size: 1.2rem;
  text-align: center;
}
.seaz-company__registration_success_support a {
  margin-left: 0.4rem;
  color: #00b9ff;
}
.seaz-company__inbox_text {
  opacity: 1;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 2.4rem;
}
.seaz-company__header_logo {
  height: 4.6rem;
}
@media screen and (max-width: 1200px) {
  .seaz-company__header_logo {
    height: 3.2rem;
  }
}
.seaz-company__header_logo img {
  width: auto;
  height: 4.6rem;
  object-fit: cover;
  max-width: 15rem;
}
@media screen and (max-width: 1200px) {
  .seaz-company__header_logo img {
    height: 3.2rem;
  }
}
.seaz-company__header_logo--purple .seaz-company__header_logo_text {
  color: #c2bed4;
  border: 1px solid #c2bed4;
}
.seaz-company__header_logo_text {
  padding: 1.3rem 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
  width: 9.6rem;
  border-radius: 0.2rem;
  display: block;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .seaz-company__header_logo_text {
    padding: 0.6rem 0;
    width: 7.6rem;
  }
}
.seaz-company__header_logo_text--green {
  color: #351f73;
  border: 1px solid #351f73;
  position: inherit;
}
.seaz-company__logo_text {
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  border-radius: 0.4rem;
  box-shadow: 0px 0px 12px rgba(53, 31, 115, 0.22);
  padding: 1.2rem;
  z-index: 100;
}
.seaz-company__logo_text--purple {
  top: 5.4rem;
  left: -4rem;
}
.seaz-company__logo_text--green {
  top: 5rem;
  left: 4rem;
}
.seaz-company__logo_text_title {
  font-weight: 500;
  color: #010202;
  padding-bottom: 0.4rem;
  letter-spacing: 0.01em;
  font-size: 1.2rem;
}
.seaz-company__logo_text_info {
  font-weight: 500;
  color: #828282;
  padding-bottom: 0.4rem;
  letter-spacing: 0.01em;
  font-size: 1.2rem;
  margin-right: 0.4rem;
}
.seaz-company__logo_text_row {
  display: block;
}
.seaz-company__logo_boat {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(53, 40, 113, 0.26);
  background-color: #ffffff;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 2rem;
  color: #351f73;
  text-transform: capitalize;
  top: 5rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__logo_boat {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    top: 3rem;
  }
}
.seaz-company__logo_boat img {
  width: 4.8rem;
  height: 4.8rem;
  object-fit: cover;
  border-radius: 8px;
}
@media screen and (max-width: 480px) {
  .seaz-company__logo_boat img {
    width: 3rem;
    height: 3rem;
  }
}
.seaz-company__logo_boat_info {
  bottom: 3.4rem;
  z-index: 100;
}
.seaz-company__logo_boat_info .seaz-company__logo_text::before {
  transform: rotate(180deg);
  bottom: -2.2rem;
  top: auto;
  border: 10px solid transparent;
  border-bottom: 13px solid #ffffff;
  left: 46%;
}
.seaz-company__offer_logo {
  width: 10.4rem;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(53, 40, 113, 0.26);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #351f73;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  flex-direction: column;
  height: 5.5rem;
  max-height: 7.7rem;
}
@media screen and (max-width: 1440px) {
  .seaz-company__offer_logo {
    width: 9.4rem;
    height: 4.5rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-company__offer_logo {
    width: 10.4rem;
    height: 5.5rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-company__offer_logo {
    width: 9.4rem;
    height: 4.5rem;
  }
}
.seaz-company__offer_logo_agency {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 0.5rem;
  background-color: #46a6a4;
  border-radius: 0 0 8px 8px;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: -22px;
}
@media screen and (max-width: 1440px) {
  .seaz-company__offer_logo_agency {
    padding: 0.5rem 0;
  }
}
.seaz-company__offer_logo img {
  height: 5.5rem;
  object-fit: cover;
  width: 10.4rem;
  border-radius: 8px;
}
@media screen and (max-width: 1440px) {
  .seaz-company__offer_logo img {
    width: 9.4rem;
    height: 4.5rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-company__offer_logo img {
    width: 10.4rem;
    height: 5.5rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-company__offer_logo img {
    width: 9.4rem;
    height: 4.5rem;
  }
}
.seaz-company__offer_logo_box {
  top: 7rem;
  right: 0.8rem;
  z-index: 100;
}
@media screen and (max-width: 1720px) {
  .seaz-company__offer_logo_box {
    top: 3rem;
    right: -0.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .seaz-company__offer_logo_box {
    top: -1rem;
    right: -3.2rem;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-company__offer_logo_box {
    top: 7rem;
    right: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-company__offer_logo_box {
    top: -1rem;
    right: -4.2rem;
  }
}
.seaz-company__offer_logo_box .seaz-company__logo_text::before {
  border: 10px solid transparent;
  border-bottom: 15px solid #ffffff;
  transform: rotate(180deg);
  bottom: -2.5rem;
  top: auto;
  left: 44%;
}
.seaz-company__settings {
  position: relative;
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .seaz-company__settings {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-company__settings {
    width: 100%;
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-company__settings .user-note {
    padding-bottom: 2rem;
  }
}
.seaz-company__settings .info-label.light-purple {
  margin-bottom: 2rem;
}
.seaz-company__settings .seaz__return_btn {
  position: absolute;
  top: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-company__settings .seaz__return_btn {
    width: 3rem;
    height: 3rem;
  }
}
.seaz-company__settings_title {
  text-align: center;
  color: #351f73;
  text-transform: uppercase;
  padding: 5.8rem 0;
}
.seaz-company__settings_save {
  margin-bottom: 5.4rem;
  background: rgba(53, 31, 115, 0.08);
  padding: 1.3rem 1.2rem;
  font-weight: 500;
  font-size: 1.4rem;
  color: #351f73;
}
.seaz-company__settings_form {
  width: 59rem;
}
@media screen and (max-width: 768px) {
  .seaz-company__settings_form {
    width: 100%;
  }
}
.seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper,
.seaz-company__settings_form .form__row .form__block,
.seaz-company__settings_form .form__row .form-field--wrapper {
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 500px) {
  .seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper,
  .seaz-company__settings_form .form__row .form__block,
  .seaz-company__settings_form .form__row .form-field--wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .form-field--label,
.seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .form__block-text,
.seaz-company__settings_form .form__row .form__block .form-field--label,
.seaz-company__settings_form .form__row .form__block .form__block-text,
.seaz-company__settings_form .form__row .form-field--wrapper .form-field--label,
.seaz-company__settings_form .form__row .form-field--wrapper .form__block-text {
  width: 17rem;
  margin-right: 2rem;
  color: #010202;
  flex-shrink: 0;
}
@media screen and (max-width: 500px) {
  .seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .form-field--label,
  .seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .form__block-text,
  .seaz-company__settings_form .form__row .form__block .form-field--label,
  .seaz-company__settings_form .form__row .form__block .form__block-text,
  .seaz-company__settings_form .form__row .form-field--wrapper .form-field--label,
  .seaz-company__settings_form .form__row .form-field--wrapper .form__block-text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .form__block-text.form__block-text__select,
.seaz-company__settings_form .form__row .form__block .form__block-text.form__block-text__select,
.seaz-company__settings_form .form__row .form-field--wrapper .form__block-text.form__block-text__select {
  width: auto;
}
.seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .phone-control-container,
.seaz-company__settings_form .form__row .form__block .phone-control-container,
.seaz-company__settings_form .form__row .form-field--wrapper .phone-control-container {
  background-color: #ffffff;
}
.seaz-company__settings_form .form__row app-seazone-select .form-field--wrapper .phone-control-wrapper,
.seaz-company__settings_form .form__row .form__block .phone-control-wrapper,
.seaz-company__settings_form .form__row .form-field--wrapper .phone-control-wrapper {
  width: 100%;
}
.seaz-company__settings_form .yaht-edit__upload_img_box {
  margin-top: 0.9rem;
}
.seaz-company__settings_form .seaz-uploader__video_row .yaht-edit__upload_img_box .seaz-uploader__video_btn {
  right: auto;
  top: -24px;
  left: -8px;
}
.seaz-company__settings_form app-seazone-media-uploader {
  width: 100%;
}
.seaz-company__settings_form app-seazone-media-uploader .seaz-uploader__choose_drop {
  width: 100%;
}
.seaz-company__settings .seaz-crew__btn_box {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .seaz-company__settings .seaz-crew__btn_box {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-company__settings .seaz-crew__btn_box {
    flex-wrap: wrap;
  }
  .seaz-company__settings .seaz-crew__btn_box.form__row button {
    width: 41%;
    margin-bottom: 1rem;
  }
  .seaz-company__settings .seaz-crew__btn_box .seaz-crew__btn:nth-of-type(2n) {
    margin-right: 0;
  }
}
.seaz-company__settings .user-note {
  margin-right: auto;
}
.user-info__wrap-content {
  position: relative;
}
.company-modal .modal-content__controls {
  padding-top: 3rem;
  border-top: 1px solid #e0e0e0;
}
.company-modal .main-btn.main-btn_white-green,
.company-modal .main-btn.main-btn_green {
  border-radius: 0;
}
.company-modal .main-btn.main-btn_green {
  background-color: transparent;
  border: 1px solid #d70000;
  color: #d70000;
}
.company-modal .main-btn.main-btn_green:hover {
  background-color: #d70000;
  color: #fff;
}
.company-modal .modal-content__text {
  margin-bottom: 3rem;
  color: #4f4f4f;
  font-size: 1.6rem;
}
.company-modal .rotate-controls .main-btn.main-btn_green {
  border: none;
}
@media screen and (max-width: 600px) {
  .seaz-search__card_info .seaz-company__offer_logo_box {
    right: -7.2rem;
    top: -2rem;
  }
}
@media screen and (max-width: 600px) {
  .seaz-search__card_info .seaz-company__offer_logo_box .seaz-company__logo_text::before {
    left: 25%;
  }
}
@media screen and (max-width: 1360px) {
  .top-navigation__header .seaz-company__header_logo img {
    max-width: 10rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .top-navigation__header .seaz-company__header_logo img {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .top-navigation__header .seaz-company__header_logo img {
    max-width: 6rem;
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 1360px) {
  .top-navigation__header .seaz-company__header_logo_text--green {
    max-width: 10rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .top-navigation__header .seaz-company__header_logo_text--green {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .top-navigation__header .seaz-company__header_logo_text--green {
    max-width: 6.6rem;
  }
}
.user-info__header {
  position: sticky;
  top: 4.9rem;
  left: 0;
  width: 100%;
  z-index: 999;
}
@media screen and (max-width: 1024px) {
  .user-info__header .seaz-company__header_logo--purple .seaz-company__header_logo_text {
    padding: 0.6rem 0;
    width: 7.6rem;
    color: #ffffff;
    border-color: #ffffff;
  }
}
.user-info__header .container {
  padding: 0;
}
.user-info__header .user-info__wrap-content {
  width: 100%;
  padding: 0 8rem;
}
@media screen and (max-width: 1350px) {
  .user-info__header .user-info__wrap-content {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .user-info__header .user-info__wrap-content {
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .user-info__header .user-info__wrap-content {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .user-info__header .user-info__wrap-content {
    padding: 0 1.5rem;
  }
}
.user-info__header .seaz-company__header_logo {
  position: absolute;
  top: -4px;
}
@media screen and (max-width: 1200px) {
  .user-info__header .seaz-company__header_logo {
    position: inherit;
    top: inherit;
    height: 3.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .user-info__header .seaz-company__header_logo img {
    height: 3.2rem;
    max-width: 6.6rem;
  }
}
.seaz-company__tooltip.tooltip-pane.top .seaz-company__logo_text::before {
  content: "";
  border: 7px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: rotate(180deg) translateX(50%);
}
.seaz-company__tooltip.tooltip-pane.bottom .seaz-company__logo_text::before {
  content: "";
  border: 7px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.seaz-company__tooltip.tooltip-pane.right .seaz-company__logo_text::before {
  content: "";
  border: 7px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: 35%;
  left: -1.2rem;
  transform: rotate(-90deg);
}
.seaz-charter__edit {
  width: 126.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__edit {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__edit {
    width: 96%;
  }
}
.seaz-charter__edit_header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 3rem 0 2.4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__edit_header {
    padding: 3rem 0 3.5rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_header {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.seaz-charter__edit_header .seaz__return_btn {
  position: absolute;
  left: 0;
}
.seaz-charter__edit_header_btn {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_header_btn {
    position: inherit;
    margin-top: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_header_btn {
    width: 100%;
    margin-top: 3rem;
  }
  .seaz-charter__edit_header_btn .seaz__btn_primary,
  .seaz-charter__edit_header_btn .seaz-modal .modal-content__controls .main-btn_green,
  .seaz-modal .modal-content__controls .seaz-charter__edit_header_btn .main-btn_green {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_header_btn {
    margin-top: 3.8rem;
  }
}
.seaz-charter__edit_header_title {
  text-transform: uppercase;
  text-align: center;
  color: #351f73;
}
.seaz-charter__edit_attachments_row {
  display: flex;
}
.seaz-charter__edit_attachments_row .seaz-charter__edit_form_uploader_btn {
  margin-left: 0;
}
.seaz-charter__edit_attachments_custom {
  width: 100%;
}
.seaz-charter__edit_attachments_item {
  margin-bottom: 4rem;
}
.seaz-charter__edit_attachments_name {
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
  color: #351f73;
  font-weight: 500;
  margin-bottom: 2rem;
}
.seaz-charter__edit_attachments_file {
  padding-bottom: 1rem;
  color: #828282;
  word-break: break-word;
}
.seaz-charter__edit_attachments_button {
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border-radius: 50%;
  color: #d70000;
  margin-left: 1rem;
}
.seaz-charter__edit_attachments_label {
  display: block;
  margin-right: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  max-width: 14rem;
  width: 100%;
}
.seaz-charter__edit_nav {
  display: flex;
  overflow: auto;
  max-width: 100%;
  padding-top: 2rem;
}
.seaz-charter__edit_nav_wrapper {
  position: relative;
  padding-bottom: 4.8rem;
}
.seaz-charter__edit_nav_list {
  display: flex;
  margin: 0 auto;
}
.seaz-charter__edit_nav app-scroll-controls .controls-container {
  top: -2rem;
}
@media screen and (max-width: 560px) {
  .seaz-charter__edit_nav app-scroll-controls .controls-container {
    top: 0;
  }
}
.seaz-charter__edit_nav a {
  padding: 1.8rem 3rem;
  color: #828282;
  border: 1px solid #828282;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  display: inline-flex;
  font-weight: 500;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 560px) {
  .seaz-charter__edit_nav a {
    width: auto;
    border: none;
    border-bottom: 2px solid #bdbdbd;
    flex-shrink: 0;
  }
}
.seaz-charter__edit_nav a.active-item {
  color: #351f73;
  border-color: #351f73;
}
.seaz-charter__edit_nav a .nav-icon svg {
  fill: #f49342;
}
.seaz-charter__edit_nav a app-seazone-icon {
  position: absolute;
  top: -1.1rem;
  right: 0.2rem;
}
@media screen and (max-width: 560px) {
  .seaz-charter__edit_nav a app-seazone-icon {
    top: 0;
  }
}
.seaz-charter__edit_form .info-label {
  margin-bottom: 3rem;
}
.seaz-charter__edit_form_controls {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_controls {
    flex-wrap: wrap;
  }
}
.seaz-charter__edit_form_controls--broker {
  display: block;
}
.seaz-charter__edit_form_row {
  align-items: center;
  margin-bottom: 2.9rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_form_row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-charter__edit_form_row app-date-control {
  width: 15.2rem;
  margin-right: 1.1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_form_row app-date-control {
    width: 13.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_row app-date-control {
    width: 49%;
    margin-right: 2%;
  }
}
.seaz-charter__edit_form_row app-date-control input.seazone__form-date-input {
  font-size: 1.4rem;
}
.seaz-charter__edit_form_row app-date-control .form-field--content {
  border-radius: 0;
}
.seaz-charter__edit_form_row app-date-control .form-field--content-suffix {
  width: 32px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_row app-date-control .form-field--content-suffix {
    height: 24px;
  }
}
.seaz-charter__edit_form_row app-seazone-time-input {
  width: 8.1rem;
  margin-right: 1.1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_row app-seazone-time-input {
    width: 49%;
    margin-right: 0;
  }
}
.seaz-charter__edit_form_row app-seazone-time-input input.seazone__form-input {
  font-size: 1.4rem;
}
.seaz-charter__edit_form_row app-seazone-time-input .form-field--content {
  border-radius: 0;
}
.seaz-charter__edit_form_row app-seazone-time-input .form__block-error {
  top: calc(100% + 0.1rem);
}
.seaz-charter__edit_form_row app-location-timezone-autocomplete {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_row app-location-timezone-autocomplete {
    margin-top: 1.4rem;
  }
}
.seaz-charter__edit_form_row app-location-timezone-autocomplete input.seazone__form-input {
  font-size: 1.4rem;
}
.seaz-charter__edit_form_row app-location-timezone-autocomplete .form-field--content {
  border-radius: 0;
}
.seaz-charter__edit_form_label {
  width: 15rem;
  margin-right: 1rem;
  flex-shrink: 0;
  color: #010202;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form_label {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.seaz-charter__edit_form app-event-period .seaz-event__period {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3rem;
}
.seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.offset.seaz-text-area {
  margin-top: 0;
}
.seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.offset.seaz-text-area .form-field--label {
  margin-right: 2rem;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.offset.seaz-text-area .form-field--label {
    margin-bottom: 1rem;
  }
}
.seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.offset.seaz-text-area .form-field--content-outline.form-field--content {
  border-color: #e0e0e0;
  border-radius: 0;
  height: 15rem;
}
.seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.offset.seaz-text-area .invalid .form-field--content-outline.form-field--content {
  border-color: red;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.offset.seaz-text-area .form-field--wrapper__row {
    flex-direction: column;
  }
}
.seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.seaz-text-area .form-field--wrapper.form-field__area .form-field--label {
  margin-right: 2rem;
  padding-top: 0;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.seaz-text-area .form-field--wrapper.form-field__area .form-field--label {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form_area app-seazone-text-area app-seazone-form-field.seaz-text-area .form-field--wrapper.form-field__area {
    flex-direction: column;
  }
}
.seaz-charter__edit_form .seaz-charter__broker-fee {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.seaz-charter__edit_form .seaz-charter__broker-fee .seazone-radio-group__label {
  display: none;
}
.seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-select .form-field--label.form-field--label,
.seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-input .form-field--label.form-field--label,
.seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-text-area .form-field--label.form-field--label {
  margin-right: 2rem;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-select .form-field--label.form-field--label,
  .seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-input .form-field--label.form-field--label,
  .seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-text-area .form-field--label.form-field--label {
    margin-bottom: 1rem;
  }
}
.seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-select .form-field--content,
.seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-input .form-field--content,
.seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-text-area .form-field--content {
  border-radius: 0;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-select .form-field--wrapper__row,
  .seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-input .form-field--wrapper__row,
  .seaz-charter__edit_form .seaz-charter__edit_form_row app-seazone-text-area .form-field--wrapper__row {
    flex-direction: column;
  }
}
.seaz-charter__edit_form_uploader {
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_uploader app-seazone-documents-uploader .seaz-uploader__document {
    flex-direction: column;
  }
}
.seaz-charter__edit_form_uploader app-seazone-documents-uploader .seaz-uploader__document .seaz-uploader__document_label {
  margin-right: 2rem;
  color: #010202;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_uploader app-seazone-documents-uploader .seaz-uploader__document .seaz-uploader__document_label {
    width: auto;
    margin-bottom: 1rem;
  }
}
.seaz-charter__edit_form_uploader .form__checkbox.boat__form-checkbox {
  padding-left: 16rem;
  color: #010202;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_uploader .form__checkbox.boat__form-checkbox {
    padding-left: 0;
  }
}
.seaz-charter__edit_form_uploader .form__checkbox.boat__form-checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-charter__edit_form_uploader .form__checkbox.boat__form-checkbox .form__checkbox-label::before {
  border-color: #4f194a;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0;
}
.seaz-charter__edit_form_uploader .form__checkbox.boat__form-checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-charter__edit_form_uploader_btn {
  margin-left: 16rem;
}
@media screen and (max-width: 650px) {
  .seaz-charter__edit_form_uploader_btn {
    margin-left: 0;
  }
}
.seaz-charter__edit_form_uploader_btns {
  display: flex;
  align-items: center;
  padding: 3rem 0;
  border-top: 1px solid #bdbdbd;
  margin-top: 3rem;
  justify-content: flex-end;
}
@media screen and (max-width: 500px) {
  .seaz-charter__edit_form_uploader_btns {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .seaz-charter__edit_form_uploader_btns button {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.seaz-charter__edit_form_uploader_btns button:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 500px) {
  .seaz-charter__edit_form_uploader_btns button:not(:last-of-type) {
    margin-right: 0;
  }
}
.seaz-charter__edit_form_preferences {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_preferences {
    align-items: flex-start;
  }
}
.seaz-charter__edit_form_preferences_label {
  width: 15rem;
  margin-right: 1rem;
  color: #010202;
}
@media screen and (max-width: 480px) {
  .seaz-charter__edit_form_preferences_label {
    margin-right: 0;
    width: auto;
    margin-bottom: 1rem;
  }
}
.seaz-charter__edit_payment {
  width: 100%;
  margin: 0 auto 4.8rem;
}
.seaz-charter__edit_payment .form__col {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.seaz-charter__edit_payment .seaz-h3,
.seaz-charter__edit_payment .seaz-h3-caps {
  margin-right: 1.6rem;
}
.seaz-charter__edit_contract {
  width: 100%;
}
.seaz-charter__edit_contract .form__row {
  margin-top: 0.5rem;
}
.seaz-charter__edit .seaz-charter__edit_form_payment-row {
  justify-content: space-around;
}
.seaz-charter__edit .form-field-label-gross-income {
  margin-right: 7.5rem;
}
.seaz-charter__custom_title {
  padding-bottom: 3rem;
  color: #351f73;
}
@media screen and (max-width: 480px) {
  .seaz-charter__custom_row.form__row {
    margin-bottom: 0;
  }
}
.seaz-charter__custom_row.form__col {
  width: 100%;
  margin-bottom: 1.6rem;
}
.seaz-charter__custom_row.form__col app-seazone-input app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 3rem;
}
.seaz-charter__custom_row.form__col app-seazone-input app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--content {
  border-radius: 0;
}
@media screen and (max-width: 480px) {
  .seaz-charter__custom_row app-seazone-documents-uploader .seaz-uploader__document {
    flex-direction: column;
  }
}
.seaz-charter__custom_row app-seazone-documents-uploader .seaz-uploader__document .seaz-uploader__document_label {
  margin-right: 3rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__custom_row app-seazone-documents-uploader .seaz-uploader__document .seaz-uploader__document_label {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.seaz-charter__custom_area app-seazone-text-area app-seazone-form-field .form-field--wrapper.form-field__area .form-field--label {
  margin-right: 3rem;
}
.seaz-charter__custom_area app-seazone-text-area app-seazone-form-field .form-field--wrapper.form-field__area .form-field--content {
  border-radius: 0;
}
.seaz-charter__custom_btns {
  padding: 3rem 0;
  border-top: 1px solid #bdbdbd;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .seaz-charter__custom_btns {
    margin-top: 3rem;
  }
}
.seaz-charter__custom_btns button:not(:last-of-type) {
  margin-right: 1.2rem;
}
.seaz-charter__guests {
  width: 79.2rem;
  margin: 0 auto;
  padding-top: 7rem;
}
.seaz-charter__guests-modal {
  height: 80%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests {
    padding-top: 3rem;
  }
}
.seaz-charter__guests_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-charter__guests_header_btn {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_header_btn {
    padding: 0.9rem 3.2rem;
    width: 100%;
    justify-content: center;
  }
}
.seaz-charter__guests_header_btn.seaz__btn_outlined_plus::after,
.seaz-dashboard__finance_expense_btn button.seaz-charter__guests_header_btn::after {
  margin-left: 0;
  margin-right: 0.8rem;
}
.seaz-charter__guests_title {
  color: #351f73;
}
.seaz-charter__guests app-seazone-input {
  padding-bottom: 3rem;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests app-seazone-input {
    padding-bottom: 4rem;
  }
}
.seaz-charter__guests app-seazone-input .form-field--content-outline.form-field--content {
  border-color: #e0e0e0;
  border-radius: 0;
}
.seaz-charter__guests app-seazone-input .form-field--content-outline.form-field--content .form-field--content-prefix {
  margin-right: 1.6rem;
}
.seaz-charter__guests_list {
  width: 94%;
  margin: 0 auto;
  padding-bottom: 4rem;
}
.seaz-charter__guests_list_item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 4.8rem;
}
@media screen and (max-width: 600px) {
  .seaz-charter__guests_list_item {
    padding-bottom: 4rem;
    flex-direction: column;
  }
}
.seaz-charter__guests_list_item_col {
  display: flex;
  flex-direction: column;
  width: 24%;
  align-items: flex-start;
  flex-shrink: 0;
}
.seaz-charter__guests_list_item_col:not(:last-of-type) {
  margin-right: 1rem;
}
@media screen and (max-width: 600px) {
  .seaz-charter__guests_list_item_col {
    width: 100%;
    padding-bottom: 1.6rem;
  }
  .seaz-charter__guests_list_item_col:not(:last-of-type) {
    margin-right: 0;
  }
}
.seaz-charter__guests_list_item_label {
  text-transform: uppercase;
  color: #828282;
  font-size: 1rem;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 600px) {
  .seaz-charter__guests_list_item_label {
    padding-bottom: 0.8rem;
  }
}
.seaz-charter__guests_list_item_name {
  color: #351f73;
  font-size: 1.6rem;
  font-weight: 500;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_list_item_btn {
    width: 87%;
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .seaz-charter__guests_list_item_btn {
    width: 100%;
  }
}
.seaz-charter__guests_list_item_btn_box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_list_item_btn--added {
    width: 87%;
  }
}
@media screen and (max-width: 600px) {
  .seaz-charter__guests_list_item_btn--added {
    width: 100%;
  }
}
.seaz-charter__guests_list_item_btn--added.seaz__btn_small-outlined-plus {
  color: #828282;
  border-color: #bdbdbd;
}
.seaz-charter__guests_list_item_btn--added.seaz__btn_small-outlined-plus::before {
  background-image: url(/assets/img/checked.svg);
}
.seaz-charter__guests_list_item_passport {
  display: flex;
  align-items: center;
  color: #351f73;
  word-break: break-all;
}
.seaz-charter__guests_list_item_passport app-seazone-icon {
  margin-right: 1rem;
}
.seaz-charter__guests_add_box {
  width: 55%;
  margin: 0 auto;
  padding: 2rem 1.6rem;
}
@media screen and (max-width: 1320px) {
  .seaz-charter__guests_add_box {
    width: 77%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_add_box {
    width: 100%;
    padding: 2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_box {
    padding-top: 2rem;
  }
}
.seaz-charter__guests_add_title {
  color: #351f73;
  padding-bottom: 3rem;
}
.seaz-charter__guests_add_form .form__row app-seazone-input .form-field--wrapper,
.seaz-charter__guests_add_form .form__row app-seazone-select .form-field--wrapper,
.seaz-charter__guests_add_form .form__row app-date-control .form-field--wrapper,
.seaz-charter__guests_add_form .form__row app-seazone-text-area .form-field--wrapper {
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_form .form__row app-seazone-input .form-field--wrapper,
  .seaz-charter__guests_add_form .form__row app-seazone-select .form-field--wrapper,
  .seaz-charter__guests_add_form .form__row app-date-control .form-field--wrapper,
  .seaz-charter__guests_add_form .form__row app-seazone-text-area .form-field--wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_form .form__row app-seazone-input .form-field--wrapper .form-field--content-suffix,
  .seaz-charter__guests_add_form .form__row app-seazone-select .form-field--wrapper .form-field--content-suffix,
  .seaz-charter__guests_add_form .form__row app-date-control .form-field--wrapper .form-field--content-suffix,
  .seaz-charter__guests_add_form .form__row app-seazone-text-area .form-field--wrapper .form-field--content-suffix {
    height: 103%;
  }
}
.seaz-charter__guests_add_form .form__row app-seazone-input .form-field--wrapper .form-field--label,
.seaz-charter__guests_add_form .form__row app-seazone-select .form-field--wrapper .form-field--label,
.seaz-charter__guests_add_form .form__row app-date-control .form-field--wrapper .form-field--label,
.seaz-charter__guests_add_form .form__row app-seazone-text-area .form-field--wrapper .form-field--label {
  margin-right: 1rem;
  width: 16rem;
  flex-shrink: 0;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_form .form__row app-seazone-input .form-field--wrapper .form-field--label,
  .seaz-charter__guests_add_form .form__row app-seazone-select .form-field--wrapper .form-field--label,
  .seaz-charter__guests_add_form .form__row app-date-control .form-field--wrapper .form-field--label,
  .seaz-charter__guests_add_form .form__row app-seazone-text-area .form-field--wrapper .form-field--label {
    margin-right: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader {
  width: 100%;
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader {
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader {
    flex-direction: column;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader .seaz-uploader__choose {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader .seaz-uploader__video_row {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader .seaz-uploader__video_row {
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader .seaz-uploader__video_row app-seazone-image-file {
  margin-right: 2rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader .seaz-uploader__box {
    flex-direction: column;
  }
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader__header {
  width: 16rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader__header {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader__header .seaz-uploader__label {
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: left;
  font-weight: 400;
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .yaht-edit__upload_img_box.editable:hover::before {
  border-radius: 8px;
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader__choose_drop {
  width: 100%;
  box-sizing: border-box;
}
.seaz-charter__guests_add_form .form__row app-seazone-media-uploader .seaz-uploader__choose_drop .seaz-uploader__choose_btn {
  margin-top: 0;
  margin-bottom: 0;
}
.seaz-charter__guests_add_btns {
  margin-top: 3rem;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_btns {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_btns .btn_actions {
    width: 100%;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_add_btns.seaz-crew__btn_box {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_btns.seaz-crew__btn_box button {
    width: 100%;
    margin-top: 1rem;
  }
  .seaz-charter__guests_add_btns.seaz-crew__btn_box .seaz-crew__btn {
    margin-right: 0;
  }
  .seaz-charter__guests_add_btns.seaz-crew__btn_box .seaz-crew__btn:first-of-type {
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_add_btns app-seazone-checkbox {
    width: 100%;
  }
}
.seaz-charter__guests_add_btns app-seazone-checkbox .form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-charter__guests_add_btns app-seazone-checkbox .form__checkbox .form__checkbox-label::before {
  border-color: #bdbdbd;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0;
}
.seaz-charter__guests_add_btns app-seazone-checkbox .form__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.seaz-charter__guests_add_btns app-seazone-checkbox .form__checkbox-label-text {
  padding-left: 0.8rem;
  color: #010202;
}
.seaz-charter__guests_add_btns app-seazone-checkbox .form__checkbox {
  margin-right: 1.6rem;
}
.seaz-charter__guests_form {
  width: 100%;
  padding-bottom: 5rem;
}
.seaz-charter__guests_form_title {
  padding-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 500;
  color: #010202;
}
.seaz-charter__guests_form .info-label.light-purple {
  margin-bottom: 3rem;
}
.seaz-charter__guests_form app-seazone-input {
  width: 27%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form app-seazone-input {
    width: 100%;
  }
}
.seaz-charter__guests_form app-seazone-input app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
  margin-right: 0.8rem;
  width: 16rem;
  max-width: 16rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form app-seazone-input app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
    width: 27rem;
    max-width: 27rem;
  }
}
.seaz-charter__guests_form_count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.8rem 0;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_count {
    padding: 1.2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_count {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-charter__guests_form_count_row {
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_count_row {
    width: 27rem;
    padding-right: 1rem;
    flex-wrap: wrap;
    line-height: 2rem;
    flex-shrink: 0;
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_count_btn {
    width: 100%;
    margin-top: 1.7rem;
  }
}
.seaz-charter__guests_form_count_text {
  margin-right: 1.6rem;
  font-size: 1.4rem;
  color: #351f73;
  font-weight: 500;
  white-space: nowrap;
}
.seaz-charter__guests_form_count_number {
  font-weight: 500;
  font-size: 2rem;
  color: #351f73;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.seaz-charter__guests_form_count.error .seaz-charter__guests_form_count_text,
.seaz-charter__guests_form_count.error .seaz-charter__guests_form_count_number {
  color: #d70000;
}
.seaz-charter__guests_form_table_cake {
  margin-left: 0.8rem;
}
.seaz-charter__guests_form_table_head {
  display: flex;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #f5f5f5;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  color: #828282;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_head {
    display: none;
  }
}
.seaz-charter__guests_form_table_head--kind {
  width: 16%;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_head--name {
  width: 16%;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_head--passport {
  width: 10%;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_head--date {
  width: 9%;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_head--country {
  width: 16%;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_head--docs {
  width: 9%;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_head--birth {
  width: 9%;
  flex-shrink: 0;
  white-space: nowrap;
}
.seaz-charter__guests_form_table_row {
  display: flex;
  align-items: center;
  padding: 2.9rem 2.4rem;
}
.seaz-charter__guests_form_table_row:nth-last-of-type(2n-1) {
  background-color: #fafafb;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_row {
    position: relative;
    flex-wrap: wrap;
  }
}
.seaz-charter__guests_form_table_item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item {
    margin-bottom: 1.6rem;
  }
}
.seaz-charter__guests_form_table_item_label {
  display: none;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item_label {
    display: flex;
    margin-bottom: 0.8rem;
    color: #828282;
  }
}
.seaz-charter__guests_form_table_item_box {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.seaz-charter__guests_form_table_item_box app-seazone-icon {
  cursor: pointer;
  padding-top: 3px;
}
.seaz-charter__guests_form_table_item_count {
  height: 2.4rem;
  min-width: 2.4rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e0e0e0;
  color: #4f4f4f;
}
.seaz-charter__guests_form_table_item app-seazone-icon {
  margin-right: 1rem;
}
.seaz-charter__guests_form_table_item--kind {
  width: 16%;
  color: #010202;
  font-size: 1.6rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__guests_form_table_item--kind {
    width: 15%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--kind {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--kind {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--name {
  width: 16%;
  color: #010202;
  font-size: 1.6rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__guests_form_table_item--name {
    width: 15%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--name {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--name {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--passport {
  width: 10%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__guests_form_table_item--passport {
    width: 11%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--passport {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--passport {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--date {
  width: 9%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
}
.seaz-charter__guests_form_table_item--date.red {
  color: #d70000;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__guests_form_table_item--date {
    width: 11%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--date {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--date {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--country {
  width: 16%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--country {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--country {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--docs {
  width: 8%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--docs {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--docs {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--count {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #e0e0e0;
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 2.4rem;
  color: #4f4f4f;
}
.seaz-charter__guests_form_table_item--birth {
  width: 10%;
  color: #010202;
  font-size: 1.6rem;
  white-space: nowrap;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__guests_form_table_item--birth {
    width: 11%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--birth {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--birth {
    width: 100%;
  }
}
.seaz-charter__guests_form_table_item--btns {
  width: 15%;
  justify-content: flex-end;
}
.seaz-charter__guests_form_table_item--btns button:not(:last-of-type) {
  margin-right: 1rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_table_item--btns {
    position: absolute;
    width: auto;
    bottom: 1.4rem;
    right: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form_table_item--btns {
    width: 100%;
    position: initial;
    justify-content: flex-start;
    padding-top: 1.8rem;
    border-top: 1px solid #e0e0e0;
  }
}
.seaz-charter__guests_form_box {
  background-color: #ffffff;
  padding: 2.4rem 1.2rem;
  border-radius: 1.6rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form_box {
    padding-top: 0;
  }
}
.seaz-charter__guests_form .seaz-charter__add_btn_box {
  margin: 4.8rem auto 0;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form .fleets-contacts-card-body__actions {
    width: 80%;
  }
  .seaz-charter__guests_form .fleets-contacts-card-body__btn {
    width: 100%;
  }
}
.seaz-charter__guests_view {
  position: relative;
}
.seaz-charter__guests_view_edit {
  position: absolute;
  top: 9rem;
  right: 6rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_view_edit {
    top: 3rem;
  }
}
.seaz-charter__guests_view_row {
  display: flex;
  padding-bottom: 3rem;
}
.seaz-charter__guests_view_row.red {
  color: #d70000;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_view_row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-charter__guests_view_row_label {
  width: 19rem;
  padding-right: 1rem;
  font-size: 1.6rem;
  font-weight: 300;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .seaz-charter__guests_view_row_label {
    width: 12rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_view_row_label {
    width: 100%;
    padding-bottom: 1rem;
  }
}
.seaz-charter__guests_view_row_text {
  font-size: 1.6rem;
  color: #010202;
}
.seaz-charter__guests_view_row_icon {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.seaz-charter__guests_view_row_icon span {
  margin-left: 1rem;
  color: #828282;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
}
.seaz-charter__guests_view_row_icon span:hover {
  color: #00b9ff;
  border-bottom: 1px solid #00b9ff;
}
.seaz-charter__guests_birth {
  margin-left: 1rem;
}
.seaz-charter__container {
  width: 126.4rem;
  margin: 0 auto;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__container {
    width: 100%;
    max-width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__container {
    padding: 0 0.8rem 4rem;
  }
}
.seaz-charter__container .app-charter-filter-form app-seazone-form-field .seazone-form-field--wrapper .form-field--label {
  margin: 0 0 0.4rem;
  font-size: 1.2rem;
  line-height: 14px;
  color: #4f4f4f;
}
.seaz-charter__container .seaz-charter-sorted__select app-seazone-form-field .seazone-form-field--wrapper .form-field--label {
  font-size: 1.4rem;
  margin-right: 1.6rem;
  color: #4f4f4f;
}
.seaz-charter__list_card {
  background-color: #ffffff;
  border-radius: 16px;
  margin-bottom: 1.6rem;
  padding: 1.6rem 0 0 0;
}
.seaz-charter__list_card_head {
  padding: 0 3.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_head {
    padding: 0 1.6rem;
  }
}
.seaz-charter__list_card_head_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_head_row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-charter__list_card_head_badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.seaz-charter__list_card_head_last {
  color: #828282;
  font-size: 1.2rem;
}
.seaz-charter__list_card_head_name {
  padding-bottom: 2.4rem;
  color: #351f73;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.3rem;
  width: fit-content;
}
.seaz-charter__list_card_head_name.disabled {
  color: #828282;
}
.seaz-charter__list_card_head_error {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  text-align: center;
  line-height: 2rem;
  background-color: #d70000;
  color: #ffffff;
  margin-right: 1rem;
  cursor: pointer;
}
.seaz-charter__list_card_head_error_box {
  position: relative;
}
.seaz-charter__list_card_head_error_box:hover .seaz-charter__list_card_head_error_text {
  display: flex;
}
.seaz-charter__list_card_head_error_text {
  background-color: #ffffff;
  box-shadow: 0px 0px 12px rgba(53, 31, 115, 0.22);
  padding: 1.2rem 1.2rem 0.4rem 3rem;
  border-radius: 4px;
  color: #d70000;
  flex-direction: column;
  width: 22.6rem;
}
.seaz-charter__list_card_head_error_text span {
  list-style: disc;
  display: list-item;
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.seaz-charter__list_card_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.2rem 2.4rem 3.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details {
    flex-direction: column;
    padding: 0 1.6rem 1.6rem 1.6rem;
  }
}
.seaz-charter__list_card_details_row {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_row {
    flex-wrap: wrap;
  }
}
.seaz-charter__list_card_details_col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 2.4rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__list_card_details_col {
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col {
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col {
    padding-right: 0;
  }
}
.seaz-charter__list_card_details_col:not(:last-of-type) {
  border-right: 1px solid #f5f5f5;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col:nth-last-of-type(2n) {
    border-right: none;
  }
}
.seaz-charter__list_card_details_col:not(:first-of-type) {
  padding-left: 2.4rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__list_card_details_col:not(:first-of-type) {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col:not(:first-of-type) {
    padding-left: inherit;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col:nth-last-of-type(2n) {
    padding-left: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col:nth-last-of-type(2n) {
    padding-left: 0;
  }
}
.seaz-charter__list_card_details_col--period {
  width: 16%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col--period {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col--period {
    width: 100%;
  }
}
.seaz-charter__list_card_details_col--start {
  width: 27%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col--start {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col--start {
    width: 100%;
  }
}
.seaz-charter__list_card_details_col--end {
  width: 27%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col--end {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col--end {
    width: 100%;
  }
}
.seaz-charter__list_card_details_col--guests {
  width: 10%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col--guests {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col--guests {
    width: 100%;
  }
}
.seaz-charter__list_card_details_col--net {
  width: 16%;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__list_card_details_col--net {
    width: 17%;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col--net {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_details_col--net {
    width: 100%;
  }
}
.seaz-charter__list_card_details_col--button {
  display: flex;
  justify-content: flex-end;
  width: 16.5%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_col--button {
    width: 100%;
  }
}
.seaz-charter__list_card_details_label {
  padding-bottom: 0.6rem;
  font-size: 1.2rem;
  color: #828282;
}
.seaz-charter__list_card_details_text {
  font-size: 1.4rem;
  color: #010202;
  line-height: 1.4;
}
.seaz-charter__list_card_details_btn {
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_details_btn {
    width: 100%;
    margin-top: 1.6rem;
    padding: 0.8rem 1.6rem;
  }
}
.seaz-charter__list_card_footer {
  background: #fafafb;
  border-radius: 0 0 1.6rem 1.6rem;
  padding: 1.6rem 3.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_footer {
    padding: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.seaz-charter__list_card_footer_row {
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_footer_row {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_footer_row {
    display: flex;
    flex-direction: column;
  }
}
.seaz-charter__list_card_footer_value {
  font-size: 2rem;
  padding-right: 0.8rem;
  font-weight: 500;
  color: #351f73;
}
.seaz-charter__list_card_footer_value.value-success {
  color: #3aae27;
}
.seaz-charter__list_card_footer_value.error {
  color: #d70000;
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_footer_value {
    margin-bottom: 0.4rem;
  }
}
.seaz-charter__list_card_footer_text {
  color: #828282;
  font-size: 1.2rem;
}
.seaz-charter__list_card_footer_btns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_footer_btns {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_footer_btns {
    flex-direction: column;
  }
}
.seaz-charter__list_card_footer_btns--apa {
  width: 100%;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_footer_btns button {
    width: 49%;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_footer_btns button {
    width: 100%;
  }
}
.seaz-charter__list_card_footer_btns button:not(:last-of-type) {
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card_footer_btns button:not(:last-of-type) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card_footer_btns button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.seaz-charter__list_card--data .seaz-charter__list_card_details_col--guests {
  width: 9%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--guests {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--guests {
    width: 100%;
  }
}
.seaz-charter__list_card--data .seaz-charter__list_card_details_col--period {
  width: 10%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--period {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--period {
    width: 100%;
  }
}
.seaz-charter__list_card--data .seaz-charter__list_card_details_col--start,
.seaz-charter__list_card--data .seaz-charter__list_card_details_col--end {
  width: 22%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--start,
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--end {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--start,
  .seaz-charter__list_card--data .seaz-charter__list_card_details_col--end {
    width: 100%;
  }
}
.seaz-charter__list_header {
  display: flex;
  align-items: center;
  width: 126.4rem;
  margin: 0 auto;
  padding: 3.2rem 0 4.2rem 0;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__list_header {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header {
    width: 98%;
    flex-wrap: wrap;
    padding: 2rem 0;
  }
}
.seaz-charter__list_header .boat__card-wrap {
  margin-bottom: 0;
  width: 100%;
}
.seaz-charter__list_header .profile__wrap-img {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header .profile__wrap-img {
    width: 5.6rem;
    height: 5.6rem;
  }
}
.seaz-charter__list_header .profile__wrap-img .avatar__img {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header .profile__wrap-img .avatar__img {
    width: 5.6rem;
    height: 5.6rem;
  }
}
.seaz-charter__list_header .seaz__return_btn {
  width: 4rem;
  height: 4rem;
  margin-right: 1.6rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header .seaz__return_btn {
    margin: 0 0 1.6rem;
  }
}
.seaz-charter__list_header .profile__col_info {
  padding-right: 3.2rem;
  border-right: 1px solid rgba(53, 40, 113, 0.2);
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header .profile__col_info {
    border-right: 0;
  }
}
.seaz-charter__list_header_apa {
  margin-left: 3.2rem;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .seaz-charter__list_header_apa {
    margin-left: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_apa {
    padding-top: 1.6rem;
    border-top: 1px solid rgba(53, 40, 113, 0.2);
    margin-left: 0;
    margin-top: 2rem;
  }
}
.seaz-charter__list_header_apa_row {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_apa_row {
    flex-wrap: wrap;
  }
}
.seaz-charter__list_header_apa_name {
  margin: 0 0.8rem;
  color: #351f73;
  font-weight: 500;
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_apa_name {
    width: 100%;
    margin: 1.2rem 0;
    white-space: normal;
  }
}
.seaz-charter__list_header_apa_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0.4rem;
}
.seaz-charter__list_header_apa_info_row {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_apa_info_row {
    width: 100%;
    margin-top: 0;
  }
}
.seaz-charter__list_header_apa_info_date {
  color: #4f4f4f;
}
.seaz-charter__list_header_apa_info_text {
  color: #4f4f4f;
}
.seaz-charter__list_header_apa_info_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .seaz-charter__list_header_apa_info_box {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-charter__list_header_apa_info_box .seaz-charter__btn_primary--plus {
    width: 100%;
    margin-top: 1.2rem;
    display: flex;
    justify-content: center;
  }
}
.seaz-charter__list_header_btns {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_btns {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 2.8rem;
  }
}
.seaz-charter__list_header_btns button.seaz__btn_primary,
.seaz-charter__list_header_btns .seaz-modal .modal-content__controls button.main-btn_green,
.seaz-modal .modal-content__controls .seaz-charter__list_header_btns button.main-btn_green {
  width: 17.3rem;
  padding: 1rem 3.2rem;
  border-radius: 4px;
}
.seaz-charter__list_header_btns button.seaz__btn_primary:not(:last-of-type),
.seaz-charter__list_header_btns .seaz-modal .modal-content__controls button.main-btn_green:not(:last-of-type),
.seaz-modal .modal-content__controls .seaz-charter__list_header_btns button.main-btn_green:not(:last-of-type) {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_btns button.seaz__btn_primary:not(:last-of-type),
  .seaz-charter__list_header_btns .seaz-modal .modal-content__controls button.main-btn_green:not(:last-of-type),
  .seaz-modal .modal-content__controls .seaz-charter__list_header_btns button.main-btn_green:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_header_btns button.seaz__btn_primary,
  .seaz-charter__list_header_btns .seaz-modal .modal-content__controls button.main-btn_green,
  .seaz-modal .modal-content__controls .seaz-charter__list_header_btns button.main-btn_green {
    width: 100%;
  }
}
.seaz-charter__list_nav {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #bdbdbd;
  overflow: auto;
}
.seaz-charter__list_nav_wrapper {
  display: flex;
  margin: 0 auto;
}
.seaz-charter__list_nav_item {
  font-weight: 500;
  text-align: center;
  font-size: 1.6rem;
  padding: 1.7rem 3.2rem;
  color: #828282;
  white-space: nowrap;
}
.seaz-charter__list_nav_item.active {
  border-bottom: 2px solid #351f73;
  color: #351f73;
}
.seaz-charter__list_data_btns {
  width: 100%;
  padding: 2.4rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.seaz-charter__list_data_btns button {
  height: 4.2rem;
}
.seaz-charter__list_data_btns button:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_data_btns {
    flex-direction: column;
  }
  .seaz-charter__list_data_btns button {
    width: 100%;
    justify-content: center;
  }
  .seaz-charter__list_data_btns button:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.seaz-charter__list_data_row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_data_row {
    flex-direction: column;
  }
}
.seaz-charter__list_data_row app-charter-payment-details {
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_data_row app-charter-payment-details {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
.seaz-charter__list_data_row--services {
  width: 100%;
}
.seaz-charter__list_data_row--services .seaz-charter__list_payment {
  height: 100%;
}
.seaz-charter__list_data_row--services app-charter-contact-person {
  display: block;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_data_row--services app-charter-contact-person {
    margin-top: 0;
  }
}
.seaz-charter__list_data_row--services:not(:last-of-type) {
  margin-right: 1.6rem;
}
.seaz-charter__list_data_row--services-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.seaz-charter__list_data_guests_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem 0;
}
.seaz-charter__list_data_guests_header.active ~ .seaz-charter__list_data_guests_table {
  display: block;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_data_guests_header {
    flex-direction: column;
    align-items: flex-start;
    padding: 3.2rem 1rem;
  }
}
.seaz-charter__list_data_guests_table {
  display: none;
}
.seaz-charter__list_data_guests_title {
  margin-left: 10px;
  font-size: 3rem;
  font-weight: 500;
  color: #351f73;
  text-transform: uppercase;
  padding: 1rem 1rem 1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.seaz-charter__list_data_guests_title--text {
  overflow: hidden;
}
.seaz-charter__list_data_guests_title.error {
  color: #d70000;
}
@media screen and (max-width: 480px) {
  .seaz-charter__list_data_guests_title {
    margin-bottom: 1.2rem;
  }
}
.seaz-charter__list_data_guests_wrap {
  display: flex;
  overflow: hidden;
}
.seaz-charter__list_data_guests_btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.seaz-charter__list_data_guests_btns .guests-btn__crew {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_data_guests_btns .guests-btn {
    width: 100%;
    justify-content: center;
  }
}
.seaz-charter__list_data_guests_btns button:not(:last-of-type) {
  margin-right: 1.6rem;
}
.seaz-charter__list_data_guests .toggle-button {
  transform: rotateX(180deg);
  padding-bottom: 0;
  transition: all 0.1s ease-in-out;
  padding-top: inherit;
  position: relative;
  top: inherit;
  bottom: -6px;
}
.seaz-charter__list_data_guests .toggle-button.active {
  transform: rotateX(0deg);
  top: 2px;
}
.seaz-charter__list_payment {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 2rem 2.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_payment {
    padding: 1.6rem;
  }
}
.seaz-charter__list_payment_head {
  padding-bottom: 2rem;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: space-between;
  color: #351f73;
  align-items: center;
}
.seaz-charter__list_payment_head_title {
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
}
.seaz-charter__list_payment_main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 0 0.6rem;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_payment_main {
    width: 100%;
  }
}
.seaz-charter__list_payment_main_head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seaz-charter__list_payment_main_subtitle {
  padding-bottom: 1.6rem;
  color: #828282;
  font-size: 1.2rem;
}
.seaz-charter__list_payment_main_title {
  color: #351f73;
  font-weight: 500;
  padding-bottom: 0.2rem;
  font-size: 2rem;
}
.seaz-charter__list_payment_main_title.error {
  color: #d70000;
}
.seaz-charter__list_payment_main_arrow {
  width: 0.9rem;
  transform: rotate(180deg);
  position: absolute;
  bottom: 2.9rem;
  right: 0.8rem;
}
.seaz-charter__list_payment_main_list {
  width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list_payment_main_list {
    width: 100%;
  }
}
.seaz-charter__list_payment_main_list_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 0.8rem;
}
.seaz-charter__list_payment_main_list_item app-seazone-icon.arrow-next {
  width: 9px;
  transform: rotate(180deg);
  margin-left: 1.6rem;
}
.seaz-charter__list_payment_main_list_item--net-income {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.seaz-charter__list_payment_main_list_item--net-income .seaz-charter__list_payment_main_list_text,
.seaz-charter__list_payment_main_list_item--net-income .seaz-charter__list_payment_main_list_number {
  font-size: 1.8rem;
  font-weight: 500;
  color: #828282;
}
.seaz-charter__list_payment_main_list_text {
  padding-right: 1rem;
  color: #4f4f4f;
  font-size: 1.4rem;
}
.seaz-charter__list_payment_main_list_text_box {
  display: flex;
  align-items: center;
}
.seaz-charter__list_payment_main_list_number {
  display: flex;
  align-items: center;
  color: #828282;
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
}
.seaz-charter__list_payment_main_list_number_box {
  display: flex;
  align-items: center;
  position: relative;
}
.seaz-charter__list_payment_main_list_number--positive {
  color: #3f9795;
}
.seaz-charter__list_payment_main_list_number--negative {
  color: #4f194a;
}
.seaz-charter__list_payment_main_list_number--negative .seaz-charter__list_payment_main_list_icon {
  transform: rotateX(180deg);
  transform-origin: 50% 50%;
}
.seaz-charter__list_payment_main_list_number.positive {
  color: #3f9795;
}
.seaz-charter__list_payment_main_list_number.error {
  color: #d70000;
}
.seaz-charter__list_payment_main_list_number.negative {
  color: #4f194a;
}
.seaz-charter__list_payment_main_list_number.negative .seaz-charter__list_payment_main_list_icon {
  transform: rotateX(180deg);
  transform-origin: 50% 50%;
}
.seaz-charter__list_payment_main_list_badge {
  margin-left: 0.8rem;
  color: #4f4f4f;
  text-transform: uppercase;
  padding: 0.7rem 1.2rem;
  border-radius: 24px;
  background-color: #e0e0e0;
  font-weight: 500;
}
.seaz-charter__list_payment_main_list_count {
  display: block;
  height: 2.4rem;
  text-align: center;
  line-height: 2.4rem;
  min-width: 2.4rem;
  border-radius: 50%;
  color: #4f4f4f;
  background-color: #e0e0e0;
  margin-right: 0.8rem;
  font-weight: 500;
}
.seaz-charter__list_payment_enable {
  width: 100%;
  justify-content: center;
  margin-bottom: 1rem;
}
.seaz-charter__list_docs {
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  height: 100%;
}
.seaz-charter__list_docs_head {
  padding: 2rem 2.4rem;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: space-between;
  color: #351f73;
  align-items: center;
}
.seaz-charter__list_docs_head_title {
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
}
.seaz-charter__list_docs_list {
  padding: 2rem 0;
}
.seaz-charter__list_docs_list_item {
  padding: 1.8rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
}
.seaz-charter__list_docs_list_item:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.seaz-charter__list_docs_list_item_row {
  display: flex;
  align-items: center;
}
.seaz-charter__list_docs_list_item_text {
  display: flex;
  flex-direction: column;
  margin-left: 1.8rem;
}
.seaz-charter__list_docs_list_item_text_title {
  font-size: 1.6rem;
  font-weight: 500;
  word-break: break-word;
  padding-bottom: 0.2rem;
  color: #351f73;
}
.seaz-charter__list_docs_list_item_text_subtitle {
  color: #828282;
  font-size: 1.4rem;
  padding-right: 2rem;
  word-break: break-all;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .seaz-charter__list_docs_list {
    padding: 2rem 1rem;
  }
}
.seaz-charter__list .nav-panel__link {
  line-height: 2.5rem;
}
.seaz-charter__list-board {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__list-board {
    margin: 0 0 1.6rem;
  }
}
.seaz-charter__list-board--title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 2rem 2.4rem;
}
.seaz-charter__list-board--title-wrap--actions .seaz-charter__list-board--title--action:not(:last-of-type) {
  margin: 0 1.6rem 0 0;
}
.seaz-charter__list-board--title {
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #351f73;
}
.seaz-charter__list-board--content {
  padding: 2rem 2.4rem 2.4rem;
}
.seaz-charter__list-board--content-broker {
  padding: 2rem 0 2.4rem;
}
.seaz-charter-utc__tooltip.tooltip-pane,
.seaz-charter-date__tooltip.tooltip-pane {
  box-shadow: 0px 0px 12px rgba(53, 31, 115, 0.22);
}
.seaz-charter-utc__tooltip.tooltip-pane .tooltip,
.seaz-charter-date__tooltip.tooltip-pane .tooltip {
  padding: 1.2rem;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
}
.seaz-charter-utc__tooltip.tooltip-pane .tooltip .tooltip__text,
.seaz-charter-date__tooltip.tooltip-pane .tooltip .tooltip__text {
  color: #4f4f4f;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.seaz-charter-utc__tooltip.tooltip-pane.top .tooltip::before {
  transform: translateX(calc(-50% - 6px));
}
.seaz-charter-utc__tooltip.tooltip-pane.bottom .tooltip::before {
  transform: translateX(calc(-50% - 6px)) rotate(180deg);
}
.seaz-charter-date__tooltip.tooltip-pane.top .tooltip::before {
  transform: translateX(calc(-50% + 5px));
}
.seaz-charter-date__tooltip.tooltip-pane.bottom .tooltip::before {
  transform: translateX(calc(-50% + 5px)) rotate(180deg);
}
@media screen and (max-width: 560px) {
  .seaz-charter__btn_box {
    flex-wrap: wrap;
  }
  .seaz-charter__btn_box button {
    width: 48%;
  }
  .seaz-charter__btn_box button:nth-of-type(2n) {
    margin-right: 4%;
  }
}
.seaz-charter__btn_box .seaz-charter__btn_delete {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 560px) {
  .seaz-charter__btn_box .seaz-charter__btn_delete {
    margin: inherit;
    width: 100%;
    margin-bottom: 1rem;
  }
}
.seaz-charter__filtering {
  padding: 1.2rem 1.6rem;
  margin: 4.8rem 0;
  border: 1px solid rgba(53, 40, 113, 0.2);
}
@media screen and (max-width: 1024px) {
  .seaz-charter__filtering {
    margin: 3.2rem 0;
  }
}
.seaz-charter__filtering--title {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #828282;
  margin-top: 2.4rem;
}
.seaz-charter__filtering--list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(53, 40, 113, 0.2);
  padding-top: 0.8rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__filtering--list {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__filtering--list {
    flex-direction: column;
  }
}
.seaz-charter__filtering--row {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__filtering--row {
    flex-direction: column;
    width: 100%;
  }
}
.seaz-charter__filtering--item {
  width: 24%;
}
.seaz-charter__filtering--item:not(:last-of-type) {
  border-right: 1px solid rgba(53, 40, 113, 0.2);
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__filtering--item {
    width: 100%;
  }
  .seaz-charter__filtering--item:not(:last-of-type) {
    border-right: 0;
    margin-right: 0;
    margin-bottom: 2.3rem;
  }
}
.seaz-charter__filtering--hr {
  border-top: 1px solid rgba(53, 40, 113, 0.2);
  margin: 1.6rem 0;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__filtering--hr {
    border-top: 0;
    border-right: 1px solid rgba(53, 40, 113, 0.2);
    margin: 0 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__filtering--hr {
    border-top: 1px solid rgba(53, 40, 113, 0.2);
    border-right: 0;
    margin: 1.6rem 0;
  }
}
.seaz-charter__filtering--content {
  display: flex;
  align-items: center;
}
.seaz-charter__filtering--num {
  font-size: 20px;
  font-weight: 500;
  color: #351f73;
  margin-right: 1.2rem;
}
.seaz-charter__filtering--text {
  color: #828282;
}
.seaz-charter__filtering .seaz-charter__list_card_head_error {
  margin-left: 1.3rem;
  background-color: #a2a2a2;
  padding-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .seaz-charter__filtering .seaz-charter__list_card_head_error {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.2rem;
  }
}
.seaz-charter__guests_form-count {
  display: flex;
  align-items: center;
}
.seaz-charter__guests_form-count--btn {
  margin-left: 0.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form-count {
    flex-direction: column;
  }
  .seaz-charter__guests_form-count--btn {
    width: 100%;
    margin: 1.7rem 0 0 0;
  }
}
.seaz-charter__guests_form-sortBy {
  display: none;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_form-sortBy {
    display: flex;
    justify-content: space-between;
  }
}
.seaz-charter-card-badge {
  padding: 0.7rem 1.2rem;
  border-radius: 2.4rem;
  text-transform: uppercase;
  margin: 0 0.8rem 0 0;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-card-badge {
    padding: 0.3rem 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter-card-badge {
    margin-bottom: 0.8rem;
  }
}
.seaz-charter-card-badge.charter-type-past-charter {
  background-color: #fbe7e8;
  color: #d70000;
}
.seaz-charter-card-badge.charter-type-owners-charter {
  color: #ffffff;
  background-color: #46a6a4;
}
.seaz-charter-card-badge.charter-type-all-inclusive {
  color: #ffffff;
  background-color: #348ece;
}
.seaz-charter-card-badge.charter-type-charter {
  color: #ffffff;
  background-color: #351f73;
}
.seaz-charter-card-badge.charter-type-trip {
  color: #ffffff;
  background-color: #00b9ff;
}
.seaz-charter-card-badge.charter-type-running {
  color: #3aae27;
  background-color: #d8efd4;
}
.seaz-charter-card-badge.charter-type-upcoming {
  color: #94792b;
  background-color: #fdefc8;
}
.seaz-charter-card-badge.charter-complete {
  color: #4f4f4f;
  background-color: #e0e0e0;
}
app-charter-wrapper {
  display: block;
  background-color: #f5f5f5;
}
.seaz-charter-error__tooltip.tooltip-pane.right::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #ffffff;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%) rotate(90deg);
}
.seaz-charter-error__tooltip.tooltip-pane.top::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
}
.seaz-charter-error__tooltip.tooltip-pane.bottom::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #ffffff;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
@media screen and (max-width: 560px) {
  .seaz-crew__btn_box.seaz-charter__add_btn_box {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .seaz-crew__btn_box.seaz-charter__add_btn_box button {
    width: 48%;
  }
  .seaz-crew__btn_box.seaz-charter__add_btn_box .seaz-crew__btn {
    margin-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .seaz-crew__btn_box.seaz-charter__add_btn_box {
    flex-direction: column;
  }
  .seaz-crew__btn_box.seaz-charter__add_btn_box button {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.seaz-charter__apa_form {
  width: 126.4rem;
  margin: 0 auto;
  padding-bottom: 4rem;
}
@media screen and (min-width: 1920px) {
  .seaz-charter__apa_form {
    width: 90%;
  }
}
@media screen and (max-width: 1300px) {
  .seaz-charter__apa_form {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter__apa_form {
    width: 96%;
  }
}
.seaz-charter__apa_form app-info-label {
  margin-bottom: 2rem;
  display: block;
}
.seaz-charter__apa_form .form__col-left {
  width: 100%;
  margin-right: 0;
}
.seaz-charter__apa_form .form__col-left .form__row {
  width: 100%;
}
.seaz-charter__apa_form .form__row,
.seaz-charter__apa_form .form__cash {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .seaz-charter__apa_form .form__row,
  .seaz-charter__apa_form .form__cash {
    width: 100%;
  }
}
.seaz-charter__apa_form app-seazone-text-area {
  padding: 0;
}
.seaz-charter__apa_form app-seazone-text-area .form-field--content.form-field--content-outline {
  min-height: 11.5rem;
}
.seaz-charter__apa_form app-expense-amount-form .form__cash .form__row {
  width: 100%;
}
.seaz-charter__apa_form .form__cash .form__col {
  flex-grow: 0;
}
.seaz-charter__apa_form .form__cash .form__col_currency {
  max-width: 50%;
}
@media screen and (max-width: 480px) {
  .seaz-charter__apa_form .form__cash .form__col_currency {
    max-width: 100%;
  }
}
.seaz-charter__apa_btns {
  width: 100%;
  padding: 3rem 0;
  border-top: 1px solid #bdbdbd;
}
.seaz-charter__apa_btns .form__col {
  min-width: 12.5rem;
  width: auto;
}
@media screen and (max-width: 480px) {
  .seaz-charter__apa_btns .form__col {
    width: 49%;
  }
  .seaz-charter__apa_btns .form__col:not(:last-child) {
    margin-right: 2%;
  }
}
.seaz-charter__apa_btns .form__col-left.form__row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .seaz-charter__apa_btns .form__col-left.form__row {
    flex-direction: row;
  }
}
.seaz-charter__apa_btns button {
  justify-content: center;
  height: 5rem;
}
.seaz-charter__apa_btns .seaz-charter__btn_primary {
  padding: 0.6rem 1.5rem 0.9rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter__apa_navigation .seaz-charter__list_nav {
    padding-bottom: 1px;
    justify-content: center;
    overflow: auto;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__apa_navigation .seaz-charter__list_nav_item {
    white-space: nowrap;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter__apa_navigation {
    overflow-x: auto;
  }
  .seaz-charter__apa_navigation .seaz-charter__list_nav {
    width: 48rem;
    margin: 0 auto;
    overflow: initial;
  }
}
.seaz-charter__apa_radio {
  display: flex;
  flex-direction: column;
}
.seaz-charter__apa_radio_label {
  padding-bottom: 1.2rem;
  color: #351f73;
}
.seaz-charter__apa_radio app-seazone-radio-item {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}
.seaz-charter__apa_radio app-seazone-radio-item .form__radio-input:checked + label:before {
  color: #4f194a;
}
.seaz-charter__apa_radio app-seazone-radio-item .form__radio-label:before {
  border-color: #4f194a;
  width: 2.4rem;
  height: 2.4rem;
}
.seaz-charter__apa_radio app-seazone-radio-item .form__radio-label {
  padding: 0 0 0 4rem;
  height: 1.7rem;
}
.seaz-charter__apa_radio app-seazone-radio-item .form__radio-input:checked + label:after {
  background-color: #4f194a;
  width: 1.2rem;
  height: 1.2rem;
  left: 6px;
  top: 6px;
}
.seaz-charter__apa_radio app-seazone-radio-item .form__radio-label-text {
  color: #010202;
}
.seaz-charter__apa_department {
  margin-left: 3%;
}
.seaz-charter__apa_department .form__row {
  border-left: 1px solid #bdbdbd;
  width: 42% !important;
  margin-bottom: 0.4rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter__apa_department .form__row {
    width: 100%;
  }
}
.seaz-charter__apa_department_text {
  color: #828282;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-charter__apa_department {
    margin-left: 0;
    padding-left: 1%;
  }
}
.seaz-charter__apa-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2.4rem 0 3.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__apa-header {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.seaz-charter__apa-petty-cash {
  max-width: 60%;
  border-color: #3f9795;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__apa-petty-cash {
    max-width: 100%;
    width: 100%;
    margin-bottom: 2.4rem;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__apa-petty-cash .currency-list {
    display: flex;
  }
  .seaz-charter__apa-petty-cash .profile__col_box-price .profile__col-price {
    min-width: auto;
    margin-right: 0.8rem;
  }
}
.seaz-charter__apa-actions {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__apa-actions {
    width: 100%;
    order: 1;
    margin-bottom: 2.2rem;
  }
}
.seaz-charter__apa_title {
  color: #351f73;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 4.5rem;
}
.seaz-charter__apa_table {
  background-color: #ffffff;
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.seaz-charter__apa_table .finance-search {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .seaz-charter__apa_table app-seazone-form-field .form-field--wrapper .form-field--content.large .form-field--content-prefix {
    max-width: 3.2rem;
  }
}
.seaz-apa-btn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.7rem;
}
.seaz-apa-btn__wrap {
  background-color: #e7e7eb;
  border-radius: 9px;
  padding: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-apa-btn__wrap {
    min-width: 100%;
  }
}
.seaz-apa-btn .switch__btn {
  min-width: 13.8rem;
  flex-grow: 0;
  padding: 1.4rem 2.4rem;
  font-size: 1.3rem;
}
.seaz-apa-btn .switch__btn:not(:last-child) {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-apa-btn .switch__btn {
    min-width: 50%;
  }
}
.seaz-apa-report-view {
  display: flex;
  flex-direction: row;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-apa-report-view {
    flex-direction: column;
    margin-bottom: 2.2rem;
  }
}
.seaz-apa-report-charts {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.seaz-apa-aside .dashboard__aside {
  margin-bottom: 2.2rem;
}
.seaz-apa-aside .dashboard__aside-inner {
  padding: 2.4rem 3.2rem;
}
.seaz-apa-aside .text-left,
.seaz-apa-aside .text-right {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #351f73;
  padding: 1.2rem 0;
  background-color: #ffffff;
}
.seaz-apa-aside .text-left.total,
.seaz-apa-aside .text-right.total {
  color: #46a6a4;
}
.seaz-apa-aside .text-right {
  font-weight: bold;
  white-space: nowrap;
}
.seaz-apa-aside .text-right .combine-field {
  color: #828282;
}
.seaz-apa-aside .table {
  position: relative;
}
.seaz-apa-aside .table-hr {
  border-top: 1px solid #e0e0e0;
}
.seaz-apa-aside .table__row.error td.total {
  color: #d70000;
}
.seaz-apa-aside .table__row td.apa-balance {
  font-size: 1.8rem;
  font-weight: 500;
}
.seaz-apa-report-edit-modal {
  border-radius: 0;
}
.seaz-apa-report-edit-modal .modal__wrap {
  padding: 3rem;
}
.seaz-apa-report-edit-modal .seaz-charter__apa_form {
  width: 100%;
}
.seaz-apa-report-edit-modal .seaz-charter__apa_form .form__row,
.seaz-apa-report-edit-modal .seaz-charter__apa_form .form__cash {
  width: 100%;
}
.seaz-apa-report-edit-modal .seaz-charter__apa_btns .form__col-left.form__row {
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .seaz-apa-report-edit-modal .seaz-charter__apa_btns .form__col-left.form__row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .seaz-apa-report-edit-modal .form__col {
    width: 100%;
  }
  .seaz-apa-report-edit-modal .seaz-charter__apa_btns .form__col:not(:last-child) {
    margin-right: 0;
  }
}
.seaz-charter-form-label {
  width: 100%;
  max-width: 14rem;
  margin-right: 2.1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.seaz-charter-form-control {
  width: 100%;
}
.seaz-charter-form-control__field {
  margin-top: 1.6rem;
}
.seaz-charter-form-control__with-btn {
  display: flex;
  align-items: flex-start;
}
.seaz-charter-form-control__with-btn:not(:first-of-type) {
  margin-top: 3rem;
}
.seaz-charter-form-control__btn-close {
  position: relative;
  width: 2.6rem;
  height: 2.4rem;
  margin-left: 0.3rem;
  z-index: 1;
}
.seaz-charter-form-control__btn-close svg[fill],
.seaz-charter-form-control__btn-close [width],
.seaz-charter-form-control__btn-close [height] {
  width: 12px;
  height: 12px;
  fill: red;
}
.seaz-charter-form-control__btn-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 50%;
  z-index: -1;
}
.seaz-charter-form-control .form-field--wrapper {
  width: 100%;
  max-width: 35rem;
}
.seaz-charter__edit_form_select:not(:last-of-type) {
  margin: 3rem 0 0;
}
.seaz-charter__edit_form_input {
  margin: 0.6rem 0 0;
}
.form-other-payments {
  margin-top: 3rem;
}
.form-other-payments .seaz-charter-form-control .form-field--wrapper {
  max-width: 56rem;
}
.form-field-label {
  width: 100%;
  max-width: 14rem;
  display: flex;
  align-items: center;
  margin-right: 2rem;
  color: #010202;
  line-height: 20px;
}
.seaz-charter__edit-vat {
  border-top: 1px solid #bdbdbd;
  padding-top: 3rem;
  margin-bottom: 3rem;
}
.seaz-charter__edit-vat__text {
  font-size: 16px;
  color: #010202;
}
.seaz-charter__edit-vat .form-field-label {
  padding-top: 1.5rem;
}
.seaz-charter__edit-vat .seaz-charter__percentage-control {
  width: 100%;
}
.seaz-charter__edit-fee .form-field-label {
  padding-top: 1.5rem;
}
.seaz-charter__edit-control .seaz-charter__edit_form_row {
  align-items: flex-start;
}
.seaz-charter__edit-control .seaz-charter-row {
  align-items: center;
}
.seaz-charter__edit-control .seaz-charter-input {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit-control .seaz-charter__edit_form_row,
  .seaz-charter__edit-control .seaz-charter-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-charter__edit-control .seaz-charter-input {
    width: 100%;
  }
}
.seaz-charter__edit-control .seaz-charter-charter-percentage-control {
  width: 100%;
}
.seaz-charter-toggle {
  display: flex;
  margin-left: 1rem;
}
.seaz-charter-toggle .form-field__label {
  order: 1;
  white-space: nowrap;
  font-size: 1.6rem;
  color: #313247;
}
.seaz-charter-toggle .seazone__toggle {
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter-toggle {
    margin: 1.7rem 0 0;
  }
}
.seaz-charter__edit-textarea {
  align-items: initial;
}
.seaz-charter__edit-textarea .form-field__area .form-field--label {
  padding-top: 0;
  margin-right: 2rem;
}
.seaz-charter__edit_calculation {
  width: 100%;
}
.seaz-charter__edit_calculation_wrapper {
  margin-top: 2rem;
}
.seaz-charter__edit_calculation__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.9rem 0;
  font-size: 1.2rem;
}
.seaz-charter__edit_calculation__item--title {
  color: #828282;
}
.seaz-charter__edit_calculation__item--amount {
  color: #010202;
}
.seaz-charter__edit_calculation__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.85rem 0;
}
.seaz-charter__edit_calculation__footer span {
  font-weight: 500;
  color: #010202;
}
.seaz-charter__edit-row-info {
  border-top: 1px solid #bdbdbd;
  padding-top: 3rem;
  margin-top: 3rem;
}
.seaz-charter__edit-row-info .seaz-h3,
.seaz-charter__edit-row-info .seaz-h3-caps {
  margin-bottom: 1.5rem;
}
.seaz-charter__edit_form-select {
  width: 10.2rem;
  margin-left: 0.8rem;
}
.seaz-charter__edit_form-select .form-field--content-suffix[_ngcontent-seazoneServer-c208],
.seaz-charter__edit_form-select .form-field--content-prefix[_ngcontent-seazoneServer-c208] {
  display: block;
}
.seaz-charter-data-btn-wrap {
  justify-content: flex-end;
}
.statistic-daily .seaz-charter__filtering--num {
  color: #46a6a4;
}
.statistic-term .seaz-charter__filtering--item:first-of-type .seaz-charter__filtering--text {
  color: #351f73;
}
.statistic-daily .seaz-charter__filtering--item:first-of-type .seaz-charter__filtering--text {
  color: #46a6a4;
}
.seaz-charter__edit_form-details .seaz-charter__edit_form_row {
  align-items: flex-start;
}
.seaz-charter__edit_form-details .seaz__btn_small-outlined,
.seaz-charter__edit_form-details .seaz__btn_small-outlined-plus {
  font-weight: 500;
}
.seaz-charter__edit_form-details .seaz__btn_small-outlined-plus::before {
  display: none;
}
.seaz-charter__edit_form-details .seaz-apa-btn {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__edit_form-details .seaz-apa-btn {
    width: 100%;
  }
}
.seaz-charter-agent {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin: 0 1.2rem 1.6rem 0;
}
.seaz-charter-agent__title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #351f73;
}
.seaz-charter-agent__list {
  margin-top: 1.2rem;
}
.seaz-charter-agent__item {
  display: flex;
  align-items: center;
  color: #4f4f4f;
}
.seaz-charter-agent__item:not(:last-of-type) {
  margin-bottom: 1.2rem;
}
.seaz-charter-agent__icon {
  display: block;
  margin-right: 1rem;
  color: #00b9ff;
}
.seaz-charter__guests_list_item_btn_box button {
  margin-right: 1.3rem;
}
.seaz-charter__guests_text {
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__guests_text {
    font-size: 1.3rem;
  }
}
.seaz-charter-new-agent {
  width: 100%;
}
.seaz-charter-new-agent__container {
  width: 100%;
}
.seaz-charter-new-agent__item {
  display: flex;
  align-items: flex-start;
}
.seaz-charter-new-agent__item .seaz-charter-form-label {
  margin-right: 1rem;
}
.seaz-charter-new-agent__group {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  width: 100%;
}
.seaz-charter-new-agent__btn-close {
  background-color: #828282;
  border-radius: 50%;
  padding: 0.4rem;
  margin-left: 2.6rem;
}
.seaz-charter-new-agent__btn-close svg[width],
.seaz-charter-new-agent__btn-close [height] {
  width: 1.2rem;
  height: 1.2rem;
}
.seaz-charter-new-agent .form__block-text {
  width: 100%;
  max-width: 14rem;
  margin-right: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.seaz-charter-new-agent .phone-control-wrapper {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-charter-new-agent__item {
    flex-direction: column;
  }
  .seaz-charter-new-agent__item .seaz-charter-form-label {
    margin: 0 0 1rem 0;
  }
  .seaz-charter-new-agent .seaz-charter__guests_list_item_btn {
    width: 100%;
  }
}
.seaz-charter-agent__row {
  display: block;
}
.seaz-charter-agent-box {
  padding: 7.3rem 0 4.4rem;
}
.seaz-charter-agent-box__wrapper,
.seaz-charter-agent-box .seaz-charter__guests_add_title {
  width: 100% !important;
  max-width: 63.8rem;
  margin: 0 auto;
}
.seaz-charter-agent-box .seaz-charter-agent-form {
  padding: 0 4.4rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter-agent-box .seaz-charter-agent-form {
    padding: 0;
  }
}
.seaz-charter__guests_add_box.seaz-charter-agent-box {
  width: 100%;
}
.seaz-charter-agent-form .seaz-charter__guests_add_form {
  width: 53.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .seaz-charter-agent-form .seaz-charter__guests_add_form {
    width: 100%;
  }
}
.seaz-charter-broker,
.seaz-charter-notes {
  max-height: 25.6rem;
  padding: 0 2.4rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.seaz-charter-broker::-webkit-scrollbar,
.seaz-charter-notes::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.seaz-charter-broker::-webkit-scrollbar-track,
.seaz-charter-notes::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.seaz-charter-broker::-webkit-scrollbar-thumb,
.seaz-charter-notes::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.seaz-charter-broker__wrap,
.seaz-charter-notes__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1.2rem;
  margin-bottom: 1.6rem;
  overflow: hidden;
}
.seaz-charter-broker__title,
.seaz-charter-notes__title {
  font-weight: 500;
  color: #351f73;
}
.seaz-charter-broker__content,
.seaz-charter-notes__content {
  overflow: hidden;
}
.seaz-charter-broker__list,
.seaz-charter-notes__list {
  margin-top: 1.6rem;
}
.seaz-charter-broker__item,
.seaz-charter-notes__item {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
  color: #4f4f4f;
}
.seaz-charter-broker__item--icon,
.seaz-charter-notes__item--icon {
  display: block;
  font-size: 1.3rem;
  color: #00b9ff;
  margin-right: 1rem;
}
.seaz-charter-broker__item--notes,
.seaz-charter-notes__item--notes {
  max-width: 31rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.3rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter-broker__item--notes,
  .seaz-charter-notes__item--notes {
    max-width: 21rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter-broker__item--notes,
  .seaz-charter-notes__item--notes {
    max-width: 100%;
  }
}
.seaz-charter-broker .boat-home__content,
.seaz-charter-notes .boat-home__content {
  padding: 0;
  height: 15rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-broker,
  .seaz-charter-notes {
    height: auto;
    max-height: 100%;
    overflow-y: visible;
  }
  .seaz-charter-broker .boat-home__content,
  .seaz-charter-notes .boat-home__content {
    height: auto;
  }
}
.seaz-charter-notes {
  padding: 0;
}
.seaz-charter-notes__text {
  word-break: break-word;
}
.seaz-charter__edit_form-checkbox {
  width: 11rem;
  margin-left: 1rem;
}
.seaz-charter__edit_form-checkbox .form__checkbox-label-text {
  padding-left: 1rem;
}
.seaz-charter__edit_form-checkbox .form__checkbox-label-text {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_form-checkbox {
    margin: 1.7rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_payment .form-field-label-gross-income,
  .form-field-label {
    margin: 0 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_payment .seaz-charter__edit_form-select {
    margin: 1rem 0 0;
  }
}
.seaz-charter__edit_form-wrap {
  width: 76.6rem;
  margin: 0 auto 4.8rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter__edit_form-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .seaz-charter__edit_payment .seaz-charter__edit_form_row app-seazone-select .form-field--label.form-field--label,
  .seaz-charter__edit_payment .seaz-charter__edit_form_row app-seazone-input .form-field--label.form-field--label,
  .seaz-charter__edit_payment .seaz-charter__edit_form_row app-seazone-text-area .form-field--label.form-field--label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .seaz-charter__edit_payment .seaz-charter__edit_form_row app-seazone-select .form-field--wrapper__row,
  .seaz-charter__edit_payment .seaz-charter__edit_form_row app-seazone-input .form-field--wrapper__row,
  .seaz-charter__edit_payment .seaz-charter__edit_form_row app-seazone-text-area .form-field--wrapper__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter__edit_payment .form__row.form-other-payments {
    flex-direction: column;
  }
}
.charter-complete-modal .modal-close {
  top: 3.5rem;
}
.charter-complete-modal .seaz-modal__apply_title {
  font-size: 2.4rem;
  width: 100%;
  text-align: left;
  line-height: 3rem;
  margin-bottom: 2rem;
}
.charter-complete-modal .seaz-modal__apply_text {
  text-align: left;
}
.seaz-charter__list_payment_main_list_icon {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.6rem;
}
.seaz-charter__list_payment_main_list_btn {
  position: absolute;
  top: 50%;
  right: -1.6rem;
  transform: translate(0, -50%);
}
.seaz-charter-sorted {
  display: grid;
  grid-template-areas: "search template";
  grid-template-columns: 1fr 33rem;
  align-items: flex-end;
  margin-bottom: 2.4rem;
}
.seaz-charter-sorted__search {
  grid-area: search;
  position: relative;
  display: flex;
  margin-right: 3.1rem;
  width: 100%;
}
.seaz-charter-sorted__select {
  display: flex;
  width: 30.6rem;
  grid-area: select;
  justify-self: end;
}
.seaz-charter-sorted__select .form-field--wrapper {
  flex-direction: row !important;
  align-items: center;
}
.seaz-charter-sorted__select .form-field--label {
  white-space: nowrap;
  margin-right: 1.6rem;
}
.seaz-charter-sorted__download-template {
  grid-area: template;
  justify-self: end;
}
@media screen and (max-width: 1300px) {
  .seaz-charter-sorted {
    grid-template-columns: 1fr;
    grid-gap: 3rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter-sorted__select,
  .seaz-charter-sorted__search {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter-sorted {
    grid-template-areas: "template" "search" "select";
    grid-gap: 2rem 0;
  }
  .seaz-charter-sorted .seaz-filters__row_search-icon {
    height: 4rem;
  }
  .seaz-charter-sorted .seazone-form-field--wrapper .form-field--label {
    margin-bottom: 0;
  }
}
.seaz-charter__guests_form-sortBy .form-field--wrapper.form-field--wrapper__row.seazone-form-field--wrapper .form-field--label {
  width: 27rem;
  max-width: 27rem;
  margin-right: 0.8rem;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .seaz-charter__guests_form-sortBy .form-field--wrapper.form-field--wrapper__row {
    flex-direction: row;
  }
  .seaz-charter__guests_form-count .form-field--wrapper.form-field--wrapper__row {
    flex-direction: row;
  }
  .seaz-charter__guests_form-sortBy .form-field--wrapper.form-field--wrapper__row.seazone-form-field--wrapper .form-field--label {
    width: 30%;
    max-width: 30%;
  }
  .seaz-charter__guests_form app-seazone-input app-seazone-form-field .form-field--wrapper.form-field--wrapper__row .form-field--label {
    width: 15rem;
  }
}
.app-charter-filter-form .form__row {
  align-items: center;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 768px) {
  .app-charter-filter-form .form__row {
    display: block;
  }
}
.app-charter-filter-form .form-field--wrapper .form-field--content-outline {
  height: 4rem;
}
.app-charter-filter-form .form-field--wrapper .form-field--content {
  align-items: center;
}
.app-charter-filter-form .select-placeholder {
  font-size: 1.4rem;
}
.app-charter-filter-form__select {
  width: 24%;
  margin-right: 1.6rem;
}
.app-charter-filter-form__select .select-placeholder,
.app-charter-filter-form__select .select-value {
  font-size: 1.4rem;
}
.app-charter-filter-form__select .select-value {
  color: #010202;
}
@media screen and (max-width: 768px) {
  .app-charter-filter-form__select {
    width: 100%;
    margin: 0 0 1.6rem;
  }
}
.app-charter-filter-form__checkbox-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.4rem;
  padding-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  .app-charter-filter-form__checkbox-wrap {
    width: 100%;
    justify-content: flex-start;
    padding-top: 0;
  }
}
.app-charter-filter-form__checkbox:not(:last-of-type) {
  margin-right: 1.6rem;
}
.app-charter-filter-form__checkbox .form__checkbox-label {
  width: 2.4rem;
  height: 2.4rem;
}
.app-charter-filter-form__checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.5rem;
}
.app-charter-filter-form__checkbox .form__checkbox-label-text {
  padding-left: 0.8rem;
}
.app-charter-filter-form__location {
  display: block;
  width: 24%;
  margin-right: 1.6rem;
}
.app-charter-filter-form__location svg[width],
.app-charter-filter-form__location [height] {
  width: 6px;
  height: 14px;
}
.app-charter-filter-form__location .form-field--content-suffix {
  transform: rotateY(180deg);
  transform-origin: 50%;
}
@media screen and (max-width: 768px) {
  .app-charter-filter-form__location {
    width: 100%;
    margin: 0 0 1.6rem;
  }
  .app-charter-filter-form__location .form-field--wrapper {
    margin: 0 0 1.6rem;
  }
}
.app-charter-filter-form__btn {
  font-weight: 500;
  color: #00b9ff;
  text-transform: uppercase;
  padding-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  .app-charter-filter-form__btn {
    padding-top: 0;
  }
}
.app-charter-filter-form-location__wrap {
  width: 100%;
  max-width: 63.8rem;
  margin: 0 auto;
}
.app-charter-filter-form-location__title {
  font-weight: 500;
  color: #351f73;
  margin-bottom: 3rem;
}
.app-charter-filter-form-location__label {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 14rem;
  margin-right: 2rem;
}
.app-charter-filter-form-location__label--icon {
  padding-left: 1.1rem;
}
.app-charter-filter-form-location__btn-box {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e0e0e0;
  padding-top: 3rem;
  margin-top: 3rem;
}
.app-charter-filter-form-location__btn-box .seaz__btn_rounded:not(:last-of-type) {
  margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
  .app-charter-filter-form-location {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 662px) {
  .app-charter-filter-form-location .form__row,
  .app-charter-filter-form-location .form-field--wrapper.form-field--wrapper__row.wrapper-rounded {
    flex-direction: column;
  }
  .app-charter-filter-form-location .wrapper-rounded .form-field--label {
    margin: 0 0 0.8rem;
  }
  .app-charter-filter-form-location__label {
    margin: 0 0 0.8rem;
  }
}
.app-charter-filter-form-location .form-field--content-outline {
  height: auto !important;
}
.seaz-charter-edit-form-fields-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seaz-charter-edit-form-fields-container {
    justify-content: space-between;
  }
  .seaz-charter-edit-form-fields-container__app-seazone-input {
    margin-right: 1rem;
  }
  .seaz-charter-edit-form-fields-container .seaz-charter__edit_form-select {
    flex-shrink: 1;
  }
}
.seaz-charter__apa_btns-transaction .form__col-left.form__row {
  justify-content: flex-start;
}
.seaz-charter-financial-info .boat__title {
  margin-bottom: 0.8rem;
}
.seaz-charter-financial-info .financial-data-table {
  display: block;
  background-color: #ffffff;
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.seaz-charter-financial-info .boat__top-btn {
  display: none;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-financial-info .boat__date-text:not(:last-child) {
    margin-right: 1.8rem;
  }
}
.financial-report-table .table__head .table__col {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  border-bottom: 1px solid #e0e0e0;
  color: #828282;
}
.financial-report-table .table__col-separator {
  padding-bottom: 1.2rem;
}
.financial-report-table .table__body .table__col {
  padding: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.financial-report-table .table__body .table__col.table__col_details {
  padding: 0;
}
.financial-report-table .table__body .table__col:first-of-type {
  border-radius: 1.2rem 0 0 1.2rem;
}
.financial-report-table .table__body .table__col:last-of-type {
  border-radius: 0 1.2rem 1.2rem 0;
}
.seaz-charter-financial-info-table .table__col-inner-description,
.seaz-charter__apa_table .table__col-inner-description {
  width: 37.2rem;
}
.seaz-charter-financial-info-table .table__col-inner,
.seaz-charter__apa_table .table__col-inner {
  max-width: 220px;
}
@media screen and (max-width: 1300px) {
  .seaz-charter-financial-info-table .table__col-inner,
  .seaz-charter__apa_table .table__col-inner {
    max-width: 150px;
  }
  .seaz-charter-financial-info-table .table__col-inner-description,
  .seaz-charter__apa_table .table__col-inner-description {
    width: 8.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter-financial-info-table .table__col-inner-description,
  .seaz-charter__apa_table .table__col-inner-description {
    width: 100%;
  }
  .seaz-charter-financial-info-table .table__col-inner-financial,
  .seaz-charter__apa_table .table__col-inner-financial {
    width: 60px;
  }
  .seaz-charter-financial-info-table .boat__date-text:not(:last-child),
  .seaz-charter__apa_table .boat__date-text:not(:last-child) {
    margin-right: 1.8rem;
  }
}
.seaz-charter-financial-info-table .table_financial .table__head .table__col,
.seaz-charter-financial-info-table .table__col-btn-sort {
  color: #828282;
}
.seaz-charter-additional-details {
  margin: 2.4rem 0 0;
}
.seaz-charter-additional-details__content {
  display: flex;
  justify-content: space-between;
  padding: 2.4rem 3rem;
}
.seaz-charter-additional-details__col {
  width: 50%;
}
.seaz-charter-additional-details__col:not(:last-of-type) {
  border-right: 1px solid #e0e0e0;
}
.seaz-charter-additional-details__list {
  padding: 2rem 0;
  margin: 0 3.2rem;
}
.seaz-charter-additional-details__list:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.seaz-charter-additional-details__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 4.1rem;
  color: #4f4f4f;
}
.seaz-charter-additional-details__item:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
.seaz-charter-additional-details__item--sign {
  padding-right: 0.8rem;
}
.seaz-charter-additional-details__item--last-item {
  font-weight: bold;
}
.seaz-charter-additional-details__title_wrapper {
  display: flex;
}
.seaz-charter-additional-details__icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-additional-details__content {
    padding: 2rem 2rem;
  }
  .seaz-charter-additional-details__list {
    margin: 0 1.5rem;
  }
  .seaz-charter-additional-details__list:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter-additional-details__content {
    flex-direction: column;
  }
  .seaz-charter-additional-details__col {
    width: 100%;
  }
  .seaz-charter-additional-details__col:not(:last-of-type) {
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .seaz-charter-additional-details__list {
    margin: 0;
  }
  .seaz-charter-additional-details__list:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
  }
  .seaz-charter-additional-details__item {
    padding-left: 3rem;
  }
  .seaz-charter-additional-details__icon {
    font-size: 1.5rem;
  }
}
.seaz-charter-broker-modal {
  width: 95%;
}
.seaz-charter-broker-modal .seaz-charter__guests_list {
  width: 95%;
}
.seaz-charter-broker-modal .seaz-charter__guests_list_item_col {
  width: 21%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-broker-modal .seaz-charter__guests_list_item_col {
    width: 19%;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter-broker-modal .seaz-charter__guests_list_item_col {
    width: 100%;
    padding-bottom: 1.6rem;
  }
  .seaz-charter-broker-modal .seaz-charter__guests_list_item {
    padding-bottom: 4rem;
    flex-direction: column;
  }
}
.seaz-charter-overview-container {
  margin: 0 0 3rem;
}
.seaz-charter-overview {
  width: 100%;
  max-width: 126.4rem;
  padding: 3rem 1rem 0;
  margin: 0 auto;
  border-top: 1px solid #bdbdbd;
}
.seaz-charter-overview__component {
  margin-top: 3rem;
}
.seaz-charter-overview__services {
  margin-bottom: 3.4rem;
}
.seaz-charter-overview__services--btn-wrap {
  display: flex;
  justify-content: flex-end;
}
.seaz-charter-overview__services--wrap {
  display: flex;
  align-items: flex-end;
  margin-top: 3rem;
}
.seaz-charter-overview__tabs-wrap {
  margin-right: 2.4rem;
}
.seaz-charter-overview__tabs-wrap .switch__btn {
  padding: 1.3rem 1.6rem;
}
.seaz-charter-overview__selecting {
  display: flex;
  margin-right: 2.6rem;
}
.seaz-charter-overview__selecting--item {
  width: 100%;
  min-width: 36.8rem;
}
.seaz-charter-overview__selecting--item:not(:last-of-type) {
  margin-right: 2.4rem;
}
.seaz-charter-overview__selecting-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-width: 36.8rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter-overview__selecting-list {
    width: 100%;
    min-width: 28rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter-overview__selecting-list {
    width: 100%;
    min-width: 100%;
  }
}
.seaz-charter-overview__selecting-item {
  width: 100%;
}
.seaz-charter-overview__selecting-item--month {
  padding-right: 0.8rem;
}
.seaz-charter-overview .seaz-charter-overview__selecting-item app-seazone-form-field .seazone-form-field--wrapper .form-field--label {
  margin: 0 0 0.4rem;
  font-size: 1.2rem;
  line-height: 14px;
  color: #351f6f;
}
.seaz-charter-overview__btn {
  font-weight: 500;
}
.seaz-charter-overview__btn-download {
  padding: 1.1rem 2.2rem;
  border: 1px solid #351f73;
  box-sizing: border-box;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #351f73;
}
.seaz-charter-overview__btn-apply {
  height: 4.7rem;
  padding: 0 3rem;
  margin-left: 2.4rem;
  border: 1px solid #351f73;
  box-sizing: border-box;
  border-radius: 0.4rem;
  transition: background-color 0.2s, color 0.2s;
}
.seaz-charter-overview__btn-apply:disabled {
  border-color: transparent;
  color: #ffffff;
}
.seaz-charter-overview__toggle-box {
  margin-left: 3rem;
}
.seaz-charter-overview__toggle {
  display: flex;
}
.seaz-charter-overview__toggle:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.seaz-charter-overview__toggle--text {
  color: #010202;
  margin-left: 0.8rem;
}
@media screen and (max-width: 1300px) {
  .seaz-charter-overview {
    width: 100%;
    max-width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .seaz-charter-overview {
    padding: 0 1rem 0;
    border: none;
  }
  .seaz-charter-overview__services {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-charter-overview__services--wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.6rem;
  }
  .seaz-charter-overview__toggle-box {
    margin: 2rem 0 0;
  }
  .seaz-charter-overview__btn-download {
    width: 100%;
    text-align: center;
  }
  .seaz-charter-overview .seaz-charter__btn_primary {
    justify-content: center;
  }
  .seaz-charter-overview .seaz-tabs-container {
    width: 100%;
  }
  .seaz-charter-overview__tabs-wrap {
    display: flex;
    margin-right: 0;
  }
  .seaz-charter-overview__tabs-wrap .switch__btn {
    width: 100%;
  }
  .seaz-charter-overview__selecting {
    width: 100%;
    flex-direction: row;
    margin: 0 0 2.2rem;
  }
  .seaz-charter-overview__selecting--item {
    width: 100%;
  }
  .seaz-charter-overview__selecting--item:not(:last-of-type) {
    margin-right: 1rem;
  }
  .seaz-charter-overview__btn-apply {
    width: 100%;
    margin: 1.6rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter-overview__services app-duration-mode-control {
    width: 100%;
  }
  .seaz-charter-overview__services .duration-tabs {
    width: 100%;
  }
  .seaz-charter-overview__services .duration-mode-selecting__list,
  .seaz-charter-overview__services .duration-mode-selecting__item {
    width: 100%;
  }
  .seaz-charter-overview__services .duration-tabs__switch-btn {
    width: 50%;
    text-align: center;
  }
}
.seaz-tabs-wrap__title {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 0.2rem;
  color: #351f6f;
}
.seaz-charter-overview-chart {
  display: flex;
  justify-content: space-between;
}
.seaz-charter-overview-chart__container {
  border: 0.5px solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  padding: 2.4rem;
  background-color: #fff;
}
.seaz-charter-overview-chart__chart-item {
  flex-grow: 1;
}
.seaz-charter-overview-chart__chart-total {
  width: 32.6rem;
  margin-left: 1.6rem;
}
.seaz-charter-overview-chart__chart-total--income {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #4d4e67;
  margin-top: 0.8rem;
}
.seaz-charter-overview-chart__chart-title-box {
  margin-bottom: 3rem;
}
.seaz-charter-overview-chart__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.seaz-charter-overview-chart__header--title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #351f6f;
  margin-bottom: 0.8rem;
  line-height: 1.4;
}
.seaz-charter-overview-chart__header--title:first-letter {
  text-transform: uppercase;
}
.seaz-charter-overview-chart__header--sub-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #4d4e67;
  margin-top: 0.8rem;
}
.seaz-charter-overview-chart__chart-title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #351f6f;
  margin-bottom: 0.8rem;
  line-height: 1.4;
}
.seaz-charter-overview-chart__chart-title:first-letter {
  text-transform: uppercase;
}
.seaz-charter-overview-chart__chart--title-val {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
  color: #4d4e67;
}
.seaz-charter-overview-chart__profit-chart {
  width: 100%;
  max-width: 43.8rem;
  padding: 0;
}
.seaz-charter-overview-chart__profit-chart--title-box {
  padding: 2rem 2.4rem;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 1.7rem;
}
.seaz-charter-overview-chart__profit-chart--title {
  margin-bottom: 0;
}
.seaz-charter-overview-chart__profit-chart--box-chart {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .seaz-charter-overview-chart {
    flex-direction: column;
  }
  .seaz-charter-overview-chart__chart-item,
  .seaz-charter-overview-chart__chart-total {
    width: 100%;
    max-width: 100%;
  }
  .seaz-charter-overview-chart__chart-total {
    flex-shrink: 0;
    margin: 1.6rem 0 0;
  }
  .seaz-charter-overview-chart__container {
    padding: 1.5rem 1rem;
    overflow: hidden;
  }
}
.seaz-charter-overview-graph__selecting-list {
  display: flex;
  justify-content: flex-end;
  margin-top: 4.8rem;
}
.seaz-charter-overview-graph .seaz-charter-overview__selecting-item:not(:last-of-type) {
  margin-right: 1.7rem;
}
.seaz-charter-overview-graph__selecting-days {
  width: 27.5rem;
}
.seaz-charter-overview-graph__selecting-year {
  width: 10.7rem;
}
.seaz-charter-overview-graph__selecting-year .form-field--content:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.6rem;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #46a6a4;
}
.seaz-charter-overview-graph__selecting-year .form-field--content.form-field--content-outline {
  position: relative;
  padding: 0.8rem 1.2rem 0.8rem 2.5rem;
}
.seaz-charter-overview-graph__graph {
  margin-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter-overview-graph__selecting-list {
    flex-direction: column;
    margin-top: 1.9rem;
  }
  .seaz-charter-overview-graph__selecting-days,
  .seaz-charter-overview-graph__selecting-year {
    width: 100%;
  }
  .seaz-charter-overview-graph .seaz-charter-overview__selecting-item:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.seaz-charter-overview-graph__selecting-year-purple .form-field--content:after {
  background-color: #351f6f;
}
.seaz-charter-overview-trips-table {
  padding-bottom: 8.4rem;
}
.seaz-charter-overview-trips-table .table__col {
  color: #010202;
}
.seaz-charter-overview-trips-table .table__col-inner {
  overflow: visible;
  white-space: normal;
}
.seaz-charter-overview-trips-table .table_financial .table__col-inner {
  max-height: initial;
}
.seaz-charter-overview-trips-table .table-period {
  color: #828282;
}
.seaz-charter-overview-trips-table .table__col-net-income {
  display: flex;
}
.seaz-charter-overview-trips-table .net-income-badge {
  margin-right: 0.5rem;
}
.seaz-charter-overview-trips-table .net-income-badge.error {
  color: #d70000;
}
.seaz-charter-overview-trips-table .net-income-badge.value-success {
  color: #3aae27;
}
.seaz-charter-overview-trips-table .seaz-charter-overview-chart__chart-title {
  margin-bottom: 3rem;
}
.seaz-charter-overview-trips-table .seaz-charter__apa_table {
  border: 0.5px solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
}
.seaz-charter-overview-trips-table .table__col.financial-data__table_btn {
  width: 8.8rem;
}
.seaz-charter-overview-trips-table .financial-data__table_btn .form__btn {
  width: 1.6rem;
  margin-left: auto;
}
.seaz-charter-overview-trips-table .main-btn_green {
  background: inherit;
  border: none;
}
.seaz-charter-overview-trips-table .main-btn_green.main-btn_form-icon {
  color: #55b5b3;
  transform: rotateY(190deg);
}
.seaz-charter-overview-trips-table .financial-data__table_medium app-seazone-form-field {
  max-width: 100%;
}
.seaz-charter-overview-trips-table .select-placeholder,
.seaz-charter-overview-trips-table .select-value {
  font-size: 1.2rem;
  color: #010202;
}
.seaz-charter-overview-trips-table .table .form-field--content.form-field--content-outline {
  height: 2.9rem;
  padding: 0 1.2rem;
}
.seaz-charter-overview-trips-table .table .seazone__form-input {
  font-size: 1.2rem;
  color: #010202;
}
.seaz-charter-overview-trips-table .table .seazone__form-input::placeholder {
  font-size: 1.2rem;
  color: #010202;
}
.seaz-charter-overview-trips-table .table .form-field--label {
  font-size: 1.2rem;
  color: #828282;
}
.seaz-charter-overview-trips-table .table_financial .financial-data__table_row .table__col {
  padding: 2rem 0.5rem;
}
.seaz-charter-overview-trips-table .table__row.financial-data__table_row {
  border-bottom: 1px solid #e0e0e0;
}
.seaz-charter-overview-trips-table .table_financial .table__body .table__col {
  background: inherit;
}
.seaz-charter-overview-trips-table .table__body .table__row {
  border-bottom: 1px solid #e0e0e0;
}
.seaz-charter-overview-trips-table .table__body .table__col {
  padding: 1.3rem 0.8rem 2rem;
}
.seaz-charter-overview-trips-table .financial-data__table .table__col-inner,
.seaz-charter-overview-trips-table .seaz-charter__apa_table {
  width: max-content;
}
.seaz-charter-overview-trips-table .financial-data__category .table__col-inner,
.seaz-charter-overview-trips-table .seaz-charter__apa_table {
  width: auto;
}
.seaz-charter-overview-trips-table .app-charter-filter-form__location {
  display: inline-block;
  width: 100%;
}
.seaz-charter-overview-trips-table .table_financial .table__col-btns {
  border-left: none;
}
.seaz-charter-overview-trips-table__reload-btn {
  display: block;
  margin: 3.8rem auto 2.4rem;
}
.seaz-charter-overview-trips-table .seaz-charter-card-badge {
  margin: 0;
  text-align: center;
  line-height: 1rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter-overview-trips-table .app-charter-filter-form__location {
    margin: 0;
  }
  .seaz-charter-overview-trips-table .app-charter-filter-form__location .form-field--wrapper {
    margin: 0;
  }
  .seaz-charter-overview-trips-table .seaz-charter-card-badge {
    padding: 0.7rem 1.2rem;
  }
}
.seaz-charter-overview-trips-table .table__col app-seazone-form-field .seazone-form-field--wrapper .form-field--label {
  font-size: 1.2rem;
  line-height: 20px;
  color: #828282;
  margin-right: 0;
}
.seaz-charter-overview-trips-table .net-income-range .form-field--content.form-field--content-outline {
  min-width: 10rem;
}
.seaz-charter-contact-person__btn-box {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.4rem;
}
.seaz-charter-contact-person .info-label.light-purple {
  margin-bottom: 2.4rem;
}
.seaz-charter-contact-person .seaz-charter__guests_form_count_btn {
  border-radius: 0.4rem;
}
.seaz-charter-contact-person .seaz-charter__guests_form_table_item {
  padding-right: 0.8rem;
}
.seaz-charter-contact-person .seaz-charter__guests_form_table_head--name,
.seaz-charter-contact-person .seaz-charter__guests_form_table_item--name {
  width: 14.5%;
}
.seaz-charter-contact-person .seaz-charter__guests_form_table_head--phone,
.seaz-charter-contact-person .seaz-charter__guests_form_table_item--phone,
.seaz-charter-contact-person .seaz-charter__guests_form_table_head--email,
.seaz-charter-contact-person .seaz-charter__guests_form_table_item--email {
  width: 32%;
}
.seaz-charter-contact-person .seaz-charter__guests_form_table_head--notes,
.seaz-charter-contact-person .seaz-charter__guests_form_table_item--notes {
  width: 15%;
}
.seaz-charter-contact-person .seaz-charter__guests_form_table_head--icon {
  display: inline-block;
  vertical-align: middle;
}
.seaz-charter-contact-person .seaz-charter__guests_text,
.seaz-charter-contact-person .seaz-charter__guests_form_table_item_text {
  cursor: pointer;
  display: inline-block;
}
.seaz-charter-contact-person .seaz-charter__guests_form_table_item--services {
  flex-direction: row;
  justify-content: space-between;
  width: 8%;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-contact-person .seaz-charter__guests_form_table_item--name,
  .seaz-charter-contact-person .seaz-charter__guests_form_table_item--phone,
  .seaz-charter-contact-person .seaz-charter__guests_form_table_item--email,
  .seaz-charter-contact-person .seaz-charter__guests_form_table_item--services {
    width: 100%;
  }
  .seaz-charter-contact-person .seaz-charter__guests_form_table_item--services {
    justify-content: flex-start;
  }
  .seaz-charter-contact-person .seaz-charter__guests_form_table_item {
    margin: 0 0 2rem 0;
  }
}
.seaz-charter__persons_head_tooltip,
.seaz-charter__persons_notes_tooltip {
  box-shadow: 0 0 12px rgba(53, 31, 115, 0.22);
}
.seaz-charter__persons_head_tooltip .tooltip,
.seaz-charter__persons_notes_tooltip .tooltip {
  padding: 1.2rem;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
}
.seaz-charter__persons_head_tooltip .tooltip .tooltip__text,
.seaz-charter__persons_notes_tooltip .tooltip .tooltip__text {
  color: #010202;
  letter-spacing: 0.01em;
}
.seaz-charter__persons_head_tooltip.tooltip-pane.top .tooltip::before {
  transform: translateX(calc(-50% - 6px));
}
.seaz-charter__persons_head_tooltip.tooltip-pane.bottom .tooltip::after {
  transform: translateX(calc(-50% - 6px)) rotate(180deg);
}
.seaz-charter-persons-form-modal .seaz-charter__guests_list {
  width: 100%;
}
.seaz-charter-persons-form-modal .seaz-charter__guests_list_item_col {
  width: 18.5%;
}
.seaz-charter-persons-form-modal .seaz-charter__guests_list_item_label {
  margin-bottom: 0.8rem;
}
.seaz-charter-persons-form-modal .seaz-charter__guests_list_item_btn--added {
  margin-right: 0;
}
.seaz-charter-overview-income--title-box {
  display: flex;
  justify-content: space-between;
}
.seaz-charter-overview-income--title-val {
  font-size: 2.4rem;
  font-weight: bold;
  color: #351f6f;
  line-height: 1.4;
}
.value-success {
  color: #3aae27;
}
.value-success.error {
  color: #d70000;
}
.value-success.zero {
  color: #828282;
}
.download-template {
  margin-left: 1.6rem;
  text-align: right;
}
.download-template__button-group {
  display: flex;
  align-items: center;
}
.download-template__button {
  padding: 0.9rem 2rem;
}
.download-template__button:not(:first-of-type) {
  margin-left: 1.6rem;
}
.download-template__button-download-template {
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #432791;
  margin-bottom: 2.4rem;
}
.download-template__button-download-template:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #432791;
  transition: transform 0.3s;
}
.download-template__button-download-template:hover:before {
  transform: translateY(0.1rem);
}
@media screen and (max-width: 480px) {
  .download-template {
    width: 100%;
  }
  .download-template__button-group {
    flex-direction: column;
    width: 100%;
  }
  .download-template__button {
    width: 100%;
  }
  .download-template__button:not(:first-of-type) {
    margin: 1.6rem 0 0;
  }
}
.simple-header-charter.boat__card-wrap {
  width: auto;
}
.simple-header-charter .profile__block {
  display: flex;
  align-items: center;
}
.charter-general-notes-box {
  margin-top: 1.6rem;
}
.charter-list-dashboard app-charter-agent,
.charter-list-dashboard app-charter-documents,
.charter-list-dashboard app-charter-contact-person,
.charter-list-dashboard app-charter-general-notes,
.charter-list-dashboard .seaz-charter__list-board {
  height: 100%;
}
.charter-trips {
  flex-direction: row;
}
.charter-trips .charter-general-notes-box {
  margin: 0 0 0 1.6rem;
}
@media screen and (max-width: 1024px) {
  .charter-trips {
    flex-direction: column;
  }
  .charter-trips .charter-general-notes-box {
    margin: 1.6rem 0 0;
  }
  .charter-trips .seaz-charter-broker {
    padding: 0.5rem;
  }
  .charter-trips .seaz-charter-notes {
    padding: 0 1.5rem;
  }
}
.general-notes-content {
  padding: 2rem 0;
}
.general-notes-content .seaz-charter-notes {
  padding: 0 2.4rem;
}
.charter-boarding-modal-text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #828282;
  margin-top: 1.2rem;
}
.charter-boarding-modal-form {
  margin-top: 3rem;
}
.charter-boarding-modal-form .seazone__text-area {
  font: 1.4rem/1.6rem "Roboto", sans-serif !important;
}
.charter-boarding-modal-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 2rem 0;
  margin: 4rem 0 0 0;
  gap: 1.2rem;
}
@media screen and (max-width: 768px) {
  .charter-boarding-modal-form-footer {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    padding: 2rem 0;
    margin: 2rem 0 0 0;
  }
  .charter-boarding-modal-form-footer .form-footer-btn {
    width: 100%;
  }
}
.boat-preference-list-card-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 768px) {
  .boat-preference-list-card-header {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #f5f5f5;
  }
}
.boat-preference-list-card-header__status {
  display: flex;
  align-items: center;
}
.boat-preference-list-card-header__status .boat-preference-list-card__info-title {
  min-width: 6rem;
  margin-bottom: 0;
}
.boat-preference-list-card-header__status-date {
  min-width: 8rem;
}
.boat-preference-list-card-content__col--change-status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.boat-preference-list-card-content__col--status {
  display: flex;
  align-items: center;
}
.boat-preference-list-card-content__col--status .boat-preference-list-card__info-title {
  min-width: 8rem;
  margin-right: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-preference-list-card-content__col:not(:last-child) {
    padding: 1.2rem 0;
    border-bottom: 1px solid #f5f5f5;
  }
}
.boat-preference-list-card {
  display: block;
  border: 2px solid rgba(53, 31, 115, 0.2);
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
}
.boat-preference-list-card__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.3rem;
  color: #351f73;
}
.boat-preference-list-card__info-title {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.4rem;
}
.boat-preference-list-card-content {
  display: grid;
  grid-template-columns: 1.5fr 2fr 6.4rem;
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 0 2.4rem;
}
.boat-preference-list-card-content__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
}
.boat-preference-list-card-content__text.seaz-alarm {
  color: #d70000;
}
.boat-preference-list-card-content .boat-maintenance-task-view-modal-header__status-change {
  display: block;
  max-width: 12rem;
}
.boat-preference-list-card-content .boat-maintenance-task-view-modal-header__status-change .status-select-container {
  max-width: 12rem;
}
@media screen and (max-width: 768px) {
  .boat-preference-list-card-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 1.2rem 0;
  }
  .boat-preference-list-card-content__col {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .boat-preference-list-card-content__col--status {
    align-items: baseline;
  }
  .boat-preference-list-card-content__col:not(:first-of-type) {
    border-left: 0;
    padding-left: 0;
  }
  .boat-preference-list-card-content__text {
    width: 100%;
  }
  .boat-preference-list-card-content__title {
    min-width: 11.4rem;
    margin-right: 0.4rem;
  }
}
.boat-preference-list-card-status-label {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.44rem;
  padding: 0.5rem 0.8rem;
  border-radius: 1.8rem;
  background-color: #351f73;
  color: #ffffff;
  white-space: nowrap;
  margin: 0 0.8rem;
}
.boat-preference-list-card-status-label--completed {
  background-color: #3aae27;
}
.boat-preference-list-card-status-label__wrapper {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.boat-preference-list-card-footer {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-preference-list-card-footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.6rem;
  }
}
.boat-preference-list-card-footer__actions {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .boat-preference-list-card-footer__actions {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .boat-preference-list-card-footer__actions {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .boat-preference-list-card-footer .boat-preference-list-card-footer__btn {
    width: 100%;
  }
}
.boat-preference-list-card-footer .boat-preference-list-card-footer__btn:not(:last-child) {
  margin-right: 1.6rem;
}
.boat-preference-list-card-footer__toggle {
  display: flex;
  margin-right: 1.6rem;
  min-width: 10.4rem;
}
@media screen and (max-width: 768px) {
  .boat-preference-list-card-footer__toggle {
    margin-bottom: 1.6rem;
    flex: 1 1 100%;
  }
}
.boat-preference-list-card-footer__actions__buttons {
  display: flex;
  width: 100%;
}
.boat-preference-list-card-footer__info {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}
@media screen and (max-width: 1024px) {
  .boat-preference-list-card-footer__info {
    flex-direction: column;
    align-self: flex-start;
    margin-bottom: 1.2rem;
  }
  .boat-preference-list-card-footer__info .boat-preference-list-card-info-task__row:not(:last-child) {
    margin-bottom: 0.4rem;
  }
  .boat-preference-list-card-footer__info .boat-preference-list-card-info-task__row .boat-preference-list-card-info-task__text {
    min-width: 8.8rem;
  }
}
.boat-preference-list-card-header-list-name {
  display: flex;
  flex-direction: column;
}
.charter-preference-list {
  display: grid;
  gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .charter-preference-list {
    gap: 1.6rem;
  }
}
.charter-preference-list-wrapper {
  padding: 2.4rem 0;
}
@media screen and (max-width: 768px) {
  .charter-preference-list-wrapper {
    padding: 2.8rem 0;
  }
}
.charter-preference-list-wrapper__actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .charter-preference-list-wrapper__actions {
    flex-direction: column;
  }
  .charter-preference-list-wrapper__actions__info {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .charter-preference-list-wrapper__actions {
    margin-bottom: 1.6rem;
  }
  .charter-preference-list-wrapper__actions .charter-preference-list__add-button {
    width: 100%;
  }
}
.charter-preference-list-wrapper__actions__buttons {
  display: flex;
}
.charter-preference-list-wrapper__actions__info {
  display: inline-flex;
  align-items: center;
  margin-right: 1.2rem;
}
.charter-preference-list-wrapper__actions__info-text {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
}
.charter-preference-list__options-button {
  margin-right: 1.6rem;
}
.charter-preference-list .form-field__label {
  color: #010202;
}
.charter-preference-list__view {
  color: #010202;
}
.charter-preference-list__view__wrapper {
  display: grid;
  gap: 3.2rem;
  padding: 0 5rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .charter-preference-list__view__wrapper {
    padding: 0;
  }
}
.charter-preference-list__view__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  color: #351f73;
}
.charter-preference-list__view__subtitle {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  color: #010202;
  margin-top: 1.6rem;
}
.charter-preference-list__view__section {
  display: grid;
  gap: 2.4rem;
  break-inside: avoid;
  page-break-inside: avoid;
}
.charter-preference-list__view__section__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem 1.6rem;
}
.charter-preference-list__view__section__wrapper--partial {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .charter-preference-list__view__section__wrapper {
    grid-template-columns: 1fr !important;
  }
}
.charter-preference-list__view__section__title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.48rem;
}
.charter-preference-list__view__item {
  display: grid;
  gap: 1.2rem;
  break-inside: avoid;
  page-break-inside: avoid;
}
.charter-preference-list__view__full-width-item {
  grid-column: 1/-1;
}
.charter-preference-list__view__item__title {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
}
.charter-preference-list__view__item__value {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
}
.charter-preference-list__view__header-space {
  height: 25px;
}
.charter-preference-list__view__footer-space {
  height: 75px;
}
.charter-preference-list__view__footer {
  display: none;
  position: fixed;
  bottom: 25px;
  left: 25px;
  right: 25px;
}
.charter-preference-list__view__footer__img {
  position: relative;
  width: 100%;
  height: 20px;
}
.charter-preference-list__view__footer__img img {
  object-fit: contain;
}
.charter-preference-list__view__table {
  display: grid;
  gap: 1.2rem;
}
.charter-preference-list__view__table-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.charter-preference-list__view__notes {
  grid-column: 2/-1;
}
@media screen and (max-width: 768px) {
  .charter-preference-list__view__notes {
    grid-column: 1;
  }
}
@media print {
  body {
    visibility: hidden;
  }
  app-root {
    overflow: auto;
    position: relative;
  }
  .seaz-charter__container {
    width: fit-content;
  }
  app-loader,
  .loader-wrapper,
  app-header,
  app-footer,
  app-boat-details-nav,
  app-boat-charter-header,
  app-quick-nav-button {
    display: none !important;
  }
  .main-wrap,
  .main-wrap__scrollable {
    overflow: auto !important;
  }
  .charter-preference-list__view {
    visibility: visible;
  }
  .charter-preference-list__view__wrapper {
    padding: 0 2.5rem;
  }
  .charter-preference-list__view__footer {
    display: block;
  }
  .not-printable {
    display: none;
  }
}
.seaz-charter-broker-overview__charter-fee {
  width: 100%;
}
.seaz-charter-broker-overview__contract {
  flex: 0 0 20rem;
  margin-left: 2.4rem;
}
.seaz-charter-broker-overview__btn-apply {
  height: 4.7rem;
  padding: 0 3rem;
  margin-left: 2.4rem;
  border: 1px solid #351f73;
  box-sizing: border-box;
  text-transform: uppercase;
  border-radius: 0.4rem;
  background-color: #ffffff;
  transition: background-color 0.2s, color 0.2s;
}
.seaz-charter-broker-overview__btn-apply:disabled {
  background-color: #bdbdbd;
  border-color: transparent;
  color: #ffffff;
}
.seaz-charter-broker-overview__income {
  display: flex;
  gap: 4rem;
}
.seaz-charter-broker-overview__income-graph {
  width: 100%;
}
.seaz-charter-broker-overview__income-graph .chart-container {
  min-height: 19rem;
}
.seaz-charter-broker-overview__graph-title {
  padding: 0.4rem 1.2rem;
  border-radius: 4px;
  background: #F3F3F5;
  color: #351f73;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-broker-overview__contract {
    flex-basis: auto;
    margin: 2rem 0 0;
  }
  .seaz-charter-broker-overview__btn-apply {
    margin: 2rem 0 0;
    width: 100%;
  }
  .seaz-charter-broker-overview__income {
    flex-direction: column;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter-broker-overview__contract {
    width: 100%;
    flex: 1 0 100%;
  }
}
.charter-broker-overview__table-filters .form-field--label--text {
  line-height: normal;
}
.charter-boat-info {
  padding-top: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  color: #4F4F4F;
  vertical-align: middle;
  text-transform: uppercase;
}
.charter-boat-info span {
  margin: 0 4px;
}
.charter-calendar {
  width: 126.4rem;
  margin: 0 auto;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1300px) {
  .charter-calendar {
    width: 100rem;
  }
}
@media screen and (max-width: 1024px) {
  .charter-calendar {
    width: 98%;
    padding: 0 0.8rem 4rem;
  }
}
.charter-calendar__header {
  display: flex;
  align-items: center;
  border-top: 1px solid #bdbdbd;
  padding-top: 4rem;
  margin-bottom: 1.6rem;
}
.charter-calendar__header--btn {
  background-color: #fff;
  margin-left: 1.6rem;
}
.charter-calendar-title {
  color: #351f73;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .charter-calendar-title {
    border-top: none;
    padding-top: 0;
  }
}
.charter-calendar-wrapper {
  display: flex;
  width: 100%;
}
.charter-calendar-monthly {
  width: 100%;
  background-color: #ffffff;
  padding: 3rem;
  border-radius: 1.6rem;
  margin-right: 3.2rem;
}
.charter-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}
.charter-calendar-header-left {
  display: flex;
}
.charter-calendar-buttons {
  margin-left: 2rem;
}
.charter-calendar-arrow svg {
  stroke: #351f73;
}
.charter-calendar-arrow:disabled svg {
  stroke: #828282;
}
.charter-calendar-next path,
.charter-calendar-prev path {
  stroke-width: 4px;
}
.charter-calendar-next {
  margin-left: 2.5rem;
  transform: rotateZ(180deg);
}
.charter-calendar-date {
  font-weight: 500;
  font-size: 2rem;
  color: #010202;
}
.charter-calendar-period {
  display: flex;
}
.charter-calendar-period-select {
  min-width: 12.5rem;
}
.charter-calendar-period-select:not(:last-child) {
  margin-right: 1.2rem;
}
.charter-calendar-mode {
  display: block;
  padding: 3rem;
  border-bottom: 1px solid #e0e0e0;
}
.charter-calendar-mode .switch {
  border: 1px solid #e0e0e0;
  padding: 0;
}
.charter-calendar-mode .switch__btn {
  padding: 0.5rem;
  font-size: 1.2rem;
  line-height: 3rem;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
}
.charter-calendar .seaz-dashboard-charters-info__content {
  max-height: 77.2rem;
}
@media screen and (max-width: 1354px) {
  .charter-calendar-wrapper {
    flex-direction: column;
  }
  .charter-calendar-monthly {
    margin-right: 0;
  }
  .charter-calendar .seaz-dashboard-charters-info__content {
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .charter-calendar-monthly {
    padding: 1.2rem;
  }
  .charter-calendar-header {
    flex-direction: column;
  }
  .charter-calendar-header-left {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1.2rem;
  }
  .charter-calendar-header-right {
    width: 100%;
  }
  .charter-calendar-period-select {
    width: 100%;
  }
  .charter-calendar-mode {
    padding: 1.2rem;
  }
}
.charter-tasks-title {
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .charter-tasks-title.seaz-title-h2 {
    font-size: 3rem;
  }
}
.charter-tasks-header,
.charter-tasks-filter-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem 1rem;
}
@media screen and (max-width: 600px) {
  .charter-tasks-header,
  .charter-tasks-filter-form {
    flex-direction: column;
    align-items: flex-start;
  }
}
.charter-tasks-header {
  margin-top: 3.2rem;
}
@media screen and (max-width: 600px) {
  .charter-tasks-header__btn {
    width: 100%;
  }
}
.charter-tasks-filter {
  margin-top: 2.4rem;
}
.charter-tasks-filter .fleet-chips {
  margin-top: 0;
}
@media screen and (max-width: 600px) {
  .charter-tasks-filter {
    margin-top: 1.6rem;
  }
}
.charter-tasks-filter-form-search {
  width: 100%;
  max-width: 29rem;
}
@media screen and (max-width: 600px) {
  .charter-tasks-filter-form-search {
    max-width: initial;
  }
}
.charter-tasks-list {
  background-color: #fff;
  border-radius: 1.6rem;
  padding: 2.4rem;
  margin-top: 2.4rem;
}
.charter-tasks-list app-charter-tasks-list-item:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 1024px) {
  .charter-tasks-item .charter-tasks-item-body {
    grid-template-areas: "status assignee" "system system" "estimated estimated";
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.2rem;
  }
}
.user-preference-list {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4.8rem 0;
  background-color: #f5f5f5;
}
@media screen and (max-width: 1280px) {
  .user-preference-list {
    padding: 0;
  }
}
.user-preference-list__wrapper {
  height: 100%;
  max-width: 480px;
  width: 100%;
  border-radius: 1.6rem;
  overflow: auto;
}
@media screen and (max-width: 1280px) {
  .user-preference-list__wrapper {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .user-preference-list__wrapper app-user-preference-list {
    height: 100%;
  }
}
.user-preference-list__wrapper app-user-preference-list .seaz__btn_rounded {
  width: 100%;
}
.user-preference-list__auth {
  display: flex;
  padding: 7.2rem 1.6rem 2.4rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  background-image: url(/assets/img/preference-list/auth.webp);
  background-color: #002c3d;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .user-preference-list__auth {
    padding: 2.4rem 1.6rem;
  }
}
.user-preference-list__auth__row {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-preference-list__auth__title {
  font-size: 4rem;
  font-weight: 500;
  line-height: 5.8rem;
  color: #ffffff;
  text-align: center;
  animation: fadeInTitle ease 1s;
}
.user-preference-list__auth__btn {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 1.4px;
  padding: 1rem 2rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  text-align: center;
  text-transform: uppercase;
  color: #010202;
}
.user-preference-list__auth__form {
  max-width: 34.5rem;
  width: 100%;
  animation: fadeInForm ease 1s;
}
@media screen and (max-width: 600px) {
  .user-preference-list__auth__form {
    max-width: none;
  }
}
.user-preference-list__auth__form .form__row {
  margin-bottom: 1.6rem;
}
.user-preference-list__auth__form .form-field--label {
  visibility: hidden;
  height: 0;
}
.user-preference-list__auth__form .seazone__form-input {
  -webkit-text-security: disc;
}
.user-preference-list__auth__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 1.6rem;
  margin-top: 2.4rem;
}
.user-preference-list__auth__logo-text {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.44rem;
  white-space: nowrap;
  color: #ffffff;
}
.user-preference-list__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 1 auto;
  overflow: hidden;
}
.user-preference-list__form__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.user-preference-list__form__body .seazone__text-area {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.user-preference-list__form__body .seazone__text-area::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.user-preference-list__form__body .seazone__text-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.user-preference-list__form__body .seazone__text-area::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.user-preference-list__form__body .form-field--content-suffix:not(:empty) {
  margin-left: 0;
}
.user-preference-list__form-title {
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #010202;
}
.user-preference-list__form__subtitle {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  color: #010202;
  margin-bottom: 1.6rem;
}
.user-preference-list__form__subtitle-icon {
  object-fit: cover;
}
.user-preference-list__form__subtitle-icon-wrapper {
  position: relative;
  margin-left: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
}
.user-preference-list__form-notes {
  display: inline-flex;
  font-family: Roboto, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #010202;
  align-items: center;
}
.user-preference-list__form .form-field__area .form-field--label {
  padding: 0;
}
.user-preference-list__form__breakfast-drink {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background: url(/assets/img/preference-list/drinks.webp) no-repeat;
  background-size: cover;
}
.user-preference-list__form__breakfast-drink::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.74);
  -webkit-backdrop-filter: blur(0.5px);
  backdrop-filter: blur(0.5px);
}
.user-preference-list__form__notes {
  flex: 1 1 auto;
}
.user-preference-list__form__notes app-seazone-text-area,
.user-preference-list__form__notes app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 100%;
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}
.user-preference-list__section {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.user-preference-list__section:has(.user-preference-list__section__header) .user-preference-list__section__container {
  padding-top: 0;
}
.user-preference-list__section__wrapper {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  height: 100%;
  overflow: hidden;
}
.user-preference-list__section__content {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.user-preference-list__section__wrapper__footer {
  display: grid;
  grid-template-columns: 6.3rem 7.1rem;
  justify-content: center;
  align-items: center;
  grid-gap: 0.6rem;
  padding: 0.8rem 1.6rem 2.4rem;
}
.user-preference-list__section__wrapper__footer-text {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.44rem;
  color: #351f73;
  white-space: nowrap;
}
.user-preference-list__section__container {
  display: flex;
  flex-direction: column;
  flex: 1 1 75%;
  padding: 1.6rem;
  border-radius: 1.6rem 1.6rem 0 0;
  background-color: #ffffff;
  overflow: hidden;
}
.user-preference-list__section__header {
  flex: 1 1 25%;
  position: relative;
}
.user-preference-list__section__header::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -1px;
  border-radius: 1.6rem 1.6rem 0 0;
  right: 0;
  left: 0;
  height: 1.3rem;
  background-color: #ffffff;
}
.user-preference-list__section__header__img__container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user-preference-list__section__header__img__container.loaded::after {
  animation: none;
  content: none;
}
.user-preference-list__section__header__img__container::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: pulse 2.5s infinite;
  background-color: #432791;
}
.user-preference-list__section__header__img {
  opacity: 0;
  object-fit: cover;
  transition: opacity 250ms ease-in-out;
}
.user-preference-list__section__header__img.loaded {
  opacity: 1;
}
.user-preference-list__section--auto-scroll {
  padding-right: 1rem;
  flex: 1 1 auto;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.user-preference-list__section--auto-scroll::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.user-preference-list__section--auto-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.user-preference-list__section--auto-scroll::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.form__buttons {
  display: grid;
  margin-top: 1.6rem;
  grid-gap: 0 1.2rem;
  grid-template-columns: 1fr 1fr;
  justify-content: end;
}
.opening-text__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.opening-text__message-text {
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #010202;
  white-space: pre-line;
}
.boat-info__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.boat-info__date-descriptions {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.4rem;
}
.boat-info__description {
  padding: 1.6rem;
  border: 0.1rem solid #e0e0e0;
  border-radius: 0.8rem;
}
.boat-info__description-box {
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #010202;
}
.boat-info__description-title {
  display: flex;
  gap: 0.6rem;
  margin-bottom: 1.6rem;
}
.boat-info__description-date {
  margin-bottom: 0.9rem;
}
.boat-info__description-day {
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #bdbdbd;
}
.boat-name {
  font-family: Roboto, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  color: #010202;
}
.boat-parameters {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.6rem;
  margin: 1.4rem 0;
}
.boat-parameters__item {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  padding: 1.6rem;
  border: 0.1rem solid #e0e0e0;
  border-radius: 0.8rem;
  font-family: Roboto, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  color: #010202;
}
.boat-parameters__item svg {
  margin-left: 0.6rem;
}
.movement__container .form__rows {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  grid-template-areas: "date time " "flight-number  flight-number " "airport airport";
  grid-gap: 2.4rem 1.2rem;
  margin-bottom: 2.4rem;
}
.movement__container .form__rows_date {
  grid-area: date;
}
.movement__container .form__rows_time {
  grid-area: time;
}
.movement__container .form__rows_flight-number {
  grid-area: flight-number;
}
.movement__container .form__rows_airport {
  grid-area: airport;
}
.movement__container .form__row {
  margin-bottom: 0;
}
.movement__container .seazone-radio-group__wrapper {
  font-family: Roboto, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #010202;
}
.movement__container .seazone-radio-group__label {
  width: auto;
}
@media screen and (max-width: 768px) {
  .movement__container .seaz-text-area {
    margin-top: 0;
  }
}
.crew-interaction__container .seazone-radio-group__wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.crew-interaction__container .seazone-radio-group__items--column app-seazone-radio-button:not(:last-child) {
  margin-bottom: 0;
}
.preference-notes__container .wrapper-rounded .form-field--label {
  padding-top: 0;
}
.like-with-notes__container .form__row {
  margin-bottom: 0;
}
.like-with-notes__container .seazone-radio-group__wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.like-with-notes__container .seaz-text-area {
  margin-top: 0.4rem;
}
.like-with-notes__container .wrapper-rounded .form-field--label {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .meal-times__container .user-preference-list__serving-chips__item__checkbox {
    justify-content: flex-start;
  }
}
.breakfast__container .user-preference-list__form-title {
  padding-bottom: 1.6rem;
}
.user-preference-list__breakfast-chips {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
}
.user-preference-list__breakfast-chips--item {
  position: relative;
}
.user-preference-list__breakfast-chips--item .chips-item {
  display: flex;
  padding: 0.2rem;
  border: 0.2rem solid transparent;
  border-radius: 0.8rem;
  cursor: pointer;
}
.user-preference-list__breakfast-chips--item .chips-item.selected {
  border-color: #351f73;
}
.user-preference-list__breakfast-chips--item .chips-item.selected .user-preference-list__breakfast-chips__text-container {
  background-color: #351f73;
  color: #ffffff;
}
.user-preference-list__breakfast-chips--item.disabled .chips-item.selected {
  border-color: #f5f5f5;
}
.user-preference-list__breakfast-chips--item.disabled .user-preference-list__breakfast-chips__text-container {
  position: relative;
}
.user-preference-list__breakfast-chips--item.disabled .user-preference-list__breakfast-chips__text-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f5f5f5;
  opacity: 0.7;
  z-index: 2;
}
.user-preference-list__breakfast-chips--item-container {
  position: relative;
  height: 8.025rem;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 0.8rem;
}
.user-preference-list__breakfast-chips--item__img {
  border-radius: 0.4rem;
  object-fit: cover;
}
.user-preference-list__breakfast-chips__text-container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0.6rem 0.8rem;
  background-color: #ffffff;
  border-radius: 0.6rem;
  color: #351f73;
  width: 100%;
  text-align: center;
}
.user-preference-list__breakfast-chips__text-title {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}
.user-preference-list__breakfast-chips__text-subtitle {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2rem;
}
.bread__container .form__row {
  margin-bottom: 1.6rem;
}
.bread__container .form__row {
  margin-bottom: 1.6rem;
}
.bread__container .wrapper-rounded .form-field--content {
  height: 21.5rem;
}
.bread__container .wrapper-rounded .form-field--label {
  padding-top: 0;
}
.bread__container .form-field__area {
  padding-top: 0;
}
.meal-notes {
  font-family: Roboto, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #010202;
}
.fruits__container .meal-notes {
  padding-bottom: 1.6rem;
}
.breakfast-drink__container .form__row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: 0 1.2rem;
  margin-bottom: 0;
}
.breakfast-drink__container .user-preference-list__form__subtitle {
  margin-top: 1.6rem;
}
.meal-style__container .form__row {
  margin-bottom: 0;
}
.meal-style__container .seazone-radio-group__wrapper {
  padding: 0.8rem 0;
}
.meal-style__container .seazone-radio-group__wrapper label {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #010202;
  width: auto;
}
.lunch-dinner__container .form__row {
  flex-direction: column;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .lunch-dinner__container .form__row {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.lunch-dinner__container .user-preference-list__header {
  margin-bottom: 0;
}
.lunch-dinner__container .user-preference-list__form__subtitle {
  margin-top: 1.6rem;
}
.lunch-dinner-second__container .form__row {
  flex-direction: column;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 768px) {
  .lunch-dinner-second__container .form__row {
    margin-bottom: 1.6rem;
  }
}
.list-with-notes__container .form__row {
  flex-direction: column;
}
.list-with-notes__container .form__row .user-preference-list__form-title {
  padding-bottom: 1.6rem;
}
.list-with-notes__container .user-preference-list__header {
  margin-bottom: 1.6rem;
}
.list-with-notes__container .seazone-radio-group__wrapper {
  padding-top: 0.5rem;
}
.beverage__container .form__row {
  flex-direction: column;
}
.beverage__container .user-preference-list__form-info {
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #010202;
}
.alcohol__container .user-preference-list__form .user-preference-list__form-title,
.beverage__container .user-preference-list__form .user-preference-list__form-title {
  margin-bottom: 0.8rem;
}
.alcohol__container .user-preference-list__form .user-preference-list__form-notes,
.beverage__container .user-preference-list__form .user-preference-list__form-notes {
  margin-bottom: 1.6rem;
}
.alcohol-advice__container .user-preference-list__form .form__row {
  flex-direction: column;
  margin-bottom: 1.6rem;
}
.alcohol-advice__container .user-preference-list__form_price-alcohol .user-preference-list__form-notes {
  margin-bottom: 0.8rem;
}
.alcohol-advice__container .user-preference-list__form_price-alcohol .price-per-bottle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 1.2rem;
}
.alcohol-advice__container .user-preference-list__form_choice-alcohol .user-preference-list__form-title {
  margin-bottom: 0.8rem;
}
.alcohol-advice__container .user-preference-list__form_choice-alcohol .user-preference-list__form-notes {
  margin-bottom: 1.6rem;
}
.general-guidelines__container__text {
  flex: 1 auto;
}
.general-guidelines__container .form__seaz-checkbox-control {
  display: flex;
  padding-bottom: 0.9rem;
  width: 100%;
  color: #010202;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
}
@keyframes fadeInTitle {
  0% {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInForm {
  0% {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.user-preference-list__header {
  display: grid;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.user-preference-list__header-title {
  display: inline-flex;
  justify-content: space-between;
  align-items: stretch;
  font-size: 3rem;
  font-weight: 500;
  line-height: 4.35rem;
  color: #351f73;
  width: 100%;
  padding-bottom: 1.6rem;
}
.user-preference-list__header-title__counter {
  display: inline-flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  font-size: 2rem;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  color: #ffffff;
  background-color: #351f73;
  margin: 0.075rem 1rem 0.075rem 1.6rem;
  padding: 0 1.6rem;
}
.user-preference-list__header-subtitle {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #010202;
  margin-bottom: 1.6rem;
}
.user-preference-list__header .user-preference-list__header-title {
  padding-bottom: 0;
}
.user-preference-list__header-section-title {
  display: inline-flex;
  align-items: center;
  font-size: 2.4rem;
  line-height: 2.78rem;
  font-weight: 500;
  color: #010202;
}
.user-preference-list__header-section-title__icon {
  margin-left: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
}
.user-preference-list__header-section-description {
  display: inline-flex;
  font-size: 1.4rem;
  line-height: normal;
  font-weight: 400;
  color: #010202;
  padding-top: 0;
}
.user-preference-list__header-section-description__icon {
  margin-right: 0.8rem;
}
.user-preference-list__header-section-description--charter-info {
  padding-bottom: 1.6rem;
}
.user-preference-list__header-types {
  display: flex;
  background-color: #f5f5f5;
  border-radius: 0.4rem;
  overflow: hidden;
}
.user-preference-list__header-types__item {
  flex: 1 auto;
  text-align: center;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 500;
  color: #010202;
  border-radius: 0.4rem;
}
.user-preference-list__header-types__item.active {
  background-color: #46a6a4;
  color: #ffffff;
}
.user-preference-list__header-boat {
  display: inline-flex;
}
.user-preference-list__header-boat__logo {
  width: 3rem;
  height: 3rem;
  margin-right: 0.8rem;
  position: relative;
}
.user-preference-list__header-boat__logo__img {
  object-fit: contain;
  border-radius: 0.4rem;
}
.user-preference-list__header-boat__info {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #010202;
  text-transform: uppercase;
  align-self: center;
}
.user-preference-list__chips {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.2rem;
}
.user-preference-list__chips__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.user-preference-list__chips--item .chips-item {
  display: flex;
  padding: 1.2rem 1rem 1.2rem;
  background-color: #f5f5f5;
  border-radius: 1.2rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.user-preference-list__chips--item .chips-item .user-preference-list__chips--item-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #351f73;
}
.user-preference-list__chips--item .chips-item .user-preference-list__chips--item-icon {
  margin-right: 0.8rem;
  display: flex;
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  position: relative;
}
.user-preference-list__chips--item .chips-item .user-preference-list__chips--item-icon img {
  object-fit: cover;
}
.user-preference-list__chips--item .chips-item .user-preference-list__chips--item-icon--selected {
  visibility: hidden;
  width: 100%;
}
.user-preference-list__chips--item .chips-item.selected {
  background-color: #351f73;
}
.user-preference-list__chips--item .chips-item.selected .user-preference-list__chips--item-text {
  color: #ffffff;
}
.user-preference-list__chips--item .chips-item.selected .user-preference-list__chips--item-icon--default {
  visibility: hidden;
  width: 0;
}
.user-preference-list__chips--item .chips-item.selected .user-preference-list__chips--item-icon--selected {
  visibility: visible;
  width: 100%;
  object-fit: cover;
}
.user-preference-list__chips--item.disabled .chips-item {
  position: relative;
}
.user-preference-list__chips--item.disabled .chips-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f5f5f5;
  opacity: 0.7;
  z-index: 2;
}
.user-preference-list__serving-chips {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.2rem;
  width: 100%;
}
.user-preference-list__serving-chips__wrapper {
  display: grid;
  gap: 1.2rem;
  grid-template-columns: 1fr 1fr;
}
.user-preference-list__serving-chips__item {
  position: relative;
  padding: 0.2rem;
  border: 0.2rem solid transparent;
  border-radius: 0.8rem;
}
.user-preference-list__serving-chips__item--checked {
  border-color: #351f73;
}
.user-preference-list__serving-chips__item--checked .user-preference-list__serving-chips__item__title {
  color: #ffffff;
  background-color: #351f73;
}
.user-preference-list__serving-chips__item--checked.user-preference-list__serving-chips__item--disabled {
  border-color: #f5f5f5;
}
.user-preference-list__serving-chips__item--disabled .user-preference-list__serving-chips__item__title {
  position: relative;
}
.user-preference-list__serving-chips__item--disabled .user-preference-list__serving-chips__item__title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f5f5f5;
  opacity: 0.7;
  z-index: 2;
}
.user-preference-list__serving-chips__item__container {
  height: 10.9rem;
  width: 100%;
  position: relative;
  padding: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-preference-list__serving-chips__item__title {
  position: relative;
  z-index: 1;
  padding: 0.6rem 0.8rem;
  background-color: #ffffff;
  color: #351f73;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.user-preference-list__serving-chips__image {
  object-fit: cover;
  border-radius: 0.4rem;
}
.user-preference-list__serving-chips__item__time {
  display: flex;
  align-items: center;
  width: 100%;
}
.user-preference-list__serving-chips__item__time--checked .wrapper-rounded .form-field--content {
  border-color: #351f73;
}
.user-preference-list__events-chips {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.7rem 1.2rem;
  width: 100%;
}
.user-preference-list__events-chips__wrapper {
  display: flex;
  flex-direction: column;
}
.user-preference-list__events-chips__item {
  display: grid;
  gap: 0.4rem;
  border: 0.2rem solid transparent;
  border-radius: 0.8rem;
  padding: 0.2rem;
  margin-bottom: 0.4rem;
  position: relative;
}
.user-preference-list__events-chips__item--checked {
  border-color: #351f73;
}
.user-preference-list__events-chips__item--checked .user-preference-list__events-chips__item__title {
  color: #ffffff;
  background-color: #351f73;
}
.user-preference-list__events-chips__item--checked .user-preference-list__events-chips__item__title-icon--selected {
  visibility: visible;
  width: 100%;
  object-fit: cover;
}
.user-preference-list__events-chips__item--checked .user-preference-list__events-chips__item__title-icon--default {
  visibility: hidden;
  width: 0;
  object-fit: cover;
}
.user-preference-list__events-chips__item--checked.user-preference-list__events-chips__item--disabled {
  border-color: #f5f5f5;
}
.user-preference-list__events-chips__item--disabled .user-preference-list__events-chips__item__title {
  position: relative;
}
.user-preference-list__events-chips__item--disabled .user-preference-list__events-chips__item__title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f5f5f5;
  opacity: 0.7;
  z-index: 2;
}
.user-preference-list__events-chips__item__container {
  height: 10.9rem;
  width: 100%;
  position: relative;
  padding: 0.8rem;
  display: flex;
  align-items: flex-end;
}
.user-preference-list__events-chips__image {
  object-fit: cover;
  border-radius: 0.4rem;
}
.user-preference-list__events-chips__item__date .wrapper-rounded .form-field--label {
  display: none;
}
.user-preference-list__events-chips__item__date--checked .wrapper-rounded .form-field--content {
  border-color: #351f73;
}
.user-preference-list__events-chips__item__title {
  position: relative;
  padding: 0.6rem 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0.6rem;
  background-color: #ffffff;
  color: #351f73;
  overflow: hidden;
}
.user-preference-list__events-chips__item__title-text {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  display: flex;
  text-align: left;
  align-items: center;
  width: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.user-preference-list__events-chips__item__title-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  position: relative;
}
.user-preference-list__events-chips__item__title-icon--selected {
  visibility: hidden;
  width: 0;
}
.user-preference-list__dynamic-form {
  display: grid;
  row-gap: 0.8rem;
  width: 100%;
}
.user-preference-list__dynamic-form__row {
  display: grid;
  column-gap: 1.2rem;
  grid-template-columns: 2fr 2fr 1fr auto;
}
.user-preference-list__dynamic-form__row--small {
  grid-template-columns: 2fr 1fr auto;
}
.user-preference-list__dynamic-form__row:not(:first-child) .form-field--label {
  visibility: hidden;
  height: 0;
}
.user-preference-list__dynamic-form__row:first-child .user-preference-list__dynamic-form__col__remove-btn {
  padding-bottom: 0;
}
.user-preference-list__dynamic-form__col {
  display: flex;
  padding-bottom: 1.6rem;
  align-items: center;
}
.user-preference-list__dynamic-form__col__remove--hidden {
  visibility: hidden;
}
.user-preference-list__dynamic-form__remove-btn {
  display: flex;
}
.user-preference-list__dynamic-form__add-line {
  display: flex;
  justify-content: flex-end;
}
.user-preference-list__dynamic-form__add-line-btn {
  display: flex;
  align-items: center;
  color: #351f73;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  background-color: transparent;
}
.user-preference-list__dynamic-form__add-line-btn__icon {
  margin-right: 0.8rem;
}
.great-job__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
}
.great-job__title {
  font-size: 4rem;
  font-weight: 500;
  line-height: 5.8rem;
  color: #351f73;
}
.great-job__subtitle {
  font-size: 3rem;
  font-weight: 500;
  line-height: 4.35rem;
  color: #351f73;
}
.charter-fee-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 328px 228px;
  gap: 16px;
  margin-top: 40px;
}
.charter-fee-grid .charter-contract {
  grid-column: 1/2;
  grid-row: 1/2;
  min-width: 30rem;
}
.charter-fee-grid .broker-fee {
  grid-column: 2/3;
  grid-row: 1/3;
  min-width: 30rem;
}
.charter-fee-grid .installments {
  grid-column: 3/5;
  grid-row: 1/3;
}
.charter-fee-grid .charter-owner-fee {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (max-width: 1200px) {
  .charter-fee-grid {
    display: flex;
    flex-direction: column;
  }
  .charter-fee-grid .charter-contract {
    order: 1;
  }
  .charter-fee-grid .installments {
    order: 2;
  }
  .charter-fee-grid .broker-fee {
    order: 3;
  }
  .charter-fee-grid .charter-owner-fee {
    order: 4;
  }
}
.charter-fee-block {
  display: flex;
  flex-direction: column;
  border-radius: 1.6rem;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(43, 28, 54, 0.16);
}
.charter-fee-block__header {
  height: 60px;
  padding: 1.6rem 2rem;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.charter-fee-block__title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  color: #351f73;
}
.charter-fee-block__broker-overview-title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #351f73;
}
.charter-fee-block__sub-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
  color: #d70000;
}
.charter-fee-block__edit {
  padding: 0.6rem;
}
.charter-fee-block__body {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
}
.charter-fee-block .accordion .accordion__btn,
.charter-fee-list__form .accordion .accordion__btn {
  transition: transform 0.3s ease;
}
.charter-fee-block .accordion .accordion__btn svg,
.charter-fee-list__form .accordion .accordion__btn svg {
  width: 1.4rem;
  height: 1.4rem;
}
.charter-fee-block .accordion.active .accordion__btn,
.charter-fee-list__form .accordion.active .accordion__btn {
  transform: rotateZ(180deg);
}
.charter-fee-installments__modal.seaz-modal.seaz-rounded,
.charter-fee-list__modal.seaz-modal.seaz-rounded {
  padding: 0;
}
.charter-fee-installments__modal.seaz-modal.seaz-rounded .modal__wrap,
.charter-fee-list__modal.seaz-modal.seaz-rounded .modal__wrap {
  padding: 0;
}
.charter-fee-installments__modal.seaz-modal.seaz-rounded .modal-close,
.charter-fee-list__modal.seaz-modal.seaz-rounded .modal-close {
  top: 1.6rem;
  right: 1.6rem;
}
.charter-fee-installments__modal-header,
.charter-fee-list__modal-header {
  padding: 1.6rem 4rem 1.6rem 1.6rem;
  border-bottom: 1px solid #f5f5f5;
}
.charter-fee-installments__modal-title,
.charter-fee-list__modal-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  color: #351f73;
}
.charter-fee-installments {
  height: 100%;
}
.charter-fee-installments__body {
  margin: 1.6rem 0;
}
.charter-fee-installments__body:not(.charter-fee-block__body-broker-overview) {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.charter-fee-installments__body:not(.charter-fee-block__body-broker-overview)::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.charter-fee-installments__body:not(.charter-fee-block__body-broker-overview)::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.charter-fee-installments__body:not(.charter-fee-block__body-broker-overview)::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.charter-fee-installments__stats {
  display: table;
}
.charter-fee-installments__stats-item {
  display: table-row;
}
.charter-fee-installments__stats-item:not(:last-child) .charter-fee-installments__stats-col {
  padding-bottom: 2.4rem;
}
.charter-fee-installments__stats-col {
  display: table-cell;
}
.charter-fee-installments__stats-col:nth-child(2) {
  padding-left: 1.6rem;
  width: 100%;
}
.charter-fee-installments__stats-left {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  flex-wrap: nowrap;
  padding: 0.4rem 0.8rem;
  background: #f5f5f5;
  font-size: 1.4rem;
  color: #351f73;
  border-radius: 2px;
  white-space: nowrap;
}
.charter-fee-installments__stats-value {
  text-align: right;
  min-width: 8rem;
}
.charter-fee-installments__stats-right {
  position: relative;
  height: 2.4rem;
}
.charter-fee-installments__stats-bar {
  position: absolute;
  width: 100%;
  height: 2.4rem;
  border-radius: 0.4rem;
  top: 0.4rem;
  min-width: 54px;
}
.charter-fee-installments__stats-bar--total {
  background: #351f73;
}
.charter-fee-installments__stats-bar--pending {
  background: #f7c948;
}
.charter-fee-installments__stats-bar--paid {
  background: #3aae27;
}
.charter-fee-installments__stats-percentage {
  position: relative;
  color: #fff;
  padding: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  z-index: 1;
}
.charter-fee-installments__stats-percentage.no-value {
  color: #351f73;
  min-width: auto;
}
.charter-fee-installments__table {
  width: 100%;
  border-collapse: collapse;
}
.charter-fee-installments__table-wrapper {
  position: relative;
  padding-top: 3rem;
}
.charter-fee-installments__col {
  color: #010202;
  font-size: 1.4rem;
}
.charter-fee-installments__col--head {
  color: #351f73;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.2rem;
}
.charter-fee-installments__col--label {
  color: #4f4f4f;
  min-width: 12rem;
  width: 12rem;
  padding: 1.2rem 0;
  vertical-align: middle;
}
.charter-fee-installments__col--value {
  min-width: 14rem;
  padding: 1.2rem;
}
.charter-fee-installments__col--notes {
  width: calc(75% - 1rem);
  padding: 1.2rem 0 1.2rem 1.2rem;
}
.charter-fee-installments__status {
  color: #fff;
  font-size: 1.6rem;
  line-height: 120%;
  padding: 0.6rem 1.2rem;
  border-radius: 1.8rem;
  display: inline-block;
}
.charter-fee-installments__form {
  padding: 0 1.6rem;
  width: auto;
}
.charter-fee-installments__form .status-select-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 1.2rem;
  border-radius: 1.8rem;
  box-sizing: border-box;
}
.charter-fee-installments__form .charter-fee-installments__col--value {
  padding-bottom: 2.4rem;
}
.charter-fee-installments__form app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 11.5rem;
}
.charter-fee-installments__form-error {
  display: flex;
}
.charter-fee-installments__form-error .form__block-error {
  position: static;
  margin: 0;
  text-align: end;
  font-size: 1.4rem;
}
.charter-fee-installments__actions {
  display: flex;
  gap: 1.6rem;
  justify-content: flex-end;
  margin: 1.6rem 0;
}
.charter-fee-list__body {
  margin: 1.6rem 0;
  padding: 0 1.6rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.charter-fee-list__body::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.charter-fee-list__body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.charter-fee-list__body::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.charter-fee-list__divider {
  margin: 1.6rem 0;
  height: 1px;
  background: #bdbdbd;
}
.charter-fee-list__form {
  margin: 1.6rem 0;
  width: auto;
  max-height: 80%;
  overflow: hidden;
}
.charter-fee-list__form-scroll-container {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  max-height: 55vh;
  padding: 0 1.6rem;
}
.charter-fee-list__form-scroll-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.charter-fee-list__form-scroll-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.charter-fee-list__form-scroll-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.charter-fee-list__actions {
  padding: 0 1.6rem;
  display: flex;
  gap: 1.6rem;
  justify-content: flex-end;
  margin: 1.6rem 0;
}
.charter-fee-list__actions-spacer {
  display: none;
}
.charter-fee-list__add-broker {
  gap: 0.8rem;
  display: flex;
  margin-right: auto;
}
@media screen and (max-width: 560px) {
  .charter-fee-list__actions {
    flex-direction: column;
    justify-content: stretch;
  }
  .charter-fee-list__actions-spacer {
    display: block;
    border-bottom: 1px solid #bdbdbd;
  }
  .charter-fee-list__add-broker {
    margin: 0;
  }
}
.charter-fee-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
.charter-fee-item__title {
  display: flex;
  align-items: center;
  color: #010202;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.6rem;
  gap: 0.8rem;
}
.charter-fee-item__title span {
  color: #bdbdbd;
  font-size: 1.4rem;
}
.charter-fee-item__block-row {
  padding: 1.2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
.charter-fee-item__block-row--thin {
  padding: 0;
}
.charter-fee-item__block-name,
.charter-fee-item__block-label,
.charter-fee-item__block-value,
.charter-fee-item__block-additional {
  font-size: 1.4rem;
  line-height: 14px;
}
.charter-fee-item__block-name {
  color: #010202;
}
.charter-fee-item__block-name--bold {
  font-weight: 500;
}
.charter-fee-item__block-label {
  color: #4f4f4f;
}
.charter-fee-item__block-value {
  font-weight: bold;
  color: #46a6a4;
  white-space: nowrap;
}
.charter-fee-item__block-additional {
  font-weight: 500;
  color: #4f4f4f;
}
.charter-fee-item__block-total {
  color: #4f4f4f;
  font-size: 1.6rem;
  font-weight: 500;
}
.charter-fee-item__block-input {
  width: 50%;
}
.charter-fee-item__block-input input {
  text-align: right;
}
.charter-fee-item__accordion-content {
  padding-left: 1.6rem;
}
.charter-fee-item .accordion__label {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  cursor: pointer;
}
.charter-fee-item .accordion__label_text {
  width: 100%;
}
.charter-fee-item .accordion__label_right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.charter-fee-contract {
  height: 100%;
  padding-bottom: 20px;
}
.charter-fee-contract .charter-fee-block__header {
  margin-bottom: 16px;
}
.charter-fee-contract .charter-contract-block {
  max-height: 234px;
  overflow: auto;
  padding: 0px 20px;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.charter-fee-contract .charter-contract-block::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.charter-fee-contract .charter-contract-block::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.charter-fee-contract .charter-contract-block::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 1300px) {
  .charter-fee-contract .charter-contract-block {
    max-height: 100%;
  }
}
.charter-fee-contract .charter-contract-block__header {
  color: #828282;
  font-size: 12px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.charter-fee-contract .charter-contract-block__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.charter-fee-contract .charter-contract-block__info-box {
  display: flex;
  align-items: center;
  gap: 16px;
}
.charter-fee-contract .charter-contract-block__info-accordion-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
  padding-left: 16px;
}
.charter-fee-contract .charter-contract-block__info-accordion-content .charter-contract-block__info-title {
  color: #010202;
}
.charter-fee-contract .charter-contract-block__info-accordion {
  width: 100%;
}
.charter-fee-contract .charter-contract-block__info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.charter-fee-contract .charter-contract-block__info-item .accordion__label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.charter-fee-contract .charter-contract-block__info-item .accordion__label_text {
  width: 100%;
}
.charter-fee-contract .charter-contract-block__info-title {
  color: #4f4f4f;
  font-size: 14px;
}
.charter-fee-contract .charter-contract-block__info-title.medium {
  font-weight: 500;
}
.charter-fee-contract .charter-contract-block__info-value {
  color: #46a6a4;
  font-weight: 700;
  font-size: 14px;
}
.charter-fee-owner-net {
  height: 100%;
  padding-bottom: 20px;
}
.charter-fee-owner-net .charter-fee-block__header {
  margin-bottom: 16px;
}
.charter-fee-owner-net .charter-owner-net-fee-block {
  max-height: 209px;
  overflow: auto;
  padding: 0px 20px;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.charter-fee-owner-net .charter-owner-net-fee-block::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.charter-fee-owner-net .charter-owner-net-fee-block::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.charter-fee-owner-net .charter-owner-net-fee-block::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 1300px) {
  .charter-fee-owner-net .charter-owner-net-fee-block {
    max-height: 100%;
  }
}
.charter-fee-owner-net .charter-owner-net-fee-block__header {
  width: 100%;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 60px 100px;
  margin-bottom: 18px;
}
.charter-fee-owner-net .charter-owner-net-fee-block__header .spacer {
  display: block;
  width: 100%;
}
.charter-fee-owner-net .charter-owner-net-fee-block__header span {
  text-align: end;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-accordion-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
  padding-left: 16px;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-accordion-content .charter-owner-net-fee-block__info-title {
  color: #010202;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-item {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 60px 100px;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-item.accordion-wrapper {
  grid-template-columns: 1fr;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-item .accordion__label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-item .accordion__label_text {
  width: 100%;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-item-flex {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-item-flex .medium {
  font-weight: 500;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-title {
  color: #4f4f4f;
  font-size: 14px;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-title.total {
  font-weight: 500;
  font-size: 16px;
}
.charter-fee-owner-net .charter-owner-net-fee-block__info-percent,
.charter-fee-owner-net .charter-owner-net-fee-block__info-value {
  color: #46a6a4;
  font-weight: 700;
  font-size: 14px;
  text-align: end;
}
.charter-fee-list {
  height: 100%;
}
.broker-overview-table {
  margin-top: 0;
}
.broker-overview-table .table__row {
  border-bottom: 1px solid #e0e0e0;
}
.broker-overview-table .table__row .table__col .form-field--label {
  white-space: nowrap;
  margin-right: 0;
}
.load-more-charter-overview-btn {
  display: block;
  margin: 2.4rem auto;
}
.seaz-charter-overview-trips-table .table__col-inner.charter-view {
  max-width: 18rem;
  overflow: hidden;
}
.seaz-charter-overview-trips-table .table__col-inner.charter-view .charter-view-btn {
  text-align: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: underline;
  margin: 0;
}
.seaz-charter-overview-trips-table .table__col-inner.charter-view .charter-view-btn:hover {
  opacity: 0.5;
}
.tooltip-pane.right .tooltip::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #ffffff;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%) rotate(90deg);
}
.tooltip-pane.top .tooltip::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
}
.tooltip-pane.bottom .tooltip::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid #ffffff;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.tooltip-pane.left .tooltip::before {
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%) rotate(-90deg);
}
.tooltip {
  background-color: #fff;
  padding: 1rem;
}
.tooltip__text {
  color: #4d4e67;
  font: 1.4rem/1.6rem "Roboto", sans-serif;
}
.shortcuts__tooltip.tooltip-pane {
  box-shadow: 0px 0px 12px rgba(53, 31, 115, 0.22);
}
.shortcuts__tooltip.tooltip-pane .tooltip {
  padding: 1.2rem;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
}
.shortcuts__tooltip.tooltip-pane .tooltip .tooltip__text {
  color: #4f4f4f;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.large-container {
  width: 100%;
  max-width: 190.2rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.main-container {
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.wrapper-indent {
  padding-top: 6.2rem;
}
@media screen and (max-width: 1200px) {
  .wrapper-indent {
    padding-top: 5.4rem;
  }
}
.table.container-ref,
.budget-table.container-ref,
.outstanding-table.container-ref {
  margin-top: 3.8rem;
}
.search-field-alternate {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.search-field-alternate .wrapper-rounded .form-field--content {
  border-radius: 0.4rem 0 0 0.4rem;
}
.search-field-alternate .form-field--content {
  border-radius: 0.4rem 0 0 0.4rem;
}
.search-field-alternate .form-field--content-outline {
  height: 4rem;
}
.search-field-alternate__btn {
  display: block;
  width: 5.2rem;
  height: 4rem;
  border-radius: 0 0.4rem 0.4rem 0;
  background-color: #351f73;
  cursor: pointer;
}
.search-field-alternate__btn:disabled {
  background-color: #bdbdbd;
}
.search-field-alternate.realtime-search-control .wrapper-rounded .form-field--content {
  border-radius: 0.4rem;
}
.location-autocomplete-selected__seazone-select {
  width: 11.4rem;
}
.location-autocomplete-selected__seazone-select .wrapper-rounded .form-field--content {
  border-radius: 0;
}
.info-rounded-box {
  position: relative;
  background-color: #fff;
  border-radius: 1.6rem;
  padding: 3.2rem;
}
.info-rounded-box--with-shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
}
.info-rounded-box--with-border {
  border: 0.5px solid #e7e7eb;
}
.info-rounded-box__no-data {
  margin: 0 auto;
  display: block;
}
.chips-checkbox-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.chips-checkbox-select__item {
  display: inline-block;
}
.chips-checkbox-select__item:not(:last-of-type) {
  margin: 0.8rem 0.8rem 0.8rem 0;
}
.chips-checkbox-select__item.disabled .chips-item {
  background-color: #f5f5f5;
  color: #a9a9a9;
  cursor: default;
  box-shadow: 0 0 0 1px #e0e0e0;
  -moz-box-shadow: 0 0 0 1px #e0e0e0;
}
.chips-checkbox-select .all-types {
  margin: 0.8rem 0.8rem 0.8rem 0;
}
.chips-checkbox-select .chips-item {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 5.6rem;
  background-color: #fff;
  box-shadow: 0 0 0 1px #e0e0e0;
  -moz-box-shadow: 0 0 0 1px #e0e0e0;
  padding: 0.8rem 1.4rem 0.8rem 0.8rem;
  line-height: 1.6rem;
  color: #010202;
  cursor: pointer;
}
.chips-checkbox-select .chips-item input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.chips-checkbox-select .chips-item.selected {
  box-shadow: 0 0 0 2px #432791;
  -moz-box-shadow: 0 0 0 2px #432791;
}
.chips-checkbox-select .chips-item.selected .chips-checkbox-select__icon {
  background-color: #351f73;
}
.chips {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5.6rem;
  padding: 0.8rem 1.4rem 0.8rem 0.8rem;
  line-height: 1.6rem;
  color: #010202;
  word-break: break-word;
}
.chips__icon {
  flex-shrink: 0;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.chips-group {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.8rem;
}
.chips-container {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 4.1rem;
  padding: 0.4rem 1.2rem 0.4rem 0.8rem;
}
.chips-container__icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  background-color: #351f73;
  border-radius: 50%;
  padding: 0.7rem;
}
.chips-container__icon {
  display: block;
  color: #828282;
  border-radius: 50%;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(148deg) brightness(108%) contrast(101%);
}
.chips-container__content {
  line-height: 1.6rem;
  color: #010202;
  word-break: break-word;
}
.chips-container__title {
  display: block;
  font-size: 1.2rem;
  color: #828282;
}
.chips-container__btn {
  margin-left: 1.3rem;
}
.chips-color-label {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.toggle-select-buttons {
  display: flex;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
  padding: 0.2rem;
}
.toggle-select-buttons__button {
  width: 50%;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-align: center;
  color: #351f73;
  padding: 1rem;
  border-radius: 0.6rem;
}
.toggle-select-buttons__button.active {
  background-color: #351f73;
  color: #fff;
}
.toggle-checkbox-control {
  display: flex;
  align-items: center;
}
.toggle-checkbox-control__label {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  margin-left: 1rem;
}
app-common-supplier-profile {
  display: block;
  min-height: 80vh;
}
.rate-me-link {
  width: 100%;
}
.rate-me-link__title {
  font-size: 1.2rem;
  color: #828282;
  margin-bottom: 0.6rem;
}
.rate-me-link__box {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: opacity 0.3s;
}
.rate-me-link__box:hover {
  opacity: 0.5;
}
.rate-me-link__link {
  width: 28rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #00b9ff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.region-autocomplete {
  flex-direction: column;
}
.region-autocomplete app-info-label {
  display: block;
  margin-top: 1rem;
}
.info-rounded-label {
  display: block;
  padding: 0.5rem 0.8rem;
  border-radius: 3.7rem;
  color: #fff;
  background-color: #46a6a4;
}
.info-rounded-label.main {
  background-color: #432791;
}
.label-box {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0.4rem 1.2rem;
  border-radius: 2.4rem;
}
.lacked {
  color: #d70000;
  background:
    linear-gradient(
      0deg,
      #fbe7e8,
      #fbe7e8),
    #f5dadb;
}
.probable,
.perfect,
.user-match {
  color: #fff;
}
.probable {
  background-color: #f7c948;
}
.perfect {
  background-color: #3aae27;
}
.user-match {
  background-color: #46a6a4;
}
.footer-content-between {
  display: flex;
  justify-content: space-between;
}
.footer-content-between__box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .footer-content-between {
    flex-direction: column;
  }
  .footer-content-between__box {
    flex-direction: column;
  }
  .footer-content-between__box:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.plug-label {
  width: 14rem;
  min-width: 14rem;
  margin: 0 2rem 0 0;
}
.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.no-data__text {
  font-size: 16px;
  line-height: 19px;
  color: #828282;
  margin-top: 3rem;
}
.no-data-info-icon {
  padding: 4rem 4.6rem;
  background-color: #f5f5f5;
  border-radius: 2.4rem;
}
.chevron-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
  outline-offset: -2px;
}
.chevron-button:hover {
  outline: 2px solid #351f73;
}
.dropdown-options-container.dropdown-body {
  box-shadow: 0 16px 24px rgba(53, 40, 113, 0.16);
  border-radius: 1.6rem;
  background-color: #fff;
  padding: 0.8rem;
}
.dropdown-options-container.dropdown-body .select-option {
  box-sizing: border-box;
  padding: 0.8rem;
  border-radius: 0.8rem;
  color: #4f4f4f;
}
.dropdown-options-container.dropdown-body .select-option:hover {
  background-color: #f5f5f5;
  font-weight: 500;
}
.clickable {
  cursor: pointer;
}
.uploader-action {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #351f73;
  border-radius: 0.4rem;
  padding: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  text-transform: uppercase;
  color: #351f73;
  cursor: pointer;
}
.uploader-action-icon {
  margin-right: 0.7rem;
}
.uploader-box {
  position: relative;
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.uploader-box:not(:last-of-type) {
  margin: 0 0 1.6rem 0;
}
.uploader-box .form-field--wrapper__row {
  flex-direction: column;
}
.uploader-box .form-field--content {
  width: 90%;
}
.uploader-box .yaht-edit__upload_img_box {
  position: static;
  margin-top: 1.2rem;
}
.uploader-box .yaht-edit__upload_img_box .seaz-uploader__video_btn {
  top: 4.8rem;
  right: 1.8rem;
}
@media screen and (max-width: 768px) {
  .uploader-box .yaht-edit__upload_img_box .seaz-uploader__video_btn {
    right: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .uploader-box .yaht-edit__upload_img_box .seaz-uploader__video_btn {
    top: 5.3rem;
    right: 1rem;
  }
}
.list-view-btn {
  display: flex;
  align-items: center;
  position: fixed;
  color: #351f73;
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
  background-color: #fff;
  padding: 0.9rem 1.2rem;
  border-radius: 0 0 1.2rem 1.2rem;
  transform: rotate(270deg);
  z-index: 100;
}
.seaz-alarm {
  color: #d70000;
}
.seaz-warn {
  color: #f49342;
}
.seaz-success {
  color: #3aae27;
}
.seaz-text {
  color: #010202;
}
@media screen and (max-width: 480px) {
  .extended-location-autocomplete {
    margin-top: 2rem;
  }
}
.location-autocomplete__option {
  justify-content: space-between;
}
.location-autocomplete__option.select-option {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.location-autocomplete__option .location-autocomplete__option-val {
  overflow: hidden;
}
.location-autocomplete__option .location-autocomplete__option-text {
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.location-autocomplete__option .location-autocomplete__icon {
  margin-left: 1.1rem;
}
.actual-cost-input.success .form-field--content,
.actual-cost-input.success .seazone__form-input {
  color: #3aae27;
}
.actual-cost-input.alarm .form-field--content,
.actual-cost-input.alarm .seazone__form-input {
  color: #d70000;
}
.actual-cost-button {
  background-color: #3aae27;
  border-radius: 50%;
  padding: 0.3rem;
  margin-right: 0.35rem;
}
.paginator-list .boat-home__nav {
  margin-top: 2rem;
}
.paginator-list app-seazone-select {
  width: 15.3rem;
  margin-left: 1.5rem;
}
.reset-all {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 100%;
  color: #00b9ff;
  border-bottom: 1px dashed #00b9ff;
}
.boat-action-panel {
  position: relative;
}
.boat-action-panel .action-panel-close {
  top: auto;
  bottom: 2rem;
}
.no-data-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 50vh;
  background-color: #fff;
  margin-top: 1.6rem;
  border-radius: 1.2rem;
}
.no-data-wrapper__content {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  margin-bottom: 1.6rem;
}
.seaz-title-h1 {
  font: 700 4rem/100% "Roboto", sans-serif;
  color: #351f73;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .seaz-title-h1 {
    font-size: 2.5rem;
  }
}
.seaz-title-h2 {
  font: 500 3rem/145% "Roboto", sans-serif;
  color: #351f73;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .seaz-title-h2 {
    font-size: 2rem;
  }
}
.seaz-title-h2--uppercase {
  text-transform: uppercase;
}
.seaz-title-h3 {
  font: 500 2.4rem/1.4 "Roboto", sans-serif;
  color: #351f73;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .seaz-title-h3 {
    font-size: 2rem;
  }
}
.seaz-title-h4 {
  font: 500 2rem/1.4 "Roboto", sans-serif;
  color: #432791;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .seaz-title-h4 {
    font-size: 1.8rem;
  }
}
.seaz-subtitle {
  font: 400 1.4rem/2rem "Roboto", sans-serif;
  color: #010202;
  word-break: break-word;
  margin-top: 1.2rem;
}
.overview-statistic {
  display: flex;
  box-sizing: border-box;
}
.overview-statistic__wrapper {
  position: relative;
  padding-top: 1.2rem;
}
.overview-statistic__wrapper .overview-statistic__scrollable .controls-container {
  top: -2rem;
}
.overview-statistic__scrollable {
  overflow: auto;
  max-width: 100%;
}
.overview-statistic__title {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: #351f73;
}
@media screen and (max-width: 768px) {
  .overview-statistic__title {
    margin-bottom: 2rem;
  }
}
.overview-statistic__title .card-statements__header-card--tooltip {
  margin-left: 8px;
}
.overview-statistic__header {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 2.4rem;
  margin-bottom: 3rem;
  min-height: 5.6rem;
}
.overview-statistic__header--title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #351f73;
}
.overview-statistic__header--sub-title {
  color: #828282;
  margin-top: 0.2rem;
}
.overview-statistic__col {
  border: 0.5px solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
}
.overview-statistic__total {
  width: 100%;
  max-width: 28.8rem;
  margin-right: 1.6rem;
  padding: 2rem 0 0;
  background-color: #fff;
}
.overview-statistic__container {
  width: 100%;
  padding: 2.4rem;
  background-color: #fff;
}
@media screen and (max-width: 1300px) {
  .overview-statistic__container {
    width: auto;
    flex-grow: 1;
  }
}
.overview-statistic__card-wrapper {
  position: relative;
  padding: 0.5rem 0 0;
}
.overview-statistic__card-box {
  display: flex;
  align-self: baseline;
  max-width: 89rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 1300px) {
  .overview-statistic__card-box {
    max-width: 100%;
  }
}
@media screen and (min-width: 1301px) {
  .overview-statistic__card-scrollable {
    overflow: auto;
    max-width: 100%;
  }
}
.overview-statistic__card-box-item {
  width: 100%;
  max-width: 44.8rem;
  margin: 0 auto;
}
.overview-statistic__card-box-item:not(:last-of-type) {
  margin-right: 2rem;
}
.overview-statistic__no_data {
  width: 100%;
  padding: 0 2.4rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.seaz-charter-utc__tooltip.all-inclusive.top .tooltip::before,
.seaz-charter-utc__tooltip.all-inclusive.bottom .tooltip::before {
  transform: translateX(-50%);
}
.overview-card {
  position: relative;
  width: 100%;
  min-width: 28rem;
  border: 0.4rem solid #fff;
  box-sizing: border-box;
  border-radius: 1.6rem;
  background-color: #fff;
}
.overview-card:not(:last-of-type) {
  margin-right: 2rem;
}
.overview-card__title-box {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.6rem 0 1rem;
  border-radius: 1.6rem 1.6rem 0 0;
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .overview-card__title-box:before {
    width: 100.6%;
  }
}
.overview-card__title {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  z-index: 4;
}
.overview-card__title-icon {
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  color: #351f73;
  background-color: #fff;
  padding-left: 0;
  margin: 0 0 0 1rem;
  font-weight: bold;
  z-index: 4;
  border-radius: 50%;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.8rem;
}
.overview-card__title-icon.all-inclusive {
  font-size: 1.4rem;
  margin: 0 0 0 0.4rem;
  background-color: #e0e0e0;
  color: white;
}
.overview-card__content {
  padding: 2.9rem 2.4rem 1.2rem;
  background-color: #fff;
  border-radius: 0 0 1.6rem 1.6rem;
}
.overview-card__content-col {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 5.8rem;
}
.overview-card__content-col:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.overview-card__content-item {
  width: 50%;
  text-align: center;
}
.overview-card__content-item--full {
  width: 100%;
}
.overview-card__content-item__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 3.8rem;
  margin-bottom: 1.6rem;
}
.overview-card__content-item__wrap.overview-card__content-item__wrap-info-card {
  padding-bottom: 1.6rem;
}
.overview-card__content-item__wrap .overview-card__content-col {
  justify-content: center;
}
.overview-card__content-item__wrap .overview-card__val-description:first-child {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.overview-card__content-item--full {
  width: 100%;
}
.overview-card__val {
  font-size: 2.4rem;
  font-weight: bold;
  color: #351f73;
  margin-bottom: 0.8rem;
}
.overview-card__val.overview-card__daily {
  color: #00acdd;
}
.overview-card__val-small {
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #351f73;
}
.overview-card__val-small--disable {
  color: #828282;
}
.overview-card__val-small.success {
  color: #3aae27;
}
.overview-card__val-small.success-light {
  color: #46a6a4;
}
.overview-card__val-small.error {
  color: #d70000;
}
.overview-card__val-description {
  color: #828282;
  text-transform: lowercase;
}
.overview-card__averages {
  margin-top: 4.1rem;
  color: #828282;
  text-align: center;
}
.overview-card__averages-fleet {
  margin-top: 0.6rem;
}
.overview-card__averages--val {
  font-size: 1.6rem;
  font-weight: 500;
  margin-right: 0.8rem;
  color: #351f73;
}
.overview-card__averages--val.overview-card__averages--daily {
  color: #00acdd;
}
.overview-card__averages--item:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.overview-card__averages--item.opacity {
  opacity: 0;
  pointer-events: none;
}
.overview-card__averages-title {
  position: relative;
  margin-bottom: 2rem;
}
.overview-card__averages-title:after,
.overview-card__averages-title:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, 50%);
  width: 30%;
  height: 0.1rem;
  background-color: #e0e0e0;
}
.overview-card__averages-title:before {
  left: 0;
}
.overview-card__averages-title:after {
  right: 0;
}
.overview-card__btn {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #4f194a;
  padding: 0.5rem 0;
  margin-top: 2.4rem;
  border: 1px solid #4f194a;
  box-sizing: border-box;
  border-radius: 0.4rem;
  transition: opacity 0.3s;
}
.overview-card__btn:hover {
  opacity: 0.6;
}
.card-total__header {
  text-align: center;
  margin: 0 2rem 3.9rem;
}
.card-charter {
  border-color: rgb(53, 31, 115);
  background-color: rgb(53, 31, 115);
}
.card-owner {
  border-color: #46a6a4;
  background-color: #46a6a4;
}
.card-all-inclusive {
  border-color: #348ece;
  background-color: #348ece;
}
.card-trip {
  border-color: #00b9ff;
  background-color: #00b9ff;
}
.card-total {
  border-color: transparent;
}
.card-total .overview-card__title {
  color: #351f73;
}
.shortcuts {
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.shortcuts__wrap {
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto;
  padding: 0 1rem 4.6rem;
}
.shortcuts__container {
  padding: 2.4rem;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
}
.shortcuts__group {
  margin-top: 3.2rem;
}
.shortcuts__favorite-container {
  height: 2rem;
  transition: height 0.5s;
}
.shortcuts__favorite-container-open {
  height: 30.2rem;
  overflow: hidden;
  transition: height 0.5s;
}
.shortcuts__favorite-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.6rem;
}
.shortcuts__favorite-header--count {
  display: flex;
  align-items: center;
}
.shortcuts__favorite-header--count-text {
  font-size: 2rem;
  font-weight: 500;
  color: #351f73;
  margin-left: 1.2rem;
}
.shortcuts__favorite-header--count-val {
  margin-left: 1rem;
}
.shortcuts__favorite-header--button {
  border-radius: 0.4rem;
  padding: 0.8rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
}
.shortcuts__favorite-header--add-button {
  display: flex;
  justify-content: center;
  border-radius: 0.4rem;
  padding: 0.8rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .shortcuts__favorite-header--add-button {
    padding: 0.8rem 1.2rem;
    width: 100%;
  }
}
.shortcuts__favorite-prompt {
  font-size: 1.6rem;
  color: #010202;
  text-align: center;
}
.shortcuts__shortcut-card-container {
  display: grid;
  grid-template-columns: repeat(6, 18rem);
  grid-gap: 0 1.6rem;
  justify-content: space-around;
}
.shortcuts__shortcut-card-container-charter {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
  border-radius: 0 0 1.6rem 1.6rem;
}
.shortcuts__shortcut-card-container-charter .shortcut-box {
  margin: 0 0 0 1.6rem;
}
.shortcuts__shortcut-card-container-charter .shortcut-box:last-of-type {
  margin: 0 1.6rem;
}
.shortcuts__shortcut-card-container-list {
  grid-gap: 2rem 1.6rem;
  margin-top: 4.8rem;
}
@media screen and (max-width: 1260px) {
  .shortcuts__wrap {
    width: 100%;
    max-width: 102.4rem;
  }
  .shortcuts__shortcut-card-container {
    grid-template-columns: repeat(6, 14rem);
  }
}
.shortcuts__apply-btn-mobile {
  display: none;
  position: fixed;
  bottom: 0.8rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 31.2rem;
  background: #351f73;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding: 1rem 0;
  z-index: 10;
}
@media screen and (max-width: 480px) {
  .shortcuts__apply-btn-mobile {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .shortcuts__wrap {
    width: 100%;
    max-width: 67.2rem;
  }
  .shortcuts__container {
    padding: 1rem;
  }
  .shortcuts__shortcut-card-container-charter .shortcut-box:first-of-type {
    margin: 0 0 1.6rem 1rem;
  }
  .shortcuts__shortcut-card-container-charter .shortcut-box:last-of-type {
    margin: 0 1rem 1.6rem 1.6rem;
  }
  .shortcuts__shortcut-card-container {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .shortcuts__wrap {
    width: 100%;
    max-width: 41.6rem;
  }
  .shortcuts__favorite-container {
    height: 4rem;
  }
  .shortcuts__favorite-container-open {
    height: 20.2rem;
  }
  .shortcuts__shortcut-card-container {
    grid-gap: 1.6rem;
  }
  .shortcuts__shortcut-card-container-list,
  .shortcuts__shortcut-card-container {
    grid-template-columns: repeat(3, 8.8rem);
    justify-content: space-around;
  }
  .shortcuts__shortcut-card-container-charter {
    flex-wrap: wrap;
    padding: 1rem 0 0;
  }
  .shortcuts__shortcut-card-container-charter .shortcut-box {
    margin: 0 0 1.6rem 1rem;
  }
  .shortcuts__shortcut-card-container-charter .shortcut-box:nth-child(3),
  .shortcuts__shortcut-card-container-charter .shortcut-box:last-of-type {
    margin: 0 1rem 1.6rem 1rem;
  }
  .shortcuts .profile__col-left {
    padding-right: 1.8rem;
  }
}
@media screen and (max-width: 360px) {
  .shortcuts__shortcut-card-container-charter,
  .shortcuts__shortcut-card-container-list {
    grid-template-columns: repeat(2, 8.8rem);
    justify-content: space-around;
  }
}
.shortcut-charter {
  display: flex;
  flex-direction: column;
}
.shortcut-charter__header {
  display: flex;
  align-items: center;
  background-color: #fafafb;
  border: 1px solid #e7e7eb;
  border-radius: 1.6rem 1.6rem 0 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  padding: 1.6rem;
}
.shortcut-charter__header--badge {
  display: flex;
  align-items: center;
}
.shortcut-charter__header--text {
  font-size: 2rem;
  font-weight: 500;
  color: #351f73;
}
.shortcut-charter .shortcut-description-on-small-device {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .shortcut-charter__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .shortcut-charter__header--text {
    margin-top: 1rem;
    line-height: 1.4;
  }
}
.shortcuts-running-charter {
  display: flex;
}
.quick-nav__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  background: #3f9795;
  border: 2px solid rgba(255, 255, 255, 0.16);
  box-sizing: border-box;
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 12px;
}
.quick-add-task__button {
  background-color: #351f73;
  border-color: rgba(255, 255, 255, 0.16);
}
.shortcut-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  width: 18.1rem;
  height: 100%;
  min-height: 18rem;
  border-radius: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  padding: 1.6rem;
  align-self: stretch;
}
.shortcut-card__disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.6rem;
  background-color: rgba(255, 255, 255, 0.4);
}
.shortcut-card__tooltip {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 1;
}
.shortcut-card__info-label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-42deg);
  transform-origin: 8.5rem 6rem;
  background-color: #fff;
  color: #46a6a4;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.5rem 2.8rem;
}
.shortcut-card__favorite-icon {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.shortcut-card__favorite-icon svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: #fff;
}
.shortcut-card__info-icon svg {
  width: 4rem;
  height: 4rem;
  fill: #fff;
}
.shortcut-card__description {
  display: flex;
  align-items: center;
  min-height: 6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 1260px) {
  .shortcut-card {
    width: 14rem;
    height: 100%;
    min-height: 14rem;
    padding: 0.8rem;
    font-size: 1.4rem;
  }
  .shortcut-card__info-icon svg {
    width: 2.6rem;
    height: 2.6rem;
  }
  .shortcut-card__description {
    min-height: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .shortcut-card {
    width: 8.8rem;
    height: 8.8rem;
    min-height: auto;
    justify-content: center;
  }
  .shortcut-card__info-label {
    transform-origin: 78% 164%;
    width: 130%;
    padding: 0.5rem 0;
  }
  .shortcut-card__favorite-icon {
    top: 0.8rem;
    right: 0.8rem;
  }
  .shortcut-card__tooltip {
    top: 0.8rem;
    left: 0.8rem;
  }
  .shortcut-card__tooltip svg {
    width: 1.8rem;
    height: 1.8rem;
  }
  .shortcut-card__description {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .shortcut-card {
    margin: 0 auto;
  }
}
.shortcut-charter-card {
  width: 17.6rem;
  background-color: #fff;
  color: #348ece;
}
@media screen and (max-width: 1260px) {
  .shortcut-charter-card {
    width: 14rem;
  }
}
@media screen and (max-width: 1024px) {
  .shortcut-charter-card {
    width: 8.8rem;
  }
}
.shortcut-finances {
  background-color: rgb(53, 31, 115);
}
.shortcut-crew {
  background-color: rgb(79, 25, 74);
}
.shortcut-boat {
  background-color: rgb(70, 166, 164);
}
.shortcut-charters {
  background-color: rgb(52, 142, 206);
}
.shortcut-suppliers {
  background-color: rgb(61, 6, 190);
}
.shortcut-maintenance {
  background-color: rgb(244, 147, 66);
}
.shortcut-settings {
  border: 1px solid #351f73;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.shortcut-settings .shortcut-card__favorite-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.shortcut-settings .shortcut-card__favorite-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #351f73;
}
.shortcut-settings .shortcut-card__info-icon svg {
  width: 4rem;
  height: 4rem;
  fill: #351f73;
}
.shortcut-settings .shortcut-card__description {
  color: #351f73;
}
@media screen and (max-width: 1260px) {
  .shortcut-settings .shortcut-card__info-icon svg {
    width: 2.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .shortcut-settings .shortcut-card__favorite-icon {
    top: 0.8rem;
    right: 0.8rem;
  }
}
.shortcut-description-on-small-device {
  display: none;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #4f4f4f;
  margin-top: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .shortcut-description-on-small-device {
    display: block;
  }
}
.shortcut-box {
  display: block;
  width: 18.1rem;
}
@media screen and (max-width: 1260px) {
  .shortcut-box {
    width: 14rem;
  }
}
@media screen and (max-width: 1024px) {
  .shortcut-box {
    width: 8.8rem;
  }
}
.shortcuts-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 1.2rem 1.6rem;
  align-self: stretch;
}
@media screen and (max-width: 1200px) {
  .shortcuts-list {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .shortcuts-list {
    grid-gap: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .shortcuts-list {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.shortcuts-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 2.4rem 2.4rem 2.6rem;
  border-radius: 1.2rem;
}
.shortcuts-list-item__content {
  display: block;
  width: 100%;
  color: #fff;
  text-align: left;
}
.shortcuts-list-item__title {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 768px) {
  .shortcuts-list-item {
    padding: 1.2rem;
  }
  .shortcuts-list-item__title {
    font-size: 1.2rem;
  }
}
.shortcuts-list-item-boat {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.shortcuts-list-item-boat__content {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 120%;
  margin-right: 1rem;
}
.shortcuts-list-item-boat__count {
  display: block;
  font-size: 5.6rem;
  font-weight: 300;
  line-height: 5rem;
  margin-right: 1.2rem;
}
.shortcuts-list-item-boat__icon {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .shortcuts-list-item-boat__count {
    font-size: 3rem;
  }
  .shortcuts-list-item-boat__content {
    font-size: 1.2rem;
  }
}
.shortcuts-list-item-boat-fleet .shortcuts-list-item-boat {
  align-items: center;
}
.shortcuts-list-item-boat-fleet .shortcuts-list-item-boat__count {
  display: flex;
  align-items: center;
  gap: 0 2.3rem;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding-bottom: 1.9rem;
}
.shortcuts-list-item-boat-fleet .task-val {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 120%;
  margin-top: 0.8rem;
}
.seaz-charter-info-card-alternate {
  color: #351f73;
  margin-bottom: 1.6rem;
}
.seaz-charter-info-card-alternate__date {
  font-size: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.seaz-charter-info-card-alternate__container {
  padding: 0.8rem 1.6rem;
  margin-top: 0.8rem;
  background-color: #fafafb;
  border-radius: 0.4rem;
}
.seaz-charter-info-card-alternate__services {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seaz-charter-info-card-alternate__services-box {
  display: flex;
  flex-wrap: wrap;
}
.seaz-charter-info-card-alternate__services-box .seaz-charter__list_card_head_error_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.seaz-charter-info-card-alternate__services-box .seaz-charter__list_card_head_error {
  padding: 0;
}
.seaz-charter-info-card-alternate__action-btn {
  min-width: 6rem;
  text-align: right;
}
.seaz-charter-info-card-alternate__action-btn .boat-calendar-card-event__button-edit {
  margin-right: 2.3rem;
}
@media screen and (max-width: 768px) {
  .seaz-charter-info-card-alternate__action-btn .boat-calendar-card-event__button-edit {
    margin-right: 1rem;
  }
}
.seaz-charter-info-card-alternate__services-badge {
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.7rem 1.2rem 0.5rem;
  border-radius: 2.4rem;
  color: #fff;
  background-color: #351f73;
}
.seaz-charter-info-card-alternate__services-badge:not(:last-child) {
  margin-right: 0.4rem;
}
.seaz-charter-info-card-alternate__services-btn--icon {
  transform: rotateZ(180deg);
}
.seaz-charter-info-card-alternate__title-box {
  margin-top: 0.4rem;
}
.seaz-charter-info-card-alternate__title-box--title {
  font-size: 1.6rem;
  font-weight: 500;
}
.seaz-charter-info-card-alternate__title-box .seaz-charter__list_card_head_name {
  padding-bottom: 0;
}
.seaz-charter-info-card-alternate__charter-info {
  display: flex;
  margin-top: 1.2rem;
}
.seaz-charter-info-card-alternate__charter-info--title {
  font-size: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #828282;
  margin-bottom: 0.4rem;
}
.seaz-charter-info-card-alternate__charter-info--val {
  font-size: 1.6rem;
  font-weight: 500;
}
.seaz-charter-info-card-alternate__charter-info-item:not(:last-of-type) {
  margin-right: 3rem;
}
.seaz-charter-info-card-alternate__button-box {
  margin-top: 1.2rem;
}
.seaz-charter-info-card-alternate__button-box .seaz-charter-info-card-alternate__button,
.seaz-charter-info-card-alternate__button-box .seaz-charter__btn_primary--plus {
  justify-content: center;
}
.seaz-charter-info-card-alternate__button {
  width: 100%;
  transition: opacity 0.3s;
}
.seaz-charter-info-card-alternate__button:not(:last-of-type) {
  margin-bottom: 1rem;
}
.seaz-charter-info-card-alternate__button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 480px) {
  .seaz-charter-info-card-alternate__services-badge {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .seaz-charter-info-card-alternate .seaz-charter__list_card_head_error {
    margin-bottom: 0.5rem;
  }
}
.cards__navigation {
  display: flex;
  overflow: auto;
  max-width: 100%;
  padding: 2rem 0;
  margin: 0 4rem;
}
.cards__navigation::-webkit-scrollbar {
  display: none;
}
.cards__navigation_wrapper {
  width: 980px;
  position: relative;
}
.cards__navigation_list {
  display: flex;
}
.cards__navigation app-scroll-controls .controls-container {
  position: static;
}
.cards__navigation app-scroll-controls .controls-container button {
  height: 5.2rem;
  width: 2.4rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  border-radius: 0;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .cards__navigation app-scroll-controls .controls-container button {
    height: 3.6rem;
  }
}
@media screen and (min-width: 480px) {
  .cards__navigation app-scroll-controls .controls-container button:hover,
  .cards__navigation app-scroll-controls .controls-container button:active {
    background-color: #351f6f;
  }
  .cards__navigation app-scroll-controls .controls-container button:hover .icon-arrow-left::before,
  .cards__navigation app-scroll-controls .controls-container button:hover .icon-arrow-rights::before,
  .cards__navigation app-scroll-controls .controls-container button:active .icon-arrow-left::before,
  .cards__navigation app-scroll-controls .controls-container button:active .icon-arrow-rights::before {
    color: white;
  }
}
.cards__navigation app-scroll-controls .controls-container button:nth-child(1) {
  left: 0;
}
.cards__navigation app-scroll-controls .controls-container button:nth-child(1) .icon-arrow-left::before {
  transform: rotate(180deg);
}
.cards__navigation app-scroll-controls .controls-container button:nth-child(2) {
  right: 0;
}
.cards__navigation app-scroll-controls .controls-container button .icon-arrow-left::before,
.cards__navigation app-scroll-controls .controls-container button .icon-arrow-rights::before {
  content: "\e823";
  font-weight: bold;
  font-size: 1.2rem;
}
.card-slider-list {
  position: relative;
}
@media screen and (min-width: 480px) {
  .card-slider-list app-scroll-controls .controls-container button:hover,
  .card-slider-list app-scroll-controls .controls-container button:active {
    background-color: initial;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
  }
  .card-slider-list app-scroll-controls .controls-container button:hover .icon-arrow-left::before,
  .card-slider-list app-scroll-controls .controls-container button:hover .icon-arrow-rights::before,
  .card-slider-list app-scroll-controls .controls-container button:active .icon-arrow-left::before,
  .card-slider-list app-scroll-controls .controls-container button:active .icon-arrow-rights::before {
    color: initial;
  }
}
@media screen and (max-width: 480px) {
  .card-slider-list .cards__navigation {
    margin: 0 2rem;
  }
  .card-slider-list app-scroll-controls .controls-container button {
    width: 2rem;
  }
  .card-slider-list app-scroll-controls .controls-container button:nth-child(1) {
    left: -0.6rem;
  }
  .card-slider-list app-scroll-controls .controls-container button:nth-child(2) {
    right: -0.6rem;
  }
}
.card-slider-container {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: stretch;
  box-sizing: border-box;
}
.card-slider {
  display: block;
  width: 31.4rem;
  min-width: 31.4rem;
  border: 1px solid #bdbdbd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 1.6rem;
  background-color: #f5f5f5;
  padding: 1.6rem;
  box-sizing: border-box;
}
.card-slider:not(:last-of-type) {
  margin: 0 1.6rem 0 0;
}
.card-slider.active {
  background-color: #e4daff;
  outline: 3px solid #351f73;
  outline-offset: -3px;
}
.card-slider.card-slider--aggregate {
  background-color: #3aae27;
}
.card-slider.card-slider--aggregate > *,
.card-slider.card-slider--aggregate .card-slider-total {
  color: white;
}
@media screen and (max-width: 480px) {
  .card-slider {
    width: 26rem;
    min-width: 26rem;
  }
  .card-slider:not(:last-of-type) {
    margin: 0 1rem 0 0;
  }
}
.card-slider-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
  color: #010202;
  opacity: 0.6;
  margin-bottom: 0.8rem;
}
.card-slider-total {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.8rem;
  color: #828282;
  margin-bottom: 0.8rem;
}
.card-slider-total__badge {
  margin-right: 0.5rem;
}
.card-slider-total.positive {
  color: #3aae27;
}
.card-slider-total.negative {
  color: #d70000;
}
.card-slider-boat-currency {
  font-size: 1.2rem;
  color: #010202;
}
.card-slider-boat-currency__text {
  line-height: 120%;
  margin-bottom: 0.2rem;
  opacity: 0.6;
}
.card-statements {
  flex-shrink: 0;
  flex-basis: 33%;
}
@media screen and (max-width: 768px) {
  .card-statements {
    flex-grow: 1;
    width: 100%;
    flex-basis: 100%;
  }
}
.card-statements__header-card {
  min-width: 7.5rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  display: flex;
  background-color: #f0f0f3;
  border-radius: 8px;
  padding: 0.8rem;
  justify-content: space-between;
  flex-direction: row;
}
.card-statements__header-card .text-purple-dark,
.card-statements__header-card .text-green {
  font-size: 1.6rem;
}
.card-statements__header-card:not(.enable) {
  cursor: default;
}
.card-statements__header-card.positive {
  background-color: #46a6a4;
  color: white;
}
.card-statements__header-card.yellow {
  background-color: #fdefc8;
  color: #94792b;
}
.card-statements__header-card.red {
  background-color: #f5dadb;
  color: #d70000;
}
.card-statements__header-card_container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.card-statements__header-card_container--month {
  font-size: 1.2rem;
  color: #828282;
  width: 100%;
  font-weight: 400;
  margin-bottom: 0.8rem;
  line-height: 1.44rem;
}
.card-statements__header-card--title {
  flex: 1 1 auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: #010202;
}
.card-statements__header-card--count {
  display: none;
}
@media screen and (max-width: 768px) {
  .card-statements__header-card--count {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 2.8rem;
    background-color: #f5f5f5;
    color: #351f73;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
}
.card-statements__header-card--toggle {
  display: none;
}
@media screen and (max-width: 768px) {
  .card-statements__header-card--toggle {
    display: flex;
    transform: rotate(90deg);
  }
  .card-statements__header-card--toggle.active {
    transform: rotate(-90deg);
  }
}
.card-statements__header-card--tooltip {
  display: flex;
  justify-content: flex-start;
  width: 2rem;
}
.card-statements__header-card--bank-account {
  color: white;
}
.card-statements__header-card--bank-account.normal {
  background-color: #05a1e8;
}
.card-statements__header-card--bank-account.normal .balance-card__currency {
  color: rgba(255, 255, 255, 0.72);
}
.card-statements__header-card--bank-account.error {
  background-color: #f5dadb;
  color: #d70000;
}
.card-statements__header-card--bank-account.warning {
  background-color: #fdefc8;
  color: #94792b;
}
.card-statements__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .card-statements__nav {
    flex-direction: column;
    margin-bottom: 3.2rem;
  }
}
.card-statements__nav--slider {
  width: 80%;
  position: relative;
}
.card-statements__nav--slider.full-width {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .card-statements__nav--slider {
    width: 100%;
  }
}
.card-statements__nav--add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  min-width: 22.9rem;
  border-radius: 1.6rem;
  background-color: #f5f5f5;
  font-size: 1.4rem;
  font-weight: bold;
  color: #46a6a4;
  transition: opacity 0.3s;
  padding: 3.4rem;
}
.card-statements__nav--add-btn:hover {
  border: 0.1rem solid #e0e0e0;
}
.card-statements__nav--add-btn:active {
  border: 0.3rem solid #e0e0e0;
}
@media screen and (max-width: 1024px) {
  .card-statements__nav--add-btn {
    width: 100%;
    padding: 1.2rem;
    border: 0.3rem solid transparent;
  }
}
.card-statements__nav--add-btn-icon {
  display: block;
  margin-right: 1.7rem;
}
.card-statements__nav app-scroll-controls .controls-container button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn {
  background-color: unset;
  border-radius: 100rem;
  width: 3.2rem;
  height: 3.2rem;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn:hover {
  background-color: #f5f5f5;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn:hover .icon-arrow-left::before {
  color: unset;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn:hover .icon-arrow-rights::before {
  color: unset;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn:active {
  background-color: #e0e0e0;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn:active .icon-arrow-left::before {
  color: unset;
}
.card-statements__nav app-scroll-controls .controls-container .controls-container__btn:active .icon-arrow-rights::before {
  color: unset;
}
.card-statements__nav .large-card {
  background-color: white;
  width: 23rem;
  height: 8.4rem;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
  border-radius: 1.6rem;
  padding: 1.6rem;
}
.card-statements__nav .large-card.card-statements__header-card {
  background-color: white;
  transition: all 0.4s ease;
}
.card-statements__nav .large-card.card-statements__header-card svg {
  fill: #bdbdbd;
}
.card-statements__nav .large-card.card-statements__header-card .large-currency {
  opacity: 0.6;
}
.card-statements__nav .large-card.card-statements__header-card.positive {
  color: #3f9795;
}
.card-statements__nav .large-card.card-statements__header-card.positive .large-currency {
  color: rgb(79, 79, 79);
}
.card-statements__nav .large-card.card-statements__header-card.yellow {
  color: #f49342;
}
.card-statements__nav .large-card.card-statements__header-card.red {
  color: #d70000;
}
.card-statements__nav .large-card.card-statements__header-card.active.positive {
  color: white;
  background-color: #46a6a4;
}
.card-statements__nav .large-card.card-statements__header-card.active.positive .large-currency {
  color: white;
}
.card-statements__nav .large-card.card-statements__header-card.active.positive svg {
  fill: white;
}
.card-statements__nav .large-card.card-statements__header-card.active.yellow {
  color: #94792b;
  background-color: #fdefc8;
}
.card-statements__nav .large-card.card-statements__header-card.active.yellow svg {
  fill: #94792b;
}
.card-statements__nav .large-card.card-statements__header-card.active.red {
  background-color: #f5dadb;
}
.card-statements__nav .large-card.card-statements__header-card.active.red svg {
  fill: #d70000;
}
.card-statements__nav .large-card .large-currency {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 17rem;
}
.card-statements__nav .large-card .large-value {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 18rem;
}
.card-statements .table-spacing th {
  border: none;
  padding-top: 1.2rem;
}
.card-statements__cards-info {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  gap: 0.8rem;
}
@media screen and (max-width: 768px) {
  .card-statements__cards-toggle {
    display: none;
  }
}
.card-statements .flexible-form {
  display: flex;
}
@media screen and (max-width: 768px) {
  .card-statements .flexible-form {
    flex-direction: column;
  }
}
.card-statements .flexible {
  display: flex;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1024px) {
  .card-statements .flexible {
    flex-direction: column;
  }
}
.card-statements .date-period {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #4d4e67;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
}
.card-statements .card-statements-form .form-wrapper {
  display: flex;
}
@media screen and (max-width: 768px) {
  .card-statements .card-statements-form .form-wrapper {
    flex-direction: column;
  }
}
.card-statements .card-statements-form app-date-control {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .card-statements .card-statements-form app-date-control {
    margin-right: unset;
  }
}
.card-statements .card-statements-form .btn {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 100%;
  color: #46a6a4;
  border: 0.1rem solid #3f9795;
  padding: 1.4rem 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.099626rem;
  text-transform: uppercase;
}
.card-statements .card-statements-form .btn:hover {
  background: #46a6a4;
  color: white;
}
.card-statements .card-statements-form .btn:active {
  color: white;
  background: #3f9795;
}
.card-statements .block {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1 50%;
}
.card-statements .block app-date-control {
  width: 16.1rem;
}
@media screen and (max-width: 768px) {
  .card-statements .block {
    margin-bottom: 1.2rem;
    justify-content: space-between;
    flex: unset;
  }
  .card-statements .block app-date-control {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 768px) {
  .card-statements .block {
    justify-content: space-between;
  }
}
.card-statements .field-label {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-right: 1.2rem;
  align-items: center;
  display: flex;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .card-statements .field-label {
    width: 16rem;
    flex-shrink: 0;
  }
}
.card-statements .title-h3 {
  font: bold 2.4rem/2.8rem "Roboto", sans-serif;
  color: #351f6f;
  margin-right: 4rem;
}
@media screen and (max-width: 768px) {
  .card-statements .title-h3 {
    margin-right: unset;
    margin-bottom: 3.2rem;
  }
}
.card-statements-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .card-statements-title {
    flex-direction: column;
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 1920px) {
  .card-statements-title {
    margin-bottom: 4rem;
  }
}
.card-statements .title-table {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .card-statements .title-table {
    flex-direction: column;
  }
  .card-statements .title-table .btn {
    width: 100%;
    margin-top: 1.2rem;
    justify-content: center;
  }
}
.card-statements .boat-home__row .title-h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  line-height: 3rem;
  color: #351f73;
}
@media screen and (max-width: 768px) {
  .card-statements .boat-home__row .title-h1 {
    font-size: 2.4rem;
  }
}
.card-statements .buttons-row .btn {
  display: flex;
  align-items: center;
  border: 0.1rem solid #351f73;
  padding: 1.1rem 3.2rem;
  border-radius: 0.4rem;
  text-transform: uppercase;
}
.card-statements .buttons-row .btn:not(:last-child) {
  margin-right: 1.2rem;
}
.card-statements .buttons-row .btn .main-btn__text {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.16rem;
  color: #351f73;
}
.card-statements .wrap-table__scroll {
  background: #ffffff;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  padding: 0 1.6rem 0 1.6rem;
  margin-top: 3rem;
}
.card-statements .wrap-table__scroll .cover {
  overflow: auto;
  overflow-y: hidden;
}
.card-statements .wrap-table__scroll .table_financial {
  margin-top: 0;
  border-collapse: separate;
}
.card-statements .wrap-table__scroll .table_financial-wrapper {
  padding: 1.6rem;
}
.card-statements .wrap-table__scroll .table_financial .table_financial-wrapper {
  padding-top: 0;
}
.card-statements .wrap-table__scroll app-scroll-controls .controls-container {
  top: -3rem;
}
.card-statements .table_financial .table__head .financial-data__table_row .table__col:nth-child(n) {
  padding-bottom: 1.2rem;
}
.card-statements .table_financial .table__head .financial-data__table_row .table__col:first-child {
  padding-left: 0.8rem;
}
.card-statements .table_financial .table__head .form-field--content-suffix .icon-seazone-select-arrow:before {
  font-size: 1rem;
}
.card-statements .table_financial .table__head app-seazone-form-field .seazone-form-field--wrapper label {
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.2rem;
  display: flex;
  align-items: center;
  color: #828282;
  margin: 0 0 0.4rem;
}
.card-statements .table_financial .table__head .financial-data__table_joined {
  max-width: 15.2rem;
  padding-left: 0.8rem;
}
.card-statements .table_financial .table__head .financial-data__table_joined label {
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.2rem;
  display: flex;
  align-items: center;
  color: #828282;
  margin-bottom: 0.4rem;
}
.card-statements .table_financial .table__head .financial-data__table--receipt app-date-range app-seazone-form-field {
  max-width: 11.5rem;
}
.card-statements .table_financial .table__head .financial-data__table_joined .form__col:not(:last-child) {
  margin-right: 0.6rem !important;
}
.card-statements .table_financial .table__head .financial-data__table--supplier {
  max-width: 16.4rem;
  width: 16.4rem;
}
.card-statements .table_financial .table__head .financial-data__table--supplier app-seazone-form-field {
  max-width: 15rem;
  width: 15rem;
}
.card-statements .table_financial .table__head .financial-data__table--description {
  max-width: 10.6rem;
  width: 10.6rem;
}
.card-statements .table_financial .table__head .financial-data__table--description app-seazone-input app-seazone-form-field {
  max-width: 9.8rem;
  width: 9.8rem;
}
.card-statements .table_financial .table__body .table__row:nth-child(4n-2) + .table__row .table__col {
  background: #f5f5f5;
}
.card-statements .table_financial .table__body .table__row:nth-child(6n-2) .table__col {
  background: white;
}
.card-statements .table_financial .table__body .table__row .financial-data__description {
  max-width: 9.8rem;
  width: 9.8rem;
}
.card-statements .table_financial .table__body .table__row .financial-data__currency {
  max-width: 4.9rem;
  width: 4.9rem;
  max-height: 4rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-statements .table_financial .table__body .table__row .financial-data__currency .currency {
  max-height: 4rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-statements .table_financial .table__body .table__row .financial-data__currency-amount {
  max-width: 9.3rem;
  width: 9.3rem;
  max-height: 4rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-statements .table_financial .table__body .table__row .financial-data__currency-amount .amount {
  max-height: 4rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-statements .table_financial .table__body .table__row .financial-data__usd {
  max-width: 8.4rem;
  width: 8.4rem;
  max-height: 4rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-statements .table_financial .table__body .table__row:first-child .table__col:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.card-statements .table_financial .table__body .table__row:first-child .table__col:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.card-statements .table_financial .table__body .table__row + .table__row .table__col:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.card-statements .table_financial .table__body .table__row + .table__row .table__col:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.card-statements .table_financial .table__body .table__col {
  padding: 0.8rem;
  background: #f5f5f5;
}
.card-statements .table_financial .table__body .table__col .table__col-inner {
  color: #010202;
}
.card-statements .table_financial .table__body .table__col .table__col-inner div {
  max-height: 4rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-statements .table_financial .table__body .table__col .table__col-inner div:last-child {
  font-size: 1.2rem;
  color: #4f4f4f;
}
.card-statements .table_financial .table__body .selected-table-row:nth-child(n) .table__col {
  border-top: 0.1rem solid #e0e0e0;
}
.card-statements .table_financial .table__body .selected-table-row:nth-child(n) .table__col:first-child {
  border-bottom-left-radius: 0;
  border-left: 0.1rem solid #e0e0e0;
}
.card-statements .table_financial .table__body .selected-table-row:nth-child(n) .table__col:last-child {
  border-right: 0.1rem solid #e0e0e0;
  border-bottom-right-radius: 0;
}
.card-statements .table_financial .table__body .active-row .table__col_details {
  border-radius: 0 0 0.8rem 0.8rem;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details {
  background: #fafafb;
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 0.8rem 0.8rem;
  border: 0.1rem solid #e0e0e0;
  border-top: unset;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details .details__col {
  flex-basis: 25%;
  padding: 0;
  margin-bottom: 2.4rem;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details .details__col-description {
  flex-basis: 100%;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details .details__title {
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: #351f73;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details .details__head {
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #828282;
  margin-bottom: 1.2rem;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details .details__text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #010202;
}
.card-statements .table_financial .table__body .active-row app-card-statements-table-details .details .details__sub-text {
  font-size: 1.2rem;
  color: #4f4f4f;
  margin-top: 0.2rem;
}
.card-statements .table_financial .table__body .table__col_details {
  padding: 0;
}
.card-statements .table_financial .table__body .financial-data__status .financial-data__col_btns {
  border-left: unset;
}
.card-statements .table_financial .table__body .financial-data__btns .table__col-btns-file {
  border-left: unset;
}
.card-statements__description-tooltip,
.card-statements__warning-tooltip {
  box-shadow: 0 0 12px rgba(53, 31, 115, 0.22);
}
.card-statements__description-tooltip .tooltip,
.card-statements__warning-tooltip .tooltip {
  padding: 1.2rem;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
}
.card-statements__description-tooltip .tooltip__text {
  color: #010202;
  letter-spacing: 0.01em;
}
.card-statements__warning-tooltip .tooltip__text {
  color: #828282;
}
.card-statements .title-h1 {
  text-transform: uppercase;
}
.card-statements .buttons-row {
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .card-statements .buttons-row {
    flex-direction: column;
  }
}
.card-statements .table_financial .financial-data__table_row .financial-data__table--method app-seazone-form-field,
.card-statements .table_financial .financial-data__table_row .financial-data__table--status app-seazone-form-field,
.card-statements .table_financial .financial-data__table_row .financial-data__table--receipts app-seazone-form-field {
  max-width: 100%;
}
@media screen and (max-width: 1605px) {
  .card-statements .financial-data__table_small app-seazone-select {
    width: 100%;
  }
}
.card-statements .credit-card-tooltip {
  position: absolute;
  right: 3.8rem;
}
@media screen and (min-width: 769px) {
  .card-statements .credit-card-tooltip {
    display: none;
  }
}
.credit-card-tooltip-warning.top .tooltip:before {
  transform: translateX(183%);
}
@media screen and (max-width: 480px) {
  .credit-card-tooltip-warning.top .tooltip:before {
    transform: translateX(272%);
  }
}
.balance-card {
  min-width: 9.13rem;
}
.balance-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.balance-card__currency,
.balance-card__value {
  display: block;
  text-align: left;
}
.balance-card__currency {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 7.53rem;
}
.balance-card__value {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 7.53rem;
}
@media screen and (max-width: 768px) {
  .balance-card {
    min-width: 100%;
  }
}
.card-statistics .text-bold {
  font-weight: bold;
}
.card-statistics .text-left {
  color: #4f4f4f;
}
.card-statistics .amount {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: break-spaces;
}
.card-statistics .dashboard__aside {
  width: 37.8rem;
}
@media screen and (max-width: 1024px) {
  .card-statistics .dashboard__aside {
    width: 100%;
  }
}
.card-statistics .dashboard__aside .total {
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #010202;
  padding: 0 1.5rem 0 0.5rem;
}
.card-statistics .positive {
  color: #3f9795;
}
.card-statistics .negative {
  color: #4f194a;
}
.card-statistics .negative .seaz-charter__list_payment_main_list_icon {
  transform: rotateZ(90deg);
}
.card-statistics .total.negative {
  color: #d70000;
}
.card-chart {
  width: 100%;
}
.card-chart .card-dashboard {
  height: 100%;
}
.card-chart .seaz-apa-report-dashboard-title {
  background-color: unset;
  margin-bottom: 0.3rem;
  padding: unset;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small {
    padding: 0;
    justify-content: space-between;
    margin-bottom: 1.6rem;
  }
}
.add-edit-card-modal.modal-small .modal-close .icon-close::before {
  color: #46a6a4;
}
.add-edit-card-modal.modal-small .title {
  font-style: normal;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 116%;
  color: #46a6a4;
}
.add-edit-card-modal.modal-small .modal-form .card-name {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-name {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-name app-seazone-input app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
  }
  .add-edit-card-modal.modal-small .modal-form .card-name app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--content {
    margin-top: 0.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-name app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-name app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
    margin-right: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-name app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-label .gold {
  font-style: normal;
  font-weight: 550;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #94792b;
  padding: 0.8rem;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-label .gold {
    margin-top: 1.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-currency {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-currency {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-currency app-seazone-select app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
  }
  .add-edit-card-modal.modal-small .modal-form .card-currency app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--content {
    margin-top: 0.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-currency app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--label {
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-currency app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--label {
    margin-right: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-currency app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--label span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-type {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-type {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-type {
    flex-direction: column;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-type .tittle {
  width: 100%;
  max-width: 14rem;
  display: flex;
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-type .tittle {
    margin-right: unset;
    margin-bottom: 1rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-type .type .expense-split__radio_label:first-child {
  margin-bottom: 2rem;
}
.add-edit-card-modal.modal-small .modal-form .card-type .type .expense-split__radio_label {
  margin-right: 0;
  text-transform: unset;
}
.add-edit-card-modal.modal-small .modal-form .card-type .type .expense-split__radio_label .expense-split__radio_inner {
  border-color: #4f194a;
}
.add-edit-card-modal.modal-small .modal-form .card-type .type .expense-split__radio_label .expense-split__radio_inner:checked {
  border-color: #4f194a;
}
.add-edit-card-modal.modal-small .modal-form .card-type .type .expense-split__radio_label .expense-split__radio_inner::before {
  background-color: #4f194a;
}
.add-edit-card-modal.modal-small .modal-form .card-limit {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-limit {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-limit app-seazone-input app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
  }
  .add-edit-card-modal.modal-small .modal-form .card-limit app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--content {
    margin-top: 0.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-limit app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-limit app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
    margin-right: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-limit app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-balance-day {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance-day {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance-day app-seazone-select app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-balance-day app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--content {
  width: 10.4rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance-day app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--content {
    margin-top: 0.5rem;
    width: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-balance-day app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--label {
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance-day app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--label {
    max-width: 100%;
    margin-right: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-balance-day app-seazone-select app-seazone-form-field .form-field--wrapper .form-field--label span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-lower {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-lower {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-lower app-seazone-input app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
  }
  .add-edit-card-modal.modal-small .modal-form .card-lower app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--content {
    margin-top: 0.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-lower app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-lower app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
    margin-right: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-lower app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-balance {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance app-seazone-input app-seazone-form-field .form-field--wrapper {
    flex-direction: column;
  }
  .add-edit-card-modal.modal-small .modal-form .card-balance app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--content {
    margin-top: 0.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-balance app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
  margin-right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label {
    margin-right: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-balance app-seazone-input app-seazone-form-field .form-field--wrapper .form-field--label span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-balance .hint {
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 120%;
  color: #828282;
  margin: 0.8rem 0 0 17.6rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-balance .hint {
    margin-left: unset;
  }
}
.add-edit-card-modal.modal-small .modal-form .row-line {
  margin-top: 3rem;
  border: 0.1rem solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .row-line {
    margin-top: 1.5rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-warning {
  margin-top: 3rem;
  font-size: 1.4rem;
  color: #010202;
}
.add-edit-card-modal.modal-small .modal-form .card-btns {
  margin-top: 3rem;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-btns {
    margin-top: 1.5rem;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 2rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-btns.card-btns-checkbox {
  justify-content: space-between;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-btns .checkbox {
    justify-content: unset;
    margin-bottom: 1.2rem;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-btns .checkbox span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-left: 0.8rem;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns {
  display: flex;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns button {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #46a6a4;
  padding: 1.8rem 3.2rem;
  border: 0.1rem solid #46a6a4;
  margin-left: 1.2rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-btns .btns button {
    margin-left: unset;
  }
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-btns .btns .cancel {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1.8rem 0;
  }
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns .cancel:hover {
  background-color: #f6fbfa;
  color: #55b5b3;
  border-color: #55b5b3;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns .cancel:active {
  background-color: #deefef;
  color: #3f9795;
  border-color: #3f9795;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns .add {
  color: white;
  background-color: #46a6a4;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns .add:hover {
  background-color: #55b5b3;
  border-color: #55b5b3;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns .add:active {
  background-color: #3f9795;
  border-color: #3f9795;
}
.add-edit-card-modal.modal-small .modal-form .card-btns .btns .add.disabled {
  border-color: gray;
  background-color: gray;
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form .card-btns .btns .add {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1.8rem 0;
    margin-left: 1.2rem;
  }
}
.details__col.seaz-card-statements-details__description {
  flex-basis: 100%;
}
.add-edit-card-modal.modal-small .modal-form.seaz-card-edit-form .hint {
  margin: 1.5rem 0 0 17.6rem;
}
@media screen and (max-width: 768px) {
  .add-edit-card-modal.modal-small .modal-form.seaz-card-edit-form .hint {
    margin: 1.5rem 0 0 0;
  }
}
.seaz-card-statements-table-filter .select-placeholder {
  font-size: 1.4rem;
}
.table .seaz-card-statements-table-filter .seazone__form-input {
  font-size: 1.4rem;
}
.table .seaz-card-statements-table-filter .seazone__form-input::placeholder {
  font-size: 1.4rem;
}
.bank-account-statements__navigation_list {
  display: flex;
}
.bank-account-statements-card {
  position: relative;
  background-color: white;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  border: 0.05rem solid #e7e7eb;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
  width: 22.5rem;
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.bank-account-statements-card.active {
  background-color: var(--background-color);
}
.bank-account-statements-card.normal {
  --background-color: #05a1e8;
  --text-color: #05a1e8;
}
.bank-account-statements-card.normal.active {
  --text-color: #fff;
}
.bank-account-statements-card.error {
  --background-color: #f5dadb;
  --text-color: #d70000;
}
.bank-account-statements-card.warning {
  --background-color: #fdefc8;
  --text-color: #94792b;
}
.bank-account-statements-card__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.bank-account-statements-card__content-name,
.bank-account-statements-card__content-value {
  font-size: 1.4rem;
  line-height: normal;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.bank-account-statements-card__content-name {
  margin-bottom: 0.8rem;
  opacity: 0.6;
}
.bank-account-statements-card__content-value {
  font-size: 2.4rem;
}
.bank-account-statements-section {
  margin-bottom: 4rem;
  display: flex;
}
@media screen and (max-width: 768px) {
  .bank-account-statements-section {
    margin-bottom: 3.2rem;
  }
}
.bank-account-statements-section__header {
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .bank-account-statements-section__header {
    flex-direction: column;
  }
}
.bank-account-statements-section__actions {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .bank-account-statements-section__actions-item {
    width: 100%;
  }
}
.bank-account-statements-section__content {
  flex-direction: column;
}
.bank-account-statements-section__empty {
  justify-content: center;
  text-align: center;
  padding: 3rem 0;
  margin-bottom: 4rem;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #828282;
}
.release-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.release-info__header {
  padding: 2.4rem;
}
.release-info__header .title {
  font-size: 2rem;
  font-weight: 500;
  color: #351f73;
}
.release-info__content--wrapper {
  flex: 1 auto;
  overflow: auto;
  border: 1px solid #e0e0e0;
  font-size: 1.6rem;
  line-height: 2.5rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.release-info__content--wrapper::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.release-info__content--wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.release-info__content--wrapper::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.release-info__content {
  padding: 2.4rem 1.6rem 1.6rem 1.6rem;
}
.release-info__content h1,
.release-info__content h2,
.release-info__content h3,
.release-info__content h4,
.release-info__content h5,
.release-info__content h6 {
  color: #351f73;
  margin-top: 1.2rem;
}
.release-info__content h1 {
  font-size: 4rem;
  font-weight: 700;
}
.release-info__content h2 {
  font-size: 3rem;
  font-weight: 500;
}
.release-info__content h3 {
  font-size: 2.4rem;
  font-weight: 500;
}
.release-info__content h4 {
  font-size: 2rem;
  font-weight: 500;
}
.release-info__content h5 {
  font-size: 1.6rem;
  font-weight: 500;
}
.release-info__content h6 {
  font-size: 1.4rem;
  font-weight: 500;
}
.release-info__content p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-bottom: 1.2rem;
}
.release-info__content a {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #348ece;
}
.release-info__content a:active,
.release-info__content a:visited {
  color: #348ece;
}
.release-info__content ol,
.release-info__content ul {
  padding-left: 3rem;
  font-size: 1.6rem;
}
.release-info__content ol {
  list-style-type: decimal;
}
.release-info__content ul {
  list-style-type: disc;
}
.release-info__content b {
  font-weight: 500;
}
.release-info__content i {
  font-style: italic;
}
.release-info__footer {
  padding: 1.6rem 2.4rem;
}
.release-info__footer--controls {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.release-info__footer--controls .seaz__btn_rounded {
  border-radius: 0.4rem;
  padding: 1rem 2rem;
}
.alert-info {
  width: 98%;
  max-width: 126.4rem;
  margin: 8.8rem auto;
  padding: 6.4rem;
  border: 0.05rem solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  background-color: #fff;
}
.alert-info__title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4;
  color: #010202;
}
.alert-info__text {
  font-size: 1.6rem;
  color: #4f4f4f;
  margin-top: 2.6rem;
}
.alert-info__btn-box {
  margin-top: 5rem;
}
.alert-info__btn {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 2.8rem;
  padding: 1rem 2.4rem;
  border-radius: 0.4rem;
  transition: opacity 0.3s;
}
.alert-info__btn:hover {
  opacity: 0.6;
}
.alert-info__btn--outline {
  color: #351f73;
  background-color: #fff;
  border: 1px solid #351f73;
  margin-right: 1.2rem;
}
.alert-info__btn--primary {
  color: #fff;
  background-color: #351f73;
}
@media screen and (max-width: 480px) {
  .alert-info {
    padding: 3rem;
  }
  .alert-info__title {
    font-size: 2.4rem;
    text-align: center;
  }
  .alert-info__text {
    font-size: 1.6rem;
    text-align: center;
  }
  .alert-info__btn {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    padding: 0.8rem 1.4rem;
  }
  .alert-info__btn--outline {
    margin: 0 0 1rem 0;
  }
}
.seaz-budget-title {
  font-size: 4rem;
  font-weight: bold;
  color: #351f73;
  margin: 4.8rem 0 6.4rem;
}
.seaz-budget-form {
  border-top: 1px solid #e0e0e0;
  padding-top: 4rem;
}
.seaz-budget-form__column {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 2.4rem;
}
.seaz-budget-form__label {
  width: 100%;
  max-width: 14rem;
  margin-right: 7rem;
  color: #010202;
  font-size: 1.4rem;
}
.seaz-budget-form .seaz-charter-overview__tabs-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 0;
}
.seaz-budget-form .switch__btn {
  width: 50%;
}
.seaz-budget-form__month-range {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .seaz-budget-form .form-field--wrapper.form-field--wrapper__row.seazone-form-field--wrapper .form-field--label,
  .seaz-budget-form__label {
    max-width: 5rem;
    margin-right: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-budget-form__column {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-budget-form__label {
    margin: 0 0 0.8rem;
  }
}
.seaz-budget-skip-btn {
  width: 14.3rem;
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 480px) {
  .seaz-budget-skip-btn {
    width: 100%;
    font-size: 1rem;
  }
}
.seaz-budget .budget__select_btn,
.seaz-budget .budget__select_apply {
  min-height: 4.8rem;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  padding: 1rem 2.4rem;
}
.seaz-budget .switch__btn {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.6rem;
  padding: 1.1rem 3rem 0.9rem;
}
.seaz-budget__btn-container {
  display: flex;
  align-items: center;
}
.seaz-budget__btn-container .main-btn,
.seaz-budget__btn-container .main-btn_green {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.8rem 2rem;
}
.seaz-budget__btn-container .main-btn.main-btn_green {
  margin-right: 1.2rem;
  color: #fff;
}
.seaz-budget__btn-container .main-btn {
  color: #46a6a4;
  border: 1px solid #46a6a4;
  box-sizing: border-box;
  border-radius: 4px;
}
.seaz-budget__table-title {
  font-size: 4rem;
  line-height: 100%;
}
.seaz-budget__title-name {
  text-transform: uppercase;
}
.seaz-budget .budget-table__collapse-label {
  font-size: 1.4rem;
  color: #010202;
}
.seaz-budget .form__toggle-label:before {
  width: 4rem;
  height: 2.4rem;
  background-color: #b6b6b6;
  border-radius: 10rem;
}
.seaz-budget .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-budget .form__toggle-label:after {
  top: 0.2rem;
  left: 0.2rem;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
}
.seaz-budget .form__toggle-input:checked + label:after {
  right: 0.2rem;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .seaz-budget .tabs__header-wrap {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .seaz-budget__btn-container {
    margin-top: 3rem;
  }
}
.seaz-budget__comparison-chart-title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #351f6f;
}
@media screen and (max-width: 768px) {
  .seaz-budget .profile__col_button {
    margin-top: 2rem;
  }
  .seaz-budget__comparison-chart-title {
    margin-bottom: 3.5rem;
  }
}
.seaz-budget .budget-table__currency {
  color: #348ece;
}
@media screen and (max-width: 500px) {
  .seaz-budget .budget__select_section--buttons {
    flex-direction: column;
  }
  .seaz-budget__btn-container {
    flex-direction: column;
    width: 100%;
  }
  .seaz-budget__btn-container .main-btn,
  .seaz-budget__btn-container app-import-budget {
    width: 100%;
  }
  .seaz-budget__btn-container .main-btn.main-btn_green {
    margin: 0 0 0.8rem 0;
  }
  .seaz-budget .budget__select_section--buttons {
    width: 100%;
  }
  .seaz-budget .budget__select_btn,
  .seaz-budget .budget__select_apply {
    width: 100%;
  }
  .seaz-budget .budget__select_btn {
    margin: 0 0 1.2rem 0;
  }
  .seaz-budget .switch {
    width: 100%;
    text-align: center;
  }
  .seaz-budget .switch__btn {
    padding: 1.1rem 1rem 0.9rem;
  }
  .seaz-budget .tabs__item:not(:last-child) {
    margin-right: 0;
  }
  .seaz-budget__table-title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-budget .budget__select_btn,
  .seaz-budget .budget__select_apply {
    min-height: 4rem;
    padding: 0.8rem 2.4rem;
  }
}
.seaz-budget-table {
  padding-bottom: 1rem;
}
.seaz-budget-table .budget-table__item {
  border-color: #e0e0e0;
}
.seaz-budget-table .budget-table__title_icon svg {
  width: 1.3rem;
  height: 1.3rem;
}
.seaz-budget-table .budget-table__row:nth-of-type(2n) th:first-of-type {
  border-top: 1px solid #bdbdbd;
  background-color: #fff;
}
.seaz-budget-table .budget-table__row:nth-of-type(2n) th:first-of-type .budget-table__total {
  border-radius: 0.8rem 0 0 0.8rem;
  border-top: 0;
  background-color: #f5f5f5;
}
.seaz-budget-table .budget-table__row:nth-of-type(2n) th:last-of-type {
  border-top: 1px solid #bdbdbd;
  background-color: #fff;
}
.seaz-budget-table .budget-table__row:nth-of-type(2n) th:last-of-type .budget-table__total-right {
  border-radius: 0 0.8rem 0.8rem 0;
  border-top: 0;
  background-color: #f5f5f5;
}
.seaz-budget-table .seaz-budget__tbody:nth-of-type(2n) .budget-table__title td:first-of-type {
  border-top: 1px solid #bdbdbd;
  background-color: #fff;
}
.seaz-budget-table .seaz-budget__tbody .budget-table__title td {
  border-top: 1px solid #bdbdbd;
}
.seaz-budget-table .seaz-budget__tbody:nth-of-type(2n) .budget-table__title td {
  background-color: #f5f5f5;
}
.seaz-budget-table .seaz-budget__tbody:nth-of-type(2n) .budget-table__title td:first-of-type,
.seaz-budget-table .seaz-budget__tbody:nth-of-type(2n) .budget-table__title td:last-of-type {
  background-color: #fff;
}
.seaz-budget-table .seaz-budget__tbody:nth-of-type(2n) .budget-table__title td .budget-table__title_item {
  border-radius: 0.8rem 0 0 0.8rem;
  background-color: #f5f5f5;
}
.seaz-budget-table .seaz-budget__tbody:nth-of-type(2n) .budget-table__title td .budget-table__title-right {
  border-radius: 0 0.8rem 0.8rem 0;
  background-color: #f5f5f5;
}
.seaz-budget-table .seaz-budget-table__row-add,
.seaz-budget-table .budget-table__row.seaz-budget-table__row-sub {
  background-color: #eef7f9;
}
.seaz-budget-table .budget-table__row_item .editable-input__label {
  margin: 0;
}
.seaz-budget-table .editable-input__label {
  margin: auto;
}
.seaz-budget-table .editable-input {
  height: 4rem;
  border: 1px solid #bdbdbd;
  border-radius: 0.4rem;
  background-color: #fff;
}
.seaz-budget-table .editable-input.ng-invalid.ng-dirty {
  border: 1px solid #d12e2e;
}
.seaz-budget-table .general-table__item_comment {
  padding-top: 0.7rem;
  margin: 0 0 0 0.9rem;
}
.seaz-budget-table .general-table__item_no-name {
  color: #a9a9a9;
}
.seaz-budget-table .item__message {
  margin-top: 0.5rem;
}
.seaz-budget-table__btn-add {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #46a6a4;
  border: 1px solid #46a6a4;
  border-radius: 0.4rem;
  padding: 0.8rem 1.6rem;
  margin: 1.6rem 0.8rem 0.8rem;
}
.seaz-budget-table__btn-add app-seazone-icon {
  margin-right: 1rem;
}
.seaz-budget-monthly-budget__monthly-budget_table {
  padding-top: 4rem;
}
.seaz-budget-monthly-budget .seaz-budget-monthly-table .seaz-budget__tbody .budget-table__row:nth-child(2n) {
  background-color: initial;
}
.seaz-budget-monthly-budget .compare-budget__row-subcategory:nth-of-type(2n) td:first-of-type,
.seaz-budget-monthly-budget .compare-budget__row-subcategory:nth-of-type(2n) td:last-of-type {
  background-color: #fff;
}
.seaz-budget-monthly-budget .compare-budget__row-subcategory:nth-of-type(2n) td .budget-table__item {
  border-radius: 0.8rem 0 0 0.8rem;
  background-color: #f5f5f5;
}
.seaz-budget-monthly-budget .compare-budget__row-subcategory:nth-of-type(2n) td.budget-table__item-right {
  border-radius: 0 0.8rem 0.8rem 0;
  background-color: #f5f5f5;
}
.seaz-budget-monthly-budget .compare-budget__row-subcategory:nth-of-type(2n) td {
  background-color: #f5f5f5;
}
.seaz-budget-monthly-budget .form__toggle-label:before {
  width: 4rem;
  height: 2.4rem;
  background-color: #b6b6b6;
  border-radius: 10rem;
}
.seaz-budget-monthly-budget .form__toggle-input:checked + label:before {
  background-color: #4f194a;
}
.seaz-budget-monthly-budget .form__toggle-label:after {
  top: 0.2rem;
  left: 0.2rem;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
}
.seaz-budget-monthly-budget .form__toggle-input:checked + label:after {
  right: 0.2rem;
  background-color: #fff;
}
.seaz-budget-monthly-table {
  padding-bottom: 1rem;
}
.seaz-budget-monthly-table .budget-table__row:nth-child(2n) {
  background-color: #fff;
}
.seaz-budget-monthly-table .seaz-budget__tbody .budget-table__title td,
.seaz-budget-monthly-table .budget-table__row:nth-of-type(2n) th {
  border-top: 1px solid #bdbdbd;
}
.seaz-budget-monthly-table .seaz-budget__tbody .budget-table__row:nth-child(2n) {
  background-color: #f5f5f5;
}
.seaz-budget-monthly-table .budget-table__total {
  border-top: 0;
}
.seaz-budget-table-spending .budget-table__row:nth-of-type(2n) td:last-child.budget-table__title-right {
  background-color: #f5f5f5;
}
.seaz-budget-table-spending .budget-table__title-right span {
  width: 8rem;
  display: inline-flex;
  justify-content: flex-end;
}
.seaz-budget-settings-modal {
  padding-bottom: 3rem;
}
.seaz-budget-settings-modal__title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #351f73;
  margin-bottom: 2.4rem;
}
.seaz-budget-settings-modal .info-label.gold {
  font-size: 1.4rem;
  color: #f49342;
  padding: 0.8rem 1.2rem;
  margin-bottom: 3.6rem;
}
.seaz-budget-settings-modal__category-container {
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #e0e0e0;
}
.seaz-budget-settings-modal__category,
.seaz-budget-settings-modal__subcategory {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seaz-budget-settings-modal__category {
  margin-bottom: 2.6rem;
}
.seaz-budget-settings-modal__category-title {
  font-size: 2rem;
  font-weight: 500;
  color: #010202;
}
.seaz-budget-settings-modal__subcategory {
  margin-bottom: 2.8rem;
}
.seaz-budget-settings-modal__subcategory-item {
  font-size: 1.4rem;
  font-weight: normal;
  color: #010202;
}
.seaz-budget-settings-modal__category-icon {
  cursor: pointer;
}
.seaz-budget-settings-modal__button-container {
  text-align: right;
}
.seaz-budget-settings-modal__button {
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #351f73;
  padding: 1.8rem 3.2rem;
  text-transform: uppercase;
}
.seaz-modal-budget-settings {
  background-color: white;
  position: absolute;
  right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 650px;
  max-height: 90vh;
  border-radius: 0;
}
.seaz-budget-comment-modal__title {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
.seaz-budget-comment-modal .form__radio-label-text,
.seaz-budget-comment-modal .form__block-text {
  font-size: 1.4rem;
  color: #010202;
}
.seaz-budget-comment-modal .form__radio-month {
  margin-top: 2.1rem;
}
.seaz-budget-comment-modal .form__textarea {
  font-size: 1.4rem;
}
.seaz-budget-comment-modal .form__row {
  margin-bottom: 0;
}
.seaz-budget-comment-modal .form__row-textarea {
  margin-top: 1.5rem;
}
.seaz-budget-comment-modal .comment-add__radio_box,
.seaz-budget-comment-modal .comment-add__radio_form {
  width: 100%;
}
.seaz-budget-comment-modal .form__radio-label-text:first-letter {
  text-transform: uppercase;
}
.seaz-budget-comment-modal .seaz-form-documents-uploader {
  margin-top: 4.4rem;
}
.seaz-form-documents-uploader {
  display: block;
}
.seaz-form-documents-uploader .seaz-uploader__document {
  display: block;
}
.seaz-form-documents-uploader .seaz-uploader__document_label {
  display: block;
  margin: 0 0 1.3rem;
}
.seaz-btns-container {
  border-top: 1px solid #e0e0e0;
  padding-top: 3rem;
  margin-top: 3rem;
}
.seaz-modal-budget-history-table {
  background-color: white;
  position: absolute;
  right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 650px;
  height: auto;
  border-radius: 0;
}
.seaz-budget-add-comment-btn {
  border-top: 1px solid #e0e0e0;
  margin-top: 1.4rem;
  padding-top: 3rem;
  text-align: right;
}
.accordion__content .seaz-budget-add-comment-btn .main-btn_white-green {
  width: auto;
  min-width: 20.4rem;
}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
@media all and (-ms-high-contrast: none) {
  .cal-month-view .cal-day-cell {
    display: block;
  }
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}
.calendar-month-view {
  display: flex;
  flex-direction: column;
}
.calendar-header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.calendar-header .calendar-cell {
  display: flex;
  flex: 1;
  overflow: hidden;
  border: 1px solid;
  font-size: 1.6rem;
  color: #828282;
  padding: 0.4rem;
}
.calendar-header .calendar-cell:first-child {
  padding-left: 0;
}
.calendar-header .calendar-cell:last-child {
  padding-right: 0;
}
.calendar-days .calendar-cell-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.calendar-days .calendar-cell-row .calendar-day-cell {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 1.6rem;
  color: #828282;
  padding: 0.4rem;
}
.calendar-days .calendar-cell-row .calendar-day-cell:first-child {
  padding-left: 0;
}
.calendar-days .calendar-cell-row .calendar-day-cell:last-child {
  padding-right: 0;
}
.calendar-days .calendar-cell-row .calendar-day-cell.calendar-open .calendar-cell {
  background-color: #ffffff;
  border-color: #432791;
}
.calendar-cell {
  min-height: 11.5rem;
  border-radius: 0.8rem;
  background-color: #f5f5f5;
  position: relative;
  padding: 0.7rem 0.9rem;
  border: 5px solid transparent;
  font-size: 2rem;
  color: #010202;
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
}
.calendar-cell-top {
  flex: 1;
  font-weight: 500;
  font-size: 1.6rem;
  color: #828282;
  padding: 0.8rem 0.4rem;
}
.calendar-out-month {
  opacity: 0.3;
}
.calendar-in-month .calendar-cell {
  cursor: pointer;
}
.calendar-today .calendar-cell {
  outline: 1px solid #c2bed4;
}
.calendar-events {
  position: absolute;
  display: flex;
  width: 100%;
  left: 0;
  align-items: center;
  justify-content: space-between;
}
.calendar-events.calendar-date {
  top: 1rem;
  height: 1.4rem;
  font-size: 12px;
  align-items: center;
  line-height: 1.4rem;
  display: flex;
  justify-content: center;
  font-weight: 700;
  cursor: pointer;
}
.calendar-events.calendar-charter-events {
  bottom: 0;
  height: 4.2rem;
}
.calendar-events.calendar-shipyard-events {
  bottom: 4.4rem;
  height: 2rem;
}
.calendar-events.calendar-custom-events {
  bottom: 3rem;
  height: 2rem;
}
.calendar-event {
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
}
.calendar-event.full-day-event {
  width: 100%;
  border-radius: initial;
}
.calendar-event.charter-type-owners-charter {
  background-color: #46a6a4;
}
.calendar-event.charter-type-all-inclusive {
  background-color: #348ece;
}
.calendar-event.charter-type-charter {
  background-color: #432791;
}
.calendar-event.charter-type-trip {
  background-color: #00b9ff;
}
.calendar-event.delivery {
  background-color: #259912;
}
.calendar-event.shipyard {
  background-color: #f49342;
}
.calendar-event.custom {
  background-color: #bf70b7;
  display: block;
}
.calendar-one-time-events {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}
.calendar-one-time-events.full {
  max-width: 85%;
}
.calendar-one-time-events.half {
  max-width: 55%;
}
.calendar-one-time-events.small {
  max-width: 55%;
}
.calendar-one-time-events-container {
  margin: 0 0.4rem 0 0.6rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.calendar-one-time-events .calendar-event {
  border-radius: 0.8rem 0.8rem;
  margin-right: 0.2rem;
}
.calendar-one-time-events .calendar-event.hide {
  visibility: hidden;
}
.calendar-one-time-events .calendar-event.more-events {
  visibility: visible;
  min-width: 2rem;
  height: 2rem;
  border-radius: 4rem;
  color: #010202;
  font-weight: 500;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2rem;
  letter-spacing: -1px;
  position: relative;
  padding-left: 0.5rem;
  background-color: #e0e0e0;
}
.calendar-one-time-events .calendar-event.more-events::before {
  content: "+";
  position: absolute;
  left: 0.3rem;
  top: -0.1rem;
}
.calendar-first-event,
.calendar-last-event {
  width: 100%;
}
.calendar-first-event .calendar-event,
.calendar-last-event .calendar-event {
  width: 100%;
}
.calendar-first-event .calendar-event {
  border-radius: 0 0.8rem 0.8rem 0;
}
.calendar-last-event {
  margin-left: auto;
}
.calendar-last-event .calendar-event {
  border-radius: 0.8rem 0 0 0.8rem;
}
.calendar-one-day-events {
  max-width: 75%;
  width: 100%;
  margin: 0 auto;
}
.calendar-one-day-events .calendar-event {
  width: 100%;
  border-radius: 0.8rem;
}
.calendar-full-day-event {
  width: 100%;
}
.calendar-full-day-event .calendar-event {
  width: 100%;
  border-radius: initial;
}
@media screen and (max-width: 768px) {
  .calendar-days .calendar-cell-row .calendar-day-cell {
    padding: 0.1rem;
  }
  .calendar-cell {
    min-height: 6rem;
    border-width: 3px;
    padding: 0.5rem;
  }
  .calendar-events.calendar-charter-events {
    bottom: 0;
    height: 2rem;
  }
  .calendar-events.calendar-shipyard-events {
    bottom: 2rem;
    height: 1rem;
  }
  .calendar-events.calendar-custom-events {
    bottom: 1.4rem;
    height: 1rem;
  }
  .calendar-event {
    width: 0.4rem;
    min-width: 0.4rem;
    height: 0.4rem;
  }
  .calendar-one-time-events .calendar-event.more-events {
    min-width: 100%;
    font-size: 1.2rem;
    background-color: transparent;
    padding-left: 0;
  }
  .calendar-one-time-events .calendar-event.more-events::before {
    content: none;
  }
  .calendar-first-event .calendar-event {
    border-radius: 0 0.4rem 0.4rem 0;
  }
  .calendar-last-event .calendar-event {
    border-radius: 0.4rem 0 0 0.4rem;
  }
}
.calendar-charter-events .calendar-first-event,
.calendar-charter-events .calendar-last-event {
  max-width: 30%;
}
@media screen and (max-width: 768px) {
  .calendar-charter-events .calendar-first-event,
  .calendar-charter-events .calendar-last-event {
    max-width: 25%;
  }
}
.calendar-charter-events .calendar-first-event.half,
.calendar-charter-events .calendar-last-event.half {
  max-width: 40%;
}
.calendar-charter-events.single-event .calendar-first-event,
.calendar-charter-events.single-event .calendar-last-event {
  max-width: 87.5%;
}
.calendar-shipyard-events .calendar-first-event,
.calendar-shipyard-events .calendar-last-event,
.calendar-custom-events .calendar-first-event,
.calendar-custom-events .calendar-last-event {
  max-width: 87.5%;
}
.seaz-user-downloads {
  width: 100%;
  max-width: 126.4rem;
  margin: 3.2rem auto 5.3rem;
  padding: 0 1rem;
}
.seaz-user-downloads__title {
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.4rem;
  color: #351f73;
}
.seaz-user-downloads__list {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  box-sizing: border-box;
  margin-top: 2.6rem;
  padding: 3.7rem 5.6rem;
  color: #010202;
}
.seaz-user-downloads__title-list,
.seaz-user-downloads__body-list {
  display: flex;
  align-items: center;
  min-height: 4.8rem;
}
.seaz-user-downloads__title-item,
.seaz-user-downloads__body-item {
  width: 25%;
}
.seaz-user-downloads__title-list {
  font-weight: 500;
  padding: 0 0 1.3rem;
  border-bottom: 1px solid rgba(53, 31, 115, 0.2);
}
.seaz-user-downloads__body-list {
  border-radius: 0.8rem;
}
.seaz-user-downloads__body-list:nth-of-type(2n+1) {
  background-color: #f5f5f5;
}
.seaz-user-downloads__body-item--date {
  color: #828282;
}
.seaz-user-downloads__body-item--btn-box {
  text-align: right;
}
.seaz-user-downloads__body-item,
.seaz-user-downloads__title-item {
  padding: 0.7rem 0.8rem;
  word-break: break-all;
}
.seaz-user-downloads__btn {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #fff;
  padding: 0.8rem 1.6rem;
  background-color: #351f73;
  border-radius: 0.4rem;
  transition: opacity 0.3s;
}
.seaz-user-downloads__btn:hover {
  opacity: 0.6;
}
.seaz-user-downloads .ready {
  color: #3aae27;
}
.seaz-user-downloads .in-progress {
  color: #f49342;
}
.seaz-user-downloads .failed {
  color: red;
}
@media screen and (max-width: 1024px) {
  .seaz-user-downloads__list {
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .seaz-user-downloads__list {
    padding: 1rem;
  }
  .seaz-user-downloads__body-list {
    flex-wrap: wrap;
  }
  .seaz-user-downloads__title-item,
  .seaz-user-downloads__body-item {
    width: 33.3%;
    text-align: center;
  }
  .seaz-user-downloads__body-item {
    font-size: 1.2rem;
  }
  .seaz-user-downloads__body-item--btn-box {
    width: 100%;
  }
  .seaz-user-downloads__btn {
    width: 100%;
  }
}
.seaz-charter-expenses__container {
  margin-top: 3.1rem;
}
.seaz-charter-expenses__form-currency {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.seaz-charter-expenses__form-currency--btn {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #351f73;
  background-color: #fff;
  border: 1px solid #351f73;
  transition: opacity 0.3s;
}
.seaz-charter-expenses__form-currency--btn:hover {
  opacity: 0.7;
}
.seaz-charter-expenses__switch-btn {
  padding: 1.4rem 1.6rem 1.5rem;
  font-size: 1.3rem;
  font-weight: bold;
}
.seaz-charter-expenses__switch-btn.active {
  background-color: #351f6f;
  color: #fff;
}
.seaz-charter-expenses__expenses-payment-box {
  display: flex;
  justify-content: space-between;
}
.seaz-charter-expenses__expenses-payment {
  width: 50%;
  margin-right: 3.2rem;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment {
  padding: 0;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment_head {
  padding: 2rem 2.4rem;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment_head_title {
  text-transform: none;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment_main_list {
  width: 100%;
  padding: 2.4rem 2.4rem 1.2rem;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment_main_list_item--net-income {
  border-bottom: none;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment_main_list_item--net-income .seaz-charter__list_payment_main_list_text {
  color: #3f9795;
}
.seaz-charter-expenses__expenses-payment .seaz-charter__list_payment_main_list_item--net-income .seaz-charter__list_payment_main_list_number {
  font-weight: bold;
}
.seaz-charter-expenses__profit {
  width: 50%;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
}
.seaz-charter-expenses__profit--title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #351f73;
  padding: 2rem 2.4rem;
  border: 1px solid #f5f5f5;
}
.seaz-charter-expenses__profit--chart {
  display: flex;
  justify-content: center;
  margin: 6.4rem 0 0;
}
.seaz-charter-expenses__transaction-chart,
.seaz-charter-expenses__wrap-table {
  display: block;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.seaz-charter-expenses__wrap-table .wrap-table__scroll {
  padding-bottom: 1rem;
}
.seaz-charter-expenses__wrap-table .finance-search {
  margin-bottom: 3.2rem;
}
.seaz-charter-expenses__wrap-table .financial-data__buttons {
  margin-bottom: 2rem;
}
.seaz-charter-expenses__wrap-table .financial-data__buttons {
  justify-content: space-between;
}
.seaz-charter-expenses__wrap-table .wrap-btn_financial-data {
  width: 100%;
}
.seaz-charter-expenses__wrap-table .table__col-inner {
  line-height: 21px;
}
@media screen and (max-width: 1024px) {
  .seaz-charter-expenses__expenses-payment-box {
    flex-direction: column;
  }
  .seaz-charter-expenses__expenses-payment,
  .seaz-charter-expenses__profit {
    width: 100%;
  }
  .seaz-charter-expenses__expenses-payment {
    margin: 0 0 3.1rem;
  }
  .seaz-charter-expenses__profit {
    width: 100%;
  }
  .seaz-charter-expenses__profit--chart {
    margin: 1.6rem auto;
  }
}
@media screen and (max-width: 768px) {
  .seaz-charter-expenses__form-currency {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-charter-expenses__form-currency--btn {
    width: 100%;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .seaz-charter-expenses .seaz-charter__list_payment_main_list_number {
    margin-left: 1rem;
  }
}
.seaz-charter__list-currency-toggle {
  display: flex;
}
.seaz-charter__list-currency-toggle--label {
  font-size: 1.3rem;
  color: #010202;
  margin-right: 0.8rem;
}
.search-card {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid rgba(53, 31, 115, 0.2);
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
  background-color: #fff;
  cursor: pointer;
}
.search-card__person {
  display: grid;
  grid-template-columns: 16rem 1fr;
  grid-gap: 0 2.4rem;
  padding: 0 2.4rem;
  grid-template-areas: "info-person about-person" "info-person general-info";
}
.search-card__info-person {
  grid-area: info-person;
}
.search-card__about-person {
  grid-area: about-person;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 1.6rem;
}
.search-card__person-status {
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.4;
  color: #351f73;
  margin-bottom: 0.4rem;
}
.search-card__info {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  color: #010202;
}
.search-card__info--text {
  font-weight: normal;
  text-decoration: underline;
  color: #00b9ff;
}
.search-card__info--sign {
  font-weight: normal;
  color: #bdbdbd;
  margin: 0 0.4rem;
}
.search-card__location {
  display: inline-flex;
  margin-top: 1.2rem;
}
.search-card__location.clickable:hover .crew-search-card__location--point {
  color: #00b9ff;
}
.search-card__location-point {
  margin-left: 0.9rem;
  color: #010202;
  transition: color 0.3s;
}
.search-card__location-size {
  color: #828282;
}
.search-card__general-info {
  grid-area: general-info;
}
.search-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 0 0 1.6rem 1.6rem;
  padding: 1.6rem 2.4rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .search-card__person {
    grid-gap: 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .search-card__person {
    grid-template-areas: "info-person about-person" "info-person work-days" "general-info general-info";
    grid-template-columns: 8.8rem 1fr;
    grid-gap: 0 1.6rem;
    padding: 0 1.6rem;
  }
  .search-card .work-days-area {
    grid-area: work-days;
  }
  .search-card__info {
    flex-direction: column;
    align-items: flex-start;
  }
  .search-card__about-person {
    border-bottom: 0;
  }
  .search-card__person-status {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
  .search-card__footer {
    padding: 1.6rem;
  }
}
.crew-search-card {
  margin-bottom: 4.1rem;
}
.crew-search-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem;
}
.crew-search-card__header--status-box {
  display: flex;
}
.crew-search-card__header--status:not(:last-child) {
  margin-right: 0.7rem;
}
.crew-search-card__header--status .seaz-cv__badges_status_job,
.crew-search-card__header--status .seaz-cv__badges_status,
.crew-search-card__header--status .offerred-status {
  min-height: initial;
  border-radius: 2.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  text-transform: uppercase;
  padding: 0.4rem 1.2rem;
}
.crew-search-card__header--status .offerred-status {
  margin-right: 0;
}
.crew-search-card__header--status .seaz-cv__badges_status_job.looking-job {
  border: 1px solid #00b9ff;
}
.crew-search-card__header--status .seaz-cv__badges_status {
  background-color: inherit;
  color: #00b9ff;
  margin-left: 0.7rem;
  border: 1px solid #00b9ff;
}
.crew-search-card__header--status-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.2rem;
  color: #828282;
}
.crew-search-card__header--status-info .search-matching-label {
  margin-left: 1.2rem;
}
@media screen and (max-width: 1440px) {
  .crew-search-card__header--status-info {
    flex-direction: column;
  }
  .crew-search-card__header--status-info .search-matching-label {
    margin: 1.2rem 0 0;
  }
}
.crew-search-card__header--status-last-actions {
  margin-right: 3.2rem;
}
@media screen and (max-width: 1440px) {
  .crew-search-card__header {
    align-items: flex-start;
  }
}
.crew-search-card__couple-sign {
  margin-left: 0.4rem;
}
.crew-search-card__footer {
  display: flex;
  justify-content: space-between;
  background-color: #fafafb;
  border-radius: 0 0 1.6rem 1.6rem;
  padding: 1.6rem 2.4rem;
  margin-top: 2.4rem;
}
.crew-search-card__footer .seaz-cv__info_btns_download {
  background-color: #351f73;
}
.crew-search-card__footer-btn-group {
  display: flex;
  align-items: center;
}
.crew-search-card__footer-btn-group--middle {
  margin-left: auto;
}
.crew-search-card__footer-btn-group--change-btn button:not(:last-of-type) {
  margin-right: 1.2rem;
}
.crew-search-card__footer-user-action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 4rem;
  height: 4rem;
  box-sizing: border-box;
  margin-right: 0.8rem;
  border-radius: 50%;
}
.crew-search-card__footer-user-action-btn--note {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00b9ff;
}
.crew-search-card__footer-user-action-btn--note .seaz-search__card_controls--new {
  top: 1px;
}
.crew-search-card__footer-user-action-btn--cover-l {
  background-color: #46a6a4;
}
.crew-search-card__offer-btn {
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
.crew-search-card .seaz__btn_outlined,
.crew-search-card .seaz__btn_outlined_plus,
.crew-search-card .seaz-modal .modal-content__controls .main-btn_white-green,
.seaz-modal .modal-content__controls .crew-search-card .main-btn_white-green,
.crew-search-card .seaz-edit__folder div,
.seaz-edit__folder .crew-search-card div,
.crew-search-card .seaz-dashboard__finance_expense_btn button,
.seaz-dashboard__finance_expense_btn .crew-search-card button,
.crew-search-card .seaz-btn-primary-small {
  margin-right: 1.2rem;
}
.crew-search-card .seaz-btn-primary-small-favorite.active {
  background-color: #00b9ff;
}
.crew-search-card .seaz-btn-primary-small-relevant.active {
  background-color: #d70000;
}
.crew-search-card__rating {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.7rem;
}
.crew-search-card__rating--icon {
  margin-right: 1.4rem;
}
.crew-search-card__rating--icon svg {
  width: 1.3rem;
  height: 1.3rem;
}
.crew-search-card__rating--star {
  padding-top: 0.1rem;
}
.crew-search-card__rating--star svg {
  width: 1.3rem;
  height: 1.3rem;
}
@media screen and (max-width: 1024px) {
  .crew-search-card__header--status-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .crew-search-card__header--status-info .search-matching-label {
    margin: 1.2rem 0 0;
  }
  .crew-search-card__header--status-last-actions {
    margin: 0 0 1rem 0;
  }
}
@media screen and (max-width: 768px) {
  .crew-search-card__header {
    align-items: flex-start;
    padding: 1.6rem;
  }
  .crew-search-card__header--status-box {
    flex-direction: column;
  }
  .crew-search-card__header--status:not(:last-child) {
    margin: 0 0 0.7rem 0;
  }
  .crew-search-card__header--status .seaz-cv__badges_status_job,
  .crew-search-card__header--status .seaz-cv__badges_status,
  .crew-search-card__header--status .offerred-status {
    width: 100%;
    text-align: center;
  }
  .crew-search-card__header--status .seaz-cv__badges_status {
    margin: 0.7rem 0 0 0;
  }
  .crew-search-card__rating--icon {
    margin-right: 0.5rem;
  }
  .crew-search-card .seaz-search__card_photo {
    width: 8.8rem;
    height: 8.8rem;
  }
  .crew-search-card .seaz-search__card_position {
    width: 3.2rem;
    height: 3.2rem;
  }
  .crew-search-card__footer {
    flex-wrap: wrap;
    padding: 1.6rem;
  }
  .crew-search-card .seaz__btn_outlined,
  .crew-search-card .seaz__btn_outlined_plus,
  .crew-search-card .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .crew-search-card .main-btn_white-green,
  .crew-search-card .seaz-edit__folder div,
  .seaz-edit__folder .crew-search-card div,
  .crew-search-card .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .crew-search-card button {
    margin-right: 0;
  }
  .crew-search-card__person-info {
    display: block;
  }
  .crew-search-card__person-info--partner {
    display: block;
  }
  .crew-search-card__person-info--sign {
    margin: 0 0.4rem 0 0;
  }
  .crew-search-card .seaz-btn-primary-small:last-of-type {
    margin-right: 0;
  }
  .crew-search-card__footer-btn-group:last-of-type {
    width: 100%;
    flex-direction: column;
    margin-top: 1.2rem;
  }
  .crew-search-card__footer-btn-group--change-btn button:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
  .crew-search-card .seaz__btn_outlined,
  .crew-search-card .seaz__btn_outlined_plus,
  .crew-search-card .seaz-modal .modal-content__controls .main-btn_white-green,
  .seaz-modal .modal-content__controls .crew-search-card .main-btn_white-green,
  .crew-search-card .seaz-edit__folder div,
  .seaz-edit__folder .crew-search-card div,
  .crew-search-card .seaz-dashboard__finance_expense_btn button,
  .seaz-dashboard__finance_expense_btn .crew-search-card button {
    margin: 0 0 1.2rem 0;
  }
  .crew-search-card__offer-btn {
    width: 100%;
  }
  .crew-search-card .couple.crew-search-card__couple {
    justify-content: flex-start;
    margin-top: 0.4rem;
  }
}
.crew-search-card .crew-id-box {
  align-items: center;
}
@media screen and (max-width: 480px) {
  .crew-search-card__header {
    flex-direction: column;
  }
  .crew-search-card__header--status-box {
    width: 100%;
  }
  .crew-search-card__header--status-info {
    align-items: center;
    width: 100%;
    margin-top: 1.4rem;
  }
  .crew-search-card__header--status-info .search-matching-label {
    width: 100%;
    margin: 1.2rem 0 0;
  }
  .crew-search-card__header--status-info .label-box {
    display: block;
    text-align: center;
  }
  .crew-search-card__header--status .seaz-cv__badges_status_job,
  .crew-search-card__header--status .seaz-cv__badges_status {
    width: 100%;
    min-width: 100%;
    max-width: 20rem;
  }
  .crew-search-card__header--status .seaz-cv__badges_status_job {
    max-width: 17rem;
  }
  .crew-search-card__header__rating--icon {
    margin-right: 0.5rem;
  }
  .crew-search-card__header--status-last-actions {
    margin: 0 0 0.7rem 0;
  }
}
.info-crew {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.6rem 1rem;
  margin-top: 1.6rem;
}
.info-crew__row {
  border-left: 1px solid #f5f5f5;
  padding-left: 2.4rem;
}
.info-crew__row:nth-of-type(1),
.info-crew__row:nth-of-type(4),
.info-crew__row:nth-of-type(7) {
  border-left: 0;
  padding-left: 0;
}
.info-crew__title {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #828282;
  margin-bottom: 0.8rem;
}
.info-crew__info-text {
  font-size: 1.6rem;
  font-weight: 500;
  word-break: break-word;
  color: #010202;
}
.info-crew__info-empty {
  display: flex;
}
.info-crew__info-empty app-seazone-icon {
  width: 1.8rem;
}
.info-crew__verified {
  display: inline-block;
  position: relative;
  height: fit-content;
  padding: 3px;
  background-color: #3aae27;
  border-radius: 0.4rem;
  margin-right: 0.1rem;
}
.info-crew__greeny-badge {
  display: flex;
  align-items: center;
  width: max-content;
  background-color: #d8efd4;
  padding: 0.6rem;
  border-radius: 0.4rem;
}
.info-crew__greeny-badge app-seazone-icon {
  margin-right: 0.7rem;
}
.info-crew__greeny-badge--text {
  font-size: 1.2rem;
  color: #3aae27;
}
.info-crew__salary--val {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #010202;
}
.info-crew__salary--period {
  color: #828282;
}
.info-crew__info-label {
  display: flex;
  align-items: center;
}
.info-crew__info-label--icon {
  margin-right: 0.8rem;
}
.info-crew__info-label--img {
  width: 2.5rem;
  object-fit: cover;
}
.info-crew__contract-badge {
  display: flex;
  align-items: center;
}
.info-crew__contract-badge div {
  background-color: #f5f5f5;
  border-radius: 50%;
  padding: 0.5rem;
}
.info-crew__contract-badge div:not(:last-of-type) {
  margin-right: 0.4rem;
}
.info-crew__boat-wrap {
  display: flex;
  align-items: center;
}
.info-crew__boat-wrap .info-crew__info-text {
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .info-crew__row {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .info-crew {
    grid-template-columns: 1fr;
    grid-gap: 1.2rem 0;
    border-top: 1px solid #f5f5f5;
    margin-top: 1.2rem;
    padding-top: 1.2rem;
  }
  .info-crew__row {
    display: flex;
    align-items: center;
    text-align: left;
    padding-left: 0;
    border-left: 0;
  }
  .info-crew__col {
    width: 50%;
  }
  .info-crew__title {
    margin-bottom: 0;
  }
  .info-crew__salary--val {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .info-crew__col {
    width: 45%;
  }
}
.job-offer-card .seaz__btn_outlined-red,
.job-offer-card .seaz__btn_mulberry,
.job-offer-card .seaz__btn_outlined--blue.capital {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border-radius: 0.4rem;
  padding: 1rem 2rem;
}
@media screen and (max-width: 768px) {
  .job-offer-card .seaz__btn_outlined-red,
  .job-offer-card .seaz__btn_mulberry,
  .job-offer-card .seaz__btn_outlined--blue.capital {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .job-offer-right-col {
    width: auto;
  }
}
.crew-search-card-info-box {
  margin-top: 1.6rem;
  border-top: 1px solid #f5f5f5;
}
.crew-search-card-info-box__item {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #010202;
  padding-top: 1.6rem;
  word-break: break-word;
}
.crew-search-card-info-box__icon {
  display: block;
  margin-right: 1.3rem;
}
@media screen and (max-width: 480px) {
  .crew-search-card-info-box {
    margin-top: 1.2rem;
    border-top: none;
  }
}
.job-search-list {
  position: relative;
  margin: 4.8rem 4.8rem 7rem;
  display: grid;
  grid-template-columns: 32.2rem 1fr 32.2rem;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "banner-wrap-left card-1 banner-wrap-right" "banner-wrap-left card-2 banner-wrap-right" "banner-wrap-left card-3 banner-wrap-right" "banner-wrap-left card-4 banner-wrap-right" "banner-wrap-left card-5 banner-wrap-right" "pagination-box pagination-box pagination-box";
  grid-gap: 0 3rem;
}
@media screen and (max-width: 1700px) {
  .job-search-list {
    grid-template-columns: 23rem 1fr 23rem;
    grid-gap: 0 1rem;
    margin: 4.8rem 1rem 7rem;
  }
}
@media screen and (max-width: 1300px) {
  .job-search-list {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .job-search-list {
    margin: 1.6rem 1rem 5rem;
  }
}
.common-job-search-card {
  width: 100%;
}
.common-job-search-card:not(:last-of-type) {
  margin-bottom: 3.5rem;
}
.common-job-search-card .search-card__info-person {
  width: 16rem;
  height: 16rem;
}
.common-job-search-card .seaz-search__card_avatar {
  border-radius: 1.6rem;
}
.common-job-search-card .job-offer-id-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: #828282;
  margin-top: 1.7rem;
}
.common-job-search-card .job-offer-id-box .job-offer-id-box__number {
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-left: 0.8rem;
  padding: 0.5rem;
  background-color: #f5f5f5;
  border-radius: 2.4rem;
}
.common-job-search-card .search-card__person {
  padding: 2.4rem;
}
.common-job-search-card__greeny {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.common-job-search-card__types {
  margin: 0 1rem 0 0;
}
.common-job-search-card .seaz-search__card_location_row {
  padding-top: 0;
}
.common-job-search-card .small-relevant {
  margin-right: 1.2rem;
}
.common-job-search-card .seaz-btn-primary-small-relevant.active {
  background-color: #d70000;
}
.common-job-search-card .seaz-btn-primary-small-favorite.active {
  background-color: #00b9ff;
}
.common-job-search-card .search-card__footer {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .common-job-search-card:not(:last-of-type) {
    margin-bottom: 1.6rem;
  }
  .common-job-search-card .search-card__person {
    grid-gap: 3rem 1.6rem;
  }
  .common-job-search-card .search-card__info-person {
    width: 8.8rem;
    height: 8.8rem;
  }
  .common-job-search-card .job-offer-id-box {
    flex-direction: column;
  }
  .common-job-search-card .info-crew__row {
    align-items: flex-start;
  }
  .common-job-search-card .info-crew__title {
    flex-shrink: 0;
    width: 17.8rem;
    margin-right: 1rem;
  }
  .common-job-search-card .seaz-search__card_location_col {
    width: 100%;
    flex-direction: row;
    padding-top: 0;
  }
  .common-job-search-card .seaz-search__card_location_col app-seazone-icon {
    display: none;
  }
  .common-job-search-card .crew-search-card__footer-btn-group:last-of-type {
    width: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .common-job-search-card .info-crew__title {
    flex-shrink: 0;
    width: 11.4rem;
    margin-right: 0.4rem;
  }
  .common-job-search-card .search-card__footer {
    flex-wrap: wrap;
  }
  .common-job-search-card .small-relevant:last-of-type {
    margin-right: 0;
  }
  .common-job-search-card .crew-search-card__footer-btn-group:last-of-type {
    width: 100%;
    margin-top: 1.2rem;
  }
  .common-job-search-card .crew-search-card__footer-btn-group:last-of-type .seaz__btn_rounded {
    width: 100%;
  }
}
.banner-wrap-left {
  grid-area: banner-wrap-left;
}
.banner-wrap-right {
  grid-area: banner-wrap-right;
}
.pagination-box {
  grid-area: pagination-box;
}
.duration-mode-form {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .duration-mode-form {
    flex-direction: column;
    align-items: start;
  }
}
.duration-tabs {
  margin-right: 2rem;
}
.duration-tabs__title {
  color: #010202;
  margin-bottom: 0.2rem;
  line-height: 2rem;
}
.duration-tabs__switch {
  display: flex;
  padding: 0.2rem;
  background-color: #e7e7eb;
  border-radius: 0.9rem;
}
.duration-tabs__switch-btn {
  display: block;
  border-radius: 0.7rem;
  padding: 1rem 1rem;
  cursor: pointer;
}
.duration-tabs__switch-btn .switch__btn_active {
  background-color: #351f6f;
}
.duration-tabs .switch__btn_active .duration-tabs__switch-text {
  color: #fff;
}
.duration-tabs__switch-text {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5rem;
  color: #351f6f;
}
.duration-mode-selecting__list {
  display: flex;
}
.duration-mode-selecting__item {
  min-width: 20rem;
}
.duration-mode-selecting__item--duration {
  min-width: 36.8rem;
}
.duration-mode-selecting__item:not(:last-of-type) {
  margin-right: 2rem;
}
@media screen and (max-width: 1300px) {
  .duration-mode-selecting__item {
    width: 17rem;
    min-width: 17rem;
  }
}
@media screen and (max-width: 768px) {
  .duration-mode-selecting {
    margin-top: 1.4rem;
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .duration-mode-selecting__list {
    width: 100%;
    flex-direction: column;
  }
  .duration-mode-selecting__item {
    min-width: 100%;
  }
  .duration-mode-selecting__item--duration,
  .duration-mode-selecting__item--year {
    min-width: 100%;
  }
  .duration-mode-selecting__item:not(:last-of-type) {
    margin-right: 1rem;
  }
}
.charter-available-days__title {
  font-size: 3rem;
  font-weight: 500;
  color: #351f73;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.charter-available-days__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.charter-available-days__header--row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.charter-available-days__header--row:first-of-type {
  margin-right: 2rem;
}
.charter-available-days__tabs-wrap {
  display: flex;
}
.charter-available-days__tabs-title {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0.2rem;
}
.charter-available-days__tabs-button {
  border-radius: 0.7rem;
  display: block;
  padding: 1rem 3.1rem;
  cursor: pointer;
}
.charter-available-days__btn-apply {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 1rem 2rem;
}
@media screen and (max-width: 1300px) {
  .charter-available-days__header {
    flex-direction: column;
  }
  .charter-available-days__header--row:first-of-type {
    margin: 0 0 2rem 0;
  }
  .charter-available-days__header--row:last-of-type {
    justify-content: flex-start;
  }
  .charter-available-days__tabs-container,
  .charter-available-days__available-days {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .charter-available-days__header--row:last-of-type {
    flex-wrap: wrap;
  }
  .charter-available-days__btn-apply {
    width: 100%;
    margin-top: 2rem;
    justify-content: center;
  }
}
@media screen and (max-width: 560px) {
  .charter-available-days__header--row app-duration-mode-control {
    width: 100%;
  }
}
@media screen and (max-width: 485px) {
  .charter-available-days__available-days {
    margin-top: 2rem;
  }
}
.charter-available-days-list {
  display: block;
  margin-top: 4.8rem;
}
.charter-available-days-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charter-available-days-list__title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #351f73;
  line-height: 1.4;
}
.charter-available-days-list__btn-download {
  background-color: #fff;
}
.charter-available-days-list__list-container {
  background-color: #fff;
  border-radius: 1.6rem;
  margin-top: 2.2rem;
  padding: 1.6rem 3rem;
}
.charter-available-days-list__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 0;
}
.charter-available-days-list__list:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.charter-available-days-list__item {
  width: 100%;
  max-width: 39.1rem;
  font-weight: 500;
}
.charter-available-days-list__item:nth-of-type(2) {
  text-align: center;
}
.charter-available-days-list__item:last-of-type {
  text-align: end;
  max-width: 24rem;
}
.charter-available-days-list__item--title {
  font-size: 2rem;
  color: #bdbdbd;
  margin-right: 1.6rem;
}
.charter-available-days-list__item--title-total {
  display: none;
}
.charter-available-days-list__item--val {
  font-size: 2.4rem;
  color: #010202;
}
.charter-available-days-list__item--dash {
  width: 0.1rem;
  height: 3.2rem;
  background-color: #e0e0e0;
}
@media screen and (max-width: 1024px) {
  .charter-available-days-list__item:last-of-type {
    max-width: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .charter-available-days-list__list {
    flex-direction: column;
  }
  .charter-available-days-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
  }
  .charter-available-days-list__item:not(:last-of-type) {
    margin-bottom: 1.6rem;
  }
  .charter-available-days-list__item:nth-of-type(2) {
    text-align: start;
  }
  .charter-available-days-list__item:last-of-type {
    text-align: start;
    max-width: 100%;
  }
  .charter-available-days-list__item--title {
    flex-shrink: 0;
    display: block;
    width: 6rem;
    text-align: end;
  }
  .charter-available-days-list__item--val {
    display: block;
    width: 60%;
    text-align: start;
  }
  .charter-available-days-list__item--title-total {
    display: inline;
  }
  .charter-available-days-list__item--dash {
    display: none;
  }
  .charter-available-days-list__icon {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .charter-available-days-list__item--val {
    width: 70%;
  }
}
.available-days-quantity {
  display: flex;
}
.available-days-quantity__btn:disabled {
  background-color: #bdbdbd;
  cursor: unset;
  border-color: transparent;
}
.available-days-quantity__input {
  display: block;
  width: 11.7rem !important;
  margin: 0 0.8rem;
}
.available-days-quantity__input input {
  text-align: center;
}
.download-notification__title {
  margin-bottom: 3rem;
  color: #351f73;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .download-notification__title {
    font-size: 1.8rem;
    padding-right: 2rem;
  }
}
.download-notification__content {
  margin-bottom: 3rem;
}
.download-notification__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #4f4f4f;
}
.download-notification__text:not(:last-child) {
  margin-bottom: 1.6rem;
}
.download-notification__controls {
  border-top: 1px solid #bdbdbd;
  padding-top: 3rem;
  display: flex;
  justify-content: flex-end;
}
.download-notification__controls button:not(:last-child) {
  margin-right: 1.6rem;
}
.user-download-notification .modal__wrap {
  padding: 3.2rem;
  overflow: hidden;
}
.user-download-notification app-overlay {
  transform: translateY(100%);
}
.user-download-notification__wrapper {
  position: relative;
  width: 59.2rem;
  min-height: 18.6rem;
}
.user-download-notification__item {
  position: absolute;
  background-color: #ffffff;
  padding: 2.4rem;
  box-sizing: border-box;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.user-download-notification__item:first-child {
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
}
.user-download-notification__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-download-notification__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #351f73;
}
.user-download-notification__close-btn app-seazone-icon {
  transition: transform 0.3s;
}
.user-download-notification__close-btn:hover app-seazone-icon {
  transform: rotateZ(90deg);
}
.user-download-notification__text {
  font-size: 1.6rem;
  color: #000000;
  margin-top: 0.8rem;
}
.user-download-notification__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.8rem;
}
.user-download-notification__download-btn {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background-color: #351f73;
  border-radius: 0.4rem;
  padding: 1rem 2rem;
  margin-bottom: 1.2rem;
}
.user-download-notification__link {
  text-decoration: underline;
  color: #00b9ff;
}
.user-download-notification__download-btn,
.user-download-notification__link {
  width: max-content;
  transition: opacity 0.3s;
}
.user-download-notification__download-btn:hover,
.user-download-notification__link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .user-download-notification {
    width: 100%;
  }
  .user-download-notification .modal__wrap {
    padding: 1.2rem;
  }
  .user-download-notification__wrapper {
    width: 100%;
  }
  .user-download-notification__item {
    padding: 1.2rem;
  }
  .user-download-notification__title {
    font-size: 1.6rem;
    margin-right: 1rem;
  }
  .user-download-notification__text {
    font-size: 1.4rem;
  }
}
.couple {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #828282;
  text-align: center;
}
.couple__icon {
  margin-right: 0.5rem;
}
.couple__sign {
  color: #bdbdbd;
  margin-right: 0.5rem;
}
@media screen and (max-width: 480px) {
  .couple {
    font-size: 1.4rem;
  }
}
.couple-active {
  color: #00b9ff;
}
.couple-row {
  display: flex;
  align-items: center;
}
.couple-row__toggle-checkbox {
  display: flex;
  align-items: center;
}
.couple-row__toggle-checkbox .form-field__label {
  display: block;
  width: 20rem;
  margin-right: 1.5rem;
}
.couple-row__couple-wrap {
  margin-left: 1rem;
}
@media screen and (max-width: 480px) {
  .couple-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .couple-row__toggle-checkbox .form-field__label {
    width: auto;
  }
  .couple-row__couple-wrap {
    margin: 1.5rem 0 0 0;
  }
}
.couple-profile-preference-row {
  margin-top: 4.2rem;
}
@media screen and (max-width: 768px) {
  .couple-profile-preference-row {
    padding: 0 2rem;
  }
}
.couple-modal__title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  color: #351f73;
  margin-bottom: 3rem;
}
.couple-modal__info-text {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-bottom: 3rem;
}
.couple-modal__field {
  display: block;
  margin-bottom: 4.8rem;
}
.couple-modal__field input {
  background-color: inherit !important;
}
.couple-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding-top: 3rem;
}
.couple-modal__btn {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #351f73;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #351f73;
  padding: 1rem 2rem;
}
.couple-modal__btn:disabled {
  border: 1px solid #bdbdbd;
  background-color: #bdbdbd;
  cursor: default;
}
.couple-modal__btn--outline {
  color: #351f73;
  background-color: #fff;
  margin-right: 1.6rem;
}
.boat-calendar {
  padding: 3.2rem;
}
.boat-calendar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.6rem 0 3.2rem 0;
}
.boat-calendar__header--actions {
  display: flex;
}
.boat-calendar__title {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.4;
  color: #010202;
}
.boat-calendar__header-events-all {
  display: block;
  margin-right: 1.2rem;
}
.boat-calendar .switch__btn {
  line-height: 2.6rem;
}
@media screen and (max-width: 768px) {
  .boat-calendar__header {
    flex-direction: column;
    align-items: flex-start;
    margin: 1.6rem 0 3.2rem 0;
  }
  .boat-calendar__header app-boat-calendar-header-actions {
    width: 100%;
  }
  .boat-calendar__header--actions {
    width: 100%;
    margin-top: 2rem;
  }
  .boat-calendar__header--actions app-filter-calendar-event-select,
  .boat-calendar__header--actions app-create-calendar-event-select {
    width: 100%;
  }
  .boat-calendar__title {
    font-size: 3rem;
  }
}
.boat-calendar .boat-calendar-card-event .seaz-charter-card-badge {
  color: #fff;
}
.boat-calendar .boat-calendar-card-event .custom {
  background-color: #bf70b7;
}
.boat-calendar .boat-calendar-card-event .shipyard {
  background-color: #f49342;
}
.boat-calendar .boat-calendar-card-event .delivery {
  background-color: #259912;
}
.boat-calendar .boat-calendar-card-event .trip {
  background-color: #00b9ff;
}
.boat-calendar .boat-calendar-card-event__button-edit {
  margin-right: 2.3rem;
}
.boat-calendar .seaz-charter__list_card_head_error {
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  .boat-calendar__header--actions {
    flex-direction: column;
  }
  .boat-calendar__header-events-all {
    margin: 0 0 1.6rem;
  }
  .boat-calendar .boat-calendar-card-event__button-edit {
    margin-right: 1rem;
  }
}
.open-emails-modal__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 4.4rem;
  margin-right: 1.2rem;
}
@media screen and (max-width: 480px) {
  .open-emails-modal__btn {
    max-width: 100%;
    margin: 0 0 1.6rem;
  }
}
.open-emails-modal__btn .sidemenu__link-icon {
  margin: 0;
}
.calendar-event-select {
  font-family: "Roboto", sans-serif;
  position: relative;
}
.calendar-event-select__btn {
  display: flex;
  align-items: center;
}
.calendar-event-select__btn--icon {
  margin-right: 1.1rem;
}
.calendar-event-select__btn--events {
  min-width: 18rem;
}
.calendar-event-select__dropdown {
  width: 29.2rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  color: #010202;
  background-color: #fff;
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.2rem;
  padding: 2.4rem;
  overflow-y: auto;
}
.calendar-event-select__dropdown--title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
}
.calendar-event-select__dropdown--item {
  display: flex;
  align-items: center;
  margin-top: 2.2rem;
  font-size: 1.4rem;
}
.calendar-event-select__dropdown--checkbox {
  margin-right: 1.1rem;
}
.calendar-event-select__dropdown--checkbox .form__checkbox {
  width: 1.8rem;
}
.calendar-event-select__dropdown .owner-charter .form__checkbox-label:before {
  border-color: #3f9795;
}
.calendar-event-select__dropdown .owner-charter .form__checkbox-input:checked + label:before {
  background-color: #3f9795;
}
.calendar-event-select__dropdown .trip .form__checkbox-label:before {
  border-color: #00b9ff;
}
.calendar-event-select__dropdown .trip .form__checkbox-input:checked + label:before {
  background-color: #00b9ff;
}
.calendar-event-select__dropdown .all-inclusive .form__checkbox-label:before {
  border-color: #348ece;
}
.calendar-event-select__dropdown .all-inclusive .form__checkbox-input:checked + label:before {
  background-color: #348ece;
}
.calendar-event-select__dropdown .delivery .form__checkbox-label:before {
  border-color: #259912;
}
.calendar-event-select__dropdown .delivery .form__checkbox-input:checked + label:before {
  background-color: #259912;
}
.calendar-event-select__dropdown .shipyard .form__checkbox-label:before {
  border-color: #f49342;
}
.calendar-event-select__dropdown .shipyard .form__checkbox-input:checked + label:before {
  background-color: #f49342;
}
.calendar-event-select__dropdown .custom .form__checkbox-label:before {
  border-color: #bf70b7;
}
.calendar-event-select__dropdown .custom .form__checkbox-input:checked + label:before {
  background-color: #bf70b7;
}
.calendar-event-select__group_checkbox {
  margin-right: 1.1rem;
}
.calendar-event-select__item-create-event {
  margin-top: 0.8rem;
}
.calendar-event-select__item-create-event--btn {
  display: block;
  width: 100%;
}
.calendar-event-select__item-create-event .trip {
  background-color: #00b9ff;
  border-color: #00b9ff;
}
.calendar-event-select__item-create-event .delivery {
  background-color: #259912;
  border-color: #259912;
}
.calendar-event-select__item-create-event .shipyard {
  background-color: #f49342;
  border-color: #f49342;
}
.calendar-event-select__item-create-event .custom {
  background-color: #bf70b7;
  border-color: #bf70b7;
}
@media screen and (max-width: 768px) {
  .calendar-event-select {
    width: 100%;
  }
  .calendar-event-select__btn {
    width: 100%;
    justify-content: center;
  }
  .calendar-event-select__dropdown {
    width: 100%;
  }
}
.seaz-boat-event-modal {
  width: 100%;
  max-width: 72.2rem;
  box-sizing: border-box;
}
.seaz-boat-event-modal .modal__wrap {
  padding: 3rem;
}
@media screen and (max-width: 768px) {
  .seaz-boat-event-modal .modal__wrap {
    padding: 2rem;
  }
}
.boat-event__tooltip {
  position: absolute;
  left: 6.5rem;
  top: 1rem;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .boat-event__tooltip {
    top: 0;
  }
  .boat-event__tooltip svg {
    height: 1.4rem;
    width: 1.4rem;
  }
}
.boat-event__tooltip svg {
  height: 1.7rem;
  width: 1.7rem;
}
.boat-event-modal__header {
  display: flex;
  align-items: center;
  margin-bottom: 3.4rem;
}
.boat-event-modal__header--icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin-right: 1.2rem;
}
.boat-event-modal__header--title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  color: #351f73;
}
.boat-event-modal .delivery {
  background-color: #259912;
}
.boat-event-modal .shipyard {
  background-color: #f49342;
}
.boat-event-modal .custom {
  background-color: #bf70b7;
}
@media screen and (max-width: 650px) {
  .boat-event-modal .form-field--wrapper__row .form-field--label,
  .boat-event-modal .seaz-charter__edit_form_label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-event-modal .boat-event-modal-form-shipyard .seaz-charter__edit_form_row app-date-control {
    margin: 0 0 2rem 0;
  }
}
.boat-event-modal-form__row {
  margin: 1.6rem 0 0 0;
}
.boat-event-modal-form__row--name {
  margin-bottom: 3.2rem;
}
.boat-event-modal-form__row--notes {
  margin: 3rem 0 0 0;
}
.boat-event-modal-form__info-label-wrap {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.boat-event-modal-form__period {
  margin-top: 4.8rem;
  text-align: right;
}
.boat-event-modal-form__period .seaz-event__period {
  line-height: 2rem;
  color: #010202;
}
.boat-event-modal-form__period .seaz-event__period-label {
  margin-right: 0.8rem;
}
.boat-event-modal-form__btn-box {
  margin-top: 3rem;
}
.boat-event-modal-form__btn:not(:last-of-type) {
  margin-right: 1.6rem;
}
.boat-event-modal-form input,
.boat-event-modal-form textarea {
  background-color: inherit !important;
}
.boat-event-modal-form .seazone-form-field--wrapper .form-field--label {
  margin-right: 2rem !important;
}
.boat-event-modal-form app-location-timezone-autocomplete {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .boat-event-modal-form__label-cap {
    width: auto;
    margin: 0;
  }
  .boat-event-modal-form .form-field--wrapper.form-field__area.form-field--wrapper__row.seazone-form-field--wrapper.wrapper-rounded {
    flex-direction: column;
  }
  .boat-event-modal-form .form-field--wrapper.form-field--wrapper__row.seazone-form-field--wrapper.wrapper-rounded {
    flex-direction: column;
  }
}
.seaz-crew__btn_box.boat-event-modal-form__btn-box {
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .seaz-crew__btn_box.boat-event-modal-form__btn-box {
    width: 100%;
  }
}
.boat-event-modal-form-shipyard .seaz-charter__edit_form_row app-date-control {
  width: 50%;
  margin-right: 1.1rem;
  flex-shrink: 1;
}
.boat-event-modal-form-shipyard .seaz-charter__edit_form_row app-seazone-time-input {
  width: 50%;
  margin-right: 0;
  flex-shrink: 1;
}
@media screen and (max-width: 480px) {
  .boat-event-modal-form-shipyard .seaz-charter__edit_form_row app-date-control {
    width: 100%;
    margin: 0 0 1.1rem 0;
  }
  .boat-event-modal-form-shipyard .seaz-charter__edit_form_row app-seazone-time-input {
    width: 100%;
  }
}
.boat-type-container {
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
}
.boat-type {
  display: inline-block;
  margin-left: 1rem;
}
@media screen and (max-width: 480px) {
  .boat-type {
    margin-left: 0.3rem;
  }
}
.boat-type-tooltip__text {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #828282;
}
.boat-documents .boat-navigation {
  display: flex;
  align-items: center;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.boat-documents .boat-navigation__link {
  display: block;
  width: 50%;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 2rem;
  text-decoration: none;
  text-align: center;
  color: #828282;
  padding: 1.8rem 1rem;
  border: 1px solid #828282;
  box-sizing: border-box;
}
.boat-documents .boat-navigation__link:first-of-type {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
.boat-documents .boat-navigation__link:last-of-type {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.boat-documents .boat-navigation__link.seaz-yaht__navigation_item__active {
  color: #351f73;
  border-color: #351f73;
}
@media screen and (max-width: 1024px) {
  .boat-documents .boat-navigation__link {
    padding: 1.4rem 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-documents .boat-navigation__link {
    font-size: 1.2rem;
  }
}
.boat-documents {
  width: 100%;
  max-width: 130rem;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 4.8rem 1.6rem 12rem;
}
.boat-documents__title {
  text-transform: uppercase;
  color: #351f73;
  margin-bottom: 3.8rem;
}
.boat-documents__container {
  margin-top: 3.8rem;
}
.boat-documents__documents {
  padding: 3.2rem;
  margin-top: 2.4rem;
  background-color: #fff;
  box-shadow: 0px 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  border: 1px solid #e0e0e0;
}
.boat-documents__list {
  display: block;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-documents__documents {
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-documents {
    padding: 1.6rem 1.6rem 8rem;
  }
  .boat-documents__title {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .boat-documents__container {
    margin-top: 2.4rem;
  }
  .boat-documents__documents {
    padding: 1.6rem;
  }
}
.boat-documents-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 3.8rem;
}
.boat-documents-head__container {
  display: flex;
  align-items: flex-start;
}
.boat-documents-head .boat-documents__title {
  margin: 0 1rem 0 3.8rem;
  line-height: 145%;
}
.boat-documents-head .boat-document-bread-crumbs {
  margin: 0.4rem 0 0 3.8rem;
}
.boat-documents-head__btn,
.boat-documents-head .seaz__return_btn {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .boat-documents-head .boat-documents__title {
    margin: 0 1rem 0 1.6rem;
  }
  .boat-documents-head .boat-document-bread-crumbs {
    margin: 0.4rem 0 0 1.6rem;
  }
  .boat-documents-head__btn {
    padding: 1rem;
  }
  .boat-documents-head .seaz__btn_rounded--icon {
    margin-right: 0;
  }
  .boat-documents-head .header-btn-text {
    display: none;
  }
}
.boat-documents-filter {
  display: flex;
  align-items: center;
  align-items: stretch;
}
.boat-documents-filter__item {
  width: 33.3%;
  border: 0.2rem solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 1.6rem;
  padding: 2.4rem;
  text-align: center;
  cursor: pointer;
}
.boat-documents-filter__item.active {
  border-color: #351f73;
}
.boat-documents-filter__item:not(:last-of-type) {
  margin: 0 2.4rem 0 0;
}
.boat-documents-filter__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  margin-bottom: 1.2rem;
}
.boat-documents-filter__content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  font-weight: 700;
  color: #010202;
}
.boat-documents-filter__icon {
  margin-right: 1.1rem;
}
@media screen and (max-width: 1024px) {
  .boat-documents-filter__item {
    padding: 2rem;
  }
  .boat-documents-filter__title {
    font-size: 1.8rem;
  }
  .boat-documents-filter__content {
    font-size: 2.4rem;
  }
  .boat-documents-filter__icon {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .boat-documents-filter__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.2rem;
  }
  .boat-documents-filter__item:not(:last-of-type) {
    margin: 0 0.8rem 0 0;
  }
  .boat-documents-filter__title {
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
  .boat-documents-filter__icon {
    margin-right: 1rem;
  }
}
.boat-document {
  display: block;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 1.2rem;
  padding: 1.2rem 1.9rem 1.2rem 1.2rem;
}
.boat-document:not(:last-of-type) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 480px) {
  .boat-document {
    padding: 1rem;
    border: none;
  }
  .boat-document:nth-of-type(2n+1) {
    background-color: #f5f5f5;
  }
  .boat-document:nth-of-type(2n) .document-expired {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #f5f5f5;
  }
  .boat-document:nth-of-type(2n) .document-info__date {
    position: relative;
  }
  .boat-document:nth-of-type(2n) .document-info__date:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.1rem;
    height: 3.4rem;
    background-color: #f5f5f5;
  }
  .boat-document:nth-of-type(2n) .document-action {
    padding-top: 1rem;
    border-top: 1px solid #f5f5f5;
  }
}
.boat-document-bread-crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.boat-document-bread-crumbs__link,
.boat-document-bread-crumbs__text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
  cursor: text;
}
.boat-document-bread-crumbs__link.active {
  cursor: pointer;
}
.boat-document-bread-crumbs__link:hover {
  color: #432791;
}
.boat-document-bread-crumbs__icon {
  transform: rotate(180deg);
  margin: 0 0.5rem;
}
.boat-document-content {
  display: grid;
  grid-template-areas: "name info action arrow" "expired expired expired expired";
  grid-template-columns: 1fr 45rem 11% 2rem;
  align-items: center;
  grid-gap: 0 1rem;
}
@media screen and (max-width: 1024px) {
  .boat-document-content {
    grid-template-columns: 1fr 37rem 11% 2rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-document-content {
    grid-template-areas: "name arrow" "expired expired" "info info" "action action";
    grid-template-columns: 1fr auto;
    align-items: start;
    grid-gap: 0 0.8rem;
  }
}
.document-name {
  grid-area: name;
  display: flex;
}
.document-name__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.document-name__title-box {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  word-break: break-word;
  color: #010202;
}
.document-name__title-box span {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
}
@media screen and (max-width: 1024px) {
  .document-name__title-box span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .document-name__title {
    margin-bottom: 0;
  }
  .document-name__title-box {
    font-size: 1.4rem;
  }
}
.document-expired {
  grid-area: expired;
  margin-top: 0.8rem;
}
.document-info {
  grid-area: info;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  grid-gap: 0 1rem;
  margin-right: 2rem;
}
.document-info__label {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
}
.document-info .yaht-documents__info_col {
  font-weight: 400;
}
.document-info .yaht-documents__info_col span {
  display: flex;
  align-items: center;
}
.document-info .yaht-documents__info_col span app-seazone-icon {
  margin-right: 0.5rem;
}
.document-info .yaht-documents__info_col_label {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
}
@media screen and (max-width: 768px) {
  .document-info {
    margin: 1.6rem 0 0;
  }
}
@media screen and (max-width: 480px) {
  .document-info {
    grid-template-columns: repeat(auto-fill, minmax(12.3rem, 1fr));
    grid-gap: 1.3rem 1rem;
  }
}
.document-action {
  grid-area: action;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.document-action .yaht-documents__action_btn:not(:last-of-type) {
  margin: 0 2rem 0 0;
}
@media screen and (max-width: 1024px) {
  .document-action .yaht-documents__action_btn:not(:last-of-type) {
    margin: 0 1.2rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .document-action {
    justify-content: space-between;
    flex-shrink: 1;
    margin-top: 1.9rem;
  }
}
.document-arrow {
  grid-area: arrow;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.document-arrow app-seazone-icon {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .document-arrow {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
.expired {
  color: #d70000;
}
.expired-soon {
  color: #f49342;
}
.boat-documents-folders {
  margin-top: 3.8rem;
}
.boat-documents-folders-search {
  display: flex;
  align-items: center;
}
.boat-documents-folders-search .search-field-alternate {
  margin-right: 1.2rem;
}
.boat-documents-folders-search__btn {
  flex-shrink: 0;
}
.boat-documents-folders-search__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-documents-folders-search {
    flex-direction: column;
  }
  .boat-documents-folders-search .search-field-alternate {
    margin-right: 0;
  }
  .boat-documents-folders-search__btn {
    width: 100%;
    margin-top: 1.2rem;
  }
  .boat-documents-folders-search__btn:not(:last-of-type) {
    margin: 1.2rem 0 0 0;
  }
}
.folders-list-container {
  margin-top: 2.4rem;
}
.documents-folder-text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
  margin-top: 1rem;
}
.folders-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(29.8rem, 1fr));
  grid-gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .folders-container {
    grid-gap: 1.2rem;
  }
}
.documents-folder-info {
  display: flex;
  align-items: center;
}
.documents-folder-info__row {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-top: 0.8rem;
}
.documents-folder-info__warning:before {
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: #e0e0e0;
  margin: 0 1.2rem;
}
.documents-folder-info__icon {
  margin-right: 0.7rem;
}
.boat-maintenance-equipment-tree__title {
  margin-bottom: 3rem;
}
.boat-maintenance-equipment-tree .maintenance-equipment-tree-toggle {
  padding: 1.6rem 0 1.4rem 1.2rem;
}
.boat-maintenance-equipment-tree-subtitle {
  border-bottom: 1px solid #e0e0e0;
  text-align: right;
  line-height: 16px;
  color: #828282;
  padding: 0 4.5rem 0.4rem 0;
  margin-bottom: 1.2rem;
}
.boat-maintenance-equipment-tree-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.boat-maintenance-equipment-tree-content__title {
  cursor: pointer;
}
.boat-maintenance-equipment-tree-content__actions {
  display: flex;
  align-items: center;
}
.maintenance-equipment-tree-modal .maintenance-tree {
  max-height: 38rem;
  padding-bottom: 8rem;
}
.boat-maintenance-equipment-tree-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 2rem;
  margin: 1rem 0 0 0;
  background-color: #fff;
  box-sizing: border-box;
  border: none;
  border-radius: 0 0 1.6rem 1.6rem;
}
.boat-maintenance-equipment-tree-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-task-card {
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  background-color: #fff;
  border-radius: 1.6rem;
  padding: 1.2rem 1.6rem;
  margin-bottom: 1.2rem;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .boat-task-card {
    width: 37rem;
  }
}
@media screen and (max-width: 792px) {
  .boat-task-card {
    width: 100%;
  }
}
.boat-task-card .boat-task-selection {
  background-color: #f7c948;
}
.boat-task-card-tooltip {
  filter: drop-shadow(0px 4px 8px rgba(53, 40, 113, 0.26));
}
.boat-task-card-tooltip .tooltip {
  padding: 0.8rem;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
}
.boat-task-card-tooltip .tooltip__text {
  color: #828282;
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.boat-task-card-tooltip .tooltip__text .boat-task-selection {
  background-color: #f7c948;
}
.boat-task-card-tooltip.tooltip-pane.top .tooltip::before {
  transform: none;
}
.boat-task-card-tooltip .task-tooltip__text {
  display: block;
}
.selected .boat-task-card {
  box-shadow: 0 0 0 2px #351f73 !important;
}
.expired .boat-task-card {
  box-shadow: 0 0 0 2px #ff5f5f;
}
.new .boat-task-card {
  box-shadow: 0 0 0 2px #3f9795;
}
.boat-task-card-text {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
}
.boat-task-card-image {
  position: relative;
  width: 100%;
  height: 16.9rem;
  border-radius: 1.2rem;
  margin-bottom: 0.8rem;
}
.boat-task-card-image__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.2rem;
}
.boat-task-card-system-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-task-card-chips {
  margin-right: 0.8rem;
}
.boat-task-card-chips .task-type {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6rem 0.9rem;
  border-radius: 1.8rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
}
.boat-task-card-chips .task-type--analyse {
  background-color: #d8efd4;
  color: #3aae27;
}
.boat-task-card-chips .task-type--analyse app-seazone-icon svg {
  fill: #3aae27;
}
.boat-task-card-chips .task-type--wrench {
  background-color: #fdefc8;
  color: #f49342;
}
.boat-task-card-chips .task-type--wrench app-seazone-icon svg {
  fill: #f49342;
}
.boat-task-card-chips .task-type--cogs {
  background-color: rgba(191, 112, 183, 0.15);
  color: #bf70b7;
}
.boat-task-card-chips .task-type--cogs app-seazone-icon svg {
  fill: #bf70b7;
}
.boat-task-card-chips .task-type--other {
  background-color: #bdbdbd;
  color: #010202;
}
.boat-task-card-chips app-seazone-icon {
  margin-right: 0.3rem;
}
.boat-task-card-chips app-seazone-icon svg {
  width: 14px;
  height: 14px;
}
.boat-task-card-system-breadcrumbs {
  font-size: 12px;
  line-height: 1.4rem;
  color: #828282;
}
.boat-task-card-description {
  margin-top: 0.8rem;
  overflow: hidden;
}
.boat-task-card-description__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.boat-task-card-performer-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.3rem;
}
.boat-task-card-performer-info-icons {
  display: flex;
  align-items: center;
}
.boat-task-card-performer-info-icon {
  display: flex;
  align-items: center;
  color: #828282;
}
.boat-task-card-performer-info-icon:not(:last-of-type) {
  margin: 0 1.3rem 0 0;
}
.boat-task-card-performer-info-icon app-seazone-icon {
  margin-right: 0.3rem;
}
.boat-task-card-performer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.3rem;
}
.boat-task-card-performer__text {
  width: 50%;
  color: #00b9ff;
  margin-right: 1.4rem;
}
.boat-task-card-performer__photo {
  display: block;
  border-radius: 50%;
}
.boat-task-card-performer-user-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.boat-task-card-points {
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  margin-top: 1.2rem;
}
.boat-task-card-points--success {
  color: #3aae27;
}
.boat-task-card-points--warning {
  color: #f49342;
}
.boat-task-card-points--alarm {
  color: #d70000;
}
.boat-task-card-tag {
  background-color: #f5f5f5;
}
.date-info-tag {
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.date-info-tag__in-line {
  white-space: nowrap;
}
.boat-task-card-points-directory-item {
  display: flex;
  align-items: center;
}
.boat-task-card-points-directory-item app-boat-task-directory-item:not(:last-of-type) {
  margin: 0 1.4rem 0 0;
}
.boat-task-card-points-directory-item .task-priority-type--owners app-seazone-icon svg {
  fill: #4f194a;
}
.boat-task-card-points-directory-item .task-priority-type--urgent app-seazone-icon svg {
  fill: #f49342;
}
.boat-task-card-points-directory-item .task-priority-type--warranty app-seazone-icon svg {
  fill: #3aae27;
}
.boat-task-card-info-task {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-task-card-task-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.boat-task-card-task-tag {
  display: block;
  font-size: 1.2rem;
  line-height: 120%;
  color: #828282;
  padding: 0.5rem 0.6rem;
  border-radius: 2.4rem;
  background-color: #f5f5f5;
  margin: 0.8rem 0.8rem 0 0;
}
.boat-task-card-task-tag__val {
  font-size: 1.2rem;
  line-height: 120%;
  color: #00b9ff;
  margin-top: 0.8rem;
}
.boat-task-card-info-task-status {
  margin: 0.8rem 0 0 1rem;
}
.boat-task-card-info-task-status .task-status-type {
  font-size: 1.2rem;
  line-height: 120%;
  color: #fff;
  padding: 0.5rem 0.8rem;
  border-radius: 1.8rem;
}
.boat-task-card-info-task-status .task-status-type--open {
  background-color: rgb(76, 206, 255);
}
.boat-task-card-info-task-status .task-status-type--done {
  background-color: rgb(58, 174, 39);
}
.boat-task-card-info-task-status .task-status-type--canceled {
  background-color: rgb(189, 189, 189);
}
.fleet-boat-task-list {
  max-height: 60rem;
  min-height: 60rem;
  overflow: scroll;
  margin: 2.4rem 0 0;
  padding: 0 0.8rem 0.8rem 0;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
@media screen and (max-width: 768px) {
  .fleet-boat-task-list {
    margin: 1.2rem 0;
    max-height: 130rem;
    min-height: 130rem;
  }
}
.fleet-boat-task-list::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-boat-task-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-boat-task-list::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.fleet-boat-task-list__item:not(:last-child) {
  margin-bottom: 1.2rem;
}
.fleet-boat-task-list.fleet-boat-task-list-not-scrollable {
  min-height: fit-content;
}
.fleet-boat-task-list.fleet-boat-task-list-not-scrollable.cdk-virtual-scrollable {
  contain: content;
}
.fleet-boat-task-list .cdk-virtual-scroll-content-wrapper {
  padding-right: 0.8rem;
  padding-bottom: 0.8rem;
}
.fleet-boat-task-item {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  padding: 1.2rem;
  cursor: pointer;
  display: grid;
  grid-template-areas: "description body action";
  grid-template-columns: minmax(35.7rem, 35.6rem) 1fr 3.2rem;
}
@media screen and (max-width: 1440px) {
  .fleet-boat-task-item {
    grid-template-columns: minmax(26.5rem, 26.5rem) 1fr 3.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .fleet-boat-task-item {
    grid-template-areas: "description action" "body body";
    grid-template-columns: 1fr 3.2rem;
    grid-row-gap: 1.4rem;
  }
}
.fleet-boat-task-item-description {
  display: flex;
  align-items: flex-start;
  grid-area: description;
}
.fleet-boat-task-item-description__img-box {
  display: flex;
  min-width: 7.6rem;
  width: 7.6rem;
  height: 7.6rem;
}
.fleet-boat-task-item-description__type {
  width: fit-content;
  margin-bottom: 0.3rem;
}
.fleet-boat-task-item-description__img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 1.2rem;
  object-fit: cover;
}
.fleet-boat-task-item-description__content {
  display: flex;
  flex-direction: column;
  padding: 0 1.2rem;
}
.fleet-boat-task-item-description__name {
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.3rem;
  word-break: break-word;
  margin-bottom: 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.fleet-boat-task-item-description__by-crew {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #828282;
}
.fleet-boat-task-item-body {
  grid-area: body;
  display: grid;
  grid-template-areas: "system status assignee estimated";
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1024px) {
  .fleet-boat-task-item-body {
    grid-template-areas: "assignee status" "system system" "estimated estimated";
    grid-template-columns: 1fr auto;
    grid-row-gap: 1.2rem;
    grid-column-gap: 2.4rem;
  }
}
.fleet-boat-task-item-body__row {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 2.4rem;
}
.fleet-boat-task-item-body__row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #f5f5f5;
}
@media screen and (max-width: 1024px) {
  .fleet-boat-task-item-body__row {
    padding: 0;
  }
  .fleet-boat-task-item-body__row::before {
    display: none;
  }
}
.fleet-boat-task-item-body__row-system-name {
  grid-area: system;
}
.fleet-boat-task-item-body__row-system-name .breadcrumbs {
  font-size: 1.6rem;
  line-height: 1.9rem;
  word-break: break-word;
}
.fleet-boat-task-item-body__row-status {
  grid-area: status;
}
.fleet-boat-task-item-body__row-status .boat-maintenance-task-view-modal-header__status-change {
  display: flex;
}
.fleet-boat-task-item-body__row-assignee-name {
  grid-area: assignee;
}
@media screen and (max-width: 1024px) {
  .fleet-boat-task-item-body__row-assignee-name::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.1rem;
    height: 100%;
    background-color: #f5f5f5;
  }
}
.fleet-boat-task-item-body__row-estimated {
  grid-area: estimated;
}
.fleet-boat-task-item-body__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.4rem;
}
.fleet-boat-task-item-body__date {
  font-size: 1.2rem;
  line-height: 120%;
  margin-top: 0.3rem;
}
.fleet-boat-task-item-body__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  word-break: break-word;
  color: #010202;
  margin-bottom: 0.4rem;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.fleet-boat-task-item-body__text-position {
  font-size: 1.4rem;
  color: #4f4f4f;
}
.fleet-boat-task-item-body__no-data app-seazone-icon {
  justify-content: flex-start;
}
.fleet-boat-task-item-action {
  grid-area: action;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boat-tasks-list-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.boat-tasks-list-container {
  width: 100%;
}
.boat-tasks-list {
  display: flex;
  align-content: stretch;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .boat-tasks-list {
    overflow-x: auto;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 792px) {
  .boat-tasks-list {
    flex-direction: column;
    overflow-x: visible;
    padding-bottom: 0;
    margin-top: 1.7rem;
  }
}
.boat-tasks-list-item {
  width: 33.3%;
  max-width: 46rem;
  padding: 2.6rem 2.4rem;
  background-color: #f5f5f5;
  border-radius: 1.2rem;
  order: 1;
}
.boat-tasks-list-item:not(:last-child) {
  margin: 0 3.2rem 0 0;
}
.boat-tasks-list-item .no-data-text {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  color: #bdbdbd;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 1612px) {
  .boat-tasks-list-item:not(:last-child) {
    margin: 0 2rem 0 0;
  }
}
@media screen and (max-width: 1200px) {
  .boat-tasks-list-item {
    width: 42rem;
    min-width: 42rem;
  }
}
@media screen and (max-width: 792px) {
  .boat-tasks-list-item {
    width: 100%;
    min-width: initial;
    max-width: initial;
    background-color: initial;
    padding: 1.4rem 1.2rem;
  }
}
.boat-tasks-list-item.inbox {
  order: 0;
  background-color: #fdefc8;
}
.inbox .no-data-text {
  color: #ffae6a;
}
.boat-task-list-add-btn,
.boat-task-list-show-btn {
  width: 100%;
  padding: 0.8rem 2rem;
}
.boat-task-list-show-btn {
  margin-top: 1.2rem;
}
.boat-tasks-list-item-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
  color: #010202;
}
.boat-tasks-list-item-date__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  margin-right: 1rem;
  text-transform: capitalize;
}
.boat-tasks-list-item-date__count {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  color: #351f73;
}
.boat-tasks-list-item-date__count--total {
  color: #828282;
}
.boat-tasks-list-item-no-tasks {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2rem;
}
.boat-tasks-list-item-no-tasks__icon {
  margin-right: 1.2rem;
}
.boat-tasks-list-selected {
  display: flex;
  align-items: center;
  margin: 2.6rem 0;
}
.boat-tasks-list-selected__date {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 115%;
  text-transform: uppercase;
  color: #010202;
  margin-right: 2.6rem;
}
.boat-tasks-list-selected__btn {
  padding: 1rem;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.boat-tasks-list-selected__btn--next {
  margin-right: 1.8rem;
  transform: rotateZ(180deg);
}
.boat-tasks-list-selected__btn:hover {
  background-color: #f5f5f5;
}
@media screen and (max-width: 792px) {
  .boat-tasks-list-selected {
    display: none;
  }
}
.boat-tasks-calendar-wrap {
  width: 100%;
  max-width: 42.1rem;
  height: auto;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 3rem;
  box-sizing: border-box;
}
.boat-tasks-calendar-wrap__desktop {
  margin-right: 3.2rem;
}
@media screen and (max-width: 1612px) {
  .boat-tasks-calendar-wrap {
    max-width: 38rem;
    padding: 2rem;
  }
  .boat-tasks-calendar-wrap__desktop {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 1440px) {
  .boat-tasks-calendar-wrap__desktop {
    display: none;
  }
}
.boat-tasks-calendar-modal.boat-tasks-calendar-wrap {
  max-width: 100%;
  border: 0;
  padding: 0;
}
.boat-tasks-calendar-title {
  margin-bottom: 3.8rem;
}
.boat-tasks-calendar-title app-boat-timezone {
  display: block;
}
.boat-tasks-calendar {
  width: 100%;
  max-width: 36.1rem;
}
.boat-tasks-calendar-modal-footer {
  display: flex;
  align-items: center;
  margin: 3rem 0 0;
  padding-bottom: 1rem;
}
.boat-tasks-calendar-modal-footer__btn {
  width: 50%;
}
.boat-tasks-calendar-modal-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.calendar-tasks-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.3rem;
}
.calendar-tasks-actions__title {
  color: #010202;
}
.calendar-tasks-actions-arrow {
  display: block;
}
.calendar-tasks-actions-arrow svg {
  stroke: #828282;
}
.calendar-tasks-actions-arrow svg path {
  stroke-width: 4px;
}
.calendar-tasks-actions-next {
  transform: rotateZ(180deg);
}
.calendar-tasks-view-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-columns: 5.1rem;
  align-self: center;
}
.calendar-tasks-view-header__item {
  font-size: 1.2rem;
  line-height: 120%;
  color: #828282;
  text-align: center;
}
.calendar-tasks-view-days {
  margin-top: 0.9rem;
}
.calendar-tasks-view-days-item:first-of-type .calendar-tasks-view-day:first-of-type {
  border-radius: 1.2rem 0 0 0;
}
.calendar-tasks-view-days-item:first-of-type .calendar-tasks-view-day:last-of-type {
  border-radius: 0 1.2rem 0 0;
}
.calendar-tasks-view-days-item:last-of-type .calendar-tasks-view-day:first-of-type {
  border-radius: 0 0 0 1.2rem;
}
.calendar-tasks-view-days-item:last-of-type .calendar-tasks-view-day:last-of-type {
  border-radius: 0 0 1.2rem 0;
}
.calendar-tasks-view-day {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 5.44rem;
  border: 0.05rem solid #e0e0e0;
  padding: 0.3rem;
  box-sizing: border-box;
}
.calendar-tasks-view-day:not(.disabled):not(.hide) {
  cursor: pointer;
}
.calendar-tasks-view-day__date {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #010202;
}
.calendar-tasks-view-day__event {
  font-size: 1.2rem;
  line-height: 120%;
  color: #fff;
  background-color: #46a6a4;
  border-radius: 50%;
  padding: 0.2rem 0.6rem;
  margin-top: 0.4rem;
}
.calendar-tasks-view-day.today:not(.hide) {
  background-color: #351f73;
}
.calendar-tasks-view-day.today:not(.hide) .calendar-tasks-view-day__date {
  color: #fff;
}
.calendar-tasks-view-day.today:not(.hide) .calendar-tasks-view-day__event {
  color: #351f73;
  background-color: #fff;
}
.calendar-tasks-view-day.active:not(.hide) {
  border: 0.1rem solid #3f9795;
}
.calendar-tasks-view-day.disabled .calendar-tasks-view-day__date {
  color: #bdbdbd;
}
.calendar-tasks-view-day.hide * {
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  .calendar-tasks-view-day__date {
    font-size: 1.6rem;
  }
}
.boat-tasks-menu {
  display: flex;
  flex-direction: column;
}
.boat-tasks-menu .seaz-filters__head_filters {
  display: flex;
  align-items: flex-start;
  padding: 0;
  border-bottom: none;
  margin-top: 1.6rem;
  min-height: 3.6rem;
}
.boat-tasks-menu .financial-data__badge_reset {
  flex-shrink: 0;
  margin-right: 1rem;
}
.boat-tasks-menu .seaz-filters__form_row {
  padding-bottom: 0;
}
.boat-tasks-menu .fleet-chips {
  margin-top: 0;
}
.boat-tasks-menu__toggle-checkbox {
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
}
.boat-tasks-menu__toggle-checkbox--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  margin-left: 1rem;
  white-space: nowrap;
}
.boat-tasks-menu__search {
  margin-top: 2rem;
}
@media screen and (max-width: 1024px) {
  .boat-tasks-menu__toggle-checkbox {
    margin-right: 0;
  }
  .boat-tasks-menu__toggle-checkbox:first-child {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 792px) {
  .boat-tasks-menu__search {
    order: -1;
    margin: 1.6rem 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-tasks-menu__toggle-checkbox:first-child {
    margin-right: 1rem;
  }
  .boat-tasks-menu__toggle-checkbox--text {
    margin-left: 0.5rem;
  }
}
.boat-tasks-menu-action {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "filters-group menu-chips action-group";
}
.boat-tasks-menu-action .filters-group {
  grid-area: filters-group;
}
.boat-tasks-menu-action .menu-chips {
  justify-self: end;
  grid-area: menu-chips;
}
.boat-tasks-menu-action .action-group {
  grid-area: action-group;
  justify-self: end;
}
.boat-tasks-menu-action .menu-manager-btn:disabled {
  border-color: initial;
  background-color: rgba(52, 142, 206, 0.4);
}
@media screen and (max-width: 1870px) {
  .boat-tasks-menu-action {
    grid-template-columns: auto 1fr;
    grid-template-areas: "filters-group action-group" "menu-chips menu-chips";
    grid-gap: 1.6rem 1rem;
  }
  .boat-tasks-menu-action .menu-chips {
    justify-self: start;
  }
}
@media screen and (max-width: 1024px) {
  .boat-tasks-menu-action .menu-manager-btn,
  .boat-tasks-menu-action .menu-add-btn {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .boat-tasks-menu-action {
    grid-gap: 0.6rem 0.8rem;
  }
}
.boat-tasks-menu-action-filters-group {
  display: flex;
  align-items: center;
}
.boat-tasks-menu-action-filters-group .menu-calendar-btn {
  margin-right: 1.6rem;
  display: none;
}
@media screen and (max-width: 1024px) {
  .boat-tasks-menu-action-filters-group .menu-calendar-btn {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-tasks-menu-action-filters-group .menu-calendar-btn {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1440px) {
  .boat-tasks-menu-action-filters-group .menu-calendar-btn {
    display: block;
  }
}
.boat-tasks-menu-action-filters {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .boat-tasks-menu-action-filters .maintenance-list-filters-actions {
    margin-right: 0;
  }
  .boat-tasks-menu-action-filters .seaz-search-crew-filters__title--icon,
  .boat-tasks-menu-action-filters .fleet-charter-filter-results {
    display: none;
  }
}
.boat-tasks-filters-btn-mob-box {
  display: none;
}
@media screen and (max-width: 1024px) {
  .boat-tasks-filters-btn {
    background-color: #f5f5f5;
    padding: 0.7rem 0.6rem;
  }
  .boat-tasks-filters-btn.maintenance-list-filters-actions__btn {
    border: none;
    border-radius: 1.8rem;
    padding: 0.7rem 0.6rem;
  }
  .boat-tasks-filters-btn-mob-box {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #4f4f4f;
  }
  .boat-tasks-filters-btn-mob-box__icon {
    margin-right: 0.8rem;
  }
  .boat-tasks-filters-btn-text {
    display: none;
  }
}
.boat-tasks-menu-action-group {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.boat-tasks-menu-action-group-chips {
  display: flex;
  align-items: center;
}
.boat-tasks-menu-action-group-chips .fleet-chips app-chips-checkbox-item {
  margin: 0 0.8rem 0 0;
}
@media screen and (max-width: 792px) {
  .boat-tasks-menu-action-group-chips {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-tasks-menu-action-group-chips {
    overflow-x: auto;
    padding: 1rem 0;
  }
  .boat-tasks-menu-action-group-chips .form__group {
    flex-shrink: 0;
  }
}
.boat-tasks-menu-action-group-buttons {
  display: flex;
  align-items: center;
}
.boat-tasks-menu-action-group-buttons__btn {
  text-align: center;
}
.boat-tasks-menu-action-group-buttons__btn:not(:last-child) {
  margin: 0 1.6rem 0 0;
}
.boat-tasks-menu-action-group-buttons__btn--manager {
  background-color: #348ece;
  border-color: #348ece;
}
.boat-tasks-menu-action-group-buttons__btn--manager:disabled {
  border-color: initial;
  background-color: rgba(52, 142, 206, 0.4);
}
@media screen and (max-width: 792px) {
  .boat-tasks-menu-action-group-buttons__btn:not(:last-of-type) {
    margin: 0 1.2rem 0 0;
  }
}
.manager-task-button {
  position: relative;
  height: 5.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
}
.boat-maintenance-tasks-action-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: #351f73;
  box-shadow: 0 4px 8px rgba(43, 28, 54, 0.24);
  padding: 1.6rem;
  font-family: "Roboto", sans-serif;
}
.boat-maintenance-tasks-action-panel__content {
  display: flex;
  align-items: center;
}
.boat-maintenance-tasks-action-panel__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #fff;
  opacity: 0.7;
  margin-right: 1.2rem;
}
.boat-maintenance-tasks-action-panel__buttons {
  display: flex;
}
.boat-maintenance-tasks-action-panel__buttons.disabled {
  opacity: 0.3;
}
.boat-maintenance-tasks-action-panel__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-maintenance-tasks-action-panel__btn:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
  border-color: #bdbdbd;
  color: #fff;
}
.boat-maintenance-tasks-action-panel__btn:disabled:hover {
  opacity: 1;
}
.boat-maintenance-tasks-action-panel__btn.seaz__btn_rounded--outline:disabled {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-tasks-action-panel {
    align-items: flex-end;
  }
  .boat-maintenance-tasks-action-panel__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-tasks-action-panel__text {
    margin: 0 0 0.4rem 0;
  }
  .boat-maintenance-tasks-action-panel__btn:not(:last-of-type) {
    margin: 0 0.4rem 0 0;
  }
  .boat-maintenance-tasks-action-panel__btn-close {
    padding-bottom: 0.9rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-tasks-action-panel {
    padding: 1.2rem;
  }
  .boat-maintenance-tasks-action-panel__btn {
    padding: 1rem 0.8rem;
  }
  .boat-maintenance-tasks-action-panel .seaz__btn_rounded--icon {
    margin-right: 0.5rem;
  }
}
.boat-assignee-settings {
  width: 100%;
  max-width: 57rem;
  margin: 3.5rem auto 0;
  box-sizing: border-box;
}
.boat-assignee-settings .btn-save {
  background-color: #46a6a4;
  border-color: #46a6a4;
}
.boat-assignee-form {
  margin-top: 4.7rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.boat-assignee-form__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.boat-assignee-form-container {
  max-height: 40rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding-right: 0.3rem;
}
.boat-assignee-form-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.boat-assignee-form-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.boat-assignee-form-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 480px) {
  .boat-assignee-form-container {
    max-height: 35rem;
  }
}
.boat-assignee-form-item {
  padding: 1.2rem 1.6rem;
  transition: background-color 0.3s;
  border-radius: 0.4rem;
  cursor: pointer;
}
.boat-assignee-form-item:hover {
  background-color: #f5f5f5;
}
.boat-assignee-form-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #828282;
  margin-bottom: 1.2rem;
  padding-left: 1.6rem;
}
.boat-assignee-form-person {
  display: flex;
  align-items: center;
  color: #010202;
  word-break: break-word;
  margin-right: 1.2rem;
}
.boat-assignee-form-person-logo {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.boat-assignee-form-person-logo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.boat-assignee-form-role {
  display: flex;
  align-items: center;
}
.boat-assignee-form-role__name {
  color: #828282;
  text-align: right;
}
.boat-assignee-form-role-action {
  position: relative;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  margin-left: 1.2rem;
  border-radius: 50%;
}
.boat-assignee-form-role-action input[type=radio] {
  -moz-appearance: radio !important;
  cursor: pointer;
}
.boat-assignee-form-role-action .input-checked:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.2rem solid #4f194a;
  background-color: #fff;
  cursor: pointer;
}
.boat-assignee-form-role-action input[type=radio]:checked + .input-checked:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: #4f194a;
}
.boat-assignee-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 0;
  margin: 0;
  border: none;
}
.boat-assignee-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-tasks-status {
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto;
}
.boat-tasks-status .boat-tasks-menu {
  margin-top: 3.6rem;
}
.boat-tasks-status .boat-tasks-list {
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .boat-tasks-status .boat-tasks-menu {
    margin-top: 0;
  }
  .boat-tasks-status .boat-tasks-menu-action {
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .boat-tasks-status .boat-tasks-menu-action-group {
    order: initial;
    width: auto;
  }
  .boat-tasks-status .boat-tasks-menu-action-group-chips .fleet-chips app-chips-checkbox-item {
    margin: 0 0 0 0.8rem;
  }
}
.boat-tasks-status-val {
  font-size: 3rem;
  font-weight: 500;
  line-height: 145%;
  text-transform: uppercase;
  color: #432791;
  margin-left: 3.8rem;
}
@media screen and (max-width: 792px) {
  .boat-tasks-status-val {
    font-size: 2.4rem;
    line-height: 116%;
    text-transform: initial;
    margin-left: 1.6rem;
  }
}
.boat-maintenance-task-log-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.boat-maintenance-task-log-header__title {
  text-transform: uppercase;
  color: #010202;
}
.boat-maintenance-task-log-header__title-container {
  display: flex;
}
.boat-maintenance-task-log-header__title-container .seaz__return_btn {
  margin-right: 1rem;
}
.boat-maintenance-task-log-header__subtitle {
  color: #828282;
  font-size: 1.6rem;
  text-transform: none;
}
.boat-maintenance-task-log-header__container {
  margin-left: 1rem;
}
@media screen and (max-width: 1280px) {
  .boat-maintenance-task-log-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-task-log-header {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    margin: 0;
  }
  .boat-maintenance-task-log-header__title {
    margin-bottom: 1.6rem;
  }
  .boat-maintenance-task-log-header__container {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-header__title {
    font-size: 2.4rem;
    text-transform: initial;
  }
}
.boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__container {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-log-header-info .task-download-button {
  margin-left: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-task-log-header-info {
    flex-direction: row;
  }
  .boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__title {
    margin-bottom: 0;
  }
  .boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__container {
    width: auto;
  }
}
@media screen and (max-width: 560px) {
  .boat-maintenance-task-log-header-info {
    flex-direction: column;
  }
  .boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__container {
    width: 100%;
    margin-top: 1.6rem;
  }
  .boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__container .task-download-button,
  .boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__container .add-task-btn {
    width: 100%;
  }
  .boat-maintenance-task-log-header-info .boat-maintenance-task-log-header__container {
    flex-direction: column;
  }
  .boat-maintenance-task-log-header-info .task-download-button {
    margin: 1.2rem 0 0 0;
  }
}
.boat-position-history-title {
  text-transform: uppercase;
  margin: 3.1rem 0;
}
.boat-maintenance-task-log-results {
  margin-top: 2.5rem;
}
.boat-maintenance-task-log-results__period {
  font-weight: 500;
}
.boat-maintenance-task-log-results__container {
  display: flex;
  justify-content: flex-end;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #828282;
}
.boat-maintenance-task-log-results__container--info {
  margin-top: 1.6rem;
}
@media screen and (max-width: 560px) {
  .boat-maintenance-task-log-results__container {
    justify-content: flex-start;
  }
}
.boat-maintenance-task-log-form {
  display: grid;
  grid-template-columns: 28.3rem auto auto;
  grid-template-rows: initial;
  grid-template-areas: "search chips actions";
  grid-gap: 0 2rem;
  width: 100%;
}
.boat-maintenance-task-log-form__search {
  grid-area: search;
}
.boat-maintenance-task-log-form__search .form-field--content-outline {
  height: 4rem;
  border-radius: 0.4rem;
  border-color: #bdbdbd;
}
.boat-maintenance-task-log-form__chips {
  grid-area: chips;
}
.boat-maintenance-task-log-form__actions {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
}
.boat-maintenance-task-log-form .add-task-btn {
  height: 4rem;
  padding: 0.9rem 2rem;
}
.boat-maintenance-task-log-form .task-download-button {
  align-self: baseline;
  justify-self: end;
  max-width: 16rem;
  margin-left: 1.2rem;
}
.boat-maintenance-task-log-form .task-view-select {
  margin-left: 1.2rem;
}
.boat-maintenance-task-log-form .task-options-button {
  padding: 1rem 1.5rem;
  margin-left: 1.2rem;
}
.boat-maintenance-task-log-form .fleet-chips {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.boat-maintenance-task-log-form .fleet-chips app-chips-checkbox-item {
  margin: 0 0.8rem 0 0;
}
@media screen and (max-width: 1500px) {
  .boat-maintenance-task-log-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: initial;
    grid-template-areas: "actions actions" "search chips";
    grid-gap: 1.6rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-task-log-form__actions {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-form {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: "search" "chips" "actions";
    grid-gap: 1.2rem;
  }
  .boat-maintenance-task-log-form .chips-group {
    flex-shrink: 0;
  }
  .boat-maintenance-task-log-form .task-download-button,
  .boat-maintenance-task-log-form .add-task-btn {
    width: 100%;
    max-width: initial;
  }
}
@media screen and (max-width: 560px) {
  .boat-maintenance-task-log-form__actions {
    flex-direction: column;
  }
  .boat-maintenance-task-log-form .task-download-button,
  .boat-maintenance-task-log-form .task-options-button {
    margin: 1.2rem 0 0 0;
    padding: 0.9rem 2rem;
  }
  .boat-maintenance-task-log-form .task-view-select {
    margin: 1.2rem 0 0 0;
  }
  .boat-maintenance-task-log-form .task-view-select .seaz__btn_rounded {
    width: 100%;
  }
}
.boat-maintenance-task-log-container {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.2rem;
  padding: 2.4rem;
  margin-top: 2.6rem;
}
.boat-maintenance-task-log-container .max-repeats-control {
  margin-top: 1.2rem;
}
.boat-maintenance-task-log-container .wrap-table {
  margin-top: 3rem;
}
.boat-maintenance-task-log-container .financial-data__badge {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #010202;
  border: none;
  margin-top: 2.4rem;
}
.boat-maintenance-task-log-container .financial-data__badge app-seazone-icon {
  margin-left: 0.7rem;
}
@media screen and (max-width: 1200px) {
  .boat-maintenance-task-log-container .wrap-table {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-container {
    padding: 1.6rem;
  }
}
.max-repeats-control {
  width: 100%;
  max-width: 12.4rem;
}
.boat-maintenance-task-log-table {
  width: 100%;
  min-height: 22rem;
}
.boat-maintenance-task-log-table app-block-loader {
  position: absolute;
  width: 100%;
}
.boat-maintenance-task-log-table app-boat-maintenance-tasks-log-filter th {
  padding-bottom: 1.6rem;
}
.boat-maintenance-task-log-table .date-row {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-log-table .date-row .date-col {
  min-width: 8rem;
  max-width: 8rem;
}
.boat-maintenance-task-log-table .th-row {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-log-table .th-pr app-seazone-select,
.boat-maintenance-task-log-table .th-pr app-seazone-input,
.boat-maintenance-task-log-table .th-pr .form__row {
  padding-right: 1.2rem;
}
.boat-maintenance-task-log-table .th-pr app-date-range {
  display: block;
  padding-right: 1.2rem;
}
.boat-maintenance-task-log-table .th-label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 0.2rem;
  color: #010202;
}
.boat-maintenance-task-log-table .task-name-th app-seazone-input {
  min-width: 14rem;
}
.boat-maintenance-task-log-table .th-priorities app-seazone-select {
  min-width: 15rem;
  max-width: 15rem;
}
.boat-maintenance-task-log-table .task-name-label {
  min-width: 14rem;
}
.boat-maintenance-task-log-table .select-placeholder {
  color: #bdbdbd;
}
.boat-maintenance-task-log-table .quote-th app-seazone-select {
  min-width: 36rem;
}
.boat-maintenance-task-log-table .seazone__form-date-input {
  font: 1.4rem/2.8rem "Roboto", sans-serif !important;
  color: #bdbdbd !important;
}
.boat-maintenance-task-log-table .seazone__form-date-input::placeholder {
  font: 1.4rem/2.8rem "Roboto", sans-serif !important;
  color: #bdbdbd !important;
}
.boat-maintenance-task-log-table .task-work-list-description-th .task-work-list-description-label {
  max-width: 15rem;
}
.boat-maintenance-task-log-table .task-work-list-description-th app-seazone-input {
  min-width: 15rem;
}
.boat-maintenance-task-log-table .types-th {
  max-width: 19.2rem;
  width: 19.2rem;
}
.boat-maintenance-task-log-table .types-th .th-row {
  padding-right: 1.2rem;
}
.boat-maintenance-task-log-table .types-th .th-row app-seazone-select {
  width: 8.8rem;
  padding-right: 0;
}
.boat-maintenance-task-log-table .types-th .th-row app-seazone-select:not(:last-child) {
  padding-right: 0;
  margin-right: 0.4rem;
}
.boat-maintenance-task-log-table .date-th {
  max-width: 16.2rem;
  width: 16.2rem;
}
.boat-maintenance-task-log-table .task-log-table-fixed-col {
  position: sticky;
  right: -0.1rem;
  background-color: #fff;
  z-index: 20;
  padding-left: 0.8rem;
  width: 19rem;
}
.boat-maintenance-task-log-table .task-log-table-fixed-col::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1rem;
  width: 1rem;
  height: 100%;
  background:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0.09) 0%,
      rgba(0, 0, 0, 0) 99.99%,
      rgba(217, 217, 217, 0) 100%);
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 19rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-table .task-log-table-fixed-col__inner {
    width: 12rem;
  }
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner-header {
  align-items: flex-end;
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner-status {
  margin-right: 0.8rem;
  max-width: 11rem;
  width: 11rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-table .task-log-table-fixed-col__inner-status {
    max-width: 5rem;
  }
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner-status .boat-maintenance-task-view-modal-header__status-change {
  display: flex;
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner-actions {
  display: flex;
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner-actions .main-btn {
  width: 4.8rem;
  height: 4.8rem;
}
.boat-maintenance-task-log-table .task-log-table-fixed-col__inner-actions .tasks-log-table-actions__menu {
  display: none;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-table .task-log-table-fixed-col__inner-actions .tasks-log-table-actions__menu {
    display: flex;
    position: relative;
    z-index: 2;
    justify-content: center;
    width: 100%;
  }
}
.boat-maintenance-task-log-table-link {
  text-decoration: underline;
  color: #00b9ff;
}
.boat-maintenance-task-log-table-info .types-th {
  min-width: 10rem;
}
.boat-maintenance-task-log-table-info .types-th .th-row app-seazone-select {
  max-width: 8.8rem;
}
.boat-maintenance-task-log-table-info .types-th .th-row app-seazone-select:not(:last-child) {
  padding-right: 0.4rem;
}
.boat-maintenance-task-log-table-info .date-th,
.boat-maintenance-task-log-table-info .systems-th {
  min-width: 16rem;
}
.boat-maintenance-task-log-table-info .th-p {
  padding: 1.5rem 0.9rem 0.9rem;
}
.boat-maintenance-task-log-table-info .th-estimate .th-label {
  min-width: 10rem;
}
.boat-maintenance-task-log-table-info .description .table__col-inner {
  max-width: 15rem !important;
  min-width: 15rem !important;
}
.charters-related-dropdown .select-option {
  min-height: initial;
}
.charters-related-dropdown .form__checkbox-label-text {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.select-option-table.seazone-select-option {
  padding: 0 1rem;
}
.boat-maintenance-tasks-log-table-list tr:first-of-type td {
  border-top: 1px solid rgba(53, 31, 115, 0.2);
}
.boat-maintenance-tasks-log-table-list tr td {
  padding: 1.5rem 0.9rem 0.9rem;
  border-bottom: 1px solid #f5f5f5;
}
.boat-maintenance-tasks-log-table-list tr:nth-of-type(2n+1) td {
  background-color: #f5f5f5;
}
.boat-maintenance-tasks-log-table-list td {
  vertical-align: top;
}
.boat-maintenance-tasks-log-table-list .boat-task-card-chips {
  max-width: 10rem;
}
.boat-maintenance-tasks-log-table-list .td-text-bold {
  font-weight: 500;
  color: #010202;
}
.boat-maintenance-tasks-log-table-list .work-list-select {
  min-width: 20rem;
}
.boat-maintenance-tasks-log-table-list .directory-sub-item {
  font-size: 12px;
  line-height: 120%;
  color: #828282;
  margin-top: 0.2rem;
}
.boat-maintenance-tasks-log-table-list .additional-cell {
  color: #010202;
}
.boat-maintenance-tasks-log-table-list .additional-cell .table-col--additional {
  font-size: 1.2rem;
  color: #4f4f4f;
  margin-top: 0.2rem;
}
.boat-maintenance-tasks-log-table-list .additional-cell .table-col--additional.alarm {
  color: #d70000;
}
.boat-maintenance-tasks-log-table-list .additional-cell-wrap {
  display: flex;
  align-items: center;
}
.boat-maintenance-tasks-log-table-list .description {
  color: #010202;
  line-height: 1.6rem;
}
.boat-maintenance-tasks-log-table-list .description .table__col-inner {
  overflow: visible;
  white-space: normal;
  text-overflow: initial;
  max-width: 15rem;
  min-width: 15rem;
  word-break: break-word;
}
.boat-maintenance-tasks-log-table-list .col-with-btns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-tasks-log-table-list .col-with-btns {
    display: none;
  }
}
.boat-maintenance-tasks-log-table-list .edit-btn {
  margin-right: 1rem;
}
.boat-maintenance-tasks-log-table-list .note-btn {
  background-color: #f5f5f5;
  padding: 0.5rem 0.9rem;
  border-radius: 3.8rem;
  color: #351f73;
}
.boat-maintenance-tasks-log-table-list .note-btn app-seazone-icon {
  margin-right: 0.5rem;
}
.boat-maintenance-tasks-log-table-list .boat-task-card-points-directory-item .task-priority-type app-seazone-icon svg {
  fill: #bdbdbd;
}
.boat-maintenance-tasks-log-table-list .boat-task-card-points-directory-item .selected.task-priority-type--owners app-seazone-icon svg {
  fill: #4f194a;
}
.boat-maintenance-tasks-log-table-list .boat-task-card-points-directory-item .selected.task-priority-type--urgent app-seazone-icon svg {
  fill: #f49342;
}
.boat-maintenance-tasks-log-table-list .boat-task-card-points-directory-item .selected.task-priority-type--warranty app-seazone-icon svg {
  fill: #3aae27;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-tasks-log-table-list .tasks-log-table-cell-right {
    vertical-align: middle;
  }
}
.task-log-quote-action {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 12rem;
  max-width: 14rem;
  height: 4rem;
  border: 1px solid #432791;
  border-radius: 0.4rem;
  padding: 0.8rem;
  white-space: nowrap;
}
.task-log-quote-action app-seazone-icon {
  margin-right: 0.3rem;
}
.task-log-quote-action.approved {
  border: 1px solid #259912;
  background-color: #d8efd4;
  color: #259912;
}
.dynamic-table-view-select__dropdown {
  width: 19rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  color: #010202;
  background-color: #fff;
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
  padding: 0.8rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.dynamic-table-view-select__dropdown--item {
  display: inline-flex;
  padding: 1.4rem 0.8rem;
  font-size: 1.4rem;
  cursor: pointer;
}
.dynamic-table-view-select__dropdown--item-name {
  flex: 1 auto;
}
.maintenance-service--last {
  color: #010202;
  font-weight: 700;
}
.maintenance-service--next {
  color: #3aae27;
  font-weight: 700;
}
.maintenance-service--planned {
  color: #3aae27;
}
.maintenance-service--expired {
  color: #bd0202;
}
.tasks-log-table-actions__button {
  display: flex;
  width: 100%;
  height: 2.4rem;
}
@media screen and (max-width: 768px) {
  .tasks-log-table-actions__button:not(:last-child) {
    margin: 0 0 1.7rem;
  }
}
.tasks-log-table-actions__text {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #351f73;
  margin-left: 1.3rem;
  display: none;
}
.tasks-log-table-actions__text-notes {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .tasks-log-table-actions__text-notes {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .tasks-log-table-actions__text {
    display: inline-block;
  }
}
.maintenance-dashboard-download-btn {
  position: relative;
}
.maintenance-dashboard-download-btn::after {
  content: "";
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: all !important;
}
.breadcrumbs-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.breadcrumbs {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
}
.breadcrumbs .active {
  color: #351f73;
}
.boat-maintenance-dashboard {
  display: grid;
  grid-template-columns: 66.5% 32%;
  grid-template-rows: initial;
  grid-template-areas: "maintenance-dashboard-tasks maintenance-dashboard-alerts" "maintenance-dashboard-position maintenance-dashboard-calendar" "maintenance-dashboard-work-list maintenance-dashboard-crew-list" "maintenance-dashboard-systems maintenance-dashboard-crew-list" "maintenance-dashboard-added-tasks maintenance-dashboard-crew-list";
  grid-gap: 2.4rem;
}
.boat-maintenance-dashboard__title {
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.boat-maintenance-dashboard__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.boat-maintenance-dashboard__title {
  text-transform: uppercase;
}
.boat-maintenance-dashboard__header-action {
  display: flex;
  align-items: center;
}
.boat-maintenance-dashboard__header-action-btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-maintenance-dashboard__time-zone {
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: right;
  color: #828282;
  margin-left: 1rem;
}
.boat-maintenance-dashboard__separator {
  border-top: 1px solid #e0e0e0;
  margin: 2.4rem 0;
}
.boat-maintenance-dashboard__hidden-tasks-link {
  text-decoration: underline;
  color: #00b9ff;
}
.boat-maintenance-dashboard__hidden-tasks-link.hidden-link {
  visibility: hidden;
}
@media screen and (max-width: 1500px) {
  .boat-maintenance-dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: initial;
    grid-template-areas: "maintenance-dashboard-tasks maintenance-dashboard-tasks" "maintenance-dashboard-alerts maintenance-dashboard-alerts" "maintenance-dashboard-position maintenance-dashboard-position" "maintenance-dashboard-work-list maintenance-dashboard-work-list" "maintenance-dashboard-calendar maintenance-dashboard-calendar" "maintenance-dashboard-systems maintenance-dashboard-systems" "maintenance-dashboard-added-tasks maintenance-dashboard-added-tasks";
    grid-gap: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-dashboard {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: "maintenance-dashboard-tasks" "maintenance-dashboard-alerts" "maintenance-dashboard-position" "maintenance-dashboard-work-list" "maintenance-dashboard-calendar" "maintenance-dashboard-crew-list" "maintenance-dashboard-systems" "maintenance-dashboard-added-tasks";
    grid-gap: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard {
    margin-top: 1.6rem;
  }
  .boat-maintenance-dashboard__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-dashboard__title {
    margin-bottom: 0;
  }
  .boat-maintenance-dashboard__header-action {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.6rem;
  }
  .boat-maintenance-dashboard__header-action-btn {
    width: 100%;
  }
  .boat-maintenance-dashboard__header-action-btn:not(:last-of-type) {
    margin: 0 0 1.6rem 0;
  }
  .boat-maintenance-dashboard__header-action-btn--add {
    width: fit-content;
  }
  .boat-maintenance-dashboard__time-zone {
    margin: 0.8rem 0 0;
    text-align: left;
  }
}
.fleet-maintenance-dashboard {
  display: grid;
  grid-template-columns: 66.5% 32%;
  grid-template-rows: initial;
  grid-template-areas: "maintenance-dashboard-tasks maintenance-dashboard-alerts" "maintenance-dashboard-position maintenance-dashboard-notes" "maintenance-dashboard-position maintenance-dashboard-notes";
  grid-gap: 2.4rem;
}
.fleet-maintenance-dashboard .maintenance-dashboard-tasks {
  grid-area: maintenance-dashboard-tasks;
}
.fleet-maintenance-dashboard .maintenance-dashboard-alerts {
  grid-area: maintenance-dashboard-alerts;
}
.fleet-maintenance-dashboard .maintenance-dashboard-position {
  grid-area: maintenance-dashboard-position;
}
.fleet-maintenance-dashboard .maintenance-dashboard-notes {
  grid-area: maintenance-dashboard-notes;
}
@media screen and (max-width: 1500px) {
  .fleet-maintenance-dashboard {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: "maintenance-dashboard-tasks" "maintenance-dashboard-alerts" "maintenance-dashboard-position" "maintenance-dashboard-notes";
    grid-gap: 1.6rem;
  }
}
.maintenance-tasks-header {
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .maintenance-tasks-header.boat__card-wrap.profile {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .maintenance-tasks-header {
    align-items: flex-start;
    margin-bottom: 1.6rem;
  }
  .maintenance-tasks-header.boat__card-wrap.profile {
    flex-direction: column;
  }
  .maintenance-tasks-header .tasks-header-download-btn {
    margin-top: 1.2rem;
  }
}
.boat-maintenance-dashboard-section {
  background-color: #fff;
  border: 0.5px solid #e7e7eb;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-section {
    padding: 1.6rem;
  }
}
.maintenance-dashboard-tasks {
  grid-area: maintenance-dashboard-tasks;
}
.maintenance-dashboard-alerts {
  grid-area: maintenance-dashboard-alerts;
}
.maintenance-dashboard-position {
  grid-area: maintenance-dashboard-position;
}
.maintenance-dashboard-position .boat-fleets-top-indent {
  margin-top: 0;
}
.maintenance-dashboard-work-list {
  grid-area: maintenance-dashboard-work-list;
}
@media screen and (max-width: 800px) {
  .maintenance-dashboard-work-list .boat-maintenance-work-list-card-content {
    grid-gap: 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .maintenance-dashboard-work-list .boat-maintenance-work-list-card-content {
    grid-gap: 1.2rem 0;
  }
}
@media screen and (max-width: 480px) {
  .maintenance-dashboard-work-list .boat-maintenance-work-list-card-footer__actions {
    flex-direction: column;
  }
  .maintenance-dashboard-work-list .boat-maintenance-work-list-card-footer__btn:not(:last-child) {
    margin: 0 0 1.2rem 0;
  }
  .maintenance-dashboard-work-list .boat-maintenance-work-list-card-footer__btn:first-of-type {
    width: 100%;
    white-space: nowrap;
  }
  .maintenance-dashboard-work-list .boat-maintenance-work-list-card-footer__btn:last-of-type {
    width: 100%;
  }
}
.maintenance-dashboard-calendar {
  grid-area: maintenance-dashboard-calendar;
}
.maintenance-dashboard-systems {
  grid-area: maintenance-dashboard-systems;
}
.maintenance-dashboard-crew-list {
  grid-area: maintenance-dashboard-crew-list;
  align-self: baseline;
}
.maintenance-dashboard-added-tasks {
  grid-area: maintenance-dashboard-added-tasks;
}
.maintenance-info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1.4rem;
  line-height: 120%;
  color: #010202;
  border-radius: 0.8rem;
  background-color: #f5f5f5;
}
.maintenance-info-item__val-row {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.maintenance-info-item__val-row app-seazone-icon {
  transform: rotateZ(180deg);
  transform-origin: 50%;
  margin-left: 1.7rem;
  transition: transform 0.3s;
}
.maintenance-info-item__val {
  color: #828282;
}
.maintenance-info-item__val.warning {
  color: #f49342;
}
.maintenance-info-item__val.warning.expired {
  color: #d70000;
}
@media (hover: hover) and (pointer: fine) {
  .maintenance-info-item:hover app-seazone-icon {
    transform: rotateZ(180deg) translateX(-0.3rem);
  }
}
.maintenance-alerts-chart-item {
  min-height: 2.8rem;
  padding: 0.8rem 0.6rem;
  border-radius: 0.4rem;
  text-align: right;
}
.maintenance-alerts-chart-item__text {
  font-size: 1.4rem;
  line-height: 16px;
  color: #fff;
}
.boat-maintenance-dashboard-shortcuts {
  margin-top: 2.4rem;
}
.boat-maintenance-dashboard-shortcuts .task-type--analyse {
  background-color: #3aae27;
}
.boat-maintenance-dashboard-shortcuts .task-type--cogs {
  background-color: #bf70b7;
}
.boat-maintenance-dashboard-shortcuts .task-type--wrench {
  background-color: #ff5f5f;
}
.boat-maintenance-dashboard-shortcuts .task-type--other {
  background-color: #828282;
}
.boat-maintenance-calendar-modal.modal-right app-overlay {
  width: 100%;
  max-width: 50.2rem;
}
.boat-maintenance-calendar-modal.modal-right .seaz-dashboard-charters-info {
  margin: 0;
}
.fleet-tasks-boats-list__wrapper {
  display: flex;
  flex-direction: column;
}
.fleet-tasks-boats-list__header {
  display: flex;
  margin: 1.2rem 0;
}
.fleet-tasks-boats-list__header .seaz__btn_rounded:not(:last-child) {
  margin-right: 1.2rem;
}
.fleet-tasks-boats-list__items {
  display: flex;
  flex-direction: column;
  margin: 1.2rem 0;
}
.fleet-tasks-boats-list__item {
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 2.4rem;
  padding: 2.4rem 1.6rem 2.4rem 2.4rem;
}
@media screen and (max-width: 1024px) {
  .fleet-tasks-boats-list__item {
    padding: 1.6rem;
  }
}
.fleet-tasks-boats-list__item:not(:last-child) {
  margin-bottom: 2.4rem;
}
.fleet-tasks-boats-list__item--hidden {
  display: none !important;
}
.fleet-tasks-boat__wrapper {
  display: flex;
  flex-direction: column;
}
.fleet-tasks-boat__header {
  display: grid;
  grid-template-areas: "info count action";
  grid-template-columns: 1fr auto 3.2rem;
  grid-column-gap: 1.6rem;
}
@media screen and (max-width: 600px) {
  .fleet-tasks-boat__header {
    grid-template-areas: "info action" "count count";
    grid-template-columns: 1fr 3.2rem;
    grid-gap: 1.2rem;
  }
}
.fleet-tasks-boat__header-boat-info {
  display: flex;
  flex: 1 auto;
  align-items: center;
  grid-area: info;
}
.fleet-tasks-boat__header-boat-info__name {
  font-size: 3rem;
  line-height: 4.4rem;
  font-weight: 500;
  color: #010202;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .fleet-tasks-boat__header-boat-info__name {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .fleet-tasks-boat__header-boat-info__name {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.fleet-tasks-boat__header-boat-info__length {
  color: #bdbdbd;
}
.fleet-tasks-boat__header-boat-info__flag {
  display: flex;
  width: 3.8rem;
  height: 2.4rem;
  overflow: hidden;
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .fleet-tasks-boat__header-boat-info__flag {
    width: 3.8rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .fleet-tasks-boat__header-boat-info__flag {
    width: 2.6rem;
    height: 1.6rem;
    margin-right: 1.2rem;
  }
}
.fleet-tasks-boat__header-boat-info__flag--img {
  width: 100%;
  height: 100%;
}
.fleet-tasks-boat__header-tasks-count {
  grid-area: count;
  display: flex;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 400;
}
.fleet-tasks-boat__header-tasks-count--wrapper {
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .fleet-tasks-boat__header-tasks-count--wrapper {
    min-width: 8rem;
  }
}
.fleet-tasks-boat__header-tasks-count .fleet-tasks-boat__header-tasks-action {
  flex: 1 auto;
}
.fleet-tasks-boat__header-button-arrow {
  grid-area: action;
}
.fleet-tasks-boat__header-button-arrow .btn-collapse {
  width: 100%;
  height: 100%;
  transition: transform 300ms;
}
.fleet-tasks-boat__header-button-arrow .btn-collapse.collapsed {
  transform: rotate(180deg);
}
.boat-maintenance-alerts {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 2.4rem;
  background-color: #fdefc8;
  border: 0.5px solid #e7e7eb;
  border-radius: 24px;
  padding: 1.6rem;
}
@media screen and (max-width: 1500px) {
  .boat-maintenance-alerts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-alerts {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 1.6rem;
  }
}
.boat-maintenance-alerts-info-item {
  padding: 1.1rem 1.6rem;
}
.boat-maintenance-alerts-info-item:not(:last-of-type) {
  margin: 0 0 1.6rem 0;
}
.boat-maintenance-alerts-info-item__text {
  word-break: break-word;
}
.boat-maintenance-alerts-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
.boat-maintenance-alerts-list__title {
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-alerts-list__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-alerts-list__header .switch {
    width: 100%;
    margin-top: 1.6rem;
  }
}
.boat-maintenance-alerts-chart .switch {
  width: calc(50% - 0.8rem);
}
@media screen and (max-width: 480px) {
  .boat-maintenance-alerts-chart .switch {
    width: 100%;
  }
}
.boat-maintenance-alerts-chart .switch__btn-text {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
.boat-maintenance-alerts-chart-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.boat-maintenance-alerts-chart-item__col {
  width: 50%;
}
.boat-maintenance-alerts-chart-item__col--fleet {
  width: 60%;
}
.boat-maintenance-alerts-chart-item__unassigned .boat-maintenance-alerts-chart-item-info {
  background:
    linear-gradient(
      0deg,
      #fbe7e8,
      #fbe7e8),
    #f5dadb;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-alerts-chart-item__unassigned .boat-maintenance-alerts-chart-item-info {
    margin-bottom: 0.8rem;
  }
}
.boat-maintenance-alerts-chart-item__unassigned .boat-maintenance-alerts-chart-item-info__text {
  color: #d70000;
}
.boat-maintenance-alerts-chart-item:not(:last-of-type) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-alerts-chart-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-alerts-chart-item__col {
    width: 100%;
  }
}
.fleet-stats-chart-container {
  max-height: 24.7rem;
  overflow-y: auto;
  padding-right: 1rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.fleet-stats-chart-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-stats-chart-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-stats-chart-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-alerts-chart-item-info__text.desktop,
  .maintenance-alerts-chart-item__text.desktop {
    display: none;
  }
}
.boat-maintenance-alerts-chart-item-info__text.mobile,
.maintenance-alerts-chart-item__text.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-alerts-chart-item-info__text.mobile,
  .maintenance-alerts-chart-item__text.mobile {
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
  }
}
.boat-maintenance-alerts-chart-item-info {
  flex-shrink: 0;
  margin-right: 1.6rem;
  padding: 0.6rem 0.8rem;
}
.boat-maintenance-alerts-chart-item-info__fleet-info {
  display: flex;
  align-items: center;
}
.boat-maintenance-alerts-chart-item-info__fleet-info .boat-maintenance-alerts-chart-item-info__text {
  text-align: left;
}
.boat-maintenance-alerts-chart-item-info__text {
  color: #351f6f;
}
.boat-maintenance-alerts-chart-item-info__text--marker {
  display: none;
}
.boat-maintenance-alerts-chart-item-info__text--left {
  text-align: left;
}
.boat-maintenance-alerts-chart-item-info__text--right {
  text-align: right;
}
.boat-maintenance-alerts-chart-item-info__img {
  display: block;
  border-radius: 0.8rem;
  margin-right: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-alerts-chart-item-info {
    background-color: initial;
    margin-right: 0;
    padding: 0.6rem 0;
  }
}
.bold .boat-maintenance-alerts-chart-item-info__text {
  font-weight: 700;
}
.dot .boat-maintenance-alerts-chart-item-info__text--marker {
  display: inline-block;
  padding: 0 0.8rem;
}
.boat-maintenance-dashboard-stats-chart .dashboard-stats-chart-container {
  height: 17rem;
  overflow-y: auto;
  padding-right: 1rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.boat-maintenance-dashboard-stats-chart .dashboard-stats-chart-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.boat-maintenance-dashboard-stats-chart .dashboard-stats-chart-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.boat-maintenance-dashboard-stats-chart .dashboard-stats-chart-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.boat-maintenance-statistic-filter-switch {
  width: 100%;
  max-width: 56.5rem;
  min-height: 4rem;
  margin-top: 2.4rem;
}
.boat-maintenance-statistic-filter-action {
  display: flex;
  align-items: flex-end;
  margin-top: 2.4rem;
}
.boat-maintenance-statistic-filter-action__range {
  width: 100%;
  max-width: 22.6rem;
}
.boat-maintenance-statistic-filter-action__boats {
  width: 100%;
}
.boat-maintenance-statistic-filter-action__container {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.boat-maintenance-statistic-filter-action__types {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.boat-maintenance-statistic-filter-action__types .fleet-chips {
  margin-top: 0;
}
.boat-maintenance-statistic-filter-action__types .fleet-chips app-chips-checkbox-item {
  margin-top: 0;
}
.boat-maintenance-statistic-filter-action__types .boat-tasks-menu__toggle-checkbox {
  margin-left: 1.6rem;
}
.boat-maintenance-statistic-filter-action__range,
.boat-maintenance-statistic-filter-action__select,
.boat-maintenance-statistic-filter-action__types,
.boat-maintenance-statistic-filter-action__boats {
  margin-right: 1.6rem;
}
.boat-maintenance-statistic-filter-action__btn {
  min-width: 9rem;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-statistic-filter-action {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-statistic-filter-action__container {
    margin-top: 1.6rem;
  }
  .boat-maintenance-statistic-filter-action__range {
    width: 100%;
    max-width: initial;
  }
  .boat-maintenance-statistic-filter-action__range,
  .boat-maintenance-statistic-filter-action__select,
  .boat-maintenance-statistic-filter-action__types,
  .boat-maintenance-statistic-filter-action__boats {
    margin: 0 0 1.6rem 0;
  }
}
@media screen and (max-width: 600px) {
  .boat-maintenance-statistic-filter-action__container {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
  }
}
.fleet-maintenance-dashboard-statistic .boat-maintenance-statistic-filter-action__range {
  max-width: unset;
}
.fleet-maintenance-dashboard-action-list {
  display: flex;
  align-items: center;
}
.fleet-maintenance-dashboard-action-list .dashboard-action:not(:last-of-type) {
  margin-right: 1.2rem;
}
.fleet-maintenance-dashboard-action-list .dashboard-action:disabled {
  background-color: #bdbdbd;
  cursor: inherit;
  border-color: #bdbdbd;
}
.fleet-maintenance-dashboard-action-list .dashboard-action:disabled:hover {
  opacity: 1;
}
.fleet-maintenance-dashboard-action-list .dashboard-action__event {
  background-color: #348ece;
  border-color: #348ece;
}
.fleet-maintenance-dashboard-action-list .dashboard-action__expense {
  background-color: #46a6a4;
  border-color: #46a6a4;
}
@media screen and (max-width: 1024px) {
  .fleet-maintenance-dashboard-action-list {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 560px) {
  .fleet-maintenance-dashboard-action-list {
    flex-direction: column;
    width: 100%;
  }
  .fleet-maintenance-dashboard-action-list .dashboard-action {
    width: 100%;
  }
  .fleet-maintenance-dashboard-action-list .dashboard-action:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.boat-maintenance-dashboard-assignee {
  margin-top: 2.4rem;
}
.boat-maintenance-dashboard-assignee__container {
  margin-top: 1.6rem;
}
.boat-maintenance-dashboard-assignee-chart {
  display: flex;
  align-items: center;
  width: 100%;
}
.boat-maintenance-dashboard-assignee-chart:not(:last-of-type) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-assignee-chart {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-dashboard-assignee-chart:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.boat-maintenance-dashboard-assignee-chart__date {
  flex-shrink: 0;
  color: #828282;
  line-height: 1.6rem;
  margin-right: 0.8rem;
}
.boat-maintenance-dashboard-assignee-chart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  min-width: 50%;
  padding: 0.75rem 0.8rem;
  border-radius: 0.8rem;
  background-color: #f5f5f5;
}
.boat-maintenance-dashboard-assignee-chart-item__unassigned {
  background:
    linear-gradient(
      0deg,
      #fbe7e8,
      #fbe7e8),
    #f5dadb;
}
.boat-maintenance-dashboard-assignee-chart-item .tablet-template,
.boat-maintenance-dashboard-assignee-chart-item .count-template {
  display: none;
}
.boat-maintenance-dashboard-assignee-chart-item__row-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-dashboard-assignee-chart-item__row-wrap {
    width: 66%;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-assignee-chart-item__row-wrap {
    width: 100%;
  }
}
.boat-maintenance-dashboard-assignee-chart-item__row-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-dashboard-assignee-chart-item__row-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-dashboard-assignee-chart-item__row-content .web-template {
    display: none;
  }
  .boat-maintenance-dashboard-assignee-chart-item__row-content .tablet-template {
    display: block;
  }
}
.boat-maintenance-dashboard-assignee-chart-item__row-flex {
  display: flex;
  align-items: center;
}
.boat-maintenance-dashboard-assignee-chart-item__img {
  border-radius: 50%;
  margin-right: 0.8rem;
}
.boat-maintenance-dashboard-assignee-chart-item__text {
  font-size: 1.4rem;
  line-height: 16px;
  color: #010202;
}
.boat-maintenance-dashboard-assignee-chart-item__text--name,
.boat-maintenance-dashboard-assignee-chart-item__text--dot {
  color: #828282;
}
.boat-maintenance-dashboard-assignee-chart-item__text--name {
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
.boat-maintenance-dashboard-assignee-chart-item__text--dot {
  padding: 0 0.8rem;
}
.boat-maintenance-dashboard-assignee-chart-item__text--tasks {
  flex-shrink: 0;
  color: #351f6f;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-assignee-chart-item__text--tasks {
    display: none;
  }
}
.boat-maintenance-dashboard-assignee-chart-item__text--unassigned {
  color: #d70000;
}
.boat-maintenance-dashboard-assignee-chart-item__bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 4.7rem;
  border-radius: 0.4rem;
  margin-left: 1.6rem;
  padding: 0.6rem 0.8rem;
}
.boat-maintenance-dashboard-assignee-chart-item__bar-text {
  display: none;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-assignee-chart-item__bar-text {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
  }
}
.boat-maintenance-dashboard-assignee-chart-item__icon {
  transform: rotateZ(180deg);
  margin-left: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-dashboard-assignee-chart-item .web-template {
    display: none;
  }
  .boat-maintenance-dashboard-assignee-chart-item .tablet-template,
  .boat-maintenance-dashboard-assignee-chart-item .count-template {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-assignee-chart-item {
    width: 100%;
    background-color: initial;
  }
  .boat-maintenance-dashboard-assignee-chart-item .count-template {
    display: none;
  }
  .boat-maintenance-dashboard-assignee-chart-item__unassigned {
    background: initial;
  }
  .boat-maintenance-dashboard-assignee-chart-item__bar {
    margin: 0.4rem 0 0;
    height: 2.8rem;
  }
}
.boat-maintenance-dashboard-map-info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 1.8rem 0.8rem;
  margin-top: 2.4rem;
}
.boat-maintenance-dashboard-map-info__title,
.boat-maintenance-dashboard-map-info__text {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.boat-maintenance-dashboard-map-info__title {
  color: #828282;
  margin-bottom: 0.2rem;
}
.boat-maintenance-dashboard-map-info__text {
  font-weight: 500;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-map-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 1.8rem 0.8rem;
  }
}
.boat-maintenance-dashboard-map {
  height: calc(100% - 12.4rem);
  margin-top: 2.4rem;
}
.boat-maintenance-dashboard-map app-boat-map {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 57.5rem;
}
.boat-maintenance-dashboard-map .map-container > div {
  border-radius: 1.2rem;
}
@media screen and (max-width: 1500px) {
  .boat-maintenance-dashboard-map {
    height: auto;
  }
  .boat-maintenance-dashboard-map app-boat-map {
    height: 40.7rem;
  }
}
.boat-maintenance-dashboard-calendar {
  position: relative;
}
.boat-maintenance-dashboard-calendar__header {
  margin-bottom: 2.2rem;
}
.boat-maintenance-dashboard-calendar .charter-calendar-monthly {
  padding: 0;
  margin-right: 0;
}
.boat-maintenance-dashboard-calendar .charter-calendar-header {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
}
.boat-maintenance-dashboard-calendar .charter-calendar-header-right {
  width: 47%;
}
.boat-maintenance-dashboard-calendar .charter-calendar-header-left {
  display: none;
}
.boat-maintenance-dashboard-calendar .charter-calendar-period-select {
  width: 100%;
  min-width: initial;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-dashboard-calendar__header {
    margin-bottom: 1.2rem;
  }
  .boat-maintenance-dashboard-calendar .charter-calendar-header {
    position: static;
    width: 100%;
    margin-bottom: 1.2rem;
  }
  .boat-maintenance-dashboard-calendar .charter-calendar-header-right {
    width: 100%;
  }
}
.boat-maintenance-dashboard-systems {
  margin-top: 1.6rem;
  cursor: pointer;
}
.boat-maintenance-dashboard-systems .maintenance-card-name__text {
  font-size: 2rem;
  line-height: 120%;
  color: #432791;
  font-weight: 500;
  margin-bottom: 0.4rem;
}
.boat-maintenance-dashboard-systems .maintenance-card-photo-box {
  width: 7.2rem;
  min-width: 7.2rem;
  height: 7.2rem;
  margin-right: 1.2rem;
}
.boat-maintenance-dashboard-systems-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33rem, 1fr));
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 1.6rem 2.5rem;
}
.boat-maintenance-dashboard-systems-cards .maintenance-card-schedule__title {
  margin-right: 0;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-dashboard-systems-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 1.6rem 2.5rem;
  }
}
.boat-maintenance-dashboard-systems-body {
  width: 100%;
}
.boat-maintenance-dashboard-systems-body .boat-maintenance-system-info-service {
  margin-top: 1.2rem;
}
.boat-maintenance-dashboard-systems-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}
.boat-maintenance-dashboard-systems-schedules {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 0.8rem 7rem;
}
.boat-maintenance-dashboard-systems-schedules .maintenance-card-schedule {
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
}
.boat-maintenance-dashboard-systems-schedules .maintenance-card-schedule:nth-of-type(2n) {
  align-items: flex-end;
}
.boat-maintenance-dashboard-systems-tasks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.2rem;
}
.boat-maintenance-dashboard-systems-tasks__text {
  font-size: 1.4rem;
  color: #828282;
}
.boat-maintenance-dashboard-systems-tasks__info {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  color: #010202;
  border: 1px solid #bdbdbd;
  border-radius: 1.8rem;
  padding: 0.7rem 1.6rem;
  margin-left: 1rem;
}
.boat-maintenance-dashboard-systems-tasks__info.alarm {
  border: 1px solid #d70000;
}
.boat-maintenance-dashboard-systems-tasks__info--text,
.boat-maintenance-dashboard-systems-tasks__info--separator {
  color: #d70000;
}
.boat-maintenance-dashboard-systems-tasks__info--separator {
  padding: 0 0.8rem;
}
.boat-maintenance-dashboard-systems-tasks__info-icon {
  transform: rotateZ(180deg);
  margin-left: 1.1rem;
}
.boat-maintenance-system-info-service {
  width: 100%;
}
.boat-maintenance-system-info-service__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.6rem;
}
.boat-maintenance-system-info-service__row--left {
  width: 50%;
}
.boat-maintenance-system-info-service__row--left .boat-maintenance-system-info-service-date-box__val {
  font-size: 1.4rem;
  text-align: left;
  color: #bdbdbd;
}
.boat-maintenance-system-info-service__btn {
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-decoration: underline;
  word-break: break-word;
  text-align: left;
  color: #00b9ff;
}
.boat-maintenance-system-info-service__btn--add {
  color: #351f73;
}
.boat-maintenance-system-info-service__name {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
  margin-top: 0.2rem;
}
.boat-maintenance-system-info-service__expired {
  text-decoration: underline;
  word-break: break-word;
  text-align: left;
  color: #d70000;
}
.boat-maintenance-system-info-service-date-box {
  width: 50%;
  margin-left: 1rem;
}
.boat-maintenance-system-info-service-date-box__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-align: right;
  word-break: break-word;
  color: #010202;
  margin-bottom: 0.2rem;
}
.boat-maintenance-system-info-service-date-box__val {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  text-align: right;
  word-break: break-word;
  color: #828282;
}
.boat-maintenance-wrap {
  display: block;
  width: 100%;
  max-width: 127rem;
  margin: 0 auto;
}
.boat-maintenance-work-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-maintenance-work-list-header__btn {
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-header__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-work-list-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-work-list-header__btn {
    width: 100%;
    margin: 1.6rem 0 0 0;
  }
}
.boat-maintenance-task-view-repeat-number {
  display: flex;
  align-items: center;
  color: #828282;
}
.boat-maintenance-task-view-repeat-number app-seazone-icon {
  margin-right: 0.5rem;
}
.boat-maintenance-work-list-filters {
  margin-top: 5.2rem;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-work-list-filters {
    margin-top: 1.6rem;
  }
}
.boat-maintenance-work-list-filters-form__search {
  margin-bottom: 1.6rem;
}
.boat-maintenance-work-list-filters-form-action {
  display: grid;
  grid-template-columns: 24.4rem 24.4rem auto;
  grid-template-rows: initial;
  grid-template-areas: "crew-select range-picker form-action-chips";
  grid-gap: 0.8rem;
}
.boat-maintenance-work-list-filters-form-action .crew-select {
  grid-area: crew-select;
}
.boat-maintenance-work-list-filters-form-action .range-picker {
  grid-area: range-picker;
}
.boat-maintenance-work-list-filters-form-action .form-action-chips {
  grid-area: form-action-chips;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-work-list-filters-form-action {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: initial;
    grid-template-areas: "crew-select range-picker" "form-action-chips form-action-chips";
    grid-gap: 1.6rem 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-filters-form-action {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: "crew-select" "range-picker" "form-action-chips";
    grid-gap: 1.6rem 0;
  }
}
.boat-maintenance-work-list-filters-form-action-chips {
  align-self: end;
}
.boat-maintenance-work-list-filters-form-action-chips app-chips-checkbox-item:not(:last-child) {
  margin: 0 0.8rem 0 0;
}
.boat-maintenance-work-list-filters-form-action-chips .chips-item {
  padding: 1rem 1.6rem;
}
.boat-maintenance-work-list-filters-form-reset-filters {
  display: flex;
  align-items: baseline;
  margin-top: 1.6rem;
}
.boat-maintenance-work-list-filters-form-reset-filters__btn {
  flex-shrink: 0;
  display: block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #00b9ff;
  border-bottom: 1px dashed #00b9ff;
  padding-bottom: 0.1rem;
  margin-right: 1rem;
}
.boat-maintenance-work-list-filters-form-reset-filters .financial-data__badge {
  flex-direction: row-reverse;
  text-transform: none;
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #010202;
  border: none;
  margin: 0;
}
.boat-maintenance-work-list-filters-form-reset-filters .financial-data__badge app-seazone-icon {
  margin: 0 0.7rem 0 0;
}
.boat-maintenance-work-list-filters-form-reset-filters .financial-data__badge_label {
  display: none;
}
.boat-maintenance-work-list-search-results {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-top: 1rem;
}
.boat-maintenance-work-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list {
    margin-top: 1.6rem;
  }
}
.boat-maintenance-work-list-card-container,
.boat-preference-list-card-container {
  display: block;
}
.boat-maintenance-work-list-card-container:not(:last-child),
.boat-preference-list-card-container:not(:last-child) {
  margin: 0 0 2.4rem 0;
}
.boat-maintenance-work-list-card {
  display: block;
  border: 2px solid rgba(53, 31, 115, 0.2);
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
}
.boat-maintenance-work-list-card__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.3rem;
  color: #351f73;
}
.boat-maintenance-work-list-card__info-title {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.4rem;
}
.boat-maintenance-work-list-card__hide-task {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #828282;
  margin-top: 0.4rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-card__info-title {
    margin: 0 1rem 0 0;
  }
}
.boat-maintenance-work-list-card-wrapper,
.boat-preference-list-card-wrapper {
  padding: 2.4rem;
  border-radius: 1.6rem 1.6rem 0 0;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-card-wrapper,
  .boat-preference-list-card-wrapper {
    padding: 1.6rem;
  }
}
.boat-maintenance-work-list-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-card-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.boat-maintenance-work-list-card-info-task,
.boat-preference-list-card-info-task {
  display: flex;
  align-items: center;
  margin-left: 1.2rem;
}
.boat-maintenance-work-list-card-info-task__row,
.boat-preference-list-card-info-task__row {
  display: flex;
  align-items: center;
}
.boat-maintenance-work-list-card-info-task__row:not(:last-child),
.boat-preference-list-card-info-task__row:not(:last-child) {
  margin: 0 1.6rem 0 0;
}
.boat-maintenance-work-list-card-info-task__text,
.boat-preference-list-card-info-task__text {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #828282;
  margin-right: 0.8rem;
}
.boat-maintenance-work-list-card-info-task__description,
.boat-preference-list-card-info-task__description {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-card-info-task,
  .boat-preference-list-card-info-task {
    flex-direction: column;
    align-items: flex-start;
    margin: 0.4rem 0 0 0;
  }
  .boat-maintenance-work-list-card-info-task__row:not(:last-child),
  .boat-preference-list-card-info-task__row:not(:last-child) {
    margin: 0 0 0.4rem 0;
  }
}
.boat-maintenance-work-list-card-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 0 2rem;
}
.boat-maintenance-work-list-card-content__col:not(:first-of-type) {
  border-left: 1px solid #f5f5f5;
  padding-left: 2.4rem;
}
.boat-maintenance-work-list-card-content__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
}
.boat-maintenance-work-list-card-content__text.seaz-alarm {
  color: #d70000;
}
.boat-maintenance-work-list-card-content .boat-maintenance-task-view-modal-header__status-change {
  display: block;
  max-width: 12rem;
}
.boat-maintenance-work-list-card-content .boat-maintenance-task-view-modal-header__status-change .status-select-container {
  max-width: 12rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-card-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 1.2rem 0;
  }
  .boat-maintenance-work-list-card-content__col {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .boat-maintenance-work-list-card-content__col--status {
    align-items: baseline;
  }
  .boat-maintenance-work-list-card-content__col:not(:first-of-type) {
    border-left: 0;
    padding-left: 0;
  }
  .boat-maintenance-work-list-card-content__text {
    width: 100%;
  }
  .boat-maintenance-work-list-card-content__title {
    min-width: 11.4rem;
    margin-right: 0.4rem;
  }
}
.boat-maintenance-work-list-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #f5f5f5;
  border-radius: 0 0 1.6rem 1.6rem;
  padding: 1.6rem 2.4rem;
}
.boat-maintenance-work-list-card-footer__currency {
  margin-right: 1rem;
}
.boat-maintenance-work-list-card-footer__currency-cost {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.8rem;
  color: #351f73;
}
.boat-maintenance-work-list-card-footer__actions {
  flex: 1 auto;
  display: flex;
  justify-content: flex-end;
}
.boat-maintenance-work-list-card-footer__btn:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-work-list-card-footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.6rem;
  }
  .boat-maintenance-work-list-card-footer__currency {
    display: flex;
    align-items: center;
  }
  .boat-maintenance-work-list-card-footer__actions {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .boat-maintenance-work-list-card-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-work-list-card-footer__currency {
    margin: 0 0 1.2rem 0;
  }
  .boat-maintenance-work-list-card-footer__actions,
  .boat-maintenance-work-list-card-footer__btn {
    width: 100%;
  }
  .boat-maintenance-work-list-card-footer__actions:not(:last-child),
  .boat-maintenance-work-list-card-footer__btn:not(:last-child) {
    margin: 0 0 1.2rem 0;
  }
  .boat-maintenance-work-list-card-footer__actions {
    flex-direction: column;
  }
}
.colored-select-status-change-dropdown {
  max-width: 13rem;
}
.boat-maintenance-work-list-card-progress-status-wrap,
.boat-preference-list-card-progress-status-wrap {
  width: 100%;
}
.boat-maintenance-work-list-card-progress-status-wrap .progress-status-bar,
.boat-preference-list-card-progress-status-wrap .progress-status-bar {
  position: relative;
  width: 100%;
  border-radius: 0.4rem;
  background-color: #c2bed4;
  padding: 0.5rem 0.8rem;
}
.boat-maintenance-work-list-card-progress-status-wrap .progress-status-bar__progress,
.boat-preference-list-card-progress-status-wrap .progress-status-bar__progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #351f73;
  border-radius: 0.4rem;
}
.boat-maintenance-work-list-card-progress-status-wrap .progress-status-bar.completed .progress-status-bar__progress,
.boat-preference-list-card-progress-status-wrap .progress-status-bar.completed .progress-status-bar__progress {
  background-color: #46a6a4;
}
.boat-maintenance-work-list-card-progress-status-wrap .progress-status-bar.preference-completed .progress-status-bar__progress,
.boat-preference-list-card-progress-status-wrap .progress-status-bar.preference-completed .progress-status-bar__progress {
  background-color: #3aae27;
}
.boat-maintenance-work-list-card-progress-status-wrap .progress-status-bar__val,
.boat-preference-list-card-progress-status-wrap .progress-status-bar__val {
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #fff;
  z-index: 2;
}
.boat-maintenance-task-quote-form {
  margin-top: 3rem;
}
.boat-maintenance-task-quote-form__field {
  width: 100%;
  max-width: 22.1rem;
}
.boat-maintenance-task-quote-form .boat__form-list {
  margin: 1.3rem 0 0;
}
.boat-maintenance-task-quote-form .outstanding-form__checkbox-container .boat__form-checkbox:before {
  content: "";
  width: 14rem;
  min-width: 14rem;
  height: 1rem;
  margin-right: 2rem;
}
@media screen and (max-width: 650px) {
  .boat-maintenance-task-quote-form .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
  .boat-maintenance-task-quote-form .form-details-plug-label {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-task-quote-form__field {
    width: 100%;
    max-width: initial;
  }
}
.quote-form-conversion-amount {
  margin-top: 1.6rem;
}
.quote-form-conversion-amount .wrapper-rounded .form-field--content {
  height: 3rem;
  padding: 0.7rem 1.2rem;
}
.boat-maintenance-task-quote-approve-btn {
  margin-bottom: 3rem;
}
.boat-maintenance-task-quote-approve-details {
  margin-bottom: 1.6rem;
}
.boat-maintenance-task-quote-approve-details__text {
  color: #828282;
  margin-top: 0.8rem;
}
.boat-maintenance-task-quote-approve-action {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-quote-approve-action__btn {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #d70000;
  border-bottom: 1px dashed #d70000;
  margin-left: 0.8rem;
  transition: opacity 0.3s;
}
.boat-maintenance-task-quote-approve-action__btn:hover {
  opacity: 0.7;
}
.boat-maintenance-task-quote-approve-label {
  display: flex;
  align-items: center;
  background-color: #d8efd4;
  border: 1px solid #3aae27;
  color: #259912;
  font-size: 1.4rem;
  line-height: 1.6rem;
  border-radius: 4rem;
  padding: 0.8rem 1.5rem;
}
.boat-maintenance-task-quote-approve-label app-seazone-icon {
  margin-right: 1rem;
}
.boat-maintenance-task-quote-form-details-button {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 20.7rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #00b9ff;
  margin-bottom: 1.5rem;
}
.boat-maintenance-task-quote-form-details-button__icon {
  display: block;
  margin-right: 0.8rem;
}
.boat-maintenance-task-quote-form-details-button__icon app-seazone-icon {
  transform: rotateZ(0);
  transition: transform 0.3s;
}
.boat-maintenance-task-quote-form-details-button__icon.active-icon app-seazone-icon {
  transform: rotateZ(-180deg);
}
.boat-maintenance-task-quote-form-details-form {
  height: 0;
  overflow-y: hidden;
  visibility: hidden;
  opacity: 0;
  transition-property:
    height,
    overflow-y,
    visibility,
    opacity;
  transition-duration: 0.3s;
}
.boat-maintenance-task-quote-form-details-form.active {
  height: 100%;
  overflow-y: visible;
  visibility: visible;
  opacity: 1;
}
.boat-maintenance-task-quote-form-details-form .outstanding-form-container {
  width: 100%;
}
.boat-maintenance-task-quote-form-details-form .outstanding-form .form__row {
  margin-bottom: 2.8rem;
}
.boat-task-quote-container {
  width: 100%;
  max-width: 40rem;
  margin: 3rem auto 0;
}
.boat-maintenance-task-actual-cost {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.8rem;
}
.boat-maintenance-task-actual-cost .plug-label {
  width: 16rem;
  min-width: 16rem;
  margin: 0 1.6rem 0 0;
}
.boat-task-quote {
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.2rem;
  padding: 1.2rem;
  cursor: pointer;
}
.boat-task-quote:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
.boat-task-quote.approved {
  border: 1px solid #3aae27;
}
.boat-task-quote-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-task-quote-info {
  display: flex;
  align-items: center;
}
.boat-task-quote-info__quote {
  flex-shrink: 0;
}
.boat-task-quote-info__text {
  color: #010202;
  margin: 0 0.7rem;
  word-break: break-word;
}
.boat-task-quote-info__amounts {
  flex-shrink: 0;
}
.boat-task-quote-info__converted-amount {
  font-weight: 700;
  line-height: 1.6rem;
  color: #010202;
}
.boat-task-quote-info__origin-amount {
  font-size: 1.2rem;
  line-height: 120%;
  color: #828282;
  margin-top: 0.2rem;
}
.boat-task-quote-status {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #828282;
  margin-top: 1.2rem;
}
.boat-task-quote-button {
  margin: 3rem 0 0 auto;
}
@media screen and (max-width: 480px) {
  .boat-task-quote-button {
    width: 100%;
    margin: 1.6rem 0 0;
  }
}
.quote-counters {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  width: max-content;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.2rem;
  padding: 1.2rem;
}
@media screen and (max-width: 480px) {
  .quote-counters {
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
    padding: 1rem;
  }
}
.quote-counter-separate {
  width: 0.1rem;
  height: 2.4rem;
  background-color: #e0e0e0;
}
@media screen and (max-width: 480px) {
  .quote-counter-separate {
    display: none;
  }
}
.quote-counter {
  display: flex;
  align-items: center;
}
.quote-counter__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-right: 1.2rem;
}
.quote-counter__val {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #010202;
}
.quote-counter__val.seaz-alarm {
  color: #d70000;
}
.quote-counter__val.seaz-success {
  color: #259912;
}
@media screen and (max-width: 768px) {
  .quote-counter {
    flex-direction: column;
    justify-content: flex-start;
  }
  .quote-counter__title {
    text-align: center;
    margin: 0 0 0.4rem 0;
  }
  .quote-counter__val {
    text-align: center;
  }
}
.boat-maintenance-task-log-counters__web {
  min-height: 4.8rem;
}
.boat-maintenance-task-log-counters__mob {
  display: none;
  min-height: 19.2rem;
}
@media screen and (max-width: 1200px) {
  .boat-maintenance-task-log-counters__web {
    display: none;
  }
  .boat-maintenance-task-log-counters__mob {
    display: block;
    margin-top: 1.6rem;
  }
  .boat-maintenance-task-log-counters .quote-counters {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 1.2rem 0;
  }
  .boat-maintenance-task-log-counters .quote-counter {
    width: 100%;
    justify-content: space-between;
  }
  .boat-maintenance-task-log-counters .quote-counter-separate {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-counters .quote-counter {
    flex-direction: row;
    gap: 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .checklist-boat-header .avatar {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-checklist-folders {
    margin-top: 2.4rem;
  }
}
.boat-maintenance-checklist-title-wrap {
  display: flex;
  align-items: center;
  gap: 0 1.6rem;
  margin-bottom: 2.4rem;
}
.boat-maintenance-checklist-folders-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2rem;
  gap: 0 1.6rem;
}
.boat-maintenance-checklist-folders-header .boat-maintenance-checklist-title-wrap {
  margin-bottom: 0;
}
.boat-maintenance-checklist-folders-header__action {
  display: flex;
  align-items: center;
}
.boat-maintenance-checklist-folders-header__action--search {
  width: 30rem;
  margin-right: 1rem;
}
.boat-maintenance-checklist-folders-header__action--btn {
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-checklist-folders-header__action {
    margin-bottom: 2.4rem;
  }
  .boat-maintenance-checklist-folders-header__action--search {
    margin-right: 0;
  }
  .boat-maintenance-checklist-folders-header__action--btn {
    width: 100%;
  }
}
.boat-maintenance-checklist-folders-header .seaz__btn_rounded--with-icon {
  padding: 0.9rem 2rem;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-checklist-folders-header__action--search {
    width: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklist-folders-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-checklist-folders-header__title {
    font-size: 3rem;
    font-weight: 500;
    text-transform: uppercase;
  }
  .boat-maintenance-checklist-folders-header__action {
    width: 100%;
    margin-top: 1.6rem;
  }
  .boat-maintenance-checklist-folders-header__action--search {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-checklist-folders-header__action {
    width: 100%;
    margin-top: 2.4rem;
    flex-direction: column;
  }
  .boat-maintenance-checklist-folders-header__action--search {
    width: 100%;
    margin-bottom: 2.4rem;
  }
}
.check-list-folder {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(29.8rem, 1fr));
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .check-list-folder {
    grid-gap: 1rem;
  }
}
.check-list-folder-item {
  padding: 1.6rem;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  cursor: pointer;
  text-align: center;
}
.check-list-folder-item__name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
  margin-bottom: 0.8rem;
}
.check-list-folder-item__text {
  color: #010202;
}
.check-list-folder-item__text--hiden {
  visibility: hidden;
}
.check-list-folder-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.check-list-folder-edit {
  position: absolute;
  top: 0;
  right: 0;
}
.check-list-folder-container {
  position: relative;
}
.check-list-folder-count {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #fff;
}
.boat-maintenance-checklist-folder__title {
  text-transform: uppercase;
}
.boat-maintenance-checklist-folder-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-checklist-folder-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem 0;
  }
}
.check-list-folder-action-add {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .check-list-folder-action-add {
    width: 100%;
  }
  .check-list-folder-action-add .check-list-add-btn {
    width: 33.3%;
  }
}
@media screen and (max-width: 768px) {
  .check-list-folder-action-add {
    flex-direction: column;
    align-items: flex-start;
  }
  .check-list-folder-action-add .check-list-add-btn {
    width: 100%;
  }
}
.checklist-folder-switch {
  border: 1px solid #e0e0e0;
  background-color: initial;
  padding: 0.1rem;
}
.checklist-folder-switch .active-link {
  background-color: #351f73;
  color: #fff;
}
.checklist-folder-switch .switch__btn {
  text-transform: uppercase;
  padding: 0.9rem 0.8rem;
}
@media screen and (max-width: 1024px) {
  .checklist-folder-switch {
    width: 100%;
    margin-bottom: 2.6rem;
  }
  .checklist-folder-switch .switch__btn {
    text-align: center;
  }
}
.maintenance-checklist-container {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  padding: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .maintenance-checklist-container {
    padding: 1.2rem;
  }
}
.boat-maintenance-checklists-search {
  width: 100%;
  margin: 0 0 2.4rem;
}
.boat-maintenance-checklists-result {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-result {
    margin: 1.2rem 0;
  }
}
.boat-maintenance-checklist-templates-table .maintenance-checklist-table-item .maintenance-checklist-table-item__col-group--col-1 {
  width: 100%;
}
.checklist-form-modal-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.maintenance-check-list-form-modal__title {
  margin-bottom: 3rem;
}
@media screen and (max-width: 650px) {
  .maintenance-check-list-form-modal .form-field--wrapper__row .form-field--label {
    max-width: 12rem;
  }
}
.maintenance-check-list-form-modal-radio-group app-seazone-radio-group,
.maintenance-check-list-form-modal-radio-group .seazone-radio-group__wrapper,
.maintenance-check-list-form-modal-radio-group .seazone-radio-group__items,
.maintenance-check-list-form-modal-radio-group .seazone-radio-button__input--label,
.maintenance-check-list-form-modal-radio-group .seazone-radio-button__wrapper {
  width: 100%;
}
.maintenance-check-list-form-modal-radio-group .seazone-radio-button__wrapper {
  padding: 0 !important;
}
.maintenance-check-list-form-modal-radio-group .seazone-radio-group__label {
  max-width: unset;
  width: auto;
  margin-right: 0;
  padding: 0;
}
.maintenance-check-list-form-modal-radio-group .seazone-radio-button__input--label {
  align-items: flex-start !important;
}
@media screen and (max-width: 480px) {
  .maintenance-check-list-form-modal-radio-group .seazone-radio-button__input--label {
    flex-direction: column;
  }
}
.maintenance-check-list-form-modal-radio-group .seazone-radio-group__items--column app-seazone-radio-button:not(:last-child) {
  margin-bottom: 0;
}
.maintenance-check-list-form-modal-radio-group .seazone-radio-button-container,
.maintenance-check-list-form-modal-radio-group .radio-button-text {
  margin: 1rem 3.4rem 0 0;
}
.maintenance-check-list-form-modal-radio-group .radio-button-text {
  display: block;
  min-width: 8.5rem;
}
.maintenance-check-list-form-modal-radio-group .radio-button-field-wrap {
  width: 100%;
}
.maintenance-check-list-form-modal-radio-group .radio-button-field-wrap app-seazone-input {
  margin-top: 1.2rem;
}
@media screen and (max-width: 480px) {
  .maintenance-check-list-form-modal-radio-group .radio-button-field-wrap app-seazone-input {
    margin-top: 0;
  }
  .maintenance-check-list-form-modal-radio-group .radio-button-field-wrap app-seazone-select {
    margin-bottom: 1.2rem;
  }
}
.maintenance-check-list-form-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.maintenance-check-list-form-modal-footer__group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.maintenance-check-list-form-modal-footer__btn:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
.maintenance-check-list-form-modal-footer-not-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 4.6rem 0 0 0;
  border: none;
  gap: 1.2rem;
}
.boat-maintenance-checklists-form-list {
  max-height: 65rem;
  overflow-y: auto;
}
.boat-maintenance-checklists-form-list.scrollable {
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding-right: 0.5rem;
}
.boat-maintenance-checklists-form-list.scrollable::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.boat-maintenance-checklists-form-list.scrollable::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.boat-maintenance-checklists-form-list.scrollable::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.boat-maintenance-checklists-form-header-action {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: initial;
  grid-template-areas: "selects actions" "last-edit last-edit";
  grid-gap: 1.8rem 1rem;
  align-items: end;
}
.boat-maintenance-checklists-form-header-action .content-grid-item {
  grid-area: selects;
}
.boat-maintenance-checklists-form-header-action .actions-grid-item {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: 0 1.6rem;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-checklists-form-header-action .actions-grid-item app-checklist-status-bar {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-header-action .actions-grid-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem 0;
  }
}
.boat-maintenance-checklists-form-header-action .last-edit-grid-item {
  grid-area: last-edit;
}
.boat-maintenance-checklists-form-header-action .checklists-form-header-action-group {
  display: flex;
  align-items: center;
  gap: 0 1.6rem;
  flex-shrink: 0;
}
.boat-maintenance-checklists-form-header-action .checklists-form-header-action-group__edit {
  display: none;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-header-action .checklists-form-header-action-group {
    order: -1;
  }
  .boat-maintenance-checklists-form-header-action .checklists-form-header-action-group__text {
    display: none;
  }
  .boat-maintenance-checklists-form-header-action .checklists-form-header-action-group__edit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.2rem;
  }
  .boat-maintenance-checklists-form-header-action .checklists-form-header-action-group .seaz__btn_rounded--icon {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-header-action .checklists-form-header-action-desktop {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-checklists-form-header-action {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: "selects" "last-edit" "actions";
    grid-gap: 2rem 0;
  }
}
.boat-maintenance-checklists-form-header-selects {
  display: flex;
  align-items: flex-end;
  max-width: 52.2rem;
}
.boat-maintenance-checklists-form-header-selects .seaz__return_btn {
  margin-right: 1.6rem;
}
.boat-maintenance-checklists-form-header-selects__field {
  min-width: 22.7rem;
}
.boat-maintenance-checklists-form-header-selects__field:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 1024px) {
  .boat-maintenance-checklists-form-header-selects {
    width: 100%;
    max-width: unset;
  }
  .boat-maintenance-checklists-form-header-selects .seaz__return_btn {
    display: none;
  }
  .boat-maintenance-checklists-form-header-selects__field {
    width: 50% !important;
    min-width: unset;
  }
  .boat-maintenance-checklists-form-header-selects__field:not(:last-child) {
    margin: 0 1.2rem 0 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-checklists-form-header-selects {
    flex-direction: column;
  }
  .boat-maintenance-checklists-form-header-selects__field {
    width: 100% !important;
  }
  .boat-maintenance-checklists-form-header-selects__field:not(:last-child) {
    margin: 0 0 1.8rem 0;
  }
}
.boat-maintenance-checklists-form-header-list-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 24px 24px 0 0;
  padding: 1.2rem 2.4rem;
  margin-top: 2.4rem;
}
.boat-maintenance-checklists-form-header-list-action__group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-header-list-action {
    display: none;
  }
}
.boat-maintenance-checklists-form-header-list-action-view__group {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.boat-maintenance-checklists-action-view {
  display: flex;
  align-items: center;
  gap: 0 1.2rem;
}
.boat-maintenance-checklists-form-header-list-action-group .form__checkbox-label-text {
  padding-left: 1.1rem;
}
.boat-maintenance-checklists-form-container {
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 0 0 24px 24px;
  background-color: #fff;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-container {
    border-radius: 24px;
    padding: 1.2rem;
    margin-top: 2.4rem;
  }
}
.boat-maintenance-checklists-form-info {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  margin-bottom: 2.4rem;
}
.boat-maintenance-checklists-form-info__title {
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.boat-maintenance-checklists-form-info-edit {
  margin-bottom: 4rem;
}
.boat-maintenance-checklists-form-info-edit app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.boat-maintenance-checklists-form-item {
  display: grid;
  grid-template-columns: 3.2rem 1fr 6rem 4rem;
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 0 1.6rem;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 1.6rem;
}
.boat-maintenance-checklists-form-item:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-item {
    display: grid;
    grid-template-columns: 2.4rem 1fr 6rem;
    grid-template-rows: initial;
    grid-template-areas: "arrow description description" "arrow count actions";
    grid-gap: 1rem 1.6rem;
  }
  .boat-maintenance-checklists-form-item .count-item {
    grid-area: count;
  }
  .boat-maintenance-checklists-form-item .field-item {
    grid-area: description;
  }
  .boat-maintenance-checklists-form-item .action-items {
    grid-area: actions;
  }
  .boat-maintenance-checklists-form-item .arrow-items {
    grid-area: arrow;
  }
}
.boat-maintenance-checklists-form-item-description-field {
  padding-bottom: 1.65rem;
}
.boat-maintenance-checklists-form-item-description-field .form-field__area {
  min-height: unset;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-item-description-field {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #f5f5f5;
  }
}
.boat-maintenance-checklists-form-item-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.boat-maintenance-checklists-form-item-arrow {
  border-left: 1px solid #e0e0e0;
  padding-left: 1.6rem;
}
.boat-maintenance-checklists-form-item-arrow__btn:not(:last-child) {
  margin: 0 0 1.6rem 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-form-item-arrow {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    border: none;
    padding: 0;
  }
}
.boat-maintenance-checklists-last-edit-info {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
}
.boat-maintenance-checklists-last-edit-info__val {
  margin-left: 1.2rem;
  color: #010202;
  word-break: break-word;
}
.boat-maintenance-checklist-panel .boat-maintenance-checklists-form-header-list-action__group {
  flex-wrap: wrap;
  margin-top: 1rem;
}
.boat-maintenance-checklist-panel .maintenance-checklists-form-list-action-add,
.boat-maintenance-checklist-panel .maintenance-checklists-form-list-action-checkbox {
  border: 1px solid #351f73;
  background-color: #fff;
  border-radius: 0.4rem;
  color: #351f73;
}
.boat-maintenance-checklist-panel .maintenance-checklists-form-list-action-checkbox {
  padding: 0.8rem 1rem;
}
.boat-maintenance-checklist-panel .maintenance-checklists-form-list-action-checkbox .form__checkbox-label {
  width: auto;
}
.boat-maintenance-checklist-panel .maintenance-checklists-form-list-action-checkbox .form__checkbox-label-text {
  padding-left: 1.1rem;
}
.boat-maintenance-checklist-panel .maintenance-checklists-form-list-action-save {
  background-color: #3aae27;
}
.boat-maintenance-checklist-panel .seaz__btn_rounded--delete.maintenance-checklists-form-list-action-delete {
  background-color: #fff;
  padding: 0.8rem 1rem;
}
.app-boat-maintenance-checklist-table-item:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
.maintenance-checklist-table-item {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 1.2rem;
  gap: 1.2rem;
  cursor: pointer;
}
.maintenance-checklist-table-item__col-group {
  display: flex;
  align-items: flex-start;
  gap: 1rem 1.2rem;
}
.maintenance-checklist-table-item__col-group--col-1 {
  width: 60%;
}
.maintenance-checklist-table-item__col-group--col-2 {
  width: 40%;
}
.maintenance-checklist-table-item__col-group--name {
  flex-wrap: wrap;
}
.maintenance-checklist-table-item .col-name {
  width: 30%;
}
.maintenance-checklist-table-item .col-dates,
.maintenance-checklist-table-item .col-edit-by {
  width: 20%;
}
.maintenance-checklist-table-item .col-status {
  width: 25%;
}
.maintenance-checklist-table-item .col-status app-seazone-icon {
  justify-content: flex-start;
}
.maintenance-checklist-table-item__title {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.maintenance-checklist-table-item__title--name {
  text-transform: unset;
  margin-bottom: 0.8rem;
}
.maintenance-checklist-table-item__icon {
  margin-bottom: 0.4rem;
}
.maintenance-checklist-table-item__icon--not-checked {
  display: none;
}
.maintenance-checklist-table-item__text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #010202;
  word-break: break-word;
}
.maintenance-checklist-table-item__text--name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
}
.maintenance-checklist-table-item__text--edit-by {
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.maintenance-checklist-table-item__arrow app-seazone-icon {
  transform: rotateZ(180deg);
}
@media screen and (max-width: 1024px) {
  .maintenance-checklist-table-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .maintenance-checklist-table-item__col-group {
    justify-content: space-between;
    width: 100%;
  }
  .maintenance-checklist-table-item__col-group--col-1,
  .maintenance-checklist-table-item__col-group--col-2 {
    width: 100%;
  }
  .maintenance-checklist-table-item__col-group--col-2 {
    border-top: 1px solid #f5f5f5;
    padding-top: 1.3rem;
  }
  .maintenance-checklist-table-item__title {
    display: none;
  }
  .maintenance-checklist-table-item .col-hidden {
    display: none;
  }
  .maintenance-checklist-table-item .col-name,
  .maintenance-checklist-table-item .col-dates {
    width: auto;
  }
  .maintenance-checklist-table-item .col-status {
    width: 33.3%;
  }
  .maintenance-checklist-table-item .col-edit {
    display: flex;
    align-items: center;
  }
  .maintenance-checklist-table-item .col-edit .maintenance-checklist-table-item__title {
    display: block;
    text-transform: unset;
    margin: 0 0.8rem 0 0;
  }
  .maintenance-checklist-table-item .col-edit .maintenance-checklist-table-item__title:after {
    content: ":";
  }
  .maintenance-checklist-table-item .col-edit .maintenance-checklist-table-item__text {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 120%;
    color: #828282;
  }
  .maintenance-checklist-table-item__icon--not-checked {
    display: block;
  }
  .maintenance-checklist-table-item__arrow {
    display: none;
  }
}
.plug-no-data-icon app-seazone-icon {
  justify-content: flex-start;
}
.checklist-status-bar {
  min-width: 15.6rem;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.checklist-status-bar-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  gap: 0 1rem;
}
.checklist-status-bar-info__val {
  font-weight: 500;
  line-height: 120%;
  color: #010202;
}
.checklist-status-bar-slide {
  margin-top: 0.6rem;
}
.checklist-status-bar-slide__container {
  width: 100%;
  height: 0.4rem;
  position: relative;
  border-radius: 10rem;
  background-color: #e0e0e0;
}
.checklist-status-bar-slide__range {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #351f73;
  border-radius: 10rem;
}
.boat-maintenance-checklists-view-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1.6rem;
  margin-bottom: 2.4rem;
}
.boat-maintenance-checklists-view-form .boat-maintenance-checklists-search {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-view-form {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem 0;
  }
}
.boat-maintenance-checklists-view-form-search {
  width: 100%;
  max-width: 32.9rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-view-form-search {
    max-width: unset;
  }
}
.boat-maintenance-checklists-view-form-filters {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0 1.6rem;
}
.boat-maintenance-checklists-view-form-filters__title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #010202;
}
.boat-maintenance-checklists-view-form-filters app-chips-checkbox-select {
  display: flex;
  align-items: center;
}
.boat-maintenance-checklists-view-form-filters app-chips-checkbox-item:not(:last-child) {
  margin: 0 0.8rem 0 0;
}
.boat-maintenance-checklists-view-form-filters .chips-item {
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4rem;
  background-color: #fff;
  padding: 1rem;
  cursor: pointer;
  transition: box-shadow 0.3s;
}
.boat-maintenance-checklists-view-form-filters .chips-item:hover {
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
}
.boat-maintenance-checklists-view-form-filters .chips-item app-seazone-icon {
  margin-right: 1rem;
}
.boat-maintenance-checklists-view-form-filters .chips-item.selected {
  box-shadow: 0 0 0 2px #432791;
  -moz-box-shadow: 0 0 0 2px #432791;
  border-color: initial;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-view-form-filters {
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: initial;
    gap: 0.4rem 0;
  }
}
.boat-maintenance-checklists-view-list {
  max-height: 65rem;
  overflow-y: auto;
}
.boat-maintenance-checklists-view-list.scrollable {
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding-right: 0.5rem;
}
.boat-maintenance-checklists-view-list.scrollable::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.boat-maintenance-checklists-view-list.scrollable::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.boat-maintenance-checklists-view-list.scrollable::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.boat-maintenance-checklists-view-list app-boat-maintenance-checklist-item:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
.boat-maintenance-checklists-view-item {
  display: grid;
  grid-template-columns: 3.2rem 1fr 7.4rem;
  grid-template-rows: initial;
  grid-template-areas: "grid-count-item grid-description-item grid-actions-item";
  grid-gap: 0 1.6rem;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 1.6rem;
  font-size: 1.4rem;
  color: #010202;
  line-height: 1.6rem;
}
.boat-maintenance-checklists-view-item:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
.boat-maintenance-checklists-view-item .grid-count-item {
  grid-area: grid-count-item;
}
.boat-maintenance-checklists-view-item .grid-description-item {
  grid-area: grid-description-item;
}
.boat-maintenance-checklists-view-item .grid-actions-item {
  grid-area: grid-actions-item;
}
.boat-maintenance-checklists-view-item__count {
  display: block;
}
.boat-maintenance-checklists-view-item .view-item-with-left-line {
  height: 100%;
  position: relative;
  padding-left: 1.6rem;
}
.boat-maintenance-checklists-view-item .view-item-with-left-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #e0e0e0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-view-item {
    display: grid;
    grid-template-columns: 1fr 5.7rem;
    grid-template-rows: initial;
    grid-template-areas: "grid-description-item grid-description-item" "grid-count-item grid-actions-item";
    grid-gap: 1.2rem 1.6rem;
  }
  .boat-maintenance-checklists-view-item .view-item-with-left-line {
    padding-left: 0;
  }
  .boat-maintenance-checklists-view-item .view-item-with-left-line:before {
    display: none;
  }
}
.boat-maintenance-checklists-view-item-description__decline {
  display: flex;
  align-items: center;
}
.boat-maintenance-checklists-view-item-description__text-decline {
  font-size: 1.2rem;
  line-height: 120%;
  color: #d70000;
  margin-top: 0.4rem;
}
.boat-maintenance-checklists-view-item-description__btn {
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-checklists-view-item-description {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 0.8rem;
  }
}
.boat-maintenance-checklists-view-item-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1rem;
}
.boat-systems-tasks {
  display: block;
}
.systems-tasks-container {
  margin-top: 4.4rem;
  display: grid;
  grid-template-columns: 40rem minmax(60rem, 1fr);
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 0 3.2rem;
}
@media screen and (max-width: 1280px) {
  .systems-tasks-container {
    display: grid;
    grid-template-columns: 35rem minmax(60rem, 1fr);
    grid-template-rows: initial;
    grid-template-areas: initial;
    grid-gap: 0 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .systems-tasks-container {
    display: flex;
    flex-direction: column;
    margin-top: 1.6rem;
  }
}
.systems-items-systems-tasks.systems-items {
  margin-left: 0;
}
.systems-items-systems-tasks .boat-maintenance-task-log-header__container {
  width: 100%;
  margin-left: 0;
}
.systems-items-systems-tasks .boat-maintenance-task-log-form {
  grid-template-columns: 1fr auto auto;
  grid-gap: 1.6rem;
}
@media screen and (max-width: 1280px) {
  .systems-items-systems-tasks .boat-maintenance-task-log-form {
    grid-template-columns: 1fr auto auto;
    grid-gap: 1.6rem 0;
  }
  .systems-items-systems-tasks .boat-maintenance-task-log-form__search {
    margin-right: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .systems-items-systems-tasks .boat-maintenance-dashboard-systems-tasks {
    flex-wrap: nowrap;
  }
}
.maintenance-equipment-tree-systems-tasks {
  align-self: baseline;
}
.boat-inventory-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.8rem 2.4rem;
  background-color: #f5f5f5;
  border-radius: 1.2rem 1.2rem 0 0;
}
.boat-inventory-list-header__action {
  display: flex;
  align-items: center;
}
.boat-inventory-list-header__selected {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #4f4f4f;
}
.boat-inventory-list-header__btn {
  font-size: 1.2rem;
  padding: 0.8rem 1.6rem;
}
.boat-inventory-list-header__btn--delete {
  margin-right: 1rem;
}
.boat-inventory-list-header__btn--select {
  margin-right: 1rem;
  min-width: 13rem;
}
.boat-inventory-list-header .boat-inventory-cancel-btn {
  margin-left: 1.2rem;
}
@media screen and (max-width: 768px) {
  .boat-inventory-list-header {
    display: none;
  }
}
.boat-inventory-list {
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .boat-inventory-list {
    padding: 1.6rem;
  }
}
.boat-inventory-list-item-wrap {
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 16px;
  padding: 1.2rem;
  cursor: pointer;
}
.boat-inventory-list-item-wrap:not(:last-child) {
  margin: 0 0 1rem 0;
}
.boat-inventory-list-item-wrap--active {
  box-shadow: 0 0 0 2px #351f73;
}
.boat-inventory-list-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 0 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-inventory-list-item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: initial;
    grid-template-areas: "description action" "body body";
    grid-gap: 1.2rem;
  }
}
.boat-inventory-list-item-description {
  display: flex;
  align-items: flex-start;
}
.boat-inventory-list-item-description__img-box {
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 1.2rem;
}
.boat-inventory-list-item-description__img {
  display: block;
  height: auto;
  border-radius: 1.2rem;
  width: 7rem;
  object-fit: contain;
  aspect-ratio: 1;
}
.boat-inventory-list-item-description__content {
  min-width: 20rem;
  max-width: 20rem;
  margin-left: 1.2rem;
}
.boat-inventory-list-item-description__name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  color: #010202;
  margin-bottom: 0.2rem;
}
.boat-inventory-list-item-description__location {
  display: none;
  font-size: 1.4rem;
  color: #010202;
  margin-bottom: 0.7rem;
}
.boat-inventory-list-item-description__status-change {
  margin-bottom: 0.2rem;
}
.boat-inventory-list-item-description__updated {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
}
@media screen and (max-width: 1200px) {
  .boat-inventory-list-item-description__content {
    min-width: 15rem;
    max-width: 15rem;
  }
  .boat-inventory-list-item-description__name {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .boat-inventory-list-item-description {
    grid-area: description;
  }
}
@media screen and (max-width: 768px) {
  .boat-inventory-list-item-description__content {
    min-width: auto;
    max-width: initial;
  }
  .boat-inventory-list-item-description__location {
    display: block;
  }
}
.boat-inventory-list-item-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 2.4rem;
}
.boat-inventory-list-item-body__row {
  position: relative;
  flex-grow: 1;
  width: 33.3%;
  max-width: 19rem;
  padding: 1rem 0 1rem 2.4rem;
}
.boat-inventory-list-item-body__row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #f5f5f5;
}
.boat-inventory-list-item-body__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.4rem;
}
.boat-inventory-list-item-body__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
}
@media screen and (max-width: 1200px) {
  .boat-inventory-list-item-body {
    align-items: flex-start;
    gap: 0 1rem;
  }
  .boat-inventory-list-item-body__row {
    padding: 1rem 0 1rem 1.4rem;
  }
  .boat-inventory-list-item-body__text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .boat-inventory-list-item-body {
    grid-area: body;
  }
}
@media screen and (max-width: 768px) {
  .boat-inventory-list-item-body__row {
    max-width: initial;
    padding: 0;
  }
  .boat-inventory-list-item-body__row:before {
    display: none;
  }
  .boat-inventory-list-item-body__row--location-item {
    display: none;
  }
}
.boat-inventory-list-item-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.boat-inventory-list-item-action__btn:not(:last-child) {
  margin: 0 0.9rem 0 0;
}
@media screen and (max-width: 1024px) {
  .boat-inventory-list-item-action {
    justify-content: flex-start;
    grid-area: action;
    align-self: start;
  }
}
.boat-inventory-list-status-change {
  width: 12rem;
}
.boat-inventory-list-status-change .status-select-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 1.2rem;
  border-radius: 1.8rem;
  box-sizing: border-box;
}
.boat-inventory-list-status-change .select-status-value {
  font-size: 1.2rem;
  color: #fff;
}
.boat-inventory-list-status-change .icon-status-arrow::before {
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .boat-inventory {
    padding: 0;
  }
  .boat-inventory .paginator-list-top {
    display: none;
  }
}
.boat-inventory-container {
  margin-top: 1.6rem;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  background-color: #fff;
  border-radius: 1.2rem;
}
.boat-action-panel-content .boat-inventory-list-header__action:not(:last-child) {
  margin-bottom: 1rem;
}
.boat-action-panel-content .boat-inventory-list-header__selected {
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  opacity: 0.7;
}
.boat-action-panel-content .seaz__btn_rounded--delete {
  background-color: #d70000;
  color: #fff;
  border-color: #d70000;
}
.boat-action-panel-content .boat-inventory-cancel-btn {
  display: none;
}
.boat-action-panel-content .boat-inventory-list-header__btn--select,
.boat-action-panel-content .boat-inventory-status-change .boat-inventory-list-header__btn {
  background-color: #fff;
  color: #351f73;
}
.boat-action-panel-content .boat-inventory-list-header__btn--select:disabled,
.boat-action-panel-content .boat-inventory-status-change .boat-inventory-list-header__btn:disabled {
  background-color: #bdbdbd;
}
.inventory-scroll-btn {
  bottom: 1.8rem;
  width: 5.6rem;
  height: 5.6rem;
  border: 2px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 12px;
  background-color: #fff;
}
.inventory-scroll-btn app-seazone-icon svg {
  fill: #351f73;
}
@media screen and (max-width: 1024px) {
  .inventory-scroll-btn {
    display: block;
  }
}
.boat-bottom-panel-content .boat-inventory-filter-btn {
  width: 20rem;
  height: 5.6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
}
.boat-inventory-categories-location-settings {
  width: 100%;
  max-width: 57rem;
  margin: 0 auto;
}
.boat-inventory-location-settings-list {
  margin-top: 1.2rem;
}
.boat-inventory-location-settings-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 1rem 0.8rem;
}
.boat-inventory-location-settings-item__info {
  display: flex;
  align-items: center;
}
.boat-inventory-location-settings-item__info-arrow {
  margin-right: 1rem;
  transform-origin: 50% 50%;
  transform: rotateZ(180deg);
}
.boat-inventory-location-settings-item__title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
  padding-right: 1.2rem;
}
.boat-inventory-location-settings-item__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 6.1rem;
}
.boat-inventory-location-settings-item__edit-btn {
  margin-left: 0.8rem;
}
app-boat-inventory-location-item:nth-of-type(2n+1) .boat-inventory-location-settings-item {
  background-color: #f5f5f5;
}
.inventory-categories-item-main:nth-of-type(2n+1) .clickable {
  background-color: #f5f5f5;
}
.boat-inventory-location-settings-details {
  display: none;
}
.boat-inventory-location-settings-details .boat-inventory-location-settings-item {
  padding: 1.2rem 0.8rem 1.2rem 5.6rem;
}
.boat-inventory-location-settings-details app-boat-inventory-categories-item:nth-of-type(2n) .boat-inventory-location-settings-item {
  background-color: #f5f5f5;
}
.location-settings-item-wrap.expand .boat-inventory-location-settings-details {
  display: block;
}
.location-settings-item-wrap.expand .boat-inventory-location-settings-item__info-arrow {
  transform: rotateZ(0deg);
}
.boat-inventory-location-form {
  margin-top: 3rem;
}
.boat-inventory-location-form .form__radio:not(:last-child) {
  margin: 0 0 2rem 0;
}
@media screen and (max-width: 650px) {
  .boat-inventory-location-form .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-inventory-location-form .plug-label {
    width: 100%;
    min-width: auto;
    max-width: initial;
    margin: 0 0 0.8rem 0;
  }
}
.boat-inventory-location-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 4.6rem 0 0 0;
  border: none;
}
.boat-inventory-location-form-footer__btn:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
.boat-inventory-quick-filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-inventory-quick-filter-top__actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 1.6rem;
}
.boat-inventory-quick-filter-top__actions--results {
  display: none;
}
.boat-inventory-quick-filter-top__actions--group {
  display: flex;
  align-items: center;
}
.boat-inventory-quick-filter-top .boat-inventory-filter-btn:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-inventory-quick-filter-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-inventory-quick-filter-top__actions {
    width: 100%;
    margin: 0.8rem 0 0;
    flex-shrink: 1;
    justify-content: space-between;
  }
  .boat-inventory-quick-filter-top__actions--results {
    display: block;
  }
  .boat-inventory-quick-filter-top__actions--group {
    display: none;
  }
  .boat-inventory-quick-filter-top .boat-inventory-filter-btn:not(:last-child) {
    margin: 0;
  }
}
@media screen and (max-width: 374px) {
  .boat-inventory-quick-filter-top__actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem 0;
  }
  .boat-inventory-quick-filter-top__actions .upload-action {
    width: 100%;
  }
  .boat-inventory-quick-filter-top__actions .upload-action .boat-inventory-filter-btn {
    width: 100%;
  }
}
.boat-inventory-quick-filter-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
}
.boat-inventory-quick-filter-bottom .fleet-chips {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.boat-inventory-quick-filter-bottom .fleet-chips app-chips-checkbox-item {
  margin-top: 0;
}
.boat-inventory-quick-filter-bottom .fleet-chips .chips-item.selected {
  box-shadow: 0 0 0 1px #432791;
}
.boat-inventory-quick-filter-bottom .boat-inventory-download,
.boat-inventory-quick-filter-bottom .boat-inventory-manage {
  display: none;
}
@media screen and (max-width: 1024px) {
  .boat-inventory-quick-filter-bottom {
    justify-content: flex-start;
  }
  .boat-inventory-quick-filter-bottom .boat-tasks-filters-btn {
    background-color: inherit;
    margin-right: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .boat-inventory-quick-filter-bottom .fleet-chips {
    display: none;
  }
  .boat-inventory-quick-filter-bottom .maintenance-list-filters-actions {
    flex-direction: row;
  }
  .boat-inventory-quick-filter-bottom .boat-inventory-download,
  .boat-inventory-quick-filter-bottom .boat-inventory-manage {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
  }
  .boat-inventory-quick-filter-bottom .boat-inventory-download {
    margin-right: 1.2rem;
  }
  .boat-inventory-quick-filter-bottom .boat-tasks-filters-btn {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-inventory-quick-filter-bottom .boat-tasks-menu-action-filters,
  .boat-inventory-quick-filter-bottom .maintenance-list-filters-actions {
    width: 100%;
  }
}
.boat-inventory-download__icon-row {
  transform: rotateZ(-90deg);
}
.inventory-quick-filter-chips-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #010202;
  margin-right: 1.6rem;
}
.boat-inventory-quick-filter-badges {
  margin-top: 1.6rem;
}
.boat-inventory-quick-filter-badges .financial-data__badge_label {
  display: none;
}
.boat-inventory-quick-filter-badges .financial-data__badge {
  border: none;
  background-color: #f5f5f5;
  border-radius: 0.4rem;
  margin: 1rem 1rem 0 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #010202;
}
.boat-inventory-quick-filter-badges .badge-close-btn {
  margin-left: 0.8rem;
}
.boat-inventory-quick-filter-badges .remove-all-badge {
  margin-right: 1rem;
}
.boat-inventory-filter-form {
  margin-top: 3rem;
}
.boat-inventory-filter-form .form-field--wrapper__row .form-field--label {
  max-width: 16rem;
}
.boat-inventory-filter-form .plug-label {
  width: 16rem;
  max-width: 16rem;
  min-width: 16rem;
}
.boat-inventory-filter-form .status-label {
  margin-top: 1.8rem;
}
.boat-inventory-filter-form__group-container {
  align-items: center;
}
.boat-inventory-filter-form__group-container app-filter-group-container {
  width: 100%;
}
.boat-inventory-filter-form__group-container .select-content {
  width: 18rem;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .boat-inventory-filter-form .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
  .boat-inventory-filter-form .plug-label {
    width: 14rem;
    max-width: 14rem;
    min-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-inventory-filter-form__group-container {
    align-items: flex-start;
  }
  .boat-inventory-filter-form .form-field--wrapper__row .form-field--label {
    max-width: initial;
  }
  .boat-inventory-filter-form .plug-label {
    width: 100%;
    max-width: initial;
    min-width: auto;
    margin: 0 0 0.8rem 0;
  }
  .boat-inventory-filter-form .fleet-chips {
    margin-top: 0;
  }
}
.date-control-row {
  align-items: center;
}
@media screen and (max-width: 480px) {
  .date-control-row {
    align-items: flex-start;
  }
}
.boat-maintenance-task-log-form-date-control {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-log-form-date-control .form-field--wrapper .form-field--label {
  display: none;
}
.boat-maintenance-task-log-form-date-control app-date-control:not(:last-child) {
  margin: 0 1.6rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-log-form-date-control {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .boat-maintenance-task-log-form-date-control app-date-control:not(:last-child) {
    margin: 0 0 1.2rem 0;
  }
}
.boat-maintenance-task-log-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem 0;
  margin: 6.2rem 0 0 0;
  border: none;
}
.boat-maintenance-task-log-form-footer__btn:not(:last-child) {
  margin: 0 2.4rem 0 0;
}
.boat-inventory-download-dropdown {
  width: 100%;
  max-width: 30rem;
  background-color: #ffffff;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.24);
}
.boat-inventory-download-dropdown__item {
  display: block;
  width: 100%;
  font: 1.6rem/2.2rem "Roboto", sans-serif;
  text-align: left;
  color: #4d4e67;
  padding: 1rem 1.6rem;
  transition: background-color 0.3s;
}
.boat-inventory-download-dropdown__item:hover {
  background-color: #e7e7eb;
}
.boat-position-history-title {
  text-transform: uppercase;
  margin-top: 3.1rem;
}
.boat-position-history-box {
  border: 0.1rem solid #e7e7eb;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  background-color: #fff;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .boat-position-history-box {
    padding: 1.2rem;
  }
}
.boat-position-history-box-wrap:not(:last-child) {
  margin: 0 0 2.4rem 0;
}
.boat-position-history-box-title {
  text-transform: uppercase;
}
.boat-position-history-map .map-container {
  margin-top: 1.6rem;
}
.boat-position-history-map .leaflet-container {
  border-radius: 1.2rem;
}
.boat-position-history-map .leaflet-pane,
.boat-position-history-map .leaflet-top,
.boat-position-history-map .leaflet-bottom {
  z-index: 5;
}
.boat-position-history-statistics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-template-rows: initial;
  grid-template-areas: initial;
  grid-gap: 1.2rem 2.4rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-position-history-statistics {
    grid-gap: 1.2rem;
  }
}
.boat-position-history-statistic {
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.boat-position-history-statistic__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  margin-bottom: 0.8rem;
}
.boat-position-history-statistic__val {
  font-size: 3rem;
  font-weight: 500;
  line-height: 145%;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .boat-position-history-statistic {
    padding: 1.2rem;
  }
}
.cruising-log-table-wrap {
  position: relative;
  width: 100%;
}
.cruising-log-table-wrapper {
  position: relative;
}
.cruising-log-table-container {
  max-width: 100%;
  overflow-x: auto;
}
.cruising-log-table {
  margin-top: 2.2rem;
  border-collapse: separate;
}
.cruising-log-table-cell {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #010202;
  vertical-align: middle;
}
.cruising-log-table-th {
  padding: 0.8rem;
  min-width: 13rem;
}
.cruising-log-table-th__lg {
  min-width: 36rem;
  max-width: 40rem;
}
.cruising-log-table-row:nth-child(2n+1) .cruising-log-table-td {
  background-color: #f5f5f5;
}
.cruising-log-table-td {
  padding: 1.4rem 0.8rem;
}
.boat-position-history-no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 49.8rem;
}
.boat-position-history-no-data__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #828282;
  margin-top: 1.6rem;
}
.boat-position-history-no-data-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 1.6rem;
  padding: 2.8rem;
}
.seaz-outstanding {
  margin-top: 4.5rem;
}
.seaz-outstanding__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seaz-outstanding__chart {
  margin-top: 4rem;
}
.seaz-outstanding__chart .title-h3 {
  font-weight: 500;
}
.seaz-outstanding__table-box {
  margin-top: 4rem;
}
.seaz-outstanding__label-badges {
  min-height: 3.4rem;
  margin: 1.6rem 0;
}
.seaz-outstanding__btn-box {
  display: flex;
  justify-content: flex-end;
  padding: 1.6rem 0;
}
.seaz-outstanding__download-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30.5rem;
}
.seaz-outstanding__download-btn:not(:last-of-type) {
  margin-right: 2.5rem;
}
.seaz-outstanding__download-btn svg {
  margin-right: 1.8rem;
}
@media screen and (max-width: 768px) {
  .seaz-outstanding__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .seaz-outstanding__header .title-h1 {
    margin-bottom: 1.2rem;
  }
  .seaz-outstanding__btn-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .seaz-outstanding__download-btn {
    min-width: 100%;
  }
  .seaz-outstanding__download-btn:not(:last-of-type) {
    margin: 0 0 1.6rem 0;
  }
}
@media screen and (max-width: 480px) {
  .seaz-outstanding {
    margin-top: 2.4rem;
  }
  .seaz-outstanding__header--btn {
    width: 100%;
  }
  .seaz-outstanding__chart {
    margin-top: 3.2rem;
  }
}
.outstanding-edit-modal {
  border-radius: 0;
}
.outstanding-edit-modal .outstanding-form-container {
  width: 100%;
}
.outstanding-edit-modal .outstanding-form .form__row {
  margin-bottom: 2.4rem;
}
.outstanding-edit-modal .outstanding-form__subcategory--row:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
.outstanding-edit-modal .form__additional-fields {
  margin-left: 1rem;
}
.outstanding-edit-modal .accordion {
  margin-top: 4.8rem;
  padding-top: 2.4rem;
  border-top: 1px solid #e0e0e0;
}
.outstanding-edit-modal .accordion__label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
.outstanding-edit-modal .accordion__btn {
  padding: 1rem;
  border-radius: 50%;
}
.outstanding-edit-modal .accordion__btn svg {
  width: 1.2rem;
  height: 0.8rem;
}
.outstanding-edit-modal .accordion .accordion__btn {
  transform: rotateZ(180deg);
}
.outstanding-edit-modal .accordion.active .accordion__btn {
  transform: rotateZ(0deg);
}
.outstanding-edit-modal .outstanding-form__cash {
  margin: 0;
}
.outstanding-view-modal app-overlay {
  max-width: 80.8rem;
}
app-outstanding-table-data {
  display: table-row-group;
}
.table-wrapper {
  position: relative;
}
.table-wrapper .controls-container {
  top: -3rem !important;
  right: -0.7rem !important;
  z-index: 7;
}
.outstanding-table {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  padding-bottom: 1rem;
}
.outstanding-table__row.last-outstanding {
  border-radius: 1.2rem 0 0 1.2rem;
  outline: solid 2px #46a6a4;
  border-collapse: collapse;
  outline-offset: -2px;
}
.outstanding-table__row .outstanding-table__last-cell-content.last-outstanding {
  border: solid 2px #46a6a4;
  border-left: 0;
}
.outstanding-table__row:nth-of-type(2n+1) .outstanding-table__cell,
.outstanding-table__row:nth-of-type(2n+1) .outstanding-table__last-cell-content {
  background-color: #f5f5f5;
}
.outstanding-table__row:nth-of-type(2n+1) .outstanding-table__cell--right {
  background-color: #fff;
}
.outstanding-table__row:nth-of-type(2n) .outstanding-table__cell,
.outstanding-table__row:nth-of-type(2n) .outstanding-table__last-cell-content {
  background-color: #fff;
}
.outstanding-table .label-field {
  display: block;
  font-size: 1.2rem;
  color: #828282;
  text-align: left;
  margin-bottom: 0.2rem;
}
.outstanding-table__header-cell {
  position: relative;
  width: 100%;
  min-width: 16rem;
  vertical-align: top;
  padding: 0.8rem 0.8rem 3rem;
}
.outstanding-table__header-cell--status {
  min-width: 11rem;
}
.outstanding-table__header-cell--edit-data {
  min-width: 14rem;
}
.outstanding-table__header-cell--currency {
  min-width: 22rem;
}
.outstanding-table__header-cell--invoices {
  min-width: 18rem;
}
.outstanding-table__header-cell:first-of-type {
  width: 2.6rem;
  min-width: 0;
  vertical-align: top;
}
.outstanding-table__header-cell:last-of-type {
  background-color: #fff;
  text-align: right;
  z-index: 5;
}
.outstanding-table__header-cell:last-of-type:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.06) 100%);
}
.outstanding-table__header-cell app-seazone-form-field .form-field--wrapper.wrapper-rounded .form-field--label {
  font-size: 1.2rem;
  color: #828282;
}
@media screen and (max-width: 480px) {
  .outstanding-table__header-cell .form__row {
    flex-direction: row;
  }
  .outstanding-table__header-cell .form__col {
    margin-bottom: 0;
  }
}
.outstanding-table__cell-outer {
  position: relative;
}
.outstanding-table__filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  min-height: 6.2rem;
  display: block;
}
.outstanding-table__filter--group {
  top: 0.2rem;
}
.outstanding-table__cell {
  vertical-align: top;
  padding: 0.8rem;
}
.outstanding-table__cell:first-of-type {
  min-width: 0;
  border-radius: 1.2rem 0 0 1.2rem;
}
.outstanding-table__cell--right {
  position: sticky;
  right: 0;
  min-width: 15rem;
}
.outstanding-table__last-cell-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 1.2rem 1.2rem 0;
  padding: 0.8rem;
}
.outstanding-table__last-cell-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.06) 100%);
}
.outstanding-table__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  margin-bottom: 0.2rem;
}
.outstanding-table__text--currency {
  font-weight: bold;
}
.outstanding-table__cut-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 20rem;
}
.outstanding-table__sub-text {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #4f4f4f;
}
@media screen and (max-width: 768px) {
  .outstanding-table__cell--right {
    position: sticky;
    right: 0;
    max-width: 4.3rem;
    min-width: 4.3rem;
  }
}
.outstanding-table-checkbox span {
  display: none;
}
.outstanding-table-checkbox .form__checkbox-label,
.outstanding-table-checkbox .form__checkbox-label:before {
  width: 2.4rem;
  height: 2.4rem;
}
.outstanding-table-checkbox .form__checkbox-label:before {
  border: 0.2rem solid #bdbdbd;
}
.outstanding-table-checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
  border-color: #4f194a;
}
.outstanding-table-checkbox__checked-all {
  padding-top: 0.3rem;
}
.colored-select {
  margin-bottom: 0.5rem;
}
.outstanding-table-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.2rem;
}
.outstanding-table-actions__text,
.outstanding-table-actions__menu {
  display: none;
}
.outstanding-table-actions__text {
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #351f73;
  margin-left: 1.3rem;
}
.outstanding-table-actions__container {
  display: flex;
  align-items: center;
}
.outstanding-table-actions__button {
  display: flex;
  width: 100%;
  height: 2.4rem;
}
.outstanding-table-actions__button:not(:last-child) {
  margin-right: 0.9rem;
}
@media screen and (max-width: 768px) {
  .outstanding-table-actions {
    margin-left: 0.5rem;
  }
  .outstanding-table-actions__text,
  .outstanding-table-actions__menu {
    display: block;
  }
  .outstanding-table-actions__container {
    display: none;
  }
  .outstanding-table-actions__button {
    align-items: center;
  }
  .outstanding-table-actions__button:not(:last-child) {
    margin: 0 0 1.7rem 0;
  }
}
.colored-select-outstanding-table .colored-select-option-item {
  word-break: break-word;
}
.outstanding-payment-form .stepper__body {
  border-top: 1px solid #e0e0e0;
  padding-top: 2.4rem;
}
.outstanding-payment-form__title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #4d4e67;
  line-height: 1.4;
  margin-bottom: 2.4rem;
}
.outstanding-payment-form__title--text {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #828282;
  margin-bottom: 0.8rem;
}
.outstanding-payment-form__btn-container {
  display: flex;
  width: 50%;
}
.outstanding-payment-form__btn {
  width: 100%;
  background-color: #46a6a4;
  border-color: #46a6a4;
}
.outstanding-payment-form__btn--out {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: initial;
  color: #46a6a4;
}
.outstanding-payment-form__btn--out app-seazone-icon {
  margin-right: 1.2rem;
  transform: rotateZ(180deg);
}
.outstanding-payment-form__btn--cancel {
  color: #d70000;
  border-color: #d70000;
}
.outstanding-payment-form__btn:not(:last-of-type) {
  margin-right: 1.3rem;
}
.outstanding-payment-form__btn-container-in-top {
  display: flex;
  margin-bottom: 2.4rem;
}
.outstanding-payment-form__btn-container-in-top--btn {
  width: auto;
}
.outstanding-payment-form__bank-btn-container {
  width: 50%;
  margin-top: 2.4rem;
}
.outstanding-payment-form__bank-btn-container .outstanding-payment-form__btn-container {
  width: 100%;
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .outstanding-payment-form__btn-container {
    width: 100%;
  }
  .outstanding-payment-form__bank-btn-container {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .outstanding-payment-form__btn-container-in-top {
    flex-direction: column;
  }
  .outstanding-payment-form__btn-container-in-top--btn {
    width: 100%;
  }
  .outstanding-payment-form__btn-container {
    flex-direction: column;
  }
  .outstanding-payment-form__btn:not(:last-of-type) {
    margin: 0 0 1.3rem;
  }
}
.outstanding-form-container {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .outstanding-form-container {
    width: 100%;
  }
}
.outstanding-form .form__row {
  margin-bottom: 4.8rem;
}
.outstanding-form__row {
  flex-direction: column;
}
.outstanding-form__row input {
  background-color: inherit;
}
.outstanding-form__checkbox-container {
  display: flex;
  align-items: center;
}
.outstanding-form__checkbox {
  margin-top: 2rem;
}
.outstanding-form__checkbox .boat__form-checkbox {
  margin-bottom: 0;
}
.outstanding-form__checkbox .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #010202;
  padding-left: 0.8rem;
}
.outstanding-form app-seazone-text-area .form-field--wrapper.form-field__area .form-field--label {
  padding-top: 0;
}
.outstanding-form .form__union:before {
  display: none;
}
.outstanding-form__subcategory {
  flex-direction: column;
}
.outstanding-form__subcategory--row {
  width: 100%;
}
.outstanding-form__subcategory--row:not(:last-of-type) {
  margin-bottom: 4.8rem;
}
.outstanding-form__cash {
  display: flex;
  width: 100%;
  margin: 4.8rem 0;
}
.outstanding-form__cash .form__row {
  align-items: flex-end;
}
.outstanding-form__cash .form__row:not(:last-of-type) .form__col {
  margin-right: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .outstanding-form__cash {
    flex-direction: column;
  }
  .outstanding-form__cash .form__row:not(:last-of-type) .form__col {
    margin-right: 0;
  }
  .outstanding-form__cash .form__row .form__col:not(:last-child) {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .outstanding-form .form__row {
    margin-bottom: 2.4rem;
  }
  .outstanding-form__cash {
    margin: 2.4rem 0;
  }
  .outstanding-form__subcategory--row:not(:last-of-type) {
    margin-bottom: 2.4rem;
  }
}
.outstanding-payment-form-info {
  display: flex;
  align-items: center;
  width: 50%;
  background-color: #fdefc8;
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;
  margin-bottom: 2.4rem;
}
.outstanding-payment-form-info__content {
  margin-left: 1.2rem;
}
.outstanding-payment-form-info__text {
  line-height: 1.6rem;
  color: #94792b;
}
@media screen and (max-width: 768px) {
  .outstanding-payment-form-info {
    width: 100%;
  }
}
.seaz-quick-filters__title {
  margin-bottom: 1.2rem;
}
.seaz-quick-filters__container {
  position: relative;
}
.seaz-quick-filters__container app-scroll-controls .controls-container {
  position: static;
}
.seaz-quick-filters__container app-scroll-controls .controls-container button {
  height: auto;
  width: auto;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: initial;
  border-radius: 0;
  z-index: 2;
}
.seaz-quick-filters__container app-scroll-controls .controls-container button:hover,
.seaz-quick-filters__container app-scroll-controls .controls-container button:active {
  background-color: initial;
}
.seaz-quick-filters__container app-scroll-controls .controls-container button:hover .icon-arrow-left::before,
.seaz-quick-filters__container app-scroll-controls .controls-container button:hover .icon-arrow-rights::before,
.seaz-quick-filters__container app-scroll-controls .controls-container button:active .icon-arrow-left::before,
.seaz-quick-filters__container app-scroll-controls .controls-container button:active .icon-arrow-rights::before {
  color: initial;
}
.seaz-quick-filters__container app-scroll-controls .controls-container button:nth-child(1) {
  left: -1.6rem;
}
.seaz-quick-filters__container app-scroll-controls .controls-container button:nth-child(1) .icon-arrow-left::before {
  transform: rotate(180deg);
}
.seaz-quick-filters__container app-scroll-controls .controls-container button:nth-child(2) {
  right: -1.6rem;
}
.seaz-quick-filters__container app-scroll-controls .controls-container button .icon-arrow-left::before,
.seaz-quick-filters__container app-scroll-controls .controls-container button .icon-arrow-rights::before {
  content: "\e823";
  font-weight: bold;
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  .seaz-quick-filters__container app-scroll-controls .controls-container button:nth-child(1) {
    left: 0;
  }
  .seaz-quick-filters__container app-scroll-controls .controls-container button:nth-child(2) {
    right: 0;
  }
}
.seaz-quick-filters__slider {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.seaz-quick-filters__list {
  display: flex;
  align-self: stretch;
}
.seaz-quick-filters__item:not(:last-of-type) {
  margin-right: 2.4rem;
}
@media screen and (max-width: 768px) {
  .seaz-quick-filters__slider {
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  .seaz-quick-filters__container {
    padding: 0 2rem;
  }
}
.seaz-quick-filters-box {
  min-width: 19rem;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 1.6rem;
  cursor: pointer;
}
.seaz-quick-filters-box.active {
  background-color: #f5f5f5;
  outline: 3px solid #351f73;
  outline-offset: -0.3rem;
}
.seaz-quick-filters-box__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seaz-quick-filters-box__title {
  color: #010202;
}
.seaz-quick-filters-box__count {
  display: block;
  min-width: 2.3rem;
  height: 2.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-align: center;
  line-height: 2.3rem;
  color: #fff;
  padding: 0 0.2rem;
  box-sizing: border-box;
  border-radius: 50%;
}
.seaz-quick-filters-box__price {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0.8rem;
}
[role=checkbox] {
  display: inline-block;
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
}
[role=checkbox]::before,
[role=checkbox]::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1rem;
  line-height: normal;
  box-sizing: border-box;
  border: 0.2rem solid #432791;
  border-radius: 0.2rem;
}
[role=checkbox]::before {
  border-radius: 0.2rem;
  background-color: #fff;
}
[role=checkbox][aria-checked=true]::before {
  border-color: #432791;
  background-color: #432791;
  content: "\e820";
  font-family: "Fontello";
  color: #fff;
}
[role=checkbox][aria-checked=mixed]::before {
  align-items: flex-end;
  border-color: #432791;
  background-color: #432791;
  content: "\e838";
  font-family: "Fontello";
  color: #fff;
}
[role=checkbox][aria-checked=mixed]::after {
  align-items: flex-end;
  border-color: #432791;
  background-color: #432791;
  content: "\e838";
  font-family: "Fontello";
  color: #fff;
}
[role=checkbox]:focus {
  outline: none;
}
.not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding: 5rem 1rem;
  text-align: center;
}
.not-found__img-box {
  width: 20.7rem;
}
.not-found__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.not-found__title {
  font-size: 5rem;
  font-weight: 500;
  line-height: 5rem;
  letter-spacing: -0.2rem;
  color: #351f73;
  margin-top: 5rem;
}
.not-found__text {
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #4f4f4f;
  margin-top: 2rem;
}
.not-found__btn {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .not-found {
    padding: 7rem 1rem;
  }
  .not-found__img-box {
    width: 25.7rem;
  }
  .not-found__title {
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 2.4rem;
  }
  .not-found__text {
    font-size: 1.8rem;
    margin-top: 2rem;
  }
  .not-found__btn {
    margin-top: 2.4rem;
  }
}
.outstanding-view {
  padding: 3rem;
}
.outstanding-view__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.outstanding-view__title {
  font-weight: 500;
}
.outstanding-view__actions {
  display: flex;
  align-items: center;
}
.outstanding-view__action-btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
.outstanding-view__close-btn {
  margin-left: 3.7rem;
}
.outstanding-view__tabs {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .outstanding-view {
    padding: 1.5rem;
  }
  .outstanding-view__title {
    font-size: 2.4rem;
  }
}
.outstanding-view-tab {
  box-sizing: border-box;
}
.outstanding-view-tab__row {
  display: flex;
  padding: 1.2rem;
}
.outstanding-view-tab__row--with-border:not(:last-of-type) {
  border-bottom: 1px solid #e0e0e0;
}
.outstanding-view-tab__row--bg {
  background-color: #f5f5f5;
  border-bottom: 0;
  border-radius: 0.8rem;
}
.outstanding-view-tab__col {
  width: 50%;
  box-sizing: border-box;
}
.outstanding-view-tab__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  word-break: break-all;
  color: #010202;
}
.outstanding-view-tab__sub-text {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #4f4f4f;
  margin-top: 0.2rem;
}
.outstanding-view-tab__view-content {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: left;
  color: #828282;
  word-break: break-all;
  transition: opacity 0.3s;
}
.outstanding-view-tab__view-content:hover {
  opacity: 0.7;
}
.outstanding-view-tab__view-content .seazone-icon {
  margin-right: 1rem;
}
.outstanding-view-tab__description {
  width: 100%;
}
.outstanding-view-tab__description-title {
  color: #4f4f4f;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 768px) {
  .outstanding-view-tab__row {
    padding: 1.2rem 0.7rem;
  }
  .outstanding-view-tab__col:not(:last-of-type) {
    margin-right: 1.2rem;
  }
  .outstanding-view-tab__view-content {
    align-items: flex-start;
  }
  .outstanding-view-tab__view-content-icon {
    margin-top: 1rem;
    margin-right: 0.8rem;
  }
}
.history-view-table {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  padding-bottom: 1rem;
}
.history-view-table__row:nth-of-type(2n) .history-view-table__cell {
  background-color: #f5f5f5;
}
.history-view-table__row--body:nth-of-type(2n+1) .history-view-table__cell {
  padding: 2rem 0.8rem;
}
.history-view-table__cell {
  width: 20rem;
  text-align: left;
  vertical-align: top;
  padding: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.history-view-table__cell:first-of-type {
  width: 10.5rem;
  min-width: 10.5rem;
  border-radius: 1.2rem 0 0 1.2rem;
}
.history-view-table__cell:last-of-type {
  border-radius: 0 1.2rem 1.2rem 0;
}
.history-view-table__cell--with-arrow {
  width: 3.2rem;
  vertical-align: middle;
}
.history-view-table__cell-row {
  display: flex;
  align-items: flex-start;
  row-gap: 2rem;
}
.history-view-table__cell-row .history-view-table__text {
  flex: 1 auto;
}
.history-view-table__title {
  color: #828282;
}
.history-view-table__text {
  color: #010202;
  margin-bottom: 0.2rem;
  word-break: break-all;
}
.history-view-table__sub-text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #4f4f4f;
}
@media screen and (max-width: 768px) {
  .history-view-table__cell {
    min-width: 10rem;
  }
}
.history-view-btn {
  margin-left: 1rem;
}
.seaz-tabs__button {
  display: block;
  width: 100%;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #828282;
  border: 1px solid #828282;
  padding: 1.8rem 1rem;
}
.seaz-tabs__button.active {
  border: 1px solid #351f73;
  color: #351f73;
}
.seaz-tabs__button:disabled {
  opacity: 0.4;
}
.seaz-tabs .tabs__header-wrap {
  margin-bottom: 4.2rem;
}
app-seazone-colored-select,
app-seazone-colored-select-option {
  display: block;
}
.colored-select .status-select-container,
.colored-select .select-option div,
app-seazone-colored-select-option .status-select-container,
app-seazone-colored-select-option .select-option div {
  display: flex;
  align-items: center;
  width: max-content;
  background-color: inherit;
  padding: 0.5rem 0.8rem;
  border: none;
  border-radius: 1.8rem;
}
.colored-select .select-status-value,
.colored-select .select-option div,
app-seazone-colored-select-option .select-status-value,
app-seazone-colored-select-option .select-option div {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 120%;
  text-align: center;
  color: #fff;
}
.delete-color .select-status-value {
  color: #d70000;
}
app-seazone-colored-select-option:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
app-seazone-colored-select-option .select-option {
  cursor: pointer;
  padding: 0;
  min-height: 0;
}
app-seazone-colored-select-option .select-option:hover:not(.not-selectable) {
  background: inherit;
}
.dropdown-status {
  width: fit-content;
  padding: 1.2rem;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.25);
  border-radius: 1.2rem;
  background-color: #fff;
}
.icon-status-arrow {
  display: flex;
  align-items: center;
  height: 1.4rem;
  margin-left: 0.6rem;
}
.icon-status-arrow::before {
  content: "\e83b";
  font-size: 0.6rem;
  color: #fff;
  transform: rotateZ(180deg) !important;
}
.outstanding-email-form-modal {
  box-sizing: border-box;
}
.outstanding-email-form-modal.seaz-modal.modal-small {
  width: 100%;
  max-width: 101.5rem;
  padding: 0;
}
.outstanding-email-form-modal .modal-close {
  right: 2rem;
}
.outstanding-payment-email__title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #351f73;
}
.outstanding-payment-email-form {
  margin-top: 3rem;
}
.outstanding-payment-email-form__field {
  position: relative;
  margin-bottom: 4.6rem;
}
.outstanding-payment-email-form__field .form-field--hint {
  position: absolute;
  bottom: -2.2rem;
  right: 0;
  width: 100%;
}
.outstanding-payment-email-form__note {
  margin-bottom: 4.6rem;
}
.outstanding-payment-email-form__note .wrapper-rounded.form-field--wrapper__row .form-field--label {
  justify-content: flex-start;
  padding-top: 0;
}
.outstanding-payment-email-form__note .wrapper-rounded .form-field--content {
  height: 15rem;
}
.outstanding-payment-email-form__note app-seazone-form-field.offset {
  margin-top: 0;
}
.outstanding-payment-email-form__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 3.6rem;
  padding: 3rem 0;
  border-top: 1px solid #e0e0e0;
}
.outstanding-payment-email-form__btn {
  display: block;
  width: 14.5rem;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  padding: 1.8rem 0;
  border: 1px solid #3f9795;
  cursor: pointer;
  transition: opacity 0.3s;
}
.outstanding-payment-email-form__btn:hover {
  opacity: 0.7;
}
.outstanding-payment-email-form__btn:not(:last-of-type) {
  margin-right: 1.6rem;
}
.outstanding-payment-email-form__btn:disabled {
  color: #bdbdbd;
  border-color: #bdbdbd;
  background-color: initial;
  cursor: unset;
}
.outstanding-payment-email-form__btn--cancel {
  color: #3f9795;
  border-color: #3f9795;
}
.outstanding-payment-email-form__btn--preview {
  color: #00b9ff;
  border-color: #00b9ff;
}
.outstanding-payment-email-form__btn--submit {
  color: #fff;
  background-color: #3f9795;
}
@media screen and (max-width: 650px) {
  .outstanding-payment-email-form__field,
  .outstanding-payment-email-form__note {
    margin-bottom: 3rem;
  }
  .outstanding-payment-email-form__field .form-field--wrapper__row .form-field--label,
  .outstanding-payment-email-form__note .form-field--wrapper__row .form-field--label {
    width: 26%;
  }
}
@media screen and (max-width: 480px) {
  .outstanding-payment-email-form__footer {
    flex-direction: column;
  }
  .outstanding-payment-email-form__btn {
    width: 100%;
  }
  .outstanding-payment-email-form__btn:not(:last-of-type) {
    margin: 0 0 1.6rem 0;
  }
}
.outstanding-payment-email-form-show-data {
  display: flex;
}
.outstanding-payment-email-form-show-data__label {
  width: 100%;
  max-width: 14rem;
  margin-right: 2rem;
}
.outstanding-payment-email-form-show-data__button {
  display: flex;
  align-items: flex-end;
  font-size: 1.6rem;
  word-break: break-all;
  text-align: left;
  line-height: 1.4;
  color: #828282;
}
.outstanding-payment-email-form-show-data__icon {
  display: block;
  margin-right: 1rem;
}
@media screen and (max-width: 650px) {
  .outstanding-payment-email-form-show-data__label {
    width: 20%;
    max-width: none;
    margin: 0 0 1rem 0;
  }
}
@media screen and (max-width: 480px) {
  .outstanding-payment-email-form-show-data {
    flex-direction: column;
  }
  .outstanding-payment-email-form-show-data__label {
    margin: 0 0 1rem 0;
  }
}
.outstanding-email-preview-modal .modal-close {
  top: 3.5rem;
  right: 3.5rem;
}
@media screen and (max-width: 768px) {
  .outstanding-email-preview-modal .modal__wrap {
    padding: 0;
  }
  .outstanding-email-preview-modal.seaz-modal.modal-small {
    width: 100%;
  }
  .outstanding-email-preview-modal .modal-close {
    top: 2rem;
  }
}
.label-badges__container {
  display: inline;
}
.label-badges__container:not(:last-of-type) {
  margin-right: 0.8rem;
}
.label-badges__title {
  font-size: 1.4rem;
  font-weight: 550;
  text-transform: uppercase;
  margin-right: 0.8rem;
}
.label-badges__label {
  display: inline-block;
  font-size: 1.2rem;
  color: #010202;
  background-color: #f5f5f5;
  border-radius: 2.5rem;
  padding: 0.5rem 0.8rem;
  margin-bottom: 0.8rem;
}
.label-badges__label:not(:last-of-type) {
  margin-right: 0.8rem;
}
.label-badges__value {
  display: inline;
  margin-left: 0.7rem;
  word-break: break-all;
}
.date-range-control {
  padding: 1.6rem;
}
.date-range-control__switch-tabs {
  margin-bottom: 1.4rem;
}
.date-range-control__button {
  display: block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #46a6a4;
  padding: 0.8rem;
  border-radius: 0.4rem;
  transition: opacity 0.3s;
}
.date-range-control__button:not(:last-of-type) {
  margin-bottom: 1rem;
}
.date-range-control__button:hover {
  opacity: 0.7;
}
.date-range-control__button:not(:disabled) {
  border: 1px solid #46a6a4;
}
.date-range-control__button--apply:not(:disabled) {
  background-color: #46a6a4;
  color: #fff;
}
.date-range-control__button:disabled {
  background-color: #bdbdbd;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .date-range-control {
    padding: 1.3rem;
  }
}
.dropdown-options-container.date-range-control {
  min-width: 32rem;
  max-height: 100%;
  border-radius: 1.2rem;
}
@media screen and (max-width: 480px) {
  .dropdown-options-container.date-range-control {
    min-width: 26rem;
  }
}
.switch-tabs {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
}
.switch-tabs__item {
  width: 50%;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.switch-tabs__item input[type=radio]:checked + * {
  display: block;
  color: #fff;
  background-color: #351f73;
  border-radius: 0.8rem;
  padding: 1rem;
}
.switch-tabs__value {
  display: block;
  padding: 1rem;
  color: #351f73;
}
.switch-tabs__input {
  display: none;
}
@media screen and (max-width: 480px) {
  .switch-tabs__item {
    font-size: 1rem;
  }
}
.email-form {
  margin-top: 3.4rem;
}
.email-form__btn {
  padding: 0.9rem 2rem;
  margin-left: 1.6rem;
}
.email-form .form__row {
  margin-bottom: 3.2rem;
}
.email-form__content {
  display: flex;
}
.email-form__plug-label {
  width: 100%;
  max-width: 14rem;
  margin-right: 2rem;
}
.email-form__controls {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0;
  margin-top: 3rem;
}
.email-form__button:not(:last-of-type) {
  margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
  .email-form .form-field--wrapper.form-field--wrapper__row.wrapper-rounded .form-field--label,
  .email-form__plug-label {
    max-width: 9rem;
  }
}
@media screen and (max-width: 480px) {
  .email-form__btn {
    margin: 1.6rem 0 0;
  }
  .email-form__plug-label {
    display: none;
  }
  .email-form__controls {
    flex-direction: column;
    justify-content: center;
  }
  .email-form__button {
    width: 100%;
  }
  .email-form__button:not(:last-of-type) {
    margin: 0 0 1.6rem;
  }
}
.email-form-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.email-form-info__content {
  display: flex;
}
.email-form-info__content:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.email-form-info__text {
  width: 100%;
  line-height: 1.6rem;
  word-break: break-all;
  color: #010202;
  background-color: #f5f5f5;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin-right: 1.2rem;
}
.email-form-info__btn {
  flex-shrink: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  text-align: center;
}
app-seazone-form-field {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
app-location-autocomplete {
  width: 100%;
}
.form-field--wrapper {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-field--wrapper__row {
  flex-direction: row;
}
.form-field--wrapper__row .form-field--label {
  width: 100%;
  max-width: 14rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .form-field--wrapper__row .form-field--label {
    max-width: none;
  }
}
@media screen and (max-width: 480px) {
  .form-field--wrapper__row .form-field--label {
    max-width: none;
  }
}
@media screen and (max-width: 480px) {
  .form-field--wrapper__row {
    flex-direction: column;
  }
}
.form-field--label {
  display: block;
  font: 1.2rem/2.4rem "Roboto", sans-serif;
  text-align: left;
  color: #351f6f;
}
.form-field--label.required::after {
  color: red;
  content: "*";
}
.form-field--label--text {
  display: inline-flex;
  line-height: 1;
}
.form-field--label--text-suffix:not(empty) {
  margin-left: 0.4rem;
  height: 100%;
  overflow: hidden;
}
.form-field--content {
  display: flex;
  width: 100%;
  padding: 0.8rem 1.2rem;
  background-color: inherit;
  border-radius: 0.2rem;
  resize: none;
  border: none;
  position: relative;
}
.form-field--content-outline {
  border: 0.1rem solid #a9a9a9;
  height: 4.8rem;
  box-sizing: border-box;
  background-color: white;
}
@media screen and (max-width: 480px) {
  .form-field--content-outline {
    height: 4rem;
  }
}
.form-field--content-outline.active:not(.disabled):not(.readonly) {
  border: 0.1rem solid #7d42d2;
}
.form-field--content.disabled,
.form-field--content.readonly {
  background-color: #e7e7eb;
  cursor: default;
  color: #a9a9a9;
}
.form-field--content.disabled .form-field--content-suffix,
.form-field--content.disabled .select-value,
.form-field--content.disabled .icon-date,
.form-field--content.disabled .icon-mdi_calendar-edit,
.form-field--content.readonly .form-field--content-suffix,
.form-field--content.readonly .select-value,
.form-field--content.readonly .icon-date,
.form-field--content.readonly .icon-mdi_calendar-edit {
  cursor: default;
  color: #a9a9a9;
}
.form-field--content-wrapper {
  flex: 1 auto;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.form-field--content-suffix:not(:empty),
.form-field--content-prefix:not(:empty) {
  height: 100%;
  font-size: 15px;
  width: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 0.6rem 0 0.2rem;
  z-index: 2;
}
.form-field--content.large .form-field--content-prefix:not(:empty) {
  margin-right: 1.5rem;
  max-width: 2.2rem;
}
.form-field--content-suffix:not(:empty) {
  margin-left: 0.3rem;
  max-width: 2.5rem;
  cursor: pointer;
}
.form-field__area {
  min-height: 11.5rem;
}
.form-field__area .form-field--content {
  height: 100%;
}
.form-field__area .form-field--label {
  padding-top: 1.5rem;
  align-items: normal;
}
.form-field--hint {
  color: #828282;
  font-size: 1.2rem;
}
.form-field--hint.bottom-hint {
  text-align: right;
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
}
.seazone-form-field--wrapper .form-field--label {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-right: 7rem;
}
@media screen and (max-width: 800px) {
  .seazone-form-field--wrapper .form-field--label {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .seazone-form-field--wrapper .form-field--label {
    margin-bottom: 0.8rem;
  }
}
.invalid.form-field--wrapper .form-field--content:not(.disabled):not(.readonly),
.invalid.form-field__area .form-field--content:not(.disabled):not(.readonly) {
  border-color: red;
}
.wrapper-rounded .form-field--content {
  border-radius: 0.4rem;
  border: 0.1rem solid #bdbdbd;
  height: 4rem;
  background-color: #fff;
  box-sizing: border-box;
}
.wrapper-rounded .form-field--content .form-field--content-wrapper .seazone__form-input::placeholder,
.wrapper-rounded .form-field--content .form-field--content-wrapper .seazone__form-input,
.wrapper-rounded .form-field--content .form-field--content-wrapper .select-placeholder,
.wrapper-rounded .form-field--content .form-field--content-wrapper .select-value {
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrapper-rounded .form-field--content .form-field--content-wrapper .select-value {
  width: 18rem;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .wrapper-rounded .form-field--content .form-field--content-wrapper .select-value {
    width: 100%;
  }
}
.wrapper-rounded .form-field--content .form-field--content-wrapper .seazone__form-input::placeholder {
  color: #bdbdbd;
}
.wrapper-rounded .form-field--content .form-field--content-wrapper .seazone__form-input {
  background-color: inherit;
}
.wrapper-rounded .form-field--content-wrapper {
  display: flex;
  align-items: center;
}
.wrapper-rounded .form-field--content.disabled {
  background-color: #f5f5f5;
}
.wrapper-rounded .form-field--label {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0.2rem;
  display: flex;
  flex-direction: column;
  color: #010202;
}
.wrapper-rounded.form-field--wrapper__row .form-field--label {
  justify-content: center;
  align-items: flex-start;
  margin-right: 2rem;
}
@media screen and (max-width: 480px) {
  .wrapper-rounded.form-field--wrapper__row .form-field--label {
    margin: 0 0 0.8rem;
  }
}
.wrapper-rounded.form-field--wrapper__row.form-field__area .form-field--label {
  justify-content: flex-start;
}
.location-autocomplete {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.location-autocomplete .wrapper-rounded .form-field--content {
  border-radius: 0.4rem 0 0 0.4rem;
}
.v3.location-autocomplete .seazone__form-search-icon {
  width: 5.2rem;
  height: 4rem;
  background-color: #351f73;
  border-radius: 0 0.4rem 0.4rem 0;
}
.select-option {
  width: 100%;
  font: 1.6rem/3.9rem "Roboto", sans-serif;
  text-align: left;
  text-decoration: none;
  max-width: 100%;
  position: relative;
  cursor: pointer;
  outline: none;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
  color: #4d4e67;
  white-space: normal;
  min-height: 4rem;
}
.select-option.hidden-option {
  display: none;
}
.expense-status-option__container {
  display: flex;
  width: 100%;
}
.expense-status-option__img {
  height: 100%;
  max-width: 1.5rem;
  width: 100%;
}
.expense-status-option__value {
  padding-left: 0.5rem;
}
.search .select-option:hover:not(.not-selectable),
.country-search .select-option:hover:not(.not-selectable) {
  background: inherit;
}
.seazone__form-input {
  height: 100%;
  width: 100%;
  position: relative;
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  box-sizing: border-box;
  border: none;
}
.seazone__form-input.ng-invalid.ng-dirty {
  border: none;
}
.seazone__form-input::placeholder {
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  color: #a9a9a9;
}
@media screen and (max-width: 480px) {
  .seazone__form-input::placeholder {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.seazone__form-input:-webkit-autofill,
.seazone__form-input:-webkit-autofill:hover,
.seazone__form-input:-webkit-autofill:focus,
.seazone__form-input:-webkit-autofill {
  z-index: 1;
  top: 0;
  left: 0;
}
.seazone__form-input:disabled,
.seazone__form-input:read-only {
  background-color: #e7e7eb;
  cursor: default;
}
.seazone__form-icon {
  opacity: 0.8;
}
.seazone__form-icon svg {
  fill: #351f73;
}
.seazone__form-icon:hover,
.seazone__form-icon:active {
  opacity: 1;
}
.seazone__form-icon.hidden {
  visibility: hidden;
}
.seazone__form-search-icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #351f73;
  cursor: pointer;
  flex-shrink: 0;
}
.select-option {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.scroll-viewport {
  width: 100%;
}
.container-fixed {
  overflow: auto;
}
app-country-select {
  display: block;
  width: 100%;
  min-width: 9.2rem;
}
.country-flag {
  width: 2.2rem;
  height: 1.2rem;
}
.country-flag img {
  width: 2.2rem;
  height: 1.2rem;
}
.select-container {
  display: flex;
}
.select-container .country-flag {
  margin-right: 1rem;
}
app-phone-number {
  width: 100%;
}
app-phone-number.ng-invalid.ng-dirty .form__input {
  border-color: red;
}
app-phone-number.ng-invalid.ng-dirty .form__block-text {
  color: red;
}
app-phone-number p {
  margin: 0;
}
app-phone-number .phone-control-wrapper {
  position: relative;
  width: 100%;
}
app-phone-number .phone-control-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  border: 0.1rem solid #a9a9a9;
}
app-phone-number .phone-control-container.active {
  border: 0.1rem solid #7d42d2;
}
app-phone-number .phone-control-container .country-flag {
  width: 3.1rem;
  height: 2rem;
  cursor: pointer;
}
app-phone-number .phone-control-container .country-flag img {
  width: 3.1rem;
  height: 2rem;
}
app-phone-number .phone-control-container .phone-input {
  flex: 1 auto;
}
app-phone-number .phone-control-container .phone-input input {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #4d4e67;
  background-color: initial;
  padding: 0;
}
@media screen and (max-width: 480px) {
  app-phone-number .phone-control-container .phone-input input {
    font-size: 1.4rem;
  }
}
app-phone-number .phone-control-container.disabled,
app-phone-number .phone-control-container.readonly {
  cursor: default;
  background-color: #e7e7eb;
}
app-phone-number .phone-control-container.disabled input:read-only,
app-phone-number .phone-control-container.disabled input:disabled,
app-phone-number .phone-control-container.readonly input:read-only,
app-phone-number .phone-control-container.readonly input:disabled {
  background-color: inherit;
  cursor: default;
  color: #a9a9a9;
}
app-phone-number .phone-control-container.disabled .phone-code-container,
app-phone-number .phone-control-container.readonly .phone-code-container {
  color: #a9a9a9;
}
app-phone-number .phone-control-container.disabled .country-select-container,
app-phone-number .phone-control-container.disabled .country-select-container i,
app-phone-number .phone-control-container.readonly .country-select-container,
app-phone-number .phone-control-container.readonly .country-select-container i {
  cursor: default;
}
app-phone-number .country-select-container {
  margin-right: 0.4rem;
  cursor: pointer;
}
app-phone-number .phone-code-container {
  font-size: 1.6rem;
  margin-right: 1rem;
  padding-left: 1.2rem;
  border-left: 0.1rem solid #a9a9a9;
  display: flex;
  line-height: 2rem;
  align-items: center;
}
@media screen and (max-width: 480px) {
  app-phone-number .phone-code-container {
    font-size: 1.4rem;
  }
}
app-phone-number .required::after {
  color: red;
  content: "*";
}
app-phone-number .select-container {
  display: flex;
  height: 4rem;
}
app-phone-number .select-container .country-flag {
  width: 3.1rem;
  height: 100%;
  display: flex;
  margin-right: 1rem;
  align-items: center;
}
app-phone-number .select-container .country-flag img {
  width: 3.1rem;
  height: 2rem;
}
app-phone-number .filter-input {
  position: relative;
  width: 100%;
  background: url(/assets/img/img_search.svg) 0.6rem 0.8rem no-repeat;
  padding-left: 4.3rem;
  box-sizing: border-box;
  border: none;
  border-bottom: 0.1rem solid #a9a9a9;
}
app-select {
  min-width: auto;
}
app-phone-number .wrapper-rounded .form__block-text {
  color: #010202;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding-bottom: 0.2rem;
}
app-phone-number .wrapper-rounded .form__input {
  height: 4rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #bdbdbd;
  background-color: #fff;
}
app-phone-number .wrapper-rounded .form__input.disabled {
  background-color: #f5f5f5;
}
app-phone-number .wrapper-rounded .country-flag {
  width: 2.2rem;
  height: 1.2rem;
  display: flex;
  box-sizing: border-box;
}
app-phone-number .wrapper-rounded .country-flag img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
}
app-phone-number .wrapper-rounded .phone-code-container {
  font-size: 1.4rem;
  padding-left: 0;
  border: none;
  color: #bdbdbd;
}
app-phone-number .wrapper-rounded .phone-input input {
  font-size: 1.4rem;
}
app-seazone-text-area {
  display: flex;
  width: 100%;
  flex-direction: column;
}
app-seazone-text-area .offset {
  margin-top: 3rem;
}
app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 15rem;
}
app-seazone-text-area .seaz-text-area--dynamic .wrapper-rounded .form-field--content {
  height: 100%;
}
app-seazone-text-area textarea {
  background-color: inherit;
}
app-seazone-text-area textarea:focus {
  border: none;
}
.seazone__text-area {
  height: 100%;
  width: 100%;
  position: relative;
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  box-sizing: border-box;
  border: none;
}
.seazone__text-area--dynamic {
  resize: none;
  overflow: hidden;
}
.seazone__text-area::placeholder {
  font: 1.6rem/2.8rem "Roboto", sans-serif;
  color: #a9a9a9;
}
@media screen and (max-width: 480px) {
  .seazone__text-area::placeholder {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.seazone__text-area:disabled,
.seazone__text-area:read-only {
  cursor: default;
}
.seazone__text-area_counter {
  position: absolute;
  right: 0;
  top: -2rem;
}
.checkbox-limited .form-field--wrapper {
  display: block;
}
.checkbox-limited .form-field--content {
  flex-direction: column;
  padding: 0 0.8rem;
  margin-top: 1.9rem;
}
.checkbox-limited app-seazone-checkbox-item-alternate:not(:last-of-type) {
  margin-bottom: 2.2rem;
}
.checkbox-limited .form-field--label {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 2.2rem;
}
.checkbox-limited .form__checkbox-label-text,
.checkbox-limited .form-field--label {
  color: #010202;
}
.checkbox-limited .count {
  margin-left: 1rem;
}
.checkbox-limited .form__checkbox-label:before {
  border: 0.2rem solid #4f194a;
}
.checkbox-limited .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
@media screen and (max-width: 480px) {
  .checkbox-limited .form__checkbox-label-text {
    font-size: 1.6rem;
  }
}
.mat-datepicker-content .mat-calendar-body-label {
  vertical-align: bottom;
}
.mat-datepicker-content .mat-calendar-body-cell.mat-calendar-body-disabled {
  cursor: default;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-controls {
  justify-content: space-between;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-previous-button {
  order: 1;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-period-button {
  order: 2;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-next-button {
  order: 3;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-spacer {
  display: none;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-table-header th {
  font-size: 1.2rem;
}
.mat-datepicker-content .wrapper-rounded .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .wrapper-rounded .mat-calendar-body-cell:not(.mat-calendar-body-disabled) > .mat-calendar-body-selected {
  background-color: #432791;
  color: white;
}
.seazone-select-option,
.autocomplete-option {
  font: 1.6rem/3.9rem "Roboto", sans-serif;
  padding: 0 2.4rem;
  text-align: left;
  text-decoration: none;
  max-width: 100%;
  position: relative;
  outline: none;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
  color: #4d4e67;
  white-space: normal;
  min-height: 4rem;
}
.seazone-select-option.selected:not([notselectable]):not(.disabled),
.seazone-select-option.active:not([notselectable]):not(.disabled),
.seazone-select-option:hover:not([notselectable]):not(.disabled),
.autocomplete-option.selected:not([notselectable]):not(.disabled),
.autocomplete-option.active:not([notselectable]):not(.disabled),
.autocomplete-option:hover:not([notselectable]):not(.disabled) {
  background: #e7e7eb;
}
.seazone-select-option:not(.disabled),
.autocomplete-option:not(.disabled) {
  cursor: pointer;
}
.seazone-select-option.hidden-option,
.autocomplete-option.hidden-option {
  display: none;
}
.wrapper-small .form-field--label {
  padding-top: 0;
}
.wrapper-small .form-field--content {
  height: 11.6rem !important;
}
.wrapper-small .form-field--content .form-field--content-wrapper .seazone__text-area {
  font: 1.4rem/normal "Roboto", sans-serif;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.wrapper-small .form-field--content .form-field--content-wrapper .seazone__text-area::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.wrapper-small .form-field--content .form-field--content-wrapper .seazone__text-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.wrapper-small .form-field--content .form-field--content-wrapper .seazone__text-area::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.expense-view__tabs {
  margin-top: 3rem;
}
.expense-view__action-btn:not(:last-of-type) {
  margin-right: 0;
}
.expense-view__sub-title {
  font-size: 2rem;
}
.edit-supplier-profile {
  padding: 0 1rem 2.4rem;
}
.edit-supplier-profile .seaz-profile__header {
  padding: 8rem 2.4rem 5.4rem;
}
.edit-supplier-profile .seaz-profile__navigation_list {
  flex: 0 1 100%;
}
.edit-supplier-profile .seaz-profile__navigation_item,
.edit-supplier-profile .seaz-profile__navigation_link {
  width: 100%;
}
.edit-supplier-profile .seaz-profile__navigation_item:first-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
.edit-supplier-profile .seaz-profile__navigation_item:last-of-type {
  border-radius: 0 0.8rem 0.8rem 0;
}
.edit-supplier-profile .seaz-profile__navigation_link {
  justify-content: center;
}
.edit-supplier-profile .seaz-profile__navigation app-scroll-controls .controls-container button {
  height: 5rem;
}
.edit-supplier-profile .seaz-profile__navigation app-scroll-controls .controls-container button:nth-child(1) {
  left: -5px;
}
.edit-supplier-profile .seaz-profile__navigation app-scroll-controls .controls-container button:nth-child(2) {
  right: -5px;
}
.edit-supplier-profile .controls-container button:first-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
.edit-supplier-profile .controls-container button:last-of-type {
  border-radius: 0 0.8rem 0.8rem 0;
}
@media screen and (max-width: 880px) {
  .edit-supplier-profile .seaz-profile__navigation_list,
  .edit-supplier-profile .seaz-profile__navigation_item,
  .edit-supplier-profile .seaz-profile__navigation_link {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .edit-supplier-profile {
    padding: 0 1rem;
  }
  .edit-supplier-profile .seaz-profile__header {
    width: 100%;
    padding: 3rem 0 1rem;
  }
  .edit-supplier-profile .seaz-profile__navigation_list {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 480px) {
  .edit-supplier-profile .seaz-profile__navigation_item:first-of-type {
    border-radius: 0;
  }
  .edit-supplier-profile .seaz-profile__navigation_item:last-of-type {
    border-radius: 0;
  }
}
.supplier-edit__wrap {
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto;
  padding: 0 3.2rem;
}
.supplier-edit__content {
  width: 100%;
  max-width: 126rem;
  margin: 0 auto;
  padding: 0 3.2rem;
  box-sizing: border-box;
}
.supplier-edit__content--bank-item:nth-of-type(2n-1) .seaz-edit__bank_row {
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .supplier-edit__content--bank-item:nth-of-type(2n-1) .seaz-edit__bank_row {
    background-color: #fafafb;
  }
}
.supplier-edit__content .foot-note {
  margin-top: 4rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .supplier-edit__content .foot-note {
    margin-top: 2rem;
  }
}
.supplier-edit__row {
  width: 100%;
}
.supplier-edit__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 4.8rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .supplier-edit__wrap,
  .supplier-edit__content {
    padding: 0 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .supplier-edit__add-btn {
    width: 100%;
    justify-content: center;
  }
  .supplier-edit .seaz-crew__btn_box {
    width: 100%;
  }
  .supplier-edit .seaz-crew__edit_head_row {
    padding: 3rem 0 1.7rem;
  }
  .supplier-edit__bank-row {
    width: 750px;
    max-width: 750px;
  }
  .supplier-edit__bank-content {
    overflow-x: scroll;
  }
}
.modal-small.supplier-modal.seaz-modal {
  width: 100%;
  border-radius: 1.6rem;
}
.supplier-modal {
  padding: 1rem;
}
.supplier-modal .seaz-modal__document_form {
  width: 100%;
}
.supplier-modal .seaz-modal__document_row {
  width: 100%;
}
.supplier-modal .seaz-modal__document_content {
  padding: 0;
}
.supplier-modal .modal-close {
  top: 4rem;
}
@media screen and (max-width: 1200px) {
  .supplier-modal .seaz-modal__document_content {
    width: 100%;
  }
}
.supplier-modal-content__header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.4rem;
}
.supplier-modal-content__action-content {
  display: flex;
  align-items: center;
  margin-right: 3rem;
}
.supplier-modal-content .form-field--content-suffix app-seazone-icon svg {
  width: 2rem;
  height: 2rem;
}
.supplier-modal-content .label-plug {
  width: 100%;
  max-width: 14rem;
  margin-right: 2rem;
}
.supplier-modal-content .form__checkbox-label-text {
  color: #010202;
}
.supplier-modal-content .seaz-uploader__document_label {
  margin-right: 2rem;
}
.supplier-modal-content .yaht-edit__btn_box {
  width: 100%;
}
.supplier-modal-content .seaz-uploader__document_file span {
  word-break: break-all;
}
.supplier-modal-content .seaz__btn_small-outlined,
.supplier-modal-content .seaz__btn_small-outlined-plus {
  border-radius: 0.4rem;
}
.supplier-modal-content .seaz-uploader__document_box_drop {
  border-radius: 0.8rem;
}
.supplier-modal-content__btn-box {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0;
}
.supplier-modal-content__button:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .supplier-modal-content .label-plug {
    display: none;
  }
  .supplier-modal-content__btn-box {
    flex-direction: column;
  }
  .supplier-modal-content__button:not(:last-of-type) {
    margin: 0 0 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .supplier-modal-content__action-content {
    margin-right: 2rem;
  }
  .supplier-modal-content .form__checkbox-label {
    width: auto;
  }
  .supplier-modal-content .form__checkbox-label-text {
    padding-left: 0.5rem;
  }
}
.supplier-edit-form__description {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-bottom: 2.4rem;
}
.supplier-edit-form__description.for-general-tab {
  color: #010202;
  margin-bottom: 2.4rem;
}
.supplier-edit-form__description.for-tags {
  margin-bottom: 1.6rem;
}
.supplier-edit-form__description.for-additional-photos {
  padding-top: 3rem;
  margin-bottom: 1.9rem;
}
.supplier-edit-form__description.for-additional-photos span {
  display: block;
}
.supplier-edit-form__description.for-services {
  padding-top: 2.4rem;
}
.supplier-edit-form__description.for-services.added {
  margin: 1.4rem 0 2.4rem 0;
}
.supplier-edit-form .seaz-crew__edit_head_row {
  padding-top: 0;
}
.supplier-edit-form__group {
  margin-top: 4.8rem;
  padding-bottom: 6.4rem;
  border-bottom: 1px solid #bdbdbd;
}
.supplier-edit-form__row {
  width: 70.8rem;
}
.supplier-edit-form__row--fixed-size app-seazone-input {
  width: auto;
}
.supplier-edit-form__row--fixed-size .form-field--content {
  max-width: 41.3rem;
  min-width: 41.3rem;
}
.supplier-edit-form__checkbox-group .form__checkbox-label:before {
  border: 0.2rem solid #4f194a;
}
.supplier-edit-form__checkbox-group .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.supplier-edit-form__checkbox-group .form__checkbox-input:disabled:checked ~ label:before {
  background-color: rgba(53, 31, 111, 0.5);
}
.supplier-edit-form__checkbox-group .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .supplier-edit-form .seaz-crew__edit_head_row {
    padding: 3rem 0 0;
  }
  .supplier-edit-form__group {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  .supplier-edit-form .seaz-crew__edit_head_row .seaz-crew__edit_title {
    padding-bottom: 0;
  }
  .supplier-edit-form__row {
    width: 100%;
  }
  .supplier-edit-form__row--fixed-size app-seazone-input {
    width: 100%;
  }
  .supplier-edit-form__row--fixed-size .form-field--content {
    width: 100%;
    max-width: initial;
    min-width: initial;
  }
}
@media screen and (max-width: 480px) {
  .supplier-edit-form__media-uploader .seaz-uploader__choose {
    margin-top: 1rem;
  }
  .supplier-edit-form__field-row {
    margin-bottom: 3.2rem;
  }
}
.supplier-edit-form__description.for-general-tab {
  color: #010202;
  margin-bottom: 1rem;
}
.supplier-edit-form__description.for-tags {
  margin-bottom: 1rem;
}
.supplier-edit-form__description.for-additional-photos {
  padding-top: 1rem;
  margin-bottom: 1rem;
}
.supplier-edit-form__description.for-services {
  padding-top: 1rem;
}
.supplier-edit-form__description.for-services.added {
  padding-top: 1rem;
}
.supplier-edit-form-field-container__row {
  display: flex;
  align-items: center;
  width: 100%;
}
.supplier-edit-form-field-container app-phone-number .wrapper-rounded p.form__block-text,
.supplier-edit-form-field-container__plug {
  display: flex;
  align-items: center;
  width: 16rem;
  margin-right: 2rem;
  font-size: 1.4rem;
  color: #010202;
}
.supplier-edit-form-field-container .form-field--label {
  max-width: 16rem;
  font-size: 1.4rem;
}
.supplier-edit-form-field-container__form-label {
  flex-shrink: 0;
  line-height: 3.6rem;
}
.supplier-edit-form-field-container__form-label--top-indent {
  padding-top: 0.8rem;
}
.supplier-edit-form-field-container__form-label,
.supplier-edit-form-field-container .working-time__label {
  width: 16rem;
  font-size: 1.4rem;
  margin-right: 2rem;
  color: #010202;
}
.supplier-edit-form-field-container__btn {
  margin-left: 1.6rem;
}
@media screen and (max-width: 768px) {
  .supplier-edit-form-field-container app-phone-number .wrapper-rounded p.form__block-text,
  .supplier-edit-form-field-container__plug {
    max-width: 7rem;
    margin-right: 1rem;
  }
  .supplier-edit-form-field-container .form-field--label {
    width: 7rem;
    max-width: 7rem;
    margin-right: 1rem;
  }
  .supplier-edit-form-field-container__form-label,
  .supplier-edit-form-field-container .working-time__label {
    width: 7rem;
    margin-right: 1rem;
  }
  .supplier-edit-form-field-container__form-label {
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .supplier-edit-form-field-container__row {
    align-items: flex-end;
  }
  .supplier-edit-form-field-container__form-label {
    line-height: 1.1;
  }
  .supplier-edit-form-field-container app-phone-number .wrapper-rounded p.form__block-text {
    max-width: 100%;
    margin: 0 0 0.8rem 0;
  }
  .supplier-edit-form-field-container app-phone-number .form__block.form__block--row {
    flex-direction: column;
  }
  .supplier-edit-form-field-container app-phone-number .phone-control-wrapper {
    margin-bottom: 0;
  }
  .supplier-edit-form-field-container .form-field--label {
    width: 100%;
    max-width: 100%;
  }
  .supplier-edit-form-field-container__form-label,
  .supplier-edit-form-field-container .working-time__label {
    width: 100%;
    margin: 0 0 0.8rem;
  }
  .supplier-edit-form-field-container .seaz-red-close,
  .supplier-edit-form-field-container .seaz-uploader__document_file .icon-close,
  .seaz-uploader__document_file .supplier-edit-form-field-container .icon-close {
    margin-bottom: 0.8rem;
  }
  .supplier-edit-form-field-container .form__checkbox-label-text {
    padding-left: 1rem;
  }
  .supplier-edit-form-field-container__plug {
    display: none;
  }
}
.supplier-bank-details .seaz-crew__btn_box {
  padding: 3rem 0 3rem;
}
@media screen and (max-width: 768px) {
  .supplier-bank-details .form-field--wrapper__row,
  .supplier-bank-details .form__row,
  .supplier-bank-details .seaz-uploader__document {
    flex-direction: column;
  }
  .supplier-bank-details .wrapper-rounded.form-field--wrapper__row .form-field--label,
  .supplier-bank-details .seaz-uploader__document_label {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
  .supplier-bank-details .seaz-modal__document_uploader {
    padding-bottom: 0;
  }
}
.bank-details-modal__row {
  display: grid;
  grid-template-columns: 15rem 1fr;
  grid-gap: 0 2.4rem;
  align-items: baseline;
}
.bank-details-modal__row:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
.bank-details-modal__title {
  line-height: 1.6rem;
  color: #828282;
}
.bank-details-modal__text {
  color: #010202;
  line-height: 1.6rem;
}
@media screen and (max-width: 480px) {
  .bank-details-modal__row {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .bank-details-modal__title {
    margin-bottom: 1.6rem;
  }
}
.supplier-reorganize {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.supplier-reorganize__modal {
  max-width: 63rem;
  font-family: Roboto, sans-serif;
}
.supplier-reorganize__title {
  font-style: normal;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #351f73;
}
.supplier-reorganize__items {
  max-width: 100%;
  min-height: 60px;
  display: block;
  background: white;
  overflow: auto;
  margin: 3rem 0;
  border-bottom: 1px solid #e0e0e0;
}
.supplier-reorganize__items--title {
  padding: 1.2rem 0;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
}
.supplier-reorganize__items--title.overline {
  border-top: 1px solid #e0e0e0;
}
.supplier-reorganize__item {
  height: 6.5rem;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  cursor: move;
  background: white;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}
.supplier-reorganize__item--img {
  margin: 0 1.8rem;
  width: 4.1rem;
  height: 4.1rem;
  filter: invert(17%) sepia(24%) saturate(4663%) hue-rotate(238deg) brightness(86%) contrast(105%);
}
.supplier-reorganize__item--text {
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.4rem;
}
.supplier-reorganize__item--text.role {
  color: #828282;
}
.supplier-reorganize__item--text.service {
  color: #351f73;
}
.supplier-reorganize__buttons {
  display: flex;
  flex-direction: row;
  justify-content: right;
}
.supplier-reorganize__buttons .seaz__btn_rounded {
  margin-left: 1.2rem;
}
@media screen and (max-width: 480px) {
  .supplier-reorganize__item--img {
    margin: 0 1.8rem;
    width: 3.1rem;
    height: 3.1rem;
  }
  .supplier-reorganize__item--text {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  .supplier-edit-bank-details .seaz-edit__bank_row {
    flex-direction: column;
    align-items: flex-start;
  }
  .supplier-edit-bank-details .seaz-edit__bank_row--left,
  .supplier-edit-bank-details .seaz-edit__bank--account {
    flex-direction: column;
  }
  .supplier-edit-bank-details .seaz-edit__bank_btns {
    margin-top: 1.6rem;
  }
  .supplier-edit-bank-details .seaz-edit__bank_label {
    padding-bottom: 1.2rem;
  }
}
.contact-person-add-row {
  align-items: flex-start;
}
.contact-person-add-row .supplier-edit-form-field-container__plug {
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .contact-person-add-row {
    flex-direction: column;
  }
  .contact-person-add-row .supplier-edit-form-field-container__plug {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.8rem;
  }
}
.contact-person-add-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.contact-person-add-wrap.center {
  align-items: center;
}
.contact-person-add-wrap .seaz__btn_rounded {
  width: 9.6rem;
}
.contact-person-add-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.contact-person-add-container app-supplier-contact-person-preview {
  display: block;
  width: 100%;
}
.contact-person-add-container .branches-modal-item {
  background-color: #fff;
}
.contact-person-add-container .seaz-red-close,
.contact-person-add-container .seaz-uploader__document_file .icon-close,
.seaz-uploader__document_file .contact-person-add-container .icon-close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-form {
  box-sizing: border-box;
}
.service-form__top-indent {
  margin-top: 6.4rem;
}
.service-form__title {
  color: #010202;
}
.service-form__title--small {
  font-size: 1.6rem;
}
.service-form__row {
  margin-top: 3.2rem;
}
.service-form__chips-select {
  display: block;
}
.service-form__chips-select.ng-touched.ng-invalid .chips-item {
  border-color: #d70000;
}
.service-form__chips-select--indent-top {
  margin-top: 2.4rem;
}
.service-form__chips-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  background-color: #c2bed4;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.service-form__chips-icon img {
  max-width: 100%;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(148deg) brightness(108%) contrast(101%);
}
.service-form .stash-items-overflow-count {
  cursor: initial;
}
.service-form__search-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.service-form__search-container {
  width: 90%;
  box-sizing: border-box;
  margin-right: 2.4rem;
}
.service-form__search-select-form-list {
  flex-shrink: 0;
}
.service-form__suggested-services {
  margin-top: 2.4rem;
}
.service-form__role {
  color: #828282;
}
.service-form__name {
  color: #351f73;
}
.service-form__separator {
  margin: 0 1.2rem;
  color: #828282;
}
.service-form__suggested-services-btn app-seazone-icon {
  transition: transform 0.3s;
}
.service-form__suggested-services-btn:hover app-seazone-icon {
  transform: rotateZ(180deg);
}
.service-form__title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-form__details {
  margin-top: 3rem;
}
.service-form .supplier-edit__footer {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .service-form__top-indent {
    margin-top: 3rem;
  }
  .service-form__chips-select--indent-top {
    margin-top: 1.6rem;
  }
  .service-form__search-content {
    flex-direction: column;
  }
  .service-form__search-container {
    width: 100%;
    margin-right: 0;
  }
  .service-form__separator {
    margin: 0 1rem;
  }
  .service-form__search-select-form-list {
    flex-shrink: 1;
    width: 100%;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .service-form__title-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .service-form .form__checkbox-label-text {
    padding-left: 1rem;
  }
  .service-form__added-btn {
    width: 100%;
    margin-top: 1.6rem;
  }
}
.suggested-services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.4rem;
}
.suggested-services__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem;
  background-color: #ededed;
  border-radius: 1rem;
}
.suggested-services__description {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  margin-right: 1rem;
}
.suggested-services__btn {
  box-sizing: border-box;
  border-radius: 0.4rem;
  background-color: #351f73;
  padding: 1.1rem 1.4rem;
}
@media screen and (max-width: 1024px) {
  .suggested-services {
    grid-template-columns: repeat(2, 1fr);
  }
  .suggested-services__description {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .suggested-services {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contacts-form__checkbox:not(:last-of-type) {
  margin-right: 4rem;
}
.contacts-form__checkbox-group {
  margin-top: 2.7rem;
}
.contacts-form__field-container:not(:last-of-type) {
  margin-bottom: 2.7rem;
}
.contacts-form__field-container app-phone-number {
  width: auto;
}
.contacts-form__field-container app-phone-number .phone-control-wrapper {
  width: 41.3rem;
}
.contacts-form__field-container .form-field--label {
  width: 16rem;
}
.contacts-form__info-icon {
  margin-right: 1.2rem;
}
.contacts-form__info-icon svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .contacts-form__field-container app-phone-number {
    width: 100%;
  }
  .contacts-form__field-container app-phone-number .phone-control-wrapper {
    width: 100%;
  }
  .contacts-form__field-container .form-field--label {
    width: 7rem;
  }
  .contacts-form__info .form-field--label {
    max-width: 7rem;
  }
}
@media screen and (max-width: 480px) {
  .contacts-form__info .form__row {
    position: relative;
  }
  .contacts-form__info .form-field--label {
    padding-left: 2.5rem;
  }
  .contacts-form__checkbox:not(:last-of-type) {
    margin-right: 1rem;
  }
  .contacts-form__info-icon {
    justify-content: flex-start !important;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.range-data-field {
  display: flex;
  align-items: center;
}
.range-data-field__item {
  display: flex;
  align-items: center;
  width: 100%;
}
.range-data-field__item:not(:last-of-type) {
  margin-right: 1.6rem;
}
.range-data-field__text {
  line-height: 1.6rem;
  color: #828282;
}
.range-data-field__label {
  margin-right: 1.6rem;
}
.range-data-field__units {
  margin-left: 1.6rem;
}
@media screen and (max-width: 480px) {
  .range-data-field__item:not(:last-of-type) {
    margin-right: 1rem;
  }
  .range-data-field__label {
    margin-right: 1rem;
  }
  .range-data-field__units {
    margin-left: 1rem;
  }
}
.service-brands-modal {
  margin-top: 3rem;
}
.service-brands-modal__toggle-select-buttons {
  margin-bottom: 1.6rem;
}
.service-brands-modal__footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 1rem 0;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .service-brands-modal .add-brands__brands-item {
    flex-direction: row;
    align-items: center;
  }
  .service-brands-modal .add-brands__brands-item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.add-brands__search {
  display: flex;
  align-items: center;
}
.add-brands__search-btn {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 1.2rem;
}
.add-brands__brands-list {
  margin-top: 1.6rem;
}
.add-brands app-supplier-service-dictionary-brand-form,
.add-brands app-no-data {
  display: block;
  min-height: 40rem;
}
.add-brands__brands-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.8rem;
  padding: 1.2rem 2.1rem 1.2rem 1.2rem;
}
.add-brands__brands-item:nth-child(2n+1) {
  background-color: #fafafb;
}
.add-brands__brands-item-wrap {
  display: flex;
  align-items: center;
}
.add-brands__checkbox {
  margin-left: 1.9rem;
}
.add-brands__checkbox .form__checkbox-label-text {
  padding-left: 1.1rem;
}
.add-brands__brands-close-btn {
  margin-left: 1rem;
}
.add-brands__list-box {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .add-brands__brands-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .add-brands__brands-item:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .add-brands__brands-item-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .add-brands__checkbox {
    margin: 1.6rem 0 0 0;
  }
  .add-brands__brands-close-btn {
    order: -1;
    margin: 0 0 1rem 0;
  }
}
@media screen and (max-width: 480px) {
  .add-brands .form__checkbox-label {
    width: auto;
  }
}
.all-services-catalog__list-services {
  margin-top: 1.6rem;
}
.all-services-catalog__toggle-box {
  margin-bottom: 1.6rem;
}
.all-services-catalog__count {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-bottom: 1.6rem;
}
.all-services-catalog__count-add {
  margin-right: 1rem;
}
.all-services-catalog__chips-container {
  margin: 0 1.2rem 1.6rem 0;
}
@media screen and (max-width: 768px) {
  .all-services-catalog .list-services__col:first-of-type {
    padding-right: 0.5rem;
  }
  .all-services-catalog .list-services__col:last-of-type {
    padding-left: 0;
  }
  .all-services-catalog .list-services__item {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .all-services-catalog .form__checkbox-label {
    padding: 0;
  }
}
.list-services {
  display: flex;
  box-sizing: border-box;
}
.list-services__col {
  width: 50%;
}
.list-services__col:first-of-type {
  border-right: 1px solid #e0e0e0;
  padding-right: 1.6rem;
}
.list-services__col:last-of-type {
  padding-left: 1.6rem;
}
.list-services__scroll-box {
  height: 30rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.list-services__scroll-box::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.list-services__scroll-box::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.list-services__scroll-box::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.list-services__item {
  display: block;
  border-radius: 0.4rem;
  padding: 1.6rem;
  cursor: pointer;
}
.list-services__text {
  line-height: 1.6rem;
}
.list-services__role.selected {
  background-color: #351f73;
  color: #fff;
}
.list-services__role-input {
  display: none;
}
.list-services__check-item.checked {
  background-color: #f5f5f5;
}
.list-services__check-item .form__checkbox {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.list-services__check-item .form__checkbox-label-text {
  padding: 0 1rem 0 0;
}
.additional-video-modal__media-uploader app-seazone-media-uploader,
.additional-video-modal__media-uploader .seaz-uploader__choose_drop {
  width: 100%;
}
.additional-video-modal__label {
  flex-shrink: 0;
  width: 14rem;
  margin-right: 2rem;
  padding-top: 3rem;
}
.additional-video-modal .seaz-uploader {
  margin-top: 0;
}
.additional-video-modal .seaz-uploader__video_item {
  border-radius: 1rem;
}
.additional-video-modal .seaz-uploader__video_play {
  background: #351f73;
}
.additional-video-modal .seaz-uploader__choose_btn {
  border-radius: 0.4rem;
}
.additional-video-modal .seaz-uploader__choose_drop {
  border-radius: 0.8rem;
}
@media screen and (max-width: 768px) {
  .additional-video-modal__label {
    padding-top: 0;
  }
  .additional-video-modal .seaz-uploader__box {
    align-items: flex-start;
  }
  .additional-video-modal .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 650px) {
  .additional-video-modal .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .additional-video-modal .seaz-uploader__choose,
  .additional-video-modal .seaz-uploader__choose_btn {
    width: 100%;
    text-align: center;
  }
  .additional-video-modal .seaz-uploader__header {
    margin-bottom: 0.8rem;
  }
  .additional-video-modal .seaz-uploader__label {
    padding: 0;
  }
}
.supplier-view-services-modal {
  max-width: 78.5rem;
}
.supplier-view-services-modal__search {
  margin: 3rem 0;
}
.services-catalog {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1rem;
}
@media screen and (max-width: 768px) {
  .services-catalog {
    grid-template-columns: 1fr;
    grid-gap: 1.6rem;
    grid-auto-rows: auto;
  }
}
.brands-services {
  display: inline-block;
  width: 100%;
}
.brands-services__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 1.6rem 1.6rem 0 0;
  box-sizing: border-box;
  padding: 2.4rem 2.6rem;
  border: 2px solid #e0e0e0;
  border-bottom: none;
}
.brands-services__info.rounded {
  border-radius: 1.6rem;
  border-bottom: 2px solid #e0e0e0;
}
.brands-services__info-container {
  display: flex;
  align-items: center;
}
.brands-services__img-box {
  flex-shrink: 0;
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 2rem;
}
.brands-services__img {
  display: block;
  width: 100%;
  height: 100%;
  filter: invert(17%) sepia(24%) saturate(4663%) hue-rotate(238deg) brightness(86%) contrast(105%);
}
.brands-services__description {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  word-break: break-word;
  margin: 0 1rem 0 0;
}
.brands-services__role,
.brands-services__separator {
  color: #828282;
}
.brands-services__separator {
  margin: 0 1.6rem;
  display: inline-block;
}
.brands-services__name {
  color: #351f73;
}
.brands-services__container {
  min-height: 8.4rem;
  border: 2px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  background-color: #fafafb;
  border-radius: 0 0 1.6rem 1.6rem;
  box-sizing: border-box;
  padding: 1.6rem;
  width: 100%;
}
.brands-services__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.brands-services__text {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  color: #828282;
  margin-right: 0.5rem;
}
.brands-services__btn-action {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background-color: initial;
  padding: 0.8rem 1.9rem;
}
.brands-services__btn-action-icon {
  margin-right: 1.1rem;
}
.brands-services__btn-action-icon svg {
  width: 1.8rem;
  height: 1.8rem;
}
.brands-services__btn-action-icon--plus svg {
  width: 1.2rem;
  height: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .brands-services__description,
  .brands-services__text {
    font-size: 1.6rem;
  }
  .brands-services__container {
    min-height: initial;
  }
}
@media screen and (max-width: 768px) {
  .brands-services__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .brands-services__info {
    padding: 1.6rem;
  }
  .brands-services__img-box {
    margin-right: 1rem;
  }
  .brands-services__description {
    margin: 0 1rem;
  }
  .brands-services__separator {
    margin: 0 1rem;
  }
  .brands-services__btn-action {
    width: 100%;
    flex-shrink: 1;
    justify-content: center;
    margin-top: 1.6rem;
  }
}
.brand-item {
  display: flex;
  align-items: center;
  min-height: 5.2rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 5.6rem;
  background-color: #fff;
  padding: 0.8rem 1.6rem 0.8rem 1rem;
  margin-right: 1.2rem;
}
.brand-item.hide {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -1;
}
.brands-img-box {
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.8rem;
}
.brands-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.brand-name {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.brand-certified {
  font-size: 1rem;
  line-height: 1.4rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: #3aae27;
}
.supplier-general-edit__group {
  padding-bottom: 4.8rem;
}
.supplier-general-edit__my-location {
  margin-top: 4.8rem;
}
.supplier-general-edit__my-location-btn {
  font-size: 1.2rem;
  padding: 0.8rem 1.6rem;
  margin: 2.4rem 0;
}
.supplier-general-edit app-seazone-text-area .offset {
  margin-top: 0;
}
.supplier-general-edit__textarea .wrapper-rounded.form-field--wrapper__row .form-field--label {
  justify-content: flex-start;
}
.supplier-general-edit__textarea .wrapper-rounded .form-field--content {
  height: auto;
  min-height: 8rem;
}
.supplier-general-edit__sub-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #010202;
}
.supplier-general-edit__sub-title.other {
  padding-top: 16px;
  margin-bottom: 24px;
}
.supplier-general-edit__sub-title.for-tags {
  margin-bottom: 1.6rem;
}
.supplier-general-edit__search-tags {
  display: flex;
  margin-top: 1.6rem;
}
.supplier-general-edit__search-button {
  margin-left: 1.2rem;
}
.supplier-general-edit__tags-list {
  margin-top: 1.6rem;
}
.supplier-general-edit .seaz-uploader__choose_btn {
  border-radius: 0.4rem;
}
.supplier-general-edit .seaz-uploader__choose_drop {
  width: 100%;
  border-radius: 0.8rem;
}
.supplier-general-edit .seaz-uploader__video_item {
  border-radius: 1rem;
}
.supplier-general-edit .seaz-uploader__video_play {
  background-color: #351f73;
}
.supplier-general-edit app-seazone-image-file:not(:last-of-type) {
  margin-right: 2rem;
}
.supplier-general-edit__language .wrapper-rounded .form-field--content {
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .supplier-general-edit__additional-video .seaz-uploader,
  .supplier-general-edit__additional-video .seaz-uploader__box {
    align-items: flex-start;
  }
  .supplier-general-edit__additional-video .seaz-uploader__label {
    text-align: left;
  }
}
.supplier-edit-tags {
  display: flex;
  flex-wrap: wrap;
}
.supplier-edit-tags__tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 1rem 1.6rem;
  word-break: break-all;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5.6rem;
  margin-bottom: 1.6rem;
}
.supplier-edit-tags__tag:not(:last-of-type) {
  margin-right: 0.8rem;
}
.supplier-edit-tags__btn {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  margin-left: 0.8rem;
}
.supplier-edit-tags-counter {
  color: #828282;
}
.branch-supplier {
  padding: 0 2.4rem;
  margin-bottom: 7rem;
}
.branch-supplier__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4.8rem 0;
}
.branch-supplier__list {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .branch-supplier__header {
    flex-direction: column;
    align-items: flex-start;
    margin: 3rem 0;
  }
  .branch-supplier .supplier-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.branch-supplier .search-card__about-person-info {
  display: flex;
  margin-top: 1.2rem;
}
.branch-supplier .search-card__about-person-info .supplier-card__about-person-services .search-card__location {
  margin: 0 2.8rem 0 0;
}
@media screen and (max-width: 768px) {
  .branch-supplier .search-card__about-person-info {
    display: flex;
    flex-direction: column;
  }
  .branch-supplier .search-card__about-person-info .supplier-card__about-person-services .search-card__location {
    margin: 1.2rem 0 0 0;
  }
  .branch-supplier .search-card__about-person-info .supplier-card__contact-name {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .branch-supplier .supplier-card__footer,
  .branch-supplier .group-action-buttons-container {
    align-items: center;
  }
}
.branch-supplier-count {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  color: #010202;
}
.branch-supplier-count__value {
  display: block;
  min-width: 2.4rem;
  height: 2.6rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.6rem;
  color: #351f73;
  padding: 0 0.6rem;
  margin-left: 0.8rem;
  background-color: #e0e0e0;
  border-radius: 50%;
}
.branch-supplier-header-action {
  display: flex;
  align-items: center;
}
.branch-supplier-header-action__btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
.branch-supplier-header-action__btn-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .branch-supplier-header-action {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .branch-supplier-header-action {
    flex-direction: column;
    width: 100%;
  }
  .branch-supplier-header-action__btn {
    width: 100%;
  }
  .branch-supplier-header-action__btn:not(:last-of-type) {
    margin: 0 0 1.2rem;
  }
}
.search-card-branch-actions {
  display: flex;
  flex-direction: row;
}
.search-card-branch-actions__btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
.search-card-branch-actions .change-status {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.search-card-branch-actions .change-status .form-field__label {
  margin-left: 0.8rem;
}
.search-card-branch-actions .change-status .form-field__label.checked {
  color: #d70000;
}
@media screen and (max-width: 480px) {
  .search-card-branch-actions .change-status .form-field__label {
    width: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
}
.search-card-branch-actions .change-status .form__toggle-input:checked + label:before {
  border-color: #d70000;
  background-color: #d70000;
}
.search-card-branch-actions .change-status .form__toggle-input:checked + label:after {
  border-color: #d70000;
}
.search-card-branch-actions .supplier-status__wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #828282;
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .search-card-branch-actions {
    margin-top: 1.2rem;
  }
}
.supplier-short-card {
  margin-top: 3.2rem;
  text-align: left;
}
.supplier-short-card.supplier-card {
  padding: 0;
}
.supplier-short-card.supplier-card .search-card__about-person-info {
  display: block;
}
.supplier-short-card__body {
  display: grid;
  grid-template-columns: 8.9rem 1fr 8.3rem;
  grid-gap: 0 2rem;
  grid-template-areas: "info person toggle-box";
  padding: 2.4rem;
}
.supplier-short-card__info {
  grid-area: info;
}
.supplier-short-card__info .rating-box-person {
  flex-direction: column;
  justify-content: center;
}
.supplier-short-card__info .rating-box-person__text {
  margin: 0.8rem 0 0;
}
.supplier-short-card .search-card__about-person {
  grid-area: person;
  border: none;
  padding-bottom: 0;
}
.supplier-short-card__photo {
  width: 8.8rem;
  height: 8.8rem;
  border: 2px solid #351f73;
  border-radius: 50%;
  box-sizing: border-box;
}
.supplier-short-card__photo .seaz-search__card_avatar {
  border: 3px solid #fff;
  box-sizing: border-box;
}
.supplier-short-card__link {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #010202;
  line-height: 1.9rem;
  margin-top: 1.2rem;
}
.supplier-short-card__link-text {
  display: block;
  width: 17rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.supplier-short-card .supplier-card__work-time {
  text-align: left;
}
.supplier-short-card .supplier-card__visit-info {
  justify-content: flex-start;
}
.supplier-short-card .search-card__location-point {
  width: 9.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.supplier-short-card__toggle-box {
  grid-area: toggle-box;
}
.supplier-short-card__toggle-box app-toggle-checkbox {
  display: flex;
  align-items: center;
}
.supplier-short-card__toggle-box .form-field__label {
  margin-right: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .supplier-short-card__body {
    grid-template-columns: 8.9rem 1fr;
    grid-template-areas: "info person" "toggle-box toggle-box";
    grid-gap: 2rem 1rem;
    padding: 1.6rem;
  }
  .supplier-short-card__toggle-box {
    justify-self: end;
  }
}
@media screen and (max-width: 768px) {
  .supplier-short-card {
    grid-template-columns: 8.9rem 1fr 8.3rem;
    grid-template-areas: "info person toggle-box";
    grid-gap: 2rem;
  }
  .supplier-short-card .supplier-card__rating-box {
    margin-top: 0.8rem;
  }
}
app-working-time,
app-seazone-checkbox-triggered-label {
  display: block;
  width: 100%;
}
.working-time {
  display: flex;
}
.working-time__label {
  flex-shrink: 0;
}
.working-time__label-text {
  display: block;
  width: 100%;
  max-width: 10rem;
  padding-top: 10px;
}
.working-time__control {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .working-time {
    flex-direction: column;
  }
  .working-time__label-text {
    max-width: 100%;
  }
}
.working-time-days {
  margin-bottom: 1.2rem;
}
.working-time-days .checkbox-limited {
  position: relative;
}
.working-time-days .checkbox-limited.invalid .single-checkbox label {
  border-color: #ff1f3a;
}
.working-time-days .checkbox-limited .form-field--wrapper {
  display: flex;
  margin-bottom: 2.8rem;
}
.working-time-days .single-checkbox input {
  display: none;
}
.working-time-days .single-checkbox label {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #828282;
  padding: 1.5rem 2rem;
  cursor: pointer;
  border: 1px solid #bdbdbd;
}
@media screen and (max-width: 768px) {
  .working-time-days .single-checkbox label {
    padding: 1.5rem 0.5rem;
  }
}
.working-time-days .single-checkbox input:checked + label {
  border-color: #432791;
  background: #432791;
  color: #ffffff;
}
.working-time-days .single-checkbox:first-child label,
.working-time-days .single-checkbox:nth-child(6) label {
  border-radius: 0.8rem 0 0 0.8rem;
}
.working-time-days .single-checkbox:last-child label,
.working-time-days .single-checkbox:nth-child(5) label {
  border-radius: 0 0.8rem 0.8rem 0;
}
.working-time-days .single-checkbox:nth-child(6) label {
  margin-left: 12px;
}
@media screen and (max-width: 480px) {
  .working-time-days .single-checkbox:nth-child(6) label {
    margin-left: 0.5rem;
  }
}
.working-time-days .single-checkbox:nth-child(6) label,
.working-time-days .single-checkbox:nth-child(7) label {
  padding: 1.5rem 1.8rem;
}
@media screen and (max-width: 768px) {
  .working-time-days .single-checkbox:nth-child(6) label,
  .working-time-days .single-checkbox:nth-child(7) label {
    padding: 1.5rem 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .working-time-days__day .form-field--wrapper__row {
    flex-direction: row;
  }
}
.working-time-range-field {
  margin-bottom: 2.1rem;
}
.working-time-range-field__group {
  display: flex;
  align-items: center;
  width: 100%;
}
.working-time-range-field__label {
  flex-shrink: 0;
  font-size: 1.4rem;
  color: #bdbdbd;
  margin-right: 0.8rem;
}
.working-time-range-field__label--first {
  min-width: 6.4rem;
}
.working-time-range-field__field:first-of-type {
  margin-right: 0.8rem;
}
.working-time-range-field__checkbox {
  margin-top: 2.7rem;
}
.working-time-range-field__checkbox .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.working-time-range-field__checkbox .form__checkbox-label:before {
  border-color: #4f194a;
}
.working-time-range-field__checkbox .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #010202;
}
.additional-video__container {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.2rem;
}
.additional-video__container:nth-of-type(even) {
  background-color: #fff;
  border-radius: 0.8rem;
}
.additional-video__container .seaz-uploader__video {
  width: max-content;
}
.additional-video__title {
  width: 100%;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #010202;
}
.additional-video__action-btn:not(:last-of-type) {
  margin-right: 2.3rem;
}
.additional-video__add-btn {
  width: max-content;
  margin-top: 3rem;
}
@media screen and (max-width: 480px) {
  .additional-video__container {
    padding: 1.2rem 0;
  }
  .additional-video__container .seaz-uploader__video_play {
    top: 50%;
    transform: translate(0, -50%);
  }
  .additional-video__title {
    font-size: 1.4rem;
    margin: 0 0.8rem 0 0.1rem;
    word-break: break-all;
  }
}
.view-profile {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  max-width: 127rem;
  margin: 4.3rem auto 0;
  padding: 0 1rem;
}
.view-profile__person-info {
  width: 31%;
  box-sizing: border-box;
  margin-right: 3.8rem;
}
.view-profile__common-info {
  width: 66%;
  box-sizing: border-box;
}
.view-profile__block {
  margin-bottom: 6.4rem;
}
.view-profile__header {
  display: inline-flex;
  width: 100%;
  margin-bottom: 2.4rem;
}
.view-profile__header--title {
  font: 3rem/4rem "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}
.view-profile__photo--img {
  border-radius: 1.2rem;
}
.view-profile__video {
  flex-direction: column;
  position: relative;
}
.view-profile__video .seaz-uploader__video_play {
  top: 32%;
}
.view-profile__video--file {
  border-radius: 1.2rem;
  max-height: 27.7rem;
}
.view-profile .video-box__title {
  padding: 0 1.2rem;
  font: 2.4rem/1.2 "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 1.6rem;
}
.view-profile .seaz-cv__documents_show {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .view-profile__person-info {
    width: 31%;
    margin-right: 1.6rem;
  }
  .view-profile__common-info {
    width: 67%;
  }
}
@media screen and (max-width: 1024px) {
  .view-profile {
    flex-direction: column;
    margin: 1rem auto 0;
  }
  .view-profile__person-info {
    width: 100%;
    margin: 0 0 1.6rem 0;
  }
  .view-profile__common-info {
    width: 100%;
  }
  .view-profile .info-rounded-box {
    padding: 1.6rem;
  }
}
.view-profile .info-rounded-label {
  position: absolute;
  top: 2rem;
  left: 2rem;
}
.person-info {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 6.4rem;
}
.person-info__box {
  padding: 3.2rem;
}
.person-info .person-info-views {
  margin: 2.2rem 0 0;
}
.person-info__rate-me-link {
  margin-top: 1.6rem;
}
.person-info__ratings-person {
  margin-top: 1.6rem;
}
.person-info__rate-button {
  margin-top: 1.6rem;
}
.person-info__footer {
  margin: 1.6rem 0 0;
}
.person-info__footer-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.person-info .crew-id-box {
  align-items: center;
}
.person-info__contact-name {
  display: inline-flex;
  align-items: center;
  margin-top: 1.6rem;
}
.person-info__contact-name--icon {
  margin-right: 0.8rem;
}
.person-info-business__name {
  margin-top: 1.6rem;
}
.person-info-business__contact-name {
  margin-bottom: 0.4rem;
}
.person-info-business__position {
  color: #bdbdbd;
}
.person-info__jump-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid #e0e0e0;
}
.person-info__jump-top-container {
  text-align: center;
}
.person-info__jump-top-date {
  display: inline-block;
  margin-top: 0.8rem;
}
.person-info__jump-top .seaz-cv__head_btn_jump {
  padding: 1.3rem 3.1rem;
  border-radius: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .person-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem 1rem;
    grid-template-areas: "person-info-common person-info-contacts" "person-info-views person-info-views";
  }
  .person-info__box {
    padding: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .person-info {
    grid-template-columns: 1fr;
    grid-gap: 1.6rem;
    grid-template-areas: "person-info-common" "person-info-contacts" "person-info-views";
    padding-bottom: 2rem;
  }
  .person-info .crew-id-box {
    flex-direction: row;
  }
}
.person-info .supplier-status__wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2.4rem 0;
  border-bottom: 1px solid #e0e0e0;
  color: #828282;
}
.person-info .change-status {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.person-info .change-status .form-field__label {
  margin-left: 0.8rem;
}
.person-info .change-status .form-field__label.checked {
  color: #d70000;
}
.person-info .change-status .form__toggle-input:checked + label:before {
  border-color: #d70000;
  background-color: #d70000;
}
.person-info .change-status .form__toggle-input:checked + label:after {
  border-color: #d70000;
}
.person-info .supplier-branches-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.person-info .supplier-contact-person-button {
  display: block;
  margin-top: 1.6rem;
}
.person-info-common {
  grid-area: person-info-common;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.6rem;
}
.person-info-common .seaz-search__card_photo {
  margin-right: 0;
}
.person-info-common .crew-id-box {
  align-items: center;
}
.person-info-common__name {
  margin-top: 1.6rem;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .person-info-common {
    margin-bottom: 0;
  }
}
.person-info-views {
  grid-area: person-info-views;
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
.person-info-views__icon {
  margin-right: 1.6rem;
}
.person-info-views__text {
  margin-left: 1rem;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .person-info-views {
    margin-bottom: 0;
  }
}
.person-info-contacts {
  grid-area: person-info-contacts;
}
.person-info-contacts__wrapper {
  position: relative;
  height: 100%;
}
.person-info-contacts__sticky.fixed {
  position: fixed;
}
.person-info-contacts__sticky.absolute {
  position: absolute;
  bottom: 0;
}
.person-info-contacts__container {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1.6rem;
  margin-bottom: 1.8rem;
}
.person-info-contacts__row {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
.person-info-contacts__row--list {
  align-items: flex-start;
}
.person-info-contacts__location-icon {
  margin-right: 1.4rem;
}
.person-info-contacts__location-text {
  font-size: 1.6rem;
  font-weight: 500;
  word-break: break-word;
}
.person-info-contacts__location-text--map {
  color: #55acee;
}
.person-info-contacts__location-distance {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #432791;
  padding-top: 0.4em;
}
.person-info-contacts__location-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.person-info-contacts__info-work {
  flex-shrink: 0;
  color: #2e8b1f;
  padding: 0.5rem 0.8rem;
  background-color: #d8efd4;
  border-radius: 3.7rem;
  margin-left: 1rem;
  display: flex;
  align-items: center;
}
.person-info-contacts__info-work.closed {
  background-color: #f5dadb;
  color: #d70000;
}
.person-info-contacts__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-left: 1.8rem;
  color: #010202;
  word-break: break-all;
}
.person-info-contacts__text--list {
  display: block;
  color: #010202;
  word-break: break-all;
}
.person-info-contacts__text--list:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.person-info-contacts__text--list-tel {
  display: flex;
  align-items: center;
}
.person-info-contacts__links {
  display: flex;
  align-items: center;
}
.person-info-contacts__links .contact-link {
  display: block;
  color: #010202;
  word-break: break-all;
}
.person-info-contacts__links .contact-link.social {
  margin-left: 1rem;
}
.person-info-contacts__links:not(:last-of-type) {
  margin-bottom: 1rem;
}
.person-info-contacts__social-box {
  display: flex;
  align-items: center;
}
.person-info-contacts__social-link:not(:last-of-type) {
  margin-right: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .person-info-contacts__sticky {
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .person-info-contacts__social-link:not(:last-of-type) {
    margin-right: 1rem;
  }
}
.view-profile-brands {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 1.1rem 2.4rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
.view-profile-brands__brands {
  display: flex;
  flex-wrap: wrap;
}
.view-profile-brands__brand {
  display: flex;
  align-items: center;
  min-height: 5.2rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 5.6rem;
  background-color: #fff;
  padding: 0.8rem 1.6rem 0.8rem 1rem;
  margin: 0.5rem 0.8rem 0.5rem 0;
}
.view-profile-brands__brand-icon {
  margin-right: 0.8rem;
  filter: invert(17%) sepia(24%) saturate(4663%) hue-rotate(238deg) brightness(86%) contrast(105%);
}
.profile-services-catalog.info-rounded-box {
  border-radius: 0 0 1.6rem 1.6rem;
}
.profile-services-catalog {
  padding: 2.4rem;
  margin-bottom: 6.7rem;
}
.profile-services-catalog__title {
  color: #010202;
}
.profile-services-catalog__container {
  margin-top: 2.4rem;
}
.profile-services-catalog .services-catalog {
  margin-top: 0;
}
.profile-services-catalog__item {
  display: block;
  border-radius: 1.6rem;
  box-sizing: border-box;
}
.profile-services-catalog__item.hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.profile-services-catalog__btn-box {
  margin-top: 1.8rem;
}
.profile-services-catalog__view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .profile-services-catalog {
    padding: 1.6rem;
  }
}
.services-info-label {
  margin-top: 2.4rem;
}
.services-info-label__container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.services-info-label__item {
  margin-bottom: 1rem;
}
.services-info-label__alert {
  font-weight: 500;
  color: #828282;
}
.services-info-label__chips {
  width: max-content;
  line-height: 1.6rem;
  color: #010202;
  padding: 1.2rem 1.6rem;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5.6rem;
  margin: 0 1.2rem 1rem 0;
}
@media screen and (max-width: 768px) {
  .services-info-label .supplier-edit-form-field-container__form-label {
    width: 10rem;
  }
}
.view-documents__show {
  margin-top: 2.2rem;
}
.view-documents__container {
  height: 0;
  transition: height 0.4s;
  overflow: hidden;
}
.view-documents__container.opened {
  height: auto;
}
.view-documents__show-text {
  background-color: #ffffff;
}
.view-documents .seaz-cv__documents {
  padding: 0 2.4rem;
}
.view-documents .seaz-cv__documents:nth-of-type(2n) {
  background-color: #f5f5f5;
  border-radius: 1.6rem;
}
.view-documents .seaz-cv__documents_row {
  width: 100%;
}
.view-documents .document-text__container {
  display: flex;
  flex-direction: column;
  width: 30%;
  margin-right: 1rem;
}
.view-documents .document-text__container:last-child {
  width: 40%;
}
@media screen and (max-width: 600px) {
  .view-documents .document-text__container {
    width: 100%;
  }
  .view-documents .document-text__container:not(:last-of-type) {
    margin: 0 0 1rem 0;
  }
  .view-documents .document-text__container:last-child {
    width: 100%;
  }
}
.view-documents .document-text__label {
  color: #828282;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.4rem;
}
.view-documents .document-text__value {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #351f73;
  word-wrap: break-word;
}
@media screen and (max-width: 600px) {
  .view-documents .document-text__value {
    margin-top: 1rem;
  }
}
.view-documents .document-actions__container {
  display: flex;
  align-items: center;
}
.view-documents .document-actions__button:not(:last-child) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 600px) {
  .view-documents .document-actions__container {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .view-documents .seaz-cv__documents_rows--box {
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .view-documents app-supplier-view-bank-details-item.seaz-cv__documents_row {
    flex-direction: column;
    align-items: flex-start;
  }
  .view-documents .seaz-cv__documents_rows--box {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .view-documents .seaz-cv__documents_rows--box {
    width: 100%;
  }
  .view-documents .seaz-cv__documents:nth-of-type(2n-1) {
    background-color: #fff;
  }
}
.view-about__block:not(:last-child) {
  margin-bottom: 2.4rem;
}
.view-about__text {
  font-size: 1.6rem;
  color: #4f4f4f;
}
.view-about__label {
  color: #828282;
  font-size: 1rem;
  margin-bottom: 0.8rem;
  text-transform: uppercase;
}
.view-about__tags {
  display: flex;
  flex-wrap: wrap;
}
.view-about__tag {
  background-color: #f5f5f5;
  color: #828282;
  padding: 0.5rem 0.8rem;
  border-radius: 3.7rem;
  margin: 0.5rem 1.2rem 0 0;
  font-size: 1.4rem;
}
.photo-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
  grid-gap: 2.4rem;
}
.photo-box__container {
  max-height: 22.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 1.2rem;
}
.video-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
  grid-gap: 2.4rem;
}
.video-box__content {
  position: relative;
  border-radius: 1.2rem;
  height: 22.7rem;
}
.video-box__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.2rem;
}
.video-box__play {
  top: 50%;
  transform: translate(0, -50%);
  background: #351f73;
}
.cover-letter-modal__text {
  line-height: 1.6rem;
  color: #010202;
  margin-top: 3rem;
}
.cover-letter-modal__download {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-top: 1.2rem;
  cursor: pointer;
}
.cover-letter-modal__download-icon {
  display: block;
  margin-right: 0.7rem;
}
.cover-letter-modal__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.2rem;
  padding-top: 3rem;
  border-top: 1px solid #e0e0e0;
}
.cover-letter-modal .modal-close {
  top: 3.5rem;
}
.seaz-modal.modal-small.cover-letter-modal {
  border-radius: 1.2rem;
}
.rating-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 1rem;
  margin: 4.6rem 0 0;
}
@media screen and (max-width: 768px) {
  .rating-modal .modal__wrap {
    padding: 1rem;
  }
}
.ratings-company-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
}
.text__company {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #4f4f4f;
}
.text__reviews {
  margin-top: 0.4rem;
  color: #828282;
}
.rate-alert {
  color: #828282;
  margin-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e0e0e0;
}
.supplier-rating-form {
  display: block;
  margin-top: 3rem;
}
.rating-report-modal .rating-history {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #e0e0e0;
}
.rating-report-modal__text-area {
  margin-top: 3rem;
}
.search-all-services-modal {
  margin-top: 3.2rem;
}
.search-all-services-modal__list:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.search-all-services-modal__title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
}
.search-all-services-modal__title-icon {
  margin-right: 1.4rem;
  filter: invert(16%) sepia(22%) saturate(7028%) hue-rotate(244deg) brightness(103%) contrast(100%);
}
.search-all-services-modal__container {
  margin-top: 1.4rem;
}
.search-all-services-modal__chips-group {
  align-items: stretch;
}
.search-all-services-modal .chips-container__icon-box {
  background-color: initial;
  padding: 0;
}
.search-all-services-modal__footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 2rem 0;
  margin-top: 3rem;
}
.search-all-services-modal__btn--copy {
  margin-right: 1.2rem;
}
.supplier-contacts-modal .person-info-contacts__container {
  border-bottom: 0;
  padding-bottom: 0;
}
.supplier-contacts-modal .toggle-select-buttons,
.supplier-contacts-modal .supplier-contacts-modal__contacts {
  margin-top: 3rem;
}
.supplier-contacts-modal__icon {
  margin-right: 1.8rem;
}
.supplier-contacts-modal__top-indent {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.8rem;
}
.view-all-brands-modal__title {
  display: flex;
  align-items: center;
}
.view-all-brands-modal__title-icon {
  margin-right: 2.8rem;
  filter: invert(16%) sepia(22%) saturate(7028%) hue-rotate(244deg) brightness(103%) contrast(100%);
}
.view-all-brands-modal__text {
  display: block;
  color: #351f73;
}
.view-all-brands-modal__text--role {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
}
.view-all-brands-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 2.4rem 0 1rem 0;
  margin: 1.2rem 0 0;
}
.view-all-brands-modal-brands {
  padding-top: 2.4rem;
  margin-top: 2.4rem;
  border-top: 1px solid #e0e0e0;
}
.view-all-brands-modal-brands__title {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
}
.view-all-brands-modal-brands__chips-group {
  align-items: center;
  margin-top: 1.2rem;
}
.view-all-brands-modal-brands__brand-item {
  margin-bottom: 1.2rem;
}
.check-auth-modal__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-top: 3rem;
}
.check-auth-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 0;
  margin: 3rem 0 0;
}
.check-auth-modal__footer .main-btn_green {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .check-auth-modal__footer {
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    padding: 2rem 0 0;
    margin: 2rem 0 0;
  }
  .check-auth-modal__footer .main-btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    margin-top: 1rem;
  }
}
.supplier-branches-modal__container {
  margin-top: 3rem;
}
.supplier-branches-modal__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 3rem;
  padding-bottom: 2rem;
}
.branches-modal-item {
  border: 0.2rem solid #f5f5f5;
  box-sizing: border-box;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin-bottom: 1.2rem;
}
.branches-modal-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.branches-modal-item__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #351f73;
  transition: opacity 0.3s;
}
.branches-modal-item__title:hover {
  opacity: 0.6;
}
.branches-modal-item__contacts {
  display: flex;
  align-items: center;
  margin-bottom: 1.3rem;
}
.branches-modal-item__contacts--location {
  transition: opacity 0.3s;
}
.branches-modal-item__contacts--location:hover {
  opacity: 0.6;
}
.branches-modal-item__icon {
  margin-right: 1rem;
}
.branches-modal-item__content,
.branches-modal-item__link,
.branches-modal-item__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #4f4f4f;
  word-break: break-word;
}
.branches-modal-item__link {
  transition: opacity 0.3s;
}
.branches-modal-item__link:hover {
  opacity: 0.6;
}
.supplier-branches-create-modal {
  margin-top: 3.8rem;
  color: #010202;
}
.supplier-branches-create-modal__toggle {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}
.supplier-branches-create-modal__toggle-label {
  display: block;
  color: #010202;
  margin-left: 0.8rem;
}
.apply-form-modal__title {
  margin-bottom: 1.6rem;
}
.apply-form-modal__questions-box {
  margin-top: 3rem;
  padding: 2.4rem;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
}
.apply-form-modal app-info-label .info-label.purple {
  background-color: rgba(53, 31, 115, 0.08);
}
.apply-form-modal__container {
  margin-top: 3rem;
}
.apply-form-modal__text-area {
  margin-top: 1.2rem;
}
.apply-form-modal__text-area .form-field__area {
  min-height: 8rem;
}
.apply-form-modal__wish {
  margin-bottom: 3rem;
}
.apply-form-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0;
}
.apply-form-modal__btn {
  display: block;
}
.apply-form-modal__btn:not(:last-of-type) {
  margin-right: 1.6rem;
}
.apply-form-modal .wrapper-rounded.form-field--wrapper__row .form-field--label {
  margin-right: 7rem;
}
@media screen and (max-width: 768px) {
  .apply-form-modal__footer {
    flex-direction: column;
  }
  .apply-form-modal__btn {
    width: 100%;
  }
  .apply-form-modal__btn:not(:last-of-type) {
    margin: 0 0 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .apply-form-modal .seaz-uploader__document .seaz-uploader__document_label {
    width: 50%;
    flex-shrink: 1;
  }
  .apply-form-modal .seaz-uploader__document .seaz-uploader__document_file_box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.questions {
  margin-top: 3rem;
}
.questions__label {
  display: block;
  color: #010202;
  margin-bottom: 2.2rem;
  word-break: break-word;
}
.questions__actions .form__radio-container {
  display: flex;
  align-items: center;
}
.questions__actions .form__radio:not(:last-of-type) {
  margin-right: 3.4rem;
}
.invite-friends-modal__title {
  margin-bottom: 2.4rem;
}
.invite-friends-modal__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #4f4f4f;
}
.invite-friends-modal .bottom-indent {
  margin-bottom: 1.6rem;
}
.copy-zone {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid #bdbdbd;
  border-radius: 0.4rem;
  background-color: #f5f5f5;
  padding: 1rem 1.5rem;
  margin: 2.4rem 0;
}
.copy-zone__content {
  width: 50%;
}
.copy-zone__text {
  line-height: 1.6rem;
  color: #010202;
}
.copy-zone__link {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin: 1.6rem 0;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .copy-zone__content {
    width: 80%;
  }
}
.job-search-auth-modal__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-top: 3rem;
  color: #828282;
}
.job-search-auth-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 0;
  margin: 3rem 0 0;
}
.job-search-auth-modal__btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
.matching-modal__header {
  display: flex;
  align-items: center;
}
.matching-modal__title {
  margin-right: 1.2rem;
}
.matching-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 3rem 0 0;
  border-top: none;
}
@media screen and (max-width: 480px) {
  .matching-modal__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .matching-modal__title {
    margin: 0 0 1.2rem 0;
  }
}
.matching-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem 1rem;
  margin-top: 3rem;
}
.matching-info__label {
  display: block;
  color: #828282;
  line-height: 1.6rem;
  margin-bottom: 0.65rem;
}
.matching-info__description {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
}
.matching-info__greeny,
.matching-info__inline {
  display: inline-block;
}
.matching-info .match-icon {
  margin-left: 1.3rem;
}
@media screen and (max-width: 480px) {
  .matching-info {
    grid-template-columns: 1fr;
    grid-gap: 2rem 0;
  }
}
.matching-info__percent.match {
  color: #3aae27;
}
.matching-info__percent.probable {
  color: #f49342;
}
.matching-info__percent.not-match {
  color: #d70000;
}
.skills {
  margin-top: 3.5rem;
}
.skills__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.skills__item {
  margin-bottom: 0.8rem;
}
.skills__item:not(:last-of-type) {
  margin-right: 1.2rem;
}
.skills .not-match {
  color: #d70000;
  background:
    linear-gradient(
      0deg,
      #fbe7e8,
      #fbe7e8),
    #f5dadb;
}
.skills .match {
  color: #3aae27;
  background-color: #d8efd4;
}
.view-rate-modal .ratings-person {
  margin-top: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #e0e0e0;
}
.view-rate-modal__container {
  display: flex;
  align-items: center;
  padding-top: 1.4rem;
}
.view-rate-modal__content {
  width: 100%;
  max-width: 33.5rem;
}
.view-rate-modal .rate-me-link__box {
  width: 89%;
}
.view-rate-modal__text {
  margin-top: 1rem;
  word-break: break-word;
}
.view-rate-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 2.4rem 0 0;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 768px) {
  .view-rate-modal__container {
    flex-direction: column;
  }
  .view-rate-modal__content {
    width: 100%;
    max-width: 100%;
  }
  .view-rate-modal .rate-me-link__box {
    width: 60%;
  }
}
.completion-modal__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9rem;
  color: #4f4f4f;
  margin-top: 3rem;
}
.completion-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 3rem 0 0;
  border: none;
}
.completion-modal__btn {
  display: block;
}
.completion-modal__btn:not(:last-child) {
  margin-right: 1.2rem;
}
.general-experience-management__row {
  align-items: center;
}
.general-experience-management__row app-seazone-select:first-of-type {
  margin-right: 1.6rem;
}
.general-experience-management__label {
  width: 100%;
  max-width: 14rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #010202;
  margin-right: 7rem;
}
.general-experience-management__select .select-value {
  display: block;
  width: 30rem;
}
.general-experience-management .seaz-crew__btn_box {
  border: none;
  padding: 3rem 0 !important;
}
@media screen and (max-width: 800px) {
  .general-experience-management__label {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 650px) {
  .general-experience-management__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contact-persons-modal .branches-modal-item__header {
  margin-bottom: 0;
}
.contact-persons-modal__action {
  display: flex;
  align-items: center;
}
.contact-persons-modal__text {
  margin-bottom: 0.8rem;
}
.contact-persons-modal__view-btn {
  transition: transform 0.3s;
}
.contact-persons-modal__view-btn:not(:last-child) {
  margin-right: 1.6rem;
}
.contact-persons-modal__view-btn:hover {
  transform: translateY(-0.5rem);
}
.contact-persons-modal__contacts-box {
  margin-top: 1.2rem;
}
.contact-persons-modal__row {
  display: flex;
  align-items: center;
}
.contact-persons-modal__phone {
  display: flex;
}
.contact-persons-modal__phone:not(:first-child) {
  margin-left: 1rem;
}
.contact-persons-modal .branches-modal-item__contacts {
  margin-bottom: 0;
}
.contact-persons-modal .branches-modal-item__contacts:not(:last-child) {
  margin-bottom: 1.2rem;
}
.download-info-modal.download-info-modal {
  width: 69.2rem;
  max-width: 69.2rem;
  border-radius: 1.2rem;
}
.download-info-modal__text {
  color: #828282;
  margin-top: 3rem;
}
.download-info-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 3rem 0 0;
  border: none;
  padding-bottom: 3rem;
}
.download-info-modal__btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .download-info-modal.download-info-modal {
    width: 100%;
  }
}
.download-info-modal-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .download-info-modal-list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .download-info-modal-list {
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem;
  }
}
.download-info-modal-text {
  font-size: 1.6rem;
  line-height: 1.9rem;
}
.download-info-modal-item {
  width: 33.3%;
  text-align: center;
  padding: 1.2rem;
  border: 2px solid #fff;
  border-radius: 1.2rem;
  cursor: pointer;
}
.download-info-modal-item.selected {
  border: 2px solid #351f73;
  border-radius: 1.2rem;
}
.download-info-modal-item__img-box {
  width: 100%;
  max-width: 12.7rem;
  margin: 0 auto 1.7rem;
}
.download-info-modal-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.download-info-modal-item__description {
  color: #4f4f4f;
}
@media screen and (max-width: 768px) {
  .download-info-modal-item {
    width: 40%;
  }
  .download-info-modal-item__img-box {
    width: 100%;
    max-width: 16rem;
  }
}
@media screen and (max-width: 480px) {
  .download-info-modal-item {
    width: 80%;
  }
  .download-info-modal-item__img-box {
    width: 100%;
    max-width: 70%;
  }
}
.contact-person-edit-form {
  margin-top: 3rem;
}
.contact-person-edit-form .supplier-edit-form-field-container__plug {
  width: 14rem;
  flex-shrink: 0;
}
.contact-person-edit-form__phone.form__row {
  align-items: flex-start;
}
.contact-person-edit-form__phone .supplier-edit-form__checkbox {
  margin-top: 1.6rem;
}
.contact-person-edit-form__phone-box {
  width: 100%;
}
.contact-person-edit-form__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 3rem 0;
  margin: 2rem 0 0;
  border: none;
}
.contact-person-edit-form__btn:not(:last-of-type) {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .contact-person-edit-form .supplier-edit-form-field-container__plug,
  .contact-person-edit-form .form-field--wrapper__row .form-field--label {
    width: 11rem;
    max-width: 11rem;
    flex-shrink: 0;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact-person-edit-form .supplier-edit-form-field-container__plug {
    display: flex;
    margin-bottom: 0.8rem;
  }
}
.edit-folder-modal__btn {
  height: 4rem;
  padding: 0 2rem;
}
.edit-folder-modal__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.edit-folder-modal__checkbox {
  display: flex;
}
.edit-folder-modal__checkbox .form-field__label {
  width: 100%;
  max-width: 14rem;
  margin-right: 2rem;
  flex-shrink: 0;
}
.edit-folder-modal .seaz-modal__btn_box {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: center;
}
.edit-folder-modal__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
@media screen and (max-width: 650px) {
  .edit-folder-modal .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .edit-folder-modal__checkbox .form-field__label {
    max-width: 10rem;
  }
}
.document-preview .document-preview-row__text {
  word-break: break-word;
}
.document-preview__footer {
  margin-top: 3rem;
  padding-bottom: 1rem;
}
.document-preview__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 480px) {
  .document-preview__btn {
    width: 100%;
  }
  .document-preview__btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.crew-document-preview {
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .crew-document-preview .seaz-modal__document_row {
    width: 100%;
  }
}
.document-preview-title {
  padding-right: 2rem;
  word-break: break-word;
}
.document-top-indent {
  margin-top: 3rem;
}
.document-preview-row {
  display: flex;
  align-items: flex-start;
}
.document-preview-row:not(:last-of-type) {
  margin: 0 0 1.6rem 0;
}
.document-preview-row__title {
  flex-shrink: 0;
  width: 16rem;
  margin-right: 1.6rem;
  line-height: 1.6rem;
  color: #010202;
}
.document-preview-row__text {
  font-weight: 700;
  line-height: 2rem;
  color: #010202;
  word-break: break-word;
}
.document-preview-row__text .seaz-text-medium,
.document-preview-row__text .seaz-text-medium-light,
.document-preview-row__text .seaz-offer__details_label,
.document-preview-row__text .seaz-offer__details_text,
.document-preview-row__text .seaz-offer__boat_label,
.document-preview-row__text .seaz-offer__boat_text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.document-preview-row__text .seaz-alarm {
  color: #010202;
}
.document-preview-row__text--date.seaz-alarm {
  color: #d70000;
}
@media screen and (max-width: 768px) {
  .document-preview-row {
    flex-direction: column;
  }
  .document-preview-row__title {
    width: 100%;
    margin: 0 0 1.6rem;
  }
}
.document-preview-form .form__checkbox-label-text {
  color: #010202;
}
.document-preview-form .seaz-uploader__document_label {
  margin-right: 2rem;
}
@media screen and (max-width: 768px) {
  .document-preview-form .form-field--wrapper__row {
    flex-direction: column;
  }
  .document-preview-form .seaz-uploader__document {
    justify-content: space-between;
  }
  .document-preview-form .seaz-uploader__document_file_box {
    width: auto;
  }
  .document-preview-form .seaz-uploader__document_label {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .document-preview-form .form__checkbox-label-text {
    padding-left: 0;
  }
}
.documents-version__list {
  margin-top: 3rem;
}
.documents-version__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 2rem;
  margin: 3rem 0 0;
  border: none;
}
.documents-version-item-box:nth-of-type(2n+1) .documents-version-item {
  background-color: #f5f5f5;
}
.documents-version-item {
  display: grid;
  grid-template-columns: 1fr 1fr 5.3rem;
  grid-template-areas: "name versions actions";
  align-items: center;
  grid-gap: 0 0.8rem;
  padding: 2.4rem 0.8rem;
  border-radius: 0.8rem;
}
.documents-version-item__text {
  line-height: 1.6rem;
  color: #010202;
}
.documents-version-item__btn:not(:last-of-type) {
  margin: 0 1rem 0 0;
}
@media screen and (max-width: 480px) {
  .documents-version-item {
    grid-template-columns: 1fr 5.3rem;
    grid-template-areas: "name actions" "versions actions";
    grid-gap: 1rem;
  }
}
.documents-version-name {
  grid-area: name;
}
.documents-version-versions {
  grid-area: versions;
}
.documents-version-action {
  grid-area: actions;
}
.documents-version-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .invite-user .modal__wrap {
    padding: 0.6rem;
  }
}
.fleet-manager-modal__form {
  margin-top: 3rem;
}
@media screen and (max-width: 650px) {
  .fleet-manager-modal .form-field--wrapper__row .form-field--label {
    max-width: 12rem;
  }
}
.boat-fleet-users-permission-container {
  position: relative;
  margin-top: 1.6rem;
}
.boat-fleet-users-permission {
  width: 48%;
  max-height: 28rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.boat-fleet-users-permission::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.boat-fleet-users-permission::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.boat-fleet-users-permission::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-fleet-users-permission {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .boat-fleet-users-permission {
    max-height: 23rem;
  }
}
app-boat-fleet-users-permission-item {
  display: block;
}
.fleet-users-permission {
  width: 100%;
}
.fleet-users-permission .form__checkbox {
  width: 1.8rem;
}
.fleet-users-permission-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  margin-right: 3.2rem;
  cursor: pointer;
  border-radius: 0.4rem;
  transition: background-color 0.3s;
}
.fleet-users-permission-title:hover {
  background-color: #f5f5f5;
}
.fleet-users-permission-title.active {
  outline: 2px solid #351f73;
  outline-offset: -2px;
}
.fleet-users-permission-title__checkbox {
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .fleet-users-permission-title {
    padding: 1rem;
    margin-right: 1rem;
  }
}
.fleet-users-permission-group {
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  max-height: 28rem;
  border-left: 1px solid #e0e0e0;
  padding: 0 1rem 0 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.fleet-users-permission-group::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-users-permission-group::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-users-permission-group::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.fleet-users-permission-group__item {
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background-color 0.3s;
}
.fleet-users-permission-group__item:hover {
  background-color: #f5f5f5;
}
.fleet-users-permission-group__checkbox {
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .fleet-users-permission-group {
    padding: 0 1rem 0 0;
  }
  .fleet-users-permission-group__item {
    padding: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .fleet-users-permission-group {
    max-height: 23rem;
  }
}
.fleet-info-modal {
  margin-top: 3rem;
}
@media screen and (max-width: 480px) {
  .fleet-info-modal .info-card {
    padding: 1rem;
  }
  .fleet-info-modal .info-card-alert__content {
    margin-left: 1rem;
  }
  .fleet-info-modal .info-card-alert .shevron-icon {
    margin-right: 0;
  }
  .fleet-info-modal .fleet-job-offers-logo__text {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .fleet-info-modal .info-card__count {
    font-size: 1.4rem;
    margin-left: 1rem;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 480px) {
  .plug-label-fleet-modal {
    margin: 0 0 1.8rem 0;
  }
}
.fleet-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  margin-top: 3rem;
}
.fleet-modal-footer__group-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.fleet-modal-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 480px) {
  .fleet-modal-footer__group-btn {
    margin-left: 1rem;
  }
  .fleet-modal-footer__btn:not(:last-of-type) {
    margin: 0 1rem 0 0;
  }
  .fleet-modal-footer .seaz__btn_rounded {
    padding: 1rem 1.8rem;
  }
}
.fleet-manager-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 3rem 0 0;
  border: none;
}
.fleet-manager-modal-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.fleet-manager-modal-footer-users-permissions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  margin-top: 2rem;
  border: none;
}
.fleet-manager-modal-footer-users-permissions__group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.fleet-manager-modal-footer-users-permissions__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.fleet-manager-modal-footer-users-permissions__btn-remove {
  min-width: 23.5rem;
}
@media screen and (max-width: 480px) {
  .fleet-manager-modal-footer-users-permissions__btn-remove {
    width: 14rem;
    min-width: auto;
    height: 4rem;
    overflow: hidden;
    margin-right: 1.2rem;
  }
  .fleet-manager-modal-footer-users-permissions__btn-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
  }
}
.fleet-info-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 2rem 0;
  margin: 3rem 0 0;
  border: none;
}
.fleet-info-modal-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.fleet-contacts-header-modal {
  display: flex;
  align-items: center;
}
.fleet-contacts-header-modal__btn {
  margin-left: 1.6rem;
}
.fleet-contacts-content-modal {
  margin-top: 3rem;
}
.fleet-contacts-phone-modal {
  display: flex;
  align-items: flex-start;
}
.fleet-contacts-phone-modal__content {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 19px;
  color: #010202;
  margin-bottom: 0.8rem;
}
.fleet-contacts-phone-modal__text {
  margin-left: 1.6rem;
}
.fleet-contacts-phone-modal__icon {
  margin-left: 1rem;
}
.contract-fleets-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}
.contract-fleets-chips {
  display: flex;
  align-items: center;
  max-width: 20.7rem;
  background-color: #f5f5f5;
  border-radius: 4.1rem;
  padding: 0.4rem;
  margin: 0 0.8rem 1.2rem 0;
}
.contract-fleets-chips__img {
  display: block;
  margin-right: 0.8rem;
  border-radius: 50%;
}
.contract-fleets-chips__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.add-to-charter-modal {
  padding: 2rem;
}
.add-to-charter-form {
  margin-top: 3rem;
}
.add-to-charter-form__col:not(:last-of-type) {
  margin: 0 0 2.8rem;
}
@media screen and (max-width: 650px) {
  .add-to-charter-form .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .add-to-charter-form .form-field--wrapper__row .form-field--label {
    max-width: 100%;
  }
}
.add-to-charter-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 4.6rem 0 0;
  border: none;
}
.fleet-charter-filter-modal .app-charter-filter-form__select,
.fleet-charter-filter-modal .app-charter-filter-form__location {
  width: 100%;
  margin-right: 0;
}
.fleet-charter-filter-modal__checkbox-wrap {
  display: flex;
  align-items: center;
}
.fleet-charter-filter-modal__checkbox-wrap .app-charter-filter-form__checkbox .form__checkbox-label {
  width: 1.8rem;
  height: 1.8rem;
}
.fleet-charter-filter-modal__checkbox-wrap .form__checkbox-label:before {
  width: 1.8rem !important;
  height: 1.8rem !important;
  border-radius: 0.2rem !important;
}
.fleet-charter-filter-modal__checkbox-wrap .app-charter-filter-form__checkbox .form__checkbox-label:before {
  font-size: 1rem;
}
.fleet-charter-filter-modal .seaz-crew-search-all-filter__actions {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.6rem;
}
.fleet-expenses-filter-form-box__search {
  margin-top: 1.2rem;
}
@media screen and (max-width: 480px) {
  .fleet-expenses-filter-form-box .form__checkbox-label {
    width: auto;
  }
}
.fleet-expenses-filter-form-top-indent {
  margin-top: 3rem;
}
.fleet-chips {
  margin-top: 1.2rem;
}
.fleet-chips__label {
  display: block;
  font-weight: 500;
  line-height: 1.4rem;
  color: #010202;
}
.fleet-chips .chips-item {
  display: inline-block;
  line-height: 2rem;
  color: #010202;
  padding: 1rem 1.6rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 5.6rem;
  cursor: pointer;
}
.fleet-chips .chips-item.selected {
  box-shadow: 0 0 0 1px #351f73;
  border-color: initial;
}
.fleet-expenses-selection-form {
  margin-top: 2.3rem;
}
.fleet-expenses-selection-form__checkbox-box {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.6rem;
  color: #010202;
}
.fleet-expenses-selection-form__checkbox-box:not(:last-of-type) {
  margin: 0 0 3rem 0;
}
.fleet-expenses-selection-form__checkbox-box .form__checkbox-label:before {
  border: 0.2rem solid #4f194a;
}
.fleet-expenses-selection-form__checkbox-box .form__checkbox-input:checked + label:before {
  background-color: #4f194a;
}
.fleet-expenses-selection-form__checkbox-box .form__checkbox-label-text {
  padding-left: 0;
  margin-right: 1.1rem;
}
.fleet-expenses-selection-form__checkbox {
  margin-right: 1.1rem;
}
.fleet-expenses-selection-form__checkbox:after,
.fleet-expenses-selection-form__checkbox:before {
  border: 0.2rem solid #4f194a;
}
.fleet-expenses-selection-form [role=checkbox][aria-checked=true]:before {
  border-color: #4f194a;
  background-color: #4f194a;
}
.fleet-expenses-selection-form [role=checkbox]::after {
  border-color: #4f194a;
}
.fleet-expenses-selection-form [role=checkbox][aria-checked=mixed]::after {
  background-color: #4f194a;
}
.fleet-expenses-selection-form__pagination {
  margin-top: 2.3rem;
}
.fleet-expenses-selection-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem;
  margin: 3rem 0 0;
  border: none;
}
.fleet-expenses-selection-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.fleet-accordion-expenses app-accordion:not(:last-of-type) {
  margin: 0 0 3rem 0;
}
.fleet-accordion-expenses .accordion {
  width: 100%;
  cursor: pointer;
}
.fleet-accordion-expenses .accordion .accordion__label_right {
  transform: rotate(180deg);
}
.fleet-accordion-expenses .accordion.active .accordion__label_right {
  transform: rotate(0);
}
.fleet-accordion-expenses .accordion__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.fleet-accordion-expenses .accordion__content {
  margin: 3rem 0 0 3rem;
}
@media screen and (max-width: 480px) {
  .fleet-accordion-expenses .accordion__content {
    margin: 3rem 0 0 1.8rem;
  }
}
app-calendar-event-list {
  height: 100%;
}
.fleet-calendar-details-modal {
  height: 100%;
}
.fleet-calendar-details-modal app-no-data {
  height: 70vh;
}
.fleet-calendar-details-modal app-no-data .boat-home__content {
  height: 100%;
}
.fleet-calendar-details-modal__wrap app-overlay {
  max-width: 50.4rem;
}
.fleet-calendar-details-modal .seaz-dashboard-charters-info__content {
  padding: 2.4rem 2rem 1.4rem;
  max-height: 100vh;
}
.fleet-calendar-details-modal .fleet-calendar-details-modal__date {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #351f73;
  padding: 2.4rem 2rem 3.4rem;
}
.fleet-calendar-details-modal .seaz-dashboard-charters-info {
  width: 100%;
  margin: 0 1.6rem 0 0;
}
.fleet-calendar-details-modal .charter-calendar-mode {
  border-bottom: 0;
}
.fleet-calendar-details-modal .switch {
  width: 93%;
}
.fleet-calendar-details-modal .light-bg-border-corners {
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.fleet-calendar-details-modal .seaz-dashboard-charters-info__warning {
  border-radius: 0;
}
.fleet-calendar-details-modal .seaz-charter-card-badge {
  margin: 0 0.8rem 0 0;
}
.fleet-calendar-details-modal .seaz-charter-card-badge.custom {
  background-color: #bf70b7;
}
.fleet-calendar-details-modal .seaz-charter-card-badge.shipyard {
  background-color: #f49342;
}
.fleet-calendar-details-modal .seaz-charter-card-badge.delivery {
  background-color: #259912;
}
.fleet-calendar-details-modal .seaz-charter-card-badge.trip {
  background-color: #00b9ff;
}
.fleet-calendar-details-modal .seaz-charter-card-badge.charter-type-upcoming {
  color: #94792b;
}
.fleet-calendar-details-modal .boat-calendar-card-event__button-edit {
  margin-right: 2.3rem;
}
@media screen and (max-width: 768px) {
  .fleet-calendar-details-modal .seaz-dashboard-charters-info {
    width: 100%;
    margin: 0;
  }
  .fleet-calendar-details-modal .switch {
    width: 80%;
  }
}
.share-modal__description {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-top: 3rem;
}
.share-modal .form {
  margin-top: 3rem;
}
.share-modal__action {
  margin-left: 1.2rem;
}
@media screen and (max-width: 650px) {
  .share-modal .form-field--wrapper__row .form-field--label {
    max-width: 8rem;
  }
}
@media screen and (max-width: 480px) {
  .share-modal__action {
    margin: 3.2rem 0 0;
  }
}
.share-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem 0;
  margin: 4.6rem 0 0;
  border: none;
}
.share-modal-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.download-crew-guests {
  height: calc(100% - 3rem);
  padding: 3rem 3rem 0;
}
@media screen and (max-width: 768px) {
  .download-crew-guests {
    padding: 1.6rem 1.6rem 0;
  }
}
.download-crew-guests-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 6rem);
  box-sizing: border-box;
  margin-top: 3rem;
}
.download-crew-guests-form-select-group .select-group__title {
  display: flex;
  align-items: center;
  min-height: 4rem;
  font: 1.6rem/1.9rem "Roboto", sans-serif;
  padding: 0 2.4rem;
  color: #828282;
}
.download-crew-guests-form-select-group .app-seazone-select-option {
  color: #000000;
}
.download-crew-guests-lists {
  margin-top: 4.6rem;
}
.download-crew-guests-lists__col {
  display: block;
}
.download-crew-guests-lists__col:first-child {
  margin-bottom: 3.5rem;
}
.download-crew-guests-lists .counter {
  line-height: 1.6rem;
  color: #828282;
  margin-top: 0.4rem;
}
.download-crew-guests-lists .checkbox-group {
  margin-top: 2.3rem;
}
.download-crew-guests-lists .checkbox-group .checkbox-group-text,
.download-crew-guests-lists .checkbox-group .form__checkbox-label-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.download-crew-guests-lists .checkbox-group .form__checkbox-label-text {
  padding-left: 1.1rem;
}
.download-crew-guests-lists .checkbox-group .checkbox-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 1.2rem;
}
.download-crew-guests-lists .checkbox-group .checkbox-group-text--position {
  flex-shrink: 0;
  color: #828282;
}
.download-crew-guests-lists .checkbox-group .checkbox-group-item:not(:last-of-type) {
  margin: 0 0 2.2rem 0;
}
.download-crew-guests-lists .checkbox-group .checkbox-group-item .form__checkbox-label-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .download-crew-guests-lists .checkbox-group .checkbox-group-item .form__checkbox-label-text {
    width: 92%;
  }
}
.download-crew-guests-lists .checkbox-all {
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 768px) {
  .download-crew-guests-lists .checkbox-group-text {
    width: 100%;
    max-width: 32.4rem;
  }
}
@media screen and (max-width: 480px) {
  .download-crew-guests-lists .form__checkbox-label {
    padding: 0;
  }
}
.charter-download-guests-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.4rem;
}
.download-crew-guests-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 3rem 0;
  margin: 3.3rem 0 0 0;
  border: none;
}
.download-crew-guests-footer__btn {
  height: 4.8rem;
}
.download-crew-guests-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .download-crew-guests-footer {
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    padding: 0 0 1.6rem 0;
    margin: 2rem 0 0 0;
  }
  .download-crew-guests-footer__btn {
    width: 100%;
  }
  .download-crew-guests-footer__btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.charter-checkbox-group-alternate {
  max-height: 38rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding: 0 1.2rem 0 0;
}
.charter-checkbox-group-alternate::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.charter-checkbox-group-alternate::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.charter-checkbox-group-alternate::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.manager-modal {
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .manager-modal {
    padding: 0.6rem;
  }
}
.manager-modal-form {
  margin-top: 3rem;
}
.manager-modal-form__row {
  display: block;
}
.manager-modal-form .form-field--wrapper__row .form-field--label,
.manager-modal-form .form__block-text {
  max-width: 16rem;
}
.manager-modal-form .wrapper-rounded.form-field--wrapper__row .form-field--label,
.manager-modal-form .form__block-text {
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .manager-modal-form .form-field--wrapper__row .form-field--label,
  .manager-modal-form .form__block-text {
    max-width: 14rem;
  }
}
.manager-modal-form app-seazone-image-file:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.manager-modal-form-uploader {
  width: 100%;
}
.manager-modal-form-uploader .seaz-uploader {
  flex-direction: row;
}
.manager-modal-form-uploader .seaz-uploader__header {
  max-width: 16rem;
  min-width: 16rem;
  margin-right: 1rem;
}
.manager-modal-form-uploader .seaz-uploader__label {
  font-size: 1.4rem;
  font-weight: 400;
}
.manager-modal-form-uploader .seaz-uploader__choose_drop {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .manager-modal-form-uploader .seaz-uploader__header {
    max-width: 14rem;
    min-width: 14rem;
  }
  .manager-modal-form-uploader .seaz-uploader__label {
    text-align: left;
  }
  .manager-modal-form-uploader .seaz-uploader__box {
    align-items: flex-start;
  }
  .manager-modal-form-uploader .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .manager-modal-form-uploader .seaz-uploader {
    flex-direction: column;
  }
  .manager-modal-form-uploader .seaz-uploader__header {
    max-width: 100%;
    min-width: 100%;
  }
}
.manager-modal-form-phone-container:not(:last-of-type) {
  margin: 0 0 2.3rem;
}
@media screen and (max-width: 768px) {
  .manager-modal-form-phone-container .supplier-edit-form-field-container__plug {
    max-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .manager-modal-form-phone-container .form__checkbox-label {
    padding: 0;
  }
}
.manager-modal-form-phone {
  display: flex;
  justify-content: space-between;
}
.manager-modal-form-phone__container {
  display: flex;
  align-items: center;
  width: 100%;
}
.manager-modal-form-phone__btn,
.manager-modal-form-phone__btn-wrap {
  min-width: 9.5rem;
  margin-left: 1.6rem;
}
.manager-modal-form-phone .seaz-red-close,
.manager-modal-form-phone .seaz-uploader__document_file .icon-close,
.seaz-uploader__document_file .manager-modal-form-phone .icon-close {
  margin-left: 0;
  color: #d70000;
  border: 1px solid #f5f5f5;
}
.manager-modal-form-phone .manager-text-plug {
  min-width: 16rem;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .manager-modal-form-phone .manager-text-plug {
    max-width: 14rem;
    min-width: 14rem;
  }
}
@media screen and (max-width: 480px) {
  .manager-modal-form-phone {
    flex-direction: column;
  }
  .manager-modal-form-phone__container--create {
    flex-direction: column;
  }
  .manager-modal-form-phone__container--create .manager-modal-form-phone__btn {
    justify-content: center;
    width: 100%;
    margin: 1.8rem 0 0;
  }
  .manager-modal-form-phone .manager-text-plug {
    min-width: 100%;
    margin: 0 0 0.8rem;
  }
  .manager-modal-form-phone .manager-text-plug {
    min-width: 100%;
    margin: 0 0 0.8rem;
  }
  .manager-modal-form-phone__btn,
  .manager-modal-form-phone__btn-wrap {
    min-width: auto;
    margin-left: 1rem;
  }
}
.manager-modal-form-text-area .wrapper-rounded.form-field--wrapper__row .form-field--label {
  justify-content: flex-start;
}
.manager-modal-form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4.6rem;
}
.manager-modal-form-footer app-seazone-checkbox {
  flex-shrink: 0;
}
.manager-modal-form-footer__action {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.manager-modal-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 480px) {
  .manager-modal-form-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .manager-modal-form-footer__action {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1.2rem;
  }
  .manager-modal-form-footer .form__checkbox-label-text {
    padding-left: 1.6rem;
  }
  .manager-modal-form-footer .form__checkbox-label {
    padding: 0;
  }
  .manager-modal-form-footer__btn {
    width: 50%;
  }
}
.manager-modal-container {
  margin-top: 3rem;
}
.manager-modal-container__file {
  margin-top: 1rem;
}
.charter-guest-list-modal {
  width: 100%;
  max-width: 126.3rem;
}
.charter-manage-guests-modal .switch {
  margin-top: 3rem;
}
.charter-manage-guests-modal .search-field-alternate {
  margin-top: 2.4rem;
}
.charter-manage-guests-modal .fleet-contacts-guest-card {
  margin-top: 2.4rem;
}
.charter-manage-guests-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem 0;
  margin: 3rem 0 0;
  border: none;
}
.charter-manage-guests-modal-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.outstanding-status__title {
  margin-bottom: 3rem;
}
.status-manage-item-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.status-manage-item {
  margin: 0 1.2rem 1.2rem 0;
}
.manage-item {
  display: flex;
  align-items: center;
  padding: 1.2rem 1.6rem;
  border-radius: 5.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
  color: #fff;
}
.manage-item__btn {
  margin-left: 0.3rem;
}
.outstanding-status-color-select {
  display: block;
  width: 10.7rem;
  min-width: 10.7rem;
}
.outstanding-status-color-select .form-field--content-outline {
  border: 0;
}
.outstanding-status-color-select .form-field--content-outline.active:not(.disabled):not(.readonly) {
  border: 0;
}
.outstanding-status-color-select .form-field--content {
  padding: 1.6rem;
}
.outstanding-status-color-select .form-field--content {
  position: relative;
}
.outstanding-status-color-select .select-html-container div {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 1.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box;
}
.outstanding-status-color-select .icon-seazone-select-arrow {
  color: #fff;
}
.outstanding-status-color-select .icon-seazone-select-arrow:before {
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .outstanding-status-color-select {
    width: 100%;
  }
}
.outstanding-status-color-dropdown {
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(43, 28, 54, 0.2);
  border-radius: 0.4rem;
  padding: 1.2rem;
}
.outstanding-status-color-dropdown .dropdown-options-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(3.5rem, 1fr));
  grid-gap: 0.4rem;
  border-radius: 0;
  box-shadow: initial;
  background-color: initial;
}
.outstanding-status-color-dropdown app-seazone-select-option {
  padding: 0;
  box-sizing: border-box;
}
.outstanding-status-color-dropdown app-seazone-select-option.selected:not([notselectable]):not(.disabled),
.outstanding-status-color-dropdown app-seazone-select-option:hover:not([notselectable]):not(.disabled) {
  background: initial;
}
.outstanding-status-color-dropdown app-seazone-select-option.selected:not([notselectable]):not(.disabled) .select-option-content,
.outstanding-status-color-dropdown app-seazone-select-option:hover:not([notselectable]):not(.disabled) .select-option-content {
  border: 3px solid #000000;
}
.outstanding-status-color-dropdown .select-option-content {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 12px;
  font-size: 0;
  border: 3px solid #fff;
}
.outstanding-status-dropdown {
  font: 400 1.4rem/1.6rem "Roboto", sans-serif;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(43, 28, 54, 0.2);
  border-radius: 0.4rem;
  padding: 1.2rem;
}
.outstanding-status-dropdown__form {
  width: 100%;
}
.outstanding-status-dropdown__label {
  color: #010202;
  margin-bottom: 0.2rem;
}
.outstanding-status-dropdown__actions {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.outstanding-status-dropdown__btn:first-of-type {
  width: 8.1rem;
  padding: 1rem;
}
.outstanding-status-dropdown__btn:last-of-type {
  width: 100%;
  margin-left: 0.4rem;
}
.document-access .info-card-alert {
  cursor: default;
}
.document-access .fleet-job-offers-logo__text {
  margin-bottom: 0;
}
.document-access app-toggle-checkbox {
  margin-left: 1.2rem;
}
.document-access-img {
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  object-fit: cover;
  border-radius: 0.8rem;
  flex-shrink: 0;
}
.document-access-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem;
  margin: 3rem 0 0;
  border: none;
}
.system-manager-form {
  margin-top: 4rem;
}
.system-manager-form__row-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.system-manager-form__row {
  display: flex;
  align-items: center;
}
.system-manager-form__row--hours-column .system-manager-form__label--hours-label,
.system-manager-form__row--hours-column .system-manager-form__toggle-checkbox {
  margin-top: 2rem;
}
.system-manager-form__row--hours-column .system-manager-form__hours-field .form-field--label {
  font-size: 1.2rem;
}
.system-manager-form__row-date {
  align-items: baseline;
}
.system-manager-form__label {
  display: block;
  width: 100%;
  min-width: 100%;
  margin-bottom: 0.8rem;
}
.system-manager-form__label--radio-label {
  margin-bottom: 1.2rem;
}
.system-manager-form__label--file-label,
.system-manager-form__label--hours-label {
  display: none;
}
.system-manager-form__toggle-checkbox {
  margin-left: 1.8rem;
}
.system-manager-form app-seazone-radio-item:not(:last-of-type) {
  margin: 0 0 2rem;
}
.system-manager-form .seaz-uploader__header,
.system-manager-form .seaz-uploader {
  margin: 0;
}
.system-manager-form .warranty-checkbox {
  margin-top: 2.7rem;
}
.system-manager-form .warranty-checkbox .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #010202;
}
.system-manager-form__hours-field:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.system-manager-form__hours-field .form-field--wrapper__row {
  flex-direction: column;
}
.system-manager-form__hours-field--service .form-field--label {
  max-width: fit-content;
}
@media screen and (max-width: 650px) {
  .system-manager-form .form-field--wrapper__row .form-field--label {
    max-width: 14rem;
  }
}
@media screen and (min-width: 480px) {
  .system-manager-form__label {
    display: block;
    width: 14rem;
    min-width: 14rem;
    margin: 0 2rem 0 0;
  }
  .system-manager-form__label--radio-label {
    margin-bottom: 0;
  }
  .system-manager-form__label--file-label,
  .system-manager-form__label--hours-label {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .system-manager-form .form__row {
    margin-bottom: 1.6rem;
  }
  .system-manager-form__row--hours-row {
    flex-direction: row;
  }
  .system-manager-form .seaz-uploader__label {
    padding: 0;
  }
  .system-manager-form .warranty-radio .form__radio-container {
    display: flex;
  }
  .system-manager-form .warranty-radio app-seazone-radio-item:not(:last-of-type) {
    margin: 0 1.4rem 0 0;
  }
  .system-manager-form .warranty-checkbox {
    margin-top: 1.1rem;
  }
  .system-manager-form .warranty-checkbox .form__checkbox-label {
    padding: 0;
  }
}
.system-manager-form .info-label.error {
  font-size: 1.1rem;
}
.system-manager-form .plug-label {
  flex-shrink: 0;
}
.system-manager-files app-seazone-media-uploader-with-custom-name {
  width: 100%;
}
.system-manager-files .seaz-uploader__choose {
  order: -1;
}
.system-manager-files app-seazone-media-uploader,
.system-manager-files .seaz-uploader__video_row {
  width: 100%;
}
.system-manager-files .seaz-uploader__video_btn {
  top: 4.8rem;
  right: 1.8rem;
}
.system-manager-files .uploader-action {
  width: 18.7rem;
  margin-bottom: 1rem;
}
.system-manager-files .seaz-uploader__video {
  width: 12.3rem;
  height: 12.3rem;
  border-radius: 0.8rem;
  margin-top: 2rem;
}
.system-manager-files .seaz-uploader__video_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
.system-manager-files .seaz-uploader__video_play {
  width: 3rem;
  height: 3rem;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}
.system-manager-files .seaz-uploader__video_play::before {
  border: 5px solid transparent;
  border-left: 8px solid #000;
  top: 50%;
  left: 50%;
  transform: translate(-18%, -50%);
}
.system-manager-files .seaz-modal__document_wrapper {
  position: static;
  margin-top: 1.2rem;
}
@media screen and (max-width: 768px) {
  .system-manager-files .seaz-uploader__video_btn {
    right: 1.2rem;
  }
  .system-manager-files .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 560px) {
  .system-manager-files .seaz-uploader__video_row {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .system-manager-files .seaz-uploader__video_btn {
    top: 5.2rem;
  }
}
.system-manager-toggle {
  border-top: 1px solid #e0e0e0;
  padding-top: 2.4rem;
  flex-wrap: wrap;
}
.system-manager-toggle app-toggle-checkbox {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.system-manager-toggle .form-field__label {
  margin-left: 1rem;
}
.system-manager-toggle .form__block-error {
  position: relative;
  margin: 1rem 0 0;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}
.system-manager-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 1.5rem 0;
  margin: 0;
}
.system-manager-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.maintenance-filters-modal .seaz-filters__head {
  margin-bottom: 1.6rem;
}
.maintenance-filters-modal .seaz-filters__head_top {
  border-bottom: none;
}
.maintenance-filters-modal .seaz-crew-search-all-filter__actions {
  max-width: 72rem;
}
.maintenance-filters-modal-content {
  display: flex;
  align-items: center;
  padding: 0 2.4rem;
}
.maintenance-filters-modal-content:not(:last-of-type) {
  margin: 0 0 4rem 0;
}
.maintenance-filters-modal-content__special {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .maintenance-filters-modal-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .maintenance-filters-modal-content:not(:last-of-type) {
    margin: 0 0 3.2rem 0;
  }
}
.maintenance-filters-modal-title {
  width: 16rem;
  min-width: 16rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .maintenance-filters-modal-title {
    margin-bottom: 0.8rem;
  }
}
.maintenance-filters-modal-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
}
.maintenance-filters-modal-actions .chips-item.selected {
  border: 1px solid #010202;
}
.maintenance-tree-modal {
  position: relative;
  height: 90vh;
  padding: 2.4rem 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.maintenance-tree-modal::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.maintenance-tree-modal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.maintenance-tree-modal::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.maintenance-tree-modal .list-view-btn {
  top: 9rem;
  left: 26rem;
}
.maintenance-tree-modal .list-view-btn app-seazone-icon {
  transform: rotate(90deg);
  margin-left: 1rem;
}
.maintenance-tree-modal .maintenance-equipment-tree {
  box-shadow: initial;
  padding: 2.4rem 0.8rem;
  border: none;
}
.maintenance-tree-modal .maintenance-tree {
  max-height: 95%;
}
.left-sidenav app-overlay {
  max-width: 30rem;
  overflow: hidden;
}
.left-sidenav .modal__wrap {
  padding: 0 1rem;
}
.systems-note-modal-form {
  margin-top: 3rem;
}
.systems-note-modal-form app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.systems-note-modal-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 1rem 0 0;
  border: none;
}
.systems-note-modal-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-maintenance-task-view-wrapper app-overlay {
  max-width: 63rem;
}
.boat-maintenance-task-view-modal {
  padding: 3rem;
}
.boat-maintenance-task-view-modal .boat-task-form-footer {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-view-modal {
    padding: 1.6rem;
  }
}
.boat-maintenance-task-view-modal-clone {
  padding: 0.7rem 1.2rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-right: 1.8rem;
}
.boat-maintenance-task-view-modal-header {
  display: flex;
  flex-direction: column;
}
.boat-maintenance-task-view-modal-header-wrapper {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-view-modal-header-info {
  margin-top: 0.95rem;
}
.boat-maintenance-task-view-modal-header-info__row {
  display: flex;
}
.boat-maintenance-task-view-modal-header-info__col {
  display: flex;
  flex-direction: column;
}
.boat-maintenance-task-view-modal-header-info__col:not(:last-child) {
  margin-right: 3rem;
}
.boat-maintenance-task-view-modal-header__title,
.boat-maintenance-task-view-modal-header__status-change {
  margin-right: 1.8rem;
}
.boat-maintenance-task-view-modal-header__text {
  color: #828282;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.boat-maintenance-task-view-modal-header__text:not(:last-child) {
  margin-bottom: 0.4rem;
}
.boat-maintenance-task-view-modal-header__text--alert {
  color: #f49342;
}
.boat-maintenance-task-view-modal-header__status-change .status-select-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1.8rem;
  padding: 0.7rem 1.2rem;
  color: #fff;
  width: fit-content;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-task-view-modal-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem 0;
  }
}
.boat-maintenance-task-view-modal-header .boat-maintenance-task-view-repeat-number {
  margin-bottom: 0.55rem;
}
.boat-maintenance-task-view-modal-header-actions {
  display: flex;
  align-items: center;
}
.boat-maintenance-task-view-modal-content {
  margin-top: 3rem;
}
@media screen and (max-width: 560px) {
  .boat-maintenance-task-view-modal-content .tabs__header-wrap {
    flex-direction: row;
    overflow-x: auto;
  }
}
.boat-maintenance-task-view-modal-tab {
  display: block;
  width: 33.3%;
  padding: 1.8rem;
  border: 1px solid #828282;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #828282;
}
.boat-maintenance-task-view-modal-tab.active {
  border-color: #351f73;
  color: #351f73;
}
.boat-maintenance-task-view-modal-tab:first-of-type {
  border-radius: 8px 0 0 8px;
}
.boat-maintenance-task-view-modal-tab:last-of-type {
  border-radius: 0 8px 8px 0;
}
.boat-maintenance-task-view-modal-tab:disabled {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-task-view-modal-tab {
    border: none;
    border-bottom: 2px solid #828282;
  }
  .boat-maintenance-task-view-modal-tab:first-of-type {
    border-radius: 0;
  }
  .boat-maintenance-task-view-modal-tab:last-of-type {
    border-radius: 0;
  }
  .boat-maintenance-task-view-modal-tab.active {
    border-color: #351f73;
  }
}
@media screen and (max-width: 480px) {
  .boat-maintenance-task-view-modal-tab {
    width: 16.6rem;
    padding: 1rem;
    white-space: nowrap;
  }
}
.boat-maintenance-notes-list-header {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
.boat-maintenance-notes-list-header__btn {
  height: 4rem;
  margin: 0.8rem 0 0 1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-notes-list-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-maintenance-notes-list-header__btn {
    margin: 1.2rem 0 0 1rem;
  }
}
.boat-maintenance-notes-list-chips .chips-item {
  display: flex;
  align-items: center;
  max-height: 4rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 4rem;
  background-color: #fff;
  padding: 1rem 1.4rem;
  margin-top: 0.8rem;
  margin-right: 0.8rem;
  cursor: pointer;
}
.boat-maintenance-notes-list-chips .chips-item app-seazone-icon {
  margin-right: 1rem;
}
.boat-maintenance-notes-list-chips .chips-item app-seazone-icon svg {
  fill: #e0e0e0;
}
.boat-maintenance-notes-list-chips .chips-item.selected {
  box-shadow: 0 0 0 1px #4f194a;
  border-color: initial;
}
.boat-maintenance-notes-list-chips .chips-item.selected app-seazone-icon svg {
  fill: #4f194a;
}
.maintenance-notes-table .history-view-table__cell {
  width: initial;
  min-width: 17rem;
  max-width: 20rem;
}
.maintenance-notes-table .notes-date-cell {
  width: 10.5rem;
  min-width: 10.5rem;
}
.maintenance-notes-table .notes-info-cell {
  width: 18.5rem;
  min-width: 18.5rem;
  max-width: 19rem;
}
.maintenance-notes-table .history-view-table__cell--with-arrow {
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
}
.boat-maintenance-notes-img-table-list {
  display: flex;
  align-items: center;
  width: 73rem;
  gap: 0 0.8rem;
  margin-top: 2rem;
  padding-bottom: 1rem;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.boat-maintenance-notes-img-table-list::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.boat-maintenance-notes-img-table-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.boat-maintenance-notes-img-table-list::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.boat-maintenance-notes-img-table-list__img {
  display: block;
  width: 6.8rem;
  height: 4.4rem;
  border-radius: 0.8rem;
}
.boat-maintenance-notes-form app-seazone-media-uploader,
.boat-maintenance-notes-form .seaz-uploader,
.boat-maintenance-notes-form .seaz-uploader__choose_drop,
.boat-maintenance-template-form app-seazone-media-uploader,
.boat-maintenance-template-form .seaz-uploader,
.boat-maintenance-template-form .seaz-uploader__choose_drop {
  width: 100%;
}
.boat-maintenance-notes-form .form-field__area,
.boat-maintenance-template-form .form-field__area {
  min-height: unset;
}
.boat-maintenance-info {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 500;
  color: #4f194a;
  text-transform: uppercase;
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .boat-maintenance-info {
    padding-bottom: 0.8rem;
  }
}
.boat-assignee-selection-modal .boat-assignee-form {
  margin-top: 3rem;
}
.boat-assignee-selection-modal .boat-assignee-form-search {
  margin-bottom: 2.8rem;
}
.boat-assignee-selection-modal .boat-assignee-form-footer {
  padding: 3rem 0 2rem 0;
}
@media screen and (max-width: 768px) {
  .boat-assignee-selection-modal .boat-assignee-form {
    margin-top: 1.6rem;
  }
}
.calendar-selection-modal.seaz-modal.modal-small {
  width: 100%;
  max-width: 42.1rem;
}
.calendar-selection-modal .modal__wrap {
  padding: 1rem;
}
.ais-position-modal__title {
  margin-bottom: 1.2rem;
}
.ais-position-modal__info-text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-top: 1.2rem;
}
.ais-position-modal-info-label .info-label {
  border-radius: 0.4rem;
}
.ais-position-modal-form {
  margin-top: 3rem;
}
.ais-position-modal-form .form-field--wrapper__row .form-field--label {
  max-width: 16rem;
}
.ais-position-modal-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem 0;
  margin: 3rem 0 0;
  border: none;
}
.ais-position-modal-form-footer__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
.boat-maintenance-work-list-form-modal__row {
  align-items: center;
  margin-bottom: 4rem;
}
.boat-maintenance-work-list-form-modal .form-field--wrapper__row .form-field--label {
  max-width: 10rem;
}
.boat-maintenance-work-list-form-modal .plug-label {
  width: 10rem;
  min-width: 10rem;
}
@media screen and (max-width: 480px) {
  .boat-maintenance-work-list-form-modal .plug-label {
    margin-bottom: 0.8rem;
  }
}
.boat-maintenance-work-list-form-modal-header {
  display: flex;
  margin-bottom: 3rem;
}
.boat-maintenance-work-list-status-change {
  margin-left: 1.6rem;
}
.boat-maintenance-work-list-form-modal-date-range {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-maintenance-work-list-form-modal-date-range__col {
  display: flex;
  align-items: center;
}
.boat-maintenance-work-list-form-modal-date-range__col:not(:last-child) {
  margin: 0 1.6rem 0 0;
}
.boat-maintenance-work-list-form-modal-date-range__label {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-right: 1.6rem;
}
.boat-maintenance-work-list-form-modal-date-range__label:first-letter {
  text-transform: lowercase;
}
.boat-maintenance-work-list-form-modal-text-area .form-field__area {
  min-height: 8rem;
}
.boat-maintenance-work-list-form-modal-text-area .wrapper-rounded .form-field--label {
  flex-direction: row;
  justify-content: flex-start;
}
.boat-maintenance-work-list-form-modal-text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.boat-maintenance-work-list-form-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 3rem 0 1rem 0;
  margin-top: 4.6rem;
}
.boat-maintenance-work-list-form-modal-footer__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.boat-maintenance-work-list-form-modal-footer__btn {
  padding: 1.22rem 2rem;
}
.boat-maintenance-work-list-form-modal-footer__btn:not(:last-child) {
  margin: 0 1.2rem 0 0;
}
.boat-inventory-view {
  padding: 3rem;
}
.boat-inventory-view .boat-maintenance-task-view-modal-tab {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .boat-inventory-view {
    padding: 1.6rem;
  }
}
.boat-inventory-view-header {
  display: flex;
  align-items: center;
}
.boat-inventory-view-header__status-change {
  margin-left: 1.6rem;
}
.boat-inventory-view-header__update-box {
  color: #828282;
  margin-left: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-inventory-view-header {
    flex-wrap: wrap;
  }
  .boat-inventory-view-header__title {
    width: 100%;
    margin-bottom: 1.2rem;
  }
  .boat-inventory-view-header__status-change {
    margin-left: 0;
  }
}
.boat-inventory-view-form {
  margin-top: 3rem;
}
.boat-inventory-view-form__title {
  margin-bottom: 1.2rem;
  color: #010202;
}
.boat-inventory-view-form__row {
  margin-bottom: 2.8rem;
}
.boat-inventory-view-form__row .form-field--wrapper {
  flex-direction: row;
  align-items: center;
}
.boat-inventory-view-form__row .form-field--label {
  max-width: 16rem;
  margin-right: 1.6rem;
}
.boat-inventory-view-form__row--uploader {
  display: flex;
  align-items: flex-start;
}
.boat-inventory-view-form__row--text-area .form-field--wrapper {
  align-items: flex-start;
}
.boat-inventory-view-form__row--item-id .form-field--content,
.boat-inventory-view-form__row--quantity .form-field--content {
  max-width: 15.8rem;
}
.boat-inventory-view-form .file-upload-text {
  margin-bottom: 1.2rem;
}
.boat-inventory-view-form .plug-label {
  width: 16rem;
  min-width: 16rem;
  margin: 0 1.6rem 0 0;
}
.boat-inventory-view-form .boat__form-list {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .boat-inventory-view-form__row .form-field--wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-inventory-view-form__row .form-field--label {
    max-width: initial;
    margin-right: 0;
  }
  .boat-inventory-view-form__row--uploader {
    flex-direction: column;
  }
  .boat-inventory-view-form__row--item-id .form-field--content {
    max-width: initial;
  }
}
.boat-inventory-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0 0 1rem 0;
  margin: 4.6rem 0 0 0;
  justify-content: space-between;
  border: 0;
}
.boat-inventory-form-footer__actions {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .boat-inventory-form-footer__actions {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .boat-inventory-form-footer__actions-group {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 480px) {
  .boat-inventory-form-footer {
    align-items: flex-end;
  }
}
.boat-inventory-view-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-inventory-view-item__title {
  word-break: break-word;
  margin-right: 1rem;
}
.boat-inventory-form-checkbox {
  margin-right: 1.2rem;
}
.boat-inventory-form-checkbox .form__checkbox-label-text {
  font-size: 1.4rem;
  color: #010202;
  padding-left: 1rem;
}
@media screen and (max-width: 480px) {
  .boat-inventory-form-checkbox {
    margin: 0 0 2.9rem 0;
  }
  .boat-inventory-form-checkbox .form__checkbox-label {
    padding: 0;
  }
}
.boat-inventory-status-change-modal__info {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #010202;
  margin-top: 3rem;
}
.boat-inventory-status-change-modal-form {
  margin-top: 3rem;
}
.boat-inventory-status-change-modal-form__text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.boat-inventory-status-change-modal-form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 4.6rem 0 0 0;
  border: none;
}
.boat-inventory-status-change-modal-form-footer__btn:not(:last-child) {
  margin: 0 2.4rem 0 0;
}
.star-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.star-label:hover svg,
.star-label:hover ~ label svg {
  height: 46px;
  width: 46px;
  transition: 0.2s ease;
  filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.1));
}
.star-label.disabled {
  pointer-events: none;
}
.stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 300px;
}
.stars input {
  display: none;
}
.stars input:checked + .s0 svg,
.stars input:checked + .s0 ~ label svg {
  fill: #259912;
}
.stars input:checked + .s1 svg,
.stars input:checked + .s1 ~ label svg {
  fill: #9cc895;
}
.stars input:checked + .s2 svg,
.stars input:checked + .s2 ~ label svg {
  fill: #f7c948;
}
.stars input:checked + .s3 svg,
.stars input:checked + .s3 ~ label svg {
  fill: #f49345;
}
.stars input:checked + .s4 svg,
.stars input:checked + .s4 ~ label svg {
  fill: #d70000;
}
.rating-star-icon svg {
  height: 40px;
  width: 40px;
  fill: #e0e0e0;
}
.s0:hover svg,
.s0:hover ~ label svg {
  fill: #259912 !important;
}
.s1:hover svg,
.s1:hover ~ label svg {
  fill: #9cc895 !important;
}
.s2:hover svg,
.s2:hover ~ label svg {
  fill: #f7c948 !important;
}
.s3:hover svg,
.s3:hover ~ label svg {
  fill: #f49345 !important;
}
.s4:hover svg,
.s4:hover ~ label svg {
  fill: #d70000 !important;
}
.star-rating {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding: 0 5px;
  height: 2.4rem;
}
.star-rating.rounded {
  border-radius: 2.4rem;
}
.star-rating.rounded.red {
  background-color: #fbe7e8;
}
.star-rating.rounded.orange {
  background-color: #f49342;
}
.star-rating.rounded.yellow {
  background-color: #f7c948;
}
.star-rating.rounded.grass {
  background-color: #9cc895;
}
.star-rating.rounded.dark-green {
  background-color: #3aae27;
}
.star-rating__rate {
  font-family: "Roboto", "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #010202;
  padding-left: 6px;
}
.star-rating__rate.history {
  font-size: 12px;
  line-height: 16px;
  color: white;
  padding-left: 2px;
}
.star-rating__rate.history.red {
  color: #ff5f5f;
}
.ratings-person {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ratings-person__btn {
  transition: opacity 0.3s;
}
.ratings-person__btn:hover {
  opacity: 0.8;
}
.ratings-info__company {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #4f4f4f;
}
.ratings-info__reviews {
  color: #828282;
  margin-top: 0.4rem;
}
.rate-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #3aae27;
  background-color: #f5f5f5;
  border-radius: 0.8rem;
  padding: 1.2rem 1rem;
  transition: opacity 0.3s;
}
.rate-button__icon {
  margin-right: 0.7rem;
}
.rate-button:hover {
  opacity: 0.8;
}
.rating-form__item {
  margin-bottom: 3.3rem;
}
.rating-form__title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #4f4f4f;
  margin-bottom: 1rem;
}
.rating-form app-seazone-text-area .wrapper-rounded .form-field--content {
  height: 8rem;
}
.rating-form .form-field__area .form-field--label {
  padding-top: 0;
}
.rating-form .form-field__area .form-field--label span {
  display: block;
  margin-right: 5.5rem;
}
.supplier-rating-history {
  margin-top: 2.4rem;
}
.rating-history {
  padding-top: 2.4rem;
  border-top: 1px solid #e0e0e0;
}
.rating-history__title {
  color: #432791;
  line-height: 1.4;
  margin-bottom: 1.2rem;
}
.rating-history__description {
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 1.2rem;
}
.rating-history__date {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #bdbdbd;
}
.rating-history__reported {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ff1f3a;
  margin-top: 1.2rem;
}
.rating-history__report-btn {
  font-size: 1.2rem;
  padding: 0.8rem 1.6rem;
  margin-top: 1.2rem;
}
.rating-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 0.5rem;
  margin-bottom: 1.4rem;
}
.rating-list__title {
  color: #828282;
  line-height: 1.6rem;
  margin-bottom: 0.4rem;
}
.rating-list .star-rating {
  justify-content: flex-start;
  padding: 0;
}
app-suppliers-search-card,
app-suppliers-search-list {
  display: block;
  width: 100%;
}
app-suppliers-search-card:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
.supplier-card {
  padding: 2.4rem 0 0;
  position: relative;
  overflow: hidden;
}
.supplier-card__top-label {
  position: absolute;
  background-color: #f7c948;
  font-weight: 500;
  font-size: 2rem;
  color: #010202;
  text-transform: uppercase;
  padding: 2.8rem 0 0.4rem;
  width: 10rem;
  text-align: center;
  left: 0;
  transform: rotate(-45deg);
  transform-origin: -15% 100%;
  z-index: 1;
  pointer-events: none;
}
.supplier-card .card-label-box {
  display: flex;
  justify-content: flex-end;
  padding-right: 4.1rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .supplier-card .card-label-box {
    margin: 0 0 1.6rem 1rem;
    padding-right: 3rem;
  }
}
.supplier-card__title {
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  word-break: break-word;
  color: #351f73;
}
.supplier-card__general-info {
  min-height: 19.5rem;
}
.supplier-card__chips-group {
  margin-top: 1.6rem;
}
.supplier-card .seaz-search__card_photo {
  margin-right: 0;
}
.supplier-card .chips-container__icon-box {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
}
.supplier-card__show-all {
  margin-bottom: 1.6rem;
}
.supplier-card__show-all button {
  line-height: 1.6rem;
  color: #00b9ff;
}
.supplier-card__services {
  display: flex;
}
.supplier-card__services .chips-group {
  align-items: center;
}
.supplier-card__col {
  width: 50%;
}
.supplier-card__col:last-of-type {
  border-left: 1px solid #f5f5f5;
  padding-left: 2.4rem;
}
.supplier-card__services-title {
  color: #828282;
  margin-bottom: 0.4rem;
}
.supplier-card__info-person {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.supplier-card__rating-box {
  margin-top: 1.2rem;
}
.supplier-card__work-days {
  margin-top: 1.2rem;
}
.supplier-card__work-days--mobile {
  display: none;
}
.supplier-card__work-time {
  line-height: 1.6rem;
  text-align: center;
}
.supplier-card__special-time,
.supplier-card__timezone {
  display: block;
  color: #bdbdbd;
}
.supplier-card__timezone {
  text-transform: uppercase;
}
.supplier-card__visit-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.2rem;
}
.supplier-card__visit-info app-seazone-icon {
  display: block;
  margin-left: 1.3rem;
}
.supplier-card__time-marker {
  min-height: 2.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  line-height: 2.4rem;
  padding: 0.4rem 0.8rem;
  border-radius: 2.4rem;
}
.supplier-card__time-marker.open {
  color: #259912;
  background-color: #d8efd4;
}
.supplier-card__time-marker.closed {
  color: #4f4f4f;
  background-color: #f5f5f5;
}
.supplier-card__contact-name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 1.2rem 1.6rem 0 0;
  color: #010202;
}
.supplier-card__about-person-services {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.supplier-card__about-person-services .search-card__location {
  margin: 1.2rem 2.8rem 0 0;
}
.supplier-card__branches {
  font-size: 1.2rem;
  padding: 0.8rem 1.6rem;
  margin-top: 1.2rem;
}
.supplier-card__status {
  display: flex;
  align-items: center;
}
.supplier-card__status .seaz-btn-primary-small-relevant {
  margin-right: 1.2rem;
}
.supplier-card__icon-certified {
  margin-left: 1rem;
}
.supplier-card .brand-item,
.supplier-card .count-item {
  min-height: 3.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.6;
  color: #828282;
  border: none;
  background-color: #f5f5f5;
  padding: 0.8rem 1.2rem;
}
.supplier-card .count-item {
  border-radius: 5.6rem;
  padding: 0.8rem 1.6rem 0.8rem 1rem;
}
.supplier-card .stash-items-wrapper {
  align-items: baseline;
}
.supplier-card .stash-items {
  height: 4rem;
}
.supplier-card .seaz-btn-primary-small-favorite.active {
  background-color: #00b9ff;
}
.supplier-card .seaz-btn-primary-small-relevant.active {
  background-color: #d70000;
}
.supplier-card__chips-icon {
  width: 1.6rem;
  height: 1.6rem;
}
.supplier-card .search-card__about-person-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.supplier-card__footer {
  position: relative;
}
@media screen and (max-width: 768px) {
  .supplier-card .seaz-search__card_photo {
    width: 8.8rem;
    height: 8.8rem;
    margin-bottom: 0.8rem;
  }
  .supplier-card__rating-box {
    margin-top: 0;
  }
  .supplier-card__work-days {
    margin-top: 0;
  }
  .supplier-card__work-days--desktop {
    display: none;
  }
  .supplier-card__work-days--mobile {
    display: block;
  }
  .supplier-card__work-time {
    text-align: left;
  }
  .supplier-card__visit-info {
    justify-content: flex-start;
  }
  .supplier-card__general-info {
    min-height: initial;
    border-top: 1px solid #f5f5f5;
    padding: 1.2rem 0 0 0;
    margin-top: 1.6rem;
  }
  .supplier-card__chips-group {
    margin-top: 0;
  }
  .supplier-card__services {
    display: flex;
    flex-direction: column;
  }
  .supplier-card__col {
    width: 100%;
  }
  .supplier-card__col:last-of-type {
    border-top: 1px solid #f5f5f5;
    border-left: none;
    padding: 1.2rem 0 0 0;
    margin-top: 1.2rem;
  }
  .supplier-card__footer .crew-id-box {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  .supplier-card__footer {
    align-items: flex-start;
  }
}
.supplier-card .crew-id-box {
  margin-top: 0;
  align-items: center;
}
.rating-box-person {
  display: flex;
  align-items: center;
}
.rating-box-person__text {
  line-height: 1.6rem;
  color: #828282;
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .rating-box-person {
    flex-direction: column;
    justify-content: center;
  }
  .rating-box-person__text {
    margin: 0.8rem 0 0 0;
  }
}
.rating-box {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background-color: #46a6a4;
  border-radius: 2.4rem;
  padding: 0.5rem 0.7rem;
}
.rating-box__icon {
  margin-right: 0.4rem;
}
.chips-container__brands-box {
  margin-right: 0.8rem;
}
.chips-container__brands-icon {
  display: block;
  border-radius: 50%;
}
.group-action-buttons-container {
  display: flex;
  align-items: center;
}
.group-action-buttons-container .crew-id-box {
  margin-left: 1.2rem;
}
@media screen and (max-width: 480px) {
  .group-action-buttons-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .group-action-buttons-container .crew-id-box {
    margin: 1.2rem 0 0;
  }
}
.group-action-buttons {
  display: flex;
  align-items: center;
}
.group-action-buttons__button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transition: opacity 0.3s;
}
.group-action-buttons__button:hover {
  opacity: 0.7;
}
.group-action-buttons__button:not(:last-child) {
  margin-right: 0.8rem;
}
.group-action-buttons__button .seaz-search__card_controls--new {
  top: 1px;
  right: 1px;
}
.group-action-buttons__button--sharing {
  background-color: #010202;
}
.group-action-buttons__button--note {
  background-color: #00b9ff;
}
.group-action-buttons__button--web {
  background-color: #3f9795;
}
.group-action-buttons__button--contacts {
  background-color: #3aae27;
}
.group-action-buttons__button--contacts.disabled {
  background-color: #bdbdbd;
}
.group-action-buttons__button--play {
  background-color: #351f73;
}
.group-action-buttons__button--play:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-20%, -50%);
  border: 0.8rem solid transparent;
  border-left: 1.3rem solid #fff;
}
.group-action-buttons__button--play:disabled {
  background-color: #bdbdbd;
}
.group-action-buttons__button--like {
  background-color: #bdbdbd;
}
.group-action-buttons__button--like.liked {
  background-color: #351f73;
}
app-stash-items {
  display: flex;
}
.stash-items-wrapper {
  display: flex;
  align-items: center;
  max-width: 100%;
  position: relative;
  padding-right: 2.4rem;
}
.stash-items {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  height: 5.2rem;
}
.stash-items-overflow-count {
  color: #432791;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  position: absolute;
  cursor: pointer;
}
.supplier-search-all .chips-item-large .supplier-search-all-chips-icon-box .seaz-search-chips-filter__chips--icon {
  width: 2rem;
  height: 2rem;
  background-color: initial;
  margin-right: 0;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(166deg) brightness(112%) contrast(105%);
}
.supplier-search-all .supplier-search-all-chips-icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  background-color: rgba(53, 31, 115, 0.2);
  border-radius: 50%;
  margin-right: 1rem;
}
.supplier-search-all .chips-item.selected .supplier-search-all-chips-icon-box {
  background-color: #4f194a;
}
.supplier-search-all .seaz-filters__map_icon {
  height: auto;
}
.supplier-search-all__choose-btn {
  margin: 0.8rem 0 1.6rem;
}
.supplier-search-all .seaz-search-chips-filter__row:not(:last-of-type) {
  margin-bottom: 0;
}
.map-info__header {
  justify-content: flex-start;
}
.map-info__header img {
  margin-left: 0.9rem;
}
.map-info .person-info-contacts__info-work {
  height: 2.4rem;
  line-height: 2.4rem;
  margin-left: 0;
  padding: 0 0.6rem;
}
.map-info .star-rating {
  margin-right: 1rem;
}
.map-info .info-window__profile {
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0.8rem;
}
.map-info .info-window__supplier-info {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
}
.map-info .info-window__supplier-working {
  color: #010202;
}
.map-info .info-window__supplier-break,
.map-info .info-window__supplier-utc {
  color: #bdbdbd;
}
@media screen and (max-width: 1300px) {
  .map-info .info-window__header {
    flex-direction: row;
  }
}
app-unauth-supplier-header,
app-unauth-header {
  display: block;
  margin-top: 5.9rem;
}
@media screen and (max-width: 768px) {
  app-unauth-supplier-header,
  app-unauth-header {
    margin-top: 4.9rem;
  }
}
.unauth-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2.4rem 1rem;
  background-color: #351f73;
}
.unauth-header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: rotateZ(-45deg) translateX(-50%);
  height: 23px;
  width: 23px;
  background-color: #351f73;
  z-index: 1;
}
.unauth-header__text {
  position: relative;
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  z-index: 3;
}
.unauth-header__text:first-of-type {
  color: #46a6a4;
}
.unauth-header__text:last-of-type {
  margin-left: 2.8rem;
}
@media screen and (max-width: 1024px) {
  .unauth-header {
    flex-direction: column;
    padding: 1.2rem;
  }
  .unauth-header__text {
    font-size: 2rem;
  }
  .unauth-header__text:last-of-type {
    margin: 0.4rem 0 0 0;
  }
}
.unauth-title {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2;
  color: #351f73;
  margin-top: 3.2rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .unauth-title {
    font-size: 2.4rem;
    padding: 0 1rem;
  }
}
.seazone-range-slider [type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  border: none;
  height: 0.2rem;
}
.seazone-range-slider [type=range]:focus {
  outline: none;
  border: none;
}
.seazone-range-slider [type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.2rem;
  cursor: pointer;
}
.seazone-range-slider [type=range]::-webkit-slider-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  background: #351f6f;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
  border: 0.2rem solid #fafafb;
}
.seazone-range-slider [type=range]::-moz-range-track {
  width: 100%;
  height: 0.2rem;
  cursor: pointer;
}
.seazone-range-slider [type=range]::-moz-range-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  background: #351f6f;
  border: 0.2rem solid #fafafb;
  cursor: pointer;
}
.seazone-range-slider [type=range]::-ms-track {
  width: 100%;
  height: 0.2rem;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 3rem 0;
  color: transparent;
}
.seazone-range-slider [type=range]::-ms-fill-lower {
  background: #351f6f;
}
.seazone-range-slider [type=range]::-ms-fill-upper {
  background: yellow;
}
.seazone-range-slider [type=range]::-ms-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  background: #351f6f;
  border: 0.2rem solid #fafafb;
  cursor: pointer;
}
.seazone-range-slider [type=range]::-moz-range-progress {
  background-color: #351f6f;
  height: 0.2rem;
}
.invite {
  margin: 4.8rem auto 11.6rem;
  padding: 0 1.2rem;
}
.invite__title {
  font-size: 3rem;
}
.invite__box {
  display: block;
  padding: 3.2rem;
  background-color: #fff;
  border-radius: 1.2rem;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .invite {
    margin: 1.2rem auto 4.8rem;
  }
  .invite__box {
    padding: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .invite__referral {
    margin-top: 1.2rem;
  }
}
.referral__title {
  color: #4f194a;
}
.referral__description {
  margin-top: 2.4rem;
  color: #010202;
}
.referral__field {
  width: 100%;
  max-width: 57.7rem;
  margin-top: 2.4rem;
}
.referral app-seazone-form-field .seazone__form-input:disabled,
.referral app-seazone-form-field .seazone__form-input:read-only {
  color: #010202;
}
@media screen and (max-width: 768px) {
  .referral__field {
    margin-top: 1.2rem;
  }
}
.referrals-list__title {
  color: #4f194a;
}
.referrals-list__counter {
  color: #bdbdbd;
}
.referrals-list-table {
  margin-top: 2.4rem;
}
.referrals-list-table .table {
  width: 100%;
}
.referrals-list-table th,
.referrals-list-table td {
  text-align: left;
}
.referrals-list-table th {
  min-width: 22rem;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #828282;
  padding: 0 0.8rem 1.2rem;
}
.referrals-list-table td {
  line-height: 1.6rem;
  color: #010202;
}
.referrals-list-table .table-content:nth-of-type(2n) td {
  background-color: #f5f5f5;
  padding: 0.8rem;
}
.referrals-list-table .table-content:nth-of-type(2n) td:first-of-type {
  border-radius: 1.2rem 0 0 1.2rem;
}
.referrals-list-table .table-content:nth-of-type(2n) td:last-of-type {
  border-radius: 0 1.2rem 1.2rem 0;
}
.referrals-list-table .table-content:nth-of-type(2n+1) td {
  padding: 2rem 0.8rem;
}
.social-auth-control {
  display: flex;
  align-items: center;
  margin: 3.2rem 0;
}
.social-auth-control__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.2rem;
  border-radius: 0.4rem;
  background-color: #fff;
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));
  transition: opacity 0.3s;
}
.social-auth-control__button:hover {
  opacity: 0.8;
}
.social-auth-control__button--fb {
  color: #0066ff;
}
.social-auth-control__button--fb:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.social-auth-control__button--google {
  color: #010202;
  margin-right: 1.2rem;
}
.social-auth-control__button:disabled {
  color: #bdbdbd;
}
.social-auth-control__button:disabled:hover {
  opacity: initial;
}
.social-auth-control__button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .social-auth-control {
    flex-direction: column;
  }
  .social-auth-control__button {
    width: 100%;
  }
  .social-auth-control__button--google {
    margin: 0 0 2.4rem;
  }
}
.registration-stepper {
  width: 100%;
  max-width: 99.2rem;
  margin: 3.2rem auto 16.4rem;
}
.registration-stepper .main-btn {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
.registration-stepper-title {
  margin-top: 1rem;
  color: #351f73;
}
.registration-role {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(46.6rem, 1fr));
  grid-gap: 2.4rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .registration-role {
    grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .registration-role {
    grid-template-columns: 1fr;
    grid-gap: 1.2rem 0;
    margin-top: 2.4rem;
  }
}
.registration-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: end;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border-radius: 1.2rem;
  padding: 2.4rem 2.6rem;
}
.registration-item__container {
  display: flex;
  align-items: end;
}
.registration-item__content {
  margin-left: 1.7rem;
}
.registration-item__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #000000;
  margin-bottom: 0.4rem;
}
.registration-item__description {
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 1.2rem;
}
.registration-item__btn {
  display: flex;
  height: 3.2rem;
  font-size: 1.2rem;
  line-height: 3.2rem;
  padding: 0 0.8rem;
}
.registration-item__icon {
  transform-origin: 50%;
  transform: rotateY(190deg);
  transition: all 0.3s;
}
.registration-item__btn-icon {
  display: block;
  transform-origin: center;
  transform: rotateZ(180deg);
  margin-left: 1.4rem;
}
@media screen and (max-width: 480px) {
  .registration-item__container {
    align-items: center;
  }
}
.registration-item:hover .registration-item__icon {
  transform: rotateY(190deg) translate(-1rem, 0);
}
.auth-method {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #010202;
}
.auth-method__link {
  font-weight: bold;
  text-decoration: underline;
  color: #432791;
  margin-left: 1.2rem;
}
.auth-method__link:hover {
  text-decoration: none;
}
.registration-email-form {
  margin-top: 3.2rem;
}
.business-cards-wrapper {
  position: relative;
  width: 100%;
  max-width: 37.5rem;
  margin: 2.4rem auto 0;
}
.business-cards-logo {
  display: block;
  width: 20rem;
  height: 2.6rem;
  margin: 0 auto;
}
.business-card {
  padding: 0 1.6rem 11rem;
  margin-top: 2rem;
}
.business-card .info-rounded-box {
  padding: 2.4rem;
}
.business-card__roles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 1.6rem;
}
.business-card__roles-chips {
  margin-bottom: 0.8rem;
}
.business-card__roles-chips:not(:last-of-type) {
  margin-right: 0.8rem;
}
.business-card__roles-icon {
  border: none;
  filter: invert(17%) sepia(24%) saturate(4663%) hue-rotate(238deg) brightness(86%) contrast(105%);
}
.business-card__go-btn {
  display: block;
  width: 100%;
  margin-top: 1.6rem;
}
.business-card .person-info-common {
  margin-bottom: 0;
}
.business-card__contacts {
  margin-top: 2.4rem;
  padding: 0 2.2rem;
}
.business-card .person-info-contacts__container {
  padding-bottom: 0;
}
.business-card .person-info-contacts__social-box {
  justify-content: center;
}
.business-card .crew-search-card__header--status-box {
  flex-wrap: wrap;
  margin-top: 1.6rem;
}
.business-card .crew-search-card__header--status-box .seaz-cv__badges_status {
  margin-left: 0;
}
.business-card .crew-search-card__header--status {
  margin-bottom: 0.7rem;
}
.business-card .seaz-cv__badges_status_job {
  min-width: 15.6rem;
}
.business-card .seaz-cv__badges_status {
  min-width: 9.7rem;
}
.business-card__person-status {
  margin-top: 1.6rem;
  text-align: center;
}
.business-card .search-card__person-status {
  margin-bottom: 0;
}
.business-card .search-card__person-age {
  white-space: nowrap;
}
.business-card .search-card__info {
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .business-card .search-card__person-status {
    font-size: 2.4rem;
  }
  .business-card .crew-search-card__header--status .seaz-cv__badges_status {
    margin: 0;
  }
  .business-card .crew-search-card__header--status:not(:last-child) {
    margin: 0 0.7rem 0.7rem 0;
  }
  .business-card .crew-search-card__header--status-box {
    flex-direction: row;
  }
}
@media screen and (max-width: 600px) {
  .business-card .seaz-search__card_photo {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .business-card .crew-search-card__header--status .seaz-cv__badges_status {
    max-width: initial;
  }
}
.business-cards-button-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 37.5rem;
  margin: 0 auto;
  padding: 1.6rem;
  background-color: #fff;
}
.business-cards-button-save {
  width: 21rem;
  white-space: nowrap;
}
.business-cards-button-share {
  width: 11.5rem;
  padding: 1rem 1rem;
  margin-left: 1rem;
}
.business-card-info-list {
  width: 100%;
  margin-top: 1.6rem;
}
.business-card-info {
  display: flex;
  align-items: center;
  width: 100%;
}
.business-card-info:not(:last-of-type) {
  margin-bottom: 1.3rem;
}
.business-card-info__col {
  width: 100%;
}
.business-card-info .info-crew__title {
  margin-bottom: 0;
}
.qr-code {
  display: flex;
  justify-content: center;
  align-items: center;
}
.supplier-business-card-share-modal {
  max-width: 36rem;
}
.supplier-business-card-share-modal .seaz__btn_rounded {
  width: 100%;
}
.business-card-list {
  width: 100%;
  max-width: 127rem;
  margin: 0 auto;
  padding: 4rem 1rem 11.5rem;
}
.business-card-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.business-card-list__title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 145%;
  text-transform: uppercase;
  color: #010202;
  margin-right: 1rem;
}
.business-card-list__button {
  padding: 0.9rem 1.3rem;
}
.business-card-list__scroll-wrap {
  position: relative;
}
.business-card-list__wrap {
  overflow-x: auto;
}
.business-card-list__container {
  width: 125rem;
  margin-top: 1.4rem;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .business-card-list__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1270px) {
  .business-card-list__container {
    margin-top: 5rem;
  }
}
.business-card-item-box {
  display: block;
}
.business-card-item-box:not(:first-of-type) {
  margin-top: 4rem;
}
.business-card-item {
  display: flex;
  align-items: center;
  align-items: center;
  padding: 2.4rem;
  border-radius: 16px;
}
.business-card-item:nth-of-type(2n) {
  background-color: #f5f5f5;
}
.business-card-item__actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.business-card-item__title {
  font-size: 1rem;
  line-height: 1.4rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  word-break: break-word;
  color: #828282;
  margin-bottom: 0.4rem;
}
.business-card-item__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  word-break: break-word;
  color: #351f73;
}
.business-card-item__container {
  display: flex;
  align-items: center;
  align-items: center;
  width: 100%;
}
.business-card-item__contact-name,
.business-card-item__position,
.business-card-item__phone {
  width: 19.3rem;
  margin-right: 3.2rem;
}
.business-card-item__email {
  width: 20rem;
  margin-right: 3.3rem;
}
.business-card-item__btn-view {
  margin-right: 3.4rem;
  transition: transform 0.3s;
}
.business-card-item__btn-view:hover {
  transform: translateY(-0.5rem);
}
.social-registration-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .social-registration-wrap {
    flex-direction: column;
  }
}
.social-registration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.4rem 1.6rem;
  background-color: #f5f5f5;
  border-radius: 1.2rem;
}
.social-registration:first-of-type {
  margin-right: 2.4rem;
}
.social-registration__description {
  display: flex;
  align-items: center;
  line-height: 1.6rem;
  color: #010202;
}
.social-registration__person-info {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 0.4rem;
}
.social-registration__icon {
  display: block;
  margin-right: 1.4rem;
}
.social-registration__button {
  display: inline-block;
  height: 3.6rem;
  font-size: 1.2rem;
  padding: 0 1.6rem;
  line-height: 3.6rem;
}
@media screen and (max-width: 768px) {
  .social-registration:first-of-type {
    margin: 0 0 1.2rem;
  }
}
.supplier-info-menu__menu-item {
  flex-direction: column;
}
.supplier-info-menu .user-info__menu_link-my-company {
  position: relative;
  padding: 0 1.8rem 0 0;
}
.supplier-info-menu .user-info__menu_link-my-company:before {
  content: "";
  border: 5px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  right: 0;
  top: 34%;
}
.nav-sub-menu {
  top: 50px;
  transform: translate(-3%, 0) !important;
  padding: 1rem;
}
.nav-sub-menu:before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 4rem;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  transform: rotateZ(135deg);
  z-index: 100;
}
.nav-sub-menu__wrapper {
  position: relative;
  max-height: 33.2rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.nav-sub-menu__wrapper::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.nav-sub-menu__wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.nav-sub-menu__wrapper::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.nav-sub-menu .menu {
  display: block;
  padding: 1.2rem 1.6rem;
}
.nav-sub-menu .menu__item:not(:last-of-type) {
  margin-bottom: 1.3rem;
}
.nav-sub-menu .menu__link {
  min-height: auto;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0;
  padding: 1.4rem 0.8rem;
  color: #351f73;
  border-radius: 0.8rem;
  transition: background-color 0.3s;
}
.nav-sub-menu .menu__link:hover {
  background-color: #f5f5f5;
}
@media screen and (max-width: 1200px) {
  .nav-sub-menu .menu__link:hover {
    background-color: transparent;
    outline: 1px solid #ffffff;
  }
}
.nav-sub-menu .menu__link.active-item {
  border: 2px solid #c2bed4;
  opacity: 1 !important;
}
.nav-sub-menu .menu__link .menu__link-icon {
  opacity: 1;
  margin-right: 1rem;
}
.nav-sub-menu .menu__link .menu__link-icon svg {
  width: 20px;
  height: 20px;
}
.nav-sub-menu__title {
  line-height: 1.6rem;
  color: #828282;
  margin: 1.6rem 0 0.6rem;
}
@media screen and (max-width: 1200px) {
  .nav-sub-menu {
    background-color: initial;
    top: 0;
    transform: translate(0) !important;
    padding: 0;
  }
  .nav-sub-menu:before {
    display: none;
  }
  .nav-sub-menu__wrapper {
    height: auto;
  }
  .nav-sub-menu .menu {
    margin: 1.2rem 0 0;
  }
  .nav-sub-menu .menu__link {
    width: 100%;
    color: #fff;
  }
  .nav-sub-menu .menu__item:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .nav-sub-menu__title {
    margin: 1.6rem;
    text-transform: uppercase;
  }
}
.supplier-nav-sub-menu__wrapper {
  overflow-y: auto;
}
app-claim-supplier {
  display: block;
}
.claim {
  width: 100%;
  max-width: 46.4rem;
  margin: 0 auto;
}
.claim__title-main {
  text-transform: uppercase;
  margin-bottom: 3.2rem;
}
.claim__title {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #010202;
}
.claim__search {
  display: flex;
  align-items: center;
  margin-top: 3.2rem;
}
.claim__search .wrapper-rounded .form-field--content {
  border-radius: 0.4rem 0 0 0.4rem;
}
.claim__search .seaz-filters__row_search-icon {
  border-radius: 0 0.4rem 0.4rem 0;
}
.claim__counter {
  margin-top: 1.2rem;
  text-align: left;
  color: #828282;
  line-height: 1.6rem;
}
.top-banner {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  padding: 0 1.6rem;
  background:
    linear-gradient(
      180deg,
      #603e9f 0%,
      #442a5d 100%);
  overflow-x: hidden;
}
.top-banner__content {
  width: 100%;
  max-width: 75.3rem;
}
.top-banner__title {
  font-size: 4.8rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2.4rem;
  line-height: 100%;
  padding-top: 7rem;
}
.top-banner__text {
  font-size: 2.4rem;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 2.4rem;
}
.top-banner__label {
  position: absolute;
  top: 0;
  right: 0;
  width: 35.8rem;
  padding: 1.8rem 0;
  background-color: #3f9795;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.7rem;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  transform: rotate(45deg) translate(10rem, -7rem);
}
@media screen and (max-width: 1024px) {
  .top-banner {
    flex-direction: column;
    align-items: center;
    padding: 1.6rem 1.6rem 0;
  }
  .top-banner__content {
    margin-bottom: 2.8rem;
  }
  .top-banner__title {
    font-size: 3rem;
    padding-top: 0;
    margin-bottom: 1.4rem;
  }
  .top-banner__text {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .top-banner__title,
  .top-banner__text {
    width: 100%;
    max-width: 47rem;
  }
  .top-banner__label {
    font-size: 2.4rem;
    line-height: 2.8rem;
    padding: 1.6rem 0;
  }
}
@media screen and (max-width: 768px) {
  .top-banner__title {
    font-size: 2.4rem;
    padding-top: 0;
    margin-bottom: 1rem;
  }
  .top-banner__text {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
  }
  .top-banner__title,
  .top-banner__text {
    width: 100%;
    max-width: 28.4rem;
  }
  .top-banner__label {
    transform: rotate(45deg) translate(10.8rem, -9rem);
  }
}
.top-banner-poster {
  width: 100%;
  max-width: 85.7rem;
}
.top-banner-poster__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .top-banner-poster {
    width: 100%;
    max-width: 80rem;
  }
}
@media screen and (max-width: 768px) {
  .top-banner-poster {
    width: 100%;
    max-width: 37.5rem;
  }
}
.users-list {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  margin-bottom: 2.4rem;
}
.users-list__item {
  width: 33.3%;
  padding: 2.4rem;
  background-color: rgba(0, 0, 0, 0.22);
  border-radius: 1.2rem;
}
.users-list__item:not(:last-of-type) {
  margin-right: 1.6rem;
}
.users-list__count {
  font-size: 4rem;
  font-weight: bold;
  line-height: 100%;
  color: #fff;
  margin-bottom: 1.2rem;
}
.users-list__description {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #bdbdbd;
}
@media screen and (max-width: 1024px) {
  .users-list__item {
    padding: 1.2rem;
  }
  .users-list__count {
    font-size: 3rem;
  }
  .users-list__description {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .users-list__count {
    font-size: 2rem;
    margin-bottom: 0.4rem;
  }
  .users-list__description {
    font-size: 1.2rem;
  }
}
.services-list {
  display: flex;
  align-items: center;
  padding-bottom: 7rem;
}
.services-list__item {
  position: relative;
  font-size: 2.4rem;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.6);
}
.services-list__item:not(:last-of-type) {
  padding-right: 1rem;
}
.services-list__item:not(:last-of-type):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.6);
}
.services-list__item:not(:first-of-type) {
  padding-left: 1rem;
}
@media screen and (max-width: 1024px) {
  .services-list {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .services-list {
    font-size: 1.4rem;
  }
}
.banner-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 88.7rem;
  border-radius: 1.2rem;
}
.banner-box__content {
  padding: 3.5rem 3.7rem 0;
}
.banner-box__title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 145%;
  color: #fff;
  margin-bottom: 1.2rem;
}
.banner-box__text {
  font-size: 2rem;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.6);
}
.banner-box__text:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.banner-box__img-box {
  width: 100%;
  border-radius: 0 0 1.2rem 1.2rem;
}
.banner-box__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0 0 1.2rem 1.2rem;
}
@media screen and (max-width: 1700px) {
  .banner-box {
    min-height: 70rem;
    margin-bottom: 3.5rem;
  }
  .banner-box__content {
    padding: 1.6rem;
  }
  .banner-box__title {
    font-size: 2rem;
  }
  .banner-box__text {
    font-size: 1.6rem;
  }
  .banner-box__text:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1300px) {
  .banner-box {
    min-height: auto;
  }
  .banner-box__img-box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .banner-box__img {
    width: auto;
    height: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .banner-box {
    margin-bottom: 1.6rem;
  }
  .banner-box__img-box {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .banner-box__img {
    width: 100%;
    height: auto;
  }
  .banner-box__title {
    font-size: 1.6rem;
  }
  .banner-box__text {
    font-size: 1.2rem;
  }
}
.banner-left {
  background-color: #3f9795;
}
.banner-right {
  background-color: #00b9ff;
}
.filter-by-offer {
  display: flex;
  align-items: center;
}
.filter-by-offer__container {
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
}
.filter-by-offer__label {
  background-color: #46a6a4;
  color: #fff;
  margin-right: 1.2rem;
}
.filter-by-offer__text {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  white-space: nowrap;
  color: #351f73;
}
.filter-by-offer__create-btn {
  display: block;
  width: 100%;
  max-width: 44.1rem;
}
@media screen and (max-width: 768px) {
  .filter-by-offer__create-btn {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .filter-by-offer {
    display: block;
  }
  .filter-by-offer__container {
    display: flex;
    align-items: center;
    margin: 0 0 1.6rem;
  }
}
.fleets {
  width: 100%;
  max-width: 127rem;
  margin: 6.2rem auto 12.4rem;
  padding: 0 1.6rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .fleets {
    margin: 5.4rem auto 12.4rem;
  }
}
@media screen and (max-width: 768px) {
  .fleets {
    margin: 1.6rem auto 9rem;
  }
}
.fleets-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 768px) {
  .fleets-header {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .fleets-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleets-header__btn {
    width: 100%;
  }
}
.fleets-header-title {
  text-transform: uppercase;
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .fleets-header-title {
    margin: 0 0 1.2rem;
  }
}
.fleet-card-box {
  display: block;
  cursor: pointer;
}
.fleet-card-box:not(:last-of-type) {
  margin: 0 0 2.4rem 0;
}
.fleets-paginator {
  margin-top: 5.1rem;
}
.mt-indent {
  margin-top: 1.6rem;
}
.fleet-shortcuts {
  margin-top: 2rem;
}
.fleet-tasks-filters-form {
  margin-top: 4rem;
}
.fleet-tasks-filters-form-search-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 560px) {
  .fleet-tasks-filters-form-search-action {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleet-tasks-filters-form-search-action__btn {
    width: 100%;
  }
}
.fleet-tasks-filters-form-search {
  width: 100%;
  max-width: 51.1rem;
}
.fleet-tasks-filters-form-actions {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 2.4rem;
  padding: 2.4rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  .fleet-tasks-filters-form-actions {
    padding: 1.6rem;
  }
}
.fleet-tasks-filters-form-actions-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fleet-tasks-filters-form-toggle {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  gap: 0 0.8rem;
}
.fleet-tasks-filters-form-toggle__btn {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  color: #4f194a;
}
.fleet-tasks-filters-form-switch-box {
  display: flex;
  align-items: center;
  gap: 0 1.4rem;
  margin: 3rem 0;
}
.fleet-tasks-filters-form-switch-box .boat-maintenance-statistic-filter-switch {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .fleet-tasks-filters-form-switch-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem 0;
    margin: 3.2rem 0 1.2rem 0;
  }
  .fleet-tasks-filters-form-switch-box .boat-maintenance-statistic-filter-switch {
    max-width: initial;
  }
  .fleet-tasks-filters-form-switch-box .fleet-tasks-filters-form-date-range-picker {
    width: 100%;
  }
}
.fleet-tasks-filters-form-row {
  display: flex;
  align-items: center;
}
.fleet-tasks-filters-form-row .plug-label {
  flex-shrink: 0;
  width: auto;
  min-width: initial;
}
.fleet-tasks-filters-form-row .boat-task-form-chips {
  gap: 0.8rem;
}
.fleet-tasks-filters-form-row .task-status-type,
.fleet-tasks-filters-form-row .task-type {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .fleet-tasks-filters-form-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleet-tasks-filters-form-row .plug-label {
    margin-bottom: 0.2rem;
  }
}
.fleet-tasks-filters-form-footer-actions .seaz__btn_rounded {
  margin-right: 2.4rem;
}
.expired-filter-form {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  margin-left: 1rem;
}
.fleet-tasks-filters-form-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem 6.4rem;
}
.fleet-tasks-filters-form-chips .fleet-tasks-filters-form-select {
  width: 100%;
  max-width: 27rem;
}
@media screen and (max-width: 1024px) {
  .fleet-tasks-filters-form-chips {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem 0;
  }
  .fleet-tasks-filters-form-chips .fleet-tasks-filters-form-select {
    max-width: inherit;
  }
}
.fleet-tasks-filters-form-chips-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.fleet-tasks-filters-form-chips-wrap .fleet-chips {
  margin-top: 0;
}
.fleet-tasks-filters-form-reset-all {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .fleet-tasks-filters-form-reset-all {
    margin-top: 2.8rem;
  }
}
.fleet-card {
  border: 2px solid rgba(53, 31, 115, 0.2);
  box-sizing: border-box;
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
}
.fleet-card__logo {
  grid-area: logo;
  width: 15.8rem;
  height: 15.9rem;
  border-radius: 1.6rem;
}
.fleet-card__logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.6rem;
}
.fleet-card__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-area: title;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  word-break: break-word;
  color: #351f73;
}
.fleet-card__description {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-bottom: 1.6rem;
  word-break: break-all;
}
@media screen and (max-width: 480px) {
  .fleet-card__logo {
    width: 6.6rem;
    height: 6.6rem;
  }
}
.fleet-card-body {
  display: grid;
  grid-template-areas: "logo title" "logo content";
  grid-template-columns: 15.8rem 1fr;
  grid-gap: 0.8rem 2.4rem;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .fleet-card-body {
    grid-template-areas: "logo title" "content content";
    grid-gap: 1.2rem;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .fleet-card-body {
    grid-template-columns: 6.6rem 1fr;
  }
}
.fleet-card-content {
  grid-area: content;
}
.fleet-card-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: 1px solid #f5f5f5;
  padding-top: 1.6rem;
}
.fleet-card-info__col {
  width: 50%;
}
.fleet-card-info__col:not(:last-of-type) {
  margin: 0 1rem 0 0;
}
.fleet-card-info__col:not(:first-of-type) {
  border-left: 1px solid #f5f5f5;
  padding-left: 2.4rem;
}
.fleet-card-info__title {
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
  .fleet-card-info {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 1.2rem;
  }
  .fleet-card-info__col {
    width: 100%;
  }
  .fleet-card-info__col:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
  .fleet-card-info__col:not(:first-of-type) {
    border-left: none;
    padding: 0;
  }
}
.fleet-card-default {
  margin-left: 1rem;
}
.fleet-item-box {
  display: flex;
  justify-content: flex-start;
}
.fleet-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.fleet-item__content {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.fleet-item__content:not(:first-of-type) {
  margin-left: -1.2rem;
}
.fleet-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.fleet-item__count {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  text-decoration: underline;
  color: #00b9ff;
  margin-left: 1.2rem;
}
.fleet-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 1.6rem 2.4rem;
  border-radius: 0 0 1.6rem 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-card-footer {
    padding: 1.6rem;
  }
}
.fleet-card-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .fleet-card-buttons {
    flex-direction: column;
  }
  .fleet-card-buttons__wrap {
    width: 100%;
  }
}
.fleet-card-button:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 540px) {
  .fleet-card-button {
    width: 100%;
  }
  .fleet-card-button:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.buttons-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 540px) {
  .buttons-wrap {
    flex-direction: column;
    width: 100%;
    margin-top: 1.2rem;
  }
}
.fleet-card-buttons-alternate {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .fleet-card-buttons-alternate {
    flex-direction: column;
  }
}
.fleet-card-button-reject {
  color: #fff;
  border-color: #d70000;
  background-color: #d70000;
}
.fleet-card-button-reject:hover {
  opacity: 1;
  background-color: #fff;
  color: #d70000;
}
.fleet-form {
  margin-top: 3rem;
}
.fleet-form__text-area .wrapper-rounded.form-field--wrapper__row .form-field--label {
  justify-content: flex-start;
}
.fleet-form .plug-label {
  flex-shrink: 0;
}
.fleet-form app-seazone-media-uploader,
.fleet-form .seaz-uploader__choose_drop {
  width: 100%;
}
.fleet-form .seaz-uploader {
  margin-top: 0;
}
@media screen and (max-width: 650px) {
  .fleet-form .form-field--wrapper__row .form-field--label,
  .fleet-form .plug-label {
    flex-shrink: 0;
    width: 12rem;
    max-width: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .fleet-form .seaz-uploader__box {
    align-items: flex-start;
  }
  .fleet-form .seaz-uploader__choose {
    justify-content: flex-start;
  }
}
.fleet-card-modal {
  display: block;
}
.fleet-card-modal:not(:last-of-type) {
  margin: 0 0 1.2rem 0;
}
.fleet-info-modal-search {
  margin-bottom: 1.2rem;
}
.fleet-info-modal-event-selection {
  margin-bottom: 4.6rem;
}
@media screen and (max-width: 480px) {
  .fleet-info-modal-event-selection {
    margin-bottom: 1.6rem;
  }
}
.info-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.6rem;
  border: 2px solid #f5f5f5;
  box-sizing: border-box;
  border-radius: 0.8rem;
  background-color: #fff;
}
.info-card__count {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 120%;
  color: #010202;
}
.info-card .shevron-icon {
  margin-left: 1.2rem;
}
.fleet-boat-selection-list {
  max-height: 40.8rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding-right: 1rem;
}
.fleet-boat-selection-list::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-boat-selection-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-boat-selection-list::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.app-fleet-boat-selection-item {
  display: block;
}
.app-fleet-boat-selection-item:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
@media screen and (max-width: 560px) {
  .info-card-invitation {
    flex-direction: column;
  }
}
.info-card-wrap {
  display: flex;
}
.info-card-avatar-boat {
  width: 8rem;
  height: 8rem;
  border-radius: 0.8rem;
  flex-shrink: 0;
}
.info-card-avatar-boat__img {
  border-radius: 0.8rem;
}
.info-card-avatar-user {
  width: 3.6rem;
  min-width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
}
.info-card-avatar-user__img {
  border-radius: 50%;
}
.info-card-avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info-card-content {
  margin-left: 1.6rem;
}
.info-card-content__title {
  color: #010202;
  margin-bottom: 0.8rem;
}
.info-card-text {
  font-weight: 500;
  line-height: 1.6rem;
  word-break: break-word;
}
.info-card-content-text {
  color: #351f73;
  text-transform: uppercase;
}
.info-card-content-text__info {
  color: #828282;
}
.info-card-location {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
@media screen and (max-width: 480px) {
  .info-card-location {
    flex-direction: column;
    align-items: flex-start;
  }
}
.info-card-location-text {
  display: flex;
  align-items: center;
}
.info-card-location-text:not(:last-of-type) {
  margin: 0 1.9rem 0 0;
}
.info-card-location-text__users {
  white-space: nowrap;
}
.info-card-location-text__location {
  word-break: break-word;
}
@media screen and (max-width: 480px) {
  .info-card-location-text__location {
    margin-top: 0.9rem;
  }
}
.info-card-location-icon {
  margin-right: 0.8rem;
}
.info-card-user-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #828282;
  margin: 0 1rem 0.8rem 0;
}
.info-card-user-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #351f73;
  margin-bottom: 0.8rem;
}
.info-card-user-email {
  display: flex;
  align-items: center;
  line-height: 1.6rem;
  color: #4f4f4f;
}
.info-card-user-email__icon {
  margin-right: 0.9rem;
}
@media screen and (max-width: 560px) {
  .info-card-user-delete {
    width: 100%;
    margin-top: 1.2rem;
  }
}
.info-card-alert {
  align-items: center;
  cursor: pointer;
}
.info-card-alert .info-card-wrap {
  align-items: center;
}
.info-card-alert .info-card-avatar-boat {
  width: 5.6rem;
  height: 5.6rem;
}
.info-card-alert .fleet-job-offers-logo__text {
  margin-left: 0;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.info-card-alert__content {
  margin-left: 1.6rem;
}
.info-card-alert .shevron-icon {
  margin-right: 1.2rem;
}
.info-card-alert-info__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-right: 0.4rem;
}
.info-card-alert-info__val {
  font-weight: 500;
  color: #010202;
}
.info-card-alert-info__expense {
  display: flex;
  align-items: center;
}
.info-card-alert-info__outstanding {
  margin-bottom: 0.8rem;
}
.boat-fleets {
  padding: 4.8rem 4.8rem 9rem;
  background-color: #fbfbfb;
}
@media screen and (max-width: 1440px) {
  .boat-fleets {
    padding: 1.6rem 1.6rem 5rem;
  }
}
.boat-fleet-container {
  width: 100%;
  max-width: 120.7rem;
  margin: 0 auto;
}
.fleet-container {
  display: grid;
  grid-template-columns: 73% minmax(25%, 1fr);
  grid-gap: 0 2.4rem;
}
@media screen and (max-width: 1200px) {
  .fleet-container {
    grid-template-columns: 1fr;
  }
}
.boat-fleets-top-indent {
  margin-top: 2.4rem;
}
.fleets-select {
  width: 100%;
  max-width: 37.2rem;
  min-width: 29.5rem;
  border-radius: 100rem;
}
.fleets-select .wrapper-rounded .form-field--content {
  height: 5.6rem;
  box-shadow: 0 4px 8px rgba(43, 28, 54, 0.24);
  border-radius: 100rem;
  border: none;
}
.fleets-select .select-html-container {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  color: #351f73;
}
.fleets-select .select-html-container img {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  margin-right: 0.8rem;
}
@media screen and (max-width: 768px) {
  .fleets-select {
    max-width: 29rem;
    min-width: 25rem;
  }
}
@media screen and (max-width: 480px) {
  .fleets-select {
    max-width: 20rem;
    min-width: 19rem;
  }
}
.boat-fleets-header-select-dropdown .dropdown-container {
  margin-top: 0.4rem;
}
.boat-fleets-header-select-dropdown .dropdown-options-container {
  min-width: 26rem !important;
  box-sizing: border-box;
  border-radius: 1.6rem;
}
.boat-fleets-header-select-dropdown app-seazone-select-option {
  padding: 1.6rem;
}
.fleets-select-option {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #4f4f4f;
}
.fleets-select-option__img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin-right: 1.2rem;
}
.fleets-select-option__text {
  width: 19rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boat-fleets-container {
  border: 0.05rem solid #e7e7eb;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  background-color: #fff;
  padding: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-fleets-container {
    padding: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .boat-fleets-container {
    padding: 1.2rem;
  }
}
.boat-fleets-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boat-fleets-header__row {
  display: flex;
  align-items: center;
}
.boat-fleets-header__chevron-button {
  background-color: #e0e0e0;
  margin-right: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-fleets-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.boat-fleet-nav .seaz-profile__navigation_list {
  width: 100%;
  margin: 0;
}
.boat-fleet-nav .seaz-profile__navigation_item {
  width: 100%;
  border-color: #828282;
}
.boat-fleet-nav .seaz-profile__navigation_item:first-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
.boat-fleet-nav .seaz-profile__navigation_item:last-of-type {
  border-radius: 0 0.8rem 0.8rem 0;
}
.boat-fleet-nav .seaz-profile__navigation_link {
  width: 100%;
  color: #828282;
  justify-content: center;
}
.boat-fleet-nav .active-item.seaz-profile__navigation_item {
  border-color: #432791;
}
.boat-fleet-nav .active-item .seaz-profile__navigation_link {
  color: #432791;
}
.boat-fleet-nav .disabled.seaz-profile__navigation_item {
  opacity: 0.3;
}
.boat-fleet-nav .disabled.seaz-profile__navigation_item .seaz-profile__navigation_link {
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .boat-fleet-nav .seaz-profile__navigation_list {
    width: inherit;
    margin: 0 2.4rem;
  }
  .boat-fleet-nav .seaz-profile__navigation_item,
  .boat-fleet-nav .seaz-profile__navigation_link {
    width: inherit;
  }
}
@media screen and (max-width: 480px) {
  .boat-fleet-nav .seaz-profile__navigation_list {
    width: 100%;
    margin: 0;
  }
  .boat-fleet-nav .seaz-profile__navigation_item {
    width: 100%;
  }
  .boat-fleet-nav .seaz-profile__navigation_item:first-of-type,
  .boat-fleet-nav .seaz-profile__navigation_item:last-of-type {
    border-radius: 0;
  }
}
.fleet-activity-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  margin-right: 1rem;
}
.fleet-activity-title__count {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
  color: #00b9ff;
}
.fleet-activity-title__count--icon {
  margin-right: 1rem;
}
.fleet-activity-filters {
  margin-top: 1.6rem;
}
.fleet-activity-filters__form {
  display: flex;
  align-items: flex-end;
}
.fleet-activity-filters__label {
  line-height: 16px;
  color: #010202;
  margin-bottom: 0.2rem;
}
.fleet-activity-filters .switch__btn-text {
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .fleet-activity-filters {
    margin-top: 1.2rem;
  }
  .fleet-activity-filters__form {
    flex-direction: column;
  }
  .fleet-activity-filters__form-btn {
    width: 100%;
  }
}
.fleet-activity-filters-period {
  width: 100%;
  max-width: 25.2rem;
  min-width: 25.2rem;
  margin-right: 2.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-activity-filters-period {
    min-width: 100%;
    margin: 0 0 1.2rem;
  }
}
.fleet-activity-filters-date {
  width: 100%;
  max-width: 24.4rem;
  min-width: 24.4rem;
  margin-right: 2.4rem;
}
.fleet-activity-filters-date input:focus {
  border: none;
}
@media screen and (max-width: 768px) {
  .fleet-activity-filters-date {
    min-width: 100%;
    margin: 0 0 1.2rem;
  }
}
app-fleets-dashboard-weather,
app-fleet-documents-alerts {
  display: block;
}
app-fleets-dashboard-weather {
  width: 100%;
  max-width: 125rem;
  margin-right: 2.5rem;
}
app-fleet-documents-alerts {
  width: 100%;
  max-width: 59.1rem;
}
@media screen and (max-width: 1024px) {
  app-fleet-documents-alerts {
    width: 100%;
    max-width: 100%;
    margin-top: 2.4rem;
  }
}
.fleet-info {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .fleet-info {
    flex-direction: column;
  }
}
.fleet-weather {
  width: 100%;
  height: 100%;
}
.fleet-weather__title {
  text-transform: uppercase;
}
.fleet-weather__search {
  margin-bottom: 1.8rem;
}
.fleet-weather__search .location__row {
  width: auto;
}
@media screen and (max-width: 768px) {
  .fleet-weather {
    width: 100%;
  }
}
.fleet-weather-map-box {
  margin-top: 1.6rem;
}
.windy-frame {
  position: relative;
  width: 100%;
  height: 45.6rem;
}
.windy-frame app-windy-iframe {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .windy-frame {
    height: 25rem;
  }
}
.fleet-documents-alerts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
.fleet-documents-alerts__row {
  flex-grow: 1;
  margin-top: 2.5rem;
}
.fleet-documents-alerts-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  border-radius: 1.6rem;
  background-color: #f5f5f5;
  margin-top: 1.6rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
  color: #010202;
}
@media screen and (max-width: 768px) {
  .fleet-documents-alerts-link {
    font-size: 1.6rem;
  }
}
.fleet-documents-alerts-link-count {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.fleet-documents-alerts-link-count .text {
  margin: 0 1.7rem 0 1.1rem;
}
.fleet-expenses__title {
  text-transform: uppercase;
}
.fleet-expenses-form__row {
  display: flex;
  align-items: center;
}
.fleet-expenses-form .switch {
  padding: 0.36rem 0.3rem;
}
.fleet-expenses-form .switch-category {
  margin-left: 1.2rem;
}
.fleet-expenses-form__select-group {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 2rem;
}
.fleet-expenses-form__select-month {
  width: 19.3rem;
  margin-right: 1.6rem;
}
.fleet-expenses-form__select-year {
  width: 9.1rem;
}
.fleet-expenses-form__button {
  flex-shrink: 0;
  border-color: #4f194a;
  color: #4f194a;
}
.fleet-expenses-form__search {
  width: 100%;
  max-width: 72.4rem;
  margin-left: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .fleet-expenses-form .switch-category {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .fleet-expenses-form__row {
    flex-direction: column;
  }
  .fleet-expenses-form__select-group {
    margin: 1.2rem 0 0;
  }
  .fleet-expenses-form__select-month {
    width: 100%;
    margin-right: 1.2rem;
  }
  .fleet-expenses-form__button {
    width: 100%;
    flex-shrink: 1;
  }
  .fleet-expenses-form__search {
    margin: 1.6rem 0 0 0;
  }
  .fleet-expenses-form .switch,
  .fleet-expenses-form .switch-category {
    width: 100%;
  }
  .fleet-expenses-form .switch-category {
    margin: 1.6rem 0 0 0;
  }
}
.expenses-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.expenses-info__col {
  width: 50%;
}
.expenses-info__col:not(:last-of-type) {
  margin: 0 2.4rem 0 0;
}
@media screen and (max-width: 1024px) {
  .expenses-info {
    flex-direction: column;
  }
  .expenses-info__col {
    width: 100%;
  }
  .expenses-info__col:not(:last-of-type) {
    margin: 0 0 3.2rem 0;
  }
}
.expenses-info-boats-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.expenses-info-boats-header app-seazone-select {
  width: 24%;
}
@media screen and (max-width: 768px) {
  .expenses-info-boats-header app-seazone-select {
    width: 100%;
    margin-left: 1.2rem;
  }
}
.expenses-info-categories-header {
  display: flex;
  justify-content: flex-end;
}
.expenses-info-categories-header app-seazone-select {
  width: 24%;
}
@media screen and (max-width: 768px) {
  .expenses-info-categories-header app-seazone-select {
    width: 100%;
  }
}
.fleet-total-expenses-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 0.8rem;
  background-color: #f5f5f5;
  padding: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #432791;
}
.fleet-total-expenses-header__currency {
  white-space: nowrap;
  margin-left: 0.5rem;
}
.fleet-total-expenses-chart-wrapper {
  position: relative;
}
@media screen and (max-width: 768px) {
  .fleet-total-expenses-chart-wrapper {
    padding-top: 3rem;
  }
}
.fleet-total-expenses-chart {
  max-height: 33.2rem;
  overflow-y: auto;
  padding-right: 1rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.fleet-total-expenses-chart::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-total-expenses-chart::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-total-expenses-chart::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 480px) {
  .fleet-total-expenses-chart-container {
    width: 50rem;
    overflow-x: hidden;
    padding-bottom: 1rem;
  }
}
.fleet-total-expenses-chart-list {
  display: flex;
  align-items: center;
}
.fleet-total-expenses-chart-list:not(:last-of-type) {
  margin: 0 0 1.2rem;
}
.expenses-text-boat-info {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fleet-total-expenses-boat-chart-val {
  width: 25rem;
}
.fleet-total-expenses-boat-chart-val .expenses-text-boat-info {
  width: 8rem;
}
@media screen and (max-width: 480px) {
  .fleet-total-expenses-boat-chart-val {
    width: 20rem;
  }
  .fleet-total-expenses-boat-chart-val .expenses-text-boat-info {
    width: 5rem;
  }
}
.fleet-total-expenses-category-chart-val {
  width: 28.5rem;
}
.fleet-total-expenses-category-chart-val .expenses-text-boat-info {
  width: 8rem;
}
.fleet-total-expenses-category-chart-val .expenses-text-boat-info--wide {
  width: 14rem;
}
@media screen and (max-width: 768px) {
  .fleet-total-expenses-category-chart-val {
    width: 24rem;
  }
  .fleet-total-expenses-category-chart-val .expenses-text-boat-info {
    width: 6rem;
  }
  .fleet-total-expenses-category-chart-val .expenses-text-boat-info--wide {
    width: 10rem;
  }
}
.fleet-total-expenses-chart-val {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0.6rem 0.8rem;
  border-radius: 0.2rem;
  background-color: #f5f5f5;
  line-height: 1.6rem;
  color: #351f6f;
  margin-right: 1.6rem;
}
.fleet-total-expenses-chart-val__text {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.fleet-total-expenses-chart-val__currency {
  white-space: nowrap;
}
.fleet-total-expenses-chart-val__info-text {
  display: flex;
  align-items: center;
  color: #828282;
}
.fleet-total-expenses-chart-val__info-text app-seazone-icon {
  transform: rotate(180deg);
  margin-right: 0.7rem;
}
.fleet-total-expenses-chart-val__info-text--sub-category {
  display: inline-block;
  width: 6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .fleet-total-expenses-chart-val__info-text--sub-category {
    width: 4rem;
  }
}
.fleet-total-expenses-chart-percent {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #fff;
  padding: 0.6rem 0.8rem;
  border-radius: 0.4rem;
}
.fleet-total-expenses-chart-percent__boat {
  background-color: #351f73;
}
.fleet-total-expenses-chart-percent__boat.value {
  min-width: 50px;
}
.fleet-total-expenses-chart-percent__boat.zero-value {
  color: #432791;
  padding: 0;
}
.fleet-total-expenses-chart-percent__category {
  background-color: #46a6a4;
}
.fleet-total-expenses-chart-percent__category.value {
  min-width: 50px;
}
.fleet-total-expenses-chart-percent__category.zero-value {
  color: #46a6a4;
  padding: 0;
}
.expenses-form-row__col {
  width: 50%;
  display: flex;
  align-items: center;
}
.expenses-form-row__col:not(:last-of-type) {
  margin: 0 2.4rem 0 0;
}
@media screen and (max-width: 1024px) {
  .expenses-form-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .expenses-form-row__col {
    width: 100%;
  }
  .expenses-form-row__col:not(:last-of-type) {
    margin: 0 0 1.6rem 0;
  }
}
@media screen and (max-width: 768px) {
  .expenses-form-row__col {
    flex-direction: column;
  }
}
.fleet-job-news {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
app-fleet-job-offers {
  display: block;
}
@media screen and (max-width: 1200px) {
  app-fleet-job-offers {
    margin: 0 0 2.4rem;
  }
}
.fleet-job-offers {
  width: 100%;
  height: 100%;
}
.fleet-job-offers__title {
  text-transform: uppercase;
}
.fleet-job-offers .boat-home__content {
  height: 100%;
}
.fleet-job-offers-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fleet-job-offers-header__counts {
  display: flex;
  align-items: center;
}
.fleet-job-offers-header-count {
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 120%;
  color: #010202;
}
.fleet-job-offers-header-count:not(:last-of-type) {
  margin-right: 1.1rem;
}
.fleet-job-offers-header-count:last-of-type {
  color: #00b9ff;
}
.fleet-job-offers-header-count app-seazone-icon {
  margin-right: 1.1rem;
}
.fleet-job-offers-list {
  height: 45.6rem;
  overflow-y: auto;
  margin-top: 2rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding-right: 2.4rem;
}
.fleet-job-offers-list::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-job-offers-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-job-offers-list::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-job-offers-list {
    padding-right: 0;
  }
}
.fleet-job-offers-item {
  display: grid;
  grid-template-columns: 26% 1fr 25% 1fr 1fr 1.5rem;
  grid-gap: 0 1rem;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.fleet-job-offers-item:not(:last-of-type) {
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 1612px) {
  .fleet-job-offers-item {
    grid-template-areas: "logo logo logo logo arrow" "person location info date arrow";
    grid-template-columns: 1fr 1fr 1fr 1fr 1.5rem;
    grid-gap: 1rem;
    padding: 1.6rem;
  }
  .fleet-job-offers-item__logo {
    grid-area: logo;
  }
  .fleet-job-offers-item__person {
    grid-area: person;
  }
  .fleet-job-offers-item__location {
    grid-area: location;
  }
  .fleet-job-offers-item__info {
    grid-area: info;
  }
  .fleet-job-offers-item__date {
    grid-area: date;
  }
  .fleet-job-offers-item__arrow {
    grid-area: arrow;
  }
}
@media screen and (max-width: 768px) {
  .fleet-job-offers-item {
    grid-template-areas: "logo" "person" "location" "info" "date" "arrow";
    grid-template-columns: 1fr;
    grid-gap: 1.2rem 0;
  }
  .fleet-job-offers-item__arrow {
    display: none;
  }
}
.fleet-job-offers-logo {
  display: flex;
  align-items: center;
}
.fleet-job-offers-logo__avatar {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 1.2rem;
  object-fit: contain;
  margin-right: 2.9rem;
}
.fleet-job-offers-logo__container {
  display: flex;
  align-items: center;
}
.fleet-job-offers-logo__text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.9rem;
  margin-left: 0.8rem;
  color: #351f73;
}
.fleet-job-offers-logo__size {
  color: #bdbdbd;
}
@media screen and (max-width: 480px) {
  .fleet-job-offers-logo {
    justify-content: space-between;
  }
  .fleet-job-offers-logo__avatar {
    width: 3.7rem;
    height: 3.7rem;
    margin: 0 0 0 1rem;
  }
  .fleet-job-offers-logo__container {
    order: -1;
  }
}
.fleet-job-offers-col__title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #351f73;
}
.fleet-job-offers-col__title--new {
  color: #3aae27;
}
.fleet-job-offers-col__info {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  word-break: break-word;
  color: #828282;
  margin-top: 0.4rem;
}
.fleet-job-offers-col__location {
  margin-right: 0.7rem;
}
.fleet-job-offers-col-group {
  display: flex;
  align-items: center;
}
.fleet-job-offers-col-group__item:not(:last-of-type) {
  margin: 0 2rem 0 0;
}
.fleet-job-offers-arrow {
  display: block;
  transform: rotate(180deg);
}
app-fleet-whats-new {
  width: 100%;
}
.fleet-news {
  width: 100%;
  height: 100%;
}
.fleet-news__title {
  text-transform: uppercase;
}
.fleet-news-content {
  height: 45.6rem;
  overflow-y: auto;
  padding-right: 1rem;
  margin-top: 2rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  word-break: break-word;
}
.fleet-news-content::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.fleet-news-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.fleet-news-content::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.fleets-map__title {
  text-transform: uppercase;
}
.fleet-map-form {
  margin-top: 1.6rem;
}
.fleet-map-form__chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1.6rem;
}
.fleet-map-form__chips .selected {
  outline: 2px solid #00b9ff;
}
.fleet-map-form .location-autocomplete-selected app-location-autocomplete {
  display: block;
  width: 100%;
}
.fleets-search-map {
  position: relative;
  width: 100%;
  height: 40.7rem;
  margin-top: 0.8rem;
  border-radius: 1.2rem;
}
.fleets-search-map app-search-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
}
.fleets-search-map app-search-map .map-container > div {
  border-radius: 1.2rem;
}
.fleets-search-map .info-window__content p {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
}
.fleets-search-map .info-window__content p:not(:last-of-type) {
  margin-right: 1.9rem;
}
.fleets-search-map .info-window__content {
  display: flex;
  align-items: center;
}
.boat-map-modal .map-info__header {
  font-size: 1.6rem;
  font-weight: 500;
  color: #351f73;
  justify-content: space-between;
  line-height: 1.9rem;
}
.boat-map-modal .map-info__header span:last-of-type {
  color: #bdbdbd;
}
.boat-map-modal .map-info__header--last-update {
  font-size: 1.2rem;
  font-weight: 400;
}
.boat-map-modal .info-window__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 0.8rem;
  column-gap: 0.8rem;
}
.boat-map-modal .info-window__content--item {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 0.8rem);
  font-size: 1.2rem;
}
.boat-map-modal .info-window__content--item__title {
  color: #bdbdbd;
  font-weight: 400;
}
.boat-map-modal .info-window__content--item__description {
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .boat-map-modal .info-window__header {
    flex-direction: column;
    font-size: 1.2rem;
  }
}
.fleet-charters__title {
  text-transform: uppercase;
}
.fleet-charters .seaz-charter-overview__services--wrap {
  margin-top: 2rem;
}
.fleet-charters .duration-tabs__title {
  color: #351f6f;
}
.fleet-charters app-month-range .form-field--wrapper__row,
.fleet-charters app-seazone-select .form-field--wrapper__row {
  flex-direction: column;
}
.fleet-charters__button {
  margin-left: 2.4rem;
}
@media screen and (max-width: 1200px) {
  .fleet-charters .seaz-charter-overview-container {
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .fleet-charters .duration-mode-form {
    width: 100%;
  }
  .fleet-charters .duration-tabs {
    width: 50%;
  }
  .fleet-charters .duration-tabs__switch-btn {
    width: 100%;
    text-align: center;
  }
  .fleet-charters .duration-mode-selecting {
    width: 50%;
  }
  .fleet-charters .duration-mode-selecting__item {
    width: 100%;
    min-width: auto;
  }
  .fleet-charters .select-value {
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .fleet-charters .duration-tabs,
  .fleet-charters .duration-mode-selecting {
    width: 100%;
  }
  .fleet-charters__button {
    width: 100%;
    margin: 2.2rem 0 0;
  }
}
.fleet-charters-action {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .fleet-charters-action {
    width: 100%;
    margin-top: 3.6rem;
  }
  .fleet-charters-action .seaz-charter-overview__toggle-box {
    display: flex;
    align-items: center;
    margin: 0;
  }
  .fleet-charters-action .seaz-charter-overview__toggle:first-of-type {
    margin: 0 3.6rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .fleet-charters-action {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2rem;
  }
  .fleet-charters-action .seaz-charter-overview__toggle-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleet-charters-action .seaz-charter-overview__toggle:first-of-type {
    margin: 0 0 2rem 0;
  }
}
.fleet-charter-filters {
  display: block;
  margin-top: 1.6rem;
}
.fleet-charter-filters .seaz-search-crew-filters__title-box {
  margin-top: 0;
}
.fleet-charter-filters .seaz-charter__filtering--list {
  border-top: none;
}
@media screen and (max-width: 480px) {
  .fleet-charter-filters .seaz-search-crew-filters__title-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleet-charter-filters .seaz-search-crew-filters__button-more-filters {
    margin: 0 0 0.8rem;
  }
}
.fleet-filters-box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .fleet-filters-box .seaz-search-crew-filters__button-more-filters {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .fleet-filters-box .seaz-search-crew-filters__title--main-filters {
    display: flex;
  }
}
.fleet-charter-filters-form {
  margin-top: 1.6rem;
}
.fleet-charter-filters-form__container {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
.fleet-charter-filters-form .seaz-search-crew-filters__reset {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-filters-form__container {
    padding: 1.2rem;
  }
}
.fleet-charter-filter-results {
  font-size: 1.4rem;
  color: #828282;
}
.fleet-charter-filter-list {
  margin-top: 3.2rem;
}
.fleet-charter-filter-list__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.fleet-charter-filter-list .filter-list-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #828282;
  text-transform: uppercase;
}
.fleet-charter-filter-item {
  width: 19%;
  margin-top: 1.6rem;
}
.fleet-charter-filter-item:not(:first-of-type) {
  border-left: 1px solid #f5f5f5;
  padding-left: 1.6rem;
}
.fleet-charter-filter-item:not(:first-of-type) {
  margin-right: 1rem;
}
.fleet-charter-filter-item__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.4rem;
}
.fleet-charter-filter-item .seaz-charter__filtering--num {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .fleet-charter-filter-item {
    width: 21%;
  }
}
@media screen and (max-width: 768px) {
  .fleet-charter-filter-item {
    width: 46%;
    max-width: 15.1rem;
  }
  .fleet-charter-filter-item:not(:first-of-type) {
    border-left: none;
    padding-left: 0;
  }
}
.filter-item-hint {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.6rem;
  background-color: #bdbdbd;
  color: #fff;
  margin-left: 0.7rem;
  border-radius: 50%;
}
.fleet-charter-filters-form-sorted {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.fleet-charter-filters-form-sorted .sorted-item {
  margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-filters-form-sorted {
    flex-direction: column;
  }
  .fleet-charter-filters-form-sorted .sorted-item {
    margin: 0 0 0.8rem 0;
  }
  .fleet-charter-filters-form-sorted .download-template__button {
    width: 100%;
  }
}
.fleet-charters-list {
  margin-top: 2.4rem;
}
.fleet-charters-card {
  display: block;
}
.fleet-charters-card:not(:last-of-type) {
  margin: 0 0 1.6rem;
}
.fleet-charters-card .fleet-charter-card {
  padding: 0;
}
.fleet-charters-card .fleet-charter-card-grid {
  padding: 2.4rem 2.4rem 2.8rem;
}
@media screen and (max-width: 768px) {
  .fleet-charters-card .fleet-charter-card-grid {
    padding: 1.6rem;
  }
}
.fleet-charters-card-footer {
  display: block;
  background-color: #f5f5f5;
  border-radius: 0 0 1.6rem 1.6rem;
}
.fleet-charters-card-footer .seaz-charter__list_card_footer {
  background-color: initial;
  border-radius: 0;
}
.fleet-calendar-wrapper .seaz-search-crew-filters__search-result-label {
  display: none;
  color: #828282;
  margin-top: 1.4rem;
}
@media screen and (max-width: 800px) {
  .fleet-calendar-wrapper .seaz-search-crew-filters__search-result-label {
    display: block;
  }
}
.fleet-calendar-filters-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2rem;
}
.fleet-calendar-filters-wrapper .seaz-search-crew-filters__title-box .seaz-search-crew-filters__search-result-label {
  display: block;
  margin-top: 0;
}
.fleet-calendar-filters-wrapper .seaz-search-crew-filters__button-filters {
  color: #4f194a;
}
.fleet-calendar-filters-wrapper .button-filters-desktop {
  margin-right: 1.6rem;
}
.fleet-calendar-filters-wrapper .button-filters-mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .fleet-calendar-filters-wrapper .seaz-search-crew-filters__title-box .seaz-search-crew-filters__search-result-label {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .fleet-calendar-filters-wrapper {
    flex-direction: column;
    margin-top: 0;
  }
  .fleet-calendar-filters-wrapper .fleet-calendar-filters {
    margin: 0 0 1rem 0;
  }
  .fleet-calendar-filters-wrapper .button-filters-desktop {
    display: none;
  }
  .fleet-calendar-filters-wrapper .button-filters-mobile {
    display: block;
    margin-top: 1.4rem;
  }
  .fleet-calendar-filters-wrapper .seaz-search-crew-filters__title-box {
    margin-top: 0;
  }
  .fleet-calendar-filters-wrapper .seaz-search-crew-filters__toggle-btn {
    margin-top: 2rem;
  }
}
.fleet-calendar-filters-search {
  margin-left: 0;
}
.fleet-calendar-filters {
  width: 50%;
  margin-right: 2.4rem;
}
.fleet-calendar-filters .seaz-search-chips-filter {
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-calendar-filters {
    width: 100%;
    margin: 0 0 3.4rem 0;
  }
}
.fleet-calendar-activity-date-range {
  width: 100%;
  max-width: 30.3rem;
}
.fleet-calendar-activity-date-range app-date-range-picker {
  display: block;
  padding-bottom: 2rem;
}
.fleet-calendar-activity-date-range input:focus {
  border: none;
}
.fleet-calendar-activity-label {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #828282;
  padding-bottom: 1.6rem;
}
.fleet-search-location {
  width: 50%;
}
.fleet-search-location .fleet-map-form {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .fleet-search-location {
    width: 100%;
  }
}
.fleet-calendar {
  margin-top: 5rem;
}
.fleet-calendar-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fleet-calendar-header__content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 116%;
  color: #010202;
}
.fleet-calendar-header__btn {
  height: 4rem;
  line-height: 4rem;
  margin-left: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .fleet-calendar-header {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }
  .fleet-calendar-header__content {
    justify-content: space-between;
    width: 100%;
  }
}
.fleet-small-calendar {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 80.2rem;
  margin-left: 4.5rem;
}
.fleet-small-calendar .charter-calendar-next,
.fleet-small-calendar .charter-calendar-prev {
  margin: 3rem 0 0;
}
.fleet-small-calendar .charter-calendar-arrow svg {
  stroke: #828282;
}
@media screen and (max-width: 1024px) {
  .fleet-small-calendar {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
    margin: 2rem 0 0;
    padding: 1.2rem 0 0;
  }
  .fleet-small-calendar .charter-calendar-next,
  .fleet-small-calendar .charter-calendar-prev {
    position: absolute;
    top: 0;
    margin: 0;
  }
  .fleet-small-calendar .charter-calendar-next {
    right: 0;
  }
  .fleet-small-calendar .charter-calendar-prev {
    right: 3rem;
  }
}
.boat-fleet-calendar-header {
  display: block;
  width: 100%;
  max-width: 76.1rem;
  margin: 0 2.4rem;
}
.boat-fleet-calendar-header__date {
  padding: 1.6rem;
  border-radius: 0.8rem;
  background-color: #f5f5f5;
  color: #010202;
  margin-top: 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.1rem;
}
.active-period .boat-fleet-calendar-header__date {
  background-color: #d8efd4;
}
@media screen and (max-width: 1024px) {
  .boat-fleet-calendar-header {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.fleet-calendar-list {
  margin-top: 1.6rem;
}
.fleet-calendar-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 2.4rem;
  background-color: #fff;
  padding: 2.4rem;
}
.fleet-calendar-item:not(:last-of-type) {
  margin: 0 0 1.6rem 0;
}
.fleet-calendar-item .info-card-wrap {
  align-items: center;
  width: 100%;
  max-width: 40.1rem;
  min-width: 40.1rem;
}
.fleet-calendar-item .calendar-days {
  width: 100%;
  max-width: 74rem;
}
.fleet-calendar-item .calendar-cell {
  min-height: 8rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .fleet-calendar-item .calendar-cell {
    min-height: 6rem;
  }
}
@media screen and (max-width: 1024px) {
  .fleet-calendar-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleet-calendar-item .info-card-wrap {
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 1.2rem;
  }
  .fleet-calendar-item .calendar-days {
    width: 100%;
    max-width: 100%;
  }
}
.boat-fleet-documents {
  margin: 1.5rem auto 0;
}
.boat-fleet-documents .seaz-search-quick-filter {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.seaz-search-quick-filter-label {
  font-weight: 500;
  line-height: 1.4rem;
  color: #010202;
  margin-right: 1.6rem;
}
.boat-fleet-documents-container {
  margin-top: 4.9rem;
}
app-fleet-documents-boat {
  display: block;
}
app-fleet-documents-boat:not(:last-of-type) {
  margin: 0 0 2.4rem 0;
}
.boat-fleet-documents-accordion {
  padding: 2.4rem;
  box-shadow: 0 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 2.4rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .boat-fleet-documents-accordion {
    padding: 1.6rem;
  }
}
.boat-fleet-documents-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.boat-fleet-documents-accordion-header__info {
  display: flex;
  align-items: center;
}
.boat-fleet-documents-accordion-header__text {
  font-size: 3rem;
  font-weight: 500;
  line-height: 145%;
  margin-left: 1.6rem;
  word-break: break-word;
}
.boat-fleet-documents-accordion-header__text-info {
  color: #828282;
}
.boat-fleet-documents-accordion-header__btn-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotateZ(180deg) translate(0, 50%);
}
.boat-fleet-documents-accordion-header__btn-arrow.collapsed {
  transform: translate(0, -50%);
}
@media screen and (max-width: 1024px) {
  .boat-fleet-documents-accordion-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .boat-fleet-documents-accordion-header__text {
    font-size: 2rem;
  }
}
.boat-fleet-documents-accordion-header-action {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.boat-fleet-documents-accordion-header-action__wrap {
  display: flex;
  align-items: center;
}
.boat-fleet-documents-accordion-header-action__counter {
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 120%;
  margin-left: 0.9rem;
}
.boat-fleet-documents-accordion-header-action__counter app-seazone-icon {
  margin-right: 0.9rem;
}
.boat-fleet-documents-accordion-header-action__btn {
  margin: 0 3rem 0 2.4rem;
}
@media screen and (max-width: 1024px) {
  .boat-fleet-documents-accordion-header-action {
    margin-top: 1.2rem;
  }
  .boat-fleet-documents-accordion-header-action__counter:first-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-fleet-documents-accordion-header-action {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-fleet-documents-accordion-header-action__btn {
    margin: 1.6rem 0 0;
  }
}
.documents-list-container {
  display: none;
  margin-top: 0;
}
.content--hidden {
  display: block;
  max-height: 58.3rem;
  height: 100%;
  margin-top: 2.4rem;
  padding: 0 1rem 1rem 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.content--hidden::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.content--hidden::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.content--hidden::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.boat-fleets-contacts {
  margin: 2rem auto 0;
}
.boat-fleets-contacts__title {
  text-transform: uppercase;
  margin-bottom: 4.8rem;
}
.boat-fleets-contacts__container {
  margin-top: 2.4rem;
}
.boat-fleets-contacts .seaz-search-quick-filter {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.boat-fleets-contacts__button:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-fleets-contacts .seaz-search-quick-filter {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-fleets-contacts .seaz-search-quick-filter-label {
    margin: 0 0 0.8rem 0;
  }
}
@media screen and (max-width: 480px) {
  .boat-fleets-contacts__button {
    width: 100%;
  }
  .boat-fleets-contacts__button:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.boat-fleets-contacts-action-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .boat-fleets-contacts-action-container {
    flex-direction: column;
    margin-top: 1.3rem;
  }
}
app-fleet-contacts-guest-card {
  display: block;
}
app-fleet-contacts-guest-card:not(:last-of-type) {
  margin: 0 0 2.4rem 0;
}
.boat-fleets-contacts-card {
  padding: 2.4rem;
  border: 2px solid #e0e0e0;
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-fleets-contacts-card {
    padding: 1.6rem;
  }
}
.fleets-contacts-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 1.6rem;
}
.fleets-contacts-card-header__fleets {
  line-height: 1.6rem;
  color: #828282;
  text-align: right;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
  .fleets-contacts-card-header {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none;
    padding-bottom: 0;
  }
  .fleets-contacts-card-header__container {
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid #f5f5f5;
    padding-top: 1.2rem;
    margin-top: 1.2rem;
  }
  .fleets-contacts-card-header__fleets {
    min-width: 11.4rem;
    text-align: left;
    margin: 0 0.3rem 0 0;
  }
}
.fleets-contacts-card-header-person {
  display: flex;
  align-items: center;
  margin-right: 1.2rem;
}
.fleets-contacts-card-header-person__avatar {
  display: block;
  border-radius: 50%;
  margin-right: 2.4rem;
}
.fleets-contacts-card-header-person__title {
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  word-break: break-word;
}
.fleets-contacts-card-header-person__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #010202;
  word-break: break-word;
}
.fleets-contacts-card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
}
.fleets-contacts-card-body__contact {
  min-width: 4px;
  margin-right: 2.4rem;
  cursor: pointer;
}
.fleets-contacts-card-body__info {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 2.4rem;
}
.fleets-contacts-card-body__actions {
  display: flex;
  align-items: center;
}
.fleets-contacts-card-body__col {
  width: 33.3%;
  max-width: 19.2rem;
  padding-left: 2.4rem;
  border-left: 1px solid #f5f5f5;
  box-sizing: border-box;
}
.fleets-contacts-card-body__col:not(:last-of-type) {
  margin: 0 1rem 0 0;
}
.fleets-contacts-card-body__col--last-boat {
  max-width: 21.9rem;
}
.fleets-contacts-card-body__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  margin-bottom: 0.3rem;
}
.fleets-contacts-card-body__text {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #010202;
  word-break: break-word;
}
.fleets-contacts-card-body__text .card-icon-left {
  margin-right: 0.3rem;
}
.fleets-contacts-card-body__text .card-icon-right {
  margin-left: 0.3rem;
}
.fleets-contacts-card-body__text--info {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fleets-contacts-card-body__text--length {
  white-space: nowrap;
  color: #828282;
}
.fleets-contacts-card-body__text--sign {
  padding: 0 0.5rem;
}
.fleets-contacts-card-body__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 1024px) {
  .fleets-contacts-card-body {
    flex-wrap: wrap;
  }
  .fleets-contacts-card-body__info {
    order: -1;
    width: 100%;
    margin: 0 0 1.6rem;
    padding-bottom: 1.9rem;
    border-bottom: 1px solid #f5f5f5;
  }
}
@media screen and (max-width: 768px) {
  .fleets-contacts-card-body__info {
    flex-direction: column;
  }
  .fleets-contacts-card-body__col {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    border-left: none;
  }
  .fleets-contacts-card-body__col:not(:last-of-type) {
    margin: 0 0 1.6rem 0;
  }
  .fleets-contacts-card-body__col--last-boat {
    max-width: 100%;
  }
  .fleets-contacts-card-body__contact {
    margin-right: 1rem;
  }
  .fleets-contacts-card-body__title {
    min-width: 11.4rem;
    margin-right: 0.3rem;
  }
  .fleets-contacts-card-body__text {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .fleets-contacts-card-body__info {
    padding-bottom: 0;
  }
  .fleets-contacts-card-body__btn {
    padding: 1rem 0.8rem;
  }
  .fleets-contacts-card-body__btn:not(:last-of-type) {
    margin: 0 1rem 0 0;
  }
}
.fleet-guest-details-container {
  margin: 4.8rem auto 15rem;
  padding: 0 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-guest-details-container {
    margin: 1.6rem auto 7rem;
  }
}
.fleet-guest-details-header {
  display: flex;
  align-items: center;
  margin-bottom: 4.2rem;
}
.fleet-guest-details-header__title {
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .fleet-guest-details-header {
    margin-bottom: 1.2rem;
  }
}
.fleet-guest-navigation {
  display: block;
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  .fleet-guest-navigation {
    margin-top: 2.4rem;
  }
}
.guests-nav-list {
  display: flex;
  align-items: center;
}
.guests-nav-item {
  width: 50%;
}
.guests-nav-item:first-of-type .guests-nav-link {
  border-radius: 0.8rem 0 0 0.8rem;
}
.guests-nav-item:last-of-type .guests-nav-link {
  border-radius: 0 0.8rem 0.8rem 0;
}
.guests-nav-link {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  color: #828282;
  border: 1px solid #828282;
  padding: 1.8rem 1rem;
}
.guests-nav-link.active {
  color: #351f73;
  border-color: #351f73;
}
.fleet-guest-details-action-wrapper {
  display: flex;
  flex-direction: column;
  margin: 3.8rem 0;
}
@media screen and (max-width: 480px) {
  .fleet-guest-details-action-wrapper {
    margin: 1.2rem 0 2.4rem 0;
  }
  .fleet-guest-details-action-wrapper .fleet-guest-details-search {
    order: -1;
  }
}
.fleet-guest-details-btn-box {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .fleet-guest-details-btn-box__btn {
    width: 100%;
    margin-top: 2.4rem;
  }
}
.fleet-guest-details-search {
  width: 100%;
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  .fleet-guest-details-search {
    margin-top: 1.2rem;
  }
}
.fleet-guest-details-wrapper {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .fleet-guest-details-wrapper {
    margin-top: 2.4rem;
  }
}
.fleet-charter-card-wrapper {
  display: block;
}
.fleet-charter-card-wrapper:not(:last-of-type) {
  margin: 0 0 2.4rem 0;
}
.fleet-charter-card {
  background-color: #fff;
  border: 2px solid rgba(53, 31, 115, 0.2);
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card {
    padding: 1.6rem;
  }
}
.fleet-charter-card-grid {
  display: grid;
  grid-template-areas: "avatar badge card-date" "avatar card-info card-info" "avatar card-list card-list";
  grid-template-columns: 16rem 1fr 1fr;
  grid-gap: 0 2.4rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card-grid {
    grid-template-areas: "badge badge" "avatar card-date" "avatar card-info" "card-list card-list";
    grid-template-columns: 6.6rem 1fr;
    grid-gap: 0 1.6rem;
  }
}
.fleet-charter-card-avatar {
  grid-area: avatar;
  width: 16rem;
  height: 16rem;
  border-radius: 1.6rem;
}
.fleet-charter-card-avatar__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card-avatar {
    width: 6.6rem;
    height: 6.6rem;
  }
}
.fleet-charter-card-badges {
  grid-area: badge;
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card-badges {
    margin-bottom: 1.2rem;
  }
}
.fleet-charter-card-date {
  grid-area: card-date;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #828282;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card-date {
    justify-content: flex-start;
    margin-bottom: 0.8rem;
  }
}
.fleet-charter-card-info {
  grid-area: card-info;
}
.fleet-charter-card-info__boat-info {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6rem;
  color: #351f73;
}
.fleet-charter-card-info__flag {
  display: block;
  width: 2.5rem;
  height: 1.6rem;
  margin-right: 1.2rem;
}
.fleet-charter-card-info__boat-name {
  word-break: break-word;
  padding-left: 0.5rem;
}
.fleet-charter-card-info__boat-length {
  white-space: nowrap;
  color: #828282;
}
.fleet-charter-card-info__charter-info {
  width: max-content;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  color: #351f73;
  margin-top: 1.4rem;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card-info__boat-info {
    font-size: 1.4rem;
  }
  .fleet-charter-card-info__boat-name {
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .fleet-charter-card-info__charter-info {
    width: auto;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .fleet-charter-card-info__boat-name {
    max-width: 8rem;
  }
}
.fleet-charter-card-list {
  grid-area: card-list;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  border-top: 1px solid #f5f5f5;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
}
.fleet-charter-card-list__col-period {
  width: 10%;
  margin-right: 2.4rem;
}
.fleet-charter-card-list__col-date {
  flex-grow: 1;
  margin-right: 2.4rem;
}
.fleet-charter-card-list__guests {
  width: 8%;
  margin-right: 2.4rem;
}
.fleet-charter-card-list__income {
  width: 14%;
}
.fleet-charter-card-list__title {
  color: #828282;
  margin-bottom: 0.6rem;
}
.fleet-charter-card-list__text {
  color: #010202;
}
@media screen and (max-width: 768px) {
  .fleet-charter-card-list {
    flex-direction: column;
    margin-top: 1.2rem;
    padding-top: 1.2rem;
  }
  .fleet-charter-card-list__col {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .fleet-charter-card-list__col:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
  .fleet-charter-card-list__title {
    min-width: 11.4rem;
    margin: 0 0.4rem 0 0;
  }
  .fleet-charter-card-list__text {
    font-weight: 500;
  }
}
.notes-list-container {
  max-height: 63.4rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
  padding-right: 1rem;
}
.notes-list-container::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.notes-list-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.notes-list-container::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
@media screen and (max-width: 1500px) {
  .notes-list-container {
    max-height: 40rem;
  }
}
@media screen and (max-width: 600px) {
  .notes-list-container {
    max-height: 63.4rem;
  }
}
.fleet-notes-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.fleet-notes-list .fleet-info-modal-search {
  margin-bottom: 1.5rem;
}
.notes-list {
  display: grid;
  grid-template-columns: 9.4rem 1fr 1fr 6rem;
  grid-template-rows: initial;
  grid-template-areas: "date info note actions";
  grid-gap: 0 1.6rem;
  padding: 0.8rem;
}
.notes-list__date {
  grid-area: date;
}
.notes-list__info {
  grid-area: info;
}
.notes-list__note {
  grid-area: note;
  word-break: break-word;
}
.notes-list__actions {
  grid-area: actions;
}
@media screen and (max-width: 1500px) {
  .notes-list {
    display: grid;
    grid-template-columns: 9.4rem 12rem 1fr 6rem;
    grid-template-rows: initial;
    grid-template-areas: "date info note actions";
    grid-gap: 0 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .notes-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    grid-template-areas: "date" "info" "note" "actions";
    grid-gap: 1.6rem 0;
  }
}
.notes-list-header {
  margin-bottom: 0.7rem;
}
.notes-list-header__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #828282;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .notes-list-header {
    display: none;
  }
}
.notes-list-body {
  border-radius: 1.2rem;
}
.notes-list-body:nth-of-type(2n) {
  background-color: #f5f5f5;
}
.notes-list-body:not(:last-of-type) {
  margin-bottom: 2rem;
}
.notes-list-body__text {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.notes-list-body__text--min {
  font-size: 1.2rem;
  line-height: 120%;
  color: #4f4f4f;
  margin-top: 0.2rem;
}
.notes-list-body__actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.charter-info {
  display: flex;
  flex-direction: column;
}
.charter-info:not(:last-child) {
  margin-bottom: 2.4rem;
}
.charter-info h3 {
  margin-bottom: 1.2rem;
}
.charter-info__list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.charter-info__list-item {
  max-width: 27rem;
  width: 100%;
}
.charter-info__list-item:not(:last-child) {
  margin-right: 3.2rem;
}
.charter-info__list-item p {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  margin-bottom: 0.4rem;
}
.charter-info__list-item span {
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: 0;
  color: #351f73;
}
.charter-info__list-item span.dark-green {
  color: #3f9795;
}
.charter-info .dark-green {
  color: #3f9795;
}
.charter-info .dark-green * {
  color: #3f9795;
}
.shared-auth .login__container {
  height: 100%;
}
.shared-auth .login__col-left-content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  margin: 0;
}
.shared-auth__title {
  margin-top: 5rem;
}
.shared-auth__description {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #828282;
  margin-top: 1.2rem;
}
@media screen and (max-width: 768px) {
  .shared-auth .login__col_left.hidden__col {
    min-height: 14vh;
  }
  .shared-auth .login__col_left {
    background-position: 50% 32%;
  }
  .shared-auth .login__col_right {
    min-height: 86vh;
  }
  .shared-auth .login__header {
    background-image: none;
    z-index: 10;
  }
  .shared-auth__title {
    margin-top: 0;
    text-transform: uppercase;
  }
}
@media screen and (min-height: 700px) {
  .shared-auth .login__col_right {
    padding: 1.6rem;
  }
}
.shared-auth-form {
  margin-top: 3.2rem;
}
.shared-auth-form .login__form-buttons {
  margin: 3rem auto 1rem;
}
.shared-auth-form__btn {
  height: 4.8rem;
  line-height: 3rem;
  box-sizing: border-box;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .shared-auth-form__btn {
    width: 100%;
  }
}
.shared-apa-report-view {
  margin-bottom: 25rem;
}
.shared-apa-report-view__title {
  text-transform: uppercase;
  margin-bottom: 3rem;
}
.shared-apa-report-view .seaz-charter__apa_table {
  background-color: #fff;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.04);
  border-radius: 1.6rem;
  border: 0.05rem solid #e7e7eb;
}
.shared-apa-report-view .table__col-inner-description {
  max-width: 164px;
}
.shared-apa-report-view .table_financial .table__head .table__col {
  color: #351f6f;
}
.shared-apa-report-view .financial-data__name {
  color: #4f194a;
}
.shared-apa-report-view .pagination {
  margin-top: 3rem;
}
.shared-apa-report-view .download-apa-receipts {
  display: flex;
}
@media screen and (max-width: 768px) {
  .shared-apa-report-view {
    margin-bottom: 10rem;
  }
  .shared-apa-report-view .card-dashboard,
  .shared-apa-report-view .seaz-charter__apa_table {
    padding: 1.7rem 1rem;
  }
  .shared-apa-report-view .dashboard__aside-inner {
    padding: 0;
  }
}
@media screen and (max-width: 1270px) {
  .shared-apa-report-view {
    padding: 0 1rem;
  }
}
.systems {
  padding: 4.8rem 4rem 7.8rem;
  background-color: #fbfbfb;
}
.systems .list-view-btn {
  left: 0;
  top: 30rem;
  transform-origin: 16%;
  box-shadow: 0 16px 32px rgba(43, 28, 54, 0.12);
}
.systems .list-view-btn app-seazone-icon {
  transform: rotate(-90deg);
  margin-left: 1rem;
}
.systems .list-view-btn.list-view-btn-overview {
  display: none;
}
.systems .seaz__return_btn {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
}
@media screen and (max-width: 1440px) {
  .systems {
    padding: 4.8rem 2rem 7.8rem;
  }
}
@media screen and (max-width: 768px) {
  .systems {
    padding: 1.6rem 1.6rem 5rem;
  }
}
@media (min-width: 370px) and (max-width: 1024px) {
  .systems .list-view-btn.list-view-btn-overview {
    display: flex;
  }
}
.systems-header {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .systems-header {
    flex-direction: column;
  }
}
.systems-header-nav {
  display: flex;
  align-items: center;
}
.systems-header-nav .document-top-indent {
  margin: 0 0 0 3.2rem;
}
.systems-header-nav .boat-document-bread-crumbs__link.active {
  color: #00b9ff;
}
@media screen and (max-width: 1024px) {
  .systems-header-nav {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .systems-header-nav .document-top-indent {
    margin: 0 0 0 1.2rem;
  }
}
.systems-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .systems-nav {
    flex-direction: column;
  }
}
.systems-nav-tabs {
  display: flex;
  align-items: center;
  margin-bottom: 3.2rem;
}
.systems-nav-tabs__link {
  flex-grow: 1;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  color: #828282;
  padding: 1.6rem 1rem;
  border: 1px solid #828282;
}
.systems-nav-tabs__link.seaz-yaht__navigation_item__active {
  color: #351f73;
  border-color: #351f73;
}
.systems-nav-tabs__link:first-of-type {
  border-radius: 8px 0 0 8px;
}
.systems-nav-tabs__link:last-of-type {
  border-radius: 0 8px 8px 0;
}
@media screen and (max-width: 768px) {
  .systems-nav-tabs {
    margin-bottom: 1.2rem;
  }
  .systems-nav-tabs__link {
    border: none;
    border-bottom: 2px solid #828282;
  }
  .systems-nav-tabs__link.seaz-yaht__navigation_item__active {
    border-color: #351f73;
  }
  .systems-nav-tabs__link:first-of-type {
    border-radius: 0;
  }
  .systems-nav-tabs__link:last-of-type {
    border-radius: 0;
  }
}
.systems-container {
  display: flex;
  align-items: flex-start;
  margin-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .systems-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .systems-container {
    margin-top: 1.5rem;
  }
}
.maintenance-list-filters {
  margin-bottom: 4.3rem;
}
.maintenance-list-filters__container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.maintenance-list-filters-actions {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.maintenance-list-filters-actions__container {
  display: flex;
  align-items: center;
}
.maintenance-list-filters-actions__btn {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #4f194a;
  border: 1px solid #4f194a;
  border-radius: 0.4rem;
  padding: 0.9rem 2rem;
  box-sizing: border-box;
}
.maintenance-list-filters-actions .fleet-charter-filter-results {
  margin-left: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .maintenance-list-filters-actions {
    flex-direction: column;
  }
  .maintenance-list-filters-actions .fleet-charter-filter-results {
    margin: 1.2rem 0 0;
  }
}
.maintenance-list-filters-select {
  width: 18rem;
}
.maintenance-list-filters-select-option {
  padding: 0 2rem;
}
.maintenance-list-filters-select-option .select-option {
  font-size: 1.3rem;
}
.systems-items {
  flex-grow: 1;
  margin-left: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .systems-items {
    width: 100%;
    margin: 2.3rem 0 0;
  }
}
.systems-tabs {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 89.8rem;
  margin-right: 1.6rem;
  overflow-x: auto;
}
@media screen and (max-width: 1024px) {
  .systems-tabs {
    order: 1;
    max-width: 100%;
    margin: 1.6rem 0 0;
  }
}
.systems-tab {
  display: block;
  width: 100%;
  min-width: 16rem;
  max-width: 22.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #828282;
  padding: 1.7rem 1rem;
  border: 1px solid #828282;
}
.systems-tab:first-of-type {
  border-radius: 8px 0 0 8px;
}
.systems-tab:last-of-type {
  border-radius: 0 8px 8px 0;
}
.systems-tab.seaz-yaht__navigation_item__active {
  text-decoration: none;
  border: 1px solid #351f73;
  color: #351f73;
}
@media screen and (max-width: 1200px) {
  .systems-tab {
    min-width: auto;
    max-width: initial;
    font-size: 1.3rem;
    text-transform: none;
    border: none;
    border-bottom: 2px solid #828282;
    padding: 0.6rem 0.8rem;
    white-space: nowrap;
  }
  .systems-tab:first-of-type {
    border-radius: 0;
  }
  .systems-tab:last-of-type {
    border-radius: 0;
  }
  .systems-tab.seaz-yaht__navigation_item__active {
    text-decoration: none;
    border: none;
    border-bottom: 2px solid #351f73;
    color: #351f73;
  }
}
app-boat-systems-menu {
  display: block;
}
@media screen and (max-width: 1024px) {
  app-boat-systems-menu {
    width: 100%;
  }
}
.systems-menu {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.systems-menu__search {
  min-width: 27.8rem;
  margin-right: 1.6rem;
}
.systems-menu__container {
  display: flex;
  align-items: center;
}
.systems-menu__link {
  display: block;
  min-width: 22.5rem;
  margin-right: 1.6rem;
  text-align: center;
}
.systems-menu__menu {
  padding: 0.7rem 2rem;
}
@media screen and (max-width: 1024px) {
  .systems-menu {
    width: 100%;
  }
  .systems-menu__search {
    width: 100%;
    min-width: auto;
  }
}
@media screen and (max-width: 768px) {
  .systems-menu {
    flex-direction: column;
  }
  .systems-menu__search {
    margin: 0 0 1.6rem 0;
  }
  .systems-menu__container {
    width: 100%;
    justify-content: flex-end;
  }
  .systems-menu__link {
    width: 100%;
    min-width: auto;
  }
}
.mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #4f4f4f;
}
.mat-menu-button__icon {
  margin-right: 1.6rem;
}
app-boat-maintenance-equipment-list {
  display: block;
  width: 100%;
}
.maintenance-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33rem, 1fr));
  grid-gap: 1.6rem 0;
}
.maintenance-card-list .boat-maintenance-dashboard-systems-content {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}
@media screen and (min-width: 480px) {
  .maintenance-card-list {
    grid-gap: 2.4rem;
  }
}
.maintenance-card {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  background-color: #fff;
  padding: 1.2rem;
}
.maintenance-card__box {
  width: 100%;
}
.maintenance-card__container {
  display: flex;
  align-items: center;
}
.maintenance-card__content {
  flex-grow: 1;
  margin-left: 1.2rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .maintenance-card {
    padding: 2.4rem;
  }
}
.maintenance-card-photo-box {
  position: relative;
  width: 9.2rem;
  min-width: 9.2rem;
  height: 9.2rem;
}
.maintenance-card-photo {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
  object-fit: cover;
}
.maintenance-card-photo-label-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -0.6rem;
  bottom: -0.6rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
.maintenance-card-photo-label {
  display: block;
}
.maintenance-card-breadcrumbs {
  margin-bottom: 0.4rem;
}
.maintenance-card-breadcrumbs__text {
  font-weight: 500;
  line-height: 1.4rem;
  color: #828282;
}
.maintenance-card-name {
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
  word-break: break-word;
  color: #432791;
  margin-bottom: 0.4rem;
}
.maintenance-card-name__text {
  width: 100%;
  max-width: 28.2rem;
  word-break: break-word;
}
.maintenance-card-brand {
  word-break: break-word;
  line-height: 1.6rem;
  color: #010202;
  margin-bottom: 0.4rem;
}
.maintenance-card-schedule {
  display: flex;
  align-items: center;
}
.maintenance-card-schedule:not(:last-child) {
  margin: 0 0 0.4rem 0;
}
.maintenance-card-schedule__title {
  line-height: 1.6rem;
  color: #828282;
  margin-right: 0.8rem;
}
.maintenance-card-schedule__val {
  word-break: break-word;
  line-height: 1.6rem;
}
.maintenance-card-actions {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.maintenance-card-actions__btn:not(:last-of-type) {
  margin: 0 1rem 0 0;
}
@media screen and (max-width: 768px) {
  .maintenance-card-actions {
    margin-left: 0.5rem;
  }
  .maintenance-card-actions__btn:not(:last-of-type) {
    margin: 0 0.8rem 0 0;
  }
}
.systems-level-lines {
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 1.2rem;
}
.systems-level-line {
  width: 0.1rem;
  height: 100%;
  background-color: #351f73;
}
.systems-level-line:not(:last-of-type) {
  margin: 0 0.8rem 0 0;
}
app-boat-maintenance-equipment-tree {
  display: block;
  width: 100%;
  max-width: 42.1rem;
  margin-right: 3.2rem;
}
@media screen and (max-width: 1200px) {
  app-boat-maintenance-equipment-tree {
    max-width: 33rem;
  }
}
.maintenance-equipment-tree {
  width: 100%;
  max-width: 42.1rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 2px 2px rgba(43, 28, 54, 0.16);
  border-radius: 1.6rem;
  background-color: #fff;
  padding: 2.4rem;
}
.maintenance-equipment-tree__link {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #010202;
  word-break: break-word;
}
.maintenance-equipment-tree__link:after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 0;
  height: 0.2rem;
  background-color: #828282;
  border-radius: 1rem;
  transition: width 0.3s ease;
}
.maintenance-equipment-tree__link:hover:after {
  width: 100%;
}
.maintenance-equipment-tree .expand-btn {
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .maintenance-equipment-tree {
    padding: 1.2rem;
  }
}
.system-groups-equipment-tree .maintenance-equipment-tree {
  padding: 2.4rem 0.8rem;
}
@media screen and (max-width: 1200px) {
  .system-groups-equipment-tree {
    max-width: 33rem;
  }
}
@media screen and (max-width: 1024px) {
  .system-groups-equipment-tree {
    display: none;
  }
}
.maintenance-equipment-tree-toggle {
  display: flex;
  align-items: center;
  padding: 0 0 3rem 1.2rem;
}
.maintenance-equipment-tree-toggle .form-field__label {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.maintenance-equipment-tree-toggle .form__toggle {
  order: -1;
  margin-right: 0.8rem;
}
.maintenance-tree {
  max-height: 54.4rem;
  overflow-y: auto;
  padding-right: 0.6rem;
  scrollbar-width: thin;
  scrollbar-color: #351f73 #fff;
}
.maintenance-tree::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 1.6rem;
}
.maintenance-tree::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 1.6rem;
}
.maintenance-tree::-webkit-scrollbar-thumb {
  width: 0.5rem;
  background: #351f73;
  border-radius: 1.6rem;
}
.maintenance-tree mat-tree-node[aria-level="2"] {
  margin-left: 2.4rem;
}
.maintenance-tree mat-tree-node[aria-level="3"] {
  margin-left: 4.8rem;
}
.maintenance-tree mat-tree-node[aria-level="4"] {
  margin-left: 7.2rem;
}
.maintenance-tree .mat-tree-node {
  min-height: 4rem;
}
.maintenance-tree .expand-btn {
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: 2.4rem;
  height: 2.4rem;
}
.maintenance-tree .expand-btn app-seazone-icon {
  transform: rotate(270deg);
}
.maintenance-tree .expand-btn app-seazone-icon.expanded {
  transform: rotate(90deg);
}
.maintenance-tree .count {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  border-radius: 1.2rem;
  background-color: #f5f5f5;
  padding: 0.4rem 1rem;
  position: relative;
}
.maintenance-tree .count__expired {
  color: #d70000;
  margin-right: 1.6rem;
}
.maintenance-tree .count__expired::after {
  content: "";
  position: absolute;
  border: 0.1rem solid #e0e0e0;
  top: 0;
  bottom: 0;
  right: 50%;
}
.maintenance-tree-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.system-info .maintenance-card {
  position: relative;
  border: none;
  box-shadow: initial;
  border-radius: 0;
  padding: 0;
}
.system-info .systems-level-lines {
  height: 22rem;
}
.system-info .boat-maintenance-system-info-service {
  margin-top: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .system-info {
    max-width: 100%;
  }
}
.system-info-hide-btn {
  display: none;
  width: 100%;
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .system-info-hide-btn {
    display: block;
  }
}
.system-details {
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .system-details {
    display: none;
  }
  .system-details.active {
    display: block;
  }
}
.system-details-content {
  margin-top: 1.6rem;
}
.systems-notes {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.systems-notes__title {
  color: #828282;
}
.systems-notes__text {
  color: #010202;
  margin-top: 0.4rem;
}
.system-details-brands {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-bottom: 1.2rem;
}
.system-details-brands__title {
  color: #828282;
  margin-right: 0.5rem;
}
.system-details-brands__text {
  display: flex;
  align-items: center;
  color: #010202;
}
.system-details-brands__text app-seazone-icon {
  margin-left: 0.5rem;
}
.systems-details-documents {
  margin-top: 1.6rem;
}
.systems-details-document {
  padding-bottom: 1.1rem;
  border-bottom: 1px solid #e0e0e0;
}
.systems-details-document:not(:last-of-type) {
  margin: 0 0 1.2rem 0;
}
.systems-details-document__title {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #010202;
  margin-bottom: 0.3rem;
}
.systems-details-document-media {
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 0.8rem;
}
.systems-details-document-media__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
.systems-details-document-docs {
  display: flex;
  align-items: center;
  text-align: left;
  word-break: break-word;
}
.systems-details-document-docs app-seazone-icon {
  margin-right: 0.7rem;
}
.boat-systems-notes {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .boat-systems-notes {
    margin-top: 1.2rem;
  }
  .boat-systems-notes__btn {
    width: 100%;
  }
}
.boat-systems-note {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1.6rem;
}
.boat-systems-note:not(:last-of-type) {
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 768px) {
  .boat-systems-note {
    padding-bottom: 1.2rem;
  }
  .boat-systems-note:not(:last-of-type) {
    margin: 0 0 1.2rem;
  }
}
.boat-systems-note-info {
  display: flex;
  align-items: center;
}
.boat-systems-note-info__title {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  color: #351f73;
  margin-left: 1.2rem;
}
.boat-systems-note-info-media {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
}
.boat-systems-note-info-media__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.boat-systems-note-description {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}
.boat-systems-note-description__content {
  width: 100%;
  margin-left: 1.4rem;
}
.boat-systems-note-description__date {
  font-size: 1.2rem;
  line-height: 120%;
  color: #828282;
  margin-top: 1.2rem;
}
.boat-systems-note-description-info {
  font-size: 1.6rem;
  line-height: 1.9rem;
  word-break: break-word;
  color: #010202;
}
.equipment-note-entry__item:not(:last-of-type) {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .equipment-note-entry__item:not(:last-of-type) {
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
.equipment-note-entry__label,
.equipment-note-entry__info {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #010202;
}
.equipment-note-entry__label,
.boat-task-note-entry__label {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: #828282;
  word-break: break-word;
}
.equipment-note-entry__info,
.boat-task-note-entry__info {
  display: flex;
  align-items: flex-start;
  margin-top: 0.2rem;
}
.equipment-note-entry__old,
.equipment-note-arrow-right,
.equipment-note-entry__new,
.boat-task-note-entry__old,
.boat-task-note-entry__new {
  display: block;
  text-align: justify;
}
.equipment-note-arrow-right,
.boat-task-note-arrow-right {
  margin: 0 0.7rem;
}
.equipment-note-arrow-right:before,
.boat-task-note-arrow-right:before {
  content: "\279c";
  font-size: 1.6rem;
  color: #bdbdbd;
}
.boat-equipment-mileage-header {
  display: flex;
  align-items: center;
}
.boat-equipment-mileage-header .seaz__return_btn {
  margin-right: 1.6rem;
}
.boat-equipment-mileage-header .boat__card-wrap {
  margin-bottom: 0;
}
.boat-equipment-mileage {
  width: 100%;
  max-width: 77.2rem;
  margin: 6.6rem auto 18.6rem;
}
.boat-equipment-mileage__info {
  display: block;
  margin-top: 3.2rem;
}
.boat-equipment-mileage__info .info-label {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .boat-equipment-mileage {
    margin: 1.5rem auto 5rem;
  }
  .boat-equipment-mileage__info {
    margin-top: 2.3rem;
  }
}
.boat-equipment-mileage-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .boat-equipment-mileage-actions {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2.3rem;
  }
  .boat-equipment-mileage-actions app-boat-equipment-mileage-search {
    width: 100%;
    margin-top: 2.3rem;
  }
}
.boat-equipment-mileage-item {
  display: block;
  margin-top: 2.4rem;
  border: 2px solid #e0e0e0;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
.boat-equipment-mileage-item.level-1,
.boat-equipment-mileage-item.level-4 {
  background-color: #f5f5f5;
}
.boat-equipment-mileage-item.level-2,
.boat-equipment-mileage-item.level-3 {
  background-color: #fff;
}
.boat-equipment-mileage-item.level-2 .accordion-header,
.boat-equipment-mileage-item.level-3 .accordion-header {
  align-items: baseline;
}
.boat-equipment-mileage-item.level-2 .accordion-mileage {
  position: relative;
  padding-left: 2rem;
}
.boat-equipment-mileage-item.level-2 .accordion-mileage .boat-equipment-mileage-item-line-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 100%;
}
.boat-equipment-mileage-item.level-3 .accordion-mileage {
  padding-left: 2.5rem;
}
.boat-equipment-mileage-item.level-3 .accordion-mileage .boat-equipment-mileage-item-line-box {
  width: 1rem;
}
.boat-equipment-mileage-item.level-4 .accordion-mileage {
  padding-left: 3rem;
}
.boat-equipment-mileage-item.level-4 .accordion-mileage .boat-equipment-mileage-item-line-box {
  width: 2rem;
}
@media screen and (max-width: 768px) {
  .boat-equipment-mileage-item {
    padding: 0.8rem;
  }
  .boat-equipment-mileage-item.level-2 .accordion-mileage {
    padding-left: 1rem;
  }
  .boat-equipment-mileage-item.level-3 .accordion-mileage {
    padding-left: 2rem;
  }
  .boat-equipment-mileage-item.level-4 .accordion-mileage {
    padding-left: 3rem;
  }
}
.accordion-mileage {
  position: relative;
}
.accordion-mileage .accordion-header {
  display: flex;
  align-items: center;
  height: 100%;
}
.accordion-mileage .accordion__btn_box {
  display: block;
  margin-left: 1.2rem;
  transform: rotate(180deg);
}
.accordion-mileage.active .accordion__btn_box {
  transform: rotate(0);
}
@media screen and (max-width: 768px) {
  .accordion-mileage .accordion__btn_box {
    margin-left: 0;
  }
}
.boat-equipment-mileage-item-line-box {
  display: flex;
  margin-right: 1.6rem;
}
.boat-equipment-mileage-item-line {
  width: 0.1rem;
  height: 100%;
  background-color: #351f73;
}
.boat-equipment-mileage-item-line:not(:last-of-type) {
  margin: 0 0.8rem 0 0;
}
.boat-equipment-mileage-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.boat-equipment-mileage-info__brand {
  color: #010202;
  margin-top: 0.8rem;
}
.boat-equipment-mileage-info__update {
  color: #828282;
  margin-top: 0.8rem;
}
.boat-equipment-mileage-info__update--date {
  margin-left: 0.8rem;
}
@media screen and (max-width: 768px) {
  .boat-equipment-mileage-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-equipment-mileage-info__title {
    margin-right: 1rem;
  }
}
.boat-equipment-mileage-form {
  display: grid;
  grid-template-columns: 10.8rem 10.8rem 6rem;
  grid-gap: 0 1.2rem;
  align-items: end;
  margin-left: 1.2rem;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 768px) {
  .boat-equipment-mileage-form {
    grid-template-areas: "field-last-hours field-last-hours" "field-running-hours form-btn";
    grid-template-columns: 1fr 6rem;
    grid-gap: 1.2rem;
    width: 100%;
    margin: 0.4rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .field-last-hours {
    grid-area: field-last-hours;
  }
  .field-running-hours {
    grid-area: field-running-hours;
  }
  .form-btn {
    grid-area: form-btn;
  }
}
.boat-equipment-mileage-form-field {
  position: relative;
}
.boat-equipment-mileage-form-field .form-field--content-outline {
  height: 4rem;
  border-radius: 0.4rem;
}
.boat-equipment-mileage-form-field .form-field--label {
  font-size: 1.4rem;
  color: #010202;
}
.boat-equipment-mileage-form-field__search .form-field--label {
  color: #828282;
}
.boat-equipment-mileage-form-field .warning-alert {
  position: absolute;
  bottom: -3rem;
  left: 0;
  font-size: 1.2rem;
  line-height: 120%;
  color: #f49342;
}
@media screen and (max-width: 768px) {
  .boat-equipment-mileage-form-field .warning-alert {
    bottom: -1.6rem;
  }
}
.boat-equipment-mileage-form-btn {
  height: 4rem;
}
.systems-search {
  width: 100%;
  max-width: 126.4rem;
  margin: 0 auto 16rem;
}
.systems-search .systems-menu__search {
  margin-bottom: 3.8rem;
}
.systems-search .systems-tabs {
  max-width: 100%;
  margin: 0 0 3.8rem 0;
}
.systems-search .systems-tab {
  max-width: initial;
}
@media screen and (max-width: 768px) {
  .systems-search {
    margin: 0 auto 5rem;
  }
  .systems-search .systems-menu__search,
  .systems-search .maintenance-list-filters {
    margin-bottom: 1.6rem;
  }
  .systems-search .systems-tabs {
    margin: 0 0 1.6rem 0;
  }
}
.systems-search-header {
  display: flex;
  align-items: center;
  margin-bottom: 3.2rem;
}
.systems-search-header__title {
  text-transform: uppercase;
  margin-left: 3.8rem;
}
@media screen and (max-width: 768px) {
  .systems-search-header {
    margin-bottom: 1.6rem;
  }
  .systems-search-header__title {
    text-transform: initial;
    margin-left: 1.6rem;
  }
}
.boat-system-settings {
  width: 100%;
  max-width: 83rem;
  margin: 0 auto;
}
.boat-system-settings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
.boat-system-settings-header__action {
  display: flex;
  align-items: center;
}
.boat-system-settings-header .maintenance-equipment-tree-toggle {
  padding: 0;
}
.boat-system-settings-header__btn {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .boat-system-settings-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .boat-system-settings-header__action {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.2rem;
  }
  .boat-system-settings-header__btn {
    width: 100%;
    flex-shrink: initial;
  }
}
.boat-system-settings-title {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #010202;
}
.boat-system-settings-title.disabled {
  color: #828282;
}
.boat-system-settings-search {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .boat-system-settings-search {
    margin: 0 0 1.2rem 0;
  }
}
.boat-system-settings-maintenance-tree {
  padding-right: 1rem;
}
.boat-system-settings-maintenance-tree .mat-tree-node {
  padding: 1.2rem 1rem;
}
.boat-system-settings-maintenance-tree .mat-tree-node:nth-last-of-type(2n+1) {
  background-color: #f5f5f5;
  border-radius: 0.8rem;
}
.systems-tree-actions {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 1rem;
}
.systems-tree-actions__input-box {
  display: block;
  position: relative;
}
.systems-tree-actions__input {
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
}
.systems-tree-actions__label {
  display: flex;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border: 0.2rem solid #e0e0e0;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.systems-tree-actions__label:before {
  content: "\e820";
  font-family: "Fontello";
  color: transparent;
  position: absolute;
  left: 0;
  top: 10%;
  width: 100%;
  height: 100%;
  font-size: 0.9rem;
  text-align: center;
}
.systems-tree-actions__btn {
  margin-left: 1rem;
}
.systems-tree-actions__input:checked + .systems-tree-actions__label {
  background-color: #351f73;
  border-color: #351f73;
}
.systems-tree-actions__input:checked + .systems-tree-actions__label:before {
  color: #fff;
}
.petty-cash-title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .petty-cash-title {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
}
.currencies-total {
  display: block;
  margin-left: 2.4rem;
}
.currencies-total.positive {
  color: #3f9795;
}
.currencies-total.negative {
  color: #d70000;
}
@media screen and (max-width: 480px) {
  .currencies-total {
    margin: 0.1rem 0 0 0;
  }
}
.petty-cash-currency {
  margin-top: 4rem;
}
.petty-cash-currency-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.petty-cash-currency-header__title {
  width: 100%;
  max-width: 59.7rem;
  word-break: break-word;
  font-weight: 700;
  line-height: 2.8rem;
}
.petty-cash-currency-header app-petty-cash-balance-date-selection {
  display: block;
  flex-shrink: 0;
  margin-left: 1rem;
}
@media screen and (max-width: 1200px) {
  .petty-cash-currency-header .rage-selection-date-form .form-wrapper {
    align-items: flex-end;
  }
  .petty-cash-currency-header .rage-selection-date-form .block {
    flex-direction: column;
    align-items: flex-start;
  }
  .petty-cash-currency-header .rage-selection-date-form .field-label {
    margin: 0 0 0.8rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .petty-cash-currency-header {
    flex-direction: column;
  }
  .petty-cash-currency-header__title {
    max-width: 100%;
  }
  .petty-cash-currency-header app-petty-cash-balance-date-selection {
    margin: 1.6rem 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .petty-cash-currency-header app-petty-cash-balance-date-selection {
    width: 100%;
  }
  .petty-cash-currency-header .rage-selection-date-form .form-wrapper,
  .petty-cash-currency-header .rage-selection-date-form .flexible-form {
    flex-direction: column;
    align-items: flex-start;
  }
  .petty-cash-currency-header .rage-selection-date-form app-date-control,
  .petty-cash-currency-header .rage-selection-date-form .flexible-form,
  .petty-cash-currency-header .rage-selection-date-form .block,
  .petty-cash-currency-header .rage-selection-date-form__btn {
    width: 100%;
  }
  .petty-cash-currency-header .rage-selection-date-form .block {
    margin-bottom: 1.2rem;
  }
}
.petty-cash-currency-statistic {
  margin-top: 4rem;
}
.petty-cash-balance {
  display: flex;
  align-items: stretch;
}
.petty-cash-balance app-petty-cash-statistic-chart {
  width: 100%;
}
.petty-cash-balance .dashboard__board {
  height: 100%;
}
.petty-cash-balance .negative .amount {
  color: #4f194a;
}
.petty-cash-balance .chart-container {
  height: 20rem !important;
}
@media screen and (max-width: 1024px) {
  .petty-cash-balance {
    flex-direction: column;
  }
}
.petty-cash-balance-transaction {
  margin-top: 4.3rem;
}
.petty-cash-balance-transaction__title {
  text-transform: uppercase;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .petty-cash-balance-transaction__title {
    margin: 0 0 1.2rem 0;
  }
}
.petty-cash-balance-transaction .cover {
  overflow: auto;
  overflow-y: hidden;
}
.petty-cash-balance-transaction app-petty-cash-balance-search .form-field--content {
  border-radius: 0.8rem;
}
.petty-cash-balance-transaction .badge-close-btn app-seazone-icon {
  margin-left: 1rem;
}
.petty-cash-balance-transaction-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .petty-cash-balance-transaction-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .petty-cash-balance-transaction-header__btn {
    width: 100%;
    margin-top: 1.2rem;
  }
}
.petty-cash-balance-transaction-actions__btn:not(:last-of-type) {
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .petty-cash-balance-transaction-actions {
    width: 100%;
  }
  .petty-cash-balance-transaction-actions__btn {
    width: 100%;
  }
  .petty-cash-balance-transaction-actions__btn:not(:last-of-type) {
    margin: 0 0 1.2rem 0;
  }
}
.petty-cash-balance-transaction-table .title label,
.petty-cash-balance-transaction-table .form-field--label {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
  margin-right: 0;
}
.petty-cash-balance-transaction-table app-seazone-form-field {
  max-width: 100%;
}
.petty-cash-balance-transaction-table .financial-data__table_row .financial-data__table--receipt app-seazone-form-field {
  max-width: 10.5rem;
}
.petty-cash-balance-transaction-table .financial-data__table--method app-seazone-form-field {
  max-width: 10rem !important;
}
.petty-cash-balance-transaction-table .financial-data__table_row .financial-data__table--status {
  max-width: initial;
}
.petty-cash-balance-transaction-table .select-value {
  font-size: 1.4rem;
}
.petty-cash-balance-transaction-table .financial-data__charter {
  max-width: 9rem;
}
.petty-cash-balance-transaction-table .table__col-inner {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #010202;
}
.petty-cash-balance-transaction-table .table__col-inner.positive {
  color: #3f9795;
}
.petty-cash-balance-transaction-table .table__col-inner-text {
  font-size: 1.2rem;
  line-height: 120%;
  color: #4f4f4f;
}
app-cookie-consent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.cookie-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 1000;
}
.cookie-modal * {
  margin: 0;
  padding: 0;
}
.cookie-modal_wrap {
  max-width: 980px;
  width: 100%;
  padding: 16px;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #ece6f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 992px) {
  .cookie-modal_wrap {
    flex-direction: column;
    justify-content: center;
  }
}
.cookie-modal_wrap-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.cookie-modal_wrap-content h3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #010202;
}
.cookie-modal_wrap-content p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #828282;
}
@media (max-width: 992px) {
  .cookie-modal_wrap-content {
    gap: 12px;
  }
}
.cookie-modal_wrap-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}
.cookie-modal_wrap-buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-width: 141px;
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 4px;
}
@media (max-width: 425px) {
  .cookie-modal_wrap-buttons button {
    min-width: unset;
    width: 100%;
  }
}
.cookie-modal_wrap-buttons-reject {
  background: transparent;
  border: 1px solid #3D06BE;
  color: #3D06BE;
}
.cookie-modal_wrap-buttons-reject:hover {
  background: #ff0084;
  border-color: #ff0084;
  color: #FFFFFF;
  transition: background-color 0.3s ease;
}
.cookie-modal_wrap-buttons-accept {
  background: #3D06BE;
  border: 1px solid #3D06BE;
  color: #FFFFFF;
}
.cookie-modal_wrap-buttons-accept:hover {
  background: transparent;
  color: #3D06BE;
  transition: background-color 0.3s ease, color 0.3s ease-in-out;
}
.contract-wrapper {
  display: block;
}
.contract-wrapper:not(:last-child) {
  border-bottom: 0.1rem solid rgba(53, 31, 111, 0.2);
  padding-bottom: 1rem;
}
.contract-wrapper:not(:first-child) {
  padding-top: 1rem;
}
.spending-table,
.comparison-table {
  position: relative;
}
html .cdk-global-scrollblock {
  top: 0 !important;
}
.search-cluster__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  cursor: pointer;
  background-position: center;
  background-size: contain;
}
.search-cluster {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.9);
}
.search-current-location__button {
  background-color: #fff;
  border: none;
  outline: none;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  box-shadow: "0 1px 4px rgba(0,0,0,0.3)";
  cursor: pointer;
  margin-right: 7px;
  padding: 0;
}
.search-current-location__icon {
  background: url(/assets/img/current-location-icon.svg) no-repeat center;
  margin: 3px;
  width: 22px;
  height: 22px;
  display: inline-block;
}
.charter-download-crew-guest-modal app-overlay {
  max-width: 70rem;
}
.boat-maintenance-tasks-actions {
  width: 100%;
}
.leaflet-tooltip-own {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #828282;
  padding: 8px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */