@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,700,600,400,300&subset=latin-ext);

html, body, header, table, tr, td, th, div, span, a, form {
	font-family: 'Oswald';
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
	text-decoration: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.mce-tinymce button {
	background-color: var(--masodSzin6);
	color: var(--masodSzin1);
}

.main p a {
	text-decoration: underline;
	font-style: italic;
}

article {
	text-align: center;
}

h1, .keret .popup button {
	font-family: "Oswald";
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	text-align: justify;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: var(--foSzin1);
}

h2 {
	font-family: "Oswald";
	font-style: italic;
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: var(--masodSzin5);
}

h3 {
	font-family: "Oswald";
	font-style: italic;
	color: #000000;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#fejlec_keret_div, .wrapper, .menu {
	width: 1275px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#fejlec_keret_div {
	border-bottom: thin solid #979797;
}

#fejlec_keret_div img
{
	margin: 10px;
	width: 2vw;
}

#logo_span {
	valign: middle;
	width: 218px;
	height: 3em;
}

.lista li, #PKLista li {
	/* padding-left: 50px; */
	list-style: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-top: thin solid #4B4B4B;
}
/*

.lista li div:first-child {
	border-left: medium solid var(--foSzin1);
}
	background-color: var(--foSzin1);
	color: #FFFFFF;
*/

.lista ul, #PKLista ul {
	/* border-left: medium solid var(--foSzin1); */
	border-bottom: thin solid var(--foSzin1);
}

.lista div, #PKLista div {
	width: 100%;
	vertical-align: middle;
}

.lista input {
	width: 60%;
	display: inline-block;
}
.lista select {
	width: 100px;
	display: inline-block;
}

.lista h2 {
	color: #FFFFFF;
	background-color: var(--masodSzin1);
}

.lista h3 {
	color: #FFFFFF;
	background-color: black;
	text-decoration: unset;
}

#PKLista span {
	display: inline-block;
	vertical-align: middle;
}

.logo {
	float: right;
	max-height: 250px;
	max-width: 28%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;

}

#nav_nav {
	width: 100%; 
	padding-top: 3px;
	text-align: center;
	border-left-width: thin;
	border-right-width: thin;
	height: 26px;
}

#fejlec_felso_div {
	background: var(--masodSzin1);
	height: 27px;
}

#fejlec_csik_div {
	background: var(--foSzin1);
	height: 6px;
}

#fejlec_keret_div span {
    vertical-align:middle;
    display: table-cell;
}

#fejlec_keret_div span p {
	font-family: 'Oswald';
	vertical-align:middle;
	letter-spacing:2px;
	line-height: 0.2em;
	text-transform: uppercase;
	font-weight:600;
}

#fejlec_keret_div span .sor_1 {
	color: #000000;
	font-size: 13px;
}

#fejlec_keret_div span .sor_2 {
	color: var(--foSzin1);
	font-size: 22px;
}

#fejlec_keret_div span .sor_3 {
	color: var(--masodSzin1);
	font-size: 16px;
}

.menu a:link, .menu a:hover, .menu a:visited {
	text-transform: uppercase;
	padding: 0px;
	margin: 10px;
	font-family: "Oswald";
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
	text-align: center;
	color:#000000;
}

.menu a:hover {
	color: var(--foSzin1);
}

.menu_aktiv a:link, .menu_aktiv a:hover, .menu_aktiv a:visited{
	margin: 0px;
	font-family: "Oswald";
	font-size: 18px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: var(--foSzin1);
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	cursor: pointer;
}

.menu .menu_inaktiv, .menu .menu_ora, .menu .menu_kilepes, .menu .menu_inaktiv:hover {
	text-transform: uppercase;
	padding: 0px;
	margin: 0px 10px;
	font-family: "Oswald";
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
	text-align: center;
	color: #000000;
	cursor: pointer;
}

.menu .menu_ora
{
	cursor: not-allowed;
	float: right;
	font-weight: 900;
	font-family: ui-monospace;
	font-size: 20px;
}

