* {
	box-sizing:border-box;
}
html {
	font-family: arial, helvetica, sans;
	font-size:110%;
	width:100%;
}
body {
	margin:0px;
	background-color:#fff;
	position:relative;
}
#shader {
	z-index:100;
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	background-color:rgba(0,0,0,0.7);
	text-align:center;
	padding-top:10%;
}
#popup {
	display:inline-block;
	min-width:400px;
	min-height:300px;
	border:1px solid #000;
	box-shadow:0px 0px 6px rgba(0,0,0,0.5);
	z-index:101;
	background-color:#fff;
	position:relative;	
}
#popup_header {
	height:30px;
	background:linear-gradient(to right, #226465, #9198e5);
	position:relative;
	text-align:left;
	padding-left:10px;
	line-height:30px;
	color:#fff;
}
#popup_close {
	position:absolute;
	right:5px;
	top:0px;
	height:30px;
	font-size:120%;
	color:#fff;
	cursor:pointer;
}
.limiter {
	max-width:1400px;
	margin:0 auto;
}
input[type=button],
input[type=reset],
input[type=submit] {
	min-width:60px;
	min-height:30px;
	background:linear-gradient(to right, #226465, #9198e5);
	color:#eee;
	border:1px solid #123435;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	cursor:pointer;
	transition:all 0.3;
}
input[type=button]:HOVER,
input[type=reset]:HOVER,
input[type=submit]:HOVER {
	background:linear-gradient(to right, #329495, #b1b8f5);
	color:#fff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.7);
}
header {
	background-color:#000;
	min-height:80px;
	color:#eee;
	padding:10px;
	position:relative;
}
header h1,
header h3 {
	margin:0px;
	padding:0px;
}
header a {
	color:#fff;
}
header .karbantartas_alert {
	position:absolute;
	left:20%;
	right:20%;
	top:20px;
	border:1px solid #f00;
	background-color:#fff;
	color:#000;
	padding:3px;
}
nav {
	background:linear-gradient(to right, #226465, #9198e5);
	height:40px;
	position:relative;	
}
nav ul {
	list-style-type : none;
	margin:0px;
	padding:0px;
	z-index:100;
}
nav ul li {
	display: inline-block;
	border-right:1px solid rgba(0,0,0,0.3);
	position:relative;
	padding:0px;
	margin:0px;
}
nav ul li:last-child {
	border-right:none;
}
nav ul li a,nav ul li label {
	color:#eee;
	display:block;
	height:40px;
	line-height:40px;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	white-space:nowrap;
}

	

nav ul li a:HOVER {
	color:#fff;
}
nav ul li ul {
	position:absolute;
	left:0px;
	top:100%;
	display:block;
	background-color:rgba(0,0,0,0.8);
	transition:all 0.3s;
	/*display:none;*/
	max-height:0px;
	box-sizing:border-box;
	z-index:101;
	overflow:hidden;
}
nav ul li ul li ul {
	left:100%;
	top:0%;
}
nav ul li ul li {
	display: block; 
	border-bottom:rgba(0,0,0,0.3);
}
nav ul li:HOVER {
	
}
nav ul li:HOVER > ul{
	/*display:block;*/
	max-height:400px;
	overflow:visible;
}
.nav_fixed {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:500;
}
nav input {
	display:none;
}
/* fűmenü pc */

nav #hamburger { 
	display:none;
}
/* főmenü telefon */
@media screen and (max-width: 800px) {
	nav #hamburger {
		display:inline-block;
	}
	nav ul {
		display:none;
		background-color:#444;
	}
	nav ul li {
		border-bottom:1px dotted #777;
	}
	nav ul li:HOVER + ul{
		display:none;
	}
	nav input:checked + ul {
		display:block;
		width:100%;
		position:relative;
	}
	nav input:checked + ul li {
		display:block;
	}
	nav ul li ul {
		width:100%;
		position:relative;
	}
}

iframe {
	border:1px solid #ddd;
}

/* jqueryui kiegészítések */



section {
	min-height:100px;
	padding-bottom:80px;
}
footer {
	background:linear-gradient(to right, #226465, #9198e5);
	height:40px;	
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	padding:5px;	
	color:#eee;
	z-index:100;
}
footer span {
	line-height:30px;
	font-size:80%;
	margin-right:30px;
}
.left {
	float:left;
}
.right {
	float:right;
	text-align:right;
}
.clr {
	clear:both;
}


/*

_table 


*/
._table {
	width:98%;
	margin:1%;
	border:1px solid #ddd;
}
._table td {
	margin:0px;
}
._table thead,
._table tfoot {
	background:linear-gradient(to right, #226465, #9198e5);
	color:#fff;
}
._table tbody tr td {
	border-bottom:1px solid #ddd;
}

/*

WELCOME PAGE

*/

.inputline {
	padding:5px;
}
.inputline input, select, textarea {
	padding:4px;
	border:1px solid #888;

}
.btn {
	min-width:80px;
	min-height:30px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid #000;
	color:#fff;
	font-size:100%;
	box-shadow:0px 0px 3px rgba(0,0,6,0.4);
	background:linear-gradient(to right, #226465, #9198e5);
	white-space:nowrap;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
}

.btn:HOVER {
	color:#fff;
	box-shadow:0px 0px 6px rgba(0,0,0,0.5);
}


.itable {
	width:80%;
	margin:10%;
	font-size:100%;
}
.itable tr td {
	padding:5px;
	text-align:left;
}
.itable tr td input,
.itable tr td select,
.itable tr td textarea {
	font-size:100%;
	width:100%;
}
.i_ask textarea {
	width:80%;
	height:200px;
}
.feladat_view .ineditorobject  {
	position:relative;
	max-width:100%;
	max-height:800px;
}
.feladat_view .ineditorobject img {
	max-width:100%;
	max-height:100%;
}
/* feladat */
.feladat_indicator {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:40px;
	background-color:#f00;
	z-index:20;
}

/* médiatár */
.file_element {
	width:140px;
	height:140px;
	border:1px solid #999;
	display:inline-block;
	margin:10px;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	/*background-size:contain;*/
	overflow:hidden;
}
.file_element_selected {
	border:3px solid #f00;	
}
.file_element .file_originalname {
	position:absolute;
	width:100%;
	bottom:2px;
	text-align:center;
	font-size:60%;
	max-width:100%;
	overflow:hidden;
	text-shadow:0px 0px 1px #fff;
	color:#000;
}
.file_element .progressbar {
	width:100px;
	height:30px;
	border:1px solid #000;
	margin:20px;
	margin-top:55px;
	position:relative;	
	box-shadow:2px 2px 3px #555;	
}
.file_element .media_ertekeles_textarea {
	display:none;
}
.ribbon {
	background-color:#f00;
	color:#fff;
	height:30px;
	line-height:30px;
	text-align:center;
	transform:rotate(45deg);
	position:absolute;
	left:-45px;
	bottom:20px;
	font-size:90%;
	white-space:nowrap;
	padding-left:50px;
	padding-right:50px;
}
.ertekeles_box {
	margin:2%;
	width:96%;
	border:2px solid #f00;
	background-color:#fff;
	color:#000;
	font-size:120%;
	padding:20px;
}
.ertekeles_box:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
}
.ertekeles_emojli {
	max-width:300px;
	max-height:300px;
	vertical-align:top;
	float:left;
	margin-right:10px;
	
}


/* WE SZERKESZTŐ */
#we {
	width:100%;
	border:1px solid #eee;
	height:550px;
	position:relative;
}
#we_toolbar {
	width:100%;
	height:80px;	
	background-color:#eee;
}
#we_toolbar * {
	user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    webkit-user-select: none;
    -o-user-select: none;
}
.we_toolgrp {
	position:relative;
	display:inline-block;
	border:1px solid #ccc;
	min-height:65px;
	padding:5px;
	padding-top:9px;
	margin:4px;
	margin-top:9px;
}
.we_toolgrp_label {
	left:5px;
	margin-top:-18px;
	font-size:12px;
	color:#999;
	background-color:#eee;
	padding:2px;
	width:max-content;
}
.we_btn {
	width:30px;
	height:30px;
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	/*border:1px solid #ddd;*/
	background-size:90% 90%;
	transition:all 0.1s;
	background-color:#eee;	
}
.we_btn:HOVER {
	background-color:#ddd;
}
.we_btn_locked {
	background-color:#ddd;
}
.we_btn .popup {
	display:none;
}

