/* colors
k�k: var(--prborder-color);
vil�gosk�k: var(--massage-bgcolor);
z�ld: var(--tover-color);
bord�: #e1612d;
narancs: #f29b2b;
h�tt�r: var(--body-color);
t�bla light: var(--tlight-color);
t�bla dark: var(--tdark-color);
betu: var(--font-color);

*/

body   {
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	font: 16px Helvetica, Arial, sans-serif;
	color: var(--font-color);
	text-align: center;
}

fieldset {
	display: inline;
	font-size: var(--text-font-size);
}

.formfieldset {
	width: 85%;
}

.formfieldset legend {
	font: bold 16px Helvetica, Arial, sans-serif, bold;
}

.full   {
	width: 100%;
/*	width: 990px; */
	display: block;
	clear: both;
}

#head   {
	height: 56px;
	width: 100%;
	background: var(--head-image) no-repeat left top;
/*	background: url(../images/head.jpg) no-repeat left top;*/
	text-align: left;
	position:relative;
}

#homeclicker {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:56px;
}

#globalIndicator {
	content: var(--loader-image);
}

#msgwall   {
	height: 32px;
	background: var(--msg-image) no-repeat left top;
/*	background: url(../images/msgwall.gif) no-repeat left top;*/
	margin-bottom: 10px;
}

#help   {
	width: 217px;
	height: 32px;
	background: var(--help-image) no-repeat right top;
	text-align: right;
}

#middle  {
	text-align: left;
	background: var(--body-color);
}

.content  {
	text-align: left;
}

#foot  {
	height: 45px;
	text-align: right;
	font-size: 11px;
	background: var(--foot-image) no-repeat right top #fff;
/*	background: url(../images/foot.gif) no-repeat left top #fff;*/
	padding-top: 28px;
	margin-top: 20px;
}

#foot a {
	color: var(--font-color);
}

.left {
	float: left;
}

.right {
	float: right;
}
/* idle msgbox */
div.idlehead {
	width: 261px;
	text-align: left;
	position: relative;
	top: -10px;
	padding-bottom: 0px;
}


div.idlebox {
	width: 255px;
	height: 135px;
	background: url(../images/bgr_idle.gif) no-repeat left bottom;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 0px;
	top: -20px;
	position: relative;
}

div.msgbox {
	width: 255px;
	min-height: 161px;
	background: url(../images/bgr_msg.gif) no-repeat left top;
	text-align: left;
	padding-bottom: 10px;
}

div.alertbox {
	width: 255px;
	background: url(../images/bgr_msg.gif) no-repeat left top;
	text-align: left;
	padding-bottom: 10px;
}

div.msghead {
	height: 59px;
	width: 261px;
	text-align: left;
}

.overflow {
	height: 300px;
	overflow: auto;
	margin-right: 7px;
}

div.message {
	font-size: 12px;
	background-color: var(--massage-bgcolor);
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 65px;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 6px;
	min-height: 45px;
}

.msg_message {
	background: url(../images/msg_normal.gif) no-repeat left top var(--massage-bgcolor);
}

.msg_messageX {
	background-image: url(../images/msg_normal.gif), url(../images/msg_closeicon.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-color: var(--massage-bgcolor);
}

.msg_notice {
	background: url(../images/msg_note.gif) no-repeat left top var(--massage-bgcolor);
}

.msg_noticeX {
	background-image: url(../images/msg_note.gif), url(../images/msg_closeicon.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-color: var(--massage-bgcolor);
}

.msg_warning {
	background: url(../images/msg_alert.gif) no-repeat left top var(--massage-bgcolor);
	color: #e1612d;
	font-weight: bold;
}

.msg_warningX {
	background-image: url(../images/msg_alert.gif), url(../images/msg_closeicon.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-color: var(--massage-bgcolor);
	color: #e1612d;
	font-weight: bold;
}

.msg_error {
	background: url(../images/msg_error.gif) no-repeat left top var(--massage-bgcolor);
	color: #e1612d;
	font-weight: bold;
}

.msg_errorX {
	background-image: url(../images/msg_error.gif), url(../images/msg_closeicon.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-color: var(--massage-bgcolor);
	color: #e1612d;
	font-weight: bold;
}

.msg_confirm {
	background: url(../images/msg_ok.gif) no-repeat left top var(--massage-bgcolor);
	color: #e1612d;
	font-weight: bold;
}

.msg_pause {
	background: url(../images/coffee.gif) no-repeat left top var(--massage-bgcolor);
}

div.menu {
	--menu-width: 170px;
	width: var(--menu-width);
	background: url(../images/bgr_menu.gif) no-repeat left top;
	text-align: left;

	position: absolute;
	left: 0px;/* 0, -170*/
	float: left;
	margin: 0px;
	padding: 0px;
}

div.menu_ro {
	width: var(--menu-width);
	background: url(../images/bgr_menu_ro.gif) no-repeat left top;
	text-align: left;

	position: absolute;
	left: 0px;/* 0, -170*/
	float: left;
	margin: 0px;
	padding: 0px;
}

/* K�l�n keretek */
#allmessages {
	position:absolute;
	left:620px;
	top:65px;
	width:261px;
	height:240px;
	z-index:2;
}

#messagelist_box {
	position: fixed;
	right: 20px;
	top: 140px;
	width:261px;
	height:240px;
	z-index:1000;
	overflow: auto;
}

#menulayer {
	position:absolute;
	left:0px;
	top:70px;
	width:213px;
	height:500px;
	z-index:1;
}

#idlelayer {
	position:absolute;
	left:400px;
	top:210px;
	width:213px;
	height:150px;
	z-index:3;
}

