@font-face {
  font-family: ikonok;
  src: url('ikonok.eot');
	src: url('ikonok.eot?#iefix') format('embedded-opentype'),
			url('ikonok.woff2') format('woff2'),
			url('ikonok.woff') format('woff'),
			url('ikonok.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	position: relative;
	padding: 0px;
	margin: 0px;
}

html {
	overflow-y: scroll;
}

body, input, select, textarea, td, button {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 18px;
	color: #333333;
}

h1, h2, h4, h5, h6 {
	font-weight: 600;
	margin: 0;
}
a {
	color: #00bfa5;
	color: #9c5b21;
	text-decoration: none;
}
a:hover {
	color: black;
}

p {
	line-height: 1.4em;
}
button[disabled] {
	color: #939393;
	background-color: #e8e8e8;
	cursor: default;
}

.clearboth {
	clear: both;
	overflow: hidden;
	height: 0px;
	line-height: 0px;
}

.takaro {
	position: fixed;
	overflow-y: auto;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('atlatszo_hatter.png') repeat;
	background: rgba(242, 160, 52, 0.3);
}
.takaro > table {
	width: 100%;
	height: 100%;
}

.nemlatszik {
	display: none;
}
.clearboth {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
/*https://codepen.io/yuhomyan/pen/jOqvjZq*/
.weboldal-gomb, #cimlap-fejlec .weboldal-gomb {
	display: inline-block;
	border-radius: 10px;
	padding: 10px 40px;
	font-weight: 600;
	color: #333;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	/*border: 1px solid #ba6;
	border-radius: 5px;
	padding: 8px 25px 12px;
	font-weight: 500;
	text-shadow: 0px -1px 0px rgb(0 0 0 / 40%);
	color: white;
	background-color: white;
	background-image: linear-gradient(180deg,#e6e6e6 0%,rgba(0, 0, 0, 0.25) 49%, rgba(38, 38, 38, 0.6) 51%,rgba(0, 0, 0, 0.25) 100%);
	box-shadow: inset 0px 1px 0px rgb(255 255 255), 0px 1px 3px rgb(0 0 0 / 30%);*/
}
.tartalmi-blokk {
	width: 940px;
	margin: 0px auto;
}

.gomb {
	display: inline-block;
}
.gomb, .gomb-link {
	border: 0px none;
	border-radius: 3px;
	padding: 3px 12px;
	background-color: #ffeab3;
}
button.gomb {
	cursor: pointer;
}
.gomb:hover, .gomb-link:hover {
	background-color: #ffd871;
}
.alapertelmezett.gomb {
	background-color: #ffc838;
}
.alapertelmezett.gomb:hover {
	background-color: #ffb900;
}
.gomb[disabled], .alapertelmezett.gomb[disabled] {
	color: #939393;
	background-color: #e8e8e8;
	cursor: default;
}
.gomb[disabled]:hover {
	background-color: #e8e8e8;
}
.gomb[disabled] .ikon {
	color: #bbb;
	cursor: default;
}
.tallozas {
	opacity: 0;
	position: absolute;
	left: 0px;
	top: -50px;
}

.ikon {
	display: inline-block;
	/*line-height: 24px;*/
	vertical-align: middle;
}
.ikon:before {
	display: inline-block;
	width: 32px;
	font-family: ikonok, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 18px;
}
a.ikon {
	font-family: ikonok, sans-serif;
}
h2 .ikon {
	font-size: 20px;
	vertical-align: -1px;
}
h2 .ikon:before {
	vertical-align: -2px;
}
.ikon-feltoltes:before {
	content: '\e905';
}
.ikon-torles:before {
	content: '\e91c';
}
.ikon-atnevezes:before {
	content: '\e928';
}
.ikon-uj_mappa:before {
	content: '\e933';
}

.dialogus {
	position: relative;
	margin: 5px auto 50px;
	border-radius: 2px;
	padding: 20px;
	width: 560px;
	min-width: 150px;
	text-align: left;
	background-color: white;
	background: #fff9e7;
	box-shadow: 1px 1px 3px 0px #555;
}
.keskeny {
	width: 400px;
}
.dialogus-bezaras {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 6px 8px;
	width: 32px;
	height: 32px;
	font-size: 20px;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
}
.dialogus h2 {
	margin: 0px;
	font-size: 20px;
}
.dialogus.kulonleges {
	background-color: #edd0f7;
}
.dialogus.dupla {
	background-color: #acfbf4;
}
#dialogus {
	height: auto;
	bottom: 0px;
}
#dialogus-bezarasa {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: default;
}
#dialogus-tartalom {
	padding: 16px;
}
#dialogus-tartalom h2 {
	margin: 0px 0px 8px;
}

/* táblázat */

.tablazat {
	border-collapse: collapse;
}
th {
	text-align: center;
}
.tablazat td, .tablazat th {
	border: 1px solid #d0b564;
	padding: 4px;
}

/* ablak */

