@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
html, body, #minden{
	width:100%;
	height:100%;
	color:black;
	background:rgb(250,250,250);
}
*{
	font-family: 'Ubuntu', monospace;
	font-size:14px;
	box-sizing: border-box;
	margin:0;
	padding:0;
}
.ns,.material-icons,.rejt {
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
h1{
	font-size:32px;
	font-weight:300;
	text-align:center;
}
h2{
	font-size:24px;
	font-weight:300;
	text-align:center;
}
h3{
	font-size:20px;
	font-weight:300;
	text-align:center;
}
h4{
	font-size:18px;
	font-weight:300;
	text-align:center;
}
nav{
	width: 100%;
}
#minden{
	position:relative;
}
#o_trt{
	position:fixed;
	left:0px;
	right:0px;
	top:50px;
	bottom:50px;
	overflow: hidden;
	max-height:100%;
}
#o_fej, #o_lab{
	position:fixed;
	left:0px;
	right:0px;
	height:50px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
	z-index:100;
}
#o_fej{
	background:rgb(230,0,0);
	color:white;
	top:0px;
	padding:4px;
}
#o_lab{
	color:white;
	bottom:0px;
	padding-top: 2px;
}
#o_lab ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	z-index: 10;
}
#o_lab ul > li{
	flex: 1 0 0;
	margin-right: 2px;
}
#o_lab ul > li:last-child {
	margin-right: 0;
}
#o_lab ul > li#exit {
	flex: 0 0 10px;
}
#o_lab ul > li#exit a {
	background: #777;
}
#o_lab ul > li#exit i {
	font-size: 24px;
	margin-right: 0;
	color: rgb(230,230,230);
}
#o_lab ul > li > a, #o_lab ul > li > b {
	display: flex;
	background: rgb(230,230,230);
	text-decoration: none;
	padding: 0 4px;
	align-items: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.tr{
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#o_lab ul > li > a.active {
	background: white;
}
#o_lab ul > li > a{
	position: relative;
	height: 50px;
	text-align: center;
	justify-content: center;
}
#o_lab a, #o_lab a:visited {
	text-decoration: none;
	color: #777;
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
}
#o_lab a:hover {
	color: black;
	background: rgb(250,250,250);
}
#o_lab ul > li > a{
	flex-flow: column;
}
#o_lab ul > li > a > i{
	font-size:32px;
	line-height: 28px;
}
#grafikon{
	display: flex;
	flex-direction: row;
	align-content: center;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
}
#grafikon #adat{
	flex: 0 0 300px;
	display: flex;
	flex-direction: column;
	align-content: center;
	text-align: center;
	background: rgb(250,250,250);
}
#grafikon .gmb, #reszletek .gmb{
	margin:0 6px 6px 0;
	padding: 2px 6px;
	font-size: 14px;
}
#grafikon #adat .gmb.djel{
	/*border-bottom:5px solid #777;*/
}
#grafikon .gmb i{
	vertical-align:middle;
}
#grafikon #graf{
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	align-content: center;
	text-align: center;
	/*justify-content: center;*/
	background:rgb(245,245,245);
	padding:7px;
}
#grafikon #graf span{
	display:none;
	width:10px;
	height:10px;
	vertical-align:middle;
	background:#777;
	margin-right: 4px;
	border-radius:2px;
}
#grafikon #graf a.active span{
	display:inline-block;
}
#grafikon #graf a.rejt{
	display:none;
}
#grafikon #graf canvas{
	max-width:100%
}
.gombL{
	display: inline-block;
	text-decoration: none;
	background: #fff;
	color: #777;
	padding: 2px 6px 2px 2px;
	border-radius: 2px;
	margin:0 2px 4px 2px;
	transition: all .2s;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px -1px;
}
a.gombL:hover{
	text-decoration: none;
	background: #839298 !important;
	color: white;
}
.gombL i{
	font-size:24px;
	vertical-align: middle;
}
a.gombL:hover i{
	color: white;
}
b.gombL{
	opacity:0.3;
	cursor: not-allowed;
}
#naptar{
	display: flex;
	flex-direction: column;
	align-content: center;
	text-align: center;
	justify-content: center;
	/* border: 2px solid white; */
}
#naptar b {
	font-weight:normal;
}
#naptar table{
	border-collapse: separate;
	border-spacing: 0;
	border-top: 5px solid white;
	max-height: 50%;
}
#naptar th, #naptar td {
	color: #777;
	font-weight:normal;
	padding:0;
	background:white;
	position:relative;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	height: 50px;
}
@media (max-height: 450px) {
	#naptar th, #naptar td {
		height: 20px;
	}
}
#naptar th, #naptar td.ures{
	padding:6px 4px;
	background: rgb(200,200,200);
}
#naptar td{
	background: rgb(230,230,230);
	width:300px;
	transition: all 0.5s ease;
}
#naptar td.ma {
	background: rgb(245,245,245);
}
#naptar td.sok {
	cursor: pointer;
	height: 50px;
}
#naptar td.sok:hover, #naptar td.active {
	background: rgb(255,255,255);
}
#naptar tr:first-child th{
	height: auto;
}
#naptar tr:last-child td,#naptar tr:last-child th{
	border-bottom: none;
}
#naptar th:last-child,#naptar td:last-child{
	border-right: none;
}
#naptar ul{
	/* flex: 0 0 50px; */
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	z-index: 10;
}
#naptar ul > li{
	text-transform: capitalize;
}
#naptar ul > li.fej{
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	align-content: center;
	text-align: center;
	justify-content: center;
	/* background: rgb(230,230,230); */
	color: #777;
}
#naptar .fej h4{
	font-size:18px;
}
#naptar .fej span{
	font-size:24px;
	line-height:24px;
}
#naptar ul > li.nav{
	flex: 0 0 150px;
}
#naptar ul > li.nav i{
	font-size: 32px;
	color: #777;
}
@media (max-width: 800px) {
	#naptar ul > li.nav{
		flex: 0 0 100px;
	}
	#naptar th span{
		display:none;
	}
}
@media (max-width: 400px) {
	#naptar ul > li.nav{
		flex: 0 0 50px;
	}
	#naptar ul > li.nav span{
		display:none;
	}
}
#naptar ul > li{
	margin-right: 1px;
}
#naptar ul > li:last-child {
	margin-right: 0;
}
#naptar ul > li > a, #naptar ul > li > b {
	display: flex;
	background: rgb(200,200,200);
	text-decoration: none;
	padding: 0 4px;
	align-items: center;
	transition: all 0.5s ease;
}
#naptar ul > li > a{
	position: relative;
	height: 50px;
	text-align: center;
	justify-content: center;
}
#naptar a{
	text-decoration: none;
	color: white;
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
}
#naptar a:hover {
	color: #777;
	background: rgb(250,250,250);
}
#naptar span.nsz {
	position:absolute;
	top:0px; right:0px;
	padding:2px;
	color:#839298;
	margin:0;
	text-align:center;
	border-bottom-left-radius: 4px;
	cursor:default;
}
#naptar .nsz i{
	font-size: 14px;
	display:inline-block;
}
.rejt{
	opacity:0;
	cursor:default !important;
}
.progress_t{
	position: absolute;
	top: 5px;
	left: 10px;
	cursor:wait;
	transition: opacity .2s ease-in-out;
}
.progress_t i{
	margin: 8px;
	opacity:0.75;
}
.progress_t img, .progress_t svg {
	position: absolute;
	top: 0px;
	right: 0px;
}
.progress_f{
	display:none;
	position: absolute;
	top: 5px;
	right: 60px;
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	cursor:pointer;
	overflow: hidden;
}
.progress_f i{
	margin: 8px;
}
.progress_f svg {
	position: absolute;
	top: 0px;
	right: 0px;
	transform: rotate(-90deg);
}
.progress__meter,
.progress__value {
	fill: none;
}
.progress__meter {
	stroke: #fff;
	stroke-opacity: .5;
}
.progress__value {
	stroke: #fff;
	stroke-linecap: round;
	transition: all 0.5s ease;
}
ul#language{
	position: absolute;
    top: 5px;
    right: 10px;
    width: 40px;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 0;
	background:rgba(0,0,0,0);
	z-index:101;
}
ul#language.active,
ul#language:active,
ul#language:hover{
    padding-top: 45px;
}
ul#language i{
    font-size: 40px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
	z-index:-1;
}
ul#language>li {
	max-height:0;
	transition: max-height .2s ease;
	overflow: hidden;
	text-transform: uppercase;
	color:white;
    width: 40px;
    height: 40px;
	background:rgb(230,0,0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 300;
}
ul#language.active>li,
ul#language:active>li,
ul#language:hover>li {
	max-height:40px;
	margin-top:5px;
}
ul#language>li.active {
	max-height:40px;
    position: absolute;
    top: 0;
    background: rgba(255,255,255,0.5);
	margin-top:0;
    border-radius:50%;
}
ul#language.login>li.active{
	color:black;
}
ul#language.login i{
	color:black;
}


