@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,800&subset=latin-ext');

/*
@function property-value($property, $selector:null){
	@return $magic;
}
*/
/* orig TAT piros #c63929 */

/*TAT alap -----------PIROS----------------*/

:root{
	--sz_alap							:#c63929;
	--sz_sotet							:#a53023;
	--sz_vilagos						:#ea5746;
	--fa-width							:auto;
}
/**/

/*TAT alap -----------MAGENTA---------------*/
/*
:root{
	--sz_alap:#e60082;
	--sz_sotet:#89004d;
	--sz_vilagos:#ff6dbf;
}
/**/

/*TAT alap -----------SZÜRKE----------------*/
/*
:root{
	--sz_alap:#3c3c3c;
	--sz_sotet:#292929;
	--sz_vilagos:#828282;
}
/**/

/*-------------Kozsó Zöld---------------*/
/*
:root{
	--sz_alap:#08c175;
	--sz_sotet:#09925a;
	--sz_vilagos:#2cd891;
}
/**/

/*-------------narancs---------------*/
/*
:root{
	--sz_alap:#da7218;
	--sz_sotet:#c35d15;
	--sz_vilagos:#e08a3f;
}
/**/

/*-------------Zöld---------------*/
/*
:root{
	--sz_alap:#0c7723;
	--sz_sotet:#0f541e;
	--sz_vilagos:#20ad3f;
}
/**/

/*-------------Kék---------------*/
/*
:root{
	--sz_alap:#2381af;
	--sz_sotet:#1c668a;
	--sz_vilagos:#369ed2;
}
/**/

/*-------------Vegyes kékek---------------*/
/*
:root{
    --sz_alap: #345a9c;
    --sz_sotet: #1589b7;
    --sz_vilagos: #5979b1;
}
/**/


/*----------Árnyékok------------*/
:root{
	/*--sh_fa								:-1px -1px 2px rgba(255,255,255,0.7), 1px 1px 2px rgba(0,0,0,0.7);*/
	--sh_fa								:0px 0px 0px rgba(255,255,255,0.0);
	/*--sh_fa_hov							:0px 0px 1px rgba(255,255,255,0.5), 0px 0px 1px rgba(0,0,0,0.5);*/
	--sh_fa_hov							:1px 1px 1px rgba(0, 0, 0, 0.6);
	--sh_sotet_nagy						:8px 14px 10px -3px rgba(0, 0, 0, 0.56);
	--sh_sotet_kicsi					:4px 4px 4px -2px rgba(0, 0, 0, 0.56);
	--sh_feher_1px						:#ffffff 1px 0px 0px,
										#ffffff 0px 1px 0px,
										#ffffff -1px 0px 0px,
										#ffffff 0px -1px 0px,
										rgba(255, 255, 255, 0.5) 1px 1px 0px,
										rgba(255, 255, 255, 0.5) -1px -1px 0px,
										rgba(255, 255, 255, 0.5) 1px -1px 0px,
										rgba(255, 255, 255, 0.5) -1px 1px 0px;
}

/*----------Szinek------------*/
:root{
	--c_black							:#000;
	--c_white							:#FFF;
	--c_gray_1							:#111;
	--c_gray_2							:#222;
	--c_gray_3							:#333;
	--c_gray_4							:#444;
	--c_gray_5							:#555;
	--c_gray_6							:#666;
	--c_gray_7							:#777;
	--c_gray_8							:#888;
	--c_gray_9							:#999;
	--c_gray_a							:#AAA;
	--c_gray_b							:#BBB;
	--c_gray_c							:#CCC;
	--c_gray_d							:#DDD;
	--c_gray_e							:#EEE;
}

/*----------gradiensek------------*/
:root{
	--gr_lin_sotet						:linear-gradient(to bottom, var(--sz_alap) 0%, var(--sz_sotet) 100%);
	--gr_lin_vilagos					:linear-gradient(to bottom, var(--sz_alap) 0%, var(--sz_vilagos) 100%);
}

/*----------spec szinek------------*/
:root{
	--sz_close							:#af2323;
	--sz_off							:#289036;
	--sz_on								:#af2323;
}

/*------------bg ikonok-------------*/
:root{
	--icon_arrow_h						:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABgCAYAAAB8InCYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUyOTA0N0QwREIwQzExRTk5MTQxQTI2MjMzRThGQzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUyOTA0N0QxREIwQzExRTk5MTQxQTI2MjMzRThGQzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTI5MDQ3Q0VEQjBDMTFFOTkxNDFBMjYyMzNFOEZDMEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTI5MDQ3Q0ZEQjBDMTFFOTkxNDFBMjYyMzNFOEZDMEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62scCnAAADK0lEQVR42uyZv2sUQRTHZ2Zndy/JJYKFIFaWFgYEBUFsFHtrC/8AFUURFEQlpAoIGlDBwlIUK3sbfzSKghALO0uJ2BjuLtkf88Pv27tc9jZrcgHJFr6BueRmZt/7zHtv5j32pPdeNNmUaLgxAAMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwQOMAupfbTYP04qqlg3NSihnn/BMl5fBNlttGYICHlByshRzrxGmt5LE1Yx9ASCLLegigm5kRAQ6joZKnpiL9jBZnzq04754Xk3L4UdtIYBQooTdgDwRKvgJT23qxr5eZa9jMcDWtL2DLHQNTe+Lw4YYaeWY1d2LNOJFDivy7/uL5HFvuZlZ00FPjZiGvTXPtKLgCuJOkeERfdfeTYXA3DOShYZAoMRFpJWL0ELvb7rViAQFBa3Btal2rNK6mY/0If1u1QUhyofh4O9JXKzILt8uttl5pLcAGWC77Vh42uPZwK9S3y8Oq5MB4OtKP8Zyuupb8NK56X8AiFnRA/2+KWbjiOuLiqC8DkOknwuAGfHSkxqQIbBlSfI3b4SZ4TYawaFwjL6KNkkGK78vdhDTM7p2IPmKnrZoddazzP8T4RlhX5AE+A5n76+Y7qbm5auyCWO4kYZLbN36XGzbV/dVLZ8VKkt/yDTWclLcSJN9hpoP/bzLCVfy0KeWJce8aD0KN85J3MnM5DHb3GCIxzVvvl+RP3AODHHBnJtZz1YWZdS8y58/LHQIQO9LxWVw6L2tkfvqd5CcobRRBSFctjsQCJr7UWACgPqfnxu24ijPjfI7smdbIy2DxC6R89BRIkdIEFpiqNclCfnzTFxkzM7bIgNV5pOp7cOlnWT2G/VzuP+BU3K87qjv5eQ/RDbNREIy6DWn6a5Kb+fLwCCG5YjW3cwD5NszFqEVgTyouimJju6zs+2mXkpuIA5WUxh3u/4tUlo3o9IOH1jvM3VtJ80sb+/WvJ0NUJUVBIrcsSPo1haKUK6bRUcQsQV53YPpFxNh7snVZn6zWhP+6KIXhTlFRmhi7WFeUSv7plgEYgAEYgAEYgAEYgAEYgAEYgAEYgAEYgAGaBvgjwADvHNt+hYVz9wAAAABJRU5ErkJggg==');
	--icon_arrow_v						:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxQTdDQjk5REIwQzExRTlBMUQ3OTM3QjhGODgwRjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxQTdDQjlBREIwQzExRTlBMUQ3OTM3QjhGODgwRjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjFBN0NCOTdEQjBDMTFFOUExRDc5MzdCOEY4ODBGNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjFBN0NCOThEQjBDMTFFOUExRDc5MzdCOEY4ODBGNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HOAUyAAADg0lEQVR42uyZvWsUQRTA583OXm4T82kKERG1Mp2pNOm0EAmoIIhiKYqCKKRQsVJsLESwELRQgiAIAZvIFZo/QCRNChs/GkECWuTycbnb3fnyzd5dch6X3Cc4IfOO3T1u7w277/c+5s2A1prYJqFQZDniBGrc06VTmtGrPSl2gwLpy3M1k+fiAb7KEkBtnYB5pK+LWfeusJ0AKHxUD+BAT8p71O17FyvvxVLN52JxN5b6o4EAVQDSCKDfQgCUWCjVhjc+ohKv964Ndftz1cY3kvLokcEg9aE3xZ4DgWEL/Wr7ANAVV2N4SmFkIO1nBtLsBUbA8FbgMDquDwb+Z9+j54yu3gSqA1APgk4I0MD3JncH/ifM+RON6voUDg0F/rveLvYao2FvJQhXAxqsAauRGEUDPkHDH29nLKH0r5VI3MPIedOfdkW4IZFaj6PnzuIMp7tTYyKI+4zCQ5eCGirCEEAHjZ+MCTDoUlDj3kq4VKfwyU57FIZK9VgX8zs9gZGxZzNVnIZmNNFrpcJLpdIF/DqHhXyqy6OhA9CAKHymCOtAjkszvVyfxVAMiy5GM1hkJ2rrkdW8kPvxnZZM4TU6kVQkjWMEPiWM2hfw1s6CykY3B0ZBcpS6XK+Ozi4DCvN9AgyI3cKsfriS4av7g4a9i5LE6wHsxWBlBJj0oYrdbdu9RMorRo7UDkDLHfH/HmPHAtgJ4gA4AA6AEwfAAXDiAGyIab5MD1Dun1pto6CiobNxGcJaAMZwDIprQgUhk6asmWa2/FezDsTxSDpqcBHQUgMlsIXNx4LEQpVviTpqOYHg8lwmC3qKVCylWijMVuMrTYY8gNEUo32giVbmUBooI/s29XzMXHg5L5X+wwDAw5NPIcLfvqH+DxujwNb9gBG8ZDB1HOwIUMxkXKlbWFdeuhTUWBE+3CnjlyIjYF57e8s7CkAsVWY5EncwbeQ6Md4al2/XYnHbAWiCQSjk42wYj4VCzbaRyn5mQ34hF4tLmIYWHIAmqrDZy8Ji+mUl4icxGm5KrRebGQJnQa/Q+EdxGjpt876YnQDWG7DiJxLyWbbAjxWEmqmnypX+ioY/g15/BUH+tn1T0toI2Ji968SE2JR9X4342eWQX8bIWKihItDoT5dCPoZe/x7Iv2M4AC0wqGW+UKqpxZCPY4qZxt+jUtGeXyzwCSy2kzitzm6lb5v8FWAA9MiRbzOSEeIAAAAASUVORK5CYII=');
}

/*
 * Eredeti szinek:
 *		 Alap TAT piros:#c63929;
 * 		 Sötétebb TAT piros #951100;
 * 				#a53023;
 * 				#8B0000;
 * */

/* animációk - lehet, hogy ez máshova mehetne */
@-webkit-keyframes spin-y{
	0%{
		-webkit-transform				:scaleX(1);
		transform						:scaleX(1);
		-webkit-filter					:brightness(100%);
		filter							:brightness(100%);
	}
	25%{
		-webkit-transform				:scaleX(0);
		transform						:scaleX(0);
		-webkit-filter					:brightness(50%);
		filter							:brightness(50%);
	}
	50%{
		-webkit-transform				:scaleX(-1);
		transform						:scaleX(-1);
		-webkit-filter					:brightness(100%);
		filter							:brightness(100%);
	}
	75%{
		-webkit-transform				:scaleX(0);
		transform						:scaleX(0);
		-webkit-filter					:brightness(50%);
		filter							:brightness(50%);
	}
	100%{
		-webkit-transform				:scaleX(1);
		transform						:scaleX(1);
		-webkit-filter					:brightness(100%);
		filter							:brightness(100%);
	}
}

.spin-y:before{
	-webkit-animation					:spin-y 3s infinite ease-in-out;
	animation							:spin-y 3s infinite ease-in-out;
}

*:focus{
	outline-color						:var(--sz_alap);
}

/* TAT kozmetikai mértékegységek */

.ugyfelar .ar::after{
	content:' Ft'
}


iframe{
	margin								:0;
	margin								:0;
	padding								:0;
	border								:0;
}

body{
	padding								:0;
	border								:0;
	margin								:10px;
}

.gpserror{
	-webkit-filter						:drop-shadow(0px 0px 5px red);
	filter								:drop-shadow(0px 0px 5px red);
}

.gpsok{
	-webkit-filter						:drop-shadow(0px 0px 5px green);
	filter								:drop-shadow(0px 0px 5px green);
}

/* HTML STRU */

.derp-header{
/*	background-color					:#fff;*/
	position							:fixed;
	left								:0px;
	top									:0px;
	width								:calc(100% - 20px);
	padding-left						:10px;
	padding-right						:10px;
	z-index								:100;
}

.derp-footer{
	position							:fixed;
	bottom								:0px;
	left								:0px;
	width								:calc(100% - 20px) !important;
	padding-left						:10px !important;
	padding-right						:10px !important;
	background-color					:#f4f4f4 !important;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display								:block;
}

html{
	height								:100%;
}

body{
	line-height							:1;
}

ol,ul{
	list-style							:none;
}

blockquote,q{
	quotes								:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after{
	content					:'';
	content					:none;
}

table.hir_table{
	font					:12px Arial, Helvetica, sans-serif;
	font-size				:150%;
	padding					:1px;
	width					:100%;
	vertical-align			:top;
}

table.hir_table td{
	padding					:1px;
	vertical-align			:top;
}

/* Innen kezdődik a valódi css */
body{
	font					:12px Arial, Helvetica, sans-serif;
}

body.menu{
	background-color		:white;
	overflow				:hidden;
}

body.auth{
	background				:url(./tat/auth-bg.png) top center no-repeat;
}

body.kosar-fej-tarolo{
	/*margin:20px;*/
	height					:100%;
}

body.kosar-fej-tarolo div.rendezettform,
body.kosar-fej-tarolo div.rendezettform #kosar_beazonositas{
	/*margin				:20px;*/
	height					:100%;
}

p{
	margin-bottom			:10px;
}

small{
	font-size				:85%;
}

a{
	color					:#333;
	text-decoration			:none;
}

a:hover{
	color					:var(--sz_alap);
}

.hidden{
	display					:none;
}

.light{
	color					:#999;
}

/* Default layout elements */
#header{
	padding					:20px;
	padding-top				:30px;
	overflow				:hidden;
}

#logo{
	float					:left;
}

#spec_logo{
	float					:right;
}

p#tagline,
span#tagline{
	font					:bold 11px Arial, Helvetica, sans-serif;
	color					:#fff;
	margin-left				:7px;
	margin-top				:4px;
}

#wrapper{
	position				:absolute;
	top						:94px;
	left					:0;
	right					:320px;
	bottom					:10px;
	padding					:10px;
	background				:#fff url(./tat/body.png) top left repeat-x;
	overflow				:auto;
	overflow-x				:hidden;
}

