/*!
* Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2017 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */
select.bs-select-hidden, select.selectpicker {
display: none !important;
}
.bootstrap-select.show>.dropdown-toggle{
border-color: $primary !important;
} .bootstrap-select button.dropdown-toggle{
background: $transparent-bg !important; background-image: none !important; border: 1px solid lighten($black, 5%); &:hover,&:active,&:hover:active{ background: $transparent-bg !important; box-shadow: none !important; transform: none !important; } &:focus,&:active{ border-color: $primary !important; }
}
.bootstrap-select {
min-width: 100%;
} .bootstrap-select > .dropdown-toggle {
width: 100%; padding-right: 25px; z-index: 1; margin: 0; &:after{ margin-left: -10px !important; }
}
.bootstrap-select > select {
position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none;
} .bootstrap-select > select.mobile-device {
top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2;
} .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
border-color: #b94a48;
} .bootstrap-select.fit-width {
width: auto !important;
} .bootstrap-select:not():not():not(.input-group-btn) {
width: 100%;
}
.bootstrap-select.form-control {
margin-bottom: 0; padding: 0; border: none;
} .bootstrap-select.form-control:not() {
width: 100%;
} .bootstrap-select.btn-block{
width: 100%;
} .bootstrap-select.form-control.input-group-btn {
z-index: auto;
} .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
} .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group {
float: none; display: inline-block; margin-left: 0;
} .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group.dropdown-menu-right, .row .bootstrap-select.btn-group.dropdown-menu-right {
float: right;
} .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
margin-bottom: 0;
} .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0;
} .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit;
} .form-inline .bootstrap-select.btn-group .form-control {
width: 100%;
} .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
cursor: not-allowed;
} .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus {
outline: none !important;
} .bootstrap-select.btn-group.bs-container {
position: absolute; height: 0 !important; padding: 0 !important;
} .bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060;
} .bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 90%; font-size: $font-size-sm; color: rgba($white,0.8); font-weight: $font-weight-normal; text-align: left;
} .bootstrap-select.btn-group .dropdown-toggle .caret {
display: none;
} .bootstrap-select.btn-group .dropdown-toggle {
width: 100%;
} .bootstrap-select.btn-group .dropdown-menu {
min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 265px !important;
} .bootstrap-select.btn-group .dropdown-menu.inner {
position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; display: block; max-height: 245px !important;
overflow-y: scroll;
-ms-overflow-style: auto; -webkit-box-shadow: none; box-shadow: none;
} .bootstrap-select.btn-group .dropdown-menu li {
position: relative;
} .bootstrap-select.btn-group .dropdown-menu li.active small {
color: $white;
} .bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed;
} .bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
} .bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative; padding-left: 2.25em;
} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none;
} .bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
} .bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
} .bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
} .bootstrap-select.btn-group .no-results {
padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap;
} .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static;
} .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static; top: auto; margin-top: -1px;
} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute; display: inline-block; right: 15px; margin-top: 5px;
} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061;
} .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none;
} .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none;
} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0;
} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0;
} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px; left: auto;
} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px; left: auto;
} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block;
} .bs-searchbox, .bs-actionsbox, .bs-donebutton {
padding: 4px 8px;
} .bs-actionsbox {
width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
} .bs-actionsbox .btn-group button {
width: 50%;
} .bs-donebutton {
float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
} .bs-donebutton .btn-group button {
width: 100%;
} .bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
} .bs-searchbox .form-control {
margin-bottom: 0; width: 100%; float: none;
}
.bootstrap-select {
.dropdown-menu.inner { li a{ padding-left: 1.5rem; padding-right: 1.5rem; display: block; outline: none; color: #292b2c; } li.disabled a { color: $default-opacity; &:hover, &:focus{ background-color: transparent; } } } .dropdown-menu { &.open{ overflow: visible !important; } &.dropdown-black { background: linear-gradient(to bottom, $black 0%, $black-states 100%); border: 1px solid $dark-background; li > a { color: rgba(255, 255, 255, 0.7); } } }
}