#we_rich {
	width:100%;
	height:430px;
	border:1px solid #eee;	
	overflow-y:scroll;	
}
#we_txt {
	width:100%;
	height:420px;
	border:1px solid #eee;	
	display:none;
	position:relative;
}
#we_foto {
	position:absolute;	
	top:120px;
	left:0px;
	right:0px;
	bottom:28px;
	overflow:hidden;
	z-index:1;
}
#we_centerpoint {
	border:1px solid #aa0;	
	width:5px;
	height:5px;
	left:50%;
	top:50%;
	position:relative;
}
#we_foto_imagelayer {
	border:1px solid #fff;
	background-position:center center;
	background-repeat:no-repeat;
}
#we_foto_stamplayer {
	border:1px dotted #fff;
}
#we_foot {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:28px;
	background-color:#eee;
	padding-left:10px;
	line-height:25px;
	font-size:70%;
}
#we_txt textarea {

}
.we_view_txt #we_rich {
	display:none;
}
.we_view_txt #we_txt {
	display:block;
}
#we_html_inp,
#we_txt_inp {
	width:100%;
	min-height:100%;
	padding:5px;

}

.we_btn .we_popup {
	display:none;
}
.we_popup input,
.we_popup select {
	margin:10px;
}
#we_btn_view_html {
	background-image:url('/images/icons/v_html.png');	
}
#we_btn_view_text {
	background-image:url('/images/icons/v_txt.png');	
}
.we_upload {
	background-image:url('/images/icons/upload.png');	
}
.we_link {
	background-image:url('/images/icons/link.png');	
}
#we_btn_ask_short {
	background-image:url('/images/icons/ask_short.png');	
}
#we_btn_ask_long {
	background-image:url('/images/icons/ask_long.png');	
}
#we_btn_ask_select {
	background-image:url('/images/icons/ask_select.png');	
}
.we_embed {
	background-image:url('/images/icons/embed.png');	
}
#we_elem_resize {
	background-image:url('/images/icons/resize.png');
}
#we_elem_edit {
	background-image:url('/images/icons/edit.png');
}
#we_elem_remove {
	background-image:url('/images/icons/delete.png');
}
#we_elem_exit {
	background-image:url('/images/icons/ok.png');
}