#wrapper.clients{
	right					:0;
}

/* Navigation */
#main-nav{
	position				:relative;
	margin-left				:180px;
	z-index					:100;
}

#main-nav li{
	height					:20px;
	line-height				:20px;
	padding					:5px 10px;
	cursor					:default;
}

#main-nav li:hover{
	background				:#eee;
}

#main-nav a{
	display					:block;
	width					:100%;
	height					:100%;
	color					:#e20025;
}

#main-nav a:hover{
	color					:#f00;
}

.parent-nav{
	width					:160px;
	float					:left;
	font					:bold 12px Arial, Helvetica, sans-serif;
	color					:#333;
	text-shadow				:0 1px 1px #fff;
	padding-top				:20px;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	-webkit-box-shadow		:0 0 3px #999;
	-moz-box-shadow			:0 0 3px #999;
	box-shadow				:0 0 3px #999;
	-moz-border-radius		:4px;
	border-radius			:4px;
	margin-right			:5px;
}

#main-nav .parent-nav:hover{
	-moz-border-radius		:4px;
	border-radius			:4px;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	-webkit-box-shadow		:0 0 3px #999;
	-moz-box-shadow			:0 0 3px #999;
	box-shadow				:0 0 3px #999;
}

.child-nav{
	font					:normal 12px Arial, Helvetica, sans-serif;
	font-weight				:normal;
	width					:180px;
	display					:none;
	position				:relative;
	margin-top				:10px;
	margin-left				:-10px;
}

.child-item{
	width					:345px;
}

.subchild-nav{
	width							:185px;
	display							:none;
	position						:relative;
	left							:170px;
	margin-top						:-25px;
	border-top-right-radius			:4px;
	border-bottom-right-radius		:4px;
	border							:1px solid #ddd;
	border-left						:none;
	background						:#eee url(./tat/nav-parent.jpg) top left repeat-x;
}

/* shopping-cart *//*
#rendeles_kosar{
	position				:absolute;
	top						:94px;
	right					:0px;
	padding					:10px;
	width					:300px;
	background				:#fff url(./tat/body.png) top left repeat-x;
}
*/
h2{
	font					:24px Arial, Helvetica, sans-serif;
	color					:var(--sz_alap);
	text-shadow				:0 1px 1px #fff;
	margin-bottom			:20px;
}

h4{
	font					:bold 14px Arial, Helvetica, sans-serif;
	margin-bottom			:10px;
	color					:#666;
	text-shadow				:0 1px 1px #fff;
}

div.info_cikknev{
	font					:bold 14px Arial, Helvetica, sans-serif;
	margin-bottom			:10px;
	color					:#666;
	text-shadow				:0 1px 1px #fff;
}

#kosar_beazonositas select{
	padding					:5px;
}

#rendeles_kosar #about-user{
	color					:#666;
	text-align				:center;
}

#xkosar_fej{
	width					:100%;
	margin-bottom			:20px;
}

#kosar_tabla{
	width					:100%;
	/*margin-bottom			:20px;*/
}

#cart-details{
	width					:100%;
	margin-bottom			:20px;
}

/*ha már eddig 6-szor felüldefiniáltuk.... */
th{
	background				:#ddd;
	border					:1px solid #777;
}

#xkosar_fej td{
	padding					:4px;
	border-bottom			:1px dotted #ddd;
}

#kosar_tabla td{
	padding					:4px;
	border-bottom			:1px dotted #ddd;
}

#cart-details td{
	padding					:4px;
	border-bottom			:1px dotted #ddd;
}

#xkosar_fej img{
	vertical-align			:text-bottom;
}

#kosar_tabla img{
	vertical-align			:text-bottom;
}

#cart-details img{
	vertical-align			:text-bottom;
}

.icon{
	opacity					:0.6;
	cursor					:pointer;
	-webkit-transition		:opacity 0.2s;
	-moz-transition			:opacity 0.2s;
	transition				:opacity 0.2s;
}

.icon:hover{
	opacity					:1;
}

#kosar_fej .cd-header td{
	line-height				:20px;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	border					:none;
}

#kosar_tabla .cd-header td{
	line-height				:20px;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	border					:none;
}

#rendeles_kosar_menu .cd-header td{
	line-height				:20px;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	border					:none;
	text-align				:center;
}

#kosar_fej{
	text-align				:right;
	font-size				:10px;
	border					:none;
}

#kosar_tabla{
	text-align				:right;
	font-size				:10px;
	border					:none;
}

#cart-details{
	text-align				:right;
	font-size				:10px;
	border					:none;
}

#show-full-cart{
	text-align				:right;
	font-size				:10px;
	border					:none;
}

.rendeles_fielset_center{
	text-align				:center;
}

/* Product list */
#product-filter{
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	position				:absolute;
	padding					:10px;
	left					:20px;
	right					:10px;
	top						:0;
	overflow				:auto;
	z-index					:10;
	-webkit-box-shadow		:0 0 10px #999;
	-moz-box-shadow			:0 0 10px #999;
	box-shadow				:0 0 10px #999;
	border-bottom-left-radius	:4px;
	border-bottom-right-radius	:4px;
}

.scell-filter{
	background				:#ffffff;
}

table.termek_szuro_tabla td.cell-filter br{
	display					:none;
}

table.termek_szuro_tabla td.cell-filter label{
	padding-right			:5px;
}

table.termek_szuro_tabla hr{
	margin-top				:2px;
	margin-bottom			:2px;
}

.filter-multiselect{
	width					:96%;
	overflow				:hidden;
}

hr{
	border					:none;
	border-top				:1px dotted #999;
}

#filter-options{
	margin-bottom			:10px;
}

#filter-options label{
	font-size				:10px;
	color					:#666;
	text-shadow				:0 1px 1px #fff;
}

p#filter-description{
	font					:bold 10px Arial, Helvetica, sans-serif;
	color					:#666;
	text-shadow				:0 1px 1px #fff;
	float					:left;
	margin					:0;
}

#toggle-filter{
	float					:right;
	cursor					:pointer;
	color					:#069;
	border-bottom			:1px dotted;
	font-size				:10px;
	margin					:0;
}

#filter-results{
	position				:absolute;
	z-index					:0;
	width					:100%;
	margin-top				:24px;
}

#product-thumbnail{
	width					:280px;
	margin					:0 auto;
	border					:10px solid #fff;
	-webkit-box-shadow		:0 0 10px #999;
	-moz-box-shadow			:0 0 10px #999;
	box-shadow				:0 0 10px #999;
}

.filter-head{
	color					:#999;
	font					:bold 11px Arial, Helvetica, sans-serif;
}

.fr-head{
	text-shadow				:0 1px 1px #fff;
}

.filter-row,.fr-head{
	border-bottom			:1px solid #ddd;
	box-shadow				:0px 3px 8px var(--c_gray_d);
}

.filter-row td,.fr-head td{
	padding					:4px;
	vertical-align			:top;
}

.filter-row:hover{
	background				:#eee;
}

.filter-product-title{
	font					:normal 18px Arial, Helvetica, sans-serif;
}

.filter-product-stripping{
	color					:#000000;
	padding-bottom			:0px;
}

.filter-product-serial{
	font					:10px Verdana, Geneva, sans-serif;
}

.filter-description{
}

.filter-order{
	width					:250px;
}

.filter-order label{
	color					:#069;
	font-size				:10px;
	line-height				:20px;
	border-bottom			:1px dotted;
	cursor					:pointer;
}

.item-qty,.qty-type{
	width					:125px;
	float					:left;
}

.prod-order-qty{
	margin-top				:5px;
	width					:60px;
	font-size				:18px;
}

.filter-price{
	width					:100px;
	font					:bold 18px Arial, Helvetica, sans-serif;
	vertical-align			:top;
}


label{
	color					:#656565;
	cursor					:pointer;
}

.input-default{
	border					:1px solid #999;
	padding					:5px;
}


.form-star{
	width					:0px;
	font-size				:20px;
}

#auth-help{
	text-align				:right;
}

#select-client{
	width					:320px;
	float					:left;
	margin-right			:20px;
}

#open-orders{
	width					:620px;
	font-size				:11px;
	border-left				:2px solid #ddd;
}

#open-orders td{
	padding					:5px;
}

#open-orders caption{
	font					:bold 14px Arial, Helvetica, sans-serif;
	margin-bottom			:10px;
	color					:#666;
	text-shadow				:0 1px 1px #fff;
	text-align				:left;
}

.order-header td{
	font-weight				:bold;
	color					:#999;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
}

/* Buttons */

/* Ha a sima button tag formázásai nem okoznak bajt, akkor törölhető a többi típus vagy class megszorítás sok helyről*/

button.cPointer,
a.button,
input[type="button"],
input[type="file"],
input[type="submit"],
button[type="submit"],
button[type="reset"],
button.small,
button.large,
button.medium{
	background				:var(--sz_alap);
	border					:1px solid var(--sz_alap);
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
	border-radius			:3px;
	color					:#fff;
	font-family				:'Roboto', sans-serif;
	/*font-weight				:bold;*/
	line-height				:1;
	text-align				:center;
	margin					:5px;
}

a.button.large,
button.large{
	font-size				:20px;
	padding					:10px 20px;
}

a.button,
input[type="button"],
input[type="submit"],
input[type="file"],
button[type="submit"],
button[type="file"],
button[type="reset"],
button[type="button"],
button.medium{
	font-size				:15px;
	padding					:6px 12px;

}

button.cPointer,
a.button.small,
button.small{
	font-size				:12px;
	padding					:4px 8px;
}

button.cPointer:hover,
a.button:hover,
input[type="button"]:hover,
input[type="file"]:hover,
input[type="submit"]:hover,
button[type="file"]:hover,
button[type="submit"]:hover,
button[type="reset"]:hover,
button.small:hover,
button.large:hover,
button.medium:hover{
	background				:var(--sz_sotet);
	cursor					:pointer;
}

button.cPointer:active,
a.button:active,
input[type="button"]:active,
input[type="file"]:active,
input[type="submit"]:active,
button[type="file"]:active,
button[type="submit"]:active,
button[type="reset"]:active,
button.small:active,
button.large:active,
button.medium:active{
	background				:var(--sz_alap);
	background				:-moz-linear-gradient(0% 100% 90deg, var(--sz_sotet) 0%, var(--sz_alap) 50%, var(--sz_alap) 50%, var(--sz_vilagos) 100%);
	background				:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, var(--sz_vilagos)), color-stop(0.5, var(--sz_alap)), color-stop(0.5, var(--sz_alap)), color-stop(1, var(--sz_sotet)));
}

input:not(.notext-button) i,
a.button:not(.notext-button) i,
button:not(.notext-button) i{
	padding-right			:10px;
	opacity					:0.8
}

button.file-ext-button{
	padding					:0px;
}

.inverz-button{
	background				:white !important;
	color					:#333 !important;
}

.inverz-button i{
	transition				:all 0.3s ease-out;
}

.inverz-button:hover i{
	transition				:all 0.3s ease-out;
	color					:var(--sz_alap) !important;
}

.inverz-button:active{
	background				:white !important;
	transition				:all 0.3s ease-out;
	color					:var(--sz_alap) !important;
}

.fa_button{
	text-shadow				:var(--sh_fa);
	opacity					:0.9;
	cursor					:pointer;
}

.fa_button:hover{
	text-shadow				:var(--sh_fa_hov);
	opacity					:1;
}

span.fa_double_icon > i:nth-child(1){
    position: absolute;
}

span.fa_double_icon > i:nth-child(2){
    position: relative;
}

/* jQuery overrides */
.ui-datepicker-trigger{
	width					:29px !important;
	height					:29px !important;
	margin-top 				:-3px;
	vertical-align			:text-bottom;
	margin-left				:0px;
	cursor					:pointer;
}

/* Naptár */
.calendar{
	position				:relative;
	display					:none;
	border					:1px solid;
	border-color			:#fff #000 #000 #fff;
	font-size				:11px;
	cursor					:default;
	background				:Window;
	color					:WindowText;
	font-family				:tahoma,verdana,sans-serif;
}

