// core-field-organization | -license | -address | -identification-doc | -requisite

core-field-organization,
core-field-license,
core-field-address,
core-field-identification-doc,
core-field-requisite {
  .complex-field {
    min-height: var(--COMPLEX-FIELD-MIN-HEIGHT);
    border-width: var(--COMPLEX-FIELD-BORDER-WIDTH);
    border-color: var(--COMPLEX-FIELD-BORDER-COLOR);
    background: var(--COMPLEX-FIELD-BG);

    button {
      width: var(--COMPLEX-FIELD-ACTION-WIDTH);
      border-left: var(--COMPLEX-FIELD-ACTION-BORDER-LEFT);
    }

    .sln-complex-field__title {
      font-family: var(--font);
      font-weight: 400;

      &.required::after {
        color: var(--DANGER);
        content: ' *';
      }
    }

    h2 {
      line-height: normal;
      font-family: var(--font);
      font-weight: 400;
    }

    .sln-complex-field-requisites {
      font-size: calc(var(--COMPLEX-FIELD-VALUE-FONT-SIZE) - 2px);
    }
  }

  .complex-field-info::after {
    width: var(--COMPLEX-FIELD-DIVIDER-WIDTH);
    height: var(--COMPLEX-FIELD-DIVIDER-HEIGHT);
    right: var(--COMPLEX-FIELD-DIVIDER-RIGHT);
    background: var(--COMPLEX-FIELD-DIVIDER-COLOR);
  }

  .complex-field-info-readony::after {
    width: var(--COMPLEX-FIELD-DIVIDER-WIDTH);
    height: var(--COMPLEX-FIELD-DIVIDER-HEIGHT);
    right: var(--COMPLEX-FIELD-DIVIDER-RIGHT-READONLY);
    background: var(--COMPLEX-FIELD-DIVIDER-COLOR);
  }
}

// календарь
.mat-datepicker-content {
  border-radius: 10px !important;
  box-shadow: 8px 3px 22px 10px rgba(150, 150, 150, 0.11);
  color: var(--PRIMARY);
}
.mat-button .mat-button-wrapper > * {
  font-family: var(--font-medium);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: none;
  background-color: var(--SUCCESS);
  color: var(--BLACK);
}
.mat-calendar-body-selected {
  background-color: var(--SUCCESS);
  color: var(--BLACK);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--SUCCESS);
}
.mat-calendar-body-cell-content::before {
  margin: 0 !important;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(205 220 57 / 50%);
}
