.select {

cursor: pointer;
display: inline-block;
position: relative;
font-size: 16px;
line-height: 1.2;
width: 100%;
height: 45px;

}

.select-hidden {

display: none;
visibility: hidden;
padding-right: 10px;

}

.select-styled {

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: $white;
font-size: 0.875rem;
color: $navy;
border: 1px solid #7f91a5;
padding: 0.75rem 1.25rem;
@include transition(all 0.2s ease-in);

&:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #7f91a5 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-2px);
}

&.active,
&:active {
  &:after {
    transform: rotare(180deg);
  }
}

}

.select-options {

display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0;
padding: 0;
list-style: none;
background-color: $white;
box-shadow: 0 5px 10px 0 rgba(0, 35, 75, 0.15);

li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  @include transition(all 0.15s ease-in);

  &:hover {
    background-color: #f4f7f8;
  }

  &[rel="hide"] {
    display: none;
  }
}

}

.form-control {

font-size: 0.875rem;

}