.calendar table{
	border					:1px solid;
	border-color			:#fff #000 #000 #fff;
	font-size				:11px;
	cursor					:default;
	background				:Window;
	color					:WindowText;
	font-family				:tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button{/* "<<", "<", ">", ">>" buttons have this class */
	text-align				:center;
	padding					:1px;
	border					:1px solid;
	border-color			:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background				:ButtonFace;
}

.calendar .nav{
	background				:ButtonFace url(./tat/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title{/* This holds the current "month, year" */
	font-weight				:bold;
	padding					:1px;
	border					:1px solid #000;
	background				:ActiveCaption;
	color					:CaptionText;
	text-align				:center;
}


.calendar thead .name{/* Cells <TD> containing the day names */
	border-bottom			:1px solid ButtonShadow;
	padding					:2px;
	text-align				:center;
	background				:ButtonFace;
	color					:ButtonText;
}

.calendar thead .weekend{/* How a weekend day name shows in header */
	color					:#f00;
}

.calendar thead .hilite{/* How do the buttons in header appear when hover */
	border					:2px solid;
	padding					:0px;
	border-color			:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active{/* Active (pressed) buttons in header */
	border-width			:1px;
	padding					:2px 0px 0px 2px;
	border-color			:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */
.calendar tbody .day{/* Cells <TD> containing month days dates */
	width					:2em;
	text-align				:right;
	padding					:2px 4px 2px 2px;
}

.calendar tbody .day.othermonth{
	font-size				:80%;
	color					:#aaa;
}
.calendar tbody .day.othermonth.oweekend{
	color					:#faa;
}

.calendar table .wn{
	padding					:2px 3px 2px 2px;
	border-right			:1px solid ButtonShadow;
	background				:ButtonFace;
	color					:ButtonText;
}

.calendar tbody .rowhilite td{
	background				:Highlight;
	color					:HighlightText;
}

.calendar tbody td.hilite{/* Hovered cells <TD> */
	padding					:1px 3px 1px 1px;
	border-top				:1px solid #fff;
	border-right			:1px solid #000;
	border-bottom			:1px solid #000;
	border-left				:1px solid #fff;
}

.calendar tbody td.active{/* Active (pressed) cells <TD> */
	padding					:2px 2px 0px 2px;
	border					:1px solid;
	border-color			:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected{/* Cell showing selected date */
	font-weight				:bold;
	border					:1px solid;
	border-color			:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding					:2px 2px 0px 2px;
	background				:ButtonFace;
	color					:ButtonText;
}

.calendar tbody td.weekend{/* Cells showing weekend days */
	color					:#f00;
}

.calendar tbody td.today{/* Cell showing today date */
	font-weight				:bold;
	color					:#00f;
}

.calendar tbody td.disabled{
	color					:GrayText;
}

.calendar tbody .emptycell{/* Empty cells (the best is to hide them) */
	visibility				:hidden;
}

.calendar tbody .emptyrow{/* Empty row (some months need less than 6 rows) */
	display					:none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow{/* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip{/* Tooltip (status bar) cell <TD> */
	background				:ButtonFace;
	padding					:1px;
	border					:1px solid;
	border-color			:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	color					:ButtonText;
	text-align				:center;
}

.calendar tfoot .hilite{/* Hover style for buttons in footer */
	border-top				:1px solid #fff;
	border-right			:1px solid #000;
	border-bottom			:1px solid #000;
	border-left				:1px solid #fff;
	padding					:1px;
	background				:#e4e0d8;
}

.calendar tfoot .active{/* Active (pressed) style for buttons in footer */
	padding					:2px 0px 0px 2px;
	border-top				:1px solid #000;
	border-right			:1px solid #fff;
	border-bottom			:1px solid #fff;
	border-left				:1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo{
	position				:absolute;
	display					:none;
	width					:4em;
	top						:0px;
	left					:0px;
	cursor					:default;
	border					:1px solid;
	border-color			:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background				:Menu;
	color					:MenuText;
	font-size				:90%;
	padding					:1px;
	z-index					:100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix{
	text-align				:center;
	padding					:1px;
}

.calendar .combo .label-IEfix{
	width					:4em;
}

.calendar .combo .active{
	padding					:0px;
	border					:1px solid #000;
}

.calendar .combo .hilite{
	background				:Highlight;
	color					:HighlightText;
}

.calendar td.time{
	border-top				:1px solid ButtonShadow;
	padding					:1px 0px;
	text-align				:center;
	background-color		:ButtonFace;
}

.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{
	padding					:0px 3px 0px 4px;
	border					:1px solid #889;
	font-weight				:bold;
	background-color		:Menu;
}

.calendar td.time .ampm{
	text-align				:center;
}

.calendar td.time .colon{
	padding					:0px 2px 0px 3px;
	font-weight				:bold;
}

.calendar td.time span.hilite{
	border-color			:#000;
	background-color		:Highlight;
	color					:HighlightText;
}

.calendar td.time span.active{
	border-color			:#f00;
	background-color		:#000;
	color					:#0f0;
}

/* Tree menü */
/*
fieldset.menu-tree-tarolo{
	border					:0px solid #cecece;
}

fieldset.menu-tree-tarolo legend{
	display					:none;
}
*/

/* Tree menü - eredeti */
ul.menu_tree_list_parent_ul{
	padding					:0px;
	margin					:0px;
}
ul.menu_tree_list li{
	list-style-type			:none;
}
ul.menu_tree_list ul.menu_tree_list_sub_ul{
	padding-left			:0px;
	background				:url(../images/tree_icons/line.gif) repeat-y;
	background-size			:30px;
}
ul.menu_tree_list li.menu_tree_list_sub_li{
	background				:url(../images/tree_icons/joinbottom.gif) no-repeat;
	padding-left			:30px;
	background-size			:30px;
}

.menu_tree_list .menu_admin_icons{
	display					:none;
}

.menu-tree-tarolo img{
	background				:var(--c_white);
	width					:20px;
	height					:20px;
}

.menu-tree-tarolo a{
	text-decoration			:none;
	padding					:8px;
	margin					:2px;
	padding-right			:29px;
	margin-right			:-18px;
	border-radius			:5px;
	display					:inline-block;
	color					:var(--c_white);
	background				:var(--sz_alap);
}

/* Tree menü -  Szürke dobozokban... */
/*
ul.menu_tree_list_parent_ul{
	padding					:0px;
	margin					:0px;
	font-size				:22px;
	margin-left				:20px;
	display					:inline-block;
}

ul.menu_tree_list_parent_ul img{
	margin-right			:-60px;
		background-color	:white;
}

ul.menu_tree_list_parent_ul a:hover{
	color					:var(--c_gray_d);
}

ul.menu_tree_list_parent_ul a{
	text-decoration						:none;
	border								:2px solid #a5a5a5;
	background							:var(--c_gray_6);
	color								:white;
	padding-right						:20px;
	padding-left						:20px;
	padding-top							:5px;
	padding-bottom						:5px;
	margin-right						:-25px;
	border								:0px;
	width								:calc(100% - 40px);
	display								:inline-block;
}

ul.menu_tree_list li{
	list-style-type						:none;
}

ul.menu_tree_list ul.menu_tree_list_sub_ul{
	padding-left						:0px;
		background						:rgba(73, 88, 107, 0.23);
	padding								:10px;
	font-size							:80%;
	margin-bottom						:25px;
		box-shadow						:5px 6px 9px 0px rgba(0, 0, 0, 0.56);
		border							:1px solid var(--sz_alap);
}

ul.menu_tree_list li.menu_tree_list_sub_li{
	padding-left						:40px;
	padding-right						:40px;
	padding-right						:40px;
	adding-top							:6px;
	padding-bottom						:10px;
}

li.menu_tree_list_li > span:not(.menu_tree_list_sub_li_span):not(.menu_tree_list_parent_li_span){
	display								:none;
}
*/

/* Dropdown menü */
#menuh{
	margin 								:0;
	height								:70px;
	position							:relative;
	box-shadow							:0px 0px 10px rgba(0, 0, 0, 0.65);
	background-color					:var(--sz_alap);
}

#menuh:hover{
	height					:70px;
}

#menuh .logo{
	position				:absolute;
	left					:0px;
	top						:0px;
	width					:150px;
	text-align				:center;
	padding-top				:13px;
}

#menuh .logo .logoszoveg{
	padding-top				:6px;
	display					:inline-block;
}

#menuh .logo > div{
	margin-left				:auto;
	margin-right			:auto;
	display					:inline-block;
}

#menuh .jobbb{
	position				:absolute;
	right					:0px;
	bottom					:0px;
	text-align				:right;
	height					:24px;
}

#menuh .menuk{
	 height					:100%;
	 margin-left			:150px;
	 position				:relative;
	max-width				:calc(100% - 150px);
}

#menuh .menuk .top_menu{
	z-index					:1;
}

#menuh .menuk .menu{
	z-index					:2;
}

#menuh .menu{
	color					:#333;
	text-shadow				:0 1px 1px #fff;
	position				:absolute;
	top						:12px;
}

#menuh .menu .fomenu{
	margin-top				:26px;
}

#menuh .menu > ul > li > span > a:hover{
	background				:-moz-linear-gradient(bottom, rgba(0,102,153,1) 0%, rgba(125,185,232,0) 3%, rgba(0,102,153,0.3) 100%);
	background				:-webkit-linear-gradient(bottom, rgba(0,102,153,1) 0%,rgba(125,185,232,0) 3%,rgba(0,102,153,0.3) 100%);
	background				:linear-gradient(to bottom, rgba(0,102,153,1) 0%,rgba(125,185,232,0) 3%,rgba(0,102,153,0.3) 100%);
	filter					:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#4d006699',GradientType=1 );
}

#menuh .menu ul,
#menuh .menu ul li.derp_menu_parent_li{
	list-style				:none;
	margin					:0;
	padding					:0;
	/*width					:6em;
	*/float					:left;
	/*width					:100px;
	*/color					:#444;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
	box-shadow				:0 0 4px #999;
	border-radius			:4px;
}

#menuh .menu a,#menuh .menu h2,#menuh .menu p{
	font					:menu;
	font-size				:14px;
	display					:block;
	margin					:0;
	padding					:2px 3px;
}

#menuh .menu a{
	text-decoration			:none;
	margin					:0;
	padding-top				:3px;
	padding-bottom			:3px;
	padding-left			:15px;
	padding-right			:15px;
	white-space				:pre;
	transition				:all 0.3s ease ;
	font-weight				:500;
	border-bottom			:1px solid rgba(0,102,153,0.0);
}

#menuh .menu a::first-letter{
	color					:#034363;
}

#menuh .menu a:hover{
	COLOR					:#383838;
	text-shadow				:0px 0px 1px rgba(255, 255, 255, 1);
	border-bottom			:1px solid rgba(0,102,153,0.1);

}

#menuh .menu ul ul a:hover{
	background				:-moz-linear-gradient(left, rgba(0,102,153,1) 0%, rgba(125,185,232,0) 2%, rgba(0,102,153,0.3) 100%);
	background				:-webkit-linear-gradient(left, rgba(0,102,153,1) 0%,rgba(125,185,232,0) 2%,rgba(0,102,153,0.3) 100%);
	background				:linear-gradient(to right, rgba(0,102,153,1) 0%,rgba(125,185,232,0) 2%,rgba(0,102,153,0.3) 100%);
	filter					:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#4d006699',GradientType=1 );
}

#menuh .menu li li a:hover{
	padding-left			:20px;
	padding-right			:10px;
}

#menuh .menu p{
	text-decoration			:none;
	background				:#eee url(./tat/nav-parent.jpg) top left repeat-x;
}

#menuh .menu p:hover{
	text-decoration			:none;
}

#menuh .menu li{
	position				:relative;
}

#menuh .menu ul{

}

#menuh .menu ul ul{
	position				:absolute;
	z-index					:500;
	padding-top				:20px;
	padding-bottom			:20px;
}

#menuh .menu ul ul ul{
	position				:absolute;
	top						:0;
	left					:95%;
}

#menuh .menu ul ul{
	transform				:translatey(0px) scaley(0.5);
	transform-origin		:100% 0%;
}

#menuh .menu ul li:hover ul{
	transform				:translatey(0px) scaley(1);
	transform-origin		:100% 0%;
}

#menuh .menu ul li:hover ul ul,
#menuh .menu ul ul li:hover ul ul{
	transform				:translatey(0px) scalex(0.5);
	transform-origin		:0% 100%;
}

#menuh .menu ul ul li:hover ul,
#menuh .menu ul ul ul li:hover ul{
	transform				:translatey(0px) scalex(1);
	transform-origin		:0% 100%;
}

#menuh .menu ul ul{
	visibility				:hidden;
	opacity					:0;
	transition				:all 0.3s ease-in-out;
}

#menuh .menu ul li:hover ul ul{
	visibility				:hidden;
	opacity					:0;
	transition				:all 0.3s ease-in-out 0.3s;
}

#menuh .menu ul ul li:hover ul ul{
	visibility				:hidden;
	opacity					:0;
	transition				:all 0.3s ease-in-out 0.3s;
}

#menuh .menu ul li:hover > ul{
	visibility				:visible;
	opacity					:1;
	transition				:all 0.3s ease-in-out ;
}

#menuh .menu ul ul li:hover > ul{
	visibility				:visible;
	opacity					:1;
	transition				:all 0.3s ease-in-out 0.3s;
}

#menuh .menu ul ul ul li:hover > ul{
	visibility				:visible;
	opacity					:1;
	transition				:all 0.3s ease-in-out 0.3s;
}

div#menuh .menu{
	text-align				:left;
}

#menuh .menu ul li li{
	/*width					:150px;*/
}

#menuh .menu ul p{
	cursor					:pointer;
}

/**/
div.menu > ul.derp_menu.derp_menu_parent_ul{
	background				:none !important;
	box-shadow				:unset !important;
}

div.top_menu{
	bottom					:0px;
	color					:#FFFFFF;
	font-weight				:BOLD;
	position				:absolute;

}

a.top_menu{
	font					:bold 12px Arial, Helvetica, sans-serif;
	color					:#FFFF66;
	text-shadow				:0px 0px 3px rgba(0, 0, 0, 1);
}

a.top_menu::before{
	content					:"◆";
	color					:white;
	padding-left			:10px;
	padding-right			:10px;
	display					:inline-block;
}

a.top_menu:first-of-type::before{
	content					:"";
	opacity					:0;
	padding-left			:0px;
	padding-right			:0px;
}

a:hover.top_menu{
	font					:bold 12px Arial, Helvetica, sans-serif;
	text-shadow				:0px 0px 0px rgba(0, 0, 0, 1);
}

/* A kosár itt módosítható */
INPUT.hideboxnumber{
	width					:95%;
	border					:1px solid #999;
	text-align				:right;
}

p.ar{
	text-align				:right;
	FONT					:15px Verdana, sans-serif, Times, Arial, Helvetica;
	FONT-WEIGHT				:BOLD
}

TD.kosar_ertek{
	text-align				:center;
	COLOR					:Blue;
}

TD.ar{
	text-align				:right;
	FONT					:18px Arial, Helvetica, sans-serif;
	FONT-WEIGHT				:BOLD;
	padding-right			:10px;
}

TD.banner{
	vertical-align			:middle;
	text-align				:center;
}

.defme{
	COLOR					:Blue;
	background-color		:#000;
}

.kosarban{
	color					:#000000;
	font-size				:12px;
}

div.hir_cimsor{
	text-align				:center;
	font-size				:15pt;
	FONT-WEIGHT				:bold;
	padding					:5px;
	font-family				:sans-serif;
}

body.hirek{
	padding					:20px;
	background				:url(/css/rendeles/rend_bg.png);
    background-size			:contain !important;
}

body.hirek .hh-footer td a{
	white-space				:nowrap;
}

body.hirek .derp-header,
header.master-kod-feltoltes-header{
	padding					:10px;
}

header.derp-header{
	border-bottom			:0px solid black;
	background-color		:#f4f4f4;
}

body.hirek .derp-header{
	z-index					:1001;
}

td div.hir_cimsor{
	margin					:0px !important;
	border-bottom			:0px !important;
}

div.hir_leiras{
	text-align				:center;
	font-size				:12pt;
	FONT-WEIGHT				:bold;
}

div.hir_szoveg{
	text-align				:justify;
	margin-left				:40px;
	margin-right			:40px;
}

table.hir_table{
	padding					:5px;
}

div.cimlap{
	background				:red;
	border					:1px solid blue;
	font-size				:13pt;
	FONT-WEIGHT				:bold;
	text-align				:center;
	COLOR					:#faebd7;
}

/*Az info függvény megjelenítői */
/* Átalakított normál */
/*
.info-div i{
	position				:absolute;
	left					:8px;
	top						:calc(50% - 17px);
	font-size				:20px;
	width					:20px;
	height					:20px;
	border-radius			:20px;
	text-shadow				:1px 1px 1px rgb(0, 0, 0);
	text-align				:center;
	padding					:7px;
	color					:white;
}
*/

/* Új */
/*
.info-div i {
    position: absolute;
    right: -8vh;
    bottom: -3vh;
    font-size: 25.5vh;
    opacity: 0.1;
    width: 25.5vh;
    height: 25.5vh;
    border-radius: 50%;
    border-bottom-right-radius: 0%;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    text-align: center;
    padding: 3.5vh;
    color: white;
}
*/