#we_btn_reset {
	background-image:url('/images/icons/upload.png');
}
#we_btn_rotate {
	background-image:url('/images/icons/rotate.png');
}
#we_btn_zoomin {
	background-image:url('/images/icons/zoomin.png');
}
#we_btn_zoomout {
	background-image:url('/images/icons/zoomout.png');
}
#we_btn_note {
	background-image:url('/images/icons/note.png');
}
#we_btn_remove {
	background-image:url('/images/icons/delete.png');
}
#we_btn_saveandexit {
	background-image:url('/images/icons/tocloud.png');
}
#we_btn_wordpaste {
	background-image:url('/images/icons/pastefromword.png');
}
#we_btn_bold {
	background-image:url('/images/icons/font_bold.png');
}
#we_btn_italic {
	background-image:url('/images/icons/font_italic.png');
}
#we_btn_underline {
	background-image:url('/images/icons/font_underline.png');
}
#we_btn_alignleft {
	background-image:url('/images/icons/align_left.png');
}
#we_btn_alignright {
	background-image:url('/images/icons/align_right.png');
}
#we_btn_aligncenter {
	background-image:url('/images/icons/align_center.png');
}
.we_stamp {
	width:40px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	z-index:100;
	float:left;
}
.we_stamp_true {
	background-image:url('/images/icons/true.png');
}
.we_stamp_false {
	background-image:url('/images/icons/false.png');
}
.we_stamp_message {
	background-image:url('/images/icons/message.png');
}
.we_stamped {
	width:40px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	
}

.ineditoricon {
	width:40px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	cursor:pointer;
}
.ieob {
	max-width:100%;
}


/* TOOLTIP */
  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
.mobile_ieob_iframe_container {	
	padding:0px;
	transform:scale(0.5, 0.5);
	width:200%;
	margin-left:-50%;
}  
/*  
.mobile_ieob_iframe_container {	
	width:120px!important;
	height:120px!important;
	background-color:#ddd;
	border:1px solid #900;
	background-image:url('/images/mobile_iframe.png');
	background-size:contain;
	background-repeat:no-repeat;
	z-index:300;
	padding:0px!important;
}
.mobile_ieob_iframe_container iframe { 
	display:none;
	margin:0px!important;
	width:94%;
	height:99%;
}
.mobile_ieob_iframe_container_fullscreen {
	height:auto!important;
	width:auto!important;	
	position:fixed;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
	background-image:url('/images/icons/false.png');
	background-size:25px 25px;
	background-position: right top;
	background-repeat:no-repeat;
}
.mobile_ieob_iframe_container_fullscreen iframe {
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	right:30px;
	bottom:0px;
}
*/
/*
@media only screen and (orientation: landscape) {
	.mobile_ieob_iframe_container {
		
	}
	.mobile_ieob_closer {}
	.mobile_ieob_iframe_container iframe {
		display:block;
	}
	
}
@media only screen and (orientation: portrait) {
	.mobile_ieob_iframe_container {}
	.mobile_ieob_closer {}
	.mobile_ieob_iframe_container iframe {
		display:none;
	}	
}
*/
@media screen and (max-width: 639px) {
	.left {
		width:100%;
	}
	.right {
		width:100%;
	}
	.feladat_toolbar {
		padding-top:50px;
	}
	footer {
		position:relative;
		padding:1px;
		height:auto;
	}
	footer span {
		line-height:auto;
		padding:1px;
		text-align:center;
		margin:0px;
		display:block;
	}
	.feladat_indicator {
		width:10px;
	}
	.ieob {
		max-width:100%;

		padding:0px!important;
	}
	.ieob iframe {
	
	}
}