:root {
		
		--tox_color: #E67817;
		
		--header_bgcolor_original: #025b95;
		--button_border_original: #025b95;
		
		--avatar_bgcolor:#777;
		--avatar_bgcolor1:#392c05;

		--body_calendarsunday: #ccc;
		--body_calendarsunday1: #444;
		
		--body_bgcolor: #eee;
		--body_bgcolor1: #111;
		/**--body_bgcolor1: #000;**/
	
		--body_fontcolor: #000;
		--body_fontcolor1: #ddd;
		/**--body_fontcolor: #7BCC70;**/
		
		--header_bgcolor: var(--header_bgcolor_original);
		--header_bgcolor1: #333;
		/**--header_bgcolor1: #000;**/
		
		--header_color: #fff;
		--header_color1: #fff;
		/**--header_color1: #7BCC70;**/
		
		--button_border: var(--button_border_original);
		--button_border1: #666;
		/**--button_border1: #7BCC70;**/
		
		--main_header: #357CAA;
		--main_header1: #555;
		/**--main_header1: #000;**/
		
		--highlight_bg: #fff;
		--highlight_bg1: #000;
		
		--highlight_border: #fff;
		--highlight_border1: #888;
		/**--highlight_border1: #7BCC70;**/
		
		--table_bottom: #bbb;
		--table_bottom1: #555;
		/**--table_bottom1: #7BCC70;**/
		
		--input_bg: #fff;
		--input_bg1: #000;
		
		--input_color: #111;
		--input_color1: #eee;
		/**--input_color1: #7BCC70;**/
		
		--input_border: #025b95;
		--input_border1: #888;
		/**--input_border1: #7BCC70;**/
		
		--header_border: #025b95;
		--header_border1: #333;
		/**--header_border1: #7BCC70;**/
		
		--link_color: #0000ff;
		--link_color1: #8888ff;
		
		--button_required: #ff0000;
		--button_disabled: #aaa;
		--input_focus: #ddddff;
		
		--ff-primary: "Lato", sans-serif;
		--ff-main: "Amaranth", sans-serif;
	}
	
	.statusdot {
		width: 16px;
		height: 16px;
		left: 45px;
		position: absolute;
	}
	
	.statusdot0 {
		content: url(../image/status0.png);
	}
	
	.statusdot1 {
		content: url(../image/status1.png);
	}
	
	.statusdot2 {
		content: url(../image/status2.png);
	}
	
	.cards {
		margin-top:1.5em;
		text-align:center;
	}
	
	.cards img {
		height:2em;
		margin-left:0.6em;
	}
	
	#myVideo {
	/**    margin-left: auto;
		margin-right: auto;
		display: block; **/
		
		
		object-fit: cover;
		  width: 100vw;
		  height: 100vh;
		  position: fixed;
		  top: 0;
		  left: 0;
		
	}
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: var(--input_color);
	  opacity: 0.6;
	}
	
	button.passwordToggle {
		background: transparent;
		border: none;
		color: var(--input_border);
		display: inline-block;
		position: relative;
		padding: 6px;
		right: 0.3em;
		font-size: 1.5em;
		top: -40px;
		border-color: transparent;
		right: -121px;
	}
	
	/** Toggle switch **/
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 40px;
	  height: 22px;
	  margin-right: 5px;
	  margin-top:2px;
	}

	.switch input { 
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 16px;
	  width: 16px;
	  left: 3px;
	  bottom: 3px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .slider {
	  background-color: #2196F3;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(16px);
	  -ms-transform: translateX(16px);
	  transform: translateX(16px);
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 22px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}
	
	.arrow {
		margin-left:0.1em;
		margin-right:0.1em;
		height:.8em;
		font-weight:600;
	}

	.slidergray {
		background-color: #888 !important;
	}

	.toggletext {
		position: relative;
		bottom: 5px;
		cursor: pointer;
	}

	#videoshow, #imageshow, #pdfshow, #mainmessageshow {
		position:absolute;
		border:0px;
		margin:0px;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:none;
		color: #eee;
	}
	
	#coinshow_pont {
		display: block;
		text-align: center;
		font-size: 2em;
		font-weight: 600;
		/*color: #ffc310!important;*/
	}
	
	#coinshow_text {
		display: block;
		margin: 10px;
		text-align: center;
		margin-top: 10%;
		font-size:1.1em;
		font-weight:normal;
	}
	
	#coinshow_next {
		font-weight:600;
		display: block;
		margin: 10px;
		text-align: center;
		margin-top:10%;
		font-size:1.1em;
	}
	
	#coinshow_level {
		display: block;
		text-align: center;
		font-size: 0.7em;
		margin-top: -10px;
	}
	
	#coinshow_container {
		position:absolute;
		border:0px;
		margin:0px;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:none;
	}
	#coindescription_container, #sos_container, #fire_container {
		position:absolute;
		border:0px;
		margin:0px;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:none;
	}
	#coindescription_container {
		background-color:#ffc310;
		color: #000;
	}
	#coinshow_container_img, #sos_container_img, #fire_container_img {
		width:50%;
		max-width:200px;
		margin-top: 15%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		animation: 1s ease no-repeat;
		-webkit-animation-name: bounceIn; 
        animation-name: bounceIn;
	}
	
	@keyframes bounceIn {
		0% {
			opacity: 0;
			-webkit-transform: scale(0);
		}
		50% {
			opacity: 0;
			-webkit-transform: scale(.3);
		}
		80% {
			opacity: 1;
			-webkit-transform: scale(1.2);
		}
		100% {
                -webkit-transform: scale(1);
		}
	}
         
	
	#videoshow, #pdfshow, #imageshow {
		background-color: #000;
	}
	
	#mainmessageshow {
		background-color: #025b95;
	}