.menu .menu_kilepes
{
	float: right;
	background: red;
	padding: 0px 8px;
	border-radius: 5px;
}

.menu .menu_inaktiv:hover {
	color: var(--foSzin1);
	cursor: pointer;
}

.menu .menu_kilepes:hover
{
	padding: 0px 8px;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
}

.menu_aktiv, .menu_aktiv:hover {
	text-transform: uppercase;
	font-weight: 400;
	margin: 0px;
	font-family: "Oswald";
	font-size: 18px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: var(--foSzin1);
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	cursor: pointer;
}

.menu_keret_aktiv {
	border-bottom: thick solid var(--foSzin1);
	background: white;
}

.sticky {
	position: fixed;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 100;
}

.stickyA {
	position: fixed;
	top: 30px;
}

.almenu span, .almenu a:link, .almenu a:hover, .almenu a:visited, 
.almenu_aktiv a:link, .almenu_aktiv a:hover, .almenu_aktiv a:visited
{
	padding-left: 5px;
	color: #000000;
	outline: 0;
	border: none;
	text-transform: uppercase;
	list-style: none;
	font-size: 14px;
	word-wrap: break-word;
	font-family: "Oswald";
	text-decoration: none;
}

.almenu {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0px;
	border-bottom: thin dotted #979797;
}

.almenu span
{
	cursor: pointer;
}

.almenufodiv {
	width: 180px;
	float: left;
	border-left: thick solid var(--foSzin1);
	border-bottom: thick solid var(--foSzin1);
}

.wrapper {
	padding-top: 5px;
}

.almenus {
	width: 1070px;
	float: right;
}

.almenu_keret_aktiv {
	border-radius: 7px;
	border: thick solid var(--masodSzin4);
	border: thick solid var(--masodSzin4);
}

.felso_csempe {
	width: 46%;
	background-color: var(--masodSzin5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.felso_csempe a:link, .felso_csempe a:hover, .felso_csempe a:visited {
	color: #000000;
	outline: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-size: 14px;
	word-wrap: break-word;
	font-family: "Oswald";
}

.felso_csempe:hover, .felso_csempe_aktiv {
	background-color: var(--masodSzin4);
}

.felso_csempe:hover a, .felso_csempe_aktiv a:link, .felso_csempe_aktiv a:visited {
	color: var(--foSzin1);
}

.csempe {
	width: 200px;
	background-color: var(--masodSzin5);
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.kicsicsempe {
	width: 150px;
	margin: 10px;
	padding: 20px;

}

.minicsempe {
	margin: 1px;
	padding: 2px;
}

.csempe a:link, .csempe a:hover, .csempe a:visited {
	color: #000000;
	outline: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	font-size: 14px;
	word-wrap: break-word;
	font-family: "Oswald";
}

.csempe:hover {
	background-color: var(--masodSzin4);
}

.csempe:hover a {
	color: var(--foSzin1);
}

input, select
{
	background-color: var(--masodSzin6);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input:disabled, select:disabled {
	background-color: var(--masodSzin6Disabled);
}

input[type='checkbox'], input[type='radio'] {
	width: 10px;
}

input[type='text'], input[type='password'], select, textarea {
	width: 100%;
}

textarea {
    outline: none !important;
    border:1px solid var(--masodSzin4);
	background-color: var(--masodSzin6);
}

table {
	margin-left: auto !important;
	margin-right: auto !important;
}

table tr td, table tr th, input, textarea, select, option {
	font-family: "Oswald";
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	margin: 2px;
	padding: 2px;
	border-top: thin solid #4B4B4B;
}

.adatok tr:nth-child(even), .lista li:nth-of-type(even), #PKLista li:nth-of-type(even) {
	vertical-align: middle;
	background-color: var(--masodSzin4);
}

.adatok tr:nth-child(even) input, .lista li:nth-of-type(even) input {
	background-color: var(--masodSzin4);
	width: 60%;
}

.adatokAktiv {
  background-color: var(--masodSzin7) !important;
}


.adatok tr:nth-child(odd), .lista li:nth-of-type(odd), #PKLista li:nth-of-type(odd) {
	vertical-align: middle;
	background-color: var(--masodSzin6);
}

.adatok tr:nth-child(odd) input, .lista li:nth-of-type(odd) input {
	background-color: var(--masodSzin6);
	width: 60%;
}

.tablaSzinNelkul
{
	table-layout: fixed;
}

.tablaSzinNelkul tr
{
	background-color: transparent !important;
}

.tablaSzinNelkul td
{
	vertical-align: top !important;
}

table tr th, #PKLista li:first-child {
	color: #FFFFFF;
	font-weight: bolder;
	background-color: var(--masodSzin1);
}

#PKLista li:first-child span {
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
}