.urlp{
	text-align:center;
}
.urlp_iko_inp{
	position:relative;
	margin-bottom:10px;
	display:inline-block;
}
.urlp_iko_inp div{
	color:rgba(0,0,0,0.5);
	font-size:14px;
	padding-left:4px;
	padding-bottom:4px;
	transition: opacity 0.5s ease;
}
.urlp_iko_inp i{
	color:rgba(0,0,0,0.2);
	vertical-align:middle;
	padding:4px;
	position:absolute;
	bottom:0px;
	left:0px;
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
.urlp_iko_inp i.jsz{
	left:auto;
	right:2px;
	z-index:100;
	display:none;
}
.urlp_f, .urlp_iko_inp input{
	border: 2px solid rgba(0,0,0,0.3);
	color:black;
	vertical-align:middle;
	outline: none;
	background:white;
	font-size:18px;
	height:34px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 4px;
}
.urlp_iko_inp input{
	padding-left:34px;
}
.urlp_iko_inp input:focus {
	color: black;
	background-color: white;
	border-color: rgba(0,0,0,0.5);
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,1);
}
.urlp input[type="text"]:disabled,.urlp input[type="password"]:disabled,.urlp input[type="email"]:disabled{
	cursor: default;
}
.urlp input[type="checkbox"]{
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border: 2px solid rgba(0,0,0,0.3);
}
.urlp_iko_inp input::placeholder{
	color:rgba(0,0,0,0.5);
	font-size:18px;
	transition: opacity 0.5s ease;
	line-height:24px;
}
.urlp_iko_chk input[type="checkbox"]{
	opacity:0;
	position:absolute;
}
.urlp_iko_chk i{
	margin-right:10px;
}
.urlp.ok .urlp_iko_chk:hover i:before {
	color: black;
	background-color: white;
	border-color: rgba(0,0,0,0.5);
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,1);
}
.urlp_iko_chk input[type="checkbox"] + i:before{
	vertical-align: middle;
	content: " ";
	width: 24px;
	height: 24px;
	display: inline-block;
	font-family: "Material Icons";
	speak: none;
	-webkit-font-smoothing:antialiased;
	background:white;
	border: 2px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	cursor:pointer;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.urlp_iko_chk input[type="checkbox"]:checked + i:before{
	content: "\E876";
}
.urlp_iko_chk input[type="checkbox"]:disabled + i:before,.urlp_iko_chk input[type="checkbox"]:disabled + i + span{
	cursor: default;
}
.gmb{
	color: white;
	vertical-align: middle;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*border: 1px solid transparent; eszkoztar gombok miatt kivettem*/
	border-radius: 4px;
	background:rgb(230,0,0);
	outline: 0;
	text-decoration:none;
}
.gmb:disabled{
	cursor: default;
}
.gmb:focus,.gmb:hover{
	background:rgb(200,0,0);
}
.urlp .gmb:active{
	box-shadow: 0 0 0 0.2rem white;
}
.urlp .g-recaptcha{
	margin-bottom:20px;
	display:inline-block;
}
.tolt{
	margin: auto;
	background: none;
	width:50px;
	height:50px;
}
.koz{
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: flex-start;
	flex-flow: wrap;
	min-height:100%;
}
.fole{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1000;
}
.fed5{
	background:rgba(250,250,250,0.5);
}
.a_c{
	text-align:center;
}
.a_l{
	text-align:left;
}
.p_k{
	padding:7px;
}
.m_k{
	margin:7px;
}
.m10{/*kuka?*/
	margin:10px;
}
.md_k{
	margin-bottom:7px;
}
.ms_k{
	margin-left:7px;
	margin-right:7px;
}
.mr_k{
	margin-right:7px;
}
.md_n{
	margin-bottom:20px;
}
.szrk_v{
	padding:2px 20px;
	position:relative;
	cursor:pointer;
}
.szrk_v:hover:after{
	position:absolute;
	right:-5px;
	font-family: 'Material Icons';
	content: "create";
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	padding:2px 2px;
	background: #777;
	color: white;
	border-radius: 4px;
	
}
.szrk_trt{
	display: flex;
	width: 100%;
}
.szrk_i{
	font-size: 18px;
    font-weight: 300;
	padding: 1px 4px;
	background: rgb(230,230,230);
	color: black;
	border-radius: 4px;
	outline:0;
	display:inline-block;
	height:28px;
	line-height:28px;
	vertical-align:top;
	text-align:left;
	border:none;
	width:100%;
	max-width:100%;
}
.dob .szrk_i{
	background: rgb(250,250,250);
}
.szrk_k{
	flex:1 0 0;
	padding: 1px 4px;
	margin-right: 2px;
	cursor:pointer;
	background: rgb(230,230,230);
	color: black;
	border-radius: 4px 0 0 4px;
	outline:0;
	display:inline-block;
	height:28px;
	line-height:28px;
	vertical-align:top;
	text-align:left;
}
.szrk_ok{
	flex:0 0 20px;
	dispaly:inline-block;
	font-family: 'Material Icons';
	content: "create";
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	padding:2px 2px;
	background: rgb(230,230,230);
	color: #777;
	border-radius: 0 4px 4px 0;
	border:none;
	cursor:pointer;
	height:28px;
	vertical-align:top;
	transition: all .2s ease-in-out;
}
.szrk_ok:hover{
	background: #777;
	color: rgb(230,230,230);
}
.dob .szrk_k,.dob .szrk_ok{
	background: rgb(245,245,245);
}
.szrk_0>.sz_0,.szrk_1>.sz_1{
	display:block;
}
.szrk_0>.sz_1,.szrk_1>.sz_0{
	display:none;
}
.krty{
	color: #777;
	border-radius: 4px;
	min-width: 200px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
	overflow:hidden;
	margin:10px;
	background-color: white;
	transition: all .2s ease-in-out;
}
.krty.inact{
	background-color: rgb(230,0,0);
}
.krty:hover{
	background-color: white;
}
.krty.tbb{
	max-width: 280px;
}
.krty.tbb5{
	width: 17%;
}
.krty.xtr{
	max-width: 100%;
	flex: 1 0 0;
}
.csll .k_fej{
	background:rgb(255,0,0);
}
.k_fej{
	color:white;
	background:rgb(230,0,0);
	display: flex;
	justify-content: center;
	align-items: center;
	/*flex-flow: column;*/
	position:relative;
	margin: 2px;
	border-radius: 2px;
	transition: background .2s ease-in-out;
}
.w100{
	width:100%;
}
.k_fej.eszk_ikon{
	/*
	padding-left: 37px;
	position:relative;
	*/
}
.k_fej.eszk_ikon.pjzs{
	/*
	padding-right: 21px;
	*/
}
.csll{
	box-shadow: rgba(255,255,255, 1) 0px 0px 1px 1.1px;
}
.led{
	position: absolute;
	top: 5px;
	right: 5px;
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgb(230,0,0);
}
.dev_cnt .led{
	top: 2px;
	right: 2px;
	width: 7px;
	height: 28px;
	border-radius: 0 2px 2px 0;
}
.ico_b{
	padding-left: 37px;
	position:relative;
}
.ico_b i{
	position: absolute;
	left: 7px;
}
.ico_led{
	padding-right: 21px;
}
.k_fej.ikon{
	/*
	padding-left: 37px;
	position:relative;
	*/
}
.eszk_ikon i,.ikon i{
	/*
	position: absolute;
	left: 7px;
	*/
}
.k_fej .szin{
	position: absolute;
	right: 7px;
	width:20px;
	height:20px;
	border:1px solid white;
	border-radius:4px;
}
.gmb.gry{
	color: #777;
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
	background:rgb(230,230,230);
	transition: all .2s ease-in-out;
}
.gmb.gry:hover{
	color: white;
	background:rgb(190,190,190);
}
.krty .gmb.active, .gmb.gry.active{
	background:white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}
.krty .gmb.active:hover, .gmb.gry.active:hover{
	color: #777 !important;
	background:white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}
.krty .gmb>a>i{
	transition: all .5s ease-in-out;
	border-radius:50%;
	padding:2px;
}
.krty .gmb>a:hover>i{
	text-shadow: 0 0 3px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.5);
}
.krty a, .krty a:visited {
	color: #777;
	text-decoration: none;
}
.krty a.gmb.gry, .krty a.gmb.gry:visited {
	color: #777;
}
.krty a.gmb, .krty a.gmb:hover, .krty a.gmb:visited, .krty a.gmb.gry:hover {
	color: white;
}
a.k_fej h3,a.k_fej i{
	color: white;
}
.krty a:hover {
	color: black;
	text-decoration: none;
}
.krty .kep{
	border-radius: 4px;
	border:1px solid #777;
	box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 10px 0px;
	transition: all .2s ease-in-out;
}
.krty a:hover .kep{
	border:1px solid white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}
