/*!
 * Ez a css kód a SmartDoc rendszeréhez készült
 *
 * Copyright © BitBűvész kkt. SmartDoc rendszer 2017-2023
 * A kód bármely részének felhasználása a BitBűvész kkt. engedélye nélkül tilos.
 */

:root
{
	--tartalomHatterSzin1: #F9F9FF;
	/* --tartalomHatterSzin2: #E6E6FF; ez levendula */
	--tartalomHatterSzin2: #E0F7FA;
	--segedsorHatterSzin: #1BA6C5;
	--vezerloGombHatterAlapSzine: #A5DBE7;
	--vezerloGombBetuAlapSzine: #355D70;
	--vezerloGombHatterKijeloltSzine: #82C4D3;
	--vezerloGombHatterAlapSzine2: #1BA6C5;
	--vezerloGombBetuAlapSzine2: #FFFFFF;
	--vezerloGombHatterKijeloltSzine2: #1590A8;
}

body
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	height: 100vh;
	line-height: 175%;
	overflow: hidden;
}

.web_grid_body
{
	display: grid;
	/* grid-template-rows: 10fr 22fr 1fr 1fr; */
	grid-template-rows: auto 1fr auto auto;
	grid-template-columns: 3fr 1fr;
	transition: grid-template-columns 0.5s;
}

.web_grid_body_color_layer
{
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	position: absolute;
	z-index: -100;
	transition: grid-template-columns 0.5s;
}

.web_grid_body_color_layer > div:nth-child(1)
{
	background-color: var(--tartalomHatterSzin2);
}

.web_grid_body_color_layer > div:nth-child(2)
{
	background-color: var(--tartalomHatterSzin1);
}

.web_grid_body_color_layer > div:nth-child(3)
{
	background-color: var(--tartalomHatterSzin2);
}

header, footer
{
	grid-column: 1 / -1;
	display: grid;
}

header
{
	background-image: url('../smartdoc_header_asztali_1920x54.jpg'), url('./smartdoc_header_asztali_1920x54.jpg');
	background-repeat: repeat;
	/* min-height: 1vh; */
	height: 54px;
	/* max-height: 5vh; */
	text-align: left;
	grid-row: 1;
	grid-template-columns: 1fr 2fr 1fr;
}

.web_grid_fejlec_center
{
	display: grid;
	grid-column: 2;
	background: #00003580;
	grid-template-columns: 1fr 1fr;
}

.web_grid_fejleclogo
{
	display: flex;
	align-items: center;
	grid-column: 1;
}

.web_grid_fejleclogo img
{
	/* width: 20%; */
	/* height: auto; */
	height: 40px;
	padding-left: 40px;
}

.web_grid_setupValasztok
{
	display: flex;
	align-items: center;
	grid-column: 2;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
}

.web_grid_setupValasztok select
{
	margin-right: 40px;
	border-radius: 7px;
}

.web_grid_segedsor
{
	background-color: var(--segedsorHatterSzin);
	display: grid;
	font-size: small;
	grid-column: 1 / -1;
	grid-row: -2;
	grid-template-columns: 1fr 2fr 1fr;
}

footer
{
	background-image: url('../smartdoc_footer_asztali_1920x54.jpg'), url('./smartdoc_footer_asztali_1920x54.jpg');
	background-repeat: repeat;
	height: 54px;
	grid-row: -1;
	color: #7EA9C4;
	align-content: center;
	text-align: center;
	letter-spacing: 2px;
	font-size: small;
	/* font-weight: 600; */
}

.web_grid_setup
{
	color: #7EA9C4;
	margin-left: 5%;
	display: flex;
	align-items: center;
	grid-row: 2;
	grid-column: 1;
}

.web_grid_vezerloGombokHelye, .web_grid_csvadat_vezerloGombokHelye1, .web_grid_csvadat_vezerloGombokHelye2
{
	background-color: var(--segedsorHatterSzin);
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 10px;
}

