@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);


@font-face {
    font-family: Open sans;
    src: url(OpenSans-Light.ttf);
}
body,html
{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:Open sans;
	background-color:white;
	font-size:1rem;
}
body{
	/*background-color:#e3e9f1;	*/
}
A:link,
A:visited,
A:hover,
A:active
{
	text-decoration: none;
	color: black;
	outline: none;
}


.title_text
{
	FONT-WEIGHT: 400; 
	FONT-SIZE: 1em; 
	COLOR: #000000; 
	FONT-STYLE: normal; 
	padding:2px 10px 2px 10px;
}
.question_text
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: black; 
	FONT-STYLE: normal; 
}
.answer_text
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	FONT-STYLE: normal; 
}

.inputtables,
.inputtables_2
{ /* input tables style */
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
.inputtables td,
.inputtables_2 td
{
	padding:5px 20px 5px 20px;
}

.inputtables
{
	/*border:2px solid #385D8A;*/
	border:none;
}
.inputtables_2
{
	border:1px solid #628dbd;
}
.tcenter
{
	text-align:center;
}


.right_td
{
	text-align:right;
	padding: 0 10px 0 0;
}
.centered_td
{
	text-align:center;
}

select,
input.text
{
	/*border:1px solid #385D8A;*/
	FONT-STYLE: normal; 
	font-size:12px;	
}
.input.text
{
	background-color:#FFFFFF;
}
.input.checkbox,
.input.radio

{
	background-color: transparent;
}

.rowcolor
{
	background-color: #e0e0e0;
	padding:10px;
}
.rowcolor2
{
	background-color: #FFFFFF;
}
.div_header
{
	background-color: #d9dfe8;
	box-sizing: border-box;
}
.div_header
{
	padding:3px 0 3px 10px;
}
.submenu
{
	padding:5px 20px 5px 20px;
}

.tabs .tabs_target > div .elem.chidden, .set_question .question.chidden, .chidden, .chidden .tr_class, .tr_class.chidden , .chidden .question_header,.chidden_var .tr_class.chidden
{
	background-color:#efaeb2;
}
.tabs .tabs_target > div .elem.chidden_var, .chidden_var .tr_class, .chidden_var .question_header,
.set_question .question.chidden_var
{
	background-color:#f2e0d6;
}



.darker.chidden, .darker.chidden .tr_class, .darker.chidden .question_header
{
	filter:brightness(0.90);
}

.rowdark
{
	/*background-color: #c2d7c2;*/
	background-color: #aacefb;
}


.succmsg
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 20px; 
	COLOR: #0000CC; 
	FONT-STYLE: normal; 
}

button /* push button style */
{

}

td.tabnosel
{
	background-color: #FCE0E0; 
}
table.tabnosel
{
	background-color: #FCE0E0; 
}

table.maintable /* the whole page */
{
	background: #FFFFFF;
}

table.menutable /* quest view create edit menu */
{
	background: #F0FEFF;
}


tr.dark
{
	background-color: #f6eded; color: black;
}

td.selmenu
{
	background-color: #FAFAFA;
}

table.data
{
	background-color: #F5F5F5;;
}
td.data
{
	background-color: #F5F5F5;
}

table.menu
{
	background: #FFFFFF;
	padding: 10px;
}

td.mtitle
{
	background: #FF0000;
}
td.external
{
	background-color: #FCE0E0; color: black;
}



table.state
{
	background-color: #FAFAFA;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: black; 
	FONT-STYLE: normal; 
}

.divmenu_base
{
	 text-align:center;
	 font-weight:bold;
	 height:100%;
}
.divmenu_other
{
	 /*border-color:#4A7EBB;*/
}
.divmenu_float
{
	float:left;
}
.divmenu_actual
{
	 /*border-color:#F8901D;*/
	 background-color:#f1e7d6;
	 height:23px;	
}
.divmenu_sub
{
	width:100%;
	/*background-color:#e3e9f1;*/
	padding:5px 0 5px 0;
}
/*
.divmenu_sub A:link,
.divmenu_sub A:visited,
.divmenu_sub A:hover,
.divmenu_sub A:active
{
	FONT-STYLE: normal; 
	color:#F8901D;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
}
*/
.input_div
{
	background: #FFFFFF;
	border:1px solid #DDD;
	padding: 5px 5px 5px 5px;
}
.window_div
{
	background-color:#F0F0EE;
	margin:10px;
	padding:20px;
}
.link_div
{
	color:#7b7b7b;
	font-weight:bold;
	font-size:14;
}
img
{
	border:0;
	margin-right:5px;
}


.main_bg
{
	padding-top:10px;
	min-width:1200px;
}