/** Gallery **/
	#imageshow_zoom {
		display:block;
		width:100%;
		overscroll-behavior: none;
	}
	
	#imageshow_img {
		
	}
	
/** ZoomMap **/
	#zoommap {
		display:block;
		width:100%;
	}
	#mapdot {
		width:24px;
		height:24px;
		position: absolute;
		display: none;
	}
	
/** Zoom function **/
	.smooth_zoom_preloader {
		background-image: url(../js/zoom_assets/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(../js/zoom_assets/icons.png);
	}
	
/** Link **/
	a:link, a:visited, a:hover, a:active {
		color: var(--link_color);
	}
	
/** Weather **/
	.WeatherBar {
		background-color:var(--highlight_bg);
		border:1px solid var(--highlight_border);
		width:100%;
		font-size:0.7em;
		padding:2px;
		line-height:1em;
		margin:0px;
		text-align:center;
	}
	
	.catering {
		padding-left: 5px;
		margin-left:2px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.catering_current {
		background-color: var(--highlight_bg);
		border:1px solid var(--highlight_border);
	}
	
	.tilebox {
		width:91px;
		height:130px;
		border-color:#ff0000;
	}
	
	.tileimage {
		width: 94%;
		margin-top:2px;
	}
	
	.tilestar {
		position:relative;
		right: -49%;
		top: -89%;
		width:20px;
	}

	.imageboxtitle {
		height:50px;
		display:block;
	}
	
	.imagebox {
		float: left;
		font-size: 0.8em;
		cursor: pointer;
		border: 2px var(--input_border) solid;
		border-radius: 6px;
		background-color: var(--input_bg);
		padding: 1%;
		line-height: 1.3em;
		margin: 0.3%;
		width: 29%;
		display: table;
	}
			
	.imagebox2 {
				font-size:1em;
				cursor:pointer;
				width: 140px;
				border: 2px var(--input_border) solid;
				border-radius: 6px;
				background-color: var(--input_bg);
				padding: 10px;
				line-height:1.3em;
				margin-left: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				height:173px;
			}
			
			.ugyintezes:required {
				border-color: var(--button_required);
			}
			
			button:disabled {
				/**background-color:var(--button_disabled);
				border-color:var(--button_disabled);**/
				opacity: 0.5;
			}
			
			fieldset {
				border-radius:6px;
			}
			
			legend {
				font-size: 0.8em;
			}
			
			input:focus, select:focus, textarea:focus {
				background-color: var(--input_focus);
			}

			.negative {
				-webkit-filter: invert(1);
				filter: invert(1);
			}
		
			h3{
				line-height:1.4em;
			}
			
			#homecontent {
				font-size:25px;
				position: absolute;
				width: 100%;
				text-align:center;
				top:25%;
				height:20%;
			}
			
			#hometext {
				line-height:1.5em;
				font-weight:bold;
				text-shadow: 2px 2px #ccc;
			}
			
			.homefooter {
				font-size:12px;
				line-height:1.5em;
				position:absolute;
				bottom:3px;
				width: 100%;
				text-align:center;
			}
			
			#homeimg {
				text-align:center;
				width:50%;
				max-width:192px;
			}
			
			.phoneimg, .mobileimg, .emailimg {
				width:22px;
				height:22px;
				cursor:pointer;
			}
			
			.calendarimg {
				content:url(../image/calendarimg.png);
			}
			
			.phoneimg {
				content:url(../image/phone.png);
			}
			
			.mobileimg {
				content:url(../image/mobile.png);
			}
			
			.emailimg {
				content:url(../image/email2.png);
			}
			
			.content_text {
				font-size: 0.9em;
			}
			
			.avatarstatus {
				height: 13px;
				position: relative;
				right: -32px;
				bottom:37px;
			}
			
			#maintext {
				font-size: 3em;
				line-height: 1.5em;
				letter-spacing: -0.05em;
			}

			input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
				-webkit-appearance: none;
			}

			input:focus {
			}
			
			#display1,#display2,#display3,#content {
				width:100%;
				height:100%;
			}
			
			.documenttitle {
				font-size:1.1em;
				font-weight:bold;
				line-height:1em;
				width:100%;
				max-height: 1em;
			}
		
			html {
				height:100%;
				overscroll-behavior: none;
			}
			body {
				font-family: var(--ff-primary);
				margin: 0px;
				padding: 0px;
				width: 100%;
				min-height: 100%;
				position: relative;
				line-height: 1.5em;
				font-size:15px;	
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				-o-user-select: none;
				user-select: none;
				background-color: var(--body_bgcolor);
				color: var(--body_fontcolor);
				-webkit-tap-highlight-color:transparent;
			}
			
			#sendwich, #sendwich:hover, #sendwich:active {
				cursor:pointer;
				position:absolute;
				left: 6px;
				color: var(--header_color);
			}
			button {
				font-size:1em;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				border-radius: 7px;
				padding: 10px 10px;
				cursor: pointer;
				font-weight: bold;
				margin-right:2px;
				color: var(--header_color);
				background-color: var(--header_bgcolor);
				border: 3px var(--button_border) solid;				
			}
			
			.redbutton {
				background-color:#ff0000;
				border: 3px #ff0000 solid;
			}
			
			.rounded {
				border-radius: 50%;
			}
		
		/* Avatar */
			#avatar {
				margin-top: 2px;
				margin-left: 2px;
				width: 126px;
				height: 126px;
				box-sizing: border-box;
				padding: 0px;
				border-radius: 50%;
				overflow: hidden;
			}
			#avatar_roundbig {
				width:156px;
				height:156px;
				background-color:var(--avatar_bgcolor);
				border-radius:50%;
			}
			#avatar_smallring {
				top: 13px;
				left: 13px;
				position: relative;
				width:130px;
				height:130px;
				background-color:var(--body_bgcolor);
				border-radius:50%;
			}
			#adatlap_avatar {
				margin-top:10px;
				height: 128px;
				width: 128px;
				margin-left: auto;
				margin-right: auto;
			}
			.avatar {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width:128px;
				height:128px;
				border-radius: 50%;
			}
			
			#menu {
				overflow-y: auto;
				transition: 0.5s;
				height:0px;
				background-color: var(--header_bgcolor);
				color: var(--header_color);
				border-bottom: 1px solid var(--header_border);
				overflow: hidden;
			}
			#menu ul {
				margin:5px;
			}
			#menu li {
				list-style-type: none;
				line-height: 2.3em;
				cursor:pointer;
			}
			#menu img, .options img, .users img {
				position:relative;
				height: 22px;
				width: 22px;
				right: 10px;
				top:4px;
			}
			
			.devizaimg {
				height: 22px;
				width: 22px;
				border-radius: 4px;
			}
			
			.devizaimgsmall {
				height: 16px;
				width: 16px;
				border-radius: 3px;
			}
			
			.users li {
				list-style-type: none;
				line-height: 2em;
				cursor:pointer;
			}
			
			#premium, #covid, #email, #profile_email_confirm, #main_food, #videoshow, #imageshow, #blue, #phonebook, #accident, #ugyintezes, #proxy, #hierarchy, #settings, #map, #chat_contentuser, #profile_emailinputspan, #display2, footer, #qr, #display3, #elearning, #chat, #sds, #food, #bufe, #searchbar, #privacy, #contact, #profil, #news, #userguide, #medic, #employee, #calendar, #document, #gallery, #traffic, #weather, #admin, #deviza, #sites {
				display: none;
			}
			
			#profile_email_confirm {
				font-size:0.8em;
				font-style: italic;
			}
			
			#header_video_container {
				position:absolute;
				right: 130px;
				margin-top:3px;
				cursor:pointer;
				display:none;
			}
			
			#header_video_container img {
				width:28px;
				top:-7px;
				position: relative;
				content:url(../image/video.png);
			}
			
			.header {
				padding:5px;
			}
			#header_coin_container span {
				position:relative;
				margin-left:5px;
				font-size:0.7em !important;
				color: #ffc310;
				top: -7px;
			}
			#header_coin_container {
				position:absolute;
				right: 45px;
				margin-top:3px;
				cursor:pointer;
				display:none;
			}
			#header_coin_container img {
				width:22px;
				top: -2px;
				position: relative;
				content:url(../image/coin.png);
			}
			#profil_coin_img {
				width:22px;
				content:url(../image/coin.png);
			}
			#header_coin_container span {
				font-size:0.8em;
			}
			.footer {
				padding:1px;
				margin-top:1px;
				margin-left:5px;
			}
			header {
				position: fixed;
				width:100%;
				padding:0px;
				background: var(--header_bgcolor);
				padding-top:4px;
				font-size: 19px;
				color: var(--header_color);
				border-bottom: 1px solid var(--header_border);
				top: 0px;
				height:36px;
			    text-shadow: 1px 1px 2px #000;
			}
			.content {
				padding-left: 6px;
				padding-right: 6px;
				padding-top: 5px;
				padding-bottom: 10px;
			}
			content {
				position: absolute;
				top: 40px;
				bottom:50px;
				padding: 0px;
				width: 100%;
				margin-bottom: 30px;
			}
			footer {
				position: absolute;
				font-size: 12px;
				padding:0px;
				color: #eee;
				bottom:0;
				background: #888;
				width:100%;
				height: 27px;
				z-index: 1;
			}
			.avatars {
				height: 40px;
				width: 40px;
				border-radius: 50%;
				top: 2px;
				position: relative;
			}
			
			.avatarname {
				text-align: center;
				font-size: 1.4em;
				margin-top:0.8em;
				margin-bottom:0.7em;
				display: block;
			}
			
			.table_img {
				height: 30px;
				width: 30px;
			}
			.smallreddot {
				position:absolute;
				right: 10px;
				height: 10px;
				top:7px;
				cursor:pointer;
				content:url(../image/smallreddot.png);
			}
		/** Login **/
			#login_logocontainer {
				text-align:center;
			}
			#login_container {
				width:100%;
				text-align:left;
				margin-left:auto;
				margin-right:auto;
				width:260px;
				padding-top:10px;
			}
			#login_logo {
				width:200px;
				height:200px;
				margin-top:6%;
			}
			
		/** Chat **/
			#chaticon {
				position:absolute;
				right: 60px;
				height: 24px;
				top:7px;
				cursor:pointer;
				content:url(../image/chat2.png);
			}
			#toxicon {
				position:absolute;
				right: 45px;
				height: 24px;
				top:9px;
				cursor:pointer;
				content:url(../image/tox.png);
				display:none;
			}
			#qricon {
				position:absolute;
				right: 10px;
				height: 24px;
				top:9px;
				cursor:pointer;
				content:url(../image/qr.png);
			}
			#logo {
				height: 20px;
				top:-1px;
			}
			#header_text {
				position:absolute;
				top:0.5em;
				left:1.5em;
				cursor:pointer;
			}
			
			.table_list, .table_user {
				margin-top:10px;
				border-top: 1px solid var(--main_header);
				border-collapse: collapse;
				width: 100%;
			}
			.table_list td, .table_list th, .table_user td, .table_user th {
				height:2.5em;
				border-bottom: 1px solid var(--table_bottom);
				padding: 8px;
				line-height:1.4em;
			}
			.table_list th, .table_user th {
				padding-top: 12px;
				padding-bottom: 12px;
				text-align: left;
				background-color: var(--main_header);
				color: white;
			}
			.table_list td:first-child {
				font-weight:800;
			}
			.table_user td:first-child {
				width: 40px;
			}


			.table_listsmall, .table_listsmall2 {
				border-top: 0px;
				width: 100%;
				border-collapse: collapse;
			}
			.table_listsmall {
				font-size:0.8em;
				border-bottom: none !important;
			}
			.table_listsmall2 {
				font-size:1em;
			}
			.table_listsmall th, .table_listsmall2 th {
				text-align: left;
				border-bottom:  1px solid var(--main_header);
				font-weight: 800;
			}
			.table_listsmall tr, .table_listsmall2 tr{
				border-bottom: 1px solid var(--table_bottom);
			}
			.table_listsmall td, .table_listsmall2 td {
				height:1em;
				padding: 4px;
				line-height:1.3em;
			}
			.table_listsmall tr:last-child {
				border: 0;
			}
			
			
			
			
			.table_cells {
				margin-top:10px;
				border-top: 1px solid var(--main_header);
				border-collapse: collapse;
				width: 100%;
			}
			.table_cells td, .table_cells th {
				border-bottom: 1px solid var(--table_bottom);
				border-left: 1px solid var(--table_bottom);
				border-right: 1px solid var(--table_bottom);
				padding: 8px;
			}
			
			.table_cells th {
				padding-top: 12px;
				padding-bottom: 12px;
				text-align: left;
				background-color: var(--main_header);
				color: white;
			}
			.table_data {
				font-weight:500;
				margin-top:10px;
				border-top: 1px solid var(--table_bottom);
				font-size:0.9em;
				font-weight:normal;
				border-collapse: collapse;
				width:100%;
			}
			.table_data td {
				border-bottom: 1px solid var(--table_bottom);
				padding: 8px;
				text-align:left;
				height:2em;
			}
			.table_data td:first-child {
				font-weight:bold;
			}
			
			.table_data_nohr,table_data_nohr2 {
				margin-top:0px;
				margin-bottom:0px;
				border-top:0px;
				border-bottom:0px;
				width:100%;
				padding:0px;
			}
			.table_data_nohr tr {
				margin-left:0px;
				border-top:0px;
				border-bottom:0px;
				padding-top:0px;
				padding-bottom:10px;
				margin-top:0px;
				margin-bottom:0px;
			}
			.table_data_nohr2 tr {
				margin:0px;
				padding:0px;
			}
			.table_data_nohr td {
				/**font-weight:500 !important;**/
				border:0px;
				padding:3px;
			}
			.table_data_nohr2 td {
				border:0px;
				padding:0px;
				font-weight:normal;
			}
			
			.table_data th {
				padding: 8px;
				background-color: #888;
				color: #eee;
				text-align:left;
			}
			
			.pointer {
				cursor:pointer;
			}
			
			.star0, .star1 {
				height:22px;
				width:22px;
				cursor:pointer;
				position:relative;
				top:5px;
				margin-right:3px;
			}
			.star0 {
				content:url(../image/star0.png);
			}
			.star1 {
				content:url(../image/star1.png);
			}
			
			.star {
				top:3px;
				height:22px;
				margin-right:6px;
				position:relative;
				content:url(../image/star.png);
			}
			.right {
				top:5px;
				height:22px;
				position:relative;
				right:0px;
				content:url(../image/right.png);
			}
			.right_small {
				height:16px;
				width:16px;
				content:url(../image/right.png);
			}
			.active0 {
				height: 9px;
				width: 9px;
				position: relative;
				top: 6px;
				right: 15px;
				content:url(../image/smallreddot.png);
			}
			.active1 {
				height: 9px;
				width: 9px;
				position: relative;
				top: 6px;
				right: 15px;
				content:url(../image/smallgreendot.png);
			}
			.openclosetext {
				position:relative;left:-9px;
			}
			.web {
				top:5px;
				height:22px;
				position:relative;
				right:0px;
				content:url(../image/web.png);
			}
			.edit {
				top:5px;
				height:16px;
				width:16px;
				padding:2px;
				position:relative;
				right:0px;
				content:url(../image/edit.png);
				cursor:pointer;
				border: 1px solid #888;
				border-radius: 3px;
			}
			.download {
				top:5px;
				height:22px;
				position:relative;
				right:0px;
				content:url(../image/download.png);
				cursor:pointer;
			}
			.size {
				top:5px;
				height:22px;
				position:relative;
				right:0px;
				content:url(../image/size.png);
				cursor:pointer;
			}
			.user {
				top:5px;
				height:22px;
				position:relative;
				right:0px;
				content:url(../image/profile.png);
				cursor:pointer;
			}
			.view {
				top:5px;
				height:22px;
				position:relative;
				right:0px;
				content:url(../image/view.png);
				cursor:pointer;
			}
			
			.options {
				margin-top: 20px;
			}
			
			.tophr {
				padding-top: 5px;
				border-top: 1px solid var(--table_bottom);
			}
			
			hr {
				border: 1px solid var(--table_bottom);
			}
			
			.options li {
				list-style-type: none;
				line-height: 2.3em;
				cursor:pointer;
				color: #888;
			}
			
			.settings {
				padding-left:10px;
			}
			
			.settings li {
				list-style-type: none;
				line-height: 2.2em;
				font-weight:bold;
			}
			
			.cblue, .cred {
				width: 50px;
				text-align:center;
				font-size:1.3em;
				font-weight:600;
			}
			.cblue {
				color:#6666ff;
			}
			.cred {
				color:#ff6666;
			}
			
			.weatherday {
				display: block;
				margin-left: auto;
				margin-right: auto;
				text-align:center;
				font-size: 1.2em;
				font-weight:500;
			}
			.weatherdaytemp {
				font-size: 1.8em;
				font-weight:500;
			}
			address, address p, address br {
				text-align:center;
			}
			
			.forras {
				display: block;
				color:#666;
				line-height:2.5em;
				text-align:right;
				font-size:0.8em;
			}
			
			.weathersmallicon {
				height:16px;
				width:16px;
			}
			
			.qrimage {
				width:280px;
				max-width:80%;
			}
			
			h2 {
				font-size: 1.2em;
				font-weight: 500;
				outline: none;
				line-height:1.2em;
				text-shadow: 1px 1px 1px rgba(1,1,1,0.2);
			}
			
			.pagetitle {
				font-size: 1.4em;
				font-weight: 600;
				outline: none;
				line-height:1.2em;
				text-shadow: 1px 1px 1px rgba(1,1,1,0.2);
			}
			
			/**DETAILS[open] SUMMARY ~ * {
				animation: sweep .5s ease-in-out;
			}**/
			@keyframes sweep {
				0%    {opacity: 0; margin-top: 0px}
				100%  {opacity: 1; margin-top: 0px}
			}
			summary {
				cursor:pointer;
				font-size: 1.2em;
				font-weight: 500;
				outline: none;
				padding-bottom: 8px;
				text-shadow: 1px 1px 1px rgba(1,1,1,0.2);
				margin-top: 25px;
			}
			
			
			.nomobiletr {
				display:none;
			}
			.mobiletr {
				display:table-row;
			}
			
			.mobile {
				display:;
			}
			.nomobile {
				display:none;
			}
			@media screen and (min-width: 700px) {
				.mobile {
					display:none;
				}
				.nomobiletr {
					display:table-row;
				}
				.mobiletr {
					display:none;
				}
				.nomobile {
					display:inline;
				}
				.content {
					padding: 10px;
				}
				client_0 {
					display: inline;
				}
				client_1 {
					display: none;
				}
			}
			
			address, address p, address br {
				font-style:normal;
			}
			
			input, input:hover, input:focus, select, select:hover, select:focus, textarea, textarea:hover, textarea:focus {
				font-size:1.2em;
				text-decoration: none;
				display: inline-block;
				border-radius: 7px;
				font-weight: normal;
				background-color:var(--input_bg);
				color: var(--input_color);
				border: 3px var(--input_border) solid;
				padding:4px;
			}

			input:not([type=checkbox]), select, textarea {
				width:98%;
			}
			
			input[type="search"] {
				max-width:230px !important;
			}
			
			textarea {
				width:100%;
			}
			
			.gray {
				color: #888;
			}
			
			.lightgray {
				color: #999;
			}
			
			.hidden {
				display:none;
			}
			
			article {
				float: left;
				overflow: hidden;
				color: #3a464b;
				background-color:var(--header_color);
				box-shadow: 0 1px 3px rgba(0,0,0,.3);
				padding:1.2%;
				width: 29%;
				font-size: 0.8em;
				margin-left: 1%;
				margin-right: 1%;
				margin-top:7px;
				border-radius: 4px;
			}
			
			article h1 {
				margin-top:0px;
				font-size: 1.5em;
				font-weight: 500;
				text-align: center;
				color: #000000;
			}
			
			article h2 {
				font-size:1.2em;
			}
			
			.redinput {
				background-color:#ff6666;
			}
			
			.blink {
			  -webkit-animation: glowing 1000ms infinite;
			  -moz-animation: glowing 1000ms infinite;
			  -o-animation: glowing 1000ms infinite;
			  animation: glowing 1000ms infinite;
			}

			@-webkit-keyframes glowing {
			  0% { filter: opacity(20%)}
			  50% { filter: opacity(100%)}
			  100% { filter: opacity(20%)}
			}

			@-moz-keyframes glowing {
			   0% { filter: opacity(20%)}
			  50% { filter: opacity(100%)}
			  100% { filter: opacity(20%)}
			}

			@-o-keyframes glowing {
			   0% { filter: opacity(20%)}
			  50% { filter: opacity(100%)}
			  100% { filter: opacity(20%)}
			}

			@keyframes glowing {
			   0% { filter: opacity(20%)}
			  50% { filter: opacity(100%)}
			  100% { filter: opacity(20%)}
			}
			
			.newsarticle {
				width:96%;
			}
			
			.documentarticle {
				max-height: 240px;
				min-height: 240px;
			}
			
			
			#startmessagebox {
				padding:7px;
			}
			
			@media screen and (max-width: 600px) {
				.documentarticle {
					padding:1%;
					width: 46%;
				}
				#startmessageicon {
					font-size:6em;
				}
				#startmessagebox {
					padding-top:80px;
					padding-bottom:40px;
				}
				
				.statusdot {
					width: 16px;
					height: 16px;
					left: 45px;
				}
			}
			
			@media screen and (min-width: 601px) {
				.documentarticle {
					padding:1%;
					width: 21%;
				}
				#startmessageicon {
					font-size:10em;
				}
				#startmessagebox {
					padding-top:150px;
					padding-bottom:80px;
				}
				.statusdot {
					width: 12px;
					height: 12px;
					left: 47px;
				}
			}
			
			.shopclosed {
			    text-align: center;
				display: block;
				background-color: #ff6666;
				color: var(--header_color);
				padding: 3px;
				border-radius: 4px;
				text-shadow: 1px 1px 1px #333;
			}
			
			.shopopen {
			    text-align: center;
				display: block;
				background-color: #448844;
				color: var(--header_color);
				padding: 3px;
				border-radius: 4px;
			}
			
			.inactivebutton {
				background-color: var(--header_color) !important;
				color:var(--header_bgcolor) !important;
			}
			
			.activebutton {
				color: var(--header_color) !important;
				background-color: var(--header_bgcolor) !important;
			}
			
			.employeecall {
				width: 15px;
				position: relative;
				top: 2px;
			}
			
			.main_div {
				margin-top:7px
			}
			.main_table {
				border:1px solid var(--main_header);
				width:100%;
				border-radius:6px;
				border-spacing:0px;
				padding:0px;
				cursor:pointer;
			}
			.main_header_tr {
				color:var(--header_color);
				background-color:var(--main_header);
				text-shadow: 1px 1px 5px #666;
			}
			.tr_red {
				background-color:#ff0000 !important;
			}
			.main_header_td {
				padding:5px;
				width:16px;
				margin-top:2px;
			}
			.main_header_text {
				font-weight: bold;
				/**padding-bottom: 5px;**/
				position: relative;
			}
			.main_header_settings {
				text-align:right;
				padding:5px;
				width:16px;
			}
			
			.nolineheight {
				line-height: 1em;
			}
			
		/* fbbutton */
			div.fbbutton {
				opacity: 1;
				margin-right: 2px;
				background-color: #4267B2;
				display: inline-block;
				border-radius: 6px;
				border: 1px solid #4267B2;
				cursor:pointer;
				margin-top:5px;
			}
			div.fbbutton span {
				font-weight: bold;
				color: #fff;
				position: relative;
				margin-right:5px;
				top:-1px;
				left:5px;
				margin-right: 10px;
			}
			div.fbbutton img {
				padding-left: 5px;
				content: url(../image/fb.png);
				width: 14px;
				padding-top: 6px;
				height: 14px;
			}
			
		/* videobutton */
			div.videobutton {
				opacity: 1;
				margin-right: 2px;
				background-color: #aa0000;
				display: inline-block;
				border-radius: 6px;
				border: 1px solid #aa0000;
				cursor:pointer;
				margin-top:5px;
				cursor:pointer;
				display:none;
			}
			div.videobutton span {
				font-weight: bold;
				color: #fff;
				position: relative;
				margin-right:5px;
				top:-1px;
				left:5px;
				margin-right: 10px;
			}
			div.videobutton img {
				padding-left: 5px;
				content: url(../image/video.png);
				width: 14px;
				padding-top: 6px;
				height: 14px;
			}
			
		/* addbutton */
			div.addbutton {
				opacity: 0.5;
				margin-right: 2px;
				background-color: var(--main_header);
				display: inline-block;
				border-radius: 6px;
				border: 1px solid #000;
				cursor:pointer;
				margin-top:5px;
				cursor:pointer;
			}
			div.addbutton span {
				font-weight: bold;
				color: var(--header_color);
				position: relative;
				margin-right:10px;
				top:-1px;
			}
			div.addbutton img {
				padding-left: 5px;
				content: url(../image/add.png);
				width: 14px;
				padding-top: 6px;
				height: 14px;
			}
			.bus1img {
				content: url(../image/traffic_bus1.png);
				width: 16px;
				height: 16px;
			}
			.bus2img {
				content: url(../image/traffic_bus2.png);
				width: 16px;
				height: 16px;
			}
			.trainimg {
				content: url(../image/traffic_train.png);
				width: 16px;
				height: 16px;
			}
			
			#mainmessagebutton {
				margin:5px;
				border: 2px solid #fff !important;
			}
			
			.appearing {
				-webkit-animation: appear 2000ms infinite;
				-moz-animation: appear 2000ms infinite;
				-o-animation: appear 2000ms infinite;
				animation: appear 2000ms infinite;
				animation-iteration-count: 1;
			}
			@-webkit-keyframes appear {
			  0% { filter: opacity(0%)}
			  100% { filter: opacity(100%)}
			}
			@-moz-keyframes appear {
			  0% { filter: opacity(0%)}
			  100% { filter: opacity(100%)}
			}

			@-o-keyframes appear {
			  0% { filter: opacity(0%)}
			  100% { filter: opacity(100%)}
			}

			@keyframes appear {
			  0% { filter: opacity(0%)}
			  100% { filter: opacity(100%)}
			}
			
			#profil1 {
				display:none;
			}
			
			#profil_level {
				text-align:center;
				font-size:1.2em;
				margin-left:6px;
			}
			
			.calendar_day {
				font-size: 0.9em;
				position:relative;
				top:-3px;
				right:4px;
			}
			
			.calendar_daygray {
				color:#888;
			}
			
			.calendar_td {
				width:14.28%;
			}
			
			.calendar_daysunday {
				background-color: var(--body_calendarsunday);
			}
			
			.calendar_daytd {
				text-align:right;
				vertical-align:top;
			}
			
			.calendar_tdborderr {
				border-right:1px solid #888;
			}
			
			.calendar_tdbordert {
				border-top:1px solid #888;
			}
			
			.calendar_tablecontent {
				border:1px solid #888;
				width:100%;
			}
			
