@import "client/common";

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

  .search-criteria {
    .checkbox-scroller {
      height:100px;
      margin-top:0;
      .checkItem {
        clear: both;
        margin-bottom:4px;
        label {
          color: black;
          display: inline;
          float: left;
          font-size: 1em;
        }
        .icheckbox_minimal {
          color: black;
          display: inline;
          float: left;
          font-size: 1em;
          margin-right:5px;
        }
        input {
          width: auto;
          text-align: left;
          float: left;
          display: inline;
        }
      }
    }
    min-width:200px;
    width:25%;
    @include border_box_sizing;
    float:left;
    padding: 0 10px;
    margin-bottom:30px;

    &:first-child {
      padding-left:0;
    }

    &:last-child {
      padding-right:0;
    }

    h3 {
      color: #FFFFFF;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 8px;
    }
  }

  .screen-content {
    padding:20px;
  }

  .actions {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 31px;
    margin-bottom: 20px;
  }
  h2 {
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
    margin-bottom:20px;
    padding-left:10px;
  }

  select {
    @include border_box_sizing;
    width: 100%;
    max-width:200px;
  }

  .SelectLocation {

    select[name="countries"] {
      //margin-top: 6px;
      margin-bottom: 30px;
    }
  }

  select[name="years-teaching"] {
    //margin-top: 6px;
    margin-bottom: 30px;
  }

  label[for="onlyMySchool"] {
    margin-left:10px;
  }
  .student-levels-taught {
    .icheckbox_minimal {
      top:3px;
      margin-right:5px;
    }
    .teaching-level {
      margin-bottom:10px;
    }
    label {
      display:inline-block;
    }
    input {
      display:inline-block;
      margin-right:10px;
    }
    .beginner-level {
      margin-top:10px;
    }
  }
  .school-options {
    label {
      display:inline-block;
      vertical-align:middle;
    }
    input {
      vertical-align: middle;
      margin-right:10px;
    }
  }

  .years-teaching-header {
    margin-top:30px;
  }
}