.belepes {
	font-weight: normal;
}

.belepes table {
	width: 65%;
}

.adatok-xs table {
	width: 30%;
}

.adatok-s table {
	width: 45%;
}

.adatok-m table, .adatok-m {
	width: 70%;
}

.adatok-l table, .adatok-l {
	width: 85%;
}

.adatok-xl table {
	width: 100%;
}

.adatok-clean tr td:first-child, .cim {
	width: 200px;
	font-weight: bolder;
	vertical-align: top;
}

.adatok-clean p, .adatok-clean td {
	margin-left: 8px;
	text-align: justify;
}

.adatok-clean td p {
	margin-left: 0px;
	text-align: justify;
}

.adatok-clean td {
	border: none;
}

.adatok-clean tr {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: thin solid #4B4B4B;
}

.projekt table tr, .projekt table tr td, .projekt table tr th {
	font-family: "Oswald";
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	margin: 2px;
	padding: 2px;
	border-top: none;
}
.projekt table tr td:first-child, .projekt table tr th:first-child {
	font-weight: normal;
	width: 200px;
}

.main button, .main label {
	font-family: "Oswald";
	font-style: normal;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 8px;
	/* border-right: 2px solid #BBBBBB; */
	border-bottom: 2px solid #BBBBBB;
	font-size: 15px;
	display: block;
	cursor: pointer;
	color: #FFFFFF;
}

.main {
	padding: 5px;
	margin: 0px;
	min-height: 400px;
}

.main div {
	margin-left: auto;
	margin-right: auto;
}

.gomb, .lapozo a {
	width: 100px;
	color: #FFFFFF;
	background-color: var(--foSzin1);
	font-family: "Oswald";
	font-style: normal;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 8px;
	border-right: 2px solid #BBBBBB;
	border-bottom: 2px solid #BBBBBB;
	font-size: 15px;
	display: block;
	cursor: pointer;
}

.lapozo a {
	border-radius: 4px;
	display: inline;
}

.gomb:disabled
{
	background-color: var(--foSzin1Disabled);
}

.lapozo .aktiv {
	background-color: var(--masodSzin1);
	border-left: 2px solid #BBBBBB;
	border-top: 2px solid #BBBBBB;
	border-right: none;
	border-bottom: none;
}

.algomb, .jogosultsagTorol {
	width: 100px;
	color: #FFFFFF;
	background-color: var(--masodSzin1);
	font-family: "Oswald";
	font-style: normal;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px !important;
	padding-right: 2px !important;
	padding-left: 2px !important;
	padding-bottom: 2px !important;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 8px;
	border-right: 2px solid #BBBBBB;
	border-bottom: 2px solid #BBBBBB;
	font-size: 15px;
	display: inline-block;
	cursor: pointer;
}

.algombAktiv {
	background-color: var(--foSzin1);
}

.algombA
{
	width: 50px;
	border-radius: 8px 0px 0px 8px !important;
	display: inline-block !important;
	font-size: 14px !important;
}

.algombB
{
	width: 50px;
	border-radius: 0px 8px 8px 0px !important;
	display: inline-block !important;
	font-size: 14px !important;
}

.algombHasznalt
{
	opacity: 50%;
}

