@import '../helpers/helpers';

.page_fdl-product {
  .fdl {
    padding: 20px 0;

    &__header {
      border-bottom: 1px solid $gray;
      margin-bottom: 30px;
      padding-bottom: 10px;

      &-wrap {
        position: relative;

        &__back-btn {
          position: absolute;
          top: 15px;
          left: 0;
        }
      }

      &-buttons {
        position: absolute;
        right: 0;
        top: 3px;
      }
    }

    &__notifications {
      margin-bottom: 45px;
    }

    &__table-wrap {
      &.add-lead-time-table {
        width: 800px;
        margin: 0 auto;

        .input-col {
          width: 20%;
        }

        .last-modified-col {
          width: 25%;
        }

        .modified-by-col {
          width: 45%;
        }

        .fdl__table-wrap__footer {
          justify-content: flex-end;
        }
      }

      &__footer {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .hide-records-checkbox {
          margin-left: 16px;
        }
      }
    }

    .btn-secondary,
    .btn-primary {
      width: 140px;
    }

    hr {
      margin: 30px 0;
    }

    &__table {
      border: 1px solid $gray;
    }

    &-heading,
    &-row {
      display: flex;
      border-bottom: 1px solid $gray;

      &:last-child {
        border-bottom: 0;
      }

      &.empty-row {
        min-height: 54px;
      }

      &.hide {
        display: none;
      }
    }

    &-row {
      .fdl-col {
        &:last-child {
          word-break: break-all;
        }
      }
    }

    &-heading {
      .fdl-col {
        font-weight: 600;
      }
    }

    &-col {
      padding: 15px;
      position: relative;

      &.checkbox-col.checkbox-col,
      &.delete-col.delete-col {
        width: 70px;
      }

      &.input-col {
        width: 20%;
      }

      &.last-modified-col {
        width: 30%;
      }

      &.modified-by-col {
        width: 45%;
      }

      label {
        top: -16px;
      }

      .fdl-col__input {
        display: block;
        position: absolute;
        top: -4px;
        left: 15px;
        right: 15px;

        &:hover {
          input {
            border: 1px solid $blue;
          }
        }
      }
    }

    &-top-line {
      height: 50px;
      background-color: $blue-dark;
    }

    &__saving-new-btn {
      margin: 0 auto;
      width: 140px;
      margin-top: 30px;
    }
  }

  .add-price-value-block {
    border-top: 1px solid $gray;
    padding-top: 20px;
    margin-top: 40px;
  }
}