@import "client/common";


.jamclass-search-header {


  a {
    font-size:16px;
    text-decoration:underline;
    margin-bottom:5px;
  }
  .search-results-options {
    font-size:16px;
    color:$ColorTextTypical;
  }

  .search-summary {
    font-size:11px;
  }
  .search-description {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align:middle;
  }
  .search-summary {
    line-height:16px;
    vertical-align: middle;
  }
  .results-text {
    &.link {

    }
  }
}


#teacherSearch {
  div[data-react-class="TeacherSearchScreen"] {
    height:100%;
  }

  .screen-content {
    padding:20px;
  }

  .jamclass-search-header {
    margin-bottom:10px;
  }

  .spinner-large {
    width:200px;
    height:200px;
    position:relative;
    margin:0 auto;
  }

  a.readmore {
    display:none;
  }

  .teacher-search-result {
    @include border_box_sizing;
    clear:both;
    position:relative;
    margin-bottom:10px;
    width:100%;
    min-width:600px;
    background-color:#242323;
    color:$ColorTextTypical;
    //height:110px;
    padding:10px;
  }

  .user-info {
    @include border_box_sizing;
    width: calc(100% - 150px);
    //padding:12px 10px 10px;
    min-width:450px;
    float:right;
  }

  .teacher-bio {
    @include border_box_sizing;
    height:50px;
    width:100%;
    margin-bottom:16px;
    font-size:12px;
    line-height:normal;
  }
  .teacher-actions {
    a {
      font-size:12px;

      &:nth-of-type(1) {
        margin-left:2px;
      }
    }
  }

  .background-check {
    position: absolute;
    top: 34px;
    left: 24px;
  }
  .user-avatar {
    text-align:center;
    float:left;
    width:150px;
  }
  .avatar {
    display:inline-block;
    padding:1px;
    width:48px;
    height:48px;
    background-color:#ed4818;
    margin:10px 0 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;
  }
  .user-name {
    text-align:center;
    display:block;
    margin-top:8px;
    clear:both;
  }

  .actions {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 31px;
    margin-bottom: 20px;
  }

  .result-text {
    line-height:16px;
  }
  .teacher-quote {
    margin-right: 5px;
  }
}


