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

@success-color: #008000;
@info-color: #3454B4;
@required-color: @error-color;

.e-ugyfelszolgalat {
	white-space: nowrap;
	width: 100%;
	.box-sizing(border-box);
	* {
		font-family: @fontfamily;
		line-height: normal;
	}
	.euszi-content, .online-megrendelo {
		display: inline-block;
		max-width: @content-width;
		padding: 0 1px 0 2px; /*top right bottom left*/
		position: relative;
		vertical-align: top;
		white-space: normal;
		width: @content-width;
		.box-sizing(border-box);
		h2.e-uszi {
			.e-ugyfelszolgalat-h2();
		}
		#e-uszi-headline {
			border-top: 3px solid @theme-color;
			background: transparent;
			font-weight: bold;
			margin-bottom: 3px;
			padding: 5px 0 0 0;

			.countdown-row {
				display: inline-block;
				text-align: center;
			}
			.countdown-amount {
				margin-right: 5px;
			}
			#logout_countdown {
				.bg-linear-gradient2 (top, lighten(#006400, 15%), #006400);
				border-color: #006400 #006400 lighten(#006400, 10%);
				display: inline-block;
				.e-ugyfelszolgalat-button();
				margin-bottom: 10px;
				margin-right: 0;
			}
			#logout_countdown.highlight-1 {
				.bg-linear-gradient2 (top, lighten(#FF8C00, 15%), #FF8C00);
				border-color: #FF8C00 #FF8C00 lighten(#FF8C00, 10%);
			}
			#logout_countdown.highlight-2 {
				.bg-linear-gradient2 (top, lighten(#990000, 15%), #990000);
				border-color: #990000 #990000 lighten(#990000, 10%);
			}
			#logout_countdown:hover {
				opacity: 0.8;
			}
			.left {
				float: left;
			}
			.right {
				float: right;
				text-align: right;
			}
			.clear {
				clear: both;
			}
			p {
				margin: 2px 0;
			}
			img {
				cursor: pointer;
				display: inline-block;
				margin-left: 10px;
				vertical-align: middle;
			}
		}
	}
	.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;
			border: 1px solid #BBBBBB;
			border-radius: 5px;
			box-shadow: 0 0 5px 1px #CCCCCC inset;
			padding: 10px;
			.box-sizing(border-box);
			.elofizetes {
				margin-top: 5px;
				margin-bottom: 5px;
				border-bottom: 2px solid @theme-color;
				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-m;
					display: inline-block;
					vertical-align: middle;
				}
			}
			.elofizetes.first {
				border-top: 2px solid @theme-color;
			}
		}
		h1 {
			text-transform: uppercase;
			font-size: @fontsize-m;
			font-weight: bold;
			border-bottom: 3px solid @theme-color;
		}
		h2 {
			.e-ugyfelszolgalat-h2();
		}
		h3, h3 * {
			color: #323232;
			font-size: @fontsize-l;
			font-weight: bold;
			margin-bottom: 10px;
			margin-top: 0;
			letter-spacing: 1px;
			padding: 10px 0 3px;
			text-transform: none;
		}
		h4, h4 * {
			color: #323232;
			font-size: @fontsize-m;
		}
		h4 {
			border-bottom: 1px dotted #d1d1d1;
		}
		p.bold {
			font-size: @fontsize-m;
			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;
				}
				input.hrsz {
					width: 55px;
				}
			}
			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;
				}
			}
		}
		form.szuro {
			label {
				margin-left: 5px;
				margin-right: 5px;
			}
		}
		/*--------------------Táblázat--------------------*/
		td {
			padding: 5px;
			vertical-align: middle;
		}
		table, tbody tr {
			vertical-align: top;
		}
		table.fooldal {
			text-align: left;
		}
		.teljes_azonosito {
			word-wrap: break-word;
			max-width: 90px;
		}
		table, tbody {
			vertical-align: middle;
			width: 100%;
		}
		table {
			border-collapse: collapse;
		}
		thead {
			width: 100%;
		}
		#paylink_info_content {
			.euszi_ok {
				background-color: #E8F5E4;
			}
			.error {
				background-color: #FFDCDC;
			}
		}

		table.euszi_tablazat th, table.euszi_paylink th {
			font-size: @fontsize-m;
			color: #323232;
			font-family: @fontfamily;
			font-weight: bold;
			text-align: center;
			.bg-linear-gradient(top, #FFFFFF, #EAEAEA, #FFFFFF);
		}
		table.euszi_tablazat > tbody > tr:hover {
			box-shadow: inset 0px 0px 6px #eeb801;
		}
		table.euszi_paylink * {
			font-size: @paylink-fsize;
		}
		table.euszi_paylink, table.euszi_tablazat {
			border-collapse: collapse;
		}
		table.euszi_tablazat td, table.euszi_tablazat th, table.szolgaltatas_tablazat td, table.szolgaltatas_tablazat th {
			empty-cells: show;
			text-align: center;
		}
		table.euszi_tablazat th {
			border: 1px solid #C0C0C0;
		}
		table.euszi_tablazat td, table.euszi_paylink td, table.euszi_paylink th {
			border-left: 1px dotted #C0C0C0;
			border-right: 1px dotted #C0C0C0;
		}
		table.euszi_tablazat td:last-child, table.euszi_tablazat th:last-child, table.szolgaltatas_tablazat th:last-child, table.szolgaltatas_tablazat td:last-child {
			border-right: 0;
			width: 15%;
		}
		table.euszi_tablazat td:first-child, table.euszi_tablazat th:first-child, table.szolgaltatas_tablazat th:first-child, table.szolgaltatas_tablazat td:first-child {
			border-left: 0;
			text-align: left;
			padding-left: 16px;
		}
		table.euszi_tablazat tr, table.euszi_paylink tbody {
			border-top: 1px solid #C0C0C0;
		}
		table.euszi_tablazat {
			table tr, table th, table td {
				border: 0;
				background: none;
				margin: 0;
				padding: 1px 4px!important;
				text-align: center!important;
			}
			table th {
				padding: 4px;
				border-bottom: 1px dotted #ccc;
			}
			table tr {
				border-left: 1px dotted #ccc;
				border-right: 1px dotted #ccc;
			}
			table tr:nth-child(2) td, table tr:first-child th:first-child {
				border-right: 1px dotted #ccc !important;
			}
		}
		table.euszi_paylink thead {
			border-bottom: 1px solid #C0C0C0;
		}
		table.euszi_paylink th {
			border-top: 1px solid #C0C0C0;
		}
		table.euszi_paylink th.ures {
			background: none repeat scroll 0 0 transparent;
			border-top: 0;
		}
		table.euszi_paylink tbody.euszi_paros td.hozzarend {
			background-color: #C7E48E;
		}
		table.euszi_paylink tbody.euszi_paratlan td.hozzarend {
			background-color: #EBF5D6;
		}
		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;
		}
		/*--------------Bejelentkezés, PIN kod--------------*/
		.euszi_bejelentkezes, .pin_kod_igenyles {
			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: 100px;
				}
				input {
					display: inline-block;
					margin: 0;
				}
				input[type=text], input[type=password] {
					width: 150px;
				}
				li > span {
					color: #909090;
					display: inline-block;
					font-size: @fontsize-xs;
					margin-left: 5px;
				}
			}
		}
		/*--------------------Szolgaltatasaim--------------------*/
		.szolgaltatasaim {
			.szolg_icon {
				vertical-align: middle;
				display: inline-block;
			}
			.elofizetes {
				border: 1px solid #888;
				.bg-linear-gradient(center top, #F5F5F5, #FFF, #F5F5F5);
				.border-radius(15px 15px 0 0);
				.box-shadow(0 2px 3px 0 #DDD inset);
				margin-bottom: 10px;
				padding: 10px 0 0;
				.elofizetes-header {
					padding: 4px;
					.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%;
						vertical-align: middle;
					}
					.elofizetes_icon {
						background: url("img/DEFAULTICON.png") no-repeat;
						min-width: 48px;
						height: 48px;
						display: inline-block;
						margin-right: 7px;
					}
					.ICON1 {
						background: url("img/ICON1.png") no-repeat;
					}
					.ICON2 {
						background: url("img/ICON2.png") no-repeat;
					}
					.ICON3 {
						background: url("img/ICON3.png") no-repeat;
					}
					.elofizetes_commands {
						float: right;
					}
				}
				.euszi_accordion_button.folder {
					.bg-linear-gradient(none);
					background-image: none;
					background: none;
					background-color: #EDBE23;
				}
				.euszi_accordion_button {
					.bg-linear-gradient(center top , #F9F9F9, #EEE, #F9F9F9);
					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;
						}
						tr:last-of-type {
							border-bottom: 0;
						}
						.szolg-buttons {
							vertical-align: top;
						}
					}
				}
				.folder_table {
					white-space: nowrap;
					background-color: #e8e8e8;

					button {
						margin: 0 2px;
					}

					tr {
						box-shadow: none;
					}

					th {
						text-align: center;
					}

					table {
						td {
							border: 1px dotted #c0c0c0;
							width: 50%;
							font-weight: bold;
						}

						td.up {
							background-color: #00C851;
						}

						td.down {
							background-color: #858585;
						}

						td.error {
							background-color: #ff4444;
						}
					}
				}
				.folder_content_table {
					th:nth-child(1), td:nth-child(1) {
						white-space: nowrap;
					}
					th:nth-child(2), td:nth-child(2) {
						width: 100%;
						text-align: left;
						padding-left: 32px;

						span {
							margin-right: 8px;
						}
					}
				}
			}
		}
		/*--------------------Ű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);
			}
		}
		.fooldal {
			table {
				width: auto;
			}
		}
		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;
		}
		form.nyilatkozatok {
			div.nyilatkozatok {
				border: 1px solid #d1d1d1;
				box-shadow: 0px 0px 5px 1px #d1d1d1 inset;
				border-radius: 6px;
				padding: 15px;
				margin-bottom: 10px;

				.radiobox {
					float: right;
					margin: 0;
					padding: 0;
					* { .user-select(none); }
					input[type=radio] { display: none; }
					input[type=radio] + label {
						cursor: pointer;
						display: inline-block;
						font-weight: bold;
						padding: 9px;
						.bg-linear-gradient(top, #D8D8D8, #A8A8A8, #D8D8D8);
					}
					input[type=radio] + label:hover {
						.bg-linear-gradient(top, #F1F1F1, #C1C1C1, #F1F1F1);
					}
					input[type=radio] + label.yes { .border-radius(15px 0 0 15px); }
					input[type=radio] + label.no { .border-radius(0 15px 15px 0); }
					input[type=radio] + label.yes.checked {
						color: #FFFFFF;
						.bg-linear-gradient(top, #85C285, #2E8A2E, #85C285);
					}
					input[type=radio] + label.yes.checked:hover {
						color: #FFFFFF;
						.bg-linear-gradient(top, #B8DBB8, #44C144, #B8DBB8);
					}
					input[type=radio] + label.no.checked {
						color: #FFFFFF;
						.bg-linear-gradient(top, #FF745C, #E62100, #FF745C);
					}
					input[type=radio] + label.no.checked:hover {
						color: #FFFFFF;
						.bg-linear-gradient(top, #FFB5A9, #FF5133, #FFB5A9);
					}
				}
				.nyilatkozat {
					border-top: 1px solid #D1D1D1;
					margin-bottom: 21px;
					padding-top: 2px;
				}
				span {
					width: 80%;
					display: inline-block;
				}
			}
			button[type=submit] {
				float: right;
				margin: 0;
			}
		}
		div.kapcsolat {
			position: relative;
			white-space: nowrap;
			width: 100%;
			th {
				white-space: nowrap;
			}
			div.telefonszam.table, div.emailcim.table {
				width: 185px;
				table, thead, tbody {
					span.telefon, span.email {
						overflow: hidden;
						max-width: 120px;
						display: inline-block;
						cursor: default;
						position: relative;
						text-overflow: ellipsis;
					}
				}
				td.telefonszam, td.emailcim, td.hozzaad {
					text-align: right;
					white-space: nowrap;
					position: relative;
				}
				form {
					margin-bottom: 0;
					margin-top: 0;
					span {
						display: inline-block;
					}
					.mentesmegse {
						vertical-align: middle;
					}
				}
			}
			div.muveletek.table {
				width: 50px;
			}
			div.felhasznalhatosagok.table {
				overflow-x: auto;
				width: 100%;
			}
			.line {
				display: block;
			}
			div.table {
				display: inline-block;
				vertical-align: top;
				table tbody, table thead {
					td, th {
						height: 29px;
						padding-bottom: 3px;
						padding-top: 3px;
						text-align: center;
						border-bottom: 1px solid;
						border-top: 1px solid;
						border-left: 1px solid lightgrey;
						border-right: 1px solid lightgrey;
						line-height: 100%;
						vertical-align: middle;
						input {
							margin-bottom: 0;
							margin-top: 0;
						}
					}
					td.hozzaad {
						border: 1px solid transparent;
					}
				}
			}
			input[type=text] {
				font-size: 12px;
				height: auto;
				line-height: normal;
				padding: 1px;
				margin: 0;
				width: 120px;
				text-align: right;
			}
			input[type=button] {
				border-radius: 0px;
				padding: 0;
				border: 0;
				width: 16px;
				height: 16px;
				margin-left: 5px;
				margin-right: 5px;
				background-color: transparent;
			}
			input[type=button][disabled] {
				background: none repeat scroll 0 0 transparent !important;
			}
			input[type=button].mentes {
				background: url("img/Apply.png") no-repeat;
			}
			input[type=button][disabled].mentes {
				background: url("img/ApplyDisabled.png") no-repeat !important;
			}
			input[type=button].megse {
				background: url("img/Delete.png") no-repeat;
			}
			input[type=button][disabled].megse {
				background: url("img/DeleteDisabled.png") no-repeat !important;
			}
			input[type=button].szerkeszt {
				background: url("img/Edit.png") no-repeat;
			}
			input[type=button][disabled].szerkeszt {
				background: url("img/EditDisabled.png") no-repeat !important;
			}
			input[type=button].torol {
				background: url("img/Remove.png") no-repeat;
			}
			input[type=button][disabled].torol {
				background: url("img/RemoveDisabled.png") no-repeat !important;
			}
			input[type=button].hozzaad {
				background: url("img/Add.png") no-repeat;
			}
			input[type=button][disabled].hozzaad {
				background: url("img/AddDisabled.png") no-repeat !important;
			}
		}
		.hibajelentes_new {
			table {
				tr {
					td:first-of-type {
						max-width: 150px;
						width: 100px;
					}
					td.top {
						padding-top: 12px;
						vertical-align: top;
					}
				}
			}
			input[type=text], textarea, select {
				max-width: 100%;
				width: 100%;
			}
			textarea {
				height: 60px;
				resize: none;
			}
			button {
				bottom: 5px;
				position: absolute;
				right: 0;
			}
			#hibabejelentes_views {
				padding-bottom: 45px;
				position: relative;
			}
			form {
				#elofizetes_lista {
					#elofiz_errmsg {
						font-weight: bold;
						margin-top: 15px;
					}
					ul {
						list-style-type: none;
						padding: 0;
						table {
							border-collapse: separate;
						}
					}
				}
			}
		}
		.szuneteltetes_kerese {
			table {
				max-width: 100%;
				tr {
					td:first-of-type {
						max-width: 200px;
						width: 200px;
					}
				}
				textarea {
					max-width: 100%;
					resize: none;
					width: 100%;
				}
			}
			ul {
				border: 1px solid #BBBBBB;
				list-style-type: none;
				max-height: 150px;
				max-width: 100%;
				overflow: auto;
				padding: 2px;
			}
			ul.disabled * {
				color: #AAAAAA;
			}
			[name=felfugg_rovid_megj] {
				width: 100%;
			}
		}
		.telefonkonyv {
			form {
				position: relative;
				div.item {
					clear: both;
					margin: 5px 0;
					overflow: auto;
					max-width: 85%;
					label {
						font-size: @fontsize-m;
						text-align: right;
						width: 25%;
						padding-right: 5px;
						vertical-align: middle;
					}
					input {
						max-width: 45%;
						vertical-align: middle;
					}
					input.nev { width: 210px; }
					input.irsz { width: 50px; }
					input.telepules { width: 160px; }
					input.kozter_nev { width: 205px; }
					input.kozter_jelleg { width: 90px; }
					input.hazszam { width: 50px; }
				}
				button {
					position: absolute;
					right: 0;
					bottom: 0;
				}
			}
			.results {
				padding-bottom: 15px;
				.inner {
					margin: 5px;
					overflow-y: auto;
				}
			}
		}
		.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, .dokumentumok {
			.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 #CCCCCC;
					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;
				}
			}
		}
	}
	div.icon {
		display: inline-block;
		height: 16px;
		vertical-align: middle;
		width: 16px;
	}
}
.e-ugyfelszolgalat .euszi-content, .ui-dialog.eugyfelszolgalat, .e-ugyfelszolgalat .online-megrendelo {
	#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;
		}
	}
}
.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;
	}
	span.required {
		color: @required-color;
	}
	p.euszi_ok, label.euszi_ok, div.euszi_ok {
		background-color: transparent;
		color: #008000;
		padding: 6px 0;
	}
	p.error {
		padding: 6px 0;
	}
	span.error, p.error, label.error, div.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 {
		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;
		.bg-linear-gradient(top, #EEE, #DDD, #EEE);
		text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
		border-top: 1px solid #757575;

	}
	.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);
	}

	.euszi_accordion_button.folder * {
		color: white;
	}
	div.euszi_accordion_button{
		background-color: #DFDFDF;
		margin-top: 3px;
		margin-bottom: 3px;
		border: 1px solid #828282;
		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;
	}

	.euszi_accordion_button .sign.folder {
		float: none;
		width: 11px;
		height: 11px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 16px;
		margin-left: 4px;
	}

	.myActive .sign {
		background: url("img/accordion_opened.png") no-repeat 0 0;
	}

	/*--------------------Input--------------------*/
	input.euszi_datum, input.datum {
		width: 8em;
	}
	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;
	}
	input[type=text], input[type="password"], textarea, select {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		color: #5C5C5C;
		font-weight: bold;
		height: auto;
		line-height: normal;
		padding: 6px 5px;
		margin-bottom: 1px;
	}
	input[type=text]:hover, input[type="password"]:hover, textarea:hover, select:hover,
	input[type=text]:focus, input[type="password"]:focus, textarea:focus, select:focus {
		background-color: #E9E9E9;
		border: 1px solid #ABABAB;
	}
	input[type=text], input[type=password], textarea {
		outline-width: 1px !important;
	}
	input[type=text].editor-text, select.editor-select {
		color: #000000;
		width: 100%;
		height: 100%;
		border: 0;
		margin: 0;
		background: transparent;
		outline: 0;
		padding: 0;
	}

	button:not(.ui-button), input[type="button"], input[type="submit"] {
		.e-ugyfelszolgalat-button();
	}
	button:not(.ui-button), input[type="button"], input[type="submit"] {
		.bg-linear-gradient2 (top, lighten(@btn-bg, 15%), @btn-bg);
		border-color: @btn-bg @btn-bg lighten(@btn-bg, 20%);
	}
	button:not(.ui-button):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)[readonly], button:not(.ui-button)[disabled],
	button:not(.ui-button)[readonly]:hover, button:not(.ui-button)[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%);
	}
	input[type=button].icon16, button.icon16, .icon16 {
		.border-radius (0px);
		display: inline-block;
		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.bankkartyas_fizetes {
		background: url("img/Credit_cards.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;
	}
	.icon16.checkmark {
		background: url("img/Checkmark.png") no-repeat;
	}
	input[type="button"], input[type="submit"], input[type="checkbox"],
	input[type="image"], input[type="radio"], input[type="reset"],
	select, button {
		cursor: pointer;
	}
	label.radio, label.checkbox {
		margin-right: 3px;
		input, span {
			display: inline-block;
			float: none;
			margin: 3px;
			vertical-align: middle;
		}
		span.status, span.switch {
			display: none;
		}
	}
	.grid {
		height: 500px;
		margin-bottom: 7px;
		width: 100%;
	}
	.slick-cell.center {
		text-align: center;
	}
	.slick-headerrow {
		border: none;
		.slick-headerrow-column {
			border: none;
			padding: 0;
			input {
				width: 100%;
			}
		}
	}
	.grid-canvas {
		overflow-x: hidden;
	}
	table.name.horizontal {
		border-bottom: 1px solid #888;
		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 #888;
		margin-bottom: 10px;
		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.hrsz-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;
		}
	}
}
.ui-dialog.eugyfelszolgalat {
	overflow: visible;
	* {
		font-size: @fontsize-s;
	}
	.ui-dialog-title {
		margin: 0.1em 25px 0.1em 0;
		width: 100%;
	}
	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;
			}
			fieldset label {
				font-weight: bold;
				padding: 0 7px 0 0;
				white-space: nowrap;
			}
			input, select {
				margin: 0;
				width: 100%;
			}
			.strength_progress {
				position: relative;
				width: 100%;
				height: 15px;
				margin: 0 auto;
				border-radius: 3px;
				background-color: rgb(245, 245, 245);
				box-shadow: inset 0 1px 2px rgba(20, 20, 20, 0.1);
				.progressbar {
					float: left;
					width: 0%;
					height: 100%;
					border-radius: 3px;
					text-align: center;
					transition: width 0.8s;
				}
				.red {
					background: rgb(240, 0, 0);
				}
				.orange {
					background: rgb(255, 165, 0);
				}
				.green {
					background: rgb(0, 240, 0);
				}
				.text {
					position: absolute;
					width: 100%;
					height: 100%;
					text-align: center;
				}
			}
		}
		form {
			margin-bottom: 0;
		}
		form.idoszak {
			input {
				margin-right: 2px;
				width: auto;
			}
		}
		.grid {
			height: auto;
			margin-bottom: 7px;
			width: 100%;
		}
		.confirm-dialog {
			line-height: 1.5;
			.process {
				font-weight: bolder;
			}
		}
	}
}
.ui-dialog.telefonszam_spec_param {
	form.specparam {
		width: 100%;
		p.euszi_accordion_button {
			margin: 10px 0;
		}
		ul {
			width: 100%;
			display: table;
			list-style-type: none;
			margin: 0;
			padding: 0;
			li {
				display: table-row;
				.left {
					min-width: 310px;
				}
				.left, .right {
					display: table-cell;
				}
				input[type=text] {
					margin: 0 0 2px 0; /*top right bottom left*/
					vertical-align: middle;
				}
				input[type=checkbox] {
					margin: 3px 5px 3px 0;
					width: auto;
				}
				input[type=checkbox].right {
					float: right;
					margin: 3px 0 3px 0;
				}
				label.CFNA, label.CFBS, label.CFIM {
					cursor: pointer;
					padding: 6px 0;
					input {
						vertical-align: middle;
					}
					span {
						display: inline-block;
						vertical-align: middle;
					}
				}
			}
		}
		label.error {
			display: block !important;
			width: auto !important;
		}
	}
}
.ui-dialog.szlainfo {
	#e-uszi-szamlafejlec {
		.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;
			}
			ul {
				width: 100%;
			}
		}
		ul {
			display: inline-block;
			list-style-type: none;
			margin: 5px 0;
			padding: 0;
			width: 50%;
			li {
				display: table-row;
				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;
	}
}
.ui-dialog.simplepay {
	p {
		text-align: justify;
	}
	label {
		display: block;

		input, span {
			display: inline-block;
			vertical-align: middle;
		}
	}
	.center {
		margin: 15px 0 30px;
		text-align: center;
	}
	.simplepay_info {
		word-break: break-word;
		white-space: normal;
	}
}
.ui-dialog.kamatinfo {
	.grid {
		height: auto;
	}
}
.ui-dialog.tevekenyseg, .ui-dialog.details {
	table {
		border-collapse: collapse;
		.box-sizing(border-box);
		padding: 0;
		width: 100%;
		tr {
			border-bottom: 1px solid #C0C0C0;
			border-top: 1px solid #C0C0C0;
			.box-sizing(border-box);
			padding: 5px;
			width: 100%;
			td {
				border-left: 1px dotted #C0C0C0;
				border-right: 1px dotted #C0C0C0;
			}
			td:first-of-type label {
				white-space: nowrap;
			}
			label {
				font-weight: bold;
				padding: 5px;
			}
			span {
				display: inline-block;
				padding: 5px;
				word-break: break-all;
			}
		}
		tr.paratlan, tr:nth-child(odd) {
			background-color: @tr-color-1;
		}
		tr.paros, tr:nth-child(even) {
			background-color: @tr-color-2;
		}
	}
}
.ui-dialog.emailalias_edit, .ui-dialog.service_params_list_Edit {
	table {
		width: 100%;
	}
	p {
		margin: 0;
	}
	ul.dst, ul.parameter_values {
		border: 1px solid #C0C0C0;
		height: 200px;
		max-height: 200px;
		list-style-type: none;
		overflow-y: auto;
		padding: 0;
		li:first-of-type {
			.bg-linear-gradient2(top, #DDD, #CCC);
			border-top: none;
			font-weight: bold;
		}
		li {
			.bg-linear-gradient2(top, #EFEFEF, #E5E5E5);
			border-top: 1px dotted #C0C0C0;
			padding: 2px;
			span, button {
				display: inline-block;
				vertical-align: middle;
			}
		}
	}
}
.ui-dialog.email_vacation {
	label.radio {
		display: block;
		input {
			width: auto;
		}
	}
	textarea {
		resize: none;
	}
}
.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;
}

//--------------------------------------------ONLINE MEGRENDELO--------------------------------------------

.online_megrendelo_container {
	display: inline-block;
	white-space: normal;
	margin: 0;
	font: 13px @fontfamily;
	color: #454545;
	font-weight: normal;
	position: relative;
	padding: 0 5px;
	line-height: 1.3;
	min-width: 650px;
	width: 100%;
	.box-sizing(border-box);

	.config_table {
		/*margin: 0 16px;*/
		table {
			font-size: 14px;
			border-spacing: 0;
			color: #454545;
			padding: 0px 15px;
			width: 100%;
			text-align: center;
			border-top: 1px dotted #aaa;

			input, select {
				width: 90%;
			}

			tr:nth-child(1) {
				th:nth-child(1) {
					text-align: left;
					font-size: 14px;

					span {
						color: #eeb801;
						font-weight: bolder;
					}
				}
			}

			td:nth-child(1) {
				width: 5%;

				img {
					height: 32px;
				}
			}

			td:nth-child(2) {
				width: 15%;
				font-weight: bold;

			}

			td:nth-child(3) {

			}

			td:nth-child(4) {
				width: 9%;
			}

			td:nth-child(5) {
				width: 11%;
				font-weight: normal;
				text-align: right;
			}
		}
		tfoot tr:last-child {
			text-align: right;

			.config_table_price {
				font-size: 18px;
				/*padding: 4px 0;*/
				font-weight: bold;
			}
		}

		.config_table_total_price {
			text-align: right;
			border-top: 1px dotted #aaa;
			font-size: 18px;
			padding: 4px 15px;
			background-color: #e0e0e0;
		}

		.slider_container {
			width: 100%;
			.range_button {
				all: revert;
				width: 26px;
				font-size: 16px;
				border: none;
				background-color: #c0c0c0;
				color: #787878;
				font-weight: bold;
				text-align: center;
				height: 26px;
				border-radius: 2px;
				cursor: pointer;
			}
			.range_button:hover {
				background-color: #cacaca;
				color: #8d8d8d;
			}
		}

		.slider {
			-webkit-appearance: none;
			appearance: none;
			width: calc(~"100% - (26px + 26px + 8px)");
			height: 8px;
			background: #d3d3d3;
			outline: none;
			opacity: 0.7;
			-webkit-transition: .2s;
			transition: opacity .2s;
			border-radius: 10px;
			margin: 0 4px;
		}

		.slider:hover {
			opacity: 1;
		}

		.slider::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 16px;
			height: 16px;
			background: #eeb801;
			cursor: pointer;
			border-radius: 50%;
		}

		.slider::-moz-range-thumb {
			width: 16px;
			height: 16px;
			background: #eeb801;
			cursor: pointer;
			border-radius: 50%;
		}
	}

	span.sorszam {
		margin-top: 8px;
		margin-left: 8px;
		display: block;
	}

	ul.szolg_reszletek {
		margin: 0!important;
		text-align: left!important;
		font-size: 12px!important;
		width: 90%;
		margin-left: 16px!important;
		li {
			margin: 0 6px;
			display: inline-block!important;
			color: #454545!important;
			font-weight: normal!important;
		}
	}
	.rendeles-visszaigazolas {
		ul.szolg_reszletek {
			//list-style: none;
			margin: 6px 0!important;
			text-align: left!important;
			font-size: 12px!important;
			margin-left: 0!important;
			li {
				margin: 0;
				display: list-item!important;
				color: #454545!important;
				font-weight: normal!important;
			}
		}
	}

	h1 {
		border-bottom: 3px solid #6c6c6c;
		color: @theme-color !important;
		display: block;
		font-size: 16px !important;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 12px;
		padding-bottom: 3px;
		padding-top: 5px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
	}
	h2 {
		border-bottom: 3px solid #6C6C6C;
		color: #454545;
		display: block;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 12px;
		padding-bottom: 3px;
		position: relative;
		width: 100%;
	}
	h3 {
		font-size: 14px;
	}
	p {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	ul {
		margin-left: 0;
		margin-right: 0;
		li {
			margin: 0;
		}
	}
	.clear {
		clear: both;
		overflow: hidden;
		height: 0px;
		display: block;
	}
	.f-left {
		float: left !important;
	}
	.f-right {
		float: right !important;
	}
	.a-left {
		text-align: left !important;
	}
	.a-right {
		text-align: right !important;
	}
	.a-center {
		text-align: center !important;
	}
	.nonedisp {
		display: none !important;
	}
	form div {
		margin: 0px;
	}
	hr {
		border-top: 3px solid #6c6c6c;
		border-bottom: none;
		padding: 0;
		margin: 3px 0 0 0;
	}
	span.required {
		color: @required-color;
	}
	.error {
		color: @error-color;
		font-weight: bold;
		font-size: 16px;
	}
	.error_box {
		box-shadow: inset 0px 0px 4px @error-color;
	}
	.databox.error {
		display: block;
		max-width: 100%;
		width: auto;
	}
	input.error, select.error, option.error, div.select.error {
		background-color: lighten(@error-color, 40%) !important;
		font-weight: normal;
	}
	.info {
		img {
			margin-left: 5px;
			margin-right: 5px;
		}
		span, img {
			display: inline-block;
			vertical-align: middle;
		}
	}
	.databox {
		border: 1px solid #BBBBBB;
		box-shadow: 0px 0px 5px 1px #CCCCCC inset;
		border-radius: 6px;
		padding: 15px;
		position: relative;
		margin-bottom: 20px;
		margin-top: 10px;
		outline: none;

		div.irsz label.error, div.rovid_irsz label.error,
		div.hazszam label.error, div.rovid_hazszam label.error {
			max-width: 90px;
		}
		label.error[for=elfogadom] {
			display: inline-block;
		}
		label.error {
			font-weight: bold;
			font-size: 13px;
			display: block;
			max-width: 190px;
			padding-top: 1px;
		}
		label.error_long {
			font-weight: bold;
			font-size: 13px;
			display: block;
			max-width: 300px;
		}
		label.error3 {
			font-size: 13px;
			display: block;
		}
		div.loading {
			bottom: 5px;
			position: absolute;
			right: 5px;
			text-align: right;
			img, span {
				display: inline-block;
				margin-left: 5px;
				vertical-align: middle;
			}
		}
	}
	.databox.loading {
		padding-bottom: 45px;
	}
	input {
		.box-sizing(border-box);
	}
	input[type=checkbox]{
		vertical-align: middle;
		padding: 0;
		margin: 0 5px 0 5px;
		-webkit-appearance: checkbox;
	}
	input[type=radio] {
		-webkit-appearance: radio;
	}
	input[type="text"] {
		-webkit-appearance: textfield;
	}
	input[type="text"], input[type="password"], select{
		border: 1px solid #989898;
		box-shadow: 0 0 1px 2px #DFE0E0;
		border-radius: 4px;
		height: 36px;
		color: #505050;
		font-size: 18px;
		padding: 0 5px;
		background-color: #FFFFFF;
		margin-bottom: 0;
	}
	input[type=text][readonly], select[readonly], div.select[readonly],
	input[type=text][disabled], select[disabled], div.select[disabled] {
		background-color: #D8D8D8 !important;
	}
	input[type=checkbox][readonly], input[type=checkbox][disabled] {
		opacity: 0.7;
	}
	button[readonly], button[disabled],
	input[type="button"][readonly], input[type="button"][disabled],
	input[type="submit"][readonly], input[type="submit"][disabled],
	button[readonly]:hover, button[disabled]:hover,
	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: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, input[type="button"], input[type="submit"]{
		.border-radius (6px);
		.box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset);
		.bg-linear-gradient2 (top, lighten(@btn-bg, 15%), @btn-bg);
		border-color: @btn-bg @btn-bg lighten(@btn-bg, 20%);
		border-style: solid;
		border-width: 1px;
		color: @btn-color;
		cursor: pointer;
		font-weight: bold;
		height: 36px;
		line-height: 36px;
		padding: 0 15px;
		overflow: visible;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
		text-transform: none;
	}
	.p1 {
		font-size: 18px;
		color: #717171;
		margin: 0 0 20px 0;
		letter-spacing: -0.4px;
	}
	.p2 {
		font-size: 16px;
		color: #363636;
		margin-bottom: 13px;
		letter-spacing: -0.1px;
		line-height: 1;
		font-weight: bold;
		margin-top: 10px;
	}
	.p3 {
		color: #505050;
		font-weight: bold;
		font-size: 16px;
		margin: 0;
	}
	.grey_normal {
		color: #454545;
		font-size: 14px;
		font-weight: bold;
	}
	.grey_small {
		color: #454545;
		font-size: 12px;
		font-weight: bold;
	}
	.grey_mini {
		color: #454545;
		font-size: 10px;
		font-weight: bold;
	}
	.header1 {
		color: #454545;
		width: 100%;
		display: block;
		font-size: 16px !important;
		font-weight: bold;
		line-height: 1;
		border-bottom: 3px solid #6c6c6c;
		padding-bottom: 3px;
		margin-bottom: 12px;
		position: relative;
	}
	.padtop5 {
		padding-top: 5px;
	}
	.input_field {
		float: left;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	label.zarojel {
		font-size: 10px !important;
	}
	label.toggle {
		font-size: 13px;
		float: right;
		color: @theme-color;
		cursor: pointer;
	}
	.labelsmall, .orend_kerdes {
			color: #505050;
			font-size: 12px;
			font-weight: bold;
			margin-right: 7px;
			display: block;
			float: left;
			padding-top: 10px;
	}
	.labelsmall	span {
		vertical-align: middle;
	}
	.orend_kerdes {
		width: 220px;
	}
	.padtop0{
		padding-top: 0;
	}
	.label_radio{
		display: inline-block;
		line-height: 36px;
		height: 36px;
		color: #505050;
		font-weight: bold;
		font-size: 13px;
		vertical-align: middle;
	}
	.lekotes, .label_radio, .radiobox, .szolg_valaszt {
		span, span.auto {
			vertical-align: middle;
			width: auto;
		}
		input[type=radio] {
			margin: 0 3px 0 0; /*top right bottom left*/
			vertical-align: middle;
		}
	}
	form.csomag_beallitasok {
		text-align: right;
		#u_have_block, #u_need_block, #fizetesi_gyakorisag_block {
			text-align: left;
		}
	}
	#kozulet_beallitas span {
		line-height: 36px;
	}
	.szborder1 {
		width: 100%;
		border-top: 3px solid #6c6c6c;
		border-bottom: 3px solid #6c6c6c;
		margin-top: 2px;
		padding: 8px 0 8px 0;
	}
	.szborder2 {
		width: 100%;
		border-bottom: 3px solid #6c6c6c;
		padding: 8px 0;
		margin-bottom: 15px;
	}
	.nyilatkozatok {
		border: 1px solid #d1d1d1;
		box-shadow: 0px 0px 5px 1px #d1d1d1 inset;
		border-radius: 6px;
		padding: 15px;
		margin-bottom: 20px;

		.radiobox {
			float: right;
			label {
				display: inline-block;
				margin-bottom: 0;
			}
		}
		.nyilatkozat {
			margin-bottom: 15px;
			border-top: 1px solid #D1D1D1;
		}
		span {
			width: 80%;
			display: inline-block;
		}
	}
	.rendelesi_feltetelek {
		border: 1px solid #d1d1d1;
		box-shadow: 0px 0px 5px 1px #d1d1d1 inset;
		border-radius: 6px;
		overflow-y: scroll;
		text-align: justify;
		padding: 10px;
		height: 150px;
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 12px;
	}
	.rendelesi_feltetelek ol {
		padding-left: 17px;
	}
	#armatrix_validate_error .error {
		width: 500px !important;
		max-width: 600px !important;
	}
	.radio1 {
		display: inline-block;
	}
	.radio1 span {
		vertical-align: middle;
	}
	.select {
		background: url("../css/images/btn_select.png") no-repeat right top;
		width: 185px;
		height: 36px;
		border: 1px solid #989898;
		box-shadow: 0 0 1px 2px #DFE0E0;
		border-radius: 4px;
		color: #505050;
		font-size: 12px;
		display: block;
		position: relative;
		margin-right: 5px;

		select {
			border: none;
			width: 100%;
			height: 36px;
			opacity: 0;
			filter:alpha(opacity=0);
			cursor: pointer;
			position: absolute;
			left: 0;
			top: 0;

			option {
				color: #505050;
			}
		}
		label.error {
			max-width: 150px;
			position: relative;
			top: 40px;
		}
	}
	.selected_text {
		position: absolute;
		left: 5px;
		top: 5px;
		font-size: 18px;
		color: #454545;
		font-weight: normal;
		white-space: nowrap;
		width: 140px;
		overflow: hidden;
	}
	p.style-mynumber {
		margin: 0;
		display: inline-block;
	}
	.ui-myContainer.style-mynumber{
		border: 1px solid #989898;
		box-shadow: 0 0 1px 2px #DFE0E0;
		border-radius: 4px;
		height: 25px;
		color: #505050;
		display: block;
		background-color: white;
		position: relative;
		margin-right: 10px;
		display: inline-block;

		input.szam_lepteto {
			background: none !important;
			height: 25px !important;
			padding: 0 17px 0 2px !important;
			font-size: 12px !important;
			font-weight: bold;
			line-height: 23px !important;
			text-align: center !important;
			width: 54px !important;
		}
		a.ui-mynumber-btnInc {
			background: url("../css/images/btn_selectupdown.png") no-repeat right top;
			display: inline-block;
			float: right;
			width: 14px;
			height: 12px;
			position: absolute;
			top: 1px;
			right: 1px;
		}
		a.ui-mynumber-btnDec {
			background: url("../css/images/btn_selectupdown.png") no-repeat right bottom;
			display: inline-block;
			float: right;
			width: 14px;
			height: 11px;
			position: absolute;
			bottom: 1px;
			right: 1px;
		}
	}
	.grey_bg {
		background: #d8d8d8;
		border-radius: 4px;
		height: 36px;
		line-height: 36px;
		display: inline-block;
		padding: 0 10px;
		vertical-align: top;
	}
	.btn_filter {
		border: none;
		background: none;
		cursor: pointer;
		text-decoration: underline;
		color: #505050;
		font-size: 11px;
		font-weight: bold;
	}
	#beallitasok_showhide_button {
		color: @btn-bg;
		font-weight: bold;
		display: inline;
		margin: 10px 5px;
	}
	#armatrix_ajanlatok {
		margin-top: 5px;
		.databox.loading {
			padding-bottom: 15px;
		}
	}
	a.btn_copy {
		background: url("../css/images/btn_copy.png") no-repeat left top;
		display:	inline-block;
		height: 22px;
		font-size: 8px;
		text-decoration: none;
		font-weight: bold;
		color: white;
		line-height: 22px;
		padding-left: 3px;
		position: absolute;
		right: 5px;
		bottom: 3px;
	}
	a.btn_copy span {
		background: url("../css/images/btn_copy.png") no-repeat right -22px;
		display: inline-block;
		height: 22px;
		padding-right: 20px;
	}
	.hozzajarul {
		letter-spacing: -0.3px;
		line-height: 2;
	}
	form[name=cimkereso] .line, form[name=rendelo-urlap] .line {
		display: table;
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
		.cell-1, .cell-25, .cell-50, .cell-75, .cell-100, .cell {
			display: table-cell;
			white-space: nowrap;
		}
		.cell-1 {
			width: 1px;
		}
		.cell-25 {
			width: 25%;
		}
		.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 {
			color: #505050;
			display: inline-block;
			font-size: 12px;
			font-weight: bold;
			line-height: normal;
			margin-bottom: 0;
			margin-right: 5px;
			padding: 0;
			vertical-align: middle;
			white-space: normal;
		}
		input {
			vertical-align: middle;
		}
		.select {
			display: inline-block;
			vertical-align: middle;
		}
	}
	form[name=cimkereso] .databox {
		label.irsz {
			width: 100px;
		}
		input.irsz {
			margin-right: 5px;
			width: 70px;
		}
		label.telepules {
			width: 60px;
		}
		label.telepulesresz {
			margin-left: 5px;
		}
		label.kozter_nev {
			width: 90px;
		}
		label.kozter_jelleg {
			margin-left: 5px;
			width: 60px;
		}
		input.kozter_jelleg {
			margin-right: 5px;
			width: 105px;
		}
		label.hazszam {
			width: 55px;
		}
		input.hazszam {
			width: 60px;
		}
	}
	form[name=rendelo-urlap] {
		label.vezeteknev, label.keresztnev, label.szul_keresztnev, label.szulhely, label.szigszam,
		label.adoszam, label.email, label.telepulesresz, label.kozter_jelleg {
			margin-left: 10px;
		}
		/*Személyes adatok*/
		input.titulus {
			width: 60px;
		}
		input.rovid {
			margin-right: 10px;
		}
		input.vezeteknev, input.keresztnev {
			min-width: 140px;
		}
		label.szul_vezeteknev {
			width: 155px;
		}
		label.szul_keresztnev {
			width: 155px;
		}
		input.szul_vezeteknev, input.szul_keresztnev {
			min-width: 130px;
		}
		label.szulido {
			width: 65px;
		}
		input.szulido {
			width: 120px;
		}
		label.szulhely {
			width: 65px;
		}
		input.szulhely {
			min-width: 125px;
		}
		label.szigszam {
			white-space: nowrap;
		}
		input.szigszam {
			min-width: 110px;
		}
		label.teljes_nev {
			width: 160px;
		}
		label.adsl_teljes_nev {
			width: 250px;
		}
		input.teljes_nev {
			min-width: 300px;
		}
		input.adoszam {
			min-width: 170px;
		}
		/*Fizetési adatok*/
		label.szaml-email {
			width: 117px;
		}
		label.bank_szamlasz {
			width: 150px;
		}
		input.bank_szamlasz {
			min-width: 280px;
		}
		/*Kapcsolat*/
		label.sms_ertesito {
			width: 180px;
		}
		label.email {
			width: 80px;
		}
		input.email, input.emailcim {
			min-width: 160px;
		}
		label.kapcs-telszam {
			width: 200px;
		}
		label.uzletkotoi_azon {
			width: 200px;
		}
		/*Cím*/
		label.irsz {
			width: 30px;
		}
		input.irsz {
			width: 60px;
		}
		label.telepules {
			width: 70px;
		}
		input.telepules {
			min-width: 200px;
		}
		label.telepulesresz {
			width: 100px;
		}
		input.telepulesresz {
			width: 100px;
		}
		label.kozter_nev {
			width: 140px;
		}
		input.kozter_nev {
			min-width: 200px;
		}
		label.kozter_jelleg {
			width: 110px;
		}
		input.kozter_jelleg {
			width: 125px;
		}
		label.hazszam {
			width: 75px;
		}
		input.hazszam {
			width: 60px;
		}
		label.hazszamvege {
			width: 75px;
		}
		input.hazszamvege {
			width: 60px;
		}
		label.hazszambetujel {
			width: 75px;
		}
		input.hazszambetujel {
			width: 60px;
		}
		label.lepcsohaz {
			width: 75px;
		}
		input.lepcsohaz {
			width: 60px;
		}
		label.emelet {
			width: 75px;
		}
		input.emelet {
			width: 60px;
		}
		label.ajto {
			width: 75px;
		}
		input.ajto {
			width: 60px;
		}
		label.ajtobetujel {
			width: 75px;
			padding-top: 5px;
		}
		label.hrsz {
			width: 75px;
			padding-top: 5px;
		}
		input.ajtobetujel {
			width: 60px;
		}
		input.hrsz {
			width: 80px;
		}
		label.inghaszn_jogcim {
			width: 220px;
		}
		select.inghaszn_jogcim {
			width: 200px;
		}
		/*Telepítési adatok*/
		label.mtugyfelszam {
			width: 250px;
			input {
				margin-top: 0;
			}
		}
		label.mtugyfelszam.zarojel {
			width: 100px;
		}
		input[type=text].mtugyfelszam {
			min-width: 250px;
		}
		label.adszam {
			width: 250px;
			input {
				margin-top: 0;
			}
		}
		label.adszam.zarojel {
			width: 100px;
		}
		input[type=text].adszam {
			min-width: 250px;
		}
		label.adsl-telszam {
			white-space: nowrap;
			.zarojel {
				font-size: 10px;
			}
		}
		/*User/password*/
		input.fhnev {
			min-width: 250px;
		}
		input.pppoe_realm {
			min-width: 180px;
		}
		input.jelszo {
			min-width: 200px;
		}
		label.jelszo-ujra {
			white-space: nowrap;
		}
		div.captcha {
			margin: 5px;
			.refresh {
				display: block;
				text-decoration: underline;
				color: @theme-color;
				font-weight: bold;
				cursor: pointer;
				text-transform: none;
			}
			.cell {
				display: inline-block;
				margin: 0 5px 0 0;
				vertical-align: middle;
			}
			img {
				border: 1px solid gray;
			}
		}
		#rendelo-urlap-info {
			display: inline-block;
			font-weight: bold;
			font-size: @fontsize-s;
			padding: 3px 10px;
			.box-sizing(border-box);
			.msg {
				background: none repeat scroll 0 0 transparent;
				border: none;
				display: inline-block;
				font-size: inherit;
				margin: 0 5px 0 5px; /*top right bottom left*/
				vertical-align: middle;
			}
		}
	}
	/*Szolgáltatás*/
	.subtotal {
		background-color: #787878;
		font-size: 20px;
		color: white;
		font-weight: normal;
		padding-right: 15px;
		text-align: right !important;
	}
	.total, .product_total {
		background-color: @theme-color;
		border-top: 3px solid #6C6C6C;
		color: #FFFFFF;
		display: table;
		font-size: 20px;
		font-weight: normal;
		width: 100%;
		p {
			display: table-cell;
			text-align: left;
		}
		span {
			display: table-cell;
			padding-right: 15px;
			text-align: right;
		}
	}
	.total.termek span {
		padding-right: 42px;
	}
	p.leiras {
		font-style: italic;
		margin: 3px 0;
		padding: 0;
		text-align: justify;
	}
	div.szolg_tipus {
		width: 100%;
		ul {
			border-top: 1px dotted #BBBBBB;
			padding-left: 0px;
			li {
				border-bottom: 1px dotted #BBBBBB;
				list-style-type: none;
				font-size: 12px;
				font-weight: bold;
				color: #454545;
				position: relative;
				width: 100%;
				ul {
					border-top: none;
					margin: 5px 0 0;
					text-align: right;
					li {
						border-bottom: none;
						width: auto;
						font-size: @fontsize-m;
						color: @theme-color;
					}
				}
			}
			li.onliner_paratlan {
				background-color: @tr-color-1;
			}
			li.onliner_paros {
				background-color: @tr-color-2;
			}
		}
		p {
			font-weight: bold;
		}
		div.szolg {
			padding-bottom: 8px;
			padding-top: 10px;
			position: relative;

			.szolg_nev {
					color: @theme-color;
					width: 23%;
					padding-left: 3px;
					font-weight: bolder;
					text-decoration: none;
			}
			.szolg_huseg {
					width: 40%;
			}
			.szolg_nev, .szolg_huseg, .szolg_ar, .szolg_darab {
				display: inline;
				margin-right: 5px;
			}
			span.szolg_huseg {
				margin-right: 0;
			}
			.szolg_ar {
				font-size: 14px;
				vertical-align: middle;
			}
			button {
				height: auto;
				padding: 0 2px;
			}
		}
		.must_have_warn {
			background-color: #ffcb8c;
			.border-radius(3px);
			padding: 5px;
			p, div {
				font-size: 10px;
			}
			p {
				margin: 0 0 5px;
			}
		}
	}
	div.szolg_valaszt {
		position: absolute;
		right: 2px;
		/*top: 5px;*/
		top: 50%;
		transform: translateY(-50%);
	}
	.rendeles-visszaigazolas {
		ul {
			padding: 0 0 0 40px;
		}
	}
	#online-megrendelo-urlap .loading {
		img, span {
			display: inline-block;
			margin: 0 5px 0 5px; /*top right bottom left*/
			vertical-align: middle;
		}
	}
	/*Validate password*/
	div.status {
		display: inline-block;
	}
	.password-meter {
		position:relative;
		width: 180px;
	}
	.password-meter-message {
		text-align: right;
		font-weight: bold;
		color: #676767;
	}
	.password-meter-bg, .password-meter-bar {
		height: 4px;
	}
	.password-meter-bg {
		top: 8px;
		background: #e0e0e0;

		.password-meter-very-weak {
			background: #aa0033;
			width: 30px;
		}
		.password-meter-weak {
			background: #f5ac00;
			width: 60px;
		}
		.password-meter-good {
			background: #6699cc;
			width: 135px;
		}
		.password-meter-strong {
			background: #008000;
			width: 180px;
		}
	}
	.password-meter-message-very-weak {
		color: #aa0033;
	}
	.password-meter-message-weak {
		color: #f5ac00;
	}
	.password-meter-message-good {
		color: #6699cc;
	}
	.password-meter-message-strong {
		color: #008000;
	}
}
.noty_message.e-ugyfelszolgalat {
	white-space: normal;
	.error_link {
		color: yellow;
	}
}
.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(#555, 15%), #555);
		border-color: #555 #555 lighten(#555, 10%);
		.e-ugyfelszolgalat-button();
		position: absolute;
		top: 5px;
		right: 5px;
	}
	button:hover {
		.bg-linear-gradient2 (top, lighten(#666, 15%), #666);
		border-color: #666 #666 lighten(#666, 10%);
	}
}