@import '~styles/mixins';

.EditHourWorkSpaceForm {
  .small-text {
    color: $color-green;
    font-size: 12px;
    margin: 0;
  }
  h2  {
    margin: 30px 0 0 0;
  }

  .button {
    width: auto;
    @include medium {
      width: 48%;
    }
    @include tablet {
      width: 100%;
    }
  }
  .inline {
    display: flex;
    flex-shrink: 0;
    height: 100%;
    align-items: center;

    .custom-checkbox,
    .custom-date {
      margin-right: 10px;
    }
    .icon-wrapper {
      cursor: pointer;
    }
  }
  .exception {
    height: 60px;
    display: flex;
    align-items: center;

    $w_left: 320px;
    .custom-date {
      width: 180px;
    }
    .inline {
      width: $w_left;
    }
    .times {
      width: calc(100% - #{$w_left});
    }

    .icon-wrapper {
      cursor: pointer;
      color: $color-red;
      margin-right: 10px;
    }
    > * {
      flex-shrink: 0;
    }
  }
}
