/* Styles for custom selects */
.done select{
	height:1px;
	width:1px;
	border:none;
	background:none;
	padding:0;
	margin:0;
    position: relative;
    left:-2px;
    z-index: -10;
	outline:none;
	-webkit-appearance: none;
	}
.select-list{
	position:			absolute;
	left:				0
	}
.custom-select{
	z-index:			1
	}
.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
	}
	
*:first-child+html .open_list{
	z-index:			10
	}
		
.bitis .custom-select ul,
.custom-select li{
	margin:				0;
	padding:			0;
	list-style:			none;
	width:50px !important;
	}

.custom-select ul,
.custom-select li{
	margin:				0;
	padding:			0;
	list-style:			none
	}
.gun .custom-select ul,
.custom-select li{
	margin:				0 0 0 2px;
	padding:			0;
	list-style:			none
	}	
.custom-select,
.custom-select ul{
	position:			relative;
	top:				0;
	left:				0
	}
.custom-select .custom-text{
	cursor:				pointer;
	display:			inline-block;
	}
.custom-select li{
	cursor:				pointer;
	min-height:			15px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#848484;
	}
.gun .custom-select li{
	cursor:				pointer;
	min-height:			27px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#848484;
    }
	
.select-scroll{
	position:			absolute;
	right:				12px;
	top:				7px;
	z-index:			2;
	}
	
.birtdayYear .select-scroll{
	position:			absolute;
	right:				7px;
	top:				7px;
	z-index:			2;
}

.default-scroll ul{
	overflow-y:			scroll
	}
.custom-scroll{
	overflow:			hidden
	}
.scroll-drag{
	display:			block;
	position:			absolute;
	left:				-2px;
	cursor:				pointer
	}
.disabled *{
    cursor:             default !important
    }
/* Style for example*/
.custom-select{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px;
	/*font-weight:		bold;*/
	}
	
.birtdayMonth .custom-select .custom-text,
.custom-select.disabled span.custom-text:hover{
	overflow:hidden;
	height:29px;
	width:72px !important;
	padding:12px 0 0 10px;
	color:#848484;
	background:url(/newhrapp/Content//img/HR/date_month_bg.png) 0 0 no-repeat;
}
	
.custom-select .custom-text,
.custom-select.disabled span.custom-text:hover{
	overflow:hidden;
	height:28px;
	width:46px !important;
	padding:13px 0 0 10px;
	color:#848484;
	background:url(/newhrapp/Content//img/HR/date_day_year_bg.png) 0 0 no-repeat;
}

.birtdayYear .custom-select .custom-text,
.custom-select.disabled span.custom-text:hover{
	overflow:hidden;
	height:28px;
	width:48px !important;
	padding:13px 0 0 4px;
	color:#848484;
	background:url(/newhrapp/Content//img/HR/date_day_year_bg.png) 0 0 no-repeat;
}

.custom-select .custom-text:after{
	font-size:			15px;
	position:			relative;
	top:				-6px;
	right:				12px;
	display:			block;
	float: 				right;
	width:				6px;
	z-index: 			2;
	}
.custom-select span.custom-text:hover,
.active span.custom-text{
	}
.select-list{
	top:				40px;
	line-height:		20px;
	width:              45px;
	padding:			0 0 0 10px;
	background-color:	#fff;
	color:				#bdd3e6;
	border:1px solid #dcdcdc;
}

.birtdayMonth .select-list{
	top:				40px;
	line-height:		25px;
	width:              75px;
	padding:			0 0 0 10px;
	background-color:	#fff;
	color:				#bdd3e6;
	border:             1px solid #dcdcdc;
}
.birtdayYear .select-list{
	top:				40px;
	line-height:		25px;
	width:              47px;
	padding:			0 0 0 10px;
	background-color:	#fff;
	color:				#bdd3e6;
	border:1px solid #dcdcdc;
}

.select-list.custom-scroll{
	padding:2px 0 2px 5px;
}
.birtdayYear .select-list.custom-scroll{
	padding:2px 0 2px 2px;
}

.select-list .selected{
	color:				#35a3c7;
}

.select-list li:hover{
	color:				#35a3c7;
	}
.select-list li.disabled{
	color:				#CCCCCC;
	cursor:				default
	}
.select-scroll{
	background:url(/newhrapp/Content//img/HR/form_scroll_bar.png) 0 0 no-repeat;
	width:				2px;

	}
.scroll-drag{
	top:				0;
	width:				6px;
	background:url(/newhrapp/Content//img/HR/form_scroll_drag.png) 0 0 no-repeat;
	}
.maxlength .scroll-drag:after{
	display:			block;
	font-size:			14px;
	position:			relative;
	left:				50%;
	top:				50%;
	margin:				-14px 0 0 -4px
	}
.custom-select .hover{
	color:				#FFF
	}
.custom-select.disabled{
    opacity:            0.5 !important;
    }