.web_grid_vezerloGombokHelye input, #masolasVagolapra, .web_grid_csvadat_vezerloGombokHelye1 input, .web_grid_csvadat_vezerloGombokHelye2 input
{
	border-radius: 7px;
	align-content: center;
	margin: 10px 10px 0px 10px;
	background-color: var(--vezerloGombHatterAlapSzine);
	font-weight: 600;
	color: var(--vezerloGombBetuAlapSzine);
	padding: 0.5vh 1vw;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

#VezerloGombokHelye
{
	grid-row: 2;
	grid-column: 2;
}

#microsecAlairasEllenorzoCimDiv
{
	color: #B0E0FF;
	font-weight: 700;
	font-size: medium;
}

.microsecAlairoNevClass, .microsecAlairoMailClass
{
	border-radius: 6px;
	height: 20px;
	margin: 0px 2px;
}

.web_grid_vezerloGombokHelye input:hover, #masolasVagolapra:hover, .web_grid_csvadat_vezerloGombokHelye1 input:hover, .web_grid_csvadat_vezerloGombokHelye2 input:hover
{
	background-color: var(--vezerloGombHatterKijeloltSzine);
}

.web_grid_tartalom
{
	overflow-y: auto;
	grid-row: 2;
}

.web_grid_blokk
{
	display: grid;
	grid-template-columns: 1fr 2fr;
	transition: grid-template-columns 0.5s;
}

.web_grid_rejtheto_blokk
{
	display: grid !important;
	grid-column: 1 / span 2;
}

.web_grid_torzs
{
	grid-column: 2;
	/* background-color: #f1f1f1; */
}

.web_grid_vezerlo
{
	overflow: hidden;
	grid-column: 1;
	/* background-color: #0000ff10; */
}

.web_grid_kotelezo_mezok
{
	overflow: auto;
	grid-row: 2;
	/* background-color: #0000ff10; */
}

#visszatolto
{
	display: grid;
	grid-template-columns: 1fr 2fr;
	width: calc(100% - 4vw);
	padding-left: 3vw;
}

#visszatolto p, #visszatolto div, #visszatolto hr
{
	grid-column: 2;
}

.web_grid_csvadat
{
	background-color: var(--segedsorHatterSzin);
	display: grid;
	overflow-y: auto;
	grid-column: 1 / -1;
	grid-row: 2 / 4;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 1fr 2fr 1fr;
}

.web_grid_csvadat_tartalom
{
	display: grid;
	grid-row: 1;
	grid-column: 1 / -1;
}

.web_grid_csvadat_vezerloGombokHelye1
{
	background-color: var(--segedsorHatterSzin);
	grid-row: -2;
	grid-column: 2;
}

.web_grid_csvadat_vezerloGombokHelye2
{
	background-color: var(--segedsorHatterSzin);
	grid-row: -1;
	grid-column: 2;
}

.web_grid_canvas_form
{
	grid-row: 2;
	grid-column: 1 / 3;
	display: grid;
	grid-template-rows: 1fr auto;
	box-sizing: border-box;
	overflow: auto;
	background-color: var(--tartalomHatterSzin2);
}

.web_grid_canvas_tartalom
{
	grid-row: 1;
	display: grid;
	grid-template-rows: 1fr auto;
	box-sizing: border-box;
	overflow: auto;
	justify-items: center;
	background-color: var(--tartalomHatterSzin2);
}

.web_grid_canvas_bevitel
{
	grid-row: 1;
	background-color: white;
	max-width: 100%;
	max-height: 100%;
	width: 50%;
	height: 50%;
	overflow: auto;
	box-sizing: border-box;
	border: 15px solid var(--tartalomHatterSzin2);
}

.web_grid_canvas_kep
{
	grid-row: 2;
	margin-bottom: 15px;
	box-sizing: border-box;
	border: solid var(--segedsorHatterSzin) 1px;
}

.web_grid_canvas_vezerloGombokHelye
{
	grid-row: 3;
}

.web_grid_microsec
{
	grid-row: 1;
	grid-column: 2;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 10px;
}

#microsecAlairasEllenorzoDiv
{
	text-align: center;
}

::-webkit-scrollbar
{
	width: 8px;
}

::-webkit-scrollbar-track
{
	/* background-color: var(--tartalomHatterSzin1); /* Görgetősáv háttér */
	/* border-radius: 10px; */
}

::-webkit-scrollbar-thumb
{
	background-color: #e1e1e1; /* Görgetősáv fogantyú */
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover
{
	background-color: #a1a1a1; /* Görgetősáv fogantyú hover állapot */
}

.oldalso_gomb_div
{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
}

.oldalso_gomb_baloldal_div
{
	left: 0;
}

.oldalso_gomb_jobboldal_div
{
	right: 0;
}

.oldalso_gomb_button
{
	padding: 0px;
	width: 15px;
	height: 40px;
	/* line-height: 40px; */
	background-color: var(--vezerloGombHatterAlapSzine);
	color: var(--vezerloGombBetuAlapSzine);
	border: none;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	transform: scale(1, 2); /* 1 a szélesség, 2 a magasság */
	transition: background-color 0.3s ease;
	border-radius: 7px;
	font-weight: 600;
	padding-bottom: 2px;
}

.oldalso_gomb_button:hover
{
	background-color: var(--vezerloGombHatterKijeloltSzine);
}

.masolhato_span
{
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	-o-user-select: all;
	user-select: all;
	padding: 2px 0px;
	border-radius: 7px;
}

html, body, form
{
	/* height: 100%; */
	margin: 0;
	hyphens: auto;
}

#form_001 .blokk
{
	/* width: 75%; */
	/* display: table; */
	padding: 0;
	border: 0;
	margin: 0;
}

#form_001 .torzs
{
	/* background-color: #f1f1f1; */
	/* padding: 20px; */
	/* float: right; */
	/* width: 66%; */
	/* padding: 0; */
	padding: 10px 30px 10px 30px;
	border: 0;
	margin: 0;
}

.vezerlo
{
	hyphens: none;
}

#form_001 .vezerlo
{
	left: 0;
	/* background-color: #ffffaa; */
	float: left;
	clear: left;
	/* width: 33%; */
	/* padding: 0px; */
	border: 0px;
	margin: 0px;
}

#form_001 textarea
{
	width: 100%;
	padding: 3px;
	margin: 0;
	overflow: hidden;
	resize: none;
	border-radius: 8px;
	box-sizing: border-box;
}

b
{
	font-weight: 700;
}

.setup
{
	height: 0px;
}

#form_002 textarea, #form_003 textarea
{
	/* width: 1000px; */
	/* height: 300px; */
	resize: none;
	padding: 5vh 5vw;
	font-family: monospace;
	tab-size: 50;
	-moz-tab-size: 50;
	-o-tab-size: 50;
	overflow-x: auto;
	white-space: nowrap;
}

#form_printhez
{
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	line-height: normal;
	padding: 15vh 15vw;
}

#utolsoModositas
{
	/* color: #aaaaaa; */
	color: #B0E0FF;
	font-weight: 400;
}

/*.vezerlo input
{
}*/

.vezerlo td
{
	width: 60%;
	line-height: 140%;
	padding-bottom: 1vh;
	word-break: break-word;
}

.vezerlo table
{
	width: 100%;
	padding: 0px 20px 10px 20px;
}

.labjegyzet, .megjegyzes, .hibajelzes
{
	font-size: 13px;
	display: inline;
	position: absolute;
	background-color: #555;
	color: #FFFFFF;
	text-align: left;
	border-radius: 10px;
	padding: 5px 15px;
	z-index: 1;
	opacity: 0;
	transition: opacity 1s;
	font-weight: 400;
	line-height: 1.5;
}

.labjegyzet::after, .megjegyzes::after, .hibajelzes::after
{
	content: "";
	position: absolute;
	left: 10%;
	border-width: 15px;
	border-style: solid;
}

.labjegyzet[data-pozicio="fent"]::after, .megjegyzes[data-pozicio="fent"]::after, .hibajelzes[data-pozicio="fent"]::after
{
	top: 100%;
	border-color: #555 transparent transparent transparent;
}

.labjegyzet[data-pozicio="lent"]::after, .megjegyzes[data-pozicio="lent"]::after, .hibajelzes[data-pozicio="lent"]::after
{
	bottom: 100%;
	border-color: transparent transparent #555 transparent;
}

.labjegyzet a, .megjegyzes a, .hibajelzes a
{
	color: cornsilk;
}

.mark_labjegyzet
{
	/* background-color: yellow; */
	background-color: transparent;
	background-image: url(../ikon_megjegyzes_sarga.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 25px;
	background-position-x: right;
	background-position-y: center;
}

.mark_megjegyzes
{
	/* background-color: DodgerBlue; */
	/* color: #ffffff; */
	background-color: transparent;
	background-image: url(../ikon_megjegyzes_kek.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 25px;
	background-position-x: right;
	background-position-y: center;
}

.mark_hibajelzes
{
	background-color: Red;
	color: yellow;
	/* background-color: transparent; */
	background-image: url(../ikon_megjegyzes_feher_piros.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-size: 20px;
	/* padding-right: 25px; */
	/* background-position-x: right; */
	/* background-position-y: center; */
	padding: 2px 30px 2px 5px;
	background-position: right 5px center;
	border-radius: 5px;
}


.vezerlo input, .tabla input, .tablazat input
{
	padding: 1px 2px 1px 4px;
}

.vezerlo input, .vezerlo select, .tabla input, .tablazat input, .tabla select, .tablazat select
{
	width: 100%;
	/* background-color: #f1f1f1; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 8px;
	height: 25px;
	margin: 0px 2px;
}

.vezerlo input, .vezerlo select
{
	/* border-radius: 8px; */
	background-color: #ffffff;
}

.vezerlo select
{
	cursor: pointer;
}

.tabla input[type="checkbox"], .tablazat input[type="checkbox"]
{
	width: auto;
}

.tablazat table, .tabla table
{
	border-collapse: collapse;
	max-width: 100%; /* A maximális szélesség beállítása a grid cella szélességére */
	overflow: hidden; /* Megakadályozza a tartalom túlnyúlását */
	/* table-layout: fixed; /* A táblázat oszlopainak fix szélessége */
	width: 100%;
	table-layout: fixed;
}

.tablazat [data-keret_css="0"] table, .tablazat [data-keret_css="0"] td, .tablazat [data-keret_css="0"] th, .tabla [data-keret_css="0"] table, .tabla [data-keret_css="0"] td, .tabla [data-keret_css="0"] th 
{
	border: 0px solid black;
}

.tablazat [data-keret_css="1"] table, .tablazat [data-keret_css="1"] td, .tablazat [data-keret_css="1"] th, .tabla [data-keret_css="1"] table, .tabla [data-keret_css="1"] td, .tabla [data-keret_css="1"] th
{
	border: 1px solid black;
}

.tablazat [data-keret_css="2"] table, .tablazat [data-keret_css="2"] td, .tablazat [data-keret_css="2"] th, .tabla [data-keret_css="2"] table, .tabla [data-keret_css="2"] td, .tabla [data-keret_css="2"] th
{
	border: 2px solid black;
}

.tablazat td, .tablazat th, .tabla td, .tabla th
{
	padding: 2px 4px 1vh 4px;
	line-height: 125%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tablazat th, .tabla th
{
	/* overflow: hidden; /* Megakadályozza a tartalom túlnyúlását */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	/* hyphens: none; */ /* Megakadályozza az elválasztást. Lehet, hogy ezzel jobb. */
	font-weight: 600;
}

.tablazat tr:nth-child(even)
{
	/* background-color: #e2e2e2 */
}

.tablazat [data-rendezes_iranya="d"]:after
{
	content: "\2191";
	font-size: 20px;
	writing-mode: horizontal-tb;
	display: inline-block;
}

.tablazat [data-rendezes_iranya="u"]:after
{
	content: "\2195";
	font-size: 20px;
	writing-mode: horizontal-tb;
	display: inline-block;
}

.tablazat [data-rendezes_iranya="i"]:after
{
	content: "\2193";
	font-size: 20px;
	writing-mode: horizontal-tb;
	display: inline-block;
}

.tablazat [data-rendezes_iranya]
{
	cursor: pointer;
}

.torlesgomb
{
	cursor: pointer;
	border: none;
	background: none;
	padding: 5px 0px;
}

hr
{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1.5px solid;
	border-radius: 5px;
}

.dokumentum_oldaltores hr
{
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}

.dokumentum_oldaltores hr:after
{
	content: "PAGE BREAK";
	display: inline-block;
	position: relative;
	top: -11px;
	padding: 0 5px;
	background: var(--tartalomHatterSzin1);
}

#visszatolto hr
{
	margin-inline: inherit;
}

#visszatolto_url
{
	width: 100%;
	background-color: #00000000;
	border-style: none;
	color: black;
	font-weight: 600;
}

.fontos_rendszeruzenet
{
	position: fixed;
	width: 100%;
	text-align: center;
	align-self: anchor-center;
	color: red;
	font-weight: 700;
	font-size: calc(3vw + 3vh);
	z-index: 1000;
	line-height: 1;
}

#fontos_rendszeruzenet_fent
{
	top: 0%;
}

#fontos_rendszeruzenet_kozep
{
	top: 50%;
}

#fontos_rendszeruzenet_lent
{
	top: 100%;
}

ul, ol
{
	margin: 0;
}

ul div, ol div
{
	display: contents;
	padding: 0px 5px;
}

p
{
	margin-bottom: 0;
}

::placeholder    /* Chrome, Firefox, Opera, Safari 10.1+ */
{
	color: #cccccc;
	opacity: 1;    /* Firefox */
}

:-ms-input-placeholder    /* Internet Explorer 10-11 */
{
	color: #cccccc;
}

::-ms-input-placeholder    /* Microsoft Edge */
{
	color: #cccccc;
}

input:disabled, select:disabled
{
	border: 1px solid #c1c1c1;
	background-color: #cccccc;
}

.dokumentum_csatolmany label
{
	font-weight: 700;
	background-color: #FF6666;
	padding: 5px;
	color: white;
}

input[type="file"]
{
	/* background-color: dimgrey; */
	width: 100%;
	color: black;
	cursor: pointer;
}

input[type=file]::file-selector-button
{
	/* background-color: dimgrey; */
	/* color: white; */
	/* border-radius: 5px; */
	/* cursor: pointer; */
	border-radius: 7px;
	align-content: center;
	margin: 5px 5px 5px 0px;
	background-color: var(--vezerloGombHatterAlapSzine2);
	font-weight: 600;
	color: var(--vezerloGombBetuAlapSzine2);
	padding: 0.5vh 0.5vw;
	border: none;
	cursor: pointer;
	font-variant-caps: petit-caps;
	transition: background-color 0.3s ease;
}

input[type=file]::file-selector-button:hover
{
	background-color: var(--vezerloGombHatterKijeloltSzine2);
}

.dokumentum_megjegyzes .torzs
{
	color: white!important;
	background-color: blue!important;
	border-radius: 10px;
	opacity: 0.6;
}

.dokumentum_megjegyzes a {
	color: yellow;
}

#form_004
{
	/* position: fixed; */
	/* right: 0; */
	/* top: 0; */
	/* background-color: #e5e5e5; */
	/* padding: 0px; */
	/* border: 0px; */
	/* margin: 0px; */
	/* opacity: 0.4; */
}

#form_004
{
	/* width: 24%; */
	width: 100%;
}

#kitoltottsegCimDiv
{
	padding: 30px 0px 30px 20px;
	font-size: 20px;
	font-weight: 700;
}

#kitoltottsegAdatDiv
{
	display: inline-grid;
	padding: 0px 20px 0px 20px;
	/* color: blue; */
}

#kitoltottsegAdatDiv a
{
	/* padding-bottom: 10px; */
	text-decoration: none;
	color: #20A6C1;
	/* font-weight: 500; */
	/* letter-spacing: 1px; */
	padding-bottom: 5px;
}

/*#canvasBeviteliDiv
{
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#CanvasKezirasBeviteliMezo
{
	max-width: 99%;
	max-height: 99%;
	top: 10%;
	border: 2px solid;
}

#CanvasAktualisKep
{
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid;
}*/

.img_vezerlo
{
	text-align: center;
	font-weight: 700;
	/* line-height: 50px; */
	/* border: 2px solid; */
	cursor: pointer;
	background: #dadada;
	border-radius: 6px;
	font-size: smaller;
}

#qrCodeIMG
{
	display: block;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.nagyQRCodeDiv
{
	position: fixed;
	display: inline;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	cursor: pointer;
}

.nagyQRCodeImg
{
	position: fixed;
	display: inline;
	max-width: 100%;
	border: white;
	border-width: 50px;
	border-style: solid;
	left: 50%;
	top: 50%;
	height: auto;
	cursor: pointer;
	transform: translate(-50%, -50%);
	animation: nagyitas 2s 1;
	animation-timing-function: ease-in-out;
}

#qrCodeMegjelenitesiHelye
{
	text-align: center;
}

ol.lista_bold>li::marker
{
	font-weight: bold;
}

ol.lista_italic>li::marker
{
	font-style: italic;
}

.rejtett_tag
{
	display: none !important;
	visibility: hidden !important;
}

.hianyzo_kep_span
{
	position: relative;
	top: 0px;
}

.hianyzo_kep_img
{
	width: 20px;
	position: relative;
	margin: 5px;
	float: left;
}

.rejtheto
{
	display: contents;
}

dl
{
	display: grid;
	grid-template-columns: 2fr 3fr;
	column-gap: 10px;
	row-gap: 5px;
}

dd
{
	margin: 0px;
}

dl > .rejtheto
{
	grid-column: 1 / 3;
	display: grid;
	grid-template-columns: 2fr 3fr;
	column-gap: 10px;
	row-gap: 5px;
}

.statikus_adat select {
	max-width: 25vw;
}