.info-div > *{
    position: relative;
	z-index: 2;
}



.info-div i {
    width: 100%;
    height: 100%;
    position: absolute;
	z-index: 1;
    display: block;
    top: 0;
    left: 0;
}

.info-div i:before {
    position: absolute;
    right: -8vh;
    bottom: -3vh;
    font-size: 25.5vh;
    opacity: 0.1;
    width: 25.5vh;
    height: 25.5vh;
    border-radius: 50%;
    border-bottom-right-radius: 0%;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    text-align: center;
    padding: 3.5vh;
    color: white;
}

.info-div > div > h1:nth-child(1),
.info-div > div > h2:nth-child(1),
.info-div > div > h3:nth-child(1){
    margin-right: -15px;
    margin-top: -15px;
    margin-left: -15px;
    padding: 10px;
    background: #a7d3ed;
    color: white;
	opacity: 0.8;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}

/* Átalakított normál */
.info,.success,.warning,.error,.validation,.sql,.admin,.help,.comment{
	border					:1px solid;
	margin					:10px 0px;
	padding					:15px 10px 15px 50px;
	background-repeat		:no-repeat;
	background-position		:10px center;
	position				:relative;
}

/* Új */
.info-div.info, .info-div.success, .info-div.warning, .info-div.error, .info-div.validation, .info-div.sql, .info-div.admin, .info-div.help, .info-div.comment {
    padding: 15px 15px 15px 15px;
}

.info{
	color					:#00529B;
	/*background-color		:#BDE5F8;*/
	background-color		:#e8f8ff;
	background-image		:url('./tat/info.png');
}

.info-div.info > div > h1:nth-child(1),.info-div.info > div > h2:nth-child(1),.info-div.info > div > h3:nth-child(1),
.info i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(0,82,155,0.5) 0%,rgb(93, 138, 179) 90%,rgb(51, 85, 115) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(0,82,155,0.5) 0%,rgb(93, 138, 179) 90%,rgb(51, 85, 115) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(0,82,155,0.5) 0%,rgb(93, 138, 179) 90%,rgb(51, 85, 115) 100%) #fff;
}

.success{
	color					:#4F8A10;
	background-color		:#DFF2BF;
	background-image		:url('./tat/success.png');
}

.info-div.success > div > h1:nth-child(1),.info-div.success > div > h2:nth-child(1),.info-div.success > div > h3:nth-child(1),
.success i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(79,138,16,0.5) 0%, rgba(79,138,16,1) 90%, rgba(79,138,16,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(79,138,16,0.5) 0%,rgba(79,138,16,1) 90%,rgba(79,138,16,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(79,138,16,0.5) 0%,rgba(79,138,16,1) 90%,rgba(79,138,16,1) 100%) #fff;
}

.warning{
	color					:#9F6000;
	background-color		:#FEEFB3;
	background-image		:url('./tat/warning.png');
}

.info-div.warning > div > h1:nth-child(1),.info-div.warning > div > h2:nth-child(1),.info-div.warning > div > h3:nth-child(1),
.warning i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(255,134,5,0.5) 0%, rgba(255,134,5,1) 90%, rgba(255,134,5,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(255,134,5,0.5) 0%,rgba(255,134,5,1) 90%,rgba(255,134,5,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(255,134,5,0.5) 0%,rgba(255,134,5,1) 90%,rgba(255,134,5,1) 100%) #fff;
}

.error{
	color					:#D8000C;
	background-color		:#FFBABA;
	background-image		:url('./tat/figy.gif');
}

.info-div.error > div > h1:nth-child(1),.info-div.error > div > h2:nth-child(1),.info-div.error > div > h3:nth-child(1),
.error i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(216,0,12,0.5) 0%, rgba(216,0,12,1) 90%, rgba(216,0,12,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(216,0,12,0.5) 0%,rgba(216,0,12,1) 90%,rgba(216,0,12,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(216,0,12,0.5) 0%,rgba(216,0,12,1) 90%,rgba(216,0,12,1) 100%) #fff;
}

.sql{
	color					:#00529B;
	background-color		:#BDE5F8;
	background-image		:url('./tat/data_table.gif');
}

.info-div.sql > div > h1:nth-child(1),.info-div.sql > div > h2:nth-child(1),.info-div.sql > div > h3:nth-child(1),
.sql i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(128,128,128,0.5) 0%, rgba(128,128,128,1) 90%, rgba(128,128,128,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(128,128,128,0.5) 0%,rgba(128,128,128,1) 90%,rgba(128,128,128,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(128,128,128,0.5) 0%,rgba(128,128,128,1) 90%,rgba(128,128,128,1) 100%) #fff;
}

.admin{
	color					:#9F6000;
	background-color		:#FEEFB3;
	background-image		:url('./tat/admin.gif');
}

.info-div.admin > div > h1:nth-child(1),.info-div.admin > div > h2:nth-child(1),.info-div.admin > div > h3:nth-child(1),
.admin i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(159,96,0,0.5) 0%, rgba(159,96,0,1) 90%, rgba(159,96,0,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(159,96,0,0.5) 0%,rgba(159,96,0,1) 90%,rgba(159,96,0,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(159,96,0,0.5) 0%,rgba(159,96,0,1) 90%,rgba(159,96,0,1) 100%) #fff;
}

.help{
	color					:#000000;
	background-color		:#66CDAA;
	background-image		:url('./tat/help2.gif');
}

.info-div.help > div > h1:nth-child(1),.info-div.help > div > h2:nth-child(1),.info-div.help > div > h3:nth-child(1),
.help i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(26,117,86,0.5) 0%, rgba(26,117,86,1) 90%, rgba(26,117,86,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(26,117,86,0.5) 0%,rgba(26,117,86,1) 90%,rgba(26,117,86,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(26,117,86,0.5) 0%,rgba(26,117,86,1) 90%,rgba(26,117,86,1) 100%) #fff;
}

.info-div.validation > div > h1:nth-child(1),.info-div.validation > div > h2:nth-child(1),.info-div.validation > div > h3:nth-child(1),
.validation i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(106,177,31,0.5) 0%, rgba(106,177,31,1) 90%, rgba(106,177,31,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(106,177,31,0.5) 0%,rgba(106,177,31,1) 90%,rgba(106,177,31,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(106,177,31,0.5) 0%,rgba(106,177,31,1) 90%,rgba(106,177,31,1) 100%) #fff;
}

.comment{
	color					:#002166;
	background-color		:#F9F9F9;
	background-image		:url('./tat/chat.png');
}

.info-div.comment > div > h1:nth-child(1),.info-div.comment > div > h2:nth-child(1),.info-div.comment > div > h3:nth-child(1),
.comment i:before{
	background				:-moz-radial-gradient(center, ellipse cover, rgba(19,159,173,0.5) 0%, rgba(19,159,173,1) 90%, rgba(19,159,173,1) 100%) #fff;
	background				:-webkit-radial-gradient(center, ellipse cover, rgba(19,159,173,0.5) 0%,rgba(19,159,173,1) 90%,rgba(19,159,173,1) 100%) #fff;
	background				:radial-gradient(ellipse at center, rgba(19,159,173,0.5) 0%,rgba(19,159,173,1) 90%,rgba(19,159,173,1) 100%) #fff;
}

.info-div{
    background-image		:none;
    overflow				:hidden;
    margin					:8px;
}

div.kiemelt{
	font-weight				:bold;
	color					:#333;
	text-align				:center;
	border					:solid 1px #333;
	padding					:8px;
	margin-top				:8px;
	margin-bottom			:8px;
	-moz-border-radius		:6px;
	-webkit-border-radius	:6px;
	border-radius			:6px;
	background				:#F78D1D;
	background				:-webkit-gradient(linear,left top,left bottom,from(#FAA51A),to(#F47A20));
	background				:-moz-linear-gradient(top,#FAA51A,#F47A20);
}

table.derp{
	border					:1px solid;
}

td.derp{
	border					:1px solid;
}

/* Tabber */
.tabberlive .tabbertabhide{
	display					:none;
}

.tabber{}

.tabberlive{
	margin-top				:1em;
}

ul.tabbernav{
	margin					:0;
	padding					:3px 0;
	border-bottom			:1px solid #778;
	font					:bold 12px Verdana, sans-serif;
	overflow				:hidden;
	width					:100%;
}

ul.tabbernav li{
	list-style				:none;
	margin					:0;
	display					:inline;
}

ul.tabbernav li a{
	padding					:3px 0.5em;
	margin-left				:3px;
	border					:1px solid #778;
	border-bottom			:none;
	background				:#DDE;
	text-decoration			:none;
}

ul.tabbernav li a:link{
	color					:#448;
}

ul.tabbernav li a:visited{
	color					:#667;
}

ul.tabbernav li a:hover{
	color					:#000;
	background				:#AAE;
	border-color			:#227;
}

ul.tabbernav li.tabberactive a{
	background-color		:#fff;
	border-bottom			:1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover{
	color					:#000;
	background				:white;
	border-bottom			:1px solid white;
}

.tabberlive .tabbertab{
	padding					:5px;
	border					:1px solid #aaa;
	border-top				:0;
}

.tabberlive .tabbertab h2{
	display					:none;
}

.tabberlive .tabbertab h3{
	display					:none;
}

table.ldatatable{
	border					:1px solid black;
	empty-cells				:show;
	border-collapse			:collapse;
	border-spacing			:0;
}

table.ldatatable th{
	background-color		:#9999FF;
	border					:1px black;
	padding					:0px;
	border-style			:dotted;
}

table.ldatatable tr{
	background-color		:#FFFFFF;
	border					:1px black;
	padding					:0px;
}

table.ldatatable td{
	background-color		:#FFFFFF;
	border					:1px black;
	padding					:0px;
	border-style			:dotted;
}

.jobb{
	cursor					:pointer;
	width					:30px;
	height					:30px;
	border					:none;
}

input.jobb:focus,.jobb,input.jobb:hover{
	background				:url(../images/icon/24/right.png) no-repeat scroll 0 0 transparent;
}

.bal{
	cursor					:pointer;
	width					:30px;
	height					:30px;
	border					:none;
}

input.bal:focus,.bal,input.bal:hover{
	background				:url(../images/icon/24/left.png) no-repeat scroll 0 0 transparent;
}

.mind_jobb{
	cursor					:pointer;
	width					:30px;
	height					:30px;
	border					:none;
}

input.mind_jobb:focus,input.mind_jobb:hover,.mind_jobb{
	background				:url(../images/icon/24/plus.png) no-repeat scroll 0 0 transparent;
}

.mind_bal{
	cursor					:pointer;
	width					:30px;
	height					:30px;
	border					:none;
}

input.mind_bal:focus,input.mind_bal:hover,.mind_bal{
	background				:url(../images/icon/24/exit.png) no-repeat scroll 0 0 transparent;
}

div#osszes_felhasznalo td{
	vertical-align			:middle;
}

table.DynarchCalendar-titleCont{
	margin					:0 auto;
}

div.napout{
	color					:#fff;

}

#menuh span.nevnap-tooltip{
	vertical-align			:unset;
}

#menuh .napout{
	display					:inline-block;
	white-space				:nowrap;
	margin-right			:10px;
}

#menuh .napout *{
	font-size				:13px;
}

.menuskin{
	position				:absolute;
	width					:120px;
	background-color		:menu;
	border					:2px solid black;
	font					:normal 12px Verdana;
	line-height				:18px;
	z-index					:100;
	visibility				:hidden;
}

.menuskin a{
	text-decoration			:none;
	color					:black;
	padding-left			:10px;
	padding-right			:10px;
}

.menuskin a:hover{
	background-color		:lightblue;
}

table.menutable{
	background-color		:#fff;
}

table.multimenu_new td{
	vertical-align			:middle;
}

.fht-table,.fht-table thead,.fht-table tfoot,.fht-table tbody,.fht-table tr,.fht-table th,.fht-table td{
	margin					:0;
	padding					:0;
	font-size				:100%;
	font					:inherit;
	vertical-align			:top;
}

.fht-table{
	border-collapse			:collapse;
	border-spacing			:0;
}

.fht-table-wrapper,.fht-table-wrapper .fht-thead,.fht-table-wrapper .fht-tfoot,.fht-table-wrapper .fht-fixed-column .fht-tbody,.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody{
	overflow				:hidden;
	position				:relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody{
	overflow				:auto;
}

.fht-table-wrapper .fht-table .fht-cell{
	overflow				:hidden;
	height					:1px;
}

.fht-table-wrapper .fht-fixed-column,.fht-table-wrapper .fht-fixed-body{
	top						:0;
	left					:0;
	position				:absolute;
}

.fht-table-wrapper .fht-fixed-column{
	z-index					:1;
}

.divider{
	margin-top				:40px;
}

.myTableWrapper{
	width					:800px;
	height					:500px;
}

.height250{
	height					:250px;
	overflow-x				:auto;
	overflow-y				:auto;
}

.height400{
	height					:400px;
	overflow-x				:auto;
	overflow-y				:auto;
}

.fancyTable td,.fancyTable th{
	border					:1px solid #778899;
	padding					:5px;
}

.fancyTable{
	font-family				:'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fancyTable tbody tr td{
	background-color		:#eef2f9;
	background-image		:-moz-linear-gradient(top,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.0) 100%);
	background-image		:-webkit-gradient(linear, left top, left bottom,color-stop(0%,rgba(255,255,255,0.4)),color-stop(50%,rgba(255,255,255,0.2)),color-stop(51%,rgba(255,255,255,0.1)),color-stop(100%,rgba(255,255,255,0.0)));
	color					:#262c31;
	font-size				:11px;
}

.fancyTable tbody tr.odd td{
	background-color		:#d6e0ef;
	background-image		:-moz-linear-gradient(
								top,
								rgba(255,255,255,0.4) 0%,
								rgba(255,255,255,0.2) 50%,
								rgba(255,255,255,0.1) 51%,
								rgba(255,255,255,0.0) 100%);

	background-image		:-webkit-gradient(
								linear, left top, left bottom,
								color-stop(0%,rgba(255,255,255,0.4)),
								color-stop(50%,rgba(255,255,255,0.2)),
								color-stop(51%,rgba(255,255,255,0.1)),
								color-stop(100%,rgba(255,255,255,0.0)));
}

.fancyTable thead tr th,.fancyTable thead tr td,.fancyTable tfoot tr th,.fancyTable tfoot tr td{
	background-color		:#8ca9cf;
	background-image		:-moz-linear-gradient(
								top,
								rgba(255,255,255,0.4) 0%,
								rgba(255,255,255,0.2) 50%,
								rgba(255,255,255,0.1) 51%,
								rgba(255,255,255,0.0) 100%);

	background-image		:-webkit-gradient(
								linear, left top, left bottom,
								color-stop(0%,rgba(255,255,255,0.4)),
								color-stop(50%,rgba(255,255,255,0.2)),
								color-stop(51%,rgba(255,255,255,0.1)),
								color-stop(100%,rgba(255,255,255,0.0)));
	color					:#121517;
	font-size				:12px;
	font-weight				:bold;
	text-shadow				:0 1px 1px #e8ebee;
}