.jogosultsagTorol {
	width: 50px;
	background-color: var(--masodSzin4);
}

.projekt button {
	color: #FFFFFF !important;
	width: auto !important;
}


.uzenetOk, .uzenetHiba, .uzenetFigyelmeztetes {
	position: fixed;
	padding: 15px;
 	top: 50%;
	left: 50%;
	margin-left: -300px !important;
	margin-top: -100px !important;
  	width: 600px;
	transition: opacity 500ms;
	background: #FFFFFF;
	border-radius: 10px;
}

.uzenetOk {
	border: 3px green solid;
	color: green;
}

.uzenetHiba {
	border: 3px solid #FF0000;
	color: #FF0000;
}

.uzenetFigyelmeztetes, .figyelmeztetes {
	border: 3px solid #EDB81C;
	color: #EDB81C;
}

.figyelmeztetes {
	padding: 18px;
	color: #EDB81C;
	border-radius: 10px;
}

.uzenetOk h1, .uzenetHiba h1, .uzenetFigyelmeztetes h1, .hibaInfo h1 {
	font-family: "verdana";
	font-weight: bolder;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFFFFF;
}

.uzenetOk h1, .uzenetOk button {
	background-color: green;
}

.uzenetHiba h1, .uzenetHiba button, .hibaInfo h1 {
	background-color: #FF0000;
}

.uzenetFigyelmeztetes h1, .uzenetFigyelmeztetes button {
	background-color: #EDB81C;
}

.uzenetOk p, .uzenetOk p a {
	color: green;
}

.uzenetHiba, .uzenetHiba p, .uzenetHiba p a {
	color: #FF0000;
}

.uzenetFigyelmeztetes p, .uzenetFigyelmeztetes p a {
	color: #EDB81C;
}

#uzenet_div
{
	width: 100%;
	height: 100%;
	position: fixed;
	background: #00000099;
	top: 0px;
	z-index: 100;
}

.popup {
	position: fixed;
 	top: 50%;
	left: 50%;
	margin-left: -500px;
	margin-top: -250px;
  	width: 1000px;
	height: 100%;
	max-height: 500px;
	transition: opacity 500ms;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px #000000 solid;
    overflow: auto;
}

.uzenet {
	position: fixed;
	border-radius: 10px;
	border: 1px #000000 solid;
    overflow: auto;
	width: 300px;
	background: #FFFFFF;		
	padding: 10px;
}

.popup .bezar:hover, .uzenetOk .bezar:hover, .uzenetHiba .bezar:hover, .uzenetFigyelmeztetes .bezar:hover {
  color: #777;
}

.uzenetOk .bezar, .uzenetHiba .bezar, .uzenetFigyelmeztetes .bezar, .popup .bezar {
	position: absolute;
	top: 0px;
	right: 20px;
	transition: all 400ms;
	font-size: 54px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.uzenet_ablak {
	padding-top: 20px;
	padding-bottom: 10px;
}

.egysorban {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
}

.jogosultsagTematerulet {
	padding-left: 3px;
	margin-top: 3px;
	background-color: #E39BA4;
}

.jogosultsagSzervezet {
	margin-left: 30px;
	padding-left: 3px;
	background-color: var(--masodSzin4);
	border-top: thin solid #4B4B4B;
}

.hozzaferes {
	margin-left: 0px;
	padding-left: 3px;
	background-color: #A8CCE9;
	border-top: thin solid #4B4B4B;
}

.lapozo {
    text-align: center;
}

.KiadasLenyitva td {
	font-family: "Oswald";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: var(--masodSzin1);
	padding: 5px;
	margin: 5px;
}

.Kiadas table tr td {
	font-family: "Oswald";
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
	margin: 5px;
}

.szinvalto:hover td {
	background-color: var(--masodSzin7);
	color: #000000;
}
.adatok tr td:first-child {
	width: auto;
	font-weight: lighter;
	vertical-align: middle;
}

.adatok tr td
{
	width: auto;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	height: 50px;
}

.tetel input, .tetel select, .tetel .ertek
{
	text-align: right;
	padding: 0px 5px;
	width: 100%;
}

.tetel .ertek input:read-only
{
	border: none;
	background: none;
	color: black;
}

.tetel tr td:first-child {
	width: 250px;
	font-weight: bolder;
}

.tetel tr td:first-child font{
	font-weight: lighter;
	font-style: italic;
}

.tetel {
}

.tetel table {
	margin-left: 5px;
}

.tetel .A {
	width: 64%;
	float: left;

}

.tetel .B {
	width: 34%;
	float: right;
}

.tetel .C {
	width: 100%;
}

.elszamolofajlok {
	margin-right: 20px;
	width: 250px;
	float: right;
}


.dropzona {
	height: 250px;
	background-color: #EBEBEB;
	border: thick dashed #BBBBBB;
	text-align: center;
	line-height: 250px;
	color:#4B4B4B;
}

.kuka {
	height: 130px;
	width: 75px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/kuka/kuka_zart.jpg);
	background-size: 75px 130px;
}

