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

@success-color: @theme-color;
@info-color: #3454B4;
@required-color: @error-color;
@theme-color-2: #2a5ba5;

#exo-e-ugyfelszolgalat {
	.box-sizing(border-box);
	margin: auto;

	.webpage-border {
		.bg-linear-gradient2(top, #ffffff, #dff0f5);
		width: 22px;
	}
	.webpage {
		background: url(img/exo/alap.png) no-repeat;
		padding: 0;
		width: @content-width;
	}
	#exo-logo {
		height: 80px;
	}

	@openExoColor: #a7ca59;
	.openExo {
		.bg-linear-gradient2 (top, @openExoColor, darken(@openExoColor, 10%));
		.border-radius (25px);
		.box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset);
		border-color: @openExoColor @openExoColor lighten(@openExoColor, 20%);
		border-style: solid;
		border-width: 1px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		float: right;
		font-family: @fontfamily;
		font-size: @fontsize-s;
		font-weight: bold;
		padding: 2px 10px;
		text-decoration: none;
		text-shadow: 1px 1px #777777;
	}
	.openExo:hover {
		.bg-linear-gradient2 (top, lighten(@openExoColor, 10%), @openExoColor);
	}
}

.e-ugyfelszolgalat .euszi-content {
	.right, .left {
		.box-sizing(border-box);
		display: inline-block;
		padding: 0 10px;
		vertical-align: top;
		white-space: normal;
	}
	.left {
		border-right: 2px dotted #d3d3d3;
	}
	.block {
		display: block;
	}
	.clear {
		clear: both;
	}
	.text-box {
		margin-bottom: 15px;
		h3 {
			margin: 0 0 0 5px;
			img, span {
				display: inline;
				vertical-align: text-top;
			}
		}
	}
	h3 img, h3 span {
		display: inline;
		vertical-align: text-top;
	}
	.width-20 {
		width: 20%;
	}
	.width-50 {
		width: 50%;
	}
	.width-80 {
		width: 80%;
	}
	table {
		td {
			vertical-align: top;
		}
	}
	div.link {
		color: @theme-color;
		cursor: pointer;
		font-style: italic;
		text-decoration: underline;
	}
	.exo_fooldal {
		#exo_main_slideshow {
			width: 100%;
			img {
				height: 300px;
			}
		}
		table {
			margin-top: 10px;
			td {
				padding: 5px;
				vertical-align: top;
				td {
					width: auto;
					img {
						width: 75px;
					}
				}
			}
			div.link {
				margin-top: 10px;
				text-align: right;
			}
		}
	}
	.mit_tudunk {
		white-space: nowrap;
	}
	.miert_az_exo {
		img.block {
			height: auto;
			margin-bottom: 50px;
			margin-right: 15px;
		}
	}
	.ugyfeleink_mondtak, .arak {
		tr:first-of-type {
			td {
				border-top: none;
			}
		}
		tr {
			td:first-of-type {
				border-left: none;
			}
			td {
				border: 2px dotted #d3d3d3;
				min-height: 100px;
				padding: 30px 10px 10px 10px;
				width: 33%;
			}
			td:last-of-type {
				border-right: none;
			}
		}
		tr:last-of-type {
			td {
				border-bottom: none;
			}
		}
		div.buttons {
			margin: 40px 0 15px;
			text-align: center;
		}
	}
	.arak {
		tr {
			td {
				border-bottom: none;
				border-top: none;
				.box-sizing(border-box);
				padding: 0 20px;
				width: 33%;
				img {
					margin: auto;
					max-width: 280px;
				}
				h3 img, h3 span {
					display: inline;
					text-transform: uppercase;
					vertical-align: text-top;
				}
				ul {
					li {
						font-size: @fontsize-s;
						list-style-image: url(img/exo/list-item.png);
						margin-bottom: 1px;
					}
				}
				ul.tippek li {
					font-size: @fontsize-s;
					span {
						color: @theme-color;
						font-size: @fontsize-s;
						font-weight: bold;
					}
				}
				p.free {
					margin-top: 90px;
					text-align: center;
					span {
						font-size: @fontsize-l;
						font-weight: bold;
						text-transform: uppercase;
					}
				}
				div.price {
					margin-top: 5px;
					* {
						text-align: center;
					}
					.havidij {
						color: @theme-color;
						font-size: @fontsize-m;
						font-weight: bold;
						.ar {
							color: @theme-color;
							font-size: @fontsize-l;
						}
					}
					.kedvezmeny {
						color: #ed1c24;
						font-size: @fontsize-m;
						font-weight: bold;
					}
				}
			}
		}
		tr.buttons {
			td {
				text-align: center;
			}
		}
	}
	.ceginfo {
		tr {
			td:first-of-type {
				border-left: none;
			}
			td {
				border-left: 2px dotted #d3d3d3;
				padding: 0 10px;
				width: 33%;
			}
		}
		p {
			margin: 5px 0;
		}
		p.bold {
			padding: 0;
		}
		.bold {
			font-weight: bold;
		}
		.color {
			color: @theme-color;
		}
		ul {
			list-style-type: none;
			margin-top: 0;
			padding: 0;
		}
	}
}
#exo-footer {
	background-color: #d4d3d3;
	margin-top: 10px;
	padding: 5px 10px;
	position: relative;
	* {
		color: #929396;
		font-family: @fontfamily;
		font-size: @fontsize-xs;
	}
	.left, .right {
		display: inline-block;
		font-weight: bold;
	}
	.right {
		position: absolute;
		right: 5px;
		ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			li:first-of-type {
				border-left: none;
			}
			li {
				border-left: 1px solid #a6a8aa;
				cursor: pointer;
				display: inline-block;
				padding: 0 5px;
			}
		}
	}
}
.online_megrendelo {
	* {
		font-size: @fontsize-s;
	}
	.form-info {
		color: #515256;
		font-size: @fontsize-s;
		font-weight: bold;
	}
	.urlap_tip_03.form-info {
		text-align: center;
	}
	.urlap_tip_04.form-info {
		text-align: center;
		width: 500px;
	}
	.validation {
		white-space: nowrap;
		width: 350px;
		img, label {
			display: inline-block;
			vertical-align: middle;
		}
		img {
			margin-left: 10px;
			margin-right: 10px;
		}
		label {
			padding: 0 2px;
			white-space: normal;
		}
		label.error {
			color: @error-color;
		}
	}
	#online_rendelo_tabs {
		.online_rendelo_tabs {
			display: table;
			margin: 0 auto;
			table {
				tr {
					td:first-of-type {
						padding-right: 40px;
					}
					td {
						padding: 10px 0;
						input[type=text], input[type=password], label.radio, label.checkbox {
							width: 300px;
						}
						input[type=text], input[type=password] {
							background-position: 270px center;
							background-repeat: no-repeat;
							padding-right: 30px;
						}
						input[name=nev_cegnev], input[name=iranyitoszam], input[name=telepules], input[name=utca_hazszam],
						input[name=teljes_nev], input[name=email_cim], input[name=jelszo], input[name=jelszo_ujra] {
							background-image:  url("img/exo/figura.png");
						}
						input[name=adoszam], input[name=telefonszam] {
							background-image:  url("img/exo/lakat.png");
						}
						label.radio, label.checkbox {
							display: block;
						}
						.megjegyzes {
							font-size: @fontsize-xs;
						}
					}
					td.jelszo_input, td.email_cim_input {
						padding-bottom: 0;
					}
				}
			}
		}
		ul {
			.bg-linear-gradient2(top, #fefefe, #cdcccc);
			.border-radius(15px);
			display: table;
			margin-bottom: 30px;
			padding: 0;
			white-space: nowrap;
			width: 100%;
			li {
				color: #7b7979;
				display: table-cell;
				font-size: @fontsize-m;
				list-style-type: none;
				padding: 7px 0;
				text-align: center;
				text-transform: uppercase;
				width: 33%;
				img, span {
					display: inline-block;
					margin: 0 2px;
					vertical-align: text-top;
				}
			}
			li.active {
				.bg-linear-gradient2(top, lighten(@theme-color-2, 25%), @theme-color-2);
				span {
					color: #fff;
				}
			}
			li:first-of-type.active {
				.border-radius(15px 0 0 15px); //top right bottom left
			}
			li:last-of-type.active {
				.border-radius(0 15px 15px 0); //top right bottom left
			}
		}
		.rendelo_page {
			margin: 0 auto;
		}
		.buttons {
			cursor: pointer;
			display: table;
			margin: 0 auto;
			#tovabb_01 {
				background-image: url("img/exo/Tovabb_01.png");
			}
			#tovabb_02 {
				background-image: url("img/exo/Tovabb_02.png");
			}
			button.vissza {
				background-image: url("img/exo/Vissza.png");
			}
			#megrendelem_03 {
				background-image: url("img/exo/Megrendelem.png");
			}
			.fooldalra {
				background-image: url("img/exo/Fooldalra.png");
			}
		}
		#kerem_a_kedv, #nem_kerem_a_kedv {
			font-weight: bold;
			vertical-align: top;
			span {
				display: inline;
				margin: 0;
				vertical-align: baseline;
			}
		}
		#elore_szamlazzuk {
			display: block;
		}
		#onlinerend_02_megrendelo {
			label.checkbox {
				span {
					margin: 0;
				}
				div {
					display: inline-block;
					vertical-align: top;
					width: 275px;
					#elfogadom_a_felhaszn_felt {
						display: block;
					}
				}
			}
			td.validation.top {
				vertical-align: top;
			}
		}
		#adatkezelesi_tajekoztato {
			color: @theme-color;
			cursor: pointer;
			font-style: italic;
			text-decoration: underline;
		}
		#info_havi_eves {
			display: block;
			margin: 50px auto 35px;
		}
		#online_rendelo_tabs_04, #online_rendelo_tabs_05 {
			h2, p {
				text-align: center;
			}
		}
	}
}
.e-ugyfelszolgalat .euszi-content, .ui-dialog.eugyfelszolgalat, .e-ugyfelszolgalat .online-megrendelo {
	h1, h2, h3, h4 {
		letter-spacing: 2px;
		text-transform: none;
	}
	h2 {
		margin: 10px 0;
	}
	h2, h2 * {
		color: @theme-color;
		font-family: @fontfamily-title;
		font-size: 30px;
	}
	h3, h3 span {
		color: @theme-color;
		font-family: @fontfamily-title;
		font-size: 20px;
	}
	h6 {
		color: @theme-color;
		margin: 10px 0;
	}
	p, p * {
		text-align: justify;
	}
	#euszi-infobar {
		margin-top: 10px;
		margin-bottom: 5px;
		min-height: 40px;
		border-bottom: 1px dotted #D1D1D1;
		border-top: 1px dotted #D1D1D1;
		font-weight: bold;
		padding: 3px 10px;
		.box-sizing(border-box);
		img, .msg {
			background: none repeat scroll 0 0 transparent;
			border: none;
			display: inline-block;
			font-size: @fontsize-s;
			margin: 0 5px 0 5px; /*top right bottom left*/
			vertical-align: middle;
		}
		.info {
			color: @info-color;
		}
		.success {
			color: @success-color;
		}
		.error {
			color: @error-color;
		}
	}
	span.important {
		color: #ed1c24;
	}
	input[type=text], input[type="password"], textarea, select {
		border: 1px solid #d3d2d2;
		.border-radius(20px);
		height: auto;
		line-height: normal;
		padding: 6px 10px;
		margin-bottom: 1px;
	}
	input[type=text], input[type=password], textarea {
		outline-width: 1px !important;
	}
	input[readonly], input[disabled], input[type=text][disabled], textarea[disabled], select[disabled] {
		background-color: #FFFFFF !important;
		cursor: default !important;
		color: #AAAAAA;
	}
	input[type=button][readonly], input[type=button][disabled],
	input[type=submit][readonly], input[type=submit][disabled] {
		background-color: #D8D8D8 !important;
		border: none;
	}
	button:not(.ui-button-icon-only), input[type="button"], input[type="submit"] {
		.bg-linear-gradient2 (top, lighten(@btn-bg, 15%), @btn-bg);
		.border-radius (25px);
		.box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset);
		border-color: @btn-bg @btn-bg lighten(@btn-bg, 20%);
		border-style: solid;
		border-width: 1px;
		color: #fff;
		margin: 0px 5px 5px 0;
		padding: 2px 10px;
		.ui-button-text {
			padding: 0 5px;
		}
	}
	button:not(.ui-button-icon-only):hover, button:not(.image):hover, input[type="button"]:hover, input[type="submit"]:hover {
		.bg-linear-gradient2 (top, lighten(@btn-bg, 25%), lighten(@btn-bg, 10%));
		border-color: lighten(@btn-bg, 10%) lighten(@btn-bg, 10%) lighten(@btn-bg, 30%);
	}
	button:not(.ui-button-icon-only)[readonly], button:not(.ui-button-icon-only)[disabled],
	button:not(.ui-button-icon-only)[readonly]:hover, button:not(.ui-button-icon-only)[disabled]:hover,
	input[type="button"][readonly], input[type="button"][disabled],
	input[type="submit"][readonly], input[type="submit"][disabled],
	input[type="button"][readonly]:hover, input[type="button"][disabled]:hover,
	input[type="submit"][readonly]:hover, input[type="submit"][disabled]:hover {
		cursor: default;
		.bg-linear-gradient2 (top, lighten(@btn-bg, 45%), lighten(@btn-bg, 40%));
		border-color: lighten(@btn-bg, 40%) lighten(@btn-bg, 40%) lighten(@btn-bg, 55%);
	}
	button.image, button.image:hover {
		background-color: transparent;
		background-repeat: no-repeat;
		border: none;
		.border-radius(0);
		cursor: pointer;
		height: 51px;
		padding: 0;
		width: 131px;
	}
	button.image.kiprobalom {
		background-image: url("img/exo/Kiprobalom.png");
	}
	button.image.megrendelem {
		background-image: url("img/exo/Megrendelem.png");
	}
	input[type="button"], input[type="submit"], input[type="checkbox"],
	input[type="image"], input[type="radio"], input[type="reset"],
	select, button {
		cursor: pointer;
	}
	label.checkbox.img {
		* {
			cursor: pointer;
		}
		input {
			display: none;
		}
		input + .img {
			background-image: url("img/exo/checkbox0.png");
			background-repeat: no-repeat;
			height: 18px;
			width: 18px;
			display: inline-block;
		}
		input:checked + .img {
			background-image: url("img/exo/checkbox1.png");
		}
	}
	label.checkbox.switch {
		* {
			cursor: pointer;
		}
		input {
			display: none;
		}
		input ~ span.status {
			background-image: url("img/exo/x.png");
			background-repeat: no-repeat;
			height: 8px;
			width: 8px;
			display: inline-block;
		}
		input ~ span.switch {
			background-image: url("img/exo/switch_off.png");
			background-repeat: no-repeat;
			height: 20px;
			width: 44px;
			display: inline-block;
		}
		input:checked ~ span.status {
			background-image: url("img/exo/pipa.png");
		}
		input:checked ~ span.switch {
			background-image: url("img/exo/switch_on.png");
		}
	}
	label.radio, label.checkbox {
		margin-right: 3px;
		white-space: nowrap;
		input, span {
			display: inline-block;
			float: none;
			margin: 3px;
			vertical-align: middle;
			white-space: normal;
		}
		div span {
			display: inline;
		}
	}
}
.e-ugyfelszolgalat {
	white-space: nowrap;
	width: 100%;
	.box-sizing(border-box);
	* {
		color: #5b5a5b;
		font-family: @fontfamily;
		line-height: normal;
	}
	.euszi-content, .online-megrendelo {
		display: inline-block;
		max-width: 100%;
		padding: 0 1px 0 2px; /*top right bottom left*/
		position: relative;
		vertical-align: top;
		white-space: normal;
		width: 100%;
		.box-sizing(border-box);
		#e-uszi-headline {
			margin-bottom: 5px;
			.info {
				background: transparent;
				border: none;
				position: absolute;
				font-weight: bold;
				top: 10px;
				padding: 0;
				right: 30px;
				text-align: right;
				.last_login {
					display: inline-block;
					font-size: @fontsize-s;
					vertical-align: middle;
				}
				img.logout {
					display: none;
				}
			}
			.left {
				border: none;
			}
			.right {
				float: right;
				padding-top: 3px;
				text-align: right;
				.subscriber_code {
					color: @theme-color;
					font-weight: bold;
				}
			}
			.countdown-row {
				display: inline-block;
				text-align: center;
			}
			.countdown-amount {
				margin-right: 5px;
			}
			#logout_countdown {
				cursor: pointer;
				display: inline-block;
				margin-right: 0;
			}
			#logout_countdown.highlight-1 {
				color: #FF8C00;
			}
			#logout_countdown.highlight-2 {
				color: #990000;
			}
			#logout_countdown:hover {
				opacity: 0.8;
			}
		}
	}
	.euszi-content {
		min-width: 650px;
		* {
			font-size: @fontsize-s;
			font-family: @fontfamily;
			line-height: normal;
		}
		p {
			margin: 0;
		}
		input, .select,option {
			font-family: @fontfamily;
		}
		.databox {
			margin-top: 10px;
			margin-bottom: 5px;
			padding: 10px;
			.box-sizing(border-box);
			.elofizetes {
				margin-top: 5px;
				margin-bottom: 5px;
				border-bottom: 1px solid #669cbe;
				padding: 5px;
				.elofizetes_icon {
					background: url("img/DEFAULTICON.png") no-repeat;
					min-width: 48px;
					height: 48px;
					display: inline-block;
					margin-right: 7px;
					vertical-align: middle;
				}
				.elofizetes_icon.ICON1 {
					background: url("img/ICON1.png") no-repeat;
				}
				.elofizetes_icon.ICON2 {
					background: url("img/ICON2.png") no-repeat;
				}
				.elofizetes_icon.ICON3 {
					background: url("img/ICON3.png") no-repeat;
				}
				p {
					font-size: @fontsize-s;
					display: inline-block;
					vertical-align: middle;
				}
			}
			.elofizetes.first {
				border-top: 1px solid #669cbe;
			}
		}
		p.bold {
			color: #000000;
			font-weight: bolder;
			padding: 7px 10px 8px 10px;
		}
		div.euszi_info {
			margin-top: 5px;
			margin-bottom: 5px;
			font-weight: bold;
			text-align: justify;
			.error {
				display: block;
			}
		}
		p.lablec {
			color: #323232;
			font-size: @fontsize-s;
			line-height: 16px;
			padding-top: 10px;
			padding-bottom: 10px;
			.bg-linear-gradient2(top, #E7E7E7, #F7F7F7);
		}
		p.big {
			font-size: @fontsize-xl;
			margin: 15px 3px;
		}
		p.medium {
			font-size: @fontsize-m;
			font-weight: bold;
			margin-bottom: 3px;
			padding: 6px 0;
		}
		form {
			margin-top: 5px;
			margin-bottom: 5px;
			ul {
				margin: 0;
			}
			.line {
				display: table;
				margin-bottom: 5px;
				max-width: 100%;
				width: 100%;
				* {
					.box-sizing(border-box);
				}
				.cell-1, .cell-25, .cell-30, .cell-50, .cell-75, .cell-100, .cell {
					display: table-cell;
					white-space: nowrap;
				}
				.cell-1 {
					width: 1px;
				}
				.cell-25 {
					width: 25%;
				}
				.cell-30 {
					width: 30%;
				}
				.cell-50 {
					padding: 0 5px;
					width: 50%;
				}
				.cell-75 {
					width: 75%;
				}
				.cell-100 {
					width: 100%;
				}
				.cell-50, .cell-75, .cell-100 {
					input {
						width: 100%;
					}
				}
				label {
					padding-right: 5px;
				}
				label.telepulesresz, label.kozter_jelleg, label.keresztnev, label.szul_keresztnev, label.szigszam {
					padding-left: 5px;
				}
				/*--------------------Személyes adatok--------------------*/
				label.titulus {
					max-width: 100px;
				}
				input.titulus {
					width: 44px;
				}
				input.vezeteknev {
					min-width: 140px;
				}
				input.keresztnev, input.szul_keresztnev {
					min-width: 140px;
				}
				input.datum {
					min-width: 100px;
				}
				input.szigszam {
					min-width: 120px;
				}
				input.telefonszam {
					min-width: 150px;
				}
				/*--------------------Cím--------------------*/
				input.irsz {
					width: 50px;
				}
				input.telepules {
					min-width: 160px;
				}
				input.telepulesresz {
					width: 150px;
				}
				input.kozter_nev {
					min-width: 205px;
				}
				input.kozter_jelleg {
					width: 90px;
				}
				input.hazszam {
					width: 50px;
				}
				input.hazszamvege {
					width: 50px;
				}
				input.hazszambetujel {
					width: 45px;
				}
				input.lepcsohaz {
					width: 45px;
				}
				input.emelet {
					width: 45px;
				}
				input.ajto {
					width: 45px;
				}
				input.ajtobetujel {
					width: 45px;
				}
			}
			button.cim_masolas {
			    bottom: 6px;
			    float: right;
			    font-size: 11px;
			    position: relative;
			    padding: 1px;
			}
		}
		form.kerelem, form.auto {
			table {
				width: auto;
				td {
					input, select {
						width: 100%;
					}
				}
				td.date {
					input {
						width: auto;
					}
				}
			}
			table.sodexo, table.ticketweb {
				td input {
					width: auto;
				}
			}
		}
		form.alapadatok, form.jelszo_valtoztatas {
			table {
				width: auto;
				td {
					min-width: 250px;
					padding: 1px 0;
				}
			}
		}
		.fooldal {
			table {
				width: auto;
			}
		}
		form.szuro {
			label {
				margin-left: 5px;
				margin-right: 5px;
			}
			label, input, img {
				vertical-align: middle;
			}
		}
		/*--------------------Táblázat--------------------*/
		td {
			padding: 5px;
			vertical-align: middle;
		}
		table, tbody tr {
			border-collapse: collapse;
			vertical-align: top;
		}
		table.fooldal {
			text-align: left;
		}
		.teljes_azonosito {
			word-wrap: break-word;
			max-width: 90px;
		}
		table, tbody {
			vertical-align: middle;
			width: 100%;
			border-collapse: collapse;
		}
		thead {
			width: 100%;
		}
		table.euszi_tablazat th {
			font-size: @fontsize-m;
			color: #323232;
			font-family: @fontfamily;
			font-weight: bold;
			padding: 7px 1px 8px;
			border-top: 0;
			border-bottom: 1px solid #669cbe;
		}
		table.euszi_tablazat td, table.euszi_tablazat th {
			empty-cells: show;
		}
		table.euszi_tablazat th {
			border: 1px solid #C0C0C0;
		}
		table.euszi_tablazat td {
			border-left: 1px dotted #C0C0C0;
			border-right: 1px dotted #C0C0C0;
		}
		table.euszi_tablazat tr {
			border-top: 1px solid #C0C0C0;
			border-bottom: 1px solid #C0C0C0;
		}
		table.euszi_paylink thead {
			border-bottom: 1px solid #C0C0C0;
		}
		table.euszi_paylink th.ures {
			background: none repeat scroll 0 0 transparent;
			border-top: 0;
		}
		tbody.euszi_paratlan, tr.euszi_paratlan, tr.paratlan {
			background-color: @tr-color-1;
		}
		tbody.euszi_paros, tr.euszi_paros, tr.paros {
			background-color: @tr-color-2;
		}
		#paylink_info_content {
			.euszi_ok {
				background-color: #ffffff;
			}
			.error {
				background-color: #ffffff;
			}
			table {
				* {
					font-size: @paylink-fsize;
				}
				tbody {
					border-top: 1px solid #C0C0C0;
					border-bottom: 1px solid #C0C0C0;
				}
				tbody.euszi_paros td.hozzarend {
					background-color: #C7E48E;
				}
				tbody.euszi_paratlan td.hozzarend {
					background-color: #EBF5D6;
				}
				th {
					font-size: @fontsize-s;
					color: #323232;
					font-family: @fontfamily;
					font-weight: bold;
					padding: 7px 1px 8px;
					border-top: 0;
					border-bottom: 1px solid #669cbe;
					border-left: 1px dotted #C0C0C0;
					border-right: 1px dotted #C0C0C0;
				}
				td {
					border-left: 1px dotted #C0C0C0;
					border-right: 1px dotted #C0C0C0;
				}
			}
		}
		/*--------------Bejelentkezés--------------*/
		.euszi_bejelentkezes {
			p {
				text-align: justify;
			}
			ul {
				list-style-type: none;
				padding: 10px;
				li {
					margin: 5px 0;
					label.captcha, .refresh {
						vertical-align: top;
					}
				}
				li.captcha {
					label, input, span {
						vertical-align: top;
					}
					.refresh {
						cursor: pointer;
						margin-left: 5px;
						text-decoration: underline;
					}
					img {
						border: 1px solid #DDD;
						margin: 0;
					}
				}
				label {
					display: inline-block;
					padding: 7px 0 !important;  /*top-bottom right-left*/
					width: 120px;
				}
				input {
					display: inline-block;
					margin: 0;
				}
				input[type=text], input[type=password] {
					width: 250px;
				}
				li > span {
					color: #909090;
					display: inline-block;
					font-size: @fontsize-xs;
					margin-left: 5px;
				}
			}
			a.password_recovery {
				display: block;
				padding-left: 10px;
			}
		}
		/*--------------------Szolgaltatasaim--------------------*/
		.szolgaltatasaim {
			.elofizetes {
				border-bottom: 1px solid #669cbe;
				border-top: 1px solid #669cbe;
				margin-bottom: 10px;
				padding: 10px 0 0;
				.elofizetes-header {
					padding: 0 3px 3px;
					.elofizetes_info {
						.title {
							color: @theme-color;
							font-weight: bold;
						}
						p, p span {
							font-size: @fontsize-m;
							margin-bottom: 5px;
						}
						display: inline-block;
						width: 70%;
						min-width: 60%;
					}
					.elofizetes_icon {
						background: url("img/DEFAULTICON.png") no-repeat;
						min-width: 48px;
						height: 48px;
						display: inline-block;
						margin-right: 7px;
						vertical-align: top;
					}
					.elofizetes_icon.ICON1 {
						background: url("img/ICON1.png") no-repeat;
					}
					.elofizetes_icon.ICON2 {
						background: url("img/ICON2.png") no-repeat;
					}
					.elofizetes_icon.ICON3 {
						background: url("img/ICON3.png") no-repeat;
					}
					.elofizetes_commands {
						text-align: right;
						display: inline-block;
						float: right;
						width: 20%;
						max-width: 30%;
					}
				}
				.euszi_accordion_button {
					background-color: #f3f8fc;
					font-size: @fontsize-s;
					padding: 5px 10px 5px 3px;
				}
				.euszi_accordion_content {
					table {
						empty-cells: hide;
						width: 100%;
						td, th {
							border-left: none;
							border-right: none;
						}
						th {
							text-align: left;
						}
						tr {
							border-top: 0;
						}
						tr:last-of-type {
							border-bottom: 0;
						}
						.szolgaltatas_commands {
							text-align: right;
						}
						.szolg-buttons {
							vertical-align: top;
						}
					}
				}
			}
		}
		/*--------------------Űrlap--------------------*/
		.euszi_urlap, .result {
			ul {
				list-style-type: none;
				padding: 0;
				li {
					display: table-row;
					label, select, input {
						display: table-cell;
						margin-left: 0;
					}
					label {
						padding-right: 7px;
					}
					select {
						width: auto;
					}
				}
			}
			label {
				display: block;
				margin-left: 5px;
			}
		}
		input.rovid {
			width: 5em;
		}
		p.felkover {
			color: #505050;
			font-size: @fontsize-s;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 2px solid #505050;
			margin-bottom: 5px;
			margin-top: 5px;
		}
		/*--------------------Egyéb--------------------*/
		.alapadatok {
			td {
				height: 26px;
			}
			.setEszamla {
				color: #FFFFFF;
				cursor: pointer;
				display: inline-block;
				font-weight: bold;
				margin-left: 5px;
				padding: 6px;
				.border-radius(15px 15px 15px 15px);
				.bg-linear-gradient(top, #85C285, #2E8A2E, #85C285);
			}
		}
		p.inline {
			display: inline-block;
		}
		p.bal {
			text-align: left;
		}
		p.jobb {
			text-align: right;
		}
		.euszi_datum {
			white-space: nowrap;
		}
		.euszi_konyvtar {
			/*background-color: lightyellow;*/
		}
		.euszi_konyvtar:before {
			content: url("img/directory.png");
			padding-right: 5px;
		}
		.euszi_konyvtar_fel:before {
			content: url("img/up.png");
			padding-right: 5px;
		}
		.euszi_konyvtar, .euszi_konyvtar_fel , .euszi_fajl {
			padding: 3px;
			cursor: pointer;
		}
		textarea {
			max-width: @content-width;
			max-height: 500px;
		}
		.level_a_szolgaltatonak {
			table {
				td:first-of-type {
					vertical-align: top;
					white-space: nowrap;
					width: 1%;
				}
				input[type=text] {
					width: 100%;
				}
				textarea {
					height: 200px;
					max-width: 100%;
					resize: none;
					width: 100%;
				}
				button {
					float: right;
				}
			}
		}
		iframe.hasznalati_utmutato, iframe.live-chat {
			width: 100%;
			min-height: 800px;
		}
		.dijzona_kereso {
			p {
				margin: 5px 0;
			}
			ul {
				margin: 12px 0;
				li label {
					padding: 4px 7px 4px 0;
				}
			}
		}
		.szamlaim, .befizeteseim {
			.grid {
				border-bottom: 1px solid silver;
				border-left: 1px solid silver;
				border-right: 1px solid silver;
			}
			.kesedelmi-kamat {
				text-align: right;
				p {
					margin-right: 10px;
				}
				p, button {
					display: inline-block;
				}
			}
		}
		.folyoszamla {
			p.egyenleg {
				margin: 5px 0;
				label {
					margin-left: 5px;
					width: 97px;
				}
				label.penzosszeg {
					border: 1px solid #d3d2d2;
					.border-radius(20px);
					color: #5C5C5C;
					font-weight: bold;
					height: auto;
					line-height: normal;
					margin-bottom: 1px;
					margin-left: 0px;
					padding: 3px;
					text-align: right;
					width: 150px;
				}
			}
			.slick-cell {
				img, span {
					display: inline-block;
					vertical-align: middle;
				}
				img {
					margin-right: 3px;
				}
			}
		}
	}
}
.e-ugyfelszolgalat .euszi-content, .ui-dialog.eugyfelszolgalat {
	label {
		display: inline-block;
	}
	.nonedisp {
		display: none;
	}
	.validateTips {
		margin-bottom: 0;
		margin-top: 10px;
	}
	p.euszi_info {
		margin: 0;
	}
	p.euszi_info, .info {
		padding: 6px 6px;
		font-weight: bold;
		text-align: justify;
		* {
			font-weight: bold;
			text-align: justify;
			vertical-align: middle;
		}
	}
	img.info {
		background: transparent;
		border: none;
		margin: 0;
		padding: 0;
	}
	p.euszi_ok, label.euszi_ok, div.euszi_ok {
		background-color: transparent;
		color: @success-color;
		padding: 6px 0;
	}
	p.error {
		padding: 6px 0;
	}
	span.error, p.error, label.error, div.error, h2.error {
		color: @error-color;
	}
	input.error, select.error, option.error, textarea.error {
		background-color: lighten(@error-color, 40%) !important;
	}
	span.success, p.success, label.success, div.success, h2.success {
		color: @success-color;
	}
	p.loading {
		font-weight: bold;
		img, span {
			display: inline-block;
			margin: 0 5px 0 5px; /*top right bottom left*/
			vertical-align: middle;
		}
	}
	td.top {
		vertical-align: top;
	}
	.penzosszeg {
		text-align: right;
		white-space: nowrap;
	}
	.validateTips {
		border-top: 1px dotted #C0C0C0;
		padding-top: 3px;
	}
	/*--------------------Accordion--------------------*/
	.euszi_accordion_button {
		color: #444;
		cursor: pointer;
		font-size: @fontsize-m;
		font-weight: bold;
		padding: 7px 10px 8px 2px;
		border-bottom: 1px solid #669cbe;
		border-top: 1px solid #669cbe;
	}
	.euszi_accordion_button * {
		color: #444;
		cursor: pointer;
		font-size: @fontsize-m;
		font-weight: bold;
		text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
	}
	div.euszi_accordion_button{
		background-color: #f3f8fc;
		margin-top: 3px;
		margin-bottom: 3px;
		border-top: 1px solid #669cbe;
		padding-right: 3px;
		padding-left: 3px;
	}
	.euszi_accordion_button .sign {
		background: url("img/accordion_closed.png") no-repeat 0 0;
		width: 13px;
		height: 13px;
		float: right;
	}
	.myActive .sign {
		background: url("img/accordion_opened.png") no-repeat 0 0;
	}
	/*--------------------Input--------------------*/
	input.euszi_datum, input.datum {
		width: 8em;
	}
	input[type=button].icon16, button.icon16 {
		.border-radius (0px);
		padding: 0;
		border: 0;
		width: 16px;
		height: 16px;
		margin-left: 5px;
		margin-right: 5px;
		background-color: transparent;
	}
	input[type=button].icon16.xml {
		background: url("img/download.jpg") no-repeat;
	}
	input[type=button].icon16.pdf {
		background: url("img/list.png") no-repeat;
	}
	input[type=button].icon16.szlainfo {
		background: url("img/invoice-info.png") no-repeat;
	}
	button.icon16.details {
		background: url("img/details.png") no-repeat;
	}
	button.icon16.add {
		background: url("img/Add.png") no-repeat;
	}
	button.icon16.remove {
		background: url("img/Remove.png") no-repeat;
	}
	.grid {
		height: 500px;
		margin-bottom: 7px;
		width: 100%;
	}
	.tetelek, .folyoszamla, .grid {
		.slick-header.ui-state-default {
			background-image: none;
			border-bottom-width: 0;
			border-left-width: 0;
			border-right-width: 0;
			.slick-header-columns {
				background-color: #f3f8fc;
				background-image: none;
				border-bottom: 1px solid #669cbe;
				.slick-header-column {
					background-color: #f3f8fc;
					background-image: none;
					border-color: silver;
					border-style: none solid none none;
					border-width: 0 1px 0 0;
					font-weight: bold;
				}
			}
		}
		.slick-cell.center {
			text-align: center;
		}
		.slick-cell {
			border-style: solid solid solid solid;
		}
	}
	.grid-canvas {
		overflow-x: hidden;
	}
	table.name.horizontal {
		margin-bottom: 10px;
		width: 100%;
		tr {
			td {
				height: auto;
				padding: 2px;
				vertical-align: top;
				label, input {
					width: 100%;
				}
			}
			td.titulus {
				max-width: 5em;
				min-width: 5em;
				width: 5em;
			}
		}
		tr.labels {
			text-align: center;
		}
	}
	table.address.horizontal {
		border-bottom: 1px solid #669cbe;
		margin-bottom: 20px;
		width: 100%;
		tr {
			td {
				height: auto;
				padding: 2px;
				vertical-align: top;
				label, input {
					width: 100%;
				}
				div.hazszam, div.ajto {
					white-space: nowrap;
					width: 100%;
					label {
						.box-sizing(border-box);
						max-width: 4em;
						min-width: 4em;
						width: 4em;
					}
				}
			}
			td.hazszam-input {
				width: 150px;
			}
			td.ajto-input {
				width: 100px;
			}
			td.hazszam-input, td.ajto-input {
				white-space: nowrap;
				input {
					.box-sizing(border-box);
					max-width: 4em;
					min-width: 4em;
					width: 4em;
				}
			}
			td.irsz-input, td.lepcsohaz-input, td.emelet-input {
				max-width: 4em;
				min-width: 4em;
				width: 4em;
			}
		}
		tr.labels {
			text-align: center;
		}
		tr.inputs td {
			padding-bottom: 20px;
		}
	}
}
.ui-dialog.eugyfelszolgalat {
	overflow: visible;
	* {
		font-size: @fontsize-s;
	}
	.ui-dialog-titlebar.ui-widget-header {
		background-color: #ebf0f4;
		background-image: none;
		.border-radius(0);
		border-width: 0 0 1px 0;
		border-color: #669cbe;
		.ui-dialog-title {
			margin: 0.1em 25px 0.1em 0;
			width: 100%;
		}
		.ui-corner-all {
			.border-radius(10px);
		}
	}
	.ui-dialog-buttonpane {
		border-top: 1px solid #669cbe;
	}
	input, select, textarea {
		.box-sizing(border-box);
	}
	fieldset {
		border: 1px solid #5C5C5C;
		padding: 4px;
	}
	.szolgaltatasaim_dialog {
		height: 600px;
		max-height: 1024px;
		overflow-y: auto;
		.box-sizing(content-box);
		form {
			fieldset table {
				width: 100%;
			}
			img {
				display: inline-block;
				margin: 0;
				vertical-align: middle;
			}
			span.info {
				color: @info-color;
			}
			label {
				font-weight: bold;
				padding: 0 7px 0 0;
				white-space: nowrap;
			}
			input, select {
				margin: 0;
				width: 100%;
			}
		}
		form {
			margin-bottom: 0;
		}
		form.idoszak {
			input {
				margin-right: 2px;
				width: auto;
			}
		}
		.grid {
			height: auto;
			margin-bottom: 7px;
			width: 100%;
		}
	}
}
.ui-dialog.szlainfo {
	#e-uszi-szamlafejlec {
		border-bottom: 1px solid #669cbe;
		margin-bottom: 25px;
		padding-bottom: 10px;
		.szamla-kiallitoja, .vevo-adatai, .vevo-lev {
			display: inline-block;
			vertical-align: top;
			width: 50%;
			h5 {
				font-size: @fontsize-s;
				font-weight: bold;
				margin: 5px 0;
				padding: 0;
				text-decoration: underline;
			}
			div {
				line-height: 25px;
			}
			ul {
				width: 100%;
			}
		}
		ul {
			display: inline-block;
			list-style-type: none;
			margin: 5px 0;
			padding: 0;
			width: 50%;
			li {
				display: table-row;
				line-height: 25px;
				label, span {
					display: table-cell;
				}
				label {
					padding-right: 5px;
				}
			}
		}
		ul.szamla-adatok label {
			font-weight: bold;
		}
	}
	p {
		font-weight: bold;
		margin: 10px 0 0;
		padding: 0;
	}
}
.euszi-content.bejelentkezes {
	border: 1px solid silver;
	.border-radius(3px);
	display: block;
	margin: 50px auto;
	min-width: 340px;
	padding: 30px;
	width: 340px;

	h2 {
		font-size: @fontsize-l;
	}
	#ldap_username-label {
		display: none;
	}
	#ldap_password-label {
		display: none;
	}
	input[name=ldap_username] {
		background-image: url("img/exo/user.png");
		background-repeat: no-repeat;
		padding-left: 30px;
	}
	input[name=ldap_password] {
		background-image: url("img/exo/locked.png");
		background-repeat: no-repeat;
		padding-left: 30px;
	}
}
.ui-dialog.kamatinfo {
	.grid {
		height: auto;
	}
}
.ui-widget.ui-autocomplete {
	font-family: @fontfamily;
	font-size: 1em;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ui-tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid @theme-color;
	border-radius: 5px;
	box-shadow: 0 0 5px 1px @theme-color inset;
	background-color: #FFFFFF;
	padding: 10px;
	opacity: 0.8;
	max-width: 200px;
	text-align: justify;
	* {
		font-family: @fontfamily;
		line-height: 120%;
	}
	h3, div {
		margin: 0;
		font-size: @fontsize-xs;
		color: #000000;
		font-weight: bold;
	}
}
.ui-datepicker select {
	height: auto;
	line-height: normal;
}
.ui-datepicker.eugyfelszolgalat {
	min-width: 215px;
	.ui-datepicker-prev, .ui-datepicker-next {
		height: 24px;
		top: auto;
	}
}
.ui-datepicker.eugyfelszolgalat.ev-honap {
	.ui-datepicker-calendar {
		display: none;
	}
	button.ui-datepicker-current {
		display: none;
	}
	.ui-datepicker-buttonpane button {
		font-size: @fontsize-s;
		font-weight: normal;
		padding: 1px;
	}
}
td.ui-state-selected-day a.ui-state-default {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
/*! qtip2: error tooltip style */
.qtip-error{
	background-color: #ffffe1;
	border-color: #000000;
	border-radius: 8px;
	color: #000000;
	padding: 5px;
}
.qtip-error .qtip-titlebar{
	background-color: lighten(@error-color, 35%);
}
.qtip-error .qtip-close .qtip-icon{
	background-position: -102px 0;
}
.qtip-error .qtip-content > div {
	white-space: nowrap;
}
.qtip-error .qtip-icon {
	background: url(img/error.png) no-repeat;
	border-color: lighten(@error-color, 30%);
	display: inline-block;
	height: 16px;
	margin-right: 5px;
	vertical-align: top;
	width: 16px;
}
.qtip-error label.error {
	color: #000000;
	display: inline-block !important;
	font-size: 11px;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 3px;
	padding: 0;
	vertical-align: top;
	white-space: normal;
}
.qtip-error .qtip-titlebar .ui-state-hover{
	border-color: lighten(@error-color, 30%);
}
.ui-dialog.eugyfelszolgalat .qtip-error label.error {
	color: #000000;
	padding: 0;
}
.euszi_overlay {
	background-color: rgba(1, 1, 1, 0.3);
	background-image: url("img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	button {
		.bg-linear-gradient2 (top, lighten(@btn-bg, 15%), @btn-bg);
		.border-radius (25px);
		.box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset);
		border-color: @btn-bg @btn-bg lighten(@btn-bg, 20%);
		border-style: solid;
		border-width: 1px;
		color: #fff;
		margin: 0px 5px 5px 0;
		padding: 2px 10px;
		position: absolute;
		top: 5px;
		right: 5px;
		.ui-button-text {
			padding: 0 5px;
		}
	}
	button:hover {
		.bg-linear-gradient2 (top, lighten(@btn-bg, 25%), lighten(@btn-bg, 10%));
		border-color: lighten(@btn-bg, 10%) lighten(@btn-bg, 10%) lighten(@btn-bg, 30%);
	}
}
.noty_message.e-ugyfelszolgalat {
	white-space: normal;
	.noty_text {
		color: inherit;
	}
}