#ablak-tarto {
	overflow-y: hidden;
}
#ablak-bezarasa {
	display: block;
	position: relative;
	height: 100%;
	cursor: default;
}
.felugro-tarto {
	position: absolute;
	overflow-y: auto;
	border: 1px solid gray;
	border-radius: 2px;
	background-color: white;
	box-shadow: 1px 1px 3px 0 #555555;
}
.menupont {
	display: block;
	padding: 3px 6px;
	color: #333333;
}
.menupont:hover {
	background-color: #f0f0f0;
}
#menu-ablak {
	position: relative;
	width: 210px;
	padding: 0px 12px 12px;
	background-color: white;
}
#menu-ablak .bezaras.ikon {
	position: absolute;
	right: 10px;
	top: 10px;
}
#menu-ablak h4 {
	height: 40px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 8px;
	border-bottom: 1px solid #dfe2e7;
	text-align: center;
	color: #5e6c84;
}
#alkalmazasmenu {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#alkalmazasmenu a {
	display: block;
	padding: 4px 6px;
}
#alkalmazasmenu a:hover {
	background-color: #f0f0f0;
}
#alkalmazasmenu .ikon {
	line-height: 22px;
}

#cimlap-fejlec {
	padding-bottom: 20px;
	color: white;
	background-color: #fcaa0f;
	background-color: white;
	background-image: linear-gradient(to right, #fc9d12 30%, #fdc94a);
	background-image: linear-gradient(to right, #216660 30%, #32cabd);
	background-image: linear-gradient(to top, #0d374d, #1af6ee);
	background-image: radial-gradient(circle, rgba(0,233,211,1) 0%, rgba(9,121,120,0.4206057422969187) 35%, rgba(4,44,52,1) 100%);
	background-color: #01F9FE;
	background: radial-gradient(farthest-corner at 60% 40px, #01F9FE, #010103);
	background-color: #fcd025;
	background: radial-gradient(farthest-corner at 60% 40px, #f9a536, #6a3306);
	/*background: repeating-linear-gradient(165deg, #0d374dff 0%, #daf5feff 100%), repeating-linear-gradient(45deg, #54187cff 0%, #ab26a5ff 25%, #f269a7ff 50%, #fcc9c9ff 75%, #fff4f0ff 100%);
	background-blend-mode: hard-light;*/
}
#cimlap-fejlec a {
	color: white;
}
#fejlec-menu {
	height: 44px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid #ea9900;
	padding: 10px 0px 20px;
	list-style-type: none;
}
#fejlec-menu li {
	float: left;
	padding-right: 10px;
	font-size: 17px;
}
#fejlec-menu li a {
	display: block;
	border-radius: 10px;
	padding: 10px 30px;
}
#fejlec-menu li a:hover {
	color: #fcaa0f;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
}
#fejlec-menu li a.kiemelt {
	font-weight: bold;
	color: #333;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
}

#cimlap-fejlec h1 {
	font-size: 30px;
	font-weight: 600;
}
.cimlap-szoveg-bal {
	float: left;
	width: 440px;
}
.cimlap-szoveg-jobb {
	float: right;
	width: 440px;
}
.cimlap-kep-bal, .cimlap-kep-jobb {
	width: 460px;
	background-repeat: no-repeat;
	background-position: center center;
}
.cimlap-kep-bal {
	float: left;
}
.cimlap-kep-jobb {
	float: right;
}
#cimlap-fejlec-kep {
	height: 307px;
	height: 345px;
	background: url('cimlap-fejlec-szerverterem3.jpg') no-repeat left top;
}

.cimlap-blokk {
	padding: 40px 0px;
}
#google-mentes {
	color: white;
	background-image: linear-gradient(to right, #222 30%, #888);
	/*background-image: repeating-linear-gradient(165deg, #333333ff 0%, #daf5feff 100%), repeating-linear-gradient(45deg, #54187cff 0%, #ab26a5ff 25%, #f269a7ff 50%, #fcc9c9ff 75%, #fff4f0ff 100%);
	background-blend-mode: hard-light;*/
}
#cimlap-szogek {
	height: 392px;
	background-image: url('cimlap-szogek.jpg');
}
#cimlap-nagytestver {
	height: 345px;
	background-image: url('cimlap-nagytestver2.jpg');
}

#tartalom-tarto {
	padding-top: 30px;
}

.elofizetes-elsooszlop {
	width: 160px;
}