.kukaOn {
	background-image: url(img/kuka/kuka_zart.jpg);
	background-image: url(img/kuka/kuka_nyitott.jpg);
}

.dropzona-w {
	width: 60% !important;
	margin-left: auto;
	margin-right: auto;
}

.dropzona-m {
	height: 150px;
	line-height: 150px;
	background-color: #EBEBEB;
	border: thick dashed #BBBBBB;
	text-align: center;
	color:#4B4B4B;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dropzona-m-w {
	width: 250px !important;
	margin-left: auto;
	margin-right: auto;
}

.dropzona-s {
	height: 120px;
	background-color: var(--masodSzin6);
	border: thick dashed var(--masodSzin3);
	text-align: center;
	color: var(--masodSzin3);
	margin-top: 10px;
	margin-bottom: 10px;
}

.dropzona-s-w {
	width: 110px;
	margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}


.dropzona-xs {
	height: 50px;
	background-color: var(--masodSzin6);
	border: thick dashed var(--masodSzin3);
	text-align: center;
	color: var(--masodSzin3);
	margin-top: 10px;
	margin-bottom: 10px;
}

.dropzona-xs-w {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}


.progressbar {
	color:#E40D11;
	background-color:#0005FF;
	display: none;
}

.dropzona_over {
	background-color: var(--masodSzin4);
	color: var(--masodSzin1);
	border-color: var(--masodSzin1);
	font-weight: 600;
}

.rejtett {
	display: none !important;
}

.egyhasab {
	width: 100%;
	float: left;
	display:inline-block;
}

.kijeloltTetel
{
	font-weight: bold;
	background-color: var(--kijeloltTetel1) !important;
}

.kijeloltTetel:nth-child(odd)
{
	background-color: var(--kijeloltTetel2) !important;
}

.hibasTetel
{
	font-weight: bold;
	background-color: var(--hibasTetel1) !important;
}

.hibasTetel:nth-child(odd)
{
	background-color: var(--hibasTetel2) !important;
}

.drag {
	width: 100%;
	min-height: 60px;
}

.draging {
	background-color: #E17072;
}

.hiba td {
	background-color: #FF0000;
	color: #FFFFFF;
}

.hibaCella {
	width: 0px !important;
}

.hibaInfo {
	position: absolute;
	border-radius: 10px;
	border: 2px #FF0000 solid;
	overflow: auto;
	width: 300px;
	background: #FFFFFF;
	padding: 10px;
	/*	border: 2px #FF0000 solid;*/
	color: #FF0000;
	display: none;
}

.ok {
	font-weight: bold;
	color: var(--masodSzin2);
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: var(--masodSzin4) !important;
}

.kotelezo_de_ures, .kotelezo_de_ures td
{
	background: #FF0000;
	color: #FFFFFF;
}

/* .hibas_adat, .hibas_adat td */
.hibas_adat
{
	background: #FF0000;
	color: #FFFF00;
}

