
body.page-bill-new,
body.page-bill-edit{

  .dashboard__footer{
    display: none;
  }
}

.dashboard__insider--bill-form{
  padding-bottom: 64px;
}

.page-form--bill{
  $self: '.page-form';

  #{$self}__header{
    display: flex;

    &-fields{
      flex: 1 0 0;
    }
    .bp4-form-group{
      margin-bottom: 18px;
    }
    .bp4-label{
      min-width: 140px;
    }
    .bp4-form-content{
      width: 100%;
    }

    .bp4-form-group{
      &.bp4-inline{
        max-width: 440px; 
      }

      &.form-group{

        &--expiration-date{
          max-width: 340px;

          .bp4-label{
            min-width: 120px;
          }
        }
      }
    }
    .row--bill-date{

      .col:first-of-type{
        max-width: 435px;
      }
    }
  }

  #{$self}__footer{
    .form-group--note{
      max-width: 450px;
      width: 100%;

      textarea{
        width: 100%;
        min-height: 60px;
      }
    }
  }
}