@import "../config/config.less";

.e-ugyfelszolgalat #euszi-menu {
	border-top: 3px solid @theme-color;
	display: block;
	margin-left: 2px;
	min-width: 650px;
	max-width: 100%;
	padding: 5px 1px 1px 1px;
	vertical-align: top;
	white-space: normal;
	* {
		font-size: @fontsize-s;
		font-family: @fontfamily;
		color: @menu-c-6;
		font-weight: bold;
		.box-sizing(border-box);
		.user-select(none);
	}
	ul.ui-autocomplete {
		position: absolute;
		li {
			border: none;
			padding-bottom: 1px;
		}
	}
	ul {
		list-style-type: none;
		position: relative;
		li {
			background-color: #FFFFFF;
			border-right: 1px solid @menu-c-3;
			cursor: pointer;
		}
		ul {
			display: none;
			li {
				border-top: 1px solid @menu-c-3;
			}
			li:last-of-type {
				border-bottom: 1px solid @menu-c-3;
			}
		}
	}
	li:hover > ul {
		display: block;
		position: absolute;
		width: 150px;
		z-index: 20;
	}
	ul ul ul {
		left: 100%;
		top: 0;
	}
	ul.euszi_menu {
		display: inline-block;
		padding: 0;
		margin: 0 0 5px 0;
		vertical-align: top;
		white-space: nowrap;
		li li:last-of-type span {
			border: none;
		}
		li {
			display: inline-block;
			overflow: hidden;
			vertical-align: top;
			span, img {
				background-color: @menu-c-1;
				.bg-linear-gradient2(center top, lighten(@menu-c-1, 15%), @menu-c-1);
			}
			span, input[type=text] {
				display: inline-block;
				height: 30px;
				line-height: 30px;
				padding: 0 10px 0 3px;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: middle;
			}
			input[type=text] {
				border: none;
				.border-radius(0);
				margin-bottom: 0;
				padding-right: 24px;
			}
			img {
				padding: 3px 0 3px 10px;
				vertical-align: middle;
			}
			div.css-helper {
				width: 0;
				height: 0;
				border-right: none !important;
				position: absolute;
			}
			div.icon {
				position: absolute;
				right: 3px;
				top: 6px;
			}
			div.icon.search {
				background: url("img/Search.png") no-repeat;
			}
		}
		li:hover > span, li.active_item > span,
		li:hover > img, li.active_item > img {
			background-color: @menu-c-5;
			.bg-linear-gradient2(center top, lighten(@menu-c-5, 10%), @menu-c-5);
			color: @menu-c-4;
		}
		ul {
			margin: 0 0 0 0;
			padding: 0;
			li {
				border-left: none;
				border-right: none;
				display: list-item;
				span {
					padding-left: 10px;
					width: 100%;
				}
			}
		}
	}
	ul.euszi_menu.loggedout {
		margin: 0 0 0 0;
	}
	ul.euszi_also_menu {
		background-color: #FFFFFF;
		display: inline-block;
		margin: 0 0 5px 0;
		padding: 0 0 0 0;
		vertical-align: top;
		li {
			background-color: @menu-c-1;
			.bg-linear-gradient2(center top, lighten(@menu-c-1, 15%), @menu-c-1);
			padding: 0 10px 0 10px;
			margin: 0;
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			div, span {
				background: none repeat scroll 0 0 transparent;
				display: inline-block;
				height: auto;
				vertical-align: middle;
				padding: 0;
			}
			span {
			}
			div.css-helper {
				vertical-align: middle;
				height: 100%;
				width: 0;
				margin: 0;
				height: 30px;
				border: none !important;
				border-right: 0 !important;
				padding: 0;
			}
		}
		li:hover, li.active_item {
			background-color: @menu-c-5;
			.bg-linear-gradient2(center top, lighten(@menu-c-5, 10%), @menu-c-5);
			span {
				color: @menu-c-4;
			}
		}
	}
}