/*plusz menü keret*/
#plusz_menu_keret{
	width					:auto;
	height					:150px;
	position				:fixed;
	z-index					:500;
	background				:-moz-linear-gradient(-45deg,  rgba(181,189,200,1) 0%, rgba(130,140,149,0.86) 36%, rgba(40,52,59,0.6) 100%); /* FF3.6+ */
	background				:-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,0.86)), color-stop(100%,rgba(40,52,59,0.6))); /* Chrome,Safari4+ */
	background				:-webkit-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,0.86) 36%,rgba(40,52,59,0.6) 100%); /* Chrome10+,Safari5.1+ */
	background				:-o-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,0.86) 36%,rgba(40,52,59,0.6) 100%); /* Opera 11.10+ */
	background				:-ms-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,0.86) 36%,rgba(40,52,59,0.6) 100%); /* IE10+ */
	background				:linear-gradient(135deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,0.86) 36%,rgba(40,52,59,0.6) 100%); /* W3C */
	filter					:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#9928343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#plusz_menu_tartalom_tarolo{
	display					:none;
	padding-top				:5px;
}

#plusz_menu_nyit_zar{
position					:relative;
}

#plusz_menu_nyit_zar span{
	position				:absolute;
	width					:16px;
	height					:16px;
	cursor					:pointer;
}

div.plusz_menu_pont{
	float					:left;
	margin-right			:10px;
	font-size				:10px;
	margin-bottom			:5px;
	min-width				:70px;
	width					:auto;
	text-align				:center;
	height					:60px;
}

div.plusz_menu_kep img{
	display					:block;
	margin					:0 auto;
	margin-bottom			:5px;
}

div.plusz_menu_nincs_kep{
	line-height				:80px;
}

div#plusz_menu_keret a{
	background				:none;
	display					:block;
	color					:#fff
}

div#plusz_menu_keret a:hover{
	text-decoration			:underline;
	font-weight				:normal
}

div.hidden{
	display					:none;
	width					:0px;
	height					:0px;
}

/*kereső új stílus*/
table.keresoTable{
	border-collapse			:collapse;
	border-spacing			:0;
}

.tobbes_kijeloles_kijelolve {
	background-color		:#FFFF73 !important;
}

.keresoTable thead tr th,.keresoTable thead tr td,.keresoTable tfoot tr th,.keresoTable tfoot tr td{
	background-color		:#8ca9cf;
	background-image		:-moz-linear-gradient(
								top,
								rgba(255,255,255,0.4) 0%,
								rgba(255,255,255,0.2) 50%,
								rgba(255,255,255,0.1) 51%,
								rgba(255,255,255,0.0) 100%);

	background-image		:-webkit-gradient(
								linear, left top, left bottom,
								color-stop(0%,rgba(255,255,255,0.4)),
								color-stop(50%,rgba(255,255,255,0.2)),
								color-stop(51%,rgba(255,255,255,0.1)),
								color-stop(100%,rgba(255,255,255,0.0)));

	color					:#121517;
	font-size				:14px;
	font-weight				:bold;
	text-shadow				:0 1px 1px #e8ebee;
}

.keresoTable tbody tr{
	border					:1px solid lightgray;
	font-size				:12px;
}

.keresoTable thead tr a,.keresoTable tfoot tr a{
	background				:none;
	color					:black;
}

.keresoTable thead tr a:hover,.keresoTable tfoot tr a:hover{
	 color					:black;
}

.keresoTableKeyFiled tbody tr td table tr,.keresoTableKeyFiled tbody tr{
	border					:0px;
}

.keresoTableKeyFiled tr td img{
	cursor					:pointer
}

/*inline szerkesztő*/
div.kereso_new_onclick_div{
	width					:100%;
	min-height				:20px;
}

div.kereso_new_onclick_div:hover{
	cursor					:pointer;
	border					:1px solid gray;
}

#kereso_new_tartalom_mod_txt{
	width					:100%;
}

div#kereso_new_mod_menu{
	height					:20px;
	width					:42px;
	float					:left;
	margin-right			:5px;
	-webkit-border-radius	:0px 0px 10px 10px;
	border-radius			:0px 0px 10px 10px;
	-webkit-box-shadow		:1px 3px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow				:1px 3px 5px 2px rgba(0, 0, 0, 0.5);
	padding					:2px 3px 1px 3px;
}

div#kereso_new_mod_menu img{
	margin-right			:5px;
}

div#keret{
	margin-top				:20px
}

.cPointer{
	cursor					:pointer
}

div#kereso_tartalom iframe{
	height					:100%;
}

/*jcrop extra menüsor*/
#jcrop_muv_menu ul{
	margin					:0px;
	padding					:0px;
	margin-bottom			:5px;
}

#jcrop_muv_menu ul li{
	display					:inline;
	height					:20px;
	padding-top				:10px;
	position				:relative;
}

#jcrop_muv_menu ul li.jcrop_menu_list_end{
	border-right			:2px solid #fff;
	margin-right			:5px;
	padding-right			:5px;
}

table.xdatatable{
	border-collapse			:collapse;
}

table.xdatatable td{
	background-color		:#FFFFFF;
	border					:1px solid #777;
}

table.xdatatable td{
	padding					:5px 10px;
}

table.xdatatable th{
	font-size				:110%;
	padding					:5px 10px;
}

table.xdatatable tr:hover td{
	background-color		:#EEE;
}

.stickymsg{
	line-height				:16px;
	z-index					:30000;
	opacity					:0.85;
	width					:360px;
	height					:auto;
	background				:#cf3737;
	color					:#fff;
	text-shadow				:rgba(0,0,0,0.3) 0px -1px 0px;
	padding					:10px;
	text-decoration			:none;
	font-size				:11px;
	font-family				:Tahoma;
	font-weight				:bold;
	text-align				:center;
	border					:2px solid #ff0000;
	box-shadow				:rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
	border-radius			:3px;
}

.stickymsg a{
	color					:#fff;
	font-weight				:bold;
	text-decoration			:none;
}

.stickymsg:hover{
	opacity					:1;
}

/* mfac */
.mfac-input-fields{
	display					:block;
}

.mfac-hidden-input{	/* Ez itt egy nemlátszódó mező, de a hover látszik ffox alatt*/
	height					:1px !important;
	border					:none !important;
	font-size				:0px !important;
	margin					:0px !important;
	padding					:0px !important;
}

.mfac-hidden-input:focus{
	outline-color			:transparent;
	outline-style			:none;
	background-color		:rgba(0, 0, 0, 0.0);
}

/* inline form szerkesztés*/

.ilf_line,
.f_line{
	display					:table-row;
}

.ilf_line div.ilf_label,
.f_line div.f_label{
	display					:table-cell;
	font-size				:14px;
	padding-right			:10px;
	padding-top				:5px;
	padding-bottom			:5px;
	vertical-align			:middle;
}

.f_line div.f_input{
	padding-top				:5px;
	padding-bottom			:5px;

}

.ilf_line div.ilf_input,
.f_line div.f_input input{
	display					:table-cell;
	font-size				:14px;
	/*vertical-align		:top;*/
	background-color		:#FFFFFF;
}

.f_line div.f_input input:hover{
	/*vertical-align		:top;*/
	background-color		:#A4D5CD;
}

/*****************************TABLESORTER*******************************************************/
/* overall */
.tablesorter{
	width					:100%;
	background-color		:#fff;
	margin					:10px 0 15px;
	text-align				:left;
	border-spacing			:0;
	border					:#efefef 1px solid;
	border-width			:1px 0 0 1px;
	border-collapse			:collapse
}
.tablesorter th,
.tablesorter td{

}

/* header */
.tablesorter th,
.tablesorter thead td{
	font					:bold 12px/18px Arial, Sans-serif;
	color					:#000;
	border-collapse			:collapse;
	padding					:4px;
	background				:#ggg url(./tat/nav-parent.jpg) top left repeat-x;
	border					:1px solid var(--sz_alap);
}

.tablesorter tbody td,
.tablesorter tfoot th,
.tablesorter tfoot td{
	vertical-align				:middle;
	text-align					:left;
	padding-left				:3px;
	padding-right				:3px;
}

.tablesorter .header,
.tablesorter .tablesorter-header{
	background-color			:var(--sz_alap);
	color						:var(--c_white);
	background-image			:url(/images/tablesorter/bg.gif);
	background-repeat			:no-repeat;
	background-position			:center right;
	padding						:4px 18px 4px 4px;
	white-space					:nowrap;
}

.tablesorter-header span{
	margin-right				:-14px;
	float						:right;
	width						:10px;
	height						:20px;
	cursor						:pointer;
	color						:transparent;
	opacity						:0.0;
	filter						:alpha(opacity=0); /* For IE8 and earlier */
}

.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc{
	background-color			:var(--sz_vilagos);
	border						:1px solid var(--sz_vilagos);
	color						:white;
	background-image			:url(/images/tablesorter/asc.gif);
}

.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc{
	background-color			:var(--sz_vilagos);
	border						:1px solid var(--sz_vilagos);
	color						:white;
	background-image			:url(/images/tablesorter/desc.gif);
}

.tablesorter thead .sorter-false{
	background-image			:none;
	padding						:4px;
}

th.tablesorter-header.tablesorter-headerDesc,
th.tablesorter-header.tablesorter-header.tablesorter-headerUnSorted,
th.tablesorter-header.tablesorter-header.tablesorter-headerAsc{
	cursor						:pointer;
}

.tablesorter thead .sorter-false{
	background-image			:none;
	padding						:4px;
}

/* tbody */
.tablesorter td{
	color						:#000000;
	background-color			:#fff;
	vertical-align				:top;
}



.tablesorter tbody > tr:hover *:not(button):not(i):not(img),
.tablesorter tbody > tr:hover > td,
.tablesorter tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
.tablesorter tbody > tr.even:hover > td,
.tablesorter tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td{
	background					:#eee;
}
.tablesorter tbody > tr.odd:hover > td,
.tablesorter tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td{
	background					:#eee;
}

/* table processing indicator */
.tablesorter .tablesorter-processing{
	background-position			:center center !important;
	background-repeat			:no-repeat !important;
	background-image			:url(/images/tablesorter/loading.gif);
}

/* Zebra Widget - row alternating colors */
.tablesorter tbody tr.odd td{
	background-color			:#fff;
}
.tablesorter tbody tr.even td{
	background-color			:#fff;
}

/* Column Widget - column sort colors */
.tablesorter td.primary,
.tablesorter tr.odd td.primary{
	background-color			:#99b3e6;
}
.tablesorter tr.even td.primary{
	background-color			:#c2d1f0;
}
.tablesorter td.secondary,
.tablesorter tr.odd td.secondary{
	background-color			:#c2d1f0;
}
.tablesorter tr.even td.secondary{
	background-color			:#d6e0f5;
}
.tablesorter td.tertiary,
.tablesorter tr.odd td.tertiary{
	background-color			:#d6e0f5;
}
.tablesorter tr.even td.tertiary{
	background-color			:#ebf0fa;
}
/* tablesorter utolsó sora mindig fix méretekkel. */
.tablesorter-scroller-spacer.remove-me td{
	width						:unset !important;
	min-width					:unset !important;
	max-width					:unset !important;
}

.tablesorter-scroller-header{

}

caption{
	background					:var(--gr_lin_sotet);
	color						:white;
	font-size					:130%;
	padding						:10px;
}

#cboxLoadedContent{
	border						:5px solid #0000AA;
	background					:#fff;
}

/* filter widget */
.tablesorter .tablesorter-filter-row td{
	background					:#eee;
	line-height					:normal;
	text-align					:center; /* center the input */
	-webkit-transition			:line-height 0.1s ease;
	-moz-transition				:line-height 0.1s ease;
	-o-transition				:line-height 0.1s ease;
	transition					:line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter .tablesorter-filter-row .disabled{
	opacity						:0.5;
	filter						:alpha(opacity=50);
	cursor						:not-allowed;
}
/* hidden filter row */
.tablesorter .tablesorter-filter-row.hideme td{
	padding						:2px;
	margin						:0;
	line-height					:0;
	cursor						:pointer;
}
.tablesorter .tablesorter-filter-row.hideme .tablesorter-filter{
	height						:1px;
	min-height					:0;
	border						:0;
	padding						:0;
	margin						:0;
	opacity						:0;
	filter						:alpha(opacity=0);
}
/* filters */
.tablesorter .tablesorter-filter{
	width						:98%;
	height						:auto;
	margin						:0;
	padding						:4px;
	background-color			:#fff;
	border						:1px solid #bbb;
	color						:#333;
	-webkit-box-sizing			:border-box;
	-moz-box-sizing				:border-box;
	box-sizing					:border-box;
	-webkit-transition			:height 0.1s ease;
	-moz-transition				:height 0.1s ease;
	-o-transition				:height 0.1s ease;
	transition					:height 0.1s ease;
}


/** KERESO.DERP **/
.kereso_tarolo{	/* a kereso menu és a tartalmat befoglalo konténer*/
	width					:100%;
	height					:100%;
	overflow				:hidden;
}
.kereso_menu{	/* a kereso menü divje*/
	width					:100%;
	height					:30px;
}
.kereso_tartalom{	/* a kereső tartalom ,iframe nyilik benne */
	width					:100%;
	height					:100%;
	overflow				:hidden;
}
.kereso_iframe{	/* a kereso tartalomban megjeleno iframe*/
	height					:100%;
	width					:100%;
	margin					:0px;
	padding					:0px;
	overflow				:auto;
}
.tab_view{		/* Ez fogja össze a tab fülek kontenerét és a tab tartalmak megjelenítőit, ez jelenik meg az iframeben */
	width					:100%;
	height					:100%;
	overflow				:hidden;
}
.tab_kozep_warper{	/* a középső fülek warperja /a látható rész */
	width					:100%;
	float					:left;
	border					:0 !important;
}
.tab_kozep{			/* a középső füleket tartalmazo scrollozható konténer */
	overflow-y				:hidden;
	white-space				:nowrap;
	border					:0 !important;
	padding					:0.1em 0.2em 0em 0.2em;
}
.tab_bal{			/* bal oldali nem scrollozhato ful*/
	min-width				:95px;
/*	min-width				:70px;*/
	float					:left;
	margin-left				:-100% !important;
	border					:0 !important;
	text-align				:left;
	padding					:0.1em 0em 0em 0.2em;
}
.tab_jobb{	/* jobb oldali fix fül */
	min-width				:95px;
	float					:left;
	border					:0 !important;
	text-align				:right;
	padding					:0.1em 0.2em 0em 0em;
}
.tab_element{	/* fül */
	display					:inline-block;
	white-space				:nowrap;
	border-bottom			:0 !important;
	padding					:0.2em 0.3em 0em 0.3em !important;
	margin-right			:0.4em !important;
}
.tab_data{	/* a fülhöz tartozo tartalom konténere*/
	width					:100%;
	overflow				:scroll;
}
.sorok_tab_icon_holder{	/* a sorok léptetéséhetz használt icon conténere*/
	display					:inline;
	float					:left;
}

.boolboxcontainer {
	display: inline-block;
}

.select{
	position					:absolute;
	width						:158px;
	height						:21px;
	padding						:0 24px 0 8px;
	color						:#fff;
	font						:12px/21px arial,sans-serif;
	background					:url(select.gif) no-repeat;
	overflow					:hidden;
}

input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i], input[type="file" i],
select{
	padding						:5px 5px;
	margin-top					:2px;
	margin-bottom				:2px;
}

