@import "client/common";

#lesson-payment {

  div[data-react-class="LessonPayment"] {
    height:100%;
  }
  .content-body-scroller {
    height:100%;
    padding:30px;
    @include border_box_sizing;
  }

  h2 {
    font-size: 20px;
    font-weight:700;
    margin-bottom: 20px !important;
    display:inline-block;
  }
  .no-charge {
    float:right;
  }
  .column {
    @include border_box_sizing;
    width:50%;
  }
  .column-left {
    float:left;
    padding-right:20px;
    &.stored {
      display:none;
    }
  }
  .column-right {
    float:right;
    padding-left:20px;
    &.stored {
      float:left;
    }
  }
  label {
    display:inline-block;
  }
  select {
    display:inline-block;
  }

  form {
    &.stored {
      display:none;
    }
  }

  input {
    display:inline-block;
    width: calc(100% - 150px);
    @include border_box_sizing;
  }
  textarea {
    width:100%;
    @include border_box_sizing;
    height:125px;
  }
  .field {
    position:relative;
    display:block;
    margin-top:15px;
    margin-bottom:25px;

    label {
      width:150px;
    }
  }
  p {
    line-height:125% !important;
    font-size:14px !important;
    margin:0 0 20px 0 !important;
  }
  .avatar {
    display:inline-block;
    padding:1px;
    width:48px;
    height:48px;
    background-color:#ed4818;
    margin:10px 20px 0 0;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    border-radius:24px;
    float:none;
  }
  .avatar img {
    width: 48px;
    height: 48px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    border-radius:24px;
  }
  .teacher-subheader {
    .avatar {
      margin:10px 0 0 0;
    }
    float:left;
    width:100px;
    text-align:center;
  }
  .teacher-holder {
    display:inline-block;
  }
  .teacher-header {
    &.packaged {
      margin:40px 0 20px 0;
      text-align:center;
    }
  }
  .teacher-name-packaged {
    color:$ColorTextTypical;
    overflow: hidden;
  }
  .teacher-name {
    font-size:16px;
    display:inline-block;
    height:48px;
    vertical-align:middle;
  }
  .jamclass-policies {
    display:block;
    text-align:center;
  }
  .actions {
    margin-left:-3px;
    margin-bottom:20px;
  }
  .error-text {
    display:block;
  }

  .actions {
    float:left;
    clear:both;
  }


}