.krty i{
	vertical-align: middle;
	display: inline-block;
}
.dev_cnt a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ico, .ico_j{
	position:relative;
	padding-left: 34px;/*eszköztár/vez*/
}
.dev_cnt .ico{
	padding-right: 14px;
}
.ico_j{
	padding-right: 34px;/*eszköztár/vez*/
}
.ico::before {
	display: inline-block;
	font-family: "Material Icons";
	font-size: 22px;
	position:absolute;
	top:4px;
	left:4px;
	color:white;
}
.gmb.ico i{
	position: absolute;
	left: 7px;
}
.dob>.ico i{
	top: 6px;
	left:4px;
	font-size: 22px;
	color:white;
}
.gmb.ico span{
	font-size:18px;
}
.csszk>a{
	display:inline-block;
}
.csszv{
	display:inline-block;
}
.csszv a{
	display:none;
}
.csszv a.cssza{
	display:inline-block;
}
.csszv a.cssza_b{
	display:inline-block;
	transform: perspective(50px) rotateY(-40deg) scale(0.75);
}
.csszv a.cssza_j{
	display:inline-block;
	transform: perspective(50px) rotateY(40deg) scale(0.75);
}
.csszv i{
	font-size:40px;
}
.csszv span{
	width: 40px;
	height: 40px;
}
.dob .ico_b i{
	font-size: 22px;
	color:white;
	
}
.ico_j i {
	display: inline-block;
	font-family: "Material Icons";
	font-size: 22px;
	position:absolute;
	top:4px;
	left:4px;
	color:white;
}
.ico_j a{
	display: inline-block;
	position:absolute;
	top:0px;
	right:0px;
}
.ico_j a i {
	left:auto;
	top:2px;
	right:4px;
}
/*.dszn {kuka
	border:none;
	border-top:7px solid #777;
}*/
.dob, .dev_rsz{
	background:rgb(230,230,230);
	border-radius: 5px;    
	border: 2px solid white;
}
.dob_b, .det, .mod{
	padding: 7px;
	border-radius: 4px;
}
.dob_b .gmb{
	color:white;
	background:#777;
}
.dob.active>.gmb{
	color: #777;
	background:rgb(230,230,230);
}
.dob.active>.gmb.gry{
	color: white;
	background:rgb(190,190,190);
}
.dob_b .gmb:hover{
	background:rgb(230,0,0);
	color:white;
}
.dob .dob_b{
	display:none;
}
.dob.active .dob_b{
	display:block;
}
.dob_b .gmb:last-child {
	margin-bottom: 0;
}
.k_trt{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
.krty.inact,.krty.gomb{
	max-width: none;
	min-width: 0px;
	width: auto;
	flex: initial;
}
.krty.inact .k_fej small{
	display:none;
}
.krty.inact .k_trt,.krty.inact .koz{
	display: none;
}
.szr_kz{
	text-align:center;
}
.krty img{
	max-width:100%;
}
.info_trt_trt{
	position:relative;
	width:100%;
	height:0px;
}
.info_trt{
	position:absolute;
	width:100%;
	height:0px;
}
.info, .hiba{
	position:relative;
	vertical-align: middle;
	display: block;
	padding: 4px 12px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 4px;
	outline: 0;
	margin: 10px;
}
.info{
	color:rgb(20,150,20);
	background:rgb(210,230,210);
	border: 1px solid rgb(115,190,115);
}
.nyl::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -7px;
	border-width: 7px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
.info.nyl::after {
	border-color: rgb(115,190,115) transparent transparent transparent;
}
.hiba{
	color:rgb(190,20,20);
	background:rgb(230,210,210);
	border: 1px solid rgb(220,200,200);
}
.info.inakt, .hiba.inakt{
	height: 0px;
	overflow: hidden;
	opacity:0;
	margin:0px;
	padding:0px;
	transition: all .3s ease-in-out;
}
label.inakt{
	opacity:.4;
}
/*beállítás*/
.sznkck{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:#777;
	margin: 4px;
	border-radius:2px;
	border:2px solid #777;
}
.sznkck:hover{
	border-color:rgb(250,250,250);
}
.dev_rsz > i,.dev_rsz > span{
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
	vertical-align:middle;
}
.dev_rsz > i{
	color: white;
	font-size: 22px;
}
.dev_rsz>div:hover{
	/*background:rgb(240,240,240);*/
}
.dev_rsz span{
	color: #777;
	flex:1 0 0;
	align-content: center;
	text-align:left;
	justify-content: left;
}
.dev_rsz a{
	display:inline-block;
	vertical-align:middle;
}
i.jk{
	font-size: 22px;
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.dev_rsz a i.jk{
	color: white;
}
.dob:hover,.dob.active{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
	border-color: white;
}
.csszk .gmb{
	padding:2px 0;
	margin:0 8px;
	line-height:1;
	color: #777 !important;
	background: rgb(245,245,245);
	transition: all .3s ease-in-out;
}
.csszk .gmb:hover{
	background: rgb(190,190,190);
	color: white !important;
}
.csszk .gmb i{
	font-size:18px;
}
.csszv a i{
	border-radius: 4px;
	padding:2px;
	margin:2px;
}
.csszv a:hover i{
	background:rgb(250,250,250);
}
.csszv a.active i{
	background:white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}
.csszv a.active .sznkck{
	border-color:white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}

#terkep, #map{
	height:100%;
}
#terkep{
	position: relative;
	transition: all .3s ease-in-out;
	max-height: 100%;
}
#eszkoz{
	display:none;
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 0px;
	transition: all .3s ease-in-out;
	background: rgb(250,250,250);
}
#o_trt.elst #terkep {
	margin-left: 300px;
}
#o_trt.elst #eszkoz {
	width: 300px;
}
#eszkoz h3{
	color:#777;
}
#vzlts_tar{
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 0px;
	text-align: center;
	transition: top .2s ease-in-out;
}
#vzrls.ful{
	position: relative;
	display: inline-block;
	border-radius: 0 0 4px 4px;
	overflow:hidden;
    border-top: 0;
}
#vzrls a{
	color:#777;
	display: table-cell;
	padding: 4px;
	text-decoration: none;
	font-size:0px;
	transition: all .2s ease-in-out;
}
#vzrls a:hover{
	color:#777;
	background: rgb(250,250,250);
	text-decoration: none;
}
#vzrls a>i{
	font-size:22px;
	vertical-align: middle;
	display: block;
}
.kpcsf{
	display: inline-block;
	border-radius: 20px;
	background: #777;
    font-size: 0px;
	transition: all .2s ease-in-out;
	margin:0px;
}
.kpcsf::after{
	content:"";
	display: inline-block;
	width: 0px;
	height: 0px;
	background: #fff;
	border-radius: 50%;
	transition: all .2s ease-in-out;
}
#vzrls:hover .kpcsf{
	padding: 2px 10px 2px 2px;
	margin:4px 0 0 0;
}
#vzrls:hover .kpcsf::after{
	width: 6px;
	height: 6px;
}
#vzrls:hover .kpcs_0 .kpcsf{padding: 2px 10px 2px 2px;}
#vzrls:hover .kpcs_1 .kpcsf{padding: 2px 2px 2px 10px;}
#vzrls:hover .kpcs_2 .kpcsf{padding: 2px 6px 2px 6px;}
#vzrls:hover .kpcs_x .kpcsf{display:none;}
#info .ful_ftrt{
	position: absolute;
	left: 50%;
	top:0px;
}
#info{
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	height: 0px;
	transition: all .3s ease-in-out;
	background: rgb(250,250,250);
}
.cella{
	display:inline-block;
	padding:2px;
	background:rgba(0,0,0,0.1);
	border-radius:4px;
	margin:2px;
}
.cella span{
	display:inline-block;
	vertical-align: middle;
	min-width:50px;
}
.cella small,.cella sup{
	font-size:10px;
}
sup{
	vertical-align: top;
	font-size: x-small;
}
.futoprncs{
	background: rgb(230,0,0);
	padding: 2px;
	color: white;
	width: 100%;
	text-align: center;
	border-radius: 4px;
}
.cella i{
	vertical-align: middle;
	font-size:22px;
	color:#777;
}
.cella svg{
	/*width:18px;
	height:18px;*/
	vertical-align: middle;
	shape-rendering:geometricPrecision;
    /*margin: 2px;*/
}
.cella svg path{
	/*fill:#777;*/
}
#o_trt.nfst #terkep {
	padding-bottom: 300px;
	max-height: 100%;
}
#o_trt.nfst #info {
	height: 300px;
	max-height: 100%;
}
#e_lst{
	position: absolute;
	top:0px;
	right:0px;
	display: inline-block;
	width: 300px;
	max-width: 300px;
	height: 100%;
	overflow-y:auto;
	padding-top:20px;
	background: rgb(250,250,250);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px -1px;
}
.ful{
	position: absolute;
	color: #777;
	background: rgb(240,240,240);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px -1px;
	cursor:pointer;
    border: 2px solid white;
}
#eszkoz .ful{
	left: 0px;
	border-radius: 0 0 4px 0;
	padding: 2px 4px 0 4px;
	width: 40px;
	height: 34px;
    border-left: 0;
    border-top: 0;
}
#info .ful{
	bottom: 0px;
	border-radius: 4px 4px 0 0;
	padding: 0 4px;
	width: 42px;
	height: 34px;
	left: -19px;
    border-bottom: 0;
}
#info .ful:hover,#eszkoz .ful:hover{
	background: rgb(250,250,250);
}
#eszkoz .ful_ftrt{
	position: absolute;
	/*top: 50%;*/
	top: 0;
	right:0px;
}
#eszkoz .ful i, #info .ful i{
	font-size:30px;
}
#info .ful_ftrt{
	position: absolute;
	left: 50%;
	top:0px;
}
#e_nav{
	display:block;
	padding:10px;
}
#e_nav li{
	display:block;
	margin-bottom: 10px;
	position:relative;
}
#e_nav li i.sba{
	margin-right:4px;
}
#e_nav li .nez{
	position: absolute;
	right: 0px;
	top: 0px;
	display:inline-block;
	color:#777;
	padding:4px;
	border-radius:4px;
	cursor:pointer;
}
#e_nav .nez:hover{
	color:black;
}
#e_nav .nez i::before {
	content: "visibility_off";
}
#e_nav .nez.active i::before {
	content: "visibility";
}
/*
#e_nav .nez .nz1{display:none;}
#e_nav .nez .nz0{display:block;}
#e_nav .nez.active .nz1{display:block;}
#e_nav .nez.active .nz0{display:none;}
*/
#e_nav li.active .nez{
	color:white;
}
#e_nav *{
	vertical-align:middle;
}
#e_nav li.active .dev{
	background-color:rgb(230,0,0);
	color:white;
}
#e_nav .dev{
	padding:4px;
	border-radius:4px;
	color:#777;
	background: rgb(230,230,230);
	transition: all .2s ease-in-out;
	/*border-left: 10px solid rgb(200,200,200);*/
	cursor:pointer;
}
.bl4{
	border-left: 4px solid transparent;
}
.bl7{
	border-left: 7px solid transparent;
}
.bl10{
	border-left: 10px solid transparent;
}
#e_nav .dev span{
	font-size: 16px;
}
#e_nav .dev:hover{
	color:black;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}
