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

.e-ugyfelszolgalat #euszi-menu {
	background-color: @menu-c-2;
	display: inline-block;
	min-width: 180px;
	padding: 1px;
	vertical-align: top;
	max-width: @menu-width;
	* {
		color: @menu-c-6;
		font-size: @fontsize-xs;
		font-family: @fontfamily;
		font-weight: bold;
		.box-sizing(border-box);
		.user-select(none);
	}
	.ui-autocomplete * {
		color: #000000;
		font-weight: normal;
	}
	ul {
		list-style-type: none;
		position: relative;
	}
	ul.euszi_menu {
		padding: 0;
		margin: 0;
		li li:last-of-type span {
			border: none;
		}
		li:last-of-type li:last-of-type span, li li li:last-of-type span {
			border-bottom: 1px solid @menu-c-3;
		}
		li {
			overflow: hidden;
			margin-bottom: 0;
			margin-left: 0;
			span, input[type=text] {
				background-color: @menu-c-1;
				border-bottom: 1px solid @menu-c-3;
				display: inline-block;
				height: 30px;
				line-height: 30px;
				padding: 0 5px;
				vertical-align: middle;
				width: 100%;
			}
			input[type=text] {
				border-left: 1px solid transparent;
				border-right: 1px solid transparent;
				border-top: 1px solid transparent;
				.border-radius(0);
				margin-bottom: 0;
				padding-right: 24px;
			}
			span {
				cursor: pointer;
			}
			span.elvalaszto, span.elvalaszto:hover {
				background-color: @theme-color;
				border: none;
				color: @menu-c-5;
				cursor: default;
				text-transform: uppercase;
			}
			img {
				background-color: @theme-color;
				padding: 3px 0;
				vertical-align: middle;
			}
			div.css-helper {
				width: 0;
				height: 0;
				border-right: 24px solid @menu-c-4 !important;
				border-bottom: 24px solid @menu-c-2 !important;
				display: inline-block;
				position: absolute;
				left: -24px;
			}
			div.css-helper.loggedout {
				border-right: 24px solid @menu-c-2 !important;
			}
			div.icon {
				position: absolute;
				right: 3px;
				top: 6px;
			}
			div.icon.search {
				background: url("img/Search.png") no-repeat;
			}
		}
		li.active_item > span, li > span:hover {
			color: @menu-c-5;
			background-color: @menu-c-7;
		}
		ul {
			margin: 0 0 0 24px;
			padding: 0;
		}
	}
	ul.euszi_menu.loggedout {
		margin: 0 0 0 0;
		li div.css-helper {
			border-right: medium none !important;
		}
		span.elvalaszto:hover {
				background-color: @theme-color;
		}
		ul {
			margin: 0;
		}
	}
	ul.euszi_also_menu {
		border-top: 60px solid @menu-c-1;
		border-bottom: 60px solid @menu-c-1;
		margin: 0 0 0 0;
		padding: 0;
		li {
			padding: 0 5px 0 0;
			margin: 0;
			height: 30px;
			background-color: @theme-color;
			text-transform: uppercase;
			border-top: 1px solid @menu-c-1;
			border-bottom: 0;
			cursor: pointer;
			white-space: nowrap;
			overflow: hidden;
			div, span {
				background: none repeat scroll 0 0 transparent;
				color: @menu-c-5;
				display: inline-block;
				height: auto;
				letter-spacing: -0.2px;
				vertical-align: middle;
				padding: 0 15px 0 0;
			}
			div.css-helper {
				vertical-align: middle;
				height: 100%;
				width: 22px;
				margin: 0;
				height: auto;
				border-left: 17px solid @menu-c-1 !important;
				border-bottom: 14px solid @theme-color !important;
				border-top: 14px solid @theme-color !important;
				border-right: 0 !important;
				padding: 0;
			}
		}
		li:hover, li.active_item {
			background-color: @menu-c-11;
			div.css-helper {
				border-bottom: 14px solid @menu-c-11 !important;
				border-top: 14px solid @menu-c-11 !important;
			}
		}
		li.active_item div {
		}
	}
	ul.loggedout.euszi_menu {
		li {
			span, input[type=text] {
				background-color: @theme-color;
				color: @menu-c-5;
			}
		}
		li.active_item > span, li > span:hover {
			background-color: @menu-c-10;
		}
		li.second {
			border-top: 1px solid darken(@theme-color, 3%);
		}
	}
	ul.loggedout.euszi_also_menu {
		background-color: @theme-color;
		border-top: 60px solid @theme-color;
		border-bottom: 60px solid @theme-color;
		li {
			background-color: @menu-c-8 !important;
			border-top: 1px solid @theme-color;
			div, span {
				background: none repeat scroll 0 0 transparent;
				color: @menu-c-12;
			}
			div.css-helper {
				border-left: 17px solid @theme-color !important;
				border-bottom: 14px solid @menu-c-8 !important;
				border-top: 14px solid @menu-c-8 !important;
			}
		}
		li:hover, li.active_item {
			opacity: 1.0 !important;
			background-color: @menu-c-8 !important;
			border-top: 1px solid @theme-color;
			div {
				color: @menu-c-12;
			}
			div.css-helper {
				border-left: 17px solid @menu-c-9 !important;
				border-bottom: 14px solid @menu-c-8 !important;
				border-top: 14px solid @menu-c-8 !important;
			}
		}
	}
}