.bootstrap-select .btn-default, .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark {
-webkit-transition: all ease-in-out .15s;
-o-transition: all ease-in-out .15s;
transition: all ease-in-out .15s
}
.bootstrap-select {
width: 100%
}
.bootstrap-select > .btn {
width: 100%;
padding-right: 34px
}
.bootstrap-select > .btn.btn-default, .bootstrap-select > .btn.btn-default.disabled {
background-color: #fff;
border-color: #ddd
}
.bootstrap-select > .btn.btn-default:active, .btn-group.open .bootstrap-select > .btn.btn-default {
border-color: #ddd
}
.bootstrap-select.form-control {
padding: 0;
border: 0
}
.bootstrap-select.form-control:not([class*=col-]) {
width: 100%
}
.bootstrap-select .popover-title {
font-size: 11px;
line-height: 1.82;
margin: 7px 0;
padding: 7px 12px
}
.bootstrap-select[class*=border-] .btn, .bootstrap-select[class*=border-] .dropdown-menu {
border-color: inherit
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 220px
}
.bootstrap-select.fit-width {
width: auto !important
}
.bootstrap-select.btn-group.bs-container {
position: absolute
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {
float: none;
display: inline-block;
margin-left: 0
}
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
float: right
}
.bootstrap-select.btn-group > .disabled {
cursor: not-allowed
}
.bootstrap-select.btn-group > .disabled:focus {
outline: 0
}
.bootstrap-select.btn-group .btn .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
text-overflow: ellipsis
}
.bootstrap-select.btn-group .btn .filter-option > i, .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] {
margin-right: 7px;
float: left;
margin-top: 2px;
top: 0
}
.bootstrap-select.btn-group .btn .caret {
position: absolute;
top: 50%;
width: 16px;
text-align: right;
right: 12px;
margin-top: -8px
}
.bootstrap-select.btn-group[class*=col-] .btn {
width: 100%
}
.bootstrap-select.btn-group .btn-lg > .caret {
right: 15px
}
.bootstrap-select.btn-group .btn-sm > .caret {
right: 11px
}
.bootstrap-select.btn-group .btn-xs > .caret {
right: 10px
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%
}
.bootstrap-select.btn-group .dropdown-menu > li > a .check-mark {
position: absolute;
top: 50%;
margin-top: -8px;
left: 7px;
margin-right: 0;
color: #fff;
opacity: 0
}
.bootstrap-select.btn-group .dropdown-menu > li > a .text {
display: inline-block;
margin-left: 10px
}
.bootstrap-select.btn-group .dropdown-menu > li > a > .badge, .bootstrap-select.btn-group .dropdown-menu > li > a > .label {
float: none
}
.bootstrap-select.btn-group .dropdown-menu > li > a.special-class, .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover {
font-weight: 700;
color: #fff;
background: #f44336;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.bootstrap-select.btn-group .dropdown-menu > li.disabled a {
cursor: not-allowed
}
.bootstrap-select.btn-group .dropdown-menu > li small {
padding-left: 10px
}
.bootstrap-select.btn-group .dropdown-menu > .selected > a {
background-color:#1daeea;
color: #fff
}
.bootstrap-select.btn-group .dropdown-menu > .selected > a small {
color: #fff
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
padding: 7px 12px;
background-color: #f8f8f8;
border-top: 1px solid #ddd;
pointer-events: none
}
.bootstrap-select.btn-group .dropdown-header ~ li > a {
padding-left: 24px
}
.bootstrap-select.btn-group .no-results {
padding: 7px 12px;
background: #f8f8f8;
margin-bottom: -7px;
border-top: 1px solid #ddd
}
.bootstrap-select.btn-group.fit-width .btn .caret, .bootstrap-select.btn-group.fit-width .btn .filter-option {
position: static
}
.bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text {
margin-right: 40px
}
.bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark,
.bootstrap-select.btn-group .dropdown-menu > li.selected a .check-mark {
opacity: 1
}
.input-group .bootstrap-select > .btn {
border-radius: 0
}
.input-group > .bootstrap-select:first-child > .btn, .input-group > .bs-select-hidden:first-child + .bootstrap-select > .btn {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.input-group > .bootstrap-select:last-child > .btn {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.error .bootstrap-select .btn {
border: 1px solid #f44336
}
.control-group.error .bootstrap-select .dropdown-toggle {
border-color: #f44336
}
.bs-actionsbox, .bs-searchbox {
padding: 5px 12px;
margin-bottom: 5px
}
.bs-searchbox {
position: relative
}
.bs-searchbox > .form-control {
padding-left: 36px
}
.bs-searchbox:after {
content: '\f002';
font-family: 'FontAwesome';
position: absolute;
top: 50%;
left: 24px;
color: inherit;
display: block;
font-size: 12px;
margin-top: -6px;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: .6
}
.bs-actionsbox {
float: left;
width: 100%;
position: relative
}
.bs-actionsbox .btn-group button {
width: 50%
}
.bs-searchbox + .bs-actionsbox {
padding: 0 12px 7px
}
select.bs-select-hidden, select.selectpicker {
display: none !important
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: none !important;
width: .5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none
}
.multi-select-full{
margin-bottom:20px;
position:relative
}
span.multiselect-native-select {
position: relative
}
span.multiselect-native-select select {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px -1px -1px -3px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
left: 50%;
top: 30px
}
.multiselect-container {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0
}
.multiselect-container .input-group {
margin: 5px
}
.multiselect-container > li {
padding: 0
}
.multiselect-container > li > a.multiselect-all label {
font-weight: 700
}
.multiselect-container > li.multiselect-group label {
margin: 0;
padding: 3px 20px 3px 20px;
height: 100%;
font-weight: 700
}
.multiselect-container > li.multiselect-group-clickable label {
cursor: pointer
}
.multiselect-container > li > a {
padding: 0
}
.multiselect-container > li > a > label {
margin: 0;
height: 100%;
cursor: pointer;
font-weight: 400;
padding: 3px 20px 3px 0
}
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
margin: 0
}
.multiselect-container > li > a > label > input[type=checkbox] {
margin-bottom: 5px
}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
margin-left: -20px;
margin-right: 0
}
.heading-elements.visible-elements .multiselect + .btn-group, .heading-elements.visible-elements .selectboxit-container,
.heading-elements.visible-elements .selectboxit-options, .heading-elements.visible-elements div.bootstrap-select {
width: 100% !important
}
.multi-select-full .btn-group {
width: 100%
}
.multi-select-full .btn {
width: 100%;
padding-right: 34px;
text-align: left;
}
.multi-select-full .btn .multiselect-selected-text {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
text-overflow: ellipsis;
float: left !important;
}
.btn-group.open .multiselect.btn-default, .multiselect.btn-default:active {
border-color: #ddd
}
.multi-select-full > .btn-group .multiselect-container {
width: inherit
}
.multiselect-container {
min-width: 180px;
max-height: 250px;
overflow-y: auto;
width: inherit;
}
.multiselect .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -8px;
width: 16px;
text-align: right
}
li.multiselect-filter {
position: relative;
padding: 5px 12px;
margin-bottom: 5px;
}
li.multiselect-filter i {
font-size: 12px;
position: absolute;
left: 24px;
top: 50%;
margin-top: -6px;
opacity: .5
}
li.multiselect-filter .form-control {
padding-left: 36px
}
.dropdown-menu > .active:not(.disabled) .checker span, .dropdown-menu[class*=bg-]
.checker span, .navbar-inverse .navbar-form .form-group > .checkbox .checker span,
.navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span,
.page-header-inverse .form-group > .checkbox .checker span, .page-header-inverse .form-group > .checkbox-inline .checker span,
.sidebar:not(.sidebar-default) .checkbox .checker span, .sidebar:not(.sidebar-default) .checkbox-inline .checker span {
border-color: #fff;
color: #fff
}
.fa.check-mark:before {
font-family: 'FontAwesome';
content: "\f00c"
}
.form-group .caret, .multi-select-full .caret {
font-style: normal;
font-weight: 400;
border: 0;
width: auto;
height: auto;
text-align: right;
}
.form-group .caret:after, .multi-select-full .caret:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
font-size: 16px;
width: 16px;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.form-group .dropdown-menu, .multi-select-full .dropdown-menu {
min-width: 180px;
padding: 7px 0;
color: #333;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.form-group .dropdown-menu > li, .multi-select-full .dropdown-menu > li {
position: relative;
margin-bottom: 1px;
}
.form-group .dropdown-menu > li > a,.multi-select-full .dropdown-menu > li > a{padding:6px 15px 6px 19px;outline:0;overflow:hidden;text-overflow:ellipsis;cursor:pointer}