/* Styles for custom selects */
.done select{
	height:0px;
	width:0px;
	border:none;
	background:none;
	padding:0;
	margin:0;
    position: absolute;
    left:-2px;
    z-index: -10;
	outline:none;
	-webkit-appearance: none;
	}
.select-list{
	position:			absolute;
	left:				0;
z-index: 2;
	}
.custom-select{
	z-index:			1;
text-align:left;

	}
.custom-select *{
	-webkit-user-select:none;
	-khtml-user-select: none;
	-moz-user-select: 	none;
	-ms-user-select: 	none;
	-o-user-select: 	none;
	user-select: 		none;
	}
.open_list{
	z-index:			10
	}
.custom-select ul,
.custom-select li{
	margin:				0;
	padding:			0;
	list-style:			none
	}
.custom-select,
.custom-select ul{
	position:			relative;
	top:				0;
	left:				0
	}

/*.custom-select .custom-scroll
{
padding-top:20px;
padding-bottom:20px;
}*/
.custom-select .custom-text{
	cursor:				pointer;
	display:			block;
	position: relative;
z-index: 3;

	}

.custom-select .custom-text::after
{
content:"";
width:10px;
height:20px;
background-image:url("../img/select.png");
position:absolute;
z-index:2;
top:12px;
right:12px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.custom-select.open_list .custom-text::after,.custom-select:hover .custom-text::after
{
-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}

.custom-select li{
	cursor:				pointer;
	padding-left:12px;
	padding-right:25px;
	
	}
.select-scroll{
	position:			absolute;
	right:				12px;
	top:				12px;
	z-index:			2;
	height:300px !important;
	
	}
.default-scroll ul{
	overflow-y:			scroll
	}
.custom-scroll{
	overflow:			hidden
	}
.scroll-drag{
	display:			block;
	position:			absolute;
	left:				0px;
	cursor:				pointer
	}
.disabled *{
    cursor:             default !important
    }
/* Style for example*/
.custom-select{
	
	display:block;
	
	
	}

.custom-text {
    width: 100% !important;
}

.custom-select .custom-text,
.custom-select.disabled span.custom-text:hover{
	overflow:			hidden;
	text-overflow: ellipsis;
white-space: nowrap;
	
	}


.select-list{
	top:				36px;
	line-height:		20px;
	padding:			0px;
	background-color:#ffffff;
	color: #727272;
	width:100%;
	border-left:2px solid #dadada;
	border-right:2px solid #dadada;
	border-bottom:2px solid #dadada;
	border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.select-list li
{
padding-top:7px;
padding-bottom:7px;
float:none !important;
}


.select-list.custom-scroll{
	padding:			0px;
	padding-top: 12px;
	padding-bottom: 12px;
	}

.select-list.custom-scroll ul
{
width:100% !important;
}
.select-list .selected,
.select-list li:hover{
	text-decoration:underline;
	}
.select-list li.disabled{
	color:				#CCCCCC;
	cursor:				default
	}
.select-scroll{
	background-color:	#FFFFFF;
	width:				10px;

	}
.scroll-drag{
	top:				0;
	width:				100%;
	background-color:	#dadada;
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	}

.custom-select .hover{
	}
.custom-select.disabled{
    opacity:            0.5 !important;
    }