form[name="elorendeles_form"] label,
form[name="arlista"] label,
form[name="kosar_beazonositas"] label,
form[name="partner_arlista"] label,
form[name="config"] label{
	width						:150px;
	display						:inline-block;
}

form[name="dax_vevo_info"] label{
	width						:200px;
	display						:inline-block;
}

input[type="checkbox" i]{
	width						:18px;
	height						:18px;
	vertical-align				:middle;
}

table.xdatatable input[type="checkbox" i]{
	vertical-align				:unset;
}

/*derp_form_default.css tat-os kiegészítések*/
.derp-form-body label{
	padding						:5px 5px;
	margin-top					:2px;
	margin-bottom				:2px;
	float						:left;
}

.derp-form-item > div > input{
	float						:left;
}:

.derp-form-body div.derp-form-item{
	display						:inline-block;
}

form.master-rendeles-feltoltes div.derp-form-item-container{
	float						:none !important;
}


input.mini{
	FONT						:10px Verdana,sans-serif,Times,Arial,Helvetica;
	padding						:0px;
	margin						:0px
}

select{
	BACKGROUND					:#FFFFFF;
	COLOR						:#000000;
	border						:solid 1px;
	BORDER-TOP-COLOR			:#333399;
}

textarea{
	BACKGROUND					:#FFFFFF;
	COLOR						:#000000;
	border						:solid 1px;
}

div.beallitas-form{
	width						:96%;
	margin-left					:auto;
	margin-right				:auto;
}

div.beallitas-form div.beallitas-sor:nth-child(odd){
	background-color			:var(--c_gray_e);
}

div.beallitas-form input,
div.beallitas-form .jui-select{
	border-radius				:inherit;
	padding						:inherit;
	border-color				:inherit;
}

div#menu_uzenet{
	display						:inline-block;
	background-color			:var(--sz_sotet);
	margin-right				:10px;

	padding-left				:6px;
	padding-right				:6px;
}

div#menu_uzenet img{
	width						:24px;
}

div#menu_uzenet .levelezoikon{
	display						:inline-block;
	vertical-align				:middle;
}

div#menu_uzenet #szoveg{
	color						:white !important;
	vertical-align				:middle;
	padding-left				:10px;
}

div#menu_uzenet #szoveg strong{
	color						:white !important;
	animation					:villog 0.7s ease-in infinite;
}
#menuh #stickymsg > img{
	animation					:villog 0.7s ease-in infinite;
}

@keyframes villog{
	50%{
		opacity					:0.6;
	}
}

div#menu_uzenet a:hover{
	background					:none;
	color						:white;
	font-weight					:normal;
	background-image			:none;
}

div#surgos_uzenet{

	width						:auto !important;
	background-color			:white !important;
	left						:unset !important;
	box-shadow					:0 0 0 15px white inset;
	top							:-45px !important;
	bottom						:unset !important;
	right						:0px !important;
	padding						:2px;

}

/* Visszaszámláló css */

#countdown_dashboard{
	width						:650px;
	height						:110px;
	position					:absolute;
	margin						:-55px 0 0 -325px;
	top							:360px;
	left						:50%;
}

.dash{
	width						:110px;
	height						:114px;
	background					:transparent url('../images/dash.png') 0 0 no-repeat;
	float						:left;
	margin-left					:20px;
	position					:relative;
}

.dash .digit{
	font-size					:52pt;
	font-weight					:bold;
	float						:left;
	width						:55px;
	text-align					:center;
	font-family					:Times;
	color						:#555;
	position					:relative;
}

.dash_title{
	position					:absolute;
	display						:block;
	bottom						:0px;
	right						:6px;
	font-size					:9pt;
	color						:#000;
	text-transform				:uppercase;
	letter-spacing				:2px;
}

/* Hírek és rendelés_hírek tat- os felülvágása */

.hir_td_div{
	margin						:5px;									/*TAT*/
	padding						:15px;									/*TAT*/
}

span.hir_cim{
	display						:inline-block;							/*TAT*/
	margin-bottom				:11px;									/*TAT*/
	margin-right				:29px;									/*TAT*/
/*	text-shadow					:1px 1px 4px rgba(13, 109, 158, 0.51);*/	/*TAT*/
	font-weight					:normal;
}

span.hir_cim .hir_cim_kep{
	margin						:-10px auto;
	display						:block;
}

#rendeles_hirek table.hir_table .hir_cim:before{
	content						:none !important;
}

#rendeles_hirek .hir_td_div{
	margin						:0px;									/*TAT*/
	padding						:0px;									/*TAT*/
    border						:0px !important;
	border-radius				:0px !important;
}

#rendeles_hirek .hir_td_div:hover{
	background-color			:var(--c_gray_d) !important;
	box-shadow					:0px 0px 2px rgba(0,0,0,0.33) !important;
	-webkit-box-shadow			:0px 0px 1px rgba(0,0,0,0.33) !important;
	-moz-box-shadow				:0px 0px 1px rgba(0,0,0,0.33) !important;
}

#rendeles_hirek .hir_td_div a span{
	padding						:15px;									/*TAT*/
	display						:block;									/*TAT*/
	margin						:0px;									/*TAT*/
}

.hir_td_div{
	border-radius				:3px !important;
	border						:1px solid #cecece !important;
	background-color			:#F4F3F3 !important;
	box-shadow					:0px 0px 2px rgba(0,0,0,0.33) !important;
	-webkit-box-shadow			:0px 0px 1px rgba(0,0,0,0.33) !important;
	-moz-box-shadow				:0px 0px 1px rgba(0,0,0,0.33) !important;
	transition					:all 0.1s ease !important;
}

.hir_td_div:hover{
	background-color			:#FBFEE9 !important;
	box-shadow					:3px 3px 20px rgba(0,0,0,0.33) !important;
	-webkit-box-shadow			:3px 3px 20px rgba(0,0,0,0.33) !important;
	-moz-box-shadow				:3px 3px 20px rgba(0,0,0,0.33) !important;
	transition					:all 0.2s ease !important;
}

.hir_td_div:hover .hir_cim:before{
	content						:'➤' !important;
	font-weight					:bold;
	opacity						:1;
	color						:var(--sz_alap) !important;
	white-space					:pre;
	transition					:all 0.1s ease !important;
	text-shadow					:0px 0px 0px rgba(13, 109, 158, 0.0) !important;	/*TAT*/
}

.hir_cim:before{
	content						:'➤' !important;
	font-weight					:bold;
	opacity						:0.6;
	color						:var(--sz_alap) !important;
	white-space					:pre;
	padding-left				:0px;
	padding-right				:20px;
	transition					:all 0.2s ease !important;
	text-shadow					:0px 0px 0px rgba(13, 109, 158, 0.0) !important;	/*TAT*/
}

body.hirek .hh-jobb .hh-elvalaszto{
	display						:none;
}

body.hirek .hh-jobb{
	padding-right				:20px;
	font-family					:sans-serif;
}

body.hirek .hh-jobb .hh-datum,
body.hirek .hh-jobb .hh-szerzo{
	display						:block;
	font-size					:120%;
	padding-top					:5px;
	padding-bottom				:5px;
}

body.hirek .hh-jobb .hh-datum{
	visibility					:hidden;
}

body.hirek .hh-jobb i{
	padding-left				:15px;
	color						:var(--sz_alap);
}

.hh-footer i{
	display						:unset !important;
}

.hh-footer td{
	padding-top					:10px;
	padding-bottom				:5px;
}

.hh-footer img,
.hh-footer .hf-center span{
	display						:none;
}
/*azért még átgondolni!!!*/

.hir_container{
	position					:relative;
}

.hir_content{
	display						:block;
	width						:100%;
	height						:auto;
}

.hir_overlay{
	position					:absolute;
	bottom						:0;
	background					:rgb(0, 0, 0);
	background					:rgba(0, 0, 0, 0.5); /* Black see-through */
	color						:#f1f1f1;
	width						:100%;
	transition					:.5s ease;
	opacity						:0;
	color						:white;
	font-size					:20px;
	text-align					:center;
	margin-left					:-15px;
	padding-top					:20px;
	padding-bottom				:20px;
}

.hir_container:hover .hir_overlay{
	opacity						:1;
}

.hir_overlay_content{

}

fieldset{
	position					:relative;
	padding						:10px;
	padding-top					:45px;
	border-radius				:3px;
	border						:1px solid #cecece;
	background-color			:#ededed;
	margin						:8px;
}

legend{
	FONT-SIZE					:120%;
	FONT-WEIGHT					:BOLD;
	color						:white;
	border-bottom				:1px solid #c2c2c2;
	width						:calc(100% - 20px);
	background					:var(--gr_lin_sotet);
	position					:absolute;
	left						:0px;
	top							:0px;
	padding						:10px;
}

/*dax_vevo_info*/

#megj_calendar_button,
#megj_table_button{
	padding						:10px 0px;
}

/*uzenet css felülírásai - ha mehet a digicube megjelenésbe is, akkor az uzenet.css-ben kell ezeket módosítani*/


div#lablec_ablak_tarolo{
	z-index						:895 !important;
}

div#lablec_ablak_keret{
	z-index						:900 !important;
	top							:110px !important;
}

#lablec_ablak_tarolo div#lablec_ablak_keret{
	border						:1px solid #cecece;
	background					:#ededed;
	padding-top					:0px;
	top						:80px;
}

div.uzenet_cimsor{
	margin						:0px auto !important;
	background					:var(--sz_alap) !important;
	width						:unset !important;
	height						:unset !important;
	color						:white !important;
	font-size					:20px !important;
	border-top-left-radius		:unset !important;
	border-top-right-radius		:unset !important;
	border						:1px solid #cecece !important;
}

#lablec_ablak_tarolo div#lablec_ablak_fejlec{
	margin						:0px auto;
	background					:var(--sz_alap);
}

div.teljes_uzenet_cim,
div.valasz_uzenet_cim{
	font-size					:20px;
	display						:inline-block;
	padding-top					:11px;
	padding-bottom				:9px;
}

div.uzenet_tarolo{
	box-shadow					:unset !important;
	-moz-box-shadow				:unset !important;
	-webkit-box-shadow			:unset !important;
	background					:#ededed !important;
}

#lablec_ablak_tarolo div#lablec_ablak_fejlec a.button{
	background					:#fff;
	display						:inline-block;
}

#lablec_ablak_tarolo div#lablec_ablak_fejlec #lablec_ablak_close{
	padding						:9px;
	width						:initial;
}

#lablec_ablak_tarolo .menupontok a{
	font-size					:14px;
	color						:#333;
}

#lablec_ablak_tarolo .menupontok a i{
	font-size					:15px;
	transition					:all 0.3s ease-out;
}

div#lablec_ablak_tarolo .menupontok a:hover i{
	transition					:all 0.3s ease-out;
	color						:var(--sz_alap);
}

div#lablec_ablak_tarolo #lablec_ablak_close a:hover,
div#lablec_ablak_tarolo .menupontok a:hover{
	font-weight					:bold;
	text-decoration				:none;
}

div#lablec_ablak_tarolo div.uj_menu a:hover{
	text-decoration				:none !important;
}

#lablec_ablak_tarolo .menupontok{
	margin-top					:10px;
	width						:unset;
}

#lablec_ablak_tarolo div.uj_menu.menupontok a{
	font-size					:14px !important;
	padding-left				:12px !important;
}

#lablec_ablak_tarolo div#uzenet_menu{
	padding-left				:26px;
	padding-top					:8px;
	padding-bottom				:8px;
}

#lablec_ablak_tarolo div#lablec_ablak_close a{
	margin-left					:unset;
	width						:unset;
	height						:initial;
	font-size					:14px;
	background					:none;
	color						:#fff;
}

#lablec_ablak_tarolo div#lablec_ablak_close a i{
	font-size					:40px;
	color						:#white;
}

#lablec_ablak_tarolo div#lablec_ablak_close a i:hover{
	text-shadow					:1px 1px 1px #000;
}

#lablec_ablak_tarolo span#kilep_szoveg{
	 display					:none;
}

#lablec_ablak_tarolo div#lablec_ablak_overlay{
	position					:absolute;
	top							:0px;
	width						:100% !important;
	height						:100% !important;
	z-index						:896;
}
div#teljes_uzenet_overlay{
	position					:fixed;
	top							:0px;
	left						:0px;
	width						:100% !important;
	height						:100% !important;
	z-index						:898;
	background					:url(../images/uzenetBG.png) repeat;
}

#lablec_ablak_tarolo table.uzenet_table tbody tr:hover{
	background-color			:#cecece;
}

.ujUzenetElkuld_form{
	padding-bottom				:10px;
}


div#lablec_ablak_tarolo .olvasatlan a:hover{
	font-weight					:bold !important;
}

div.uzenet_cimsor{
	height						:40px !important;
	border-top-left-radius		:0px !important;
	border-top-right-radius		:0px !important;
	background					:var(--sz_alap) !important;
	color						:white !important;
}

span.kilep_szoveg{
	display						:none;
}

div.uzenet_cimsor span{
	background					:none !important;
}

div.uzenet_tarolo{
	width						:94% !important;
	top							:130px !important;
	left						:3% !important;
	border						:2px solid var(--sz_alap);
	border-top-left-radius		:0px !important;
	border-top-right-radius		:0px !important;
	border-bottom-left-radius	:0px !important;
	border-bottom-right-radius	:0px !important;
}

div#valasz_uzenet_tarolo,
div#teljes_uzenet2_tarolo{
	width						:90% !important;
	left						:5% !important;
	top							:150px !important;
}

div.uzenet_tarolo .uzenet_tarolo{
	width						:86% !important;
	left						:7% !important;
	top							:25px !important;
}