#nf_tar{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(250,250,250);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px -1px;
}
.gor{
	max-height:100%;
	overflow-y:auto;
}
.bub {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}
.bub:hover .bub-szov {
	opacity: 1;
}
.bub-szov {
	opacity: 0;
	width: 120px;
	background-color: black;
	color: white;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 110%;
	transition: opacity 1s ease-in;
}
.bub-szov::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}
.bea_dev table td{
	text-align:center;
}
.bea_dev table td:last-child{
	text-align:left;
}
.bea_dev table i.jk{
	color:#777;
	font-size:18px;
	text-shadow: 0 0 3px rgb(255 255 255);
}
/*esemény idővonal*/
#esm{
	text-align:center;
}
#esm label{
	background: white;;
	padding: 2px 6px;
	border-radius: 6px 6px 0 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px -1px;
}
#esm_idv .gombL{
	padding:2px;
}
#esm_idv{
	display:flex;
}
#esm_i_el, #esm_i_ut, #esm_i_kz, #esm_i_vg{
	flex:0 0 0;
}
#esm_vlt{
	flex:1 0 0;
}
#esm_vlt>.gombL.active::before{
	content: "■";
}
#graf_t{
	width:100%;
	height:220px;
	max-height:220px;
	display:inline-block;
	opacity:0;
	transition: opacity .5s ease;
}
.ido_jl_t{
	display:flex;
	min-width:100%;
	max-width:700px;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:6px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px -1px;
}
.ido_jl_t a{
	flex:1 0 0;
}
a.ido_jl{
	display:inline-block;
	/*width:20px;*/
	min-width:1px;
	height:20px;
	/*margin:0 1px 1px 0;*/
	border:none;
	text-decoration:none;
}
.ido_jl:hover,.ido_jl.active{
	background:#839298 !important;
}
.figy{
	box-shadow: inset 0 0 7px rgb(230,0,0) !important;
}
@media (max-width: 800px) {
	#naptar .nsz p{
		font-size: 10px;
	}
	#naptar .nsz i{
		font-size: 10px;
	}
}
@media (max-width: 470px) {
	.krty.tbb,.krty.tbb5{
		width: 100%;
		max-width: 100%;
	}
	.krty.tbb .dob,.krty.tbb5 .dob{
		width: 100%;
		max-width: 100%;
	}
	.dev_mod{
		margin:0 0 7px 0;
		width: 100%;
		max-width: 100%;
	}
	#naptar .nsz p{
		font-size: 7px;
	}
	#naptar .nsz i{
		font-size: 7px;
	}
}
@media only screen and (max-width: 600px) {
	#esm_i_kz, #esm_i_vg {
		display:none;
	}
	#esm_vlt a{
		font-size:0px;
	}
}
@media only screen and (max-width: 430px) {
	#esm_idv .gombL{
		padding:0px;
	}
}
@media only screen and (max-width: 400px) {
	#graf_t,#esm_vlt>a{
		display:none;
	}
}
@media (max-width: 800px) {
	#grafikon{
		display: block;
	}
	#grafikon #adat{
		flex: 1 0 0;
		margin-bottom:15px;
	}
}
@media (min-width: 800px) {
	#o_lab ul > li > a{
		flex-flow: row;
	}
	#o_lab ul > li > a > i{
		font-size:42px;
		margin-right: 7px;
	}
}

@media (max-width: 450px) {
	#o_trt.elst #vzlts_tar {
		top: -50px;
		height:50px;
		overflow:hidden;
	}
}
@media (max-height: 430px) {
	#o_trt.nfst #terkep {
		padding-bottom: 0;
	}
	#o_trt.nfst #info .ful {
		top: 0px;
		bottom: auto;
		z-index: 100;
		border-radius: 0 0 4px 4px;
		padding-top: 4px;
		border-top:0;
		border-bottom:2px solid white;
	}
	#o_trt.nfst #info .ful i {
		font-size:0px;
 	}
 	#o_trt.nfst #info .ful i::before {
		content: "close";
		font-size:30px;
	}
}