/**
  * Select styles
*/
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background: transparent;
  width: 100%;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  &::-ms-expand {
    display: none;
  }
}

.select-wrapper {
  position: relative;
  line-height: 34px;

  &:after {
    pointer-events: none;
    position: absolute;
    z-index: 22;
    top: 8px;
    right: 10px;
    content: "\f078";
    line-height:16px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
  }
}

// Hides the default arrow
.select2-selection__arrow {
  display: none ;
}

.select2-wrapper {
  width: 100%;
}

.select2-container {
  width: 100% !important;

  .select2-selection--single {
    height: 34px !important;
    padding: 3px 9px !important;
    border-color: #ccc !important;
  }

  .select2-selection--multiple {
    margin-top: -5px;
    line-height: 20px;
    border-color: #ccc !important;
  }

  .select2-dropdown {
    border-color: #ccc !important;
  }
}

.fieldholder-small-label {
  line-height: 2.1rem;
}