div.uzenet_adatok,
div.uzenet_adatok span a,
div.uzenet_adatok_margin_1,
div.uzenet_adatok strong,
div.uzenet_adatok_margin_1 strong{
	margin-top					:0px !important;
	background					:unset !important;
	width						:unset !important;
	display						:inline-block;
	font-size					:15px !important;
}

div.uzenet_adatok strong,
div.uzenet_adatok_margin_1 strong{
	padding-left				:35px !important;
	padding-right				:5px !important;
}

div.uzenet_adatok_margin_1{
	margin-top					:unset !important;
	background					:unset !important;
	padding-right				:20px;
	width						:unset !important;
}

div.uzenet_adatok{
	padding-left				:10px;
}

div.valasz_uzenet_torzs,
div.uzenet_torzs{
	margin-top					:unset !important;
	margin						:10px !important;
	width						:unset !important;
	margin-right				:270px !important;
	margin-top					:0px !important;
}

span.valasz_uz_cb{
	display						:block;
}

div.elozmeny_uzenet,
div.uzenet_szoveg{
	width						:unset !important;
	overflow-x					:auto !important;
	background-color			:white;
	padding						:5px;
}

div.elozmeny_uzenet{
	width						:unset !important;
	height						:90px !important;
	overflow-y					:auto;
	overflow-x					:auto;
	background-color			:white !important;
	position					:unset !important;
	bottom						:unset !important;
	left						:unset !important;
	padding						:5px !important;
	margin-top					:10px !important;
}

span#elolvasva_menu{
	font-weight					:bold;
}

span#elolvasva_menu a{
	width						:unset !important;
}

div#olvasott_list{
	border						:1px solid black;
	background-color			:#ededed !important;
	top							:75px !important;
	left						:150px !important;
}

.sms-cimzett-tarolo, .sms-szoveg-tarolo{
	height						:32px;
	overflow					:hidden;
}

.teljes_uzenet_cim{
	font-size					:20px;
	padding-top					:10px;
	display						:inline-block;
}
.uzenet_cimsor a i{
	font-size					:30px;
	color						:white;
	padding-top					:6px;
}

.uzenet_cimsor a i:hover{
	text-shadow					:1px 1px 1px #000;
}

div.uz_melleklet strong{
	padding-left				:0px;
}

div.uz_melleklet{
	overflow					:auto !important;
	height						:390px !important;
	background					:white !important;
	padding						:10px !important;
	padding-right				:0px !important;
	margin						:10px !important;
	margin-top					:28px !important;
	width						:250px !important;
	float						:right !important;
}

span.melleklet-elvalaszto{
	clear						:both;
	line-height					:0%;
	margin-top					:4px;
	margin-bottom				:4px;
	display						:block;
	border-top					:1px solid #ededed;
}

div.uzenet_tarolo form input[type="submit"]{
	margin-left					:20px;
}

div.uz_melleklet a{
	display						:block;
	white-space					:pre-line;
}

div.uz_melleklet a img{
	float						:left;
}

div.uz_melleklet strong{
		display					:block;
}

table#felh_olvasott th{
	color						:white;
}

table.uzenet_table thead tr th{
	background-color			:var(--sz_sotet) !important;
}

/* colorbox felugró css */
/* A lightboxhoz szükséges stílusdefiníciók */
#colorbox,
#cboxOverlay,
#cboxWrapper{
	position				:absolute;
	top						:0;
	left					:0;
	z-index					:9999;
	overflow:hidden;
}
#cboxOverlay{
	position				:fixed;
	width					:100%;
	height					:100%;
}
#cboxMiddleLeft,
#cboxBottomLeft{
	clear					:left;
}
#cboxContent{
	position				:relative;
}
#cboxLoadedContent{
	overflow					:auto;
	-webkit-overflow-scrolling	:touch;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic{
	position				:absolute;
	top						:0;
	left					:0;
	width					:100%;
	height					:100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow{
	cursor					:pointer;
}
.cboxPhoto{
	float					:left;
	margin					:auto;
	border					:0;
	display					:block;
	max-width				:none;
	-ms-interpolation-mode	:bicubic;
}
.cboxIframe{
	width					:100%;
	height					:100%;
	display					:block;
	border					:0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent{
	box-sizing				:content-box;
	-moz-box-sizing			:content-box;
	-webkit-box-sizing		:content-box;
}
#cboxOverlay{
	background				:#000;
}
#colorbox{
	outline					:0;
}
#cboxContent{
	margin-top				:20px;
	background				:#000;
}
.cboxIframe{
	background				:#fff;
}
#cboxError{
	padding					:50px;
	border					:1px solid #ccc;
}
#cboxLoadedContent{
	border					:5px solid #0000AA;
	background:#fff;
}
#cboxTitle{
	position				:absolute;
	top						:-20px;
	left					:0;
	color					:#ccc;
}
#cboxCurrent{
	position				:absolute;
	top						:-20px;
	right					:0px;
	color					:#ccc;
}
#cboxLoadingGraphic{
	background				:url(/images/loading.gif) no-repeat center center;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose{
	border					:0;
	padding					:0;
	margin					:0;
	overflow				:visible;
	width					:auto;
	background				:none;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active{
	outline					:0;
}
#cboxSlideshow{
	position				:absolute;
	top						:-20px;
	right					:90px;
	color					:#fff;
}
#cboxPrevious{
	position				:absolute;
	top						:50%;
	left					:5px;
	margin-top				:-32px;
	background				:url(/images/controls.png) no-repeat top left;
	width					:28px;
	height					:65px;
	text-indent				:-9999px;
}
#cboxPrevious:hover{
	background-position		:bottom left;
}
#cboxNext{
	position				:absolute;
	top						:50%;
	right					:5px;
	margin-top				:-32px;
	background				:url(/images/controls.png) no-repeat top right;
	width					:28px;
	height					:65px;
	text-indent				:-9999px;
}
#cboxNext:hover{
	background-position		:bottom right;
}

#cboxClose{
	position					:absolute;
	top							:5px;
	right						:5px;
	display						:block;
	background					:url(/images/controls.png) no-repeat top center;
	width						:38px;
	height						:19px;
	text-indent					:-9999px;
}

#cboxClose:hover{
	background-position			:bottom center;
}

#cboxContent #cboxLoadedContent{
	border						:2px solid var(--sz_alap);
	padding						:5px;
}

/*multimenü érdekesen néz ki e-nélkül*/
img.mutimenu-vezerlo-ikonok{
	cursor						:pointer;
	display						:block;
	width						:24px;
	height						:24px;
	margin-bottom				:5px;
}

/*dax_vevo_info colorbox close buttonja pl.*/
#cboxClose{
	position					:absolute !important;
	right						:7px !important;
	top							:6px !important;
	display						:block !important;
	background					:url(/images/colorbox_close_btn.png) no-repeat top center !important;
	width						:30px !important;
	height						:26px !important;
	text-indent					:-9999px !important;
	opacity						:1;
}

#cboxClose:hover,
.derp-window-header-right-btnexit:hover{
	opacity						:1;
}

/* derp ablak - popupdiv.css felülírások */
.derp-window-content,
.derp-window-footer{
	padding						:0px !important;
}

.derp-window-body{
	padding						:10px !important;
}

.derp-window-body{
	box-shadow					:unset !important;
}

.derp-window-content{
	outline						:1px solid var(--c_gray_8);
	background					:#F2F2F2;
}

.derp-window-header{
	background-color			:var(--sz_alap) !important;
	border-radius				:0px !important;
	-moz-border-radius			:0px !important;
	-webkit-border-radius		:0px !important;
	padding						:0px !important;
}

.derp-window-taskbar .derp-window-header{
	width						:200px !important;
}

.derp-window-iconbar{
	left						:0 !important;
}

.derp-window-content{
	box-sizing					:border-box;
}

.derp-window-content *{
	box-shadow					:unset !important;
	border-radius				:0px !important;
	-moz-border-radius			:0px !important;
	-webkit-border-radius		:0px !important;
	box-sizing					:border-box;
}

.derp-window-header-right,
.derp-window-header-left{
	color						:white !important;
	padding						:4px;
}

.derp-window-header-left{
	width						:calc(85% - 25px) !important;
}

.derp-window-header-right .derp-window-header-buttons{
	width						:25px;
	height						:25px;
	background-size				:cover;
	position					:relative;
	visibility					:hidden;
	text-align					:center;
	text-shadow					: var(--sh_fa);
    opacity						: 0.9;
}

.derp-window-header-right .derp-window-header-buttons:hover{
	text-shadow					:var(--sh_fa_hov);
	opacity						:1;
}

.derp-window-header-right .derp-window-header-buttons:before{
	position					:absolute;
	top							:0px;
	left						:0px;
	width						:25px;
	height						:25px;
    font-family					:'Font Awesome 5 Free';
    font-weight					:900;
    font-size					:20px;
    visibility					:visible;
}

.derp-window-header-right-btnmini:before{
	content						:'\f068';
}

.derp-window-header-right-btnexit:before{
	content						:'\f00d';

}

.derp-window-footer{
	border-bottom				:10px solid #f2f2f2;
	border-top					:0px !important;
}

/*fcsat egyszerűsített*/

body.view{
	margin						:0px;
}

.bigpic{
	position					:absolute;
	top							:10px;
	right						:0;
	left						:0;
	margin-right				:auto;
	margin-left					:auto;
	width						:95%;
	height						:90%;
	z-index						:10001;
	background-color			:#fff;
	text-align					:center;
	background-size				:contain !important;
	text-shadow					:0 0 3px #ccc;
	border						:2px solid #000;
	text-align					:center;
}

.bigpic2{
	position					:absolute;
	right						:0;
	left						:0;
	margin-right				:auto;
	margin-left					:auto;
	width						:100%;
	height						:100%;
	z-index						:101;
	background					:url(/css/rendeles/rend_bg.png);
	text-align					:center;
	background-size				:contain !important;
	text-shadow					:0 0 3px #ccc;
	text-align					:center;
}

body.hthumb{
	direction					:rtl;
}

body.hthumb .lrscroll{
	direction					:ltr;
}

#frs_view{
	background					:url(/css/rendeles/rend_bg.png);
}

.picmenu{
	background-color			:#fff;
	position					:absolute;
	top							:0;
	right						:0;
	padding						:5px;
	margin						:5px;
}

.picmenu2{
	font-size					:25px;
	background-color			:#fff;
	color						:black;
	position					:absolute;
	top							:0;
	left						:0;
	z-index						:113;
	padding						:7px;
	border-bottom-right-radius	:7px;
	-webkit-user-select			:none;
	-moz-user-select			:none;
	-ms-user-select				:none;
	user-select					:none;
}

#pframe{
	background-size				:contain;
	background-position			:center;
	background-repeat			:no-repeat;
}

#viewNagyKep img{
	-webkit-box-shadow			:var(--sh_sotet_nagy);
	-moz-box-shadow				:var(--sh_sotet_nagy);
	box-shadow					:var(--sh_sotet_nagy);
	outline						:1px solid #484848;
	margin-top					:0.4%;
}

.thumbs-body img{
	transition					:all 0.3s ease-in-out;
}

.thumbs-body div.thumb-image-container{
	display						:inline-block;
	overflow					:hidden;
	outline						:1px solid #484848;
	-webkit-box-shadow			:var(--sh_sotet_kicsi);
	-moz-box-shadow				:var(--sh_sotet_kicsi);
	box-shadow					:var(--sh_sotet_kicsi);
	margin-top					:7px;

}

.thumbs-body img:hover{
	transform					:scale(1.3);
}

.v-prev,
.v-next{
	position					:absolute;
	width						:80px;
	height						:100%;
	z-index						:110;
	text-align					:center;
	opacity						:0.6;
	cursor						:pointer;
}

.v-prev i,
.v-next i{
	position					:relative;
	top							:45%;
	font-size					:50px;
	color						:var(--sz_alap);
}

.v-prev{
	top							:0;
	left						:0;
	float						:left;
}

.v-next{
	top							:0;
	right						:0;
	float						:right;
}

#piczoom,
#piczoom_plus,
#piczoom_minus{
	color						:var(--sz_vilagos);
}

#bigpicscale{
	width						:75px;
	display						:inline-block;
}

.fcsategyszeru{
	display						:none;
}
.fcsatfej tr{
	vertical-align				:top;
	table-layout				:fixed;
}
.fcsatfej td{
	width						:33.3%;
}
.oszlop div{
	word-break					:break-word;
}
#fcsatcontent.oszlop{
	border-collapse				:collapse;
	padding						:10px;
}
#fcsatcontent.oszlop > * > *{
	white-space					:nowrap;
}

.mfac-kontener{
	display						:inline-block;
	vertical-align				:middle;
}

body.hirek .derp-window-footer button.cPointer{
	margin						:4px;
}

body.hirek .derp-window-header-icon{
	display						:none;
}

body.hirek{
	opacity						:1;
}

#infotabs ul > li > a > div,
#infotabs ul > li > a.bezar{
	display						:none;
}

/* rendelés infó */

.rendeles-info-torzs .rendeles-info-allapot-tabla table,
.rendeles-info-torzs .rendeles-info-alap-tabla table{
	border-collapse				:collapse;
}

.rendeles-info-torzs .rendeles-info-allapot-tabla table th,
.rendeles-info-torzs .rendeles-info-allapot-tabla table td,
.rendeles-info-torzs .rendeles-info-alap-tabla table td,
.rendeles-info-torzs .rendeles-info-alap-tabla table th{
	padding						:5px;
}

/* na majd egyszer :( */

/* img-ből fa gombot készíteni, hogy minden esemény meg jq-val akárhogy rárakott cucc megmarad digicube.css-el meg az eredeti ikon jelenjen meg*/
/* a plusz class fab16 vagy fab24, de más is definiálgható */
/*
<span class="i-fab fab16 fa_button">
	<i class="fa fa-file-upload" style="display:none;"> </i>
	<img onclick="javascript:kosar_file()" src="./images/icon/16/plus.png" width="16" height="16" border="0" alt="Csv feltöltés" title="Csv feltöltés">
</span>
*/

.i-fab{
	text-shadow					:var(--sh_fa);
	opacity						:0.9;
	cursor						:pointer;
	display						:inline-block;
}

.i-fab:hover{
	text-shadow					:var(--sh_fa_hov);
	opacity						:1;
}

.i-fab i{
	position					:absolute;
	display						:inline-block !important;
}

.i-fab img{
	position					:relative;
	opacity						:0;
	cursor						:pointer;
}

.i-fab.fab12 img,
.i-fab.fab12 i{
	font-size					:12px;
	width						:12px !important;
	height						:12px !important;
}

.i-fab.fab14 img,
.i-fab.fab14 i{
	font-size					:14px;
	width						:14px !important;
	height						:14px !important;
}

