@import '../_lib-scss/bootstrap-select/bootstrap-select';

.bootstrap-select {
	> select.mobile-device:focus + .dropdown-toggle, 
	.dropdown-toggle:focus {
		outline: 0 !important;
	}
	> .dropdown-toggle {
		&::after {
			display: none;
		}
	}
	.dropdown-menu {
		z-index: 10000;
		border: 0;
		li {
			a {
				max-width: 95vw;
				padding: .35rem 1.5rem;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				.icon {
					width: 24px;
				}
				.text {
					color: black !important;
				}
			}
			a:active {
				.text {
					color: white !important;
				}
			}
			&.selected, 
			&.active {
				a {
					&,
					.text {
						color: white !important;
					}
				}
			}
		}
	}
	&.custom-select-sm, 
	&.custom-select-lg {
		height: inherit;
		padding: inherit;
		font-size: inherit;
	}
	&.custom-select-sm {
		.custom-select {
			height: calc(1.5em + .8rem + 2px);
			padding-top: .4rem;
			padding-bottom: .4rem;
			padding-left: 1.05rem;
			font-size: .8em;
		}
	}
	&.custom-select-lg {
		.custom-select {
			height: calc(2.5em + .56rem + 2px);
			padding-top: .28rem;
			padding-bottom: .28rem;
			padding-left: 1.7rem;
			font-size: 1.15em;
		}
	}
	&.disabled, 
	> .disabled {
		.dropdown-toggle {
			color: #6c757d;
			background-color: #e9ecef;
			box-shadow: none;
		}
	}
	&[class*="col-"] {
		padding-left: 0;
		padding-right: 0;
	}
}