/** Toggle switch 2 **/
	.switch2 {
      --width: 70px;
      --height: 22px;
      position: relative;
      display: inline-block;
      width: var(--width);
      height: var(--height);
      border-radius: var(--height);
      cursor: pointer;
	  top:3px;
    }

    .switch2 input {
      display: none;
    }

    .switch2 .slider2 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: var(--height);
      background-color: #2196F3;
      transition: all 0.4s ease-in-out;
    }

    .switch2 .slider2::before {
      content: '';
      position: absolute;
      top: 3px;
      left: 3px;
      width: 16px;
      height: 16px;
      border-radius: calc(var(--height) / 2);
      background-color: #fff;
      
      transition: all 0.4s ease-in-out;
    }

    .switch2 input:checked+.slider2 {
      background-color: #2196F3;
    }

    .switch2 input:checked+.slider2::before {
      transform: translateX(calc(var(--width) - var(--height)));
    }

    .switch2 .labels2 {
      position: absolute;
      top: 8px;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 12px;
      font-family: sans-serif;
      transition: all 0.4s ease-in-out;
	  
    }

    .switch2 .labels2::after {
      content: attr(data-off);
      position: absolute;
      right: 5px;
      color: #fff;
      opacity: 1;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
      transition: all 0.4s ease-in-out;
	  font-size: 1.2em;
    bottom: 8px;
	right:8px;
    }

    .switch2 .labels2::before {
      content: attr(data-on);
      position: absolute;
      left: 5px;
      color: #ffffff;
      opacity: 0;
       text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
      transition: all 0.4s ease-in-out;
	  font-size: 1.2em;
    bottom: 8px;
	left:8px;
    }

    .switch2 input:checked~.labels2::after {
      opacity: 0;
    }

    .switch2 input:checked~.labels2::before {
      opacity: 1;
    }
	