.i-fab.fab16 img,
.i-fab.fab16 i{
	font-size					:16px;
	width						:16px !important;
	height						:16px !important;
}

.i-fab.fab20 img,
.i-fab.fab20 i{
	font-size					:20px;
	width						:20px !important;
	height						:20px !important;
}

.i-fab.fab24 img,
.i-fab.fab24 i{
	font-size					:24px;
	width						:24px !important;
	height						:24px !important;
}

body.rendeles_kosar{
	margin 						:0px;
}

body.rendeles_kosar input.kosar-sor-modositas{
	padding 					:0px;
}

.error_kosar{
	color					:#D8000C;
	background-color		:#FFBABA;
}

@keyframes Gradient{
	0%{
		background-position				:0% 50%;
		background						:linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 49%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.5) 100%) !important;
	}
	50%{
		background-position				:100% 50%;
		background						:linear-gradient(45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 49%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.5) 100%) !important;
	}
	100%{
		background-position				:0% 50%;
		background						:linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 49%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.5) 100%) !important;
	}
}

div.div_tartalom_betoltes{
	background							:linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 49%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.5) 100%) !important;
	background-size						:300% !important;
	-webkit-animation					:Gradient 10s ease infinite !important;
	-moz-animation						:Gradient 10s ease infinite !important;
	animation							:Gradient 10s ease infinite !important;
	opacity								:1 !important;
}

/* Ez így lehet, hogy gáz, ha valahol kell. Vagy mindenütt módosítani kell, hogy ne legyen felirat, vagy ezt felülvágni ott, ahol kell.... */
.toltes-felirat{
	display:none;
	/*	opacity								:0;*/
}

.tmp-toltes > * > *:not(.div_tartalom_betoltes) {
    filter: blur(2px);
}

/* Töltés jelző réteg animációja */
.lds-grid {
	/*width:  256px;
	height: 256px;*/
	width: 15%;
	padding-top:15%;
}

.lds-grid {
	display: inline-block;
	position: relative;
}

.lds-grid div {
	width: 20.3125%;
	height: 20.3125%;
}

.lds-grid div {
	position: absolute;
	border-radius: 50%;
	background: #fff;
	animation: lds-grid 1.2s linear infinite;
}

/* TAT - T */
.lds-grid div:nth-child(1),
.lds-grid div:nth-child(2),
.lds-grid div:nth-child(3),
.lds-grid div:nth-child(5),
.lds-grid div:nth-child(8){
	background: #fee;
}

.lds-grid div:nth-child(1) {
	top: 9.375%;
	left: 9.375%;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(2) {
	top: 9.375%;
	left: 40.625%;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(3) {
	top: 9.375%;
	left: 70.3125%;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
	top: 40.625%;
	left: 9.375%;
	animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
	top: 40.625%;
	left: 40.625%;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
	top: 40.625%;
	left: 70.3125%;
	animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
	top: 70.3125%;
	left: 9.375%;
	animation-delay: -1.2s;
}

.lds-grid div:nth-child(8) {
	top: 70.3125%;
	left: 40.625%;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(9) {
	top: 70.3125%;
	left: 70.3125%;
	animation-delay: -1.6s;
}

@keyframes lds-grid {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

/* Egyszerű divekből kialakított slideshow - banner */

.div-slider{
	position							:relative;
}

.div-slider > div{
	position							:absolute;
	left								:0px;
	right								:0px;
	bottom								:0px;
}

div.bnr-tomb{
	text-align							:center;
	margin-top							:30px;
}

/* slidingdiv.css - ennyi kell belőle - hibajelenés küldés (rendeles_termek_info) használja */

.show_hide{
	display								:none;
}

#infotab-1 #error_div,
#infotab-1 #success_div{
	display								:none;
}

/* sql.derp "query,explain,hatékonyság accordion" */
#sql_in_helper > fieldset{
	padding								:10px !important;
	padding-top							:45px !important;
}

/* saját listák szerkesztő felülete */

.kedvenc_button i{
	font-size:20px;
}
.slista_lista > table.tablesorter{
	border:0px;
}
.slista_lista td.btn{
	text-align:right;
}
.slista_lista .nembenne i.fa-check{
	display:none;
}
.slista_lista .benne i.fa-minus-circle{
	display:none;
}
.slista_lista i.fa-check{
	color:green;
}
.slista_lista i.fa-minus-circle{
	color:red;
}
.slista_lista .slistaban_jel{
	display: inline-block;
	width: 20px;
}
.slnevvalto{
	width:100%;
}
.slnevvalto .btntd{
	text-align:right;
}
.hover-sz_alap{
	transition: color 0.2s ease-in-out;
}
.hover-sz_alap:hover{
	color:var(--sz_alap);
	transition: color 0.15s ease-in-out;
}
.slista_nev i{
	padding-left: 10px;
	color: var(--c_gray_d);
}
.slista_nev:hover i.hover-sz_alap{
	color:var(--sz_alap);
	transition: color 0.15s ease-in-out;
}
.slista_nev{
	cursor:pointer;
}

.slista_fejlec{
	background-color: var(--c_gray_8);
	color: white;
	display: block;
	padding: 3px;
}

.slf_table .b_icon{
	display: inline-block;
    font-size: 30px;
    padding: 10px;
    width: 50px;
    height: 50px;
    padding-top: 10px;
    text-align: center;
    border-radius: 50%;
    background: var(--sz_sotet);
    color: white;
}

.slf_table .meglevo .b_icon{
	float:left;
}

.slf_table .b_icon i{
	padding-top:8px;
}


.slf_table .meglevo .m_gombok{
	margin-left:75px;
}

.derp-form-star{
	display: none !important;
}
.form-star + label{
	color: red;
}
#form_cikklista .derp-form-body .container_listaselect,
#form_cikklista .derp-form-body .listanev-hide{
	display:none;
}
.lista_cikkek .tablesorter{
	width:unset;
}
#form_cikklista .derp-form-item img{
	display:none;
}
.slf_table td.uj{
	border-left: 1px solid var(--sz_alap);
	padding-left:20px;
	text-align:center
}
.slf_table{
	margin-bottom:30px;
	width:100%;
}
.slf_lbutton{
	margin:8px;
}
.slf_lbutton.aktiv {
	background: var(--c_white);
	color: var(--sz_alap);
	font-weight: bold;
}
.slf_table td{
	vertical-align:top;
}
span.clistanev:before {
	content: "„";
}
span.clistanev:after {
	content: "”";
}

span.clistanev {
    font-weight: bold;
}

.ltartalom{
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid var(--sz_alap);
}
#form_cikklista{
	display: inline-block;
	margin-left: 15px;
}
#form_cikklista .derp-form-footer{
	margin-top: 20px;
	margin-bottom: 20px;
}
#form_cikklista .elemzes-submit i{
	font-size:22px;
	vertical-align:middle;
}

.filefeltolttable .up_file,
.filefeltolttable .up_text,
#form_cikklista label{
	font: 20px Arial, Helvetica, sans-serif;
	color: var(--sz_alap);
	text-shadow: 0 1px 1px #fff;
	margin:0px;
	vertical-align: middle;
	display: inline-block !important;
	float:unset !important;
}

#form_cikklista label{
	width:310px;
	margin-right: 20px;
}

#form_cikklista .derp-form-item{
	float:unset !important;
}

#form_cikklista .derp-form-body .derp-form-item-container > div > *:not(.form-star){
	vertical-align:middle;
	display: inline-block !important;
}

.filefeltolttable .up_file:before,
.filefeltolttable .up_text:before,
#form_cikklista label:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: inline-block !important;
	font-size: 28px;
	padding: 10px;
	width: 40px;
	height: 40px;
	display: inline-block;
	padding-top: 10px;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	background: var(--sz_sotet);
	color: white;
	margin-right:12px;
}


.filefeltolttable .up_text:before{
	content: '\f6dd';
	line-height: 1.4;
}

.filefeltolttable .up_file:before{
	content: '\f093';
}

.filefeltolttable .up_indit_td{
    vertical-align: bottom;
    font-size: 123%;
}

.filefeltolttable h2{
	display:inline-block;
	vertical-align:middle;
}

#form_cikklista .container_button label:before{
	content: '\f093';
}
#form_cikklista .container_listanev label:before{
	content: '\f0ae';
	line-height: 1.4;
}
#form_cikklista .ucsoport label:before{
	content: '\f0c0';
}
#form_cikklista .uuid label:before{
	content: '\f007';
}
#form_cikklista .ukod label:before{
	content: '\f4ff';
}
#form_cikklista .container_button{
	margin-bottom: 20px;
}
.slf_table .kivalasztott * {
	font-size: 110%;
}
.slf_table .kivalasztott i::before{
	content:'\f46c';
	color:#bd0101;
}
.slf_table .kivalasztott button:hover{
	background:var(--c_gray_white);
}

.filefeltolttable .up_file_td input,
.filefeltolttable .up_file_td textarea{
	margin-left: 80px;
}
/* eddig:  saját listák szerkesztő felülete */

.tooltip-tip {
	display								:none;
	position							:absolute;
	z-index								:999999;
	border-width						:1px;
	border-radius						:1px;
	border								:1px solid var(--c_gray_8);
	background							:var(--c_white);
	color								:var(--c_gray_5);
	font-family							:Verdana,Arial,sans-serif;
	font-size							:1.1em;
	padding								:8px;
	max-width							:300px;
	box-shadow							:2px 3px 10px rgba(0, 0, 0, 0.47);
	-webkit-transition					:top 0.15s, left 0.23s;
	-moz-transition						:top 0.15s, left 0.23s;
	transition							:top 0.15s, left 0.23s;

	/*background-image					:url(/images/info_bg.png);*/
}

/* .radio-to-buttons - osztályú konténerben lévő radio gombok <button> - szerű formázást kapnak */

.radio-to-buttons input[type="radio"]{
	display								:none;
	border								:0px;
}

.radio-to-buttons label{
	cursor								:pointer;
	display								:inline-block;
	padding								:15px 20px;
	margin								:5px;
	background							:var(--sz_sotet);
	color								:var(--c_white);
	transition							:padding .25s ease-in-out .25s;
	transform							:translatey(0px);
}

.radio-to-buttons label:hover{
	transform							:translatey(-1px);
	filter								:drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}

.radio-to-buttons label:after{
	content								:"\f00c";
	width								:0px;
	font-family							:'Font Awesome 5 Free';
	font-weight							:900;
	display								:inline-block;
	transition							:opacity 0.25s ease-in-out;
	transform							:translateX(5px) scale(1.3);
	color								:#7bff29;
	filter								:drop-shadow(1px 1px 2px black);
	opacity								:0;
}

.radio-to-buttons input[type="radio"]:checked+label{
	transition							:padding .25s ease-in-out;
	padding-left						:10px;
	padding-right						:30px;
}

.radio-to-buttons label:hover,
.radio-to-buttons input[type="radio"]:checked+label{
	background							:var(--sz_vilagos);
}

.radio-to-buttons input[type="radio"]:checked+label:after{
	opacity								:1;
	transition							:opacity 0.25s ease-in-out 0.25s;
}

/* a html align=... attribútumokat le kellene cserélni ezekre, mert a böngészők azokat már nem nagyon veszik figyelembe */
.align-left{
	text-align							:left;
}

.align-right{
	text-align							:right;
}

.align-center{
	text-align							:center;
}

.align-justify{
	text-align							:justify;
}

/* Rendelés lezárás (kosár) oldal */
.megj-lista{
    text-align							:left;
    margin-top							:20px;
    margin-bottom						:20px;
}

.mj-kerdes{
    font-size							:16px;
}

/* JS-es szűrő doomba betöltött html elemek közötti szűrés esetén - ez a def. class, ami elrejti az elemet */

.find-items-hide{
	opacity								:0;
	transform							:scale(0);
	width								:0px;
	height								:0px;
	margin								:0px;
	padding								:0px;
	border								:0px;
    font-size							:0px;
	transition							:opacity 0.3s ease-in-out 0.0s,
										 transform 0.3s ease-in-out 0.0s,
										 width 0.0s ease-in-out 0.3s,
										 height 0.0s ease-in-out 0.3s,
										 margin 0.0s ease-in-out 0.3s,
										 padding 0.0s ease-in-out 0.3s,
										 border 0.0s ease-in-out 0.3s,
										 font-size 0.0s ease-in-out 0.3s;
}

.find-items-show{
	transition							:opacity 0.3s ease-in-out 0.0s,
										 transform 0.3s ease-in-out 0.0s,
										 width 0.0s ease-in-out 0.0s,
										 height 0.0s ease-in-out 0.0s,
										 margin 0.0s ease-in-out 0.0s,
										 padding 0.0s ease-in-out 0.0s,
										 border 0.0s ease-in-out 0.0s,
										 font-size 0.0s ease-in-out 0.0s;
}
.find-items-hide *{
	opacity								:0 !important;
	width								:0px !important;
	height								:0px !important;
	margin								:0px !important;
	padding								:0px !important;
	border								:0px !important;
	border-spacing						:0px !important;
	transition							:opacity 0.3s ease-in-out 0.0s,
										 width 0.0s ease-in-out 0.3s,
										 height 0.0s ease-in-out 0.3s,
										 margin 0.0s ease-in-out 0.3s,
										 padding 0.0s ease-in-out 0.3s,
										 border 0.0s ease-in-out 0.3s,
										 border-spacing 0.0s ease-in-out 0.3s;
}

.find-items-show *{
	transition							:opacity 0.3s ease-in-out 0.0s,
										 width 0.0s ease-in-out 0.0s,
										 height 0.0s ease-in-out 0.0s,
										 margin 0.0s ease-in-out 0.0s,
										 padding 0.0s ease-in-out 0.0s,
										 border 0.0s ease-in-out 0.0s,
										 border-spacing 0.0s ease-in-out 0.0s;
}

.find-items-noanim-hide,
.find-items-noanim-hide *{
	display								:none !important;
}

.filter-input input{
    height								:30px;
    padding-top							:0px;
    padding-bottom						:0px;
    padding-left						:10px;
    padding-right						:30px;
	vertical-align						:middle;
}

.filter-input .filter-input_input_torol{
    font-size							:22px;
    padding								:4px 10px;
    cursor								:pointer;
	color								:var(--sz_close);
	margin-left							:-35px;
	vertical-align						:middle;
}

.sql_tabla_szuro{
	display								:inline-block;
	margin-left							:40px;
}

#scroll_to_topleft{
	display					:none;
	position				:fixed;
	bottom					:20px;
	right					:30px;
	z-index					:99;
	font-size				:50px;
	color					:#009688;
	cursor					:pointer;
	opacity					:0.6;
}

#scroll_to_topleft:hover{
	opacity					:1;
}