select.error + .bootstrap-select {

}



input[type="text"], input[type="email"], input[type="phone"], input[type="password"]  {
  border-radius : 5px;
  height : 40px;
  font-family: 'montserratregular';
  -webkit-font-smoothing : antialiased;
  text-align : left;
  background-color : @white;
  border : none;
  display : inline-block;
  box-sizing : border-box;
  border : 1px solid #dcdcdc;
  font-size : 12px;
  color : #7f7f81;


  &:focus {
    outline : none;
  }

  &.error {
    border : 1px solid @red;
    margin-bottom:0;
    position : relative;
    background : url(../biomed/img/new-version/header/warning.png) no-repeat right center;

  }

}

label {
  &.error {
    font-size : 10px;
    font-weight : normal;
    padding-left : 10px;
    color : @red;
    text-transform : uppercase;
    display : inline-block;
    height : 30px;
  }
}

textarea {
  width : 100%;
  border : 1px solid #dcdcdc;
  border-radius : 5px;
  resize : none;
  padding : 20px;
  height : 80px;
  box-sizing : border-box;
  color : #7f7f81;
  font-size : 12px;
  font-family: 'montserratregular';
  -webkit-font-smoothing : antialiased;
  

  &:focus {
    outline : none;
  }

  &.error {
    border : 1px solid @red;
    position : relative;
  }
}


.bootstrap-select {
  width : 218px;
  display : inline-block;
  margin-left : 10px;
  position : relative;
  z-index : 1;

  .dropdown-menu.open {
    display:none;
  }

  &.open {

    .dropdown-menu.open {
      display : block;
      position : absolute;
      top : 100%;
      left : 0;
      width : 100%;
      height : auto;
      font-size : 14px;
      border : 1px solid #dcdcdc;
      border-radius : 5px;
      background-color : @white;
      margin-top : 15px;
      overflow : visible !important;

      &::before {
        content : '';
        width : 11px;
        height : 7px;
        display : inline-block;
        position : absolute;
        top : -7px;
        right : 20px;
        background : url(../biomed/img/new-version/select/triangle.png) no-repeat center;
      }

      .selectpicker {
        overflow : auto;
        max-height : 170px !important;
        padding : 10px 0;

        li {
          margin-top : 5px;

          &:first-child {
            margin-top : 0;
          }

          a {
            cursor : pointer;
            padding : 10px 25px;
            display : block;
            color : @grey;
            &:hover {
              background-color : @red;
              span {
                color : @white;
              }
            }

            &:focus {
              outline : none;
            }

            span {
              text-transform : uppercase;
              font-family: 'montserratregular';
              font-size : 12px;
              color : @grey;
            }

          }

        }

      }

    }

  }

}

select.error + .bootstrap-select {
  margin-bottom:0;
  .dropdown-toggle {
    border-color:#ee4224
  }
}

// goes with bootstrap select
.btn {
    border-radius : 5px;
    padding-top : 12px;
    padding-bottom : 12px;
    padding-left : 20px;
    text-decoration : none;
    display : inline-block;
    line-height : normal;
    text-align : center;
    width : 100%;
    cursor : pointer;
    border : 1px solid #dcdcdc;
    background-color : @white;
    height : 40px;
    position : relative;
    
    &:hover {
      .filter-option {
        opacity : 1;
      }
    }

    .filter-option {
      text-transform : uppercase;
      font-family: 'montserratregular';
      font-size : 12px;
      color : #7f7f81;
      opacity : 0.7;
      text-align : left;
      width : 170px;
      .textoverflow;
    }

    .caret {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size : 18px;
      position : absolute;
      top : 11px;
      right : 15px;
      &::before {
        content : "\f107";
      }

    }

    &:focus {
      outline : none;
    }
  }

  input[type=checkbox] {
    width : 20px;
    height : 20px;
    margin : 0;
    padding : 0;
    margin-right : 10px;
    vertical-align: bottom;
    &::after {
      content : '';
      display : inline-block;
      width : 20px;
      height : 20px;
      background-color : @white;
      border : 1px solid @grey-light;
      border-radius : 3px;
      cursor : pointer;
      margin-top : -2px;
    }

    &:disabled {

      &:after {
        background-color : #f0f0f0;
        border-color : #f0f0f0;
      }

      &:before {
        dispaly : none;
      }

      &:hover {

        &:after {
          background-color : #f0f0f0;
          border-color : #f0f0f0;
        }

        &:before {
          dispaly : none;
        }

      }

    }

    &:checked, &:hover {

      &:after {
        background-color : @red;
        border-color : @red;
      }

      &:before {
        content : '\f00c';
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 13px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color : white;
        position : absolute;
        margin-left : 4px;
        margin-top : 2px;
        cursor : pointer;
      }
    }
  }


  /*
   * Error form
  */

  .errorlist {
    li {
      font-size:12px;
      color:red;
    }
  }