/** Food allergy **/
	.allergya {
		height:19px;
		width:19px;
		margin-right:2px;
	}
	
	.allergyb {
		height:28px;
		width:28px;
		margin-right:3px;
	}
	
	.allergy1 {
		content:url(../image/allergy/1.png);
	}
	
	.allergy2 {
		content:url(../image/allergy/2.png);
	}
	
	.allergy3 {
		content:url(../image/allergy/3.png);
	}
	
	.allergy4 {
		content:url(../image/allergy/4.png);
	}
	
	.allergy5 {
		content:url(../image/allergy/5.png);
	}
	
	.allergy6 {
		content:url(../image/allergy/6.png);
	}
	
	.allergy7 {
		content:url(../image/allergy/7.png);
	}
	
	.allergy8 {
		content:url(../image/allergy/8.png);
	}
	
	.allergy9 {
		content:url(../image/allergy/9.png);
	}
	
	.allergy10 {
		content:url(../image/allergy/10.png);
	}
	
	.allergy11 {
		content:url(../image/allergy/11.png);
	}
	
	.allergy12 {
		content:url(../image/allergy/12.png);
	}
	
	.allergy13 {
		content:url(../image/allergy/13.png);
	}
	
	.allergy14 {
		content:url(../image/allergy/14.png);
	}
	