#loader {
	width:246px;
	height: 32px;
	color: #f29b2b;
	font-weight: bold;
}

.prwindow {
	text-align: left;
	position:absolute;
	background : var(--body-color) none repeat scroll 0 0;
	border:1px solid var(--border-darkcolor);
}

.calendar {
	z-index: 1100;
}

.vizsgalat_common {
	background : var(--tlight-color) none repeat scroll 0 0;
}

.vizsgalat_tablehead {
	font-size: var(--vizsgalattbl-head-font-size);
	background: var(--vizsgalattbl-head-color);
	color: #fff;
	font-weight: bold;
}

.vizsgalat_tablehead_vdata {
	font-weight: normal;
	text-align: right;
}

.vizsgalatbox_container {
	list-style: none;
}

.vizsgalat_eredmeny_area {
	background-color: var(--body-color);
}

.vizsgalatbox {
	margin-top: 3px;
	border: 2px solid var(--tlight-color);
}

.eredmeny_container {
	margin-left: 50px;
}

.eredmeny_tablehead {
	font-size: var(--eredmenytbl-head-font-size);
	background: var(--eredmenytbl-head-color);
	color: #fff;
	font-weight: bold;
}

.eredmeny_txtfield { width: 350px; }
.eredmeny_txtertekkeszlet { width: 350px; }

.eredmeny_vnormarow {
	background: var(--eredmenytbl-head-color);
	color: #fff;
}

#contentdiv {
	margin-left: 170px;
}

.tooltip {
	text-decoration: none;
	color: black;
	position: relative;
}

.tooltip .descr {
	display: none;
}

.tooltip:hover .descr {
	border: 1px solid black;
	color: black;
	background: beige;
	position: absolute;
	display: block;
	font-size: 8pt;
	padding: 2px;
	font-family: arial;
	font-weight: normal;
	top: -5px;
}

