@import '../settings/variables';

.c-payment-details-modal {
  width: 65%;

  &__content {
    height: 34.75em;

    @media print {
      height: auto;
    }
  }

  &__table {
    max-width: 45em;

    &--small {
      max-width: 38em;
    }

    &--big {
      max-width: 60em;
    }
  }

  &__header {
    text-align: left;
    margin: 0 0 $margin-big $margin-normal;
  }

  &__print {
    margin-top: 0.675em;
  }

  &__text {
    line-height: 1;
    font-size: $base-font-size;
    font-family: $font-maersk-headline;
    font-weight: $font-weight-normal;
    color: $color-secondary-dark;
    margin-bottom: 0;

    &--title {
      text-transform: uppercase;
      font-size: $base-font-size;
      letter-spacing: $hairline;
    }

    &--vessel-name {
      font-size: 2.5em;
      font-weight: $font-weight-light;
    }

    &--pool-name {
      font-size: $font-size-medium;
      color: $color-dark-grey;
      text-transform: uppercase;
      letter-spacing: 1.2px;
    }

    &--table-title {
      font-size: $font-size-big;
    }

    &--table-sub-title {
      font-size: $base-font-size;
      text-transform: uppercase;
      letter-spacing: $hairline;
    }

    &--info {
      color: $color-dark-grey;
      font-size: $font-size-caption;
      font-family: $font-maersk-text;
      margin: $margin-tiny 4em 0 $margin-normal;
    }
  }
}