/* CSS Document */

:root {
	--base-color: #F58320;
	--box-color: #ffffff;
	--header-color: rba(255,255,255,0);
	--background-color: rba(255,255,255,0);
	--alap-arany: 0px;
	--lila-gradient: linear-gradient(to bottom, purple, purple);
	--lila-color: purple;
}

@media screen and (min-width: 350px) {
	:root {
		--alap-arany: calc((100vw - 350px) / (1980 - 350));
	}
}
@media screen and (min-width: 1980px) {
	:root {
		--alap-arany: 1px;
	}
}
html {
	scroll-behavior: smooth;
	width: 100%;
	/*overflow: hidden;*/
}
body {
	width: 100%;
	padding: 0; margin: 0; position: relative;
	background: var(--background-color);
	transition: background 2s;
	/*overflow-x: hidden;*/
	}
	
h1.seo_cim_style {
	position: absolute;
	visibility: hidden;
}

* {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

div.grafcom_progress_div {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	padding: 10px;
	z-index: 100001;
	background: rgba(0,0,0,0.25);
	opacity: 0; transition: opacity 1.5s;
}
div.grafcom_progress_div.visible {
	opacity: 1; transition: opacity 1.5s;
}
div.grafcom_progress_inner_div {
	position: absolute;
	width: 100%; height: auto; max-width: 340px; min-height: 150px; max-height: 500px;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	padding: 40px 20px;
	text-align: center;
}

/* grafcom notification*/
div.grafcom_notification_div {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 370px;
	padding: 10px;
	z-index: 100000;
}
div.notification_item_div {
	position: relative;
	width: 100%;
	padding: 40px 20px;
	margin-bottom: 10px;
	border-radius: 15px;
	text-align: left;
	font-size: calc(14px + (22 - 14) * var(--alap-arany));
	font-style: normal;
	font-weight: 500;
	FONT-FAMILY: Tahoma, Sans-Serif; 
	text-decoration: none; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: solid 2px #444444;
	background-color: #444444;
	COLOR: #ffffff;
	box-shadow: 0px 0px 3px #f5f5f5;
}
div.notification_item_div.error {
	border: solid 2px #ffffff;
	background-color: red;
	COLOR: #ffffff;
	box-shadow: 0px 0px 3px #f5f5f5;	
}
div.notification_item_div.success {
	border: solid 2px green;
	box-shadow: 0px 0px 3px #f5f5f5;	
}
div.notification_item_bezar_div {
	position: absolute; top: 10px; right: 10px; padding: 5px; cursor: pointer; font-size: 14px; font-style: normal; font-weight: 500; COLOR: #c5c5c5; FONT-FAMILY: Tahoma, Sans-Serif; text-decoration: none;
}
div.grafcom_notification_item_div {
	width: 100%;
	padding: 40px 20px;
	margin-bottom: 10px;
	border-radius: 15px;
	background: #444444;
	text-align: left;
	font-size: 14px; font-style: normal; font-weight: 500; COLOR: #ffffff; FONT-FAMILY: Tahoma, Sans-Serif; text-decoration: none;
	opacity: 0;
}

div.grafcom_notification_fixed_div {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	padding: 10px;
	z-index: 100001;
	background: rgba(0,0,0,0.25);
	opacity: 0; transition: opacity 1.5s;
}
div.grafcom_notification_fixed_div.visible {
	opacity: 1; transition: opacity 1.5s;
}
div.grafcom_notification_fixed_item_div {
	position: absolute;
	width: 100%; height: auto; max-width: 340px; min-height: 150px; max-height: 400px;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	padding: 40px 20px;
	border-radius: 15px;
	text-align: left;
	font-size: calc(14px + (22 - 14) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #ffffff; FONT-FAMILY: Tahoma, Sans-Serif; text-decoration: none;
	border: solid 2px #444444;
	background-color: #444444;
	COLOR: #ffffff;
	box-shadow: 0px 0px 3px #f5f5f5;
}
@media screen and (min-width: 767px)
{
	div.grafcom_notification_fixed_item_div {
		width: 100%; height: auto; max-width: 540px; min-height: 150px; max-height: 600px;
	}
}
div.grafcom_notification_fixed_item_div.error {
	border: solid 2px #ffffff;
	background-color: red;
	COLOR: #ffffff;
	box-shadow: 0px 0px 3px #f5f5f5;	
}
div.grafcom_notification_fixed_item_div.success {
	border: solid 2px green;
	box-shadow: 0px 0px 3px #f5f5f5;	
}

div.grafcom_notification_fixed_item_ok_div {
	margin: 25px auto;
	width: max-content;
	padding: 5px 10px;
	font-size: calc(14px + (22 - 14) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #444444; FONT-FAMILY: Tahoma, Sans-Serif; text-decoration: none;
	border: solid 2px #444444;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #ffffff;
	cursor: pointer;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}