/*admin input text */
.rdtext
{
	border:0;
	margin:0;
	FONT-STYLE: normal; 
	font-weight:bold;
	font-size:12px;	
}
/*
.rddiv
{
	margin:0;
	padding:0;
    background-color:#FFFFFF;
    background-repeat: no-repeat;
	width:131px;
	float:right;
}
.rddiv_right
{
    background-image:url(admin/images/rrd.gif);
    background-position:right;	
}
.rddiv_left
{
    background-image:url(admin/images/lrd.gif);
    background-position:left;	
}
*/
.or_list
{
	margin:0 5px 10px 0;
	padding:0 0 2px 0;
	list-style-type:none;
	display:block;
	float:left;
}
.lb
{

}
.def{}
.edited
{	
	background-color:#c5c5e8;
}
.act_edit
{
	background-color:#fde3a4;
}
/* textarea*/
.growable
{

}
.button_img
{
	width:25px;
	height:25px;
	position:relative;
	background-repeat:no-repeat;
	background-position: 0px 0px;	
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

.ajaxinput
{
	border:1px solid #385D8A;	
	padding:0;
	overflow:hidden;
}
.he
{
	display:none !important;

}
.he2{display:none;}
/* registration */
.rowcolor_reg{background-color:#ecc8b6}
.reg_elm{background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 8px 6px 8px;
  text-decoration: none;
  display:inline-block;
  margin:3px;
 }
.reg_header{background:#c0c8cb;padding:8px;min-height:15px;text-align:left;}
.reg_box{margin-bottom:20px;text-align:left;background:#d7dee0;min-height:70px;}
.mr{margin-right:25px;}
.error{color:#37114B;width:80%;font-sizE:1.6em;font-weight:600;}
.clearfix{clear:both;}
.lb{margin:5px;padding:5px;background-color:#E0AF43;display:inline-block;}
.w50{width:50%}
.table{display:table;margin:auto;padding:1em;}
.tr{display:table-row;padding:0.4em;}
.tr:hover{background-color:#CCCCCC;}
.td{display:table-cell;min-width:8em;text-align:center}
.npm{padding-top:5px;}
.tlb_div{margin:0 5px 0 20px;padding:5px 0 1px 0;background:#b5c4c9;width:40px;}
/*button border and background*/
.ui-state-default{padding: 0 !important;border-style: none;background-color: transparent;background-image: none;}
.ui-dialog{background-color:#f1e7d6 !important;}
.ui-dialog-buttonpane{background-color:#f2f2f2 !important;}
.ui-dialog, .dialog-form, .ui-dialog-content, .ui-dialog-buttonpane, .ui-widget-content{background-color:#F2f2f2 !important;z-index:0 #important;background-image:none !important;}
.ui-dialog .ui-widget-header{background:none;background-color:#203864; color:#FFF !important;}

/*tempo 2024.09.09*/
/*.ui-dialog .ui-dialog-content{padding:0.2em 1.5em 1.5em 1.5em;box-sizing:border-box;}*/
/*.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-left-radius:0px !important}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-bottom-right-radius:0px !important}*/
.ui-dialog{padding:0px !important;}
/* */
.table_class{display:table;}
.tr_class{display:table-row;}
.td_class{display:table-cell;padding:3px;}

.header1{font-size:+2;padding:3px;}
.header2{font-size:+1;padding:2px;}
.col-1{margin-left:30px;}
.col-2{margin-left:60px}

.nobr { white-space: nowrap;}
.button{color:#FFFFFF !important;}
.btn.sb_selected{background:#F8901D !important;}
.settings{max-width:80%;}

.focusheader{height:50px;background-color:#8fd400;}
.focuslogo{background:url(http://kutatasok.frequest.com/images/logo_feher.png) no-repeat;width:132px;;height:33px;padding-top:5px;position:absolute;left:30px;top:10px;}
.focus .question{font-weight:bold;}
.focus{background-color:#FFFFFF;}
.focus .table_class{background-color:#f2f2f2;min-width:800px;margin:auto;margin-top:50px;max-width:90%;}
.focus .table_class .tr_class .td_class:first-child{text-align:left;}
.focus .table_class .td_class{border-right:2px solid #FFFFFF;padding:20px;text-align:center;}
.focus .table_class .colored{background-color:#d9d9d9}
.bottom{display:table-cell;vertical-align:bottom;text-align:center;width:100%;height:100%;}
.focus_cont{position:relative;height:100%;}

.mlp{margin-left:20px;padding:5px;}
.lmt{margin-left:10px;}
.ar{text-align:right;}
.al{text-align:left;}

.footer{position:absolute;bottom:20px;right:calc(50% - 70px);}
.maximized{width:100%;height:100%;}
.page_cont{text-align:center;display:table;}
.page_cell{display:table-cell;vertical-align:middle;}
.page{text-align:center;}
.page_cont .table_class{margin:auto;}
.page_cont .table_class .td_class{width:350px;}
#page_2 .table_class .td_class{width:250px !important;}
.page_cont img{cursor:pointer;padding:10px;}
.qo_man_selected{background-color:#F8901D;}
.page_cont .header{font-size:+2;font-weight:bold;margin-bottom:30px;}
.page ul li {list-style-type:none;text-align:left;}
.page ul{margin:auto;}
.page .answer_type{width:250px;}
.fa-state{color:#CCCCCC;cursor:pointer;width:18px;}
.page .where {width:400px;}
.page .bt{width:20px;height:40px;margin-right:30px;}
.page .bt:hover{color:#F8901D;cursor:pointer;}
.page .input, .cpage input{cursor:pointer;}
#table_question{width:450px;}
#classic_question{width:700px;}
#page_5, #page_6 ul{width:500px;margin:auto;}


.fa-label{
	position: relative;
	cursor: pointer;
	color: #666;
	font-size: 30px;
	margin-left:15px;
}

.fa-checkbox,
.fa-radio,
.fa-minus
{
	position: absolute;
	right: 9000px;
}
/*Check box*/
input[type="checkbox"] + .fa-label:before
{
	content: "\f096";	
}
input[type="radio"] + .fa-label:before
{
	content: "\f10c";
}
input[type="checkbox"] + .fa-label:before,
input[type="radio"] + .fa-label:before
{

	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
	margin-top:3px;
}
input[type="checkbox"]:checked + .fa-label:before
{
	content: "\f14a";	
}
input[type="checkbox"]:indeterminate + .fa-label:before
{
	content: "\f068";	
}
input[type="radio"]:checked + .fa-label:before
{
	content: "\f111";	
}


input[type="checkbox"]:checked + .fa-label:before,
input[type="checkbox"]:indeterminate + .fa-label:before,
input[type="radio"]:checked + .fa-label:before
{
	color: #F8901D;
	animation: effect 250ms ease-in;
}
@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

.nv{visibility:hidden;}

.disabled, .disabled2{opacity:0.3;pointer-events:none;}

input[type=text],input[type=password]{

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #c2c2c2;
    box-shadow: 1px 1px 4px #ebebeb;
    -moz-box-shadow: 1px 1px 4px #ebebeb;
    -webkit-box-shadow: 1px 1px 4px #ebebeb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: 0;
}

.ui-button-hover,
.ui-state-default,
.ui-state-hover,
.ui-widget-content,
.ui-state-default,
.ui-widget-header{border:0px !important;}

#quest_tlb .ui-button-hover,.ex4Trigger .ui-button-hover,
#quest_tlb  .ui-state-default,.ex4Trigger .ui-state-default,
#quest_tlb .ui-state-hover, .ex4Trigger .ui-state-hover,
#quest_tlb .ui-widget-content,.ex4Trigger .ui-widget-content,
#quest_tlb .ui-state-default, .ex4Trigger .ui-state-default,
#quest_tlb .ui-widget-header{border:0px !important;background:none !important;}

.speedbutton{border:0px !important;background:none !important;background-color:#CCCCCC !important;}
.sb_selected{border:0px !important;background:none !important;background-color:#F8901D !important;}

.sext.inputtables{background-color:#CCCCCC !important;}
.sext .tr:hover{background-color:#E0E0E0;}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#F8901D !important;}*/

.stats {max-width:1200px;}

.stats.acc{margin-bottom:50px;}
.stats .table_class{width:100%;}
.stats .th_class{padding:20px;font-size:18px;font-weight:600;background-color:#808080;color:#FFF;}
.stats .w150{width:150px;}
.stats .bordertop {border-top:2px solid #FFFFFF;}
.stats .inputtables {background-color:#4A7EBB;color:#FFFFFF;}
.stats .rtf{position:absolute;bottom:0px;right:-20px;}
.relative{position:relative;}


/*chart*/
.res_cont{overflow:auto;border-radius:5px;max-height:300px;display:none;text-align:left;}
.res_cont .res_ins{float:left;background-color:#F3F3F3;margin-right:0.6em;padding:0.2em;}
.result{position:relative;cursor:pointer;display:inline-block;padding-right:20px;}
.selected_result, .over_result{color:#000000;}
.res_ins{padding:2px;}
.stats .inputtables{text-align:left !important;}
.result{text-align:left;overflow:auto;max-height:300px;}
.stats_editbox{color:#f8901d;}
.stats_editbox .td_class{text-align:left;margin-left:50px;}
.stats_editbox .td_class .result{margin-left:50px;}
.res_cont {background-color:#DCDCDC;}
.stats_ext{background-color:#FFFFFF;}
.stats_header{font-size:20px;font-weight:600;}
.msettings .logo img{max-width:150px;max-height:150px;}
.login .logo img{max-width:150px;max-height:150px;}
.logo_ext{position:absolute;top:0;left:0;}


.cookieok{display:inline-block;background-color:#CCCCCC;padding:5px;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:10px;margin-top:2em;}
.cookienotok{display:inline-block;background-color:#CCCCCC;padding:5px;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:10px;margin-top:2em;}

.cookie_msg_container{padding:15px;display:none;}

.cookie_msg_container2{padding:15px;}

.mm{overflow:hidden;}
.mm.table_class{min-width:800px;}
#mmrows .mm_preview{width:250px;margin-right:10px;}
.mm .mm_preview img, .mm .mm_preview video{width:100%;height:auto;}
.mm .mm_preview{padding:10px 10px 0px 0px;}
@media screen and (max-width: 750px)
{
.blockMsg{width:90% !important;left:5% !important;top:10% !important;}
.mm.table_class{width:100%;}
}


#cookie_msg > div {display:none;}

.seted_stats{position:relative;}
.seted_stats .tlb_div{position:absolute;top:0px;}

.lb_cont{display:inline-block;}
.lb_color{width: 20px;height: 15px;display: block;float: left;margin-top: 2px;margin-right: 5px;}
.lb_text{white-space: nowrap;margin-left: 10px;margin-right: 25px;}
.lb_text_2{/*white-space: nowrap;*/margin-left: 10px;margin-right: 10px;}
.stats_title{font-size:2em;margin-bottom:30px;}

.labels.pages{display:table;width:450px;margin:auto;}
.pages .lb_cont{display:table-row;}
.pages .lb_cont .lb_cont_elem, .pages .lb_cont .lb_color{display:table-cell;padding:5px;text-align:left;border-bottom: 1px solid #CCCCCC;}
.pages .lb_cont .lb_cont_elem:nth-last-child(1),.pages .lb_cont .lb_cont_elem:nth-last-child(2){text-align:right;}

/* editalltext */
.editalltext{height:100%;}
.editalltext .answer{padding:5px 10px;display:inline-block;}
.editalltext .answers{height:100%;}
.editalltext .rowcolor{padding:0px;}
.editalltext .question{background-color:#F3F3F3;padding:3px;}
.editalltext.he{display:inline-block !important;}
.editalltext #atexts{width:100%;height:100%;margin-top:10px;}
#modform.editalltext {height:100%;}
.export {position:absolute;top:10px;right:10px;display:inline-block;background-color:#13e133;padding:5px;border-radius:10px;}
.serverstats{text-align:center;width:100%;margin-bottom:20px;}

.ui-dialog .ui-dialog-titlebar {
    /*padding: .8em 1em;*/
	min-height:1.5em;
}

.edttbl_td{background-color:#d4d4d4;padding:3px;margin:3px;}
.edttbl_td .edtl_text{width:100px;}
#edittable .edtl_text{overflow-wrap: break-word;}
#edittable.t2021  .td_class{border-right:1px solid #D6D6D6;;}
.editalltext .title{font-size:1.2em;font-weight:400;padding:0.2em;}
/*runtests*/
.runtests .table_class{
	border-collapse: collapse;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.runtests .tr_class:nth-child(1){
    background-color: #123C69 !important;
    color: #ffffff !important;
}
.runtests .td_class {
    padding: 12px 15px;
    text-align: left;	
}

.styled-table .tr_class {
    border-bottom: 1px solid #dddddd;
}

.runtests .tr_class:nth-of-type(even) {
    background-color: #eee2dc;
}
.runtests .tr_class:nth-of-type(odd) {
    background-color: #BAB2B5;
}
.runtests .tr_class:last-of-type {
    border-bottom: 2px solid #BaB25B;
}
.runtests{text-align:center;padding-top:25px;background-color:#EDC7B7;}
.runtests > div{margin:auto;}

#question_slider{list-style-type:none;visibility: visible;}
#slider_holder ul:not(.navi) li{display: inline-block;
margin-right: 8px;
margin-bottom: 0px;
height: 24px;
padding-top: 8px;
margin-bottom:5px;
border-radius:5px;
}
.withoutcarousel#slider_holder > div {max-height:500px;overflow-y:auto;overflow-x:none;}

.select-container {
    position: relative;
    display: inline-block;
}
.select-container::after {
    content: ' ';
    position: absolute;
    top: 13px;
    right: 10px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
        background-color: rgb(255, 255, 255);
    pointer-events: none;
    background-color: rgb(218, 174, 174);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    cursor: pointer;
}
.select-container select {
    display: inline-block;
    font-size: 1em;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    box-sizing: border-box;
    margin: 0 5px;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.select-container .settings_ico{position:absolute;}
/* resp2021 */
.mcolors{width:400px;}
.resp2021{width:1000px;margin:auto;}
.style_cont{width:100%;text-align:center;}
.mcolor{width:50px;height:50px;border-radius:5px;display:inline-block;border: 1px #CCC solid;cursor:pointer;}
.resp2021 .mcolors{vertical-align:top;}
.jcolor-picker [data-type="btn"]{width:100%;height:100%;opacity:0;}
.jcolor-picker [data-type="btn"] > [data-type="arrow"] {display:none;}
/*.cinput{visibility:hidden;}*/
.sp-replacer{height:100% !important;width:100% !important;border:0 !important;}
.sp-replacer:hover{border:0px !important;}
.sp-dd{display:none;}
.fonts{text-align:center;}
.fonts >  div{margin-top:10px;}
.font1{font-size:2.2em;font-weight:600;}
.font2{font-size:1.5em;font-weight:600;}
.font3{font-size:1.2em;font-weight:600;}
.font4{font-size:1em;font-weight:500;}
.fonts .table_class{margin:auto;}

.qtypes{margin:auto;}
.t2021{
	/*border-collapse: collapse;*/
	border-collapse: separate; 
	border-spacing: 0;
	font-size: 1rem;
	line-height: 1.2;
	box-sizing: border-box;
	table-layout: fixed;
	/*background-color:#f1e7d6;*/
}
.t2021.nf{table-layout:auto;}
.t2021 .td_class, .wp{
	padding:0.9em;
    vertical-align: middle;	
}
.nt2021 .td_class{
	border-bottom: none !important;
	padding:0.9em;
}
.t2021 .td_class{
	color:#203864;
}
.tal .t2021 .td_class{text-align:left;}
.t2021 .td_class:first-child:not(.nocolor, .answer){
	color: #203864;
	text-align:left;
	font-weight:600;
}
.qtypes.t2021 .td_class:first-child:not(.nocolor, .answer){
	color: #203864;
	text-align:left;
	font-weight:300;
}
.t2021.threecolumn .td_class{
	width:calc(100% / 3);
}

.ui-widget-header{color:#413c3c !important;}
#dialog_form {border-bottom: 2px solid #413c3c !important;display:none;}
#dialog_form .error{margin-top:30px;}

.ajaxfileupload:not(.add), .fileselection{
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    box-sizing: border-box;
    left: 0px;
    bottom: 0px;
}


.btn, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
	background:none;
    background: #37114B !important;
    border-color: #37114B !important;
    color: #FFF !important;
    line-height: 16px;
    border-radius: 5px !important;
    padding: .4em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    cursor: pointer;
	opacity:0.8;
}
.btn:hover, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover{opacity:1 !important;}

.btn_small {
    background: #37114B !important;
    border-color: #37114B !important;
    color: white !important;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    border-radius: 5px !important;
    padding: .4em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    cursor: pointer;
}
.btn_small a{color: white !important;}
.btn_big{
	color:#FFFFFF !important;
	display: inline-block;
	min-width: 150px;
	height: 35px;
	line-height: 35px;
	border: 2px solid white;
	font-size: 16px;
	text-transform: uppercase;
	border-radius: 10px;
	color: white;
	text-decoration: none;
	background-color: #37114B;
    box-sizing: content-box;	
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
}
.btn_big.small{font-size:12px !important;color:#FFF !important;}
.video_cont .td_class{vertical-align:top;}
.video_cont .files > div{padding:0.5em;}
.video_cont .files > div *{vertical-align:top;}

/* uplod */
#upload_status {
    position: fixed;
    width: 300px;
    top: 10px;
    left: calc(50% - 150px);
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background-size: 10px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-color: #CCCCCC;
    height: 10px;
    display: none;
	z-index:1000;
}
#upload_status .perc_left{
	background-size:10px 30px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);	
	height:10px;
	width:0%;
	background-color:#34c2e3;
	border-radius:10px 10px 10px 10px;
	float:left;
}


.mm.table_class{min-width:800px;}
.video_cont{
	border-bottom: 2px solid #37114B;
	padding:0.2em 2em 0.2em 2em;
}
.video_cont .files > div {width:200px;}
.video_wrapper{display:table;position:relative;}
.video_play_button{
  position:absolute;
  top:calc(50% - 37px);
  left:calc(50% - 18px);
  box-sizing: border-box;
  height: 74px;
  
  border-color: transparent transparent transparent #d4d4d4;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;


  border-style: solid;
  border-width: 37px 0 37px 60px;
  z-index:10;
  display:none;
}


.video_pause_button{ 
  position:absolute;
  top:calc(50% - 37px);
  left:calc(50% - 18px);
  box-sizing: border-box;
  height: 74px;
  display:none;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 74px;

  border-color: transparent transparent transparent #d4d4d4;
  transition: 100ms all ease;
  cursor: pointer;

  border-style: double;
  border-width: 0px 0 0px 60px;
}
.video_loading{
  position:absolute;
  top:calc(50% - 64px);
  left:calc(50% - 64px);
  box-sizing: border-box;
  height: 74px;
  
  border-color: transparent transparent transparent #d4d4d4;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;
  background-image:url({WEBPAGE_2}images/loading.gif);
  background-size:128px 128px;
  background-repeat:no-repeat;
  z-index:10;
  display:block;
  width:128px;
  height:128px;
}

.hidevideo .notvideo{display:none;}
.video_cont .btn_small{opacity:1;}
.video_cont .btn_small.uploaded{}

.with_placeholder{text-align:left;color:#666666;;}
.with_placeholder:empty:not(:focus):before {
  content: attr(data-text);
  pointer-events: none;
  display: block;
  color:#CCCCCC;
}
.inputfield{
 /*border:none !important;
 border-bottom:3px solid #37114B !important;
 background:none;
 border-radius:0px !important;
 -webkit-box-shadow:none;
 box-shadow:none !important;
 */
	border:none !important; 
    background: white;
    line-height: 36px;
    padding: 0 20px 0 20px !important;
    border-radius: 12px !important;
    border: 1px solid #E0E0E0 !important;
    font-size: 15px;
    box-sizing: border-box;
    outline: none;
    margin: 3px;
}
.inputfield:not(.search_term, .search_term_sext){
	min-width: 300px;
}
.inputfield:not(textarea){
    height: 36px;	
}
.rightmenu{
	position:absolute;
	top:10px;
	right:10px;

}
.rightmenu > div:not(.ico, .add) {
	overflow: auto;
	padding: 10px;
}

.main_menu input.search_term{
  outline: none;
  -moz-box-sizing: border-box;
  border: 0px;
  box-shadow: 0px;
  -moz-box-shadow: 0px;
  -webkit-box-shadow: 0px;  
  /*min-width:230px;	*/
}
.search_ico{
  background:url(images/search.svg) no-repeat;  
  background-size:20px 20px;
  background-position: 0;
  position:absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor:pointer;
}
.search_term[data-link]{
	float:none;
	margin:auto;
}
.ico, a.ico {
    background: no-repeat center;
	background-size: auto;
    background-size: 18px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 15px;
}
.ico:hover, a.ico:hover{
	background-color:#f4f4F4;
	
	
}

.fileselection_cont{
	text-align:left;
	display:inline-block;
	margin-top:1em !important;
	margin-bottom:1em !important;
}
.umm_other .fileselection_cont{padding:0.8em;}
.noborder .td_class{border:0px !important;}
.ac{text-align:center;}
.acc{margin:auto;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
/*	background:none !important;
	background-color:#f1e7d6 !important;
	*/
}
.ui-widget-header{
	background:none !important;	
	background-color:#203864 !important;	
	color:#383838 !important;
}

.plupload_buttons .plupload_button{
/*  background: none; */
	background-color: #37114B !important;	
	color:#FFF !important;
}

.plupload_view_switch label{
	margin-right:0.2em !important;
}

.plupload_content .ui-state-default.plupload_file{
	background:none !important;
	background-color:#f1e7d6 !important;
}

.show_quest{margin-bottom:20px;}
.show_quest > .table_class{max-width:1000px;}

.main_header, .main_menu{background-color:#fbfcf6;}
#question_slider{text-align:left;}
#question_slider li {color:#F8901D;background-color:#37114B;opacity:0.6;}
#question_slider li.selected{opacity:1;}

/*table t2021 with border*/
.t2021{margin-bottom:10px;}
.t2021 .th_class .td_class{
	/*background-color:#37114B;color:#F8901D !important;font-weight:600;*/
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	color: #212529;
}

.wb .t2021{
	
}
.wb.noh .t2021 .tr_class:first-child .td_class{
	border-top:1px solid #37114B;
}
.wb.noh .t2021 .tr_class:first-child .td_class:first-child{
	border-top-left-radius:0px;
}
.wb .t2021 .tr_class:first-child .td_class:first-child{
	/*border-top-left-radius:10px;*/
}
.wb .t2021 .tr_class .td_class:first-child{
	/*border-left:1px solid #37114B;	*/
}
.wb.noh .t2021 .tr_class:first-child .td_class:last-child{
	/*border-top-right-radius:0px;*/
}
.wb .t2021 .tr_class:first-child .td_class:last-child{
	/*border-top-right-radius:10px;*/
}
.wb .t2021 .tr_class .td_class:last-child{
	/*border-right:1px solid #37114B;	*/
}
.wb .t2021 .tr_class:last-child .td_class{
	/*border-bottom:1px solid #37114B;	*/
	border-bottom: 1px solid #D6D6D6;
}

.wb.nllb .t2021 .tr_class:last-child .td_class{
	/*border-bottom:1px solid #37114B;	*/
	border-bottom: 0px;
}

.wbb .t2021 .tr_class .td_class, .wbb{
	/*border-bottom:1px solid #37114B;*/
	border-bottom: 1px solid #D6D6D6;
}
.wbb.nlb .t2021 .tr_class:last-child .td_class{
	/*border-bottom:1px solid #37114B;*/
	border-bottom: none;
}
.t2021.atl {text-align:left;}
/*.wb .t2021{border-bottom:1px solid #37114B;}*/
/*.wb .t2021 .tr_class{border-bottom:1px solid #37114B;}*/
/*
.wb .t2021 .tr_class:not(:first-child) .td_class:first-child{
	border-left:1px solid #37114B;
}
.wb .t2021 .tr_class:not(:first-child) .td_class:last-child{
	border-right:1px solid #37114B;
}
*/
/*login*/
.login{width:320px;margin-top:100px;height:260px;}
.login .input_cont{margin-top:20px;}
.login .input_cont:last-child{margin-top:20px;}
.login input {width:100%;font-size:18px;}
.login .header{color:#37114B;font-size:24px;margin-bottom:35px;}

.main_menu
{
	margin:0;
	border-bottom:1px solid #CCCCCC;
	height:40px;
	background-color:#FFFFFF;
}
.main_menu ul, .col21 ul, .left_menu ul{
	list-style: none;
	margin:0px;
	padding:0px;
	width:100%;
}
.main_menu li, .left_menu li{
	box-sizing: border-box;
	float: left;
	height: 40px;
}
.main_menu li{
	text-align: center;
}
.left_menu li{
	text-align: left;
}
.main_menu li, .col21 li, .left_menu li{
	background:none;
	padding:12px;
}
.left_menu li{
	width:100%;
}
.main_menu li a, .col21 li a{
	color:#37114B;
}
.main_menu li.selected, .col21 li.selected, .left_menu li.selected{
	background-color:#37114B;
	color:#FFFFFF !important;
}
.main_menu li.selected a, .col21 li.selected a, .left_menu li.selected a{
	color:#FFFFFF !important;	
}
.main_menu.row1 .td_class{border-bottom: 1px solid #CCCCCC;padding:0px;}
.message:empty{display:none;}
.message:not(:empty) {margin-top:2em;}

.col1{width:250px;}
.col2{height:100%;}
.col2 > div{height:100%;}
.col1:empty{display:none;}

.main_bottom{height:100%;}

.loading{
	background:url(images/loading2.gif) no-repeat;
	background-size:50px 50px;
	position:absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	width:50px;
	height:50px;
	z-index:15;
}

.login_box .btn_container {
    margin: 25px 0 60px 0;
}
.btn_container a{
	color: #3d1851;
	text-decoration: underline;
}

.t2021 .td_class a {
    font-size: 15px;
    color: #777;
}

.t2021.w1140{min-width:1140px;}
.t2021.inputtable {
	background-color: #F2F2F2;
    box-sizing: border-box;
    padding: 5px; 
}

.main_menu .logo {padding-left:30px;padding-right:30px;text-align:center;}
.main_menu .logo img{height:20px;margin:auto;}
.dialog{display:none;}

.mark{background-color:#F6798A;}
.mark .td_class, .mark .td_class a, .mark input, .mark div, .mark .editable, .mark select{color:#000!important; background-color:#F6798A !important;}

#dialog_confirm{border-bottom:2px solid #D6D6D6 !important;margin: 1em 0.5em auto;}

.col21{width:180px;border-right:1px solid #CCCCCC;box-sizing:border-box;max-height:100%;}
.col21.image{width:50%;border-right:1px solid #CCCCCC;box-sizing:border-box;max-height:100%;}
.col21:empty{display:none;}
.col21, .col22{}
.col22{min-width:calc(100% - 180px);max-width:calc(100% - 180px);box-sizing:border-box;padding:10px;}
/*.col22 > div {overflow:hidden;}*/
.left_menu ul{width:100%;}

.left_menu .col21 li{
    box-sizing: border-box;
	display:block;	
    height: 40px;
    text-align: center;
}
.pu{margin-top:2em;}

/* add */
.add, .set {
    font-size: 15px;
    display: block;
    margin-bottom: 25px;
}
.add a, .set a{
	text-decoration: none;
	color: black;
	outline: none;
}
.add a:before{
    background: #203864;
    content: '+';
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
    color: white;
    font-size: 31px;
    vertical-align: middle;
    margin-right: 12px;
    cursor: pointer;
    margin-top: -5px;
}
.set a:before{
	background-image: url(images/edit2.svg);
	content: '';
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
	color: white;
	font-size: 31px;
	vertical-align: middle;
	cursor: pointer;
	margin-top: -5px;
	background-sizE: 25px 25px;
	background-repeat: no-repeat;
}
.users.add, .dir.add{

}



/* icon */
a.ico.edit2, .ico.edit2 {
    background-image: url(images/edit2.svg);
}
.inputtables .ico {
    background-color: #EEE;
}
.ico, a.ico {
    background: no-repeat center;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
    background-size: 18px;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 15px;
}


a.ico.deleteico, .ico.deleteico{
    background-image: url(images/delete_icon.svg);
}

.table_class .removable{margin-top:30px;}
.hidden{display:none;}
.row1, .row2{display:block;overflow:hidden;}

.left_border{border-left: 1px solid #CCCCCC;}


.rows{  
  display:table;height:100%;width:100%;
}
.rows > div {display:table-row;}
.table_class.twocolumns{height:100%;width:100%;}

.col21{vertical-align:top;}
.row11{overflow:visible;}

.quest_name{font-weight:600;margin-top:10px;margin-bottom:20px;font-size:18px;word-wrap: anywhere;padding:2px;}

.stats2{margin-top:50px;}
.card_cont{
	width: 300px;
	max-width: 300px;
	height: 120px;
	display: inline-block;
	vertical-align:middle;
	color:#000;
	margin-right:1.6em;
	margin-bottom:2.4em;
	line-height:30px;
	font-weight:600;
	cursor:pointer;
	text-align:center;
}
.card_cont .cell{display:table-cell;vertical-align:middle;width:300px;height:120px;}
.card_cont .title{}
.card_inner{}
.card_text{}

/*barna*/
.color1{background-color:#b3cde0 !important;}
/*zöld*/ 
.color2{background-color:#854442  !important;}
/*korall*/
.color3{background-color:#76B041 !important;}
.color4{background-color:#dec3c3 !important;}
.color5{background-color:#fe8a71 !important;}
/*kék*/
.color6{background-color:#dcedc1 !important;}
/*lila*/
.color7{background-color:#edc951 !important;}
/*katona*/
.color8{background-color:#536878 !important;}
/*citrom*/
.color9{background-color:#f9caa7 !important;}
.color10{background-color:#448b98 !important;}
.color11{background-color:#b3e463 !important;}
.color12{background-color:#f7af6b !important;}
.mw1140{max-width:1140px;}
.mw800{max-width:800px;}

.canvas-holder{max-width:800px;min-height:600px;}
.chart{margin-bottom:50px;}
.chart .header{font-weight:600;font-size:1.6em;margin-bottom:1.6em;}
.chart .spacer{margin-bottom:1.6em;}
.chart .spacer:after{content:' ';}
.chart .labels{margin-bottom:0.8em;}
.chart .canvas-holder{margin-bottom:1.6em;}
.chart .chart-bottom-data .bottom-data-elm{display:inline-block;font-weight:600;font-size:1.2em;}
.chart .header .header-info{display:inline-block;margin:auto;border-bottom:1px solid #536878;padding-left:15px;padding-right:15px;margin-bottom:10px;}
.chart .header .header-info:empty{border:0px;}
.chart .menu >  div{font-size:0.6em;color:#777;margin-right:1em;display:inline-block;cursor:pointer;}
.set {position:absolute;top:10px;right:0px;}


.main_bottom .table_class:not(.stats_editbox){/*height:100%;*/}

.save{position:absolute;left:40px;top:10px;}
.save a{
	background-image: url(images/save.svg);
	background-repeat:no-repeat;
	color:#FFF;
}



.settings .btn{margin-bottom:0.7em;}
.left_menu .notmenu, .left_menu .spacermenu{background-color:#F3F3F3;}
.left_menu .submenu{padding-left:30px;font-size:14px;}
.left_menu li.spacer, .spacer{border-bottom:1px solid #525252;height:1px !important;width:100%;padding:0px;}

.table_class.state_header{background-color:#F1F1F1;width:800px;height:25px;}
.table_class.state_header .td_class{text-align:center;}
.state_not_actual{opacity:0.4;}
.sett1 .active, .sett1 .default{
	background-repeat:no-repeat;
	background-position: center; 	
	height:100px;
	padding:0px !important;
}
.sett1 a{height:100%;width:100%;display:block;}
.active.state1{
	background-image: url(images/icon1_active.png);
}
.default.state1{
	background-image: url(images/icon1_default.png);
}

.active.state2{
	background-image: url(images/icon3_active.png);
}
.default.state2{
	background-image: url(images/icon3_default.png);
}


.active.state3{
	background-image: url(images/icon4_active.png);
}
.default.state3{
	background-image: url(images/icon4_default.png);
}
.active.points1, .active.points2{
	background-image: url(images/points_active.png);
}
.default.points1, .default.points2{
	background-image: url(images/points_default.png);
}


.sett1 .table_class{table-layout: fixed;}
.img_streched {display:inline-block;}
.img_streched img {max-width:150px;}
.plupload_logo{display:none;}


.t2021 .td_class.state1{color:#c44021;font-weight:600;}
.t2021 .td_class.state2{color:#87a83e;font-weight:600;}
.t2021 .td_class.state3{color:#7f7e76;font-weight:600;}

.editable{display:block;min-height:20px;white-space: pre-wrap;border:1px solid #F7F7F7; min-width:200px;outline: none;word-wrap: break-word;background-color:#FFFFFF !important;padding:7px;box-sizing:border-box;}
.editable.selected, .editable:focus{border: 1px solid #CCCCCC;}
.editable.left{text-align:left;}
textarea.editable{font-family: inherit;font-size:inherit;margin-right:10px;}
textarea.editbale:not(.editexpr){resize:none;min-height:47px;width:250px;}
.editable:empty{content: "\feff";}
.answer .editable{min-width:150px !important;display:inline;}


div.form{
	text-align:left;
}

.nonmenu{padding:12px;text-align:left;}

.twocolumns .colins1, .twocolumns .colins2{text-align:left;}
.invisiblesubmitbutton{position:absolute;top:-99999px;left:-99999px;}
.pages .selected{background-color:#37114B;color:#FFFFFF;}
.pages > * {padding:2px;cursor:pointer;}

.vam{vertical-align:middle;}
.vat{vertical-align:top !important;}

.forgot{width:380px;margin:auto auto;}
.forgot button{margin-top:20px;}
.forgot .header{margin-bottom:20px;font-size:1.5em;}
.forgot_cont{display:flex;height:70vh;}

.menu_right{float:right;}
.menu_right > div, .menu_right > a {float:left;}
.menu_right > div{}
.menu_right .logout a {
    background: url(images/logout.svg) no-repeat center;
}

.menu_right .help_butt a {
    background: url(images/help.svg) no-repeat center;
}

.menu_right .compare a {
    background: url(images/compare.svg) no-repeat center;
}

.owndata a{
	background:url(images/user.png) no-repeat center;	
}

.menu_right a {
/*    background-size: auto !important;
    background-size: 20px 21px !important;
    width: 40px;
    height: 40px;
	display:block;	*/
}

.missing{background-color:#fce0e0 !important;padding:5px;}
.row_sep{
	border-collapse: separate;
	border-spacing: 2px;
}

.table_class.settings_quest{width:100%;}
.table_class.settings_quest .tr_class > .td_class{width:50%;}

.tabs >  div{display:block;overflow:hidden;}
.tabs .qtypes {overflow:visible;}
.tabs .tabs_menu > div{float:left;display:inline-block;padding:5px;cursor:pointer;}
.tabs .tabs_menu > div.selected{background-color:#F4F4F4;}
.tabs.settings .tabs_menu > div.selected{
	background-color: #854442 !important;
	color: #FFF !important;
}
.tabs .tabs_target:not(.nolimit) > div{max-height:250px;overflow-y:scroll;}
.tabs .tabs_target{padding:10px;}
.tabs .tabs_target > div .elem{
	display: inline-block;
	background-color: #ebebeb;
	margin-right: 0.5em;
	height: 1.5em;
	padding: 0.2em 0.8em 0.2em 0.8em;
	margin-bottom: 0.35em;
	border-radius: 0.35em;	
	font-size:1.2em;
	FONT-WEIGHT: 600;
	cursor:pointer;
}
.elem:empty:before{
    content: '.';
    visibility: hidden;
}
.tabs .tabs_target > div .elem.page{background-color:#dcedc1;}
.tabs .tabs_target > div .elem.selected{background-color:#854442 !important;color:#FFF !important}
.tabs .tabs_elem.selected{background-color:#D1A9A8 !important;color:#FFF !important}

.settings_quest{}
.settings_quest >  div {width:100%;}
.settings_quest >  div:first-child {max-height:50%;}

.block .tr_class, .set_question .question, .set_page .page{min-width:800px;max-width:1140px;text-align:left;background-color:#ebebeb;padding-bottom:5px;}
.ui-dialog .set_question, .ui-dialog .set_page{width:100%;text-align:left;background-color:#ebebeb;padding-bottom:5px;}
.ui-dialog .set_question .question, .ui-dialog .set_page .page{width:100%}
.ui-dialog{max-width:1440px;}

.set_page .page.blank{background-color:#dcedc1;}
.set_qesution .squest_menu{min-width:800px;max-width:1140px;padding:5px;}

.set_question .question_cont{background-color:#F4F4F4;min-width:800px;}
.set_answer .answer{padding-left:30px;min-width:320px;text-align:left;}
.set_answer .answer_icons{padding:5px;}
.set_group{min-width:350px;background-color:#F4F4F4;padding:15px;}

#modform div[contenteditable="true"] {background-color:#fff;margin-bottom:10px;padding:10px;width:calc(100% - 20px);}

.title2021{color:#203864}

.td_class .fntd{
		padding: 5px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
}

.mmq{clear:both;overflow: hidden;}
.image{
	position: relative;
}

.mma .image img{width:150px;height:auto;}
.mmq .image img{width:150px;height:auto;margin-top:10px;}
.mm_cont{float:left;}
.mm_cont .image{display:inline-block;}
.answerrow .mm_cont{margin-top: 3px;margin-right: 5px;}
.delete_image{
	line-height: 30px;	
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 40px;
	position: absolute;
	top: 0px;
	right: 5px;
	background-color: #FFFFFF;
	cursor: pointer;
}
.edit_image{
	width: 30px;
	height: 30px;	
	background-image: url(images/edit_image.svg);	
	position: absolute !important;
	top: 2px;
	left: 2px;
	background-color: #FFFFFF;
	background-size:20px;
	cursor: pointer;
    background-position:center;
    background-repeat:no-repeat;
	border-radius: 40px;
}
.question_header, .page_header{padding:5px;overflow: visible;}
.question_header img, .page_header img{max-width:150px;max-height:100px;}
.mma img{max-width:100px;}
.archive .qname{margin-right:10px;}



.ico2{
  width: 30px;
  height: 30px;
  display: inline-block;
  /*margin: 0 2px;*/
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  background-size:20px;
  background-position:center;
  background-repeat:no-repeat;
  
}

.ico3{
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 0px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  background-size:13px;
  background-position:center;
  background-repeat:no-repeat;
  
}
.ico3{
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 0px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  background-size:13px;
  background-position:center;
  background-repeat:no-repeat;
  
}
.svg_cont.on{
	background-color:#A6E793;	
}
/*.svg_cont:hover:not(.on){background-color:#f4f4f4;}*/

/*.ico2:hover:not(.on, .mask, .scale),*/
 .ico3:hover, .ico:hover, .edit_image:hover, .delete_image:hover{
	background-color:#f4f4f4;	
}

.upload_image {
  mask: url(images/photo_upload.svg);
  background: #edc951;
  /*  -webkit-mask-image: url(images/photo_upload.svg);
    mask-image: url(images/photo_upload.svg); */ 
}

.settings_ico{
	/*background-image: url(images/setting.svg);	*/
    -webkit-mask-image: url(images/setting.svg);
    mask-image: url(images/setting.svg);
    background: #b3cde0;	
}
.exclamation_ico{
    mask-image: url(images/exclamation.svg);
    background: #536878;	
	/*background-image: url(images/exclamation.svg);	*/
}
.ico.on, .ico2.on, .ico3.on, .push_button.on, .svg_cont.on{
	background-color:#A6E793;	
}
.ico.on.red, .ico2.on.red, .ico3.on.red, .push_button.on.red, .svg_cont.on.red {
	background-color:#FF8A8A;	
}
.hide{
	/*background-image: url(images/animal-hide.svg);*/
    -webkit-mask-image: url(images/animal-hide.svg);
    mask-image: url(images/animal-hide.svg);
    background:#fe8a71;
}
.edit_ico{
	/*background-image: url(images/edit.svg);*/
    -webkit-mask-image: url(images/edit.svg);
    mask-image: url(images/edit.svg);
	background:#854442;
}
.preview_ico{
	mask: url(images/preview.svg);
	background:#dcedc1;
}
.text_ico{
	/*background-image: url(images/text.svg);*/
    -webkit-mask-image: url(images/text.svg);
    mask-image: url(images/text.svg);
	background:#f9caa7;
}
.text2_ico{
	/*background-image: url(images/text2.svg);*/
    -webkit-mask-image: url(images/text2.svg);
    mask-image: url(images/text2.svg);
	background:#dec3c3;
}
.variable_ico{
	background-image: url(images/variable.svg);
    /*-webkit-mask-image: url(images/text2.svg);
    mask-image: url(images/text2.svg);*/  	
}
.ico.copy_ico, .copy_ico{
	mask: url(images/copy.svg);
	background:#b3e463;
}
.new_ico{
	/*background-image: url(images/new.svg);*/
	mask:url(images/new.svg);
	background:#448b98;
}
.slider_ico{
	background-image: url(images/slider.svg);
}
.settings_ep_ico{
	/*background-image: url(images/setting_ep.svg);	*/
    -webkit-mask-image: url(images/setting.svg);
    mask-image: url(images/setting.svg);
	background:#7F3E37;
}
.ico2.instruct, .instruct{
	/*background-image: url(images/instruction.svg);		*/
	mask:url(images/instruction.svg);
	background:#166774;
}
.deleteico{
	mask-image: url(images/delete_icon.svg);	
	background:#854442;
}
.preview{
	mask-image: url(images/preview.svg);	
}
.trend_down_ico{
	background-image: url(images/trend_down.svg);		
}
.trend_up_ico{
	background-image: url(images/trend_up.svg);		
}
.trend_null{
	background-image: url(images/trend_null.svg);		
}
.chart_ico.down{
	background-image: url(images/chart_down.svg);		
}
.chart_ico.up{
	background-image: url(images/chart_up.svg);		
}

.warning_ico{
	background-image: url(images/warning.svg);		
}
.extra_cond_ico{
	/*background-image: url(images/extra_condition.svg);*/
	 mask-image: url(images/extra_condition.svg);
	 background:#a7cdaf;
}
.justtext_ico{
	/*background-image: url(images/justtext.svg);*/
	mask: url(images/justtext.svg);
	background:#3AB37C;
}
.forced_ico{
	/*background-image: url(images/forced.svg);*/
	mask: url(images/forced.svg);
	background:#B98EA7;
}

.nostyle_image {
  mask: url(images/nostyle.svg);
  background: #edc951;
  /*  -webkit-mask-image: url(images/photo_upload.svg);
    mask-image: url(images/photo_upload.svg); */ 
}


.set_canhide .canhide{display:none;}
.seted{min-height:30px;}
.sext, .w100{width:100%;}
.otherurl input{width:500px;}
.otherurl input.short {width:50px;}

#mms{text-align:left;min-width:500px;}
#mms img{max-width:400px;}

.justmunkakor select option{
	opacity:0.5;pointer-events:none;
}

.select-container select option:disabled {
  color: #b4b5b7!important;
}

.ico.mmu{
    background-image: url(images/mmu.svg);
}

.messages, .message{
	font-size:2em;
	color:#AF0606;
	text-align:center;
	margin:auto;
	display:none;
}
.description{margin-top:1em;font-size:1.2em;}
#confirm{padding:2em;min-width:300px;padding-top:0px;}
.ui-dialog{border-bottom: 1px solid #37114B !important;border-top: 1px solid #CCC !important;border-left: 1px solid #CCC !important;border-right: 1px solid #CCC !important;}
.ui-dialog .ui-icon-closetick{text-indent: 0px !important;background-color: #37114B;border-radius: 50%;color: white;font-size: 1em;width: 20px !important;height: 20px !important;font-weight: 600;outline: unset;}
.ui-button .ui-icon{text-indent: 0px !important;background-color: #FFF;border-radius: 50%;color: white;font-size: 1em;width: 18px !important;height: 18px !important;font-weight: 600;outline: unset;background-image:none !important;}
.ui-dialog .ui-icon::after {  content: 'x';  position: absolute;  color: #203864;  top: 0px;  left: 5px;}
.ui-widget-header .ui-state-default{background:transparent !important;border:0px;background-color:#37114B !important;color:#FFF;background-image:none;}
.ui-button{background: #37114B !important;border-color: #37114B !important;}
.ui-dialog .ui-dialog-titlebar-close {  border: 0px !important;  background: none !important;  outline: unset;}
.testmsg{color:#EB8222;font-size:1.5em;padding-bottom:1em;font-weight:600;}

.plupload_file_name .plupload_button{border-radius:5px !important;}
#uploader .plupload_filelist{background-color:#F2f2f2 !important;border-top:1px solid #000 !important;}
#uploader .plupload_progress_container{background-color:#CCCCCC !important;}
.plupload_view_switch .plupload_button{/*border-radius:50% !important;*/display:none;}
.plupload_header_content {
    height: 56px;
    padding: 0 60px 0 60px;
    position: relative;
	color:#FFF;
}

#quests .view_quest_header .td_class, .dark_header .td_class{background-color:#203864; color:#FFF !important;}
.sett2 .fa-label{float:right;}
.sett2 .sendto .fa-label{float:none;}

[data-title]:hover::after {
    visibility:visible;;
    transition: all 0.1s ease 1s;
}
.qtypes [data-title]{cursor:pointer}
.min[data-title]::after{
	width:350px;
	max-height:6.4em
}
.right[data-title]::after{
	right:0px;
	left:auto;
}
[data-title]::after{
	left: 20px;
}
[data-title]:after {
    content: attr(data-title);
    background-color: rgba(255, 255, 255, 1);
    color: #111;
    position: absolute;
    padding: 5px 5px 5px 5px;
    height: auto;
	top:26px;
    box-shadow: 1px 1px 3px #F3F3F3;
    visibility:hidden;
    border: 2px solid #CCCCCC;
	border-radius:5px;
    z-index: 99999;
	font-size:1.1em;
	overflow:hidden;
	pointer-events:none;	
	
}
[data-title] {
    position: relative;
}

label.input{cursor:pointer}
.fileselection_cont .btn_small {padding:0.8em;font-size:1em;max-width:300px;overflow:hidden;}
.upload_btn {padding:14px 14px 14px 40px !important;position:relative;}
.upload_btn::after{  content:'';
  position: absolute;
  top: 3px;
  left: 5px;
  width: 30px;
  height: 30px ;
  background: url('images/upload-2.png') no-repeat bottom;
  background-size:30px 30px;
  background-position: 0px;
}


.withicon::before{
	width:17px;
	height:17px;
	content:'';
	display: inline-block;	
	padding-right:3px;
}
.archiveview::before{

	background:url(images/archives.png) no-repeat bottom;	
	background-position:center;
	background-size:17px 17px;	
}
.createquest::before{
	background:url(images/upload.png) no-repeat;	
	background-position:center;
	background-size:17px 17px;	
}
.questview::before{
	background:url(images/survey.png) no-repeat;	
	background-position:center;
	background-size:17px 17px;	
}
.editoricon::before{
	background:url(images/edit_main.gif) no-repeat;	
	background-position:center;
	background-size:17px 17px;	}
.usersicon::before{
    background:url(images/users.gif) no-repeat;	
	background-position:center;
	background-size:17px 17px;	}
.extraicon::before{	
    background:url(images/extra.gif) no-repeat;	
	background-position:center;
	background-size:17px 17px;	}
.statsicon::before{	background:url(images/stats.gif) no-repeat;	
	background-position:center;
	background-size:17px 17px;	}


.nopanel .showifpanel{display:none;}

.rows_stats{width:600px;margin:auto;}
.rows_stats .card_cont{max-width:none;height:180px;color:#FFF;margin-right: 5px;margin-bottom: 5px;}
.rows_stats .card_cont .cell{
	vertical-align: bottom;
	width: 100%;
	height: 180px;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;	
}
.rows_stats .row:nth-child(1) >div:nth-child(1){width:30%;}
.rows_stats .row:nth-child(1) >div:nth-child(2){width:60%;}
.rows_stats .row:nth-child(2) >div:nth-child(2){width:30%;}
.rows_stats .row:nth-child(2) >div:nth-child(1){width:60%;}
.rows_stats .row:nth-child(3) >div:nth-child(1){width:30%;}
.rows_stats .row:nth-child(3) >div:nth-child(2){width:30%;}
.rows_stats .row:nth-child(3) >div:nth-child(3){width:30%;}


.statscolor1{background-color:#4B0082;background-image:url(images/interest-rate.png);}
.statscolor2{background-color:#203864;background-image:url(images/finish-line.png);}
.statscolor3{background-color:#EB8222;background-image:url(images/wrong.png);}
.statscolor4{background-color:#FCBC18;background-image:url(images/emergency-exit.png);}
.statscolor5{background-color:#36104B;background-image:url(images/navigation.png);}
.statscolor6{background-color:#36104B;background-image:url(images/communication.png);}
.statscolor7{background-color:#36104B;background-image:url(images/time-left.png);}

.statsbg{background-size: 80px 80px;background-position:center;background-repeat:no-repeat;}

.tcl{display:flex;height:30px;margin-top:10px;}
.tcl .tcl1{text-align:left;flex:1;}
.tcl .tcl2{text-align:right;flex:1;}
.ico.goforwardstate{
	background-image:url(images/fast-forward.png) !important;
}
.ico.gobackstate{
	background-image:url(images/backward.png) !important;
}
.emailico{
	mask:url(images/email.svg);
	background:#54b2a9;
}
.rightsico{
	mask:url(images/rights.svg);
	background:#be9b7b;
	
}
.ico.add{
	background-image:url(images/add.svg) !important;
}
.ico2.readonly_ico{
	background-image:url(images/readonly.svg) !important;	
}
.ico2.select_all_ico{
	background-image:url(images/select-all.svg) !important;	
}
.pointer{cursor:pointer}

.ui-widget-overlay{opacity:.3 !important}

input[type='file'] {
  color: transparent;
}

.login_box .inputfield:not(textarea) {
  height: 46px;
  padding:3px 20px 3px 20px;
}

.question .upload_image, .set_page .upload_image{vertical-align:top;}

[contenteditable="true"] {
	padding: 10px;
	margin: auto;
	outline: 0;
	background-color: #FFF;
	color: #000;
	min-width: 500px;
	text-align: left;
}

.anim
{
  animation:pulse 900ms linear;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0  rgba(244,244,244, 1);
	}
	40% {
		box-shadow: 0 0 0 10px rgba(244,244,244, 7);
	}
	80% {
		box-shadow: 0 0 0 20px rgba(244,244,244, 0);
	}
	100% {
		box-shadow: 0 0 0 rgba(244,244,244, 0);
	}
}


.info{margin-left:10px;margin-top:25px;}
.seted .ico.save{top:-7px;position:absolute;}
#viewusers{padding-top:10px;}

.w300{min-width:300px;}

.user_name{font-size:0.8em;}
.set_question .editable{margin-top:10px;margin-left:0px;}
.answer .editable:empty:not(.exept){display:none;}
.question_header .editable{width:100%;font-size:1.1rem;}
.answer .editable{}
.question .editable{background-color:#FFF;}
#mmrows{border:0px;}
.blank_page{background-color:#dcedc1;}

#tquota > .table_class{margin-right:120px;}
.msettings .lgo img{max-width:150px;}

.ifhaspak{display:none;}

.haspak .ifhaspak, .sdhburv64g .ifhaspak{display:table-cell;}

.textsel_cont{text-align:left;}
.textsel {display:inline-block;line-height: 50px;}
.textsel[data-title]:after {top:50px;}
.textsel.values{margin-right:15px;}
.textsel_cont.values{text-align:center;font-weight:600;font-size:2em;}

.twocolumns, .help_twocolumns{
  display:flex;
}

.help_twocolumns > div:nth-child(1){
  height: 100vh;
  flex: 500px 0 0;
}
.twocolumns > div:nth-child(1){
  height: 100vh;
  flex: 190px 0 0;
}
.twocolumns.image > div:nth-child(1){
  height: 100vh;
  flex: 50% 0 0;
}

.table .twocolumns.image .button_left, .table .twocolumns.image .button_right{
	pointer-events:none;
	opacity:0.3;
}
.twocolumns > div:nth-child(2), .help_twocolumns > div:nth-child(2){
  flex-grow: 1;
}
.moviemeter{
	display: inline-block;
	position: relative;
}
.moviemeter_canvas {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  width: 100% !important;
  height: calc(100% - 70px) !important;
}

.moviemeter .video_play_button{display:none !important;}

.page_body{margin-top:5px;}
.help_rows{margin-top:50px;text-align:left;}
.help_rows .h3{font-size:1.3em;color:#1a0dab;}
.help_rows .h1{font-size:0.9em;color:#4d5156;}


@media screen and (min-width: 1201px)
{
	.mcontainer{max-width:1400px;min-width:1201px;margin:auto;}     
}
@media screen and (min-width: 991px) and (max-width: 1200px)
{
	.mcontainer{max-width:1140px;min-width:991px;margin:auto;}
}
@media screen and (min-width: 769px) and (max-width: 991px)
{
	.mcontainer{width:100%;box-sizing:border-box;min-height:100%;}
}
@media screen and (max-width: 768px)
{
	.mcontainer{width:100%;box-sizing:border-box;min-height:100%;}
	.nom{display:none !important;}
	#quests.w1140{width:100%;}
	#quests.w1140{min-width:100%;}
	.col22 {min-width:100%;max-width:100%;}
	.stats2 .mw1140{max-width:100%;}
	.stats2 .rows_stats{width:100%;}
}
.ac.mt{margin-top:50px;}
.help_rows .row{margin-bottom:30px;}
.help .edit{margin-top:30px;}
.help .editable{margin: auto;margin-bottom:15px;}
.help .header{font-size:2em;background-color: #203864;color: #FFF !important;margin-top:15px;padding: 5px;}
.help .menu_right .ico{vertical-align: middle;}
.tips_cont{width:800px;margin:auto;}
.tips_cont .tips{padding-top: 50px;}
.tips_cont .tip_header{text-align:left;margin-bottom:3px;}
.tips_cont .rightmenu{position: absolute;top: 24px;right: -40px;}
.tips_cont .tip_description{position:relative;padding-right:40px;}

a.ico.text{background-image: url(images/text.svg);}
.help .ico.text, .tip .ico.text{position:absolute;top:5px;right:5px;}

.editable_cont .editable{width:100% !important;}

/* help */
.colh21{overflow:auto;padding-top:15px;}
.help_rows{padding:15px;}
.help_rows .rows{padding:15px;}
.help_twocolumns .search_term{width:350px;}
.help_twocolumns .colh21{border-right:1px solid #CCCCCC;box-sizing:border-box;max-height:100%;}
.help_desc_cont{display:inline-block;}
.add_help {margin-bottom:50px;}
.help .editable{width:800px}
.help .module_class{margin-bottom:5px;}
.ui-dialog .mcontainer.help{width:calc(100% - 50px);}
.help_butt{display:none;}
.light{background-color:#F7F7F7}

.image .table_class{border-spacing: 10px;}
.image .col21{text-align: center;}
.image ul{display:inline-block;margin:auto;width:auto;}
.svg_button{
  outline: none;
  background-size:20px 20px;	
  width:50px;
  height:50px;
  cursor:pointer;
  background-color: rgba(255, 255, 255, 0);
  margin: auto;
}
.svg_button.selected{background-color:#854442;}

.button_top{
  background:url(images/align-top.svg);
}
.button_left{
  background:url(images/align-left.svg) no-repeat;  	
}
.button_right{
  background:url(images/align-right.svg) no-repeat;  	
}
.button_bottom{
  background:url(images/align-bottom.svg) no-repeat;  	
}

input[type='file'] {
  color: rgba(0, 0, 0, 0)
}


.editable:empty:not(:focus):before{
  content:attr(data-placeholder);
  color:grey;
  font-style:italic;
}

.t2021.clickable_rows{ border-collapse:collapse;}
/*
.t2021.clickable_rows .tr_class.clicked{border-bottom:1px solid #854442;}
.t2021.clickable_rows .tr_class.clicked .td_class{border-bottom:1px solid #854442;}
*/
.chidden .t2021.clickable_rows .tr_class.clicked, .t2021.clickable_rows .tr_class.clicked, .t2021.clickable_rows .td_class.clicked{background-color:#854442;color:#FFF;}
.t2021.clickable_rows .tr_class.clicked .td_class {background-color:#854442;color:#FFF;}

.atext{margin-left:10px;}
.mminfo{margin-left: 10px;}

.al.wp .ico2{vertical-align:middle;}
.fileselection_cont .filename{padding-top:3px;}

.highlighted{color:#854442;font-weight:600;font-size:1.4em;}
.header.sep{background-color:#FFF;}

/*editbox*/
.question .answer [contenteditable=true] {margin-right: 10px !important;}
a.cond {visibility:hidden;}

#uploader_buttons .ui-button .ui-icon{background-color:transparent;}
.ovh{overflow:visible;}

.mcolor-cont .td_class {vertical-align:middle;}
.mcolor-cont .td_class * {vertical-align:middle;display:inline-block;}
.mcolor-cont{width:600px;margin-left:10px;}
#styles_id .mcolor-cont.t2021{table-layout:auto;}
.fonts-cont{vertical-align:top;width: 100%;}
#quest_preview{border: none;width:100%;min-height:800px;}
#quest_preview .footer_row{display:none;}

.disableon .disableifon{pointer-events:none;opacity:0.3;}

.table_class .td_class.br {border-right:2px solid #CCCCCC;}
.at50{margin-top:50px;}
#answers .answer .editable{float:left;}

.cl_90 .vers{pointer-events:none;opacity:0.3;}
.cl_90 .vers.clq_90{pointer-events:auto;opacity:1;}
.cl_91 .vers{pointer-events:none;opacity:0.3;}
[class*="cl_91"] .vers{pointer-events:none;opacity:0.3;}
[class*="cl_91"] .vers .disabled{pointer-events:none;opacity:1;}
[class*="cl_91"] .vers[class*="clq_91"] .disabled{pointer-events:none;opacity:0.3;}
/*.cl_91 .vers[class*="clq_91"], .cl_91 .vers.clq_90{pointer-events:auto;opacity:1;}*/
[class*="cl_91"] .vers[class*="clq_91"] {pointer-events:auto;opacity:1;}
[class*="cl_10"] .vers[class*="clq_9"] {pointer-events:auto;opacity:1;}


.version{background-color:#00c9a7;color:#FFF;padding:12px 11px 9px 11px;;cursor:pointer;}

.sticky{
	position: sticky;
	top: 0;
	z-index:10;
}
#quests .td_class .questname{font-weight:600;}


.astable.labels{display:table;margin:auto;min-width:600px;}
.astable.labels .lb_cont{display:table-row;}
.astable.labels .lb_cont .lb_cont_elem{display:table-cell;text-align:left;	border-bottom: 1px solid #D6D6D6;  padding: 0.9em;vertical-align:middle;}
.astable.labels .lb_cont .lb_cont_elem.ar{text-align:right;}
.labels_other{padding:0.9em}


.compare .twocolumns .col1_compare{min-width:50% !important;}
.compare .twocolumns{padding:15px;}
.compare .span{margin-right:30px;}
.compare .smin{margin-right:10px;}
.compare .smax{margin-left:30px;}
.autocomplete-container .ui-autocomplete {
  height: 15em;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #ebebeb;
  text-align: left;
}
.compare .chart{margin-top:30px;}

.help_description{min-height:30px;padding-right:30px;}
.help_description a{color:#1a0dab;font-weight:500;cursor:pointer;}

.chart_min{max-width:300px;float:left;margin-right:15px;}

.field .table_class{max-width:90%;}
.field .statsquestname{overflow:hidden;}
.prg{margin-left:30px;}
.cond_error{color:#FF0000;}
.testme{font-weight:600;}
#btnsave{padding:14px 14px 14px 14px !important;position:relative;}
#btnclose.ui-button{opacity:0.6;}

a.ico.favorite {
    mask: url(images/favorite.svg);
	background:#DDDDDD;
    mask-repeat: no-repeat;	
	mask-size:22px;
	mask-position: center;	
	
}
a.ico.favorite.on {
	background:#FDDA0D;
}
.ownq a{display:none;}
.own .ownq a{display:block;margin: auto;}
.ownq{text-align:center;}
.chart .tester{font-size:.9rem;}



.own_menu_down {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  cursor: pointer;
  color: black;
  height: 20px;
  /*animation: slide-in 1s ease-out;  */
}
.own_menu_down:after {
  mask-image: url(./images/menu.svg);
  background-color: #121212;	 
  width:20px;
  height:20px;
  content:' ' ;
  position: absolute;  
}

.own_menu_cont {
  position: absolute;
  top: 19px;
  right: 0px;
  width:250px;
  visibility: hidden;
  background-color: #f4f4f4;
  z-index: 11;
  padding: 0px;
  box-shadow: 2px 2px #dddddd;
  border-radius: 5px;
  transition: opacity 0.2s, visibility 0.2s;  
  box-sizing: border-box;  
}

.visible_own_menu {
  visibility: visible;
}

.own_menu_cont a,  .own_menu_cont > span{
  padding:10px;
  display: block;
  margin-bottom:1px;
  transition: background 0.2s;
  border: 2px solid transparent;
  width:100%;
  height:auto;
  box-sizing: border-box;  
}

.own_menu_cont a:hover {
  background-color: #C8C8C8;
  border:2px #c8C8C8 solid;  
  
}

@keyframes slide-in {
  0% {
    top: -50px;
  }
  40% {
    top: 20px;
  }
  70% {
    top: 10px;
  }
  100% {
    top: 15px;
  }
}

.mess{height:2em;text-align:center;color:#4CAF50;font-weight:600;}
.stct{position:absolute;top:0px;right:10px;width:100px;text-align:right;}

.push_button, a.push_button{padding:7px;background-color:#CCCCCC;font-size:1rem;color:#000000;border-radius:10px;font-weight:300;box-sizing:border-box;margin:2px;border:0px;}
.message2{margin-bottom:15px;font-weight:600;font-size:1.6rem;}
.tester_menu{margin-bottom:15px;}

.addexpr{min-height:50px}
.editexpr{min-width:400px;min-height:30px;}

[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text)
}
.help img{max-width:80%;height:auto;}

.flex_cont_col1{display:flex;flex-direction:column;height:100%;}
.col1_it_2{flex-grow:1;width:100%;}

.before_mma::after {
  content: "";
  display: block;
  clear: both;
}
.mm_cont .iname{font-size:0.8em;}

.select-container [name="dir"]{max-width: 170px;}
div.selected .ok:after, .selected .ok:after{
  content: ' ';
  width: 20px;
  height: 20px;
  position:absolute;
  right:20px;
  top:calc(50% - 10px);
  mask-image: url(./images/ok.svg);
  background-color: #121212;	
}

.tabs .fastsettings{overflow:visible;}
.fastsettings .own_menu_down{top: 6px;right: 25px; z-index: 11;}
.fastsettings .own_menu_down:after {background-color:#CCCCCC;}
.fastsettings .own_menu_down .own_menu_cont{width:340px;top:15px;text-align:left;}
.menu_right .own_menu_right{margin-left:10px;}
.vers_title {padding:10px;font-size:1.6rem;}
.allres a{display:inline-block;padding:10px;width:auto;}

.publish_ico{
	mask: url(images/publish.svg);
	background:#2c4c3b;
}
.mask{
	background:#854442;
    mask-repeat: no-repeat;	
	mask-size:22px;
	mask-position: center;		
}
.mask.on{background:#428385;}
.mask:hover{
	background:#CCCCCC;
}

.vers_row .vers_title{font-weight:500;}
.vers_row {border-bottom:1px solid #D6D6D6;font-size:1.4rem;}
.vers_row .vers_description{max-width:900px;text-align:left;}

.ico2.scale{mask-size:20px;mask-repeat:no-repeat;mask-position:center;}
.ico2.download{
	mask: url(images/save.svg);
	background-color:#5175ed;
	color:#FFFF00;
}

.ico2.scale:hover {
  transform: scale(1.1);
  filter: invert(100%);
}

.svg_cont{display:inline-block;background-color:#FFF;border-radius:15px;width: 30px;height: 30px;vertical-align:top;}


.settings img{max-width:250px;height:auto;}
.delete_image{color:#203864;}
#answers img{width:100px;height:auto;}

.search_cont{position:relative;}

.repolinks > div{line-height:30px;}
.repolinks span{vertical-align:middle;}


.report_cont{
	position:absolute;
	left: 0px;
    top: 8px;
}

.report{
	/*(background-image: url(images/report.svg);
	background-repeat:no-repeat;	*/
	mask-image:url(images/report.svg);
	background:#536878;
}

.icons .version{font-size:0.7rem;background:none;color:#CCC;}

.main_menu .search_cont{}
.main_menu .search_cont .search_term{width:210px;}
.main_menu .own_menu_down_cont{width:40px;}
.main_menu .search_term.inputfield{padding: 0 25px 0 20px !important;}
.rows_stats .stct{font-size:1.2rem;}

.sendto{margin-top:10px;}
.stats .twocolumns .col21{width:400px;}
.stats .astable.labels{min-width:200px;}


.tc_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.tc_wrapper > div {
  flex: 1 0 50%;
  white-space: nowrap;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
.trend .perc{font-size:1.6rem;font-weight:900;}
.trend .nr{font-size:1.1rem;font-weight:600;}

.stats .labels{margin-top:25px;margin-bottom:10px;}


.sound_wrapper{display:table;position:relative;margin:auto;height:100px;background-color:#CCCCCC;}
.sound_holder{display:table-cell;vertical-align:bottom;}
.sound_play_button{
  position:absolute;
  top:calc(50% - 37px);
  left:calc(50% - 18px);
  box-sizing: border-box;
  height: 74px;
  
  border-color: transparent transparent transparent #d4d4d4;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;

  display:none;
  border-style: solid;
  border-width: 37px 0 37px 60px;
  z-index:10;
}
.sound_pause_button, .video_pause_button{
  position:absolute;
  top:calc(50% - 37px);
  left:calc(50% - 18px);
  box-sizing: border-box;
  height: 74px;
  
  border-color: transparent transparent transparent #d4d4d4;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;
  border-style: double;
  border-width: 0px 0 0px 60px;
  z-index:10;
  display:none;
}

.sound_wrapper.nocontrols{min-width:300px;height:100px;background-color:#808080;}

.vlist{text-align:center;}
.vlist ul{width:300px;margin:auto;text-align:left;}
.vlist ul{list-style-type:none;}
.vlist ul li{text-align:right;}
.vlist .res0{color:#FF0000;font-weight:900;}
.vlist .res1{}

.chgvers.beta_selected{background-color: #FF0000;}
.chgvers.beta{padding:12px 11px 9px 11px}
.beta-cont{padding:12px;}

.tav{
	height:100%;
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; 
	font-size:1.7em;	
	font-weight:600;
}
.maxdiff .slider-cont .td_class{text-align:center !important;}
.maxdiff .slider-cont .td_class.slider-elm{vertical-align:top;}
.maxdiff .slider-cont .slres{margin:auto;height:2em;color:#008fc1;font-weight:900;}
.maxdiff input:not(.except){display:none;}
.maxdiff .slider{background-color:#b3cde0 !important;width:300px;}
.maxdiff .ui-slider-handle{background-color:#D1A9A8 !important;border-radius:10px;}

.disabled3{opacity:0.3;pointer-events:none;}

.maxdiff .maxdiff_data{display:flex;flex-direction: row;position:absolute;top:15px;width:100%;}
.maxdiff .maxdiff_data > div{width:50%;}
.maxdiff .maxdiff_data .data1{text-align:left;}
.maxdiff .maxdiff_data .data2{text-align:right;}

#dark_logo1 {background-color:#000000;}

.maxdiff .bestworst{display:table;margin:auto;}
.maxdiff .lb_cont{display:table-row;}
.maxdiff .lb_cont .lb_text{display:table-cell;	border-bottom: 1px solid #D6D6D6;  padding: 0.9em;vertical-align:middle;}
.maxdiff .bestworst .best_worst_nr{min-width:50px;}

.maxdiff_perc {width:600px;min-height:20px;;padding:0.9em;}
.maxdiff_perc > div {float:left;}
.maxdiff_perc .mdw, .compared_chart .mdw{min-height:20px;background-color:#bb3b00;color:#FFF;font-size:0.8em;font-weight:500;}
.maxdiff_perc .mdn{min-height:20px;background-color:#CCCCCC;color:#000;font-size:0.8em;font-weight:500;}
.maxdiff_perc .mdb, .compared_chart .mdb {min-height:20px;background-color:#354c02;color:#FFF;font-size:0.8em;font-weight:500;}
.stats .compared_chart.table_class{width:400px;margin:auto;}
.compared_chart .td_class{width:200px;}
.compared_chart .mdw{min-height:15px;background-color:#bb3b00;color:#FFF;font-size:0.8em;font-weight:500;}
.compared_chart .mdb {min-height:15px;background-color:#354c02;color:#FFF;font-size:0.8em;font-weight:500;}
.stats .maxdiff_compared{width:800px;margin:auto;}
.wbb > .td_class{
	border-bottom: 1px solid #D6D6D6;
}
.br{border-right: 1px solid #D6D6D6;}

.floatr{float:right;}
.floatl{float:left;}
.stats .title{font-size:18px;font-weight:600;margin-top:50px;margin-bottom:30px;}
.vab{vertical-align:bottom;}
.vab .svg_cont{vertical-align:bottom;}

.deleted_user .td_class:not(:last-child){
	pointer-events:none;
	opacity:0.4;
}
.deleted_user .deleteico{
	mask-image: url(images/restore.svg);	
	background:#4F7942;	
}
.b1{font-weight:600;}

.sett3 .nostyle_image{margin-left:15px;}

.hlt{font-weight:600;font-size:1.4em;}

.flex{
  display: flex;
  flex-wrap: wrap;
}
.flex .fitem{min-width:300px;background-color:#F3F3F3;min-height:100px;margin:15px;text-align:left;}
.iitem .rect{width:15px;height:15px;display:inline-block;margin-left:5px;}