@CHARSET "UTF-8";
@import 'bourbon'; // http://bourbon.io/

@import '../partials/variables'; // colors, fonts etc...

@import '../partials/mixins'; // custom mixins

@import '../partials/layout'; // responsive grid and media queries

@import '../partials/fonts';
/* --------------------------------

Primary style

-------------------------------- */
.sbHolder{
	position: relative;
	float: right;
	width: 85px;
	padding-right: 90px;
	height: 22px;
	line-height: 22px;
}
.sbHolder:focus .sbSelector{

}
.sbSelector{
	display: block;
	left: 0;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100%;
	white-space: nowrap;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: $black_04;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	display: block;
	outline: none;
	position: absolute;
	right: 0;
	top: 4px;
	text-align: center;
	line-height: 25px;
	@include font-size(12px);
	width: 22px;
	height: 22px;
	color: $black_03;
	&:before{
		font-family: $Aw;
		content: "\f0d7";
	}
	&:hover{
		&:before{
			font-family: $Aw;
			content: "\f0d8";
		}
	}
}

.sbToggleOpen{
	&:before{
		font-family: $Aw;
		content: "\f0d8";
	}
	&:hover{
		&:before{
			font-family: $Aw;
			content: "\f0d7";
		}
	}
}

.sbHolderDisabled{
	background-color: $White;
	border: solid 1px $black_04;
}

.sbOptions{
	background-color: #252420;
	list-style: none;
	position: absolute;
	width: 100%;
	z-index: 999999;
	overflow-y: auto;
	top: 30px!important;
	padding: 25px;
	min-width: 190px;
	left: -20px;
	margin-bottom: 0px;
	li{
		min-height: 25px;
		line-height: 25px;
		color: #999999;
		position: relative;
		z-index: 9;
		&:last-child{
			border-bottom: none;
		}
	}
	 li{
		width: 100%!important;
		margin-bottom: 0px!important;
	 }
	 a{
		display: block;
		outline: none;
		color: #999;
		font-family: $Ti;
		line-height: 40px;
		@include font-size(14px);
		border-bottom: 1px dashed $white_01;
		&:hover, &:focus, &.sbFocus{
			color: $active-color;
			border-color: $active-color
		}
	 }
	 &.last{
	 	a{
	 		border-bottom: none;
	 	}
	 }
	.sbDisabled{
		border-bottom: dotted 1px $black_04;
		color: #999;
		display: block;
	}
	.sbGroup{
		border-bottom: dotted 1px $black_04;
		color: #EBB52D;
		display: block;
		font-weight: bold;
	}
	.sbSub{
		padding-left: 17px;
	}
}