@import "config.less";

.ui-fastscroll {
	position: absolute;
	right: 0*@unit_base;
	background-color: @color_fastscroll_rollover_bg;
	width: 25*@unit_base;
	-ms-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	margin:0;
	padding-right: 0.08em;
	opacity: 1;
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;

	}
	li {
		cursor: pointer;
		color: @color_fastscroll_rollover_text;
		padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
		text-align: center;
		font-size : 16 * @unit_base;
		font-weight : bold;

		border-left-width : 3 * @unit_base;
		border-left-color : @color_fastscroll_popup_bg;
		border-left-style : solid;
	}
}

.ui-fastscroll2 {
	position: absolute;
	right: 0*@unit_base;
	-ms-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	margin:0;
	padding-right: 0.08em;
	opacity: 1;
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	li {
		cursor: pointer;
		color: @color_fastscroll_rollover_text;
		padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
		text-align: right;



	}
}

.ui-fastscroll-bg {
	position: absolute;
	right: 0*@unit_base;
	background-color: @color_fastscroll_rollover_bg;
	width: 25 * @unit_base;
	z-index: 10;
	top: 0;
}

.ui-fastscroll-popup {
	position: absolute;
	background: @color_fastscroll_popup_bg;
	color: @color_fastscroll_popup_text;
	padding:10*@unit_base 30*@unit_base;
	-ms-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
	-o-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow; 
	-moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
	-webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
	box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
	text-align: center;
	font-size: 75*@unit_base;
	font-weight: bold;
	display:none;
	box-sizing:border-box;
	left: 50%;
	top: 50%;
}

li.ui-fastscroll-hover {
	color : @color_fastscroll_popup_bg;
}

li.ui-fastscroll-hover,
li.ui-fastscroll-hover-up,
li.ui-fastscroll-hover-down {
	background : @color_list_bg;

	border-style : solid;
	border-color : @color_fastscroll_popup_bg;
	border-width : 0px;
	border-right-width : 3 * @unit_base;
	border-left-width : 1px;
	border-left-color : @color_list_bg;
}

li.ui-fastscroll-hover-up {
	border-top-width : 3 * @unit_base;
}

li.ui-fastscroll-hover-down {
	border-bottom-width : 3 * @unit_base;
}