.dialog {
	display:none;
	width:350px;
	padding:10px;
	text-align:left;
	border:2px solid var(--border-darkcolor);
	background:#fff;
	opacity:0.9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.dialog h2 {
	margin:0px;
	text-align: center;
	padding:10px;
	font-size:14px;
	color: black;
}

.dialog_loader {
	background: url('../images/ajax-loader.gif') top center no-repeat;
	min-height: 20px;
	min-width: 220px;
}

.overlay {
	display:none;
	border:5px solid #666;
	border:5px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.overlay div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

.overlay h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color: var(--overlay-bgcolor);
	padding:5px 10px;
	border:1px solid var(--overlay-border);
	font-size:20px;
}

/* hibas kepkeret eltuntetese */
div#exposeMask ~ img {display:none !important;}

.fixmegjegyzes {
	display: none;
}

.fixed-frame {
	position: fixed;
	padding:10px;
	text-align:left;
	border:2px solid var(--fixedframe-border);
	background:#fff;
	opacity:0.9;
	border-radius:6px;
	box-shadow: 0 0 50px #ccc;
	z-index: 100;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

table.helpertable {
	border-spacing: 0px;
}

table.helpertable tbody td {
	border: 1px solid var(--border-color);
	background-color: var(--body-color);
}

table.helpertable thead td {
	border: 1px solid var(--body-color);
}

.helperbutton {
	border: none;
	font: bold var(--helper-button-font-size) Helvetica, Arial, Tahoma, Sans-Serif;
	background: url(../images/button.gif) repeat-x;
	background-size: auto 100%;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
}

.helperbuttonstarted {
	border: none;
	font: bold var(--helper-button-font-size) Helvetica, Arial, Tahoma, Sans-Serif;
	background: url(../images/buttongreen.gif) repeat-x;
	background-size: auto 100%;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
}

.helperbutton td,
.helperbuttonstarted td {
	background: transparent !important;
	border: none !important;
}

.helpera:link {
	display: block;
	font: bold var(--helper-button-font-size) Helvetica, Arial, Tahoma, Sans-Serif;
	color: #fff;
	cursor: pointer;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.helpera:hover, .helpera:active {
	text-decoration: none;
}

.eredmenysigns {
	flex-basis: 5em;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: right;
}

.vizsgalatoverview {
	margin: 3px;
	border-collapse: collapse;
}

.vizsgalatoverview > tbody {
	border-collapse: separate;
	border: 3px solid var(--body-color);
	background: var(--light-background);
}

.vizsgalatoverview > tbody > tr:hover > td {
	background: #fff;
}

.sectionedtable {
	margin: 3px;
	border-collapse: collapse;
}

.sectionedtable > tbody {
	border-collapse: separate;
}

.sectionedtable > tbody.decoratedsection {
	border-collapse: separate;
	border-top: 3px solid var(--body-color);
	background: var(--light-background);
}

.sectionedtable > tbody.decoratedsection > tr:first-of-type > td {
	background: var(--light-background);
	font-weight: bold;
}

.sectionedtable > tbody.separatedsection {
	border-collapse: separate;
	border: 3px solid var(--border-darkcolor);
	background: var(--light-background);
}

.sectionedtable > tbody.separatedsection > tr:first-of-type > td {
	background: var(--light-background);
	font-weight: bold;
}

.sectionedtable tr[id$="_osszetevo"] {
	background: var(--light-background);
	font-weight: bold;
}

.mintadata_block {
	display: flex;
	border: 1px solid #343786;
	color: #343786;
	font-weight: bold;
	float: right;
	margin-right: 30px;
}

.mintadata_block td {
	padding: 2px 15px;
}

.mintadata_block strong {
	color: #d25537;
}

.container {
	display: table;
}

.table_container {
	width: auto;
	float: none;
	display: block;
	margin: 10px 10px 20px;
}

.table_container table {
	width: 100%;
	margin: 0 auto;
}

.table_container table th,
.table_container table td {
	text-align: center;
}

.currency_symbol {
	font-size: 18px;
	font-weight: normal;
	line-height: 32px;
}

.popuplink:hover {
	cursor: hand;
	cursor: pointer;
}

.text_error {
	color: #e1612d;
	font-weight: bold;
}

#commentlist {
	width: 100%;
}

.commentlistrow td {
	border-bottom: 1px solid #000;
	padding: 5px 5px;
}

#static_data_terfogat {
	line-height: 30px;
	vertical-align: top;
}
#static_data_terfogat_mertekegysegid {
	margin-left: 6px;
	line-height: 20px;
	vertical-align: bottom;
}

.icon_pdf {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: transparent url('../images/icon_pdf.gif') no-repeat center center;
}

.icon_doc {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: transparent url('../images/icon_doc.png') no-repeat center center;
}

#merooldatfelhasznalas_eszkozhasznalat_table th {
	padding: 5px 10px;
	vertical-align: middle;
}

@keyframes blinking {
	0%, 24% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	25%, 50% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
	51%, 75% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	76%, 100% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
}

/* Opera */
@-o-keyframes blinking {
	0%, 24% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	25%, 50% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
	51%, 75% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	76%, 100% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
}

/* Firefox */
@-moz-keyframes blinking {
	0%, 24% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	25%, 50% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
	51%, 75% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	76%, 100% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
}

/* Chrome & Safari */
@-webkit-keyframes blinking {
	0%, 24% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	25%, 50% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
	51%, 75% {
		background-color: #f5272e;
		border: 1px solid #5a94c0;
	}
	76%, 100% {
		background-color: #af0202;
		border: 1px solid #5a94c0;
	}
}

.blink {
	color: #ffffff;
	-webkit-animation: blinking 1s infinite;
	-moz-animation: blinking 1s infinite;
	-o-animation: blinking 1s infinite;
	animation: blinking 1s infinite;
}

table.stressful > tbody > tr:has(td.requiredfield) {
	background-color: var(--tdarkhl-color);
}

table.stressful > tbody > tr:has(td.requiredfield) td {
	border: 2px solid var(--thlborder-color);
}

table.stressful > tbody > tr:has(td[data-format-required]) {
	background-color: var(--tdarkhl-color);
}

table.stressful > tbody > tr:has(td[data-format-required]) td {
	border: 2px solid var(--thlborder-color);
}

.table-container {
	overflow-y: auto;
	padding-bottom: 10px;
}

.table-scroller {
	--table-scroller-height: 12px;
	height: var(--table-scroller-height);
	overflow-y: auto;
	position: sticky;
	bottom: 0;
}

.table-scroller,
.table-container {
	width: calc(100vw - var(--menu-width));
}

.spacer-default-height {
	height: 0;
}

.spacer-adjusted-height {
	height: 25px;
}