.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;
}