.hibas_adat td
{
	color: #FFFF00;
}

.rejtett_adatbeviteli_sor
{
	display: none;
	visibility: hidden;
}

.kiemelt, .kiemelt td {
	background: #3C8F5D;
	color: #FFFFFF;
}

.rendben {
	border-left: medium dotted #00FF00;
	border-bottom: medium dotted #00FF00;
}


#dolgozo {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
	background-color: #FFFFFF;
	background-image: url(img/varakozas.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: none;
}

#blokkolo {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
	background-color: #FFFFFF;
/*
	background-image: url(img/varakozas.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
*/
	display: none;
}

#blokkolo .globalprogressbar {
	color: #E40D11;
	background-color: #96969B;
	width: 80%;
	position: fixed;
	top: 60%;
	left: 10%;
}

.lenyit {
	background-position: 95% 50%;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-image: url(img/le.png);
}

.lenyitAktiv {
	background-image: url(img/fel.png);
}

.autocomplete {
	padding-bottom: 15px;
}

.szuroSorElem {
	/* margin: 0px !important; */
	/* padding-left: 15px; */
	min-height: 38px;
	width: 100% !important;
	border-radius: 12px;
	/* border-top-width: 0px; */
	/* border-right-width: 0px; */
	/* border-left: 2px solid #979797; */
	/* border-bottom: 2px solid #979797; */
	background-color: var(--masodSzin6);
}

