.styled-select {
	font-size: 14px;
	max-width: 100%;
	vertical-align: middle;
	cursor: pointer;
	text-align: left;
	border-radius:5px;
	position: relative;
	dt.option{
		padding: 2px 33px 0 0;
		display: inline-block;
		vertical-align: text-top;
	}
	.form-group &{
		width: 100%;
	}
	select {
		position: absolute;
		visibility: hidden;
		width: 100%;
	}
	.dl {
		position: relative;
		display: block;
		height: 100%;
		&.closed{
			overflow:hidden;
		}
		.toggle {
			box-sizing: border-box;
			top: 3px;
			right: 12px;
			position: absolute;
			text-align: center;
			font-style: normal;
		}
		&.closed ul {
			transform: translateY(-100px);
			opacity: 0;
			height: 0;
			visibility: hidden;
			margin:0;
		}
	}
	.option:nth-child(2n) {
	}
	.option {
		float: none!important;
		word-wrap: break-word;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}
	ul {
		position: absolute;
		top: 100%;
		left: 0;
		padding:0 33px 0 28px;
		transition: transform, 300ms ease height, 300ms ease;
		max-width: 320px;
		white-space: nowrap;
		min-width: 100%;
		min-height:100%;
		overflow-y: auto;
		overflow-x: hidden;
		background:lighten(desaturate(adjust-hue(#7c110b, -3.1858), 83.7037), 73.5294);
		box-shadow:0 0 5px rgba(darken(desaturate(adjust-hue(#2b11f0, -246.9955), 88.1423), 50.3922),.1);
		z-index:5;
		&.above {
			top: auto;
			bottom: 100%;
		}
		.optgroup {
			cursor: default;
		}
		.option{
			&:hover{
				text-decoration:underline;
			}
		}
	}
	li{
		&.option {
			font-family: $font-custom;
			color: $custome-color-68;
			font-weight: 300;
			text-transform: uppercase;
			font-size: 12px;
			line-height:40px;
			padding:0;
			box-sizing: border-box;
		}
	}
	.first{
		display:none;
	}
	.selectProductSort{
		display:inline-block;
		width:auto;
	}
}
.selected_name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100%;
}
.longest-txt {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
select,
select.form-control{
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	outline: none;
	text-indent:20px;
	.amazing-search & {
		height: 30px;
	}
}
.form-group:not(.form-group_none-anim) label[for='id_product'] {
	top: auto;
	position: relative;
}
.required {
	.styled-select {
		max-width: 320px;
	}
}