@import '../../styles/colors.scss';

::ng-deep {
  .mat-form-field-suffix {
    border-left: 1px solid $color-gray2 !important;
    margin: -1px -11px -1px -1px;
    position: relative;
    top: 1.5px !important;
    border-radius: 0 4px 4px 0 !important;

    .mat-datepicker-toggle {
      display: inline-block;
    }

    button {
      width: 60px !important;
      height: 60.5px !important;
      border-radius: 0 4px 4px 0 !important;
      background-color: $color-gray0 !important;
    }
  }

  .disabled {
    .mat-form-field-suffix {
      button {
        background-color: transparent !important;
      }
    }
  }

  .mat-form-field.notRelevant {
    .mat-form-field-outline {
      background-color: transparent;
    }
  }
}

.not-relevant-message {
  position: absolute;
  color: $color-text-dimmed;
  font-family: "PT Sans";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: right;
  width: calc(100% - 20px);
  height: 18px;
  top: 12px;
}