/* Styles for custom selects */
.done select{
    /*display: none;*/
	height:0px !important;
	width:100%;
	border:none !important;
	background:none;
	padding:0;
	margin:0;
    position: relative;
    left:-2px;
    z-index: -1;
	outline:none;
    position:absolute;
    opacity:0;
    z-index:-1;
	}
.select-list{
	position:			absolute;
	left:				0
	}
.custom-select{
	z-index: 1;
    font-size: 10px;
	}
.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-text{
	cursor: pointer;
	display: inline-block;
	text-align: left;
    border: 1px solid #cacac8;
    border-radius: 4px;
    background: url(../files/images/icons/arrow.png) no-repeat right 23px;
    white-space: nowrap;
    float: left;
    color: #000000;
	}
.ddlbPager .custom-select .custom-text {
    text-align: center;
}
.custom-select.open_list .custom-text {
    background-position: right -40px;
    border-radius: 4px 4px 0 0;
}
.top.custom-select.open_list .custom-text {
    border-radius:  0 0 4px 4px;
}
.pager .custom-select .custom-text {
    text-align: center;
}
.custom-select li{
	cursor:				pointer;
    padding: 0 0 0 18px;
    width: 100%;
    width: calc(100% - 44px);
    box-sizing: border-box;
    position: relative;
	}
.custom-select li:after, 
.top.custom-select li:last-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 17px);
    border-top: 1px solid #cacac8;
}
.top.custom-select li:first-child:after{
    border-top: 0;
}
.top.custom-select li:last-child:before {
    top: auto;
    bottom: 0;
}
.maxlength .custom-select li {
    padding-right: 17px
}
.select-scroll{
	position:			absolute;
	right:				0;
	top:				2px;
	z-index:			2
	}
.default-scroll ul{
	overflow-y:			scroll
	}
.custom-scroll{
	overflow:			hidden
	}
.scroll-drag{
	display:			block;
	position:			absolute;
	left:				1px;
	cursor:				pointer;
    margin-top: 1px;
	}
.disable *{
    cursor:             default !important
    }
/* Style for example*/
.custom-select{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
    line-height: 52px;
	}
.custom-select .custom-text,
.custom-select.disable span.custom-text:hover{
	height:				52px;
	padding:			0 37px 0 18px;
	line-height:		52px;
	/* border styles */
	/* background styles */
	background-color: 		#FFF;
	}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .custom-select .custom-text,
    .custom-select.disable span.custom-text:hover{
	    line-height:		55px;
	    }
}
.custom-select span.custom-text:hover,
.active span.custom-text,
.pg-first:hover, .pg-last:hover, .pg-next:hover, .pg-prev:hover
{
	background-color: #FFF; /* Old browsers */
	}
.select-list{
    border: 1px solid #cacac8;
    border-top: 0;
	top:				46px;
	background-color:	#FFF;
	/* border styles */
	border-radius: 	0 0 4px 4px; 
	}
.top .select-list {
    border: 1px solid #cacac8;
    border-bottom: 0;
    border-radius: 	4px 4px 0 0; 
}
.select-list ul {
    padding: 0 0 6px 0;
}
.select-list li {
    line-height: 18px;
    padding-top:12px;
    padding-bottom:12px;

    min-height: 42px;
    box-sizing: border-box;
}
.select-list li:hover {
    background: #000000;
    color: #FFFFFF !important;
}
.select-list li:hover:after,
.select-list li:hover + li:after,
.top.custom-select li:hover:before {
    content: none;
}
.select-list .selected {
	color:				#777777 !important;
    /*display:none;*/
    /*position:absolute;
    height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:none !important;
    min-height:0;
    width:0;*/
	}
.select-list li.disabled{
	color:				#CCCCCC;
	cursor:				default
	}
.select-scroll{
	background-color:	#ddd;
	width:				12px;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 		2px; 
	}
.maxlength .select-scroll {
    padding-bottom: 2px;
}
.scroll-drag{
	top:				0;
	width:				10px;
	background-color:	#f3f3f3;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 		2px; 
	}
.maxlength .scroll-drag:after{
	display:			block;
	font-size:			14px;
	position:			relative;
	left:				50%;
	top:				50%;
	margin:				-14px 0 0 -4px
	}
.custom-select .hover{
	}
.disable{
    opacity:            0.5 !important;
    }