.szuroSorElemDatum {
	width: 80% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

.szuroGomb {
	width: 150px;
	min-height: 28px;
	margin: 15px !important;
	padding-left: 15px;
	background-color: var(--masodSzin1);
	color: #FFFFFF;
	border-width: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 2px solid #979797;
	display: inline-grid !important;
}

.szuresSor {
	width: 80%;
}

.szures {
	width: 150px;
	position: relative;
	left: 15px;
	float: left;
}

.szuresSzervezet {
	width: 250px !important;
}

.szuresTematerulet {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.szuresTemateruletN {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}


.szures div, .szures input {
	display: table-cell;
	width: inherit;
	background-color: var(--masodSzin6);
    border-bottom-color: transparent;
	border-bottom: 2px solid #979797;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 15px;
	margin-left: 15px !important;
	padding-bottom: 3px;
}

.szures input {
	width: 250px !important;
	background-color: var(--masodSzin5);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top: 0px;
	border-right: 2px;
	border-left: 0px;
	margin-top: -0px !important;
	margin-left: -17px !important;
}
.szures .szuresLista {
	width: inherit;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
    list-style: none;
    padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	left: 0px;
	top: 29px;
}

.szures .szuresLista li {
	font-weight: lighter;
	font-style: normal;
	text-align: left;
	color: #000000;
	background-color: #EBEBEB;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 8px;
	border-right: 2px solid #BBBBBB;
	border-bottom: 2px solid #BBBBBB;
	font-size: 15px;
	display: block;
	cursor: pointer;
}

.szuresLista .aktiv {
	background-color: var(--masodSzin4) !important;
}

/*
.keresoSorElem {
	display: table-cell;
	margin: 0px !important;
	min-height: 22px;
	width: 100% !important;
	background-color: var(--masodSzin6);
	border-radius: 12px;
	border-bottom: 2px solid #979797 !important;
}
*/

.megbontas td {
	text-align: right;
	width: 150px;
}

.megbontas td:first-child {
	text-align: left;
	font-weight: normal;	
	width: auto;
}

.szures_datum {
	text-align: right;
}

.fajlok {
	padding: 20px;
}

.fajlok td {
	vertical-align: central;
	text-align: center;
}

.overlaySzulo {
	position: relative;
	display: inline;
}

.overlay {
  position: absolute;
  bottom: 0;
  right: 0;
}

.teteljovahagyas {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.teteljovahagyas input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  color: #000;
}

.teteljovahagyas input[type=checkbox] {
  display: none;
}

.teteljovahagyas input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

.teteljovahagyas input[type=checkbox] + label:active:before {
  transform: scale(0);
}

.teteljovahagyas input[type=checkbox]:checked + label:before {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}

.teteljovahagyas input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.teteljovahagyas input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.kozepre {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.aktiv, .aktiv:hover {
	background-color: var(--foSzin1);
}

.letiltott, .letiltott:hover {
	background-color: #CFCFCF;
}

.almenu_test.almenu_aktiv {
	background: yellowgreen;
}

.almenu_test {
	background: yellow;
}

.almenu_aktiv {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0px;
	font-weight: 900;
	background-color: var(--masodSzin4);
}

.autowidth {
	width: auto !important;
}

.kotelezo {
	border-color: red;
	color: red;
	background-color: red;
}

.projekt_neve_span_class
{
	text-transform: uppercase;
	font-weight: 900;
}

#tartalom_adatvedelem_div p
{
	text-align: justify;
}

.rejtheto_tetelsor
{
	display: none;
}

.lathato_tetelsor
{
	display: contents;
}

.noselect
{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently */
}

#statuszok_kezelese
{
	inline-size: max-content;
}

#statuszok_kezelese .algomb
{
	display: inline-grid;
	margin: 5px;
}

.algomb:disabled
{
	background-color: var(--masodSzin6Disabled);
}

.nagy_checkbox input[type="checkbox"]
{
	width: auto;
	width: 20px;
	height: 20px;
}

#dokumentum_feltoltes_div a
{
	color: blue;
	display: inline-grid;
	margin-bottom: 10px;
	border: 0px;
}

#dokumentumok_kivalasztasa_bekuldesre .gomb
{
	width: 340px;
	display: inline-grid;
	margin: 5px;
}

.multiselect-dropdown
{
	width: 100% !important;
	border: solid 2px #000000 !important;
	border-radius: 12px !important;
	background-color: var(--masodSzin6) !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	min-height: 38px !important;
}

.multiselect-dropdown label
{
	padding: 0px 0px 0px 5px;
	border: 0px;
	font-size: 15px;
	display: inline;
	cursor: pointer;
	color: #000000;
}

#reszletes_szeres_elemei_div p
{
	margin-bottom: 0px;
}

.halmazsorAdatbazisModositassal
{
	background-color: var(--nullaStatus);
}

.hianyosAdatotTartalmazoSor
{
	background-color: var(--nullaStatus);
}

.labjegyzet, .megjegyzes, .hibajelzes
{
	font-size: 12px;
	display: none;
	position: absolute;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 5px;
	z-index: 1;
	opacity: 0;
	transition: opacity 1s;
	font-weight: 400;
}

.labjegyzet::after, .megjegyzes::after, .hibajelzes::after
{
	content: "";
	position: absolute;
	left: 90%;
	border-width: 10px;
	border-style: solid;
}

.labjegyzet[data-pozicio="fent"]::after, .megjegyzes[data-pozicio="fent"]::after, .hibajelzes[data-pozicio="fent"]::after
{
	top: 95%;
	border-color: #555 transparent transparent transparent;
}

.labjegyzet[data-pozicio="lent"]::after, .megjegyzes[data-pozicio="lent"]::after, .hibajelzes[data-pozicio="lent"]::after
{
	bottom: 95%;
	border-color: transparent transparent #555 transparent;
}

.labjegyzet a, .megjegyzes a, .hibajelzes a
{
	color: cornsilk;
}

.statisztika_adat_td
{
	text-align: right;
	min-width: 10px;
	padding: 0px 20px;
}

.tooltip
{
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext
{
	visibility: hidden;
	width: 300px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after
{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext
{
	visibility: visible;
	opacity: 1;
}

.objectTag
{
	width: 100%;
	border: none;
}

.objectTag td:first-child
{
	font-weight: 100;
}

.objectTag tr td, tr th
{
	border: none;
}

.specLink
{
	color: blue !important;
	border: none !important;
	text-align: right !important;
	text-decoration: underline !important;
	user-select: text !important;
	cursor: pointer !important;
}