/** Műszaki adatlap **/
	#sds_termektabla {
		display:none;
	}
	#sds_termektabla thead tr{
		background: #00ff00;
		font-weight: bold;
	}
	#asds_termektabla td{
		cursor:pointer;
	}
	#sds_ghs1, #sds_ghs2, #sds_ghs3, #sds_ghs4, #sds_ghs5, #sds_ghs6, #sds_ghs7, #sds_ghs8, #sds_ghs9 {
		height:70px;
		margin-right:7px;
	}
	#sds_ghs1 {
		content:url(../image/ghs01.png);
	}
	#sds_ghs2 {
		content:url(../image/ghs02.png);
	}
	#sds_ghs3 {
		content:url(../image/ghs03.png);
	}
	#sds_ghs4 {
		content:url(../image/ghs04.png);
	}
	#sds_ghs5 {
		content:url(../image/ghs05.png);
	}
	#sds_ghs6 {
		content:url(../image/ghs06.png);
	}
	#sds_ghs7 {
		content:url(../image/ghs07.png);
	}
	#sds_ghs8 {
		content:url(../image/ghs08.png);
	}
	#sds_ghs9 {
		content:url(../image/ghs09.png);
	}
	#sds_show, #maplegend_show {
		overflow: auto;
		position:absolute;
		border:0px;
		padding:0%;
		top:0px;
		left:0px;
		width:100%;
		background: #fff;
		height:100%;
		display:none;
		color: #000;
		display:none;
	}
	#sds_page1, #sds_page2, #sds_page3 {
		display:none;
	}
	#sds_title {
		font-weight:600;
		font-size:1.2em;
	}
	#sds_mainwarning {
		letter-spacing: 3px;
		margin-top:5px;
		background:#ff0000;
		color:#fff;
		padding:10px;
		font-size:1.4em;
		font-weight:bold;
		text-transform: uppercase;
		padding-right: 14px;
		padding-left: 14px;
	}
	#sds_mainwarningtext {
		font-weight:800;
		font-size:1em;
		text-transform: uppercase;
		font-family: system-ui;
	}
	.sds_mainwarningsmall {
		letter-spacing: 1px;
		margin-top:2px;
		background:#ff0000;
		color:#fff;
		padding:5px;
		font-size:.7em;
		font-weight:bold;
		text-transform: uppercase;
		padding-right: 5px;
		padding-left: 5px;
	}
	.sds_ghssmall1,.sds_ghssmall2,.sds_ghssmall3,.sds_ghssmall4,.sds_ghssmall5,.sds_ghssmall6,.sds_ghssmall7,.sds_ghssmall8,.sds_ghssmall9 {
		height:28px;
		margin-right:3px;
	}
	.sds_ghssmall1 {
		content:url(../image/ghs01.png);
	}
	.sds_ghssmall2 {
		content:url(../image/ghs02.png);
	}
	.sds_ghssmall3 {
		content:url(../image/ghs03.png);
	}
	.sds_ghssmall4 {
		content:url(../image/ghs04.png);
	}
	.sds_ghssmall5 {
		content:url(../image/ghs05.png);
	}
	.sds_ghssmall6 {
		content:url(../image/ghs06.png);
	}
	.sds_ghssmall7 {
		content:url(../image/ghs07.png);
	}
	.sds_ghssmall8 {
		content:url(../image/ghs08.png);
	}
	.sds_ghssmall9 {
		content:url(../image/ghs09.png);
	}
	#sds_warningshow0 {
		font-weight:700;
	}
	
	.fadequotes {
		display: none;
		color:#000;
		font-size:18px;
		font-weight:600;
		line-height:1em;
	}
	
	.map_eu, .map_gyul, .map_tox, .map_zuhany, .map_hordagy, .map_fire {
		position: absolute;
		  width: 36px;
		  height: 36px;
		  background-size: contain;
		  pointer-events: none; /* Ne akadályozza az egérműveleteket */
		  z-index: 10;
	}
	
	.map_fire {
		background: url(../image/map_fire.png) no-repeat center center;
		background-size: contain;
		/*content:url(../image/map_fire.jpg); */
	}
	
	.map_eu {
		background: url(../image/map_eu.jpg) no-repeat center center;
		background-size: contain;
		/*content:url(../image/map_eu.jpg);*/
	}
	
	.map_gyul {
		background: url(../image/map_gyul.jpg) no-repeat center center;
		background-size: contain;
		/*content:url(../image/map_gyul.jpg);*/
	}
	
	.map_tox {
		background: url(../image/map_tox.png) no-repeat center center;
		background-size: contain;
		/*content:url(../image/map_tox.png);*/
	}
	
	.map_zuhany {
		background: url(../image/map_zuhany.jpg) no-repeat center center;
		background-size: contain;
		/*content:url(../image/map_zuhany.jpg);*/
	}
	
	.map_hordagy {
		background: url(../image/map_hordagy.png) no-repeat center center;
		background-size: contain;
		/*content:url(../image/map_hordagy.png);*/
	}
	
