@import "client/common";

#test-drive-package-dialog {
  //width: 700px;
  min-width:400px;
  width:auto;

  h3 {
    color:white;
    margin-bottom:20px;
  }
  .dialog-inner {
    width: auto;
    &.two {
      width:400px;
    }
    &.four {
      width:600px;
    }
    height:100%;
    @include border_box_sizing;
    margin-top: -29px;
    padding: 50px 25px 25px;
  }

  div[data-react-class="TestDrivePackageDialog"] {

  }
  .TestDrivePackageDialog {
    height:100%;
  }
  .teacher-select {
    float:left;
  }
  .actions {
    text-align:center;
  }

  .teacher-select {
    width: 120px;
    text-align:center;
    margin-bottom:20px;
  }

  .avatar {
    display: inline-block;
    text-align:center;
    padding: 1px;
    width: 48px;
    height: 48px;
    background-color: #ed4818;
    margin: 4px 0px 7px 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;

  }

  .username {
    margin-bottom:10px;
  }

  .teacher-holder {
    text-align:center;
    margin:auto;
    margin-top:20px;

    &.two {
      width:242px;
    }

    &.four {
      width:482px;
    }
  }
}