//	=================
//    	Imports
//	=================

@import '../../assets/base/color_variables';   	// Color Variables
@import '../../assets/base/fonticons';   			// Fonticons Variables
@import '../../assets/base/urls';   				// URLS Variables
@import '../../assets/base/utilities_variables';  // Utilities Variables

select.bs-select-hidden {
	display: none !important;
}
select.selectpicker {
	display: none !important;
}
.bootstrap-select {
	width: 220px \0;
	>.dropdown-toggle {
		width: 100%;
		padding-right: 25px;
		z-index: 1;
	}
	>.dropdown-toggle.bs-placeholder {
		color: $color_189;
		&:hover {
			color: $color_189;
		}
		&:focus {
			color: $color_189;
		}
		&:active {
			color: $color_189;
		}
	}
	>select {
		position: $pos-abs !important;
		bottom: 0;
		left: 50%;
		display: block !important;
		width: .5px !important;
		height: 100% !important;
		padding: 0 !important;
		opacity: 0 !important;
		border: $b-width-0;
	}
	>select.mobile-device {
		top: 0;
		left: 0;
		display: block !important;
		width: 100% !important;
		z-index: 2;
	}
	&:not([class*=col-]) {
		&:not([class*=form-control]) {
			&:not(.input-group-btn) {
				width: 220px;
			}
		}
	}
	.dropdown-toggle {
		&:focus {
			border: $b-width-1 $solid $color_52;
		}
	}
}
.bootstrap-select.btn-group {
	>.dropdown-toggle {
		height: 100%;
	}
	&:not(.input-group-btn) {
		float: none;
		display: inline-block;
		margin-left: $m-0;
	}
	>.disabled {
		cursor: not-allowed;
		&:focus {
			outline: 0 !important;
		}
	}
	.dropdown-toggle {
		.filter-option {
			display: inline-block;
			text-align: $align-left;
		}
		.caret {
			position: $pos-abs;
			top: 50%;
			right: 12px;
			margin-top: -2px;
			vertical-align: $v-align-middle;
		}
		&:after {
			display: none;
		}
	}
	.dropdown-menu {
		min-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		.popover-title {
			padding: 15px;
		}
		a.dropdown-item {
			position: $pos-rel;
			cursor: pointer;
			user-select: none;
			padding: $p-0;
			span.dropdown-item-inner {
				display: block;
				padding: 5px 1rem;
				span.check-mark {
					display: none;
				}
				span.text {
					display: inline-block;
				}
			}
			span.dropdown-item-inner.opt {
				position: $pos-rel;
				padding-left: 2.25em;
			}
			small {
				padding-left: .5em;
			}
		}
		a.dropdown-item.active {
			small {
				color: $white;
			}
		}
		a.dropdown-item.disabled {
			a {
				cursor: not-allowed;
			}
		}
		a.dropdown-item.hidden {
			display: none;
		}
		.dropdown-item {
			.span.check-mark {
				display: none;
			}
			.span.text {
				display: inline-block;
			}
		}
		.notify {
			position: $pos-abs;
			bottom: 5px;
			width: 96%;
			margin: 0 2%;
			min-height: 26px;
			padding: 3px $p-5;
			background: $light-default;
			border: $b-width-1 $solid $color_507;
			-webkit-box-shadow: $shadow-47;
			box-shadow: $shadow-47;
			pointer-events: none;
			opacity: .9;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
	}
	.dropdown-menu.inner {
		display: block;
		position: $pos-static;
		float: none;
		border: $b-width-0;
		padding: $p-0;
		margin: $m-0;
		border-radius: $br-0;
		box-shadow: none;
	}
	.no-results {
		padding: 3px;
		background: $light-default;
		margin: $m-0 $m-5;
		white-space: nowrap;
	}
}
.has-error {
	.bootstrap-select {
		.dropdown-toggle {
			border-color: $color_506;
		}
	}
}
.error {
	.bootstrap-select {
		.dropdown-toggle {
			border-color: $color_506;
		}
	}
}
.bootstrap-select.fit-width {
	width: auto !important;
}
.bootstrap-select.show {
	.dropdown-toggle {
		border: $b-width-1 $solid $color_52 !important;
	}
	.dropdown-toggle.btn-outline-primary {
		border: $b-width-1 $solid $primary !important;
	}
	.dropdown-toggle.btn-outline-info {
		border: $b-width-1 $solid $info !important;
	}
	.dropdown-toggle.btn-outline-success {
		border: $b-width-1 $solid $success !important;
	}
	.dropdown-toggle.btn-outline-warning {
		border: $b-width-1 $solid $warning !important;
	}
	.dropdown-toggle.btn-outline-danger {
		border: $b-width-1 $solid $danger !important;
	}
}
.bootstrap-select.form-control {
	margin-bottom: $m-0;
	padding: $p-0;
	border: $b-width-0;
	&:not([class*=col-]) {
		width: 100%;
	}
}
.bootstrap-select.form-control.input-group-btn {
	z-index: auto;
	&:not(:first-child) {
		&:not(:last-child) {
			>.btn {
				border-radius: $br-0;
			}
		}
	}
}
.bootstrap-select.btn-group[class*=col-] {
	float: none;
	display: inline-block;
	margin-left: $m-0;
	.dropdown-toggle {
		width: 100%;
	}
}
.bootstrap-select.btn-group.dropdown-menu-right {
	float: $align-right;
}
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
	float: $align-right;
}
.row {
	.bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
		float: $align-right;
	}
}
.form-inline {
	.bootstrap-select.btn-group {
		margin-bottom: $m-0;
		.form-control {
			width: 100%;
		}
	}
}
.form-horizontal {
	.bootstrap-select.btn-group {
		margin-bottom: $m-0;
	}
}
.form-group {
	.bootstrap-select.btn-group {
		margin-bottom: $m-0;
	}
}
.form-group-lg {
	.bootstrap-select.btn-group.form-control {
		padding: $p-0;
		.dropdown-toggle {
			height: 100%;
			font-size: inherit;
			line-height: inherit;
			border-radius: inherit;
		}
	}
}
.form-group-sm {
	.bootstrap-select.btn-group.form-control {
		padding: $p-0;
		.dropdown-toggle {
			height: 100%;
			font-size: inherit;
			line-height: inherit;
			border-radius: inherit;
		}
	}
}
.bootstrap-select.btn-group.disabled {
	cursor: not-allowed;
	&:focus {
		outline: 0 !important;
	}
}
.bootstrap-select.btn-group.bs-container {
	position: $pos-abs;
	height: 0 !important;
	padding: $p-0 !important;
	.dropdown-menu {
		z-index: 1060;
	}
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: $v-align-middle;
	border-top: $b-width-4 $dash;
	border-top: $b-width-4 $solid;
	border-right: $b-width-4 $solid $color_none;
	border-left: $b-width-4 $solid $color_none;
}
.bootstrap-select.btn-group.fit-width {
	.dropdown-toggle {
		.filter-option {
			position: $pos-static;
		}
		.caret {
			position: $pos-static;
			top: auto;
			margin-top: -1px;
		}
	}
}
.bootstrap-select.btn-group.show-tick {
	.dropdown-menu {
		a.selected {
			span.dropdown-item-inner {
				span.check-mark {
					position: $pos-abs;
					display: inline-block;
					right: 15px;
					margin-top: $m-5;
				}
			}
		}
		a {
			a {
				span.text {
					margin-right: 34px;
				}
			}
		}
	}
}
.bootstrap-select.show-menu-arrow.open {
	>.dropdown-toggle {
		z-index: 1061;
		&:before {
			display: block;
		}
		&:after {
			display: block;
		}
	}
}
.bootstrap-select.show-menu-arrow {
	.dropdown-toggle {
		&:before {
			content: '';
			border-left: $b-width-7 $solid $color_none;
			border-right: $b-width-7 $solid $color_none;
			border-bottom: $b-width-7 $solid $color_508;
			position: $pos-abs;
			bottom: -4px;
			left: 9px;
			display: none;
		}
		&:after {
			content: '';
			border-left: $b-width-6 $solid $color_none;
			border-right: $b-width-6 $solid $color_none;
			border-bottom: $b-width-6 $solid $white;
			position: $pos-abs;
			bottom: -4px;
			left: 10px;
			display: none;
		}
	}
}
.bootstrap-select.show-menu-arrow.dropup {
	.dropdown-toggle {
		&:before {
			bottom: auto;
			top: -3px;
			border-top: $b-width-7 $solid $color_508;
			border-bottom: $b-width-0;
		}
		&:after {
			bottom: auto;
			top: -3px;
			border-top: $b-width-6 $solid $white;
			border-bottom: $b-width-0;
		}
	}
}
.bootstrap-select.show-menu-arrow.pull-right {
	.dropdown-toggle {
		&:before {
			right: 12px;
			left: auto;
		}
		&:after {
			right: 13px;
			left: auto;
		}
	}
}
.bs-searchbox {
	padding: 4px 8px;
	.form-control {
		margin-bottom: $m-0;
		width: 100%;
		float: none;
	}
}
.bs-actionsbox {
	padding: 4px 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	.btn-group {
		button {
			width: 50%;
		}
	}
}
.bs-donebutton {
	padding: 4px 8px;
	float: $align-left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	.btn-group {
		button {
			width: 100%;
		}
	}
}
.bs-searchbox+.bs-actionsbox {
	padding: $p-0 8px 4px;
}
.input-group {
	.bs-searchbox {
		.form-control {
			width: 100%;
		}
	}
}