#search-box {
  position: absolute;
      top: 9px;
    right: 9px;
  z-index: 1000;
  white-space: nowrap;
/*  box-shadow: 0 0 5px rgba(0,0,0,0.3);*/
}
#search-input {
  width: 150px;
  padding: 4px;
}
#search-clear {
	cursor: pointer;
	right: 27px;
	position: relative;
	margin-right: -20px;
	display: inline-block;
}

			.oam-layer-control { box-sizing:border-box; width:min(260px, calc(100vw - 75px)); padding:9px 11px; background:rgba(255,255,255,.96); border-radius:4px; box-shadow:0 1px 5px rgba(0,0,0,.45); color:#222; font:12px/1.45 Arial,sans-serif; }
			.oam-map-search input { box-sizing:border-box; width:100%; min-height:34px; padding:6px 8px; font:14px Arial,sans-serif; }
			.oam-map-toolbar { display:flex; gap:7px; margin-top:7px; }
			.oam-layer-toggle, .oam-fire-button { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:4px; border-radius:3px; cursor:pointer; }
			.oam-layer-toggle { border:1px solid #025b95; background:#025b95; }
			.oam-control-icon { display:block; width:24px; height:24px; object-fit:contain; }
			.oam-layer-list { max-height:min(48vh, 360px); overflow-y:auto; padding-top:5px; }
			.oam-layer-list[hidden] { display:none; }
			.oam-layer-row { display:flex; align-items:center; gap:6px; min-height:30px; cursor:pointer; }
			.oam-layer-row input { flex:none; margin:0; }
			.oam-layer-icon { flex:none; width:22px; height:22px; object-fit:contain; }
			.oam-fire-button { border:1px solid #c00; background:#d00; }