.urlap-sor {
	position: relative;
	width: 350px;
	margin: 10px 0px;
	border: 1px solid #888;
	border-radius: 6px;
	background-color: white;
	box-shadow: 2px 2px 3px #ddd;
}
.urlap-sor :focus {
	outline: none;
}
.urlap-sor label {
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: -1px;
	padding: 0px 4px;
	font-size: 12px;
}
.urlap-sor input {
	width: 334px;
}
.urlap-sor input, .urlap-sor select, .urlap-sor .felirat {
	min-height: 1.4em;
	border: 0px none;
	padding: 12px 8px 4px;
	background-color: transparent;
}
.urlap-sor select {
	width: 100%;
}
.urlap-sor input:-webkit-autofill ~ label {
	top: -9px;
	background-color: white;
}
.urlap-sor input:placeholder-shown ~ label {
	top: 8px;
	font-size: 18px;
	color: #aaa;
}
.urlap-sor input:not(:placeholder-shown) ~ label {
	top: -9px;
	font-size: 12px;
	background-color: white;
}
.urlap-sor input:focus ~ label, .urlap-sor select ~ label {
	top: -9px;
	font-size: 12px;
	background-color: white;
}
.urlap-sor ::placeholder {
	color: transparent;
}
.urlap-sor ::-moz-placeholder {
	color: transparent;
}
.urlap-sor ::-ms-input-placeholder {
	color: transparent;
}
.urlap-sor :-ms-input-placeholder {
	color: transparent !important;
}
.urlap-sor.hiba {
	border-color: red;
}
.hiba label {
	color: red;
}
.letiltott.urlap-sor {
	background-color: #f4f4f4;
}
.letiltott.urlap-sor input {
	color: #a0a0a0;
}

.urlap-sor-gombbal .urlap-sor {
	display: inline-block;
}

/* műveletek */

#muveletek {
	position: fixed;
	top: 0px;
	left: 50%;
	width: 940px;
	height: 30px;
	margin-left: -470px;
	background-color: #ffcc00;
}
#muveletek-menu {
	position: absolute;
	right: 10px;
	top: 2px;
}
#muveletek .gomb {
	padding: 2px 6px;
	background-color: transparent;
}

/* kosár (előfizetés) */

.kosar-osszegzes td {
	border-top: 1px solid #a0a0a0;
}

#kosar-kedvezmeny {
	width: 220px;
}

.ful-tarto {
	position: relative;
}
.ful {
	float: left;
	border: 0px solid transparent;
  border-radius: 4px;
  background: linear-gradient(#fff9e7, #fff9e7), linear-gradient(to top, #fff9e7, #d0b564);
  background-origin: border-box;
  background-clip: content-box, border-box;
	padding: 1px;
}
.ful h2 {
	margin: 0px;
	padding: 4px;
	font-size: 18px;
}
.ful a {
	display: inline-block;
	padding: 4px;
	background: #ffeaab linear-gradient(to top, #fff9e7, #ffeaab);
}

#kosar-valasztok .urlap-sor, #kosar-valasztok .urlap-sor-gombbal {
	display: inline-block;
	width: 36%;
	margin-right: 4px;
}
#kosar-tovabbitas-cimke {
	border-radius: 4px;
	padding: 4px;
	background-image: linear-gradient(to right, rgba(255, 204, 0, 0.3), rgba(255, 204, 170, 0.3));
}
#kosar-tovabbitas-cimke.rendben {
	background-image: linear-gradient(to right, rgba(141, 243, 141, 0.3), rgba(22, 115, 22, 0.3));
}
#kosar-tovabbitas-cimke.hiba {
	outline: 1px solid red;
}
.kosar-vege {
	margin-top: 1em;
}
#kosar-elemek {
	border: 1px solid #d0b564;
	border-radius: 2px;
}
#kosar-elemek legend label {
	display: inline-block;
	/*border: 1px solid #d0b564;*/
	border-radius: 4px;
	padding: 4px;
}
.korlatozott {
	background-color: #f2ffe4;
}
.teljes {
	background-color: #fef1c9;
}

/* tárhely */

#fajlok-lista {
	padding-top: 2em;
}

.tarto {
	position: relative;
	overflow: hidden;
	float: left;
	width: 188px;
	height: 128px;
	text-align: center;
}
.tarto a {
	position: relative;
	display: block;
	padding-top: 64px;
	width: 100%;
	height: 64px;
	word-break: break-all;
	background-position: center 16px;
	background-repeat: no-repeat;
}
.tarto a:hover {
	background-color: #ffeab3;
}
.tarto a.kijelolt {
	background-color: #ffd871;
}
.kijeloles {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 20px;
	height: 20px;
	/*z-index: 1;*/
}

.sorok .tarto {
	float: none;
	width: auto;
	height: auto;
	text-align: left;
}
.sorok .tarto a {
	height: auto;
	padding: 10px 10px 10px 40px;
	background-position: 4px center;
}

.fajl a {
	background-image: url('ikon_fajl.png');
}
.konyvtar a {
	background-image: url('ikon_mappa.png');
}
.ikon_xls a {
	background-image: url('ikon_xls.png');
}
.ikon_pdf a {
	background-image: url('ikon_pdf.png');
}
.ikon_png a {
	background-image: url('ikon_png.png');
}
.ikon_jpg a {
	background-image: url('ikon_jpg.png');
}

@media screen and (max-width: 919px) {
	
}