
                                    @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://szv.frequest.com/code/versions/9.1.3.4/awesome/css/all.min.css);
/*sima*/
:root {
  --color-error: 255,200,208;
}



/*uhu withborder*/
body, html
{
	margin:0;
	padding:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
        width:100%;
        font-size:1.1em;
        font-family: Open Sans;
        background-color:#FFFFFF;

}

.body-child{
/*padding-left: calc(100vw - 100%);*/
width:100%;
}
.ismobile{display:none;}
.res0{display:none;}
.res1{display:none;}
.res2{display:none;}
.res3{display:none;}
#mcontainer, .mcontainer{

        width:100%;
	box-sizing: border-box;
        display: flex;
        flex-direction: column;
        /* fallback height */
        min-height:100vh;

        /* new small viewport height for modern browsers */
        min-height:100svh;
}

.msg_main_text_end{text-align:center;margin-top:30px;}



.textbox
{
	width:300px;
	height:400px;
	margin:20px auto 0 250px;
	padding:10px;
	text-align:center;	
}
.mwidth/* main width for questions*/
{
	margin:auto;
}
.mmargin
{
	margin:5px 5px 5px 5px;
}
.main_color
{

}
.main_color2
{

}
A:link
{
	TEXT-DECORATION: none
}

.TITLE
{ /* message header */
	COLOR: #373737; 
	LINE-HEIGHT: normal; 
	FONT-STYLE: normal; 
        box-sizing:border-box;
        width:100%;
        padding:1em;
        vertical-align: middle;
}
.TITLE:not(.no_style){
	FONT-WEIGHT: 600;
	FONT-SIZE: 1.6rem; 
        margin:auto;
}
.TITLE:empty{

}
.mainheader .TITLE{color:white;}
#title:empty{display:none;}
.question,
.qcellerror
{ /* question text */
	font-family: Open Sans;
	color: #FFFFFF;
	text-align:left;
        line-height:1.2;
}
.content .highlighted, .highlighted{
	margin-top:3px;
	line-height:1.2em;
        text-transform: uppercase;
        text-align:left;
}
.content .highlighted{
	color: #022264;
}
.highlighted
{ /* highlighted text */
	color: #FFFFFF;
}
.top_cell_page .highlighted{
 color:#022264;
}
.instruction
{ /* instrcution text */
	font-size: 0.5em;
	color: #FFFFFF;
	text-align:left;
	margin-top:3px;
	line-height:1.2em;
        text-transform:uppercase;
}
td.cellmsg
{

}
editbox,
textarea,
input
{

        min-height:3em;
        display:inline-block;
        box-sizing:border-box;
        border:0px;
        outline:none;
        border-bottom:2px solid #dddddd;
}

input[type="text"][value=""]:placeholder-shown:focus:not(:read-only)
{
  border-bottom:2px solid #437adb;
}

input:not(:placeholder-shown) {
    border-bottom:2px solid #022264;
}
.table_class.style2022{background-color:#FFFFFF;}
/*.cell.editbox{border:none !important;box-shadow:none !important;}
.cell.editbox:hover{border:none;}*/
.noquos .bar, .cell.slider_elm .bar{display:none;border:none;box-shadow:none;}
.cell.noquos{pointer-events:none;cursor:auto;border:0px !important;}
.cell.textarea .bar, .cell.gap .bar{display:none;}
.cl_slider .cell:not(.slider_elm), .cl_sum .cell:not(.slider_elm), .cl_radio .cell, .cl_checkbox .cell:not(.slider_elm), .cl_multimedia .cell, .game_cont .cell, .cell.editbox, .cl_place .cell, .cl_autocomplete .cell, .cl_editbox .cell{
 border:1px solid #dddddd;  
 margin-bottom:1em;
 padding:15px 15px 15px 15px;
 box-sizing:border-box;
/* border-left:8px solid #dddddd;*/
 cursor:pointer;
 min-height:4em;
}
.cell.gap{
  border:0px !important;
}

.cell.justtext .bar{
  display:none;
}

.cell.justtext{
/* border-left:1px solid #dddddd !important;*/
 cursor:auto !important;
}
.cell.slider_elm{padding:35px;}

.cl_slider .cell input:not([type="text"]),
.cl_sum .cell input:not([type="text"]),
.cl_editbox .cell input:not([type="text"]),
.cl_radio .cell input:not([type="text"]),
.cl_checkbox .cell input:not([type="text"]),
.cl_multimedia .cell input:not([type="text"]),
.cl_table_checkbox .cell input:not([type="text"]){
  position:absolute;top:-100000px;left:-100000px
}
.cl_table_radio input:not([type="text"]){visibility:hidden;position:absolute;top:-100000px;left:-100000px;}
.cl_table_editbox input:not([type="text"]){visibility:hidden;position:absolute;top:-100000px;left:-100000px;}


.cl_slider .cell:not(.slider_elm) .fa-label,
.cl_sum .cell .fa-label, 
.cl_radio .cell .fa-label, 
.cl_editbox .cell .fa-label, 
.cl_checkbox .cell .fa-label, 
.cl_multimedia .cell .fa-label
{
  position:absolute;top:-1000px;left:-1000px;margin-right:10px;
}
.game_cont .cell input:not([type="text"]){position:absolute;top:-1000px;left:-1000px}
.game_cont .cell .fa-label{position:absolute;top:-1000px;left:-1000px}

.cl_radio .cell:hover, .cl_checkbox .cell:hover, .cl_multimedia .cell:hover{

}
.cl_radio .cell img, .cl_checkbox .cell img, .cl_multimedia .cell img{}
/*.cellselected.editbox .bar{display:none;}*/
.cl_radio .cellselected, .cl_checkbox .cellselected, .cl_multimedia .cellselected{

}
.cl_sum .atext{display: flex;gap: 0.8em;}
/*
.cl_radio .fa-label, .cl_checkbox .fa-label{position:absolute;top:-9000px;}
*/
.row_msg,
.answer,
.rowborder,
.cellheader,
.cellheaderhighlighted,
.cellnormal,
.cellhighlighted,
.cellselected,
.cellover,
.cellerror,
.cellbase
{
        overflow:hidden;
}

.cellheader,
.cellheaderhighlighted,
.cellnormal,
.cellhighlighted,
.cellselected,
.cellover,
.cellerror
{

}
.cell_b1
{

}
.cell_b2_rb
{

}
.cell_b2_r
{

}
.cell_b2_b
{
  
}
.table_b2
{

}

.cellover
{
	
}
.qcellerror, .error
{
  background-color:#ffc8d0 !important;
}
.cellerror,
input.texterror
{
	
}
.cellheader
{
	text-align:center;
}
.cellheaderhighlighted
{
	
}
.cellhighlighted
{
	
}
.text_selected
{
	background-color: #dddddd;position:relative;
}
.cl_radio .cellselected, .cl_checkbox .cellselected, .cl_sum .cellselected:not(.editbox):not(.slider_elm), .game_cont .cellselected, .cl_multimedia .cellselected
{
        background-color: #ebebeb;
}
.pulse .cl_radio .cellselected.anim, .pulse .cl_checkbox .cellselected.anim, .animate_editbox, .pulse .style2022.table_class .td_class.cellselected.anim, .pulse .cl_game .cellselected.anim
{
        animation:pulse_cell 1000ms linear;
}
.growth .cl_checkbox .atext, .growth .style2022.mobile .atext{margin-right:30px;}
.growth .cl_checkbox .cellselected .atext::after,.growth .cl_radio .cellselected .atext::after, .growth .style2022.mobile .cellselected .atext:after{
  content: ' ';
  width: 20px;
  height: 20px;
  position:absolute;
  right:20px;
  top:calc(50% - 10px);
  mask-image: url(./images/9.1/ok.svg);
  background-color: #437adb;
}
.growth .cl_radio .cell, .growth .cl_checkbox .cell, .animate_editbox, .growth .style2022.table_class .td_class.cellselected.anim, .growth .cl_game .cellselected.anim
{
  transition: all 0.3s ease-in-out;
/*transition: box-shadow 0.6s linear;
  box-shadow: 0px 0px 0px 0px rgba(67,122,219, 1);*/
}
.growth .cl_radio .cell:not(.cellselected):hover, .growth .cl_checkbox .cell:not(.cellselected):hover, .animate_editbox:not(.cellselected):hover
{ 
/*  transform: scale(1.03);*/
}
.growth .cl_radio .cellselected.anim, .growth .cl_checkbox .cellselected.anim, .animate_editbox
{
        /*animation:growth_cell 230ms linear;*/
}
.growth .cl_radio .cellselected, .growth .cl_checkbox .cellselected, .animate_editbox, .growth .style2022.table_class .td_class.cellselected, .growth .cl_game .cellselected
{
   transform: scale(1.03);
/*    box-shadow: 0px 0px  0px 10px rgba(67,122,219, 1); */

}
.cl_radio .cellselected.editbox, .cl_checkbox .cellselected.editbox
{
        background-color:inherit;
}
.tablenormal,
.cellnormal,
.text_normal
{

}

.percent /* procent table */
{
background:url(https://szv.frequest.com/wrtbl/main_images/{percent_bg_image}) no-repeat;
}
.percent2 /* second procent color */
{
background:url(https://szv.frequest.com/wrtbl/main_images/{percent_bg_image2}) no-repeat 
}


div.div_normal
{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 list-style-type:none;
 float:left;
}
 

/*sort list end*/
.msg
{
	/*border-width:1px;
	border-color:#{border_color};
	border-style:solid;*/
	padding: 0px; 
	/*width:{main_width};*/
        width:100%;
        overflow:hidden;
}
/*
.row_msg
{
	background-color: #{row_msg};
}
*/
/*new design*/
.elm
{
	height:17px;
	width:20px;
}
.checked
{
	background: #FF0000;
}
.not_checked
{
	background: #00FF00;
}
.ni_checkbox,
.ni_radio
{

        vertical-align:middle;

        position:absolute;
        top:-10000px;
        left:-10000px;

}
/*modal*/
.ui-dialog .ui-dialog-content{padding: 1em 1em 1em;}
#basic-modal-content {display:none;}
#simplemodal-overlay {cursor:wait;}
#simplemodal-container {height:150px; width:500px; 
	color:#000000;
	background-color:white; 
	border:4px solid #437adb;
	padding:12px;}
#simplemodal-container code {background:white; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.gif) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.modal_message {background-color:white;border-bottom:3px solid #afafaf;margin-bottom:1em;padding-bottom:10px;}
.modal_win .ui-dialog-titlebar{padding:0px;}
.modal_win .ui-dialog-titlebar-close{border:0px !important;background:none;outline:unset;}
.qtable
{
	border-collapse:collapse;
}

/*{IMAGE_SLIDER}*/

/*
.sldpd
{
 padding:0 {slider_padding} 0  {slider_padding};
}
*/
/**
 * frequest - drag and drop associative matrix 
 */
.dd_prop, .dd_prop2,.dd_cont,.dd_cont_over,.dd_cont_sel
{
	/*FONT-SIZE: {answer_font_size}; */
	FONT-FAMILY: Open Sans;
	/*COLOR: #{answer_font_color}; 	*/
        /*border:1px solid #{cell_highlighted};*/
        vertical-align:top;
}
.dd_prop:hover, .dd_prop2:hover{filter:brightness(90%);}
.dd_prop
{
	z-index:15;
	text-align:center;
	box-sizing:border-box;
    display:inline-block;
    margin:1em;
	padding:1em;
}

.dd_prop
{
	min-width:7em;
	cursor:pointer;
/*        background-color:#{cell_normal}    */
}
.dd_prop2 {padding:0.5em;position:relative;overflow:visible;margin-bottom:0.3em;}

.dd_cont_active {
 /*background-color:#{cell_highlighted} !important;*/
}



.dd_cont,.dd_cont_over,.dd_cont_sel
{
	text-align:center;
	cursor:pointer;
	z-index:10;
        display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
        margin:1.5em;
        overflow:hidden;
        padding:1.5em;
        position:relative;
}
.dd_cont
{
/*	background-color:#{cell_normal}	;*/
	text-align:center;
        position:relative;
}
.dd_cont_sel, .dd_cont_over {filter: brightness(85%);/*background-color:#{cell_selected}*/}
.dd_prop_list{width:100%;margin-top:0.5em;}
.dd_main_cont{width:100%;box-sizing:border-box;padding:1em;overflow:hidden;vertical-align:top;
/*border:0.1em solid #{border_color};*/
position:relative;}
.dd_cont_title{margin:0.5em;}
.delete_prop
{
	background:url(https://szv.frequest.com/wrtbl/main_images/{deleteimage});
	position:absolute;
	top:-8px;
	right:-8px;
	width:16px;
	height:16px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	z-index:15;
}
/* autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
/* editbox */
.editbox {/*outline:none; border:0; background-color: #{cell_selected};*/}
.editbox_container  { 
  /*background-color: #{cell_selected};*/
  text-align:center; float:left;  
  /*border:1px solid #{border_color};*/
  margin-right:5px; 
}




.bg_answer
{
	/*background-color:#{cell_normal};
	border:#{cell_normal} 1px solid;	*/
}
.back_button
{
	background-color:white;
	font-family: Open Sans;
	/*font-size: {button_font_size};*/
	color:#000000;
	-webkit-box-shadow: 0px 13px 15px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 13px 15px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 13px 15px 0px rgba(0,0,0,0.19);
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	float:left;
	font-weight: normal;
	cursor:pointer;
}

/*with border*/
.cornered
{

}
/*image type */
.image_zoom,
.image_normal,
.image_over,
.image_selected
{
	z-index:20;
	margin:10px;
}
.image_normal
{
	padding:5px;
	/*border:3px solid #{cell_normal};*/
}
.image_over
{
	/*border:8px solid #{cell_highlighted};*/
	padding:0;
}
.image_selected
{
	/*border:8px solid #{cell_selected};*/
	padding:0;	
}
.image_zoom
{
	margin:10px auto 10px auto;
	/*border:8px solid #{cell_selected};	*/
}
.images_main_container,
.images_container
{
	width:100%;
	text-align:center;
}
.images_main_container
{
	position:relative;	
}
.ok
{
	background:url(https://szv.frequest.com/wrtbl/main_images/{okimage}) no-repeat;
	position:absolute;
}
/*image type end*/
/*sum*/
.sum_container{display:none;}
.sumnotok, .sumok {text-align:left;display:none;font-size:1.1em;font-weight:bold;padding:0 0.3em 0 0.3em;clear:right}
.sumnotok
{
 color:#FF0000;
 font-weight:bolder;
}
.sumok
{
 font-weight:bolder;
}
.sumtext{text-align:left;font-size:1.1em;font-weight:bold;float:left;color:#437adb;margin-left:35px;}
.sumval{float:left;margin-left:15px;font-size:1em;font-weight:600;}
.sumhint{color:#e8efef;}
/*sum end*/



/*extra*/

.fp_button,
.next_button
{
/*   float:right;*/
}
.next_button_middle
{
/*	background-color:#{button_bgcolor};*/
	font-family: Open Sans;
	/*font-size: {button_font_size};
	color:#{button_font_color};*/
	-webkit-box-shadow: 0px 13px 15px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 13px 15px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 13px 15px 0px rgba(0,0,0,0.19);
	padding:0.7em;
        margin: 0px auto 1em;
	text-align:center;
	font-weight: normal;
	cursor:pointer;
        width:7em;
}
/* multiple iamges (page, question)*/
.mm_container
{
 text-align:center;
 width:100%;
 padding:20px;
}
.mm_elm
{
  margin:20px;
  float:left;
}
/*cookies message*/
#cookie_msg
{
  background-color:#CCCCCC;
  padding:10px;
  display:none;
  top:-20px;
  text-align:center;
}

/*responsive extra*/
.w100ac{width:100%;margin:auto;text-align:center;box-sizing: border-box;}
.w50ac{width:50%;text-align:center;}
.al{text-align:left;}
.w50ar{width:50%;text-align:center;}
.ar{text-align:right;}
.maac{margin:auto;text-align:center;}
/*.mcontainer{visibility:hidden;}*/
.mainfooter{margin-top:1em;}
.ac{text-align:center;}
.w100{width:100%;}
.fl{float:left}
.ib{display:inline-block;}
.bm{margin-bottom:10px;}
.rm{margin-right:10px}
/* table to div*/
.border{}
.border_tl{border-bottom:0px;border-right:0px;}
.border_br{border-top:0px;border-left:0px;}
 .bg,
 .bg_question,
 .bg_answer
 { 

        
 }




/*slider*/
.main_slider_container{text-align:center;width:100%;}
.slider_holder{margin:auto;}
.slider_min_value,.slider_maxval,.slider_actval,.slider_minval{width:33.33%;display:inline-block;}
.slider_minval,.slider_min_val{text-align:left}
.slider_actval{text-align:center}
.slider_maxval{text-align:right}
.slider_holder_2{width:100%;text-align:center;}
.slider_texts{padding:0px;margin:auto;width:90%;overflow:hidden;box-sizing:border-box;}
.slider_bg{padding:0px;margin:10px auto 10px;box-sizing:border-box;height:0.75em;}
.slider_bg .ui-slider-handle{outline: 0;background:none;border:0px;background-color: #437adb;border-radius: 50%;cursor:pointer;background-color:#afafaf;}
.slider_bg.slider_moved .ui-slider-handle{background-color:#437adb;}
.slider_bg.slider_moved .ui-slider-handle{opacity:1;}
.slider_bg:not(.image_handle) .ui-slider-handle::after{position:absolute;top:.29em;left:.29em;background-color: #FFFFFF;border-radius: 50%;width:0.9em;height:0.9em;content:'';}
.slider_bg.slider_moved .ui-slider-handle::after{opacity:1;}
.slider_bg .slider_result{position:absolute; text-align:center;width:100%;color:#437adb;}
.sc{padding-right:2em;}
.slider_bg .ui-slider-range{background: -webkit-linear-gradient(right, #437adb, #437adb);}
.cl_sum .slider_bg .ui-slider-range{background: -webkit-linear-gradient(right, #dddddd, #dddddd);}
.slider_bg.ui-slider
{
  /*background-color:white !important;
  background-size: 40px 40px;*/
}
.cl_sum .slider_holder{display: inline-block;vertical-align: middle;}
.slider_bg.ui-widget-content{background:none;background-color: #dddddd !important;border:none;}

/*text selection*/
.text_type{position:relative;cursor:url(./images/9.1.3.4/sel.png) 0 24, pointer; padding-bottom:1em;text-align:justify;padding:20px}
.delete_text
{
position: absolute;
  right: -10px;
  top: -5px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  opacity:1;
  cursor: pointer;
  border-radius: 50%;
  background-color:#437adb;
        
}
.delete_text::after{
  content: 'x';
  color: #FFFFFF;
  position: absolute;
  top: -1px;
  left: 6.5px;
  font-size: 14px;
}
/*autocomplete*/
/*autocomplete*/
#autocomplete  .ui-state-default, #autocomplete  .ui-widget-content{background-image:none !important;
  /*background-color:#{cell_normal} !important;*/
  outline-style:none;}
#autocomplete  .ui-dialog, #autocomplete  .dialog-form, #autocomplete  .ui-dialog-content, #autocomplete  .ui-dialog-buttonpane, #autocomplete  .ui-widget-content{
 /* background-color:#{cell_normal} !important;*/
}
#autocomplete  .ui-autocomplete{height:15em;overflow-y: scroll; overflow-x: hidden;
/*  border:1px solid #{cell_highlighted};*/
}
#autocomplete  .ui-state-hover, #autocomplete  .ui-state-hover, #autocomplete  .ui-widget-header #autocomplete  .ui-state-hover, #autocomplete  .ui-state-focus, #autocomplete  .ui-state-focus, #autocomplete  .ui-widget-header #autocomplete  .ui-state-focus {
  /*background:#{cell_highlighted};*/
  border:none;font-weight:normal;
}
#autocomplete  .ui-autocomplete #autocomplete  .ui-widget{FONT-FAMILY: Open Sans;}
#autocomplete input, #autocomplete .ui-autocomplete-input{
 font-size:1.2em;
 FONT-FAMILY: Open Sans;
 font-weight:600;
}




/*full width*/
.content_holder_noshadow
{
	/*background-color:#{question_bgcolor};*/
	text-align:center;
}
.content_holder
{
	/*background-color:#{question_bgcolor};*/
	text-align:center;
        /*margin-bottom:15px;*/
}
.question-holder{
	
	/*background-color:#8fd400;*/
	/*max-width:750px;*/
	/*min-height:100px;*/
	margin:auto;
	padding:20px;
        box-sizing:border-box;
}
.content
{
/*    padding:5px;*/
    margin-left: auto;
    margin-right: auto; 
    box-sizing:border-box;
    text-align:center;
}
.logo_holder
{
	
	/*background-color: #ffffff;*/
	width:100%;
	text-align:center;
}
.logo{
	max-width:750px;
	margin:auto;
	
}
.footer_row{background-color:#ebebeb;height:80px;margin-top: auto;}
.footer_bottom_cell {
   display: table-cell;
   vertical-align: middle;
   min-height:80px;
   text-align:center;
}
.middle_cell_question
{
    /*display:inline-block;*/
    display:block;
    margin:auto;
    text-align:center;
    padding:15px;
}
.mainheader .top_cell_page_ch:not(:empty)
{
  border-bottom:1px solid #FFFFFF;
}
 .blank .mainheader .top_cell_page_ch:not(:empty)
{
  border-bottom:none;
}
.top_cell_page_ch:empty{display:none;}
.mainheader.top_cell_page{background: -webkit-linear-gradient(right, #437adb, #437adb);}
.mainheader.top_cell_page .td_class{border-bottom:none;}
.top_cell_page .mcontainer2{text-align:center;}
.row_question
{
 display:none;
 width:100%;
}
.row_question2{width:100%}

.top_cell_question{text-align:center;vertical-align: top; }
.top_cell_question .content_holder{background: -webkit-linear-gradient(right, #437adb, #437adb); }

.top-cell-question {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}

.progress_holder
{
	clear:both;
	max-width:100%;
	margin:auto;
	text-align:center;
}
.progress_container
{
	margin:auto;
        width:100%;
}
.progress {
	font-family: Open Sans;
	font-size: .8em;
	overflow: hidden;
	height: 8px;
	background-color: #afafaf;
}
.progress-bar {
	width: 0px;
	height: 100%;
	text-align: center;
        background: -webkit-linear-gradient(right, #437adb, #437adb);
}


#prev_button
{
	font-family: Open Sans;
	font-size: 0.9em;
	padding:10px;
	color:#000000;
        font-weight:400;
        text-transform:uppercase;
        cursor:pointer;
}
.next_button{
	font-family: Open Sans;
	padding:10px;
	color:#000000;
        font-weight:400;
        text-transform:uppercase;
        cursor:pointer;
}
.footer_logo_cell
{
	/*padding:20px;*/
	overflow: hidden;
        background-color:#ebebeb;
        margin:auto;
        /*display:table-cell;*/
        text-align:center;
        height:100%;
}

.ui-state-default{padding: 0 !important;border-style: none;background-color: transparent;background-image: none;}
.modal_win.ui-dialog, .modal_win.dialog-form .modal_win.ui-dialog-content, .modal_win.ui-dialog-buttonpane{background-color:white !important;;background-image:none !important;}



.coords_main_container{padding-top:1.5em;}
.spacer{display:none;}
.style2022.table_class .bar{display:none;}

/*2023.09.25*/
/*.style2022.table_class .td_class:not(:first-child):hover:not(.noqo, .justtext, .witheditbox){background-color:#ebebeb;}*/
.style2022.table_class .td_class:hover:not(.noqo, .justtext, .witheditbox){background-color:#ebebeb;}

/*2023.09.25*/
/*.style2022.table_class .td_class:not(:first-child).cellselected{background: -webkit-linear-gradient(right, #437adb, #437adb);color: #FFFFFF;border-color:#437adb;}*/

.style2022.table_class .td_class.cellselected{background: -webkit-linear-gradient(right, #437adb, #437adb);color: #FFFFFF;border-color:#437adb;}

.style2022.table_class .tr_class:nth-child(odd){background-color:transparent;}
.style2022.table_class .tr_class:nth-child(even){background-color:transparent;}
.style2022.table_class {border-spacing:15px 40px;}
.style2022 .table_class.slider_minmax {border-spacing:15px 10px;}
.row_question:not(.cl_table_slider) .style2022.table_class .td_class:not(.noqo, .justtext, .witheditbox){border: 1px solid #dddddd;cursor:pointer;}
.mobilestyle .row_question:not(.cl_table_slider) .table_class .td_class:not(.noqo, .justtext, .witheditbox){border: 1px solid #dddddd;cursor:pointer;}
.row_question:not(.cl_table_slider) .style2022.table_class .cell.justtext{border-left: 0px !important;}

.style2022 .table_class.slider_minmax .td_class:not(:first-child):not(.noqo){border: 0px solid #dddddd;cursor:pointer;}
.cl_table_slider .style2022.table_class .td_class:not(:first-child):hover{background:transparent;}
.style2022.table_class .td_class{vertical-align: middle;}
.cl_table_slider .style2022.table_class .td_class:not(:first-child).cellselected{background:transparent;border:0px;}
.cl_table_slider .style2022.table_class .td_class{border:0px;}

@keyframes pulse_card {
	0% {
		box-shadow: 0 0 0 0 rgba(67,122,219, 0.4);
	}
	70% {
		box-shadow: 0 0 0 18px rgba(67,122,219, 0);
	}
}
@keyframes pulse_card_mobile_table {
	0% {
		box-shadow: 0 0 0 0 rgba(221,221,221, 0.4);
	}
	70% {
		box-shadow: 0 0 0 18px rgba(221,221,221, 0);
	}
}
.pulse .card_selected.anim{
  animation:pulse_card 1000ms linear;
}
.pulse .editable_selected.anim{
  animation:pulse_card 1000ms linear;
}
.pulse .style2022.table_class .td_class.cellselected.anim{
  animation:pulse_card 1200ms linear;
}
/*sum*/
.cl_sum .atext{text-align:left;}
.cl_sum .input-sizer{display:block;padding-left:0px;padding-right:0px;margin-left:0px;}
.cl_sum .atext1{position: absolute;top: -7px;right: -20px;}
.sum_cont{display:none;}
/*slider*/
.cl_slider .cell.slider_elm .bar{display:none;}
.cl_slider .table_class .tr_class {background-color: transparent;}
.row_question.cl_slider .cell.slider_elm {
  /*display: block;
  overflow:auto;*/
}
.cl_slider .slider_holder{}
.cl_slider .slider_holder .table_class{width:100%;border:0px;}
.cl_slider .slider_holder .table_class .td_class{border:0px;}
.cl_slider .slider_holder .table_class .td_class:first-child{text-align:left;}
.slider_holder .table_class .td_class{padding:3px;}
.cl_table_slider .table_class .tr_class{background-color:transparent;}
.slider_tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  visibility: visible;
  margin-top: -2px;
  bottom: 120%;
  margin-left: -2em;
  text-decoration: none;
}
.slider_tooltip {
  font-size: 11px;
  visibility: visible;
}
.slider_tooltip .slider_tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #afafaf;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  width: 0;
  height: 0;
}
.slider_moved .slider_tooltip .slider_tooltip-arrow {
  border-top: 5px solid #437adb;
}

.slider_tooltip-inner {
  width: 40px;
  padding: 3px 8px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  background-color: #afafaf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider_moved .slider_tooltip-inner {
  background-color: #437adb;
}

/*bubble*/
.cl_slider .alb, .cl_slider .art, .cl_table_slider .alb, .cl_table_slider .art{
  position:relative;background-color:#437adb;color:#FFFFFF;display: inline-block;padding:5px;
  border-radius: 5px;
}
.cl_slider .alb, .cl_table_slider .alb{  border-bottom-left-radius: 0px;}
.cl_slider .art, .cl_table_slider .art{  border-top-right-radius: 0px;margin-top:10px;}
.speach:after{
  content: "";
  border: 10px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 10px;
    border-bottom-color: transparent;
   position: absolute;
}
.alb:after{
  border-top-color: #437adb;
  border-bottom: 0;
  bottom: -10px;
  left: 0%;
}
.art:after{
 border-bottom-color: #437adb;
 border-top: 0;
 top: -10px;
 right: 0%;
}
.top_cell_page.blank{display:none;}
.blank .mainheader.top_cell_page .TITLE{COLOR: #373737; }
.blank .mainheader{background:none;}

.plupload_wrapper{margin-bottom:1em;min-width:auto !important;}
.plupload_header_content{background-color:#dddddd !important;color:#000 !important;height:auto !important;min-height:56px !important;}
.cl_table_radio .cell .atext, .cl_table_checkbox .cell .atext{text-align:center;}

@media screen and (min-width: 1201px)
{
        body{text-align:center;}
	.mcontainer2{display:table;max-width:1400px;min-width:calc(1201px - 50px);margin:auto;width:100%;}
        /*.cell input{min-width:80%;}*/
        .card_main:not(.wi){width:calc(25% - 17px);}
        .card_main.wi{max-width:calc(25% - 17px);}
        .mobile{display:none;}
        .slider_holder{width:100%;margin:auto;max-width:750px}
        .slider_holder{width:500px;}
        .row_question[data-sum='3'] .slider_bg,  .row_question[data-sum='4'] .slider_bg{width:50%;text-align:left;margin-left:20px;}
        .votes.default  .vote svg{width:80px;height:80px;}
        .stars.default  .star svg{width:80px;height:80px;}
        .style2022.table_class .bar{display:none;}
        .dimage{max-width:1000px;}
        .munkakor_edt{min-width:600px;}
        .res3{display:block;}
        
}
@media screen and (min-width: 991px) and (max-width: 1200px)
{
        body{text-align:center;}
	.mcontainer2{display:table;max-width:1140px;min-width:991px;margin:auto;}
        .cell input{min-width:80%;}
        .card_main:not(.wi){width:calc(25% - 17px);}
        .card_main.wi{max-width:calc(25% - 17px);}
        .mobile{display:none;}
        .slider_holder{width:500px;}
         .row_question[data-sum='3'] .slider_bg,  .row_question[data-sum='4'] .slider_bg{width:50%;text-align:left;margin-left:20px;}
        .votes.default  .vote svg{width:60px;height:60px;}
        .stars.default  .star svg{width:60px;height:60px;}
        .style2022.table_class .bar{display:none;}
        .dimage{max-width:900px;}
        .munkakor_edt{min-width:500px;}
        .res2{display:block;}

}
@media screen and (min-width: 769px) and (max-width: 990px)
{
	.mcontainer2{width:100%;box-sizing:border-box;min-height:100%;}
        .cell input{min-width:60%;}
        .card_main:not(.wi){width:calc(25% - 17px);}
        .card_main.wi{max-width:calc(25% - 17px);}
        .mobile{display:none;}
        .slider_holder{width:450px;}
        .row_question[data-sum='3'] .slider_bg,  .row_question[data-sum='4'] .slider_bg{width:50%;text-align:left;margin-left:20px;}
        .votes.default  .vote svg{width:60px;height:60px;}
        .stars.default  .star svg{width:60px;height:60px;}
        .style2022.table_class .bar{display:none;}
        .dimage{max-width:800px;}
        .munkakor_edt{min-width:500px;}
        .res1{display:block;}

}

@media screen and (max-width: 768px)
{
       .cl_table_radio .cell .atext, .cl_table_checkbox .cell .atext{text-align:left;}
        body, html{min-height:100%}
	.mcontainer2{width:100%;box-sizing:border-box;min-height:100%;}
	#msgcontainer img{max-width:100%;height:auto;}
  
	.sum_container{display:none;}
	.content{width:100%;display:block;}
	.arrright{display:block;position:absolute;top:50%;right:0px;}
	.arrleft{display:block;position:absolute;top:50%;left:0px;}
	.fabtn{background-color:#CCCCCC;cursor:pointer;padding:5px;}
	.th_text{display:inline-block;margin-left:0.2em;}
	#bg_body_fp
	{
		margin:20px auto;padding:10px;width:100%;height:100%;
	}
	.table_class{display:block;}
	.tr_class{display:block;cursor:pointer;}
	.td_class{display:block;text-align:left;padding-left: 10px;}
        .td_class:nth-of-type(1){
             /*border:none !important;*/
             box-shadow:none !important;
         }
	.bg_text{overflow:hidden;width:100%;margin-top:10px;text-align:center;height:100%}
	.fwd_button{margin-top:10px;text-align:center;overflow:hidden;}
	#fwdbutton{margin:auto;}
	.always_visible{display:none;}
        .question, .instruction{text-align:left;}
	.question img{width:50%;height:auto;margin:auto;}
	.row_msg,
	.answer,
	.rowborder,
	.cellheader,
	.cellheaderhighlighted,
	.cellnormal,
	.cellhighlighted,
	.cellselected,
	.cellover,
	.cellerror,
	.coords_right{display:block;vertical-align:top;position:relative;}
	#id_title{padding:0px;margin:0px;width:100%;text-align:center;}
	.dd_half{vertical-align:middle;width:50%;float:left;box-sizing:border-box;}
	.dd_prop_cont{border-right:3px solid #437adb}
        .dd_main_cont{text-align:left;}
	.spacer
	{
          display:block;height:1.5em;
	}
	.spacer .tr1{height:1.5em;}
	.spacer .tr2{height:1.5em;}
        .cell input, .card_container input{width:100%;}
        .card_main{width:100%;}
        .mobile{display:block;}
        .notmobile{display:none;}
        .top_cell_question{display:block;width:100%;}
        .row_question .table_class .tr_class{display:none;}
	.editbox .bar{}
        .pulse .cl_table_radio .cellselected.anim, .pulse .cl_table_checkbox .cellselected.anim, .animate_editbox
        {
           animation:pulse_cell 1s linear;
        }
        .cl_table_radio .cellselected, .cl_table_checkbox .cellselected
        {
           background-color:#ebebeb;

        }
        .cl_table_slider .mobile .td_class{border:0px;}
        .row_question[data-sum="3"] .slider_bg, .row_question[data-sum="4"] .slider_bg{width:100%;}
        /*.slider_holder{margin:40px 22px 0px 22px;}*/
        .ui-dialog .ui-dialog-content{padding: 0.5em 1em 1em;}
        .button_table .td_class{display:table-cell;vertical-align: middle;}
        .hide_on_mobile{display:none;}
        .votes.default  .vote svg{width:40px;height:40px;}
        .stars.default  .star svg{width:40px;height:40px;}
        .dimage{max-width:360px;}
        .style2022.table_class .bar{display:block;}
        .style2022.table_class .justtext .bar{display:none;}
        .slider_elm .atext{width:100%;}
        .cl_sum .atext{width:100%;display:block}
        .cl_sum .slider_holder{display: block;}
        .cl_sum .sum{text-align:center;}
        .table_class.style2022 .noqo, .table_class.style2022 .witheditbox{background-color:#FFFFFF;font-weight:900;}
        .row_question:not(.cl_table_slider) .style2022.table_class .td_class:not(:first-child).cellselected{ background:none; background-color: #437adb; color:#FFFFFF; border-color:#437adb;}
        .style2022.table_class .td_class:not(:first-child):hover:not(.noqo, .witheditbox):not(.cellselected){background:none;}
        .pulse .style2022.table_class .td_class.cellselected.anim{
           animation:pulse_cell 1000ms linear;
         }
         .style2022.table_class .td_class.noqo .bar, .table_class .td_class.noqo .bar, .style2022.table_class .td_class.witheditbox .bar, .table_class .td_class.witheditbox .bar{display:none;}
        .mobile .cell:not(.cellheader){
           margin-bottom:1em;
           padding:10px 15px 10px 15px;
           box-sizing:border-box;
           cursor:pointer;
         }
         .middle_cell_question
         {
           padding:25px;
         }
         .cl_slider .middle_cell_question{
           padding:0px;
         }
         .cl_table_slider .amb, .cl_slider .amb{margin-bottom:38px;}
         .notresponsive .table_class{display:table;width:100%;}
         .notresponsive .tr_class{display:table-row;}
         .notresponsive .td_class{display:table-cell;}
         .ismobile{display:block;position:absolute;width:1px;height:1px;top:-90000px;left:-900000px;}
         .cl_sum .input-sizer{margin-top:35px;}
  .mcontainer2{
      -webkit-tap-highlight-color: transparent;
/*      -webkit-touch-callout: none;*/
  }
  .mcontainer .cl_textsel{}
  .res0{display:block;}
  .plupload_content.plupload_dropbox{position: relative;width: 100%;min-height: 300px;}
  .plupload_header_content {
    /*height: 56px;*/
    padding: 0 16px 16px 60px;
    position: relative;
  }
  .plupload_view_switch{position:static;display:none !important;}
  .row_question:not(.cl_table_slider) .table_class .td_class:not(.noqo, .justtext, .witheditbox){border: 1px solid #dddddd;cursor:pointer;}
  .row_question:not(.cl_table_slider) .table_class .td_class:not(:first-child).cellselected {
    background-color: #437adb;
    color: {com_color5};
    border: 1px solid #437adb;
  }
}
/*media querys*/

@media screen and (min-width: 769px)
{
  .row_question .cell:not(.table_class .td_class, .td_class_2, .slider_elm){display:flex;align-items:center;/*padding-left:15px;*/flex-wrap: wrap;}
  /*.row_question .cell:not(.table_class .td_class, .td_class_2) > *{max-width:50%;}*/
  .row_question .cell .ni_text{flex:2;}
  .mobile{display:none;}
  .notmobile{display:block;}
  .table_class{display:table;margin:auto;}
  .tr_class{display:table-row;}
  .tr_class.always_visible{display:table-row;background-color:#437adb !important;color:white;}
  .tr_class.always_visible .td_class:nth-of-type(1){visibility:hidden;}
  .tr_class.always_visible .td_class:nth-of-type(2){border-top-left-radius: 2px;}

/*
.table_class .tr_class:nth-child(even){background-color:#ebebeb;}
.table_class .tr_class:nth-child(odd){background-color:#dddddd;}
*/

.table_class .tr_class:hover{/*background-color:#FFFFFF;*/}
.slider_minmax.table_class .tr_class{background-color:transparent;}
.slider_minmax{margin-bottom:15px;}
.td_class{display:table-cell;}
.td_class{padding:1.5em 1.5em 1.5em 1.5em;}
.td_class.fwdbutton, .td_class.gobackbutton{padding: 0px;vertical-align: middle;}
.slider_holder .td_class{border:0px;}
.table_class :not(.slider_minmax) .tr_class .td_class:first-child{font-weight:bold;text-align:right;} 
.table_class.slider_minmax .tr_class .td_class:first-child{font-weight:normal;text-align:right;} 
.cl_table_slider .tr_class .td_class:first-child{vertical-align:top;}

}



/*mobile style*/
    body.mobilestyle, html{min-height:100%}
    .mobilestyle.cl_table_radio .cell .atext, .cl_table_checkbox .cell .atext{text-align:left;}
	.mobilestyle .mcontainer2{width:100%;box-sizing:border-box;min-height:100%;}
	.mobilestyle #msgcontainer img{max-width:100%;height:auto;}
  
	.mobilestyle .sum_container{display:none;}
	.mobilestyle .content{width:100%;display:block;}
	.mobilestyle .arrright{display:block;position:absolute;top:50%;right:0px;}
	.mobilestyle .arrleft{display:block;position:absolute;top:50%;left:0px;}
	.mobilestyle .fabtn{background-color:#CCCCCC;cursor:pointer;padding:5px;}
	.mobilestyle .th_text{display:inline-block;margin-left:0.2em;}
	.mobilestyle #bg_body_fp
	{
		margin:20px auto;padding:10px;width:100%;height:100%;
	}
	.mobilestyle .table_class{display:block;}
	.mobilestyle .tr_class{display:block;cursor:pointer;}
	.mobilestyle .td_class{display:block;text-align:left;padding-left: 10px;}
    .mobilestyle .td_class:nth-of-type(1){
             /*border:none !important;*/
             box-shadow:none !important;
    }
	.mobilestyle .bg_text{overflow:hidden;width:100%;margin-top:10px;text-align:center;height:100%}
	.mobilestyle .fwd_button{margin-top:10px;text-align:center;overflow:hidden;}
	.mobilestyle #fwdbutton{margin:auto;}
	.mobilestyle .always_visible{display:none;}
    .mobilestyle .question, 
	.mobilestyle .instruction{
		text-align:left;
	}
	.mobilestyle .question img{width:50%;height:auto;margin:auto;}
	.mobilestyle .row_msg,
	.mobilestyle .answer,
	.mobilestyle .rowborder,
	.mobilestyle .cellheader,
	.mobilestyle .cellheaderhighlighted,
	.mobilestyle .cellnormal,
	.mobilestyle .cellhighlighted,
	.mobilestyle .cellselected,
	.mobilestyle .cellover,
	.mobilestyle .cellerror,
	.mobilestyle .coords_right{display:block;vertical-align:top;position:relative;}
	.mobilestyle #id_title{padding:0px;margin:0px;width:100%;text-align:center;}
	.mobilestyle .dd_half{vertical-align:middle;width:50%;float:left;box-sizing:border-box;}
	.mobilestyle .dd_prop_cont{border-right:3px solid #437adb}
    .mobilestyle .dd_main_cont{text-align:left;}
	.mobilestyle .spacer
	{
          display:block;height:1.5em;
	}
	.mobilestyle .spacer .tr1{height:1.5em;}
	.mobilestyle .spacer .tr2{height:1.5em;}
    .mobilestyle .cell input, 
	.mobilestyle .card_container input{
		width:100%;
	}
    .mobilestyle .card_main{width:100%;}
    .mobilestyle .mobile{display:block;}
    .mobilestyle .notmobile{display:none;}
    .mobilestyle .top_cell_question{display:block;width:100%;}
    .mobilestyle .row_question .table_class .tr_class{display:none;}
	.mobilestyle .editbox .bar{}
    .mobilestyle .pulse .cl_table_radio .cellselected.anim, 
	.mobilestyle .pulse .cl_table_checkbox .cellselected.anim, 
	.mobilestyle .animate_editbox{
       animation:pulse_cell 1s linear;
    }
    .mobilestyle .cl_table_radio .cellselected, 
	.mobilestyle .cl_table_checkbox .cellselected{
       background-color:#ebebeb;
    }
	.mobilestyle .cl_table_slider .mobile .td_class{border:0px;}
	.mobilestyle .row_question[data-sum="3"] .slider_bg, 
	.mobilestyle .row_question[data-sum="4"] .slider_bg{
		width:100%;
	}
	.mobilestyle .ui-dialog .ui-dialog-content{padding: 0.5em 1em 1em;}
	.mobilestyle .button_table .td_class{display:table-cell;vertical-align: middle;}
	.mobilestyle .hide_on_mobile{display:none;}
	.mobilestyle .votes.default  .vote svg{width:40px;height:40px;}
	.mobilestyle .stars.default  .star svg{width:40px;height:40px;}
	.mobilestyle .dimage{max-width:360px;}
	.mobilestyle .style2022.table_class .bar{display:block;}
	.mobilestyle .slider_elm .atext{width:100%;}
	.mobilestyle .cl_sum .atext{width:100%;display:block}
	.mobilestyle .cl_sum .slider_holder{display: block;}
	.mobilestyle .cl_sum .sum{text-align:center;}
	.mobilestyle .table_class.style2022 .noqo, 
	.mobilestyle .table_class.style2022 .witheditbox{
		background-color:#FFFFFF;font-weight:900;
	}
	.mobilestyle .row_question:not(.cl_table_slider) .style2022.table_class .td_class:not(:first-child).cellselected,
        .mobilestyle .row_question:not(.cl_table_slider) .table_class .td_class:not(:first-child).cellselected{
              background:none; background-color: #437adb; color:#373737; border-color:#437adb;
        }
	.mobilestyle .style2022.table_class .td_class:not(:first-child):hover:not(.noqo, .witheditbox):not(.cellselected){background:none;}
	.mobilestyle .pulse .style2022.table_class .td_class.cellselected.anim{
	   animation:pulse_cell 1000ms linear;
	 }
	.mobilestyle .style2022.table_class .td_class.noqo .bar, .style2022.table_class .td_class.witheditbox .bar{display:none;}
	.mobilestyle .mobile .cell:not(.cellheader){
	   margin-bottom:1em;
	   padding:10px 15px 10px 15px;
	   box-sizing:border-box;
	   cursor:pointer;
	 }
	 .mobilestyle .middle_cell_question
	 {
	   padding:25px;
	 }
	 .mobilestyle .cl_slider .middle_cell_question{
	   padding:0px;
	 }
	 .mobilestyle .cl_table_slider .amb, 
	 .mobilestyle .cl_slider .amb{
		margin-bottom:38px;
	 }
	 .mobilestyle .notresponsive .table_class{display:table;width:100%;}
	 .mobilestyle .notresponsive .tr_class{display:table-row;}
	 .mobilestyle .notresponsive .td_class{display:table-cell;}
	 .mobilestyle .ismobile{display:block;position:absolute;width:1px;height:1px;top:-90000px;left:-900000px;}
	 .mobilestyle .cl_sum .input-sizer{margin-top:35px;}
	 .mcontainer2{
		-webkit-tap-highlight-color: transparent;
	 }
    .mobilestyle .mcontainer .cl_textsel{}
    .mobilestyle .res0{display:block;}
    .mobilestyle .plupload_content.plupload_dropbox{position: relative;width: 100%;min-height: 300px;}
    .mobilestyle .plupload_header_content {
      /*height: 56px;*/
      padding: 0 16px 16px 60px;
      position: relative;
    }
    .mobilestyle .plupload_view_switch{position:static;display:none !important;}
/*mobilestyle end*/


.coords_right{display:inline-block;vertical-align:top;position:relative;margin:auto;}
#id_title{padding:0px;margin:0px;width:250px;}

.video_holder{
	max-width:750px;
	height: auto;
	margin:auto;
	font-family: Open Sans;
	font-size: 1em;
        /*padding: 0px 30px 0px 30px;*/
        box-sizing: border-box;
	margin-bottom:20px;
	margin-top:10px;
	
	
	-webkit-box-shadow:  0px 5px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:  0px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow:  0px 5px 10px 0px rgba(0,0,0,0.1);

}
video
{
    width: 100%;
    height: auto;

}

.moveaway
{
  position:absolute;
  top:-10000px;
  left:-10000px;
}
.modal_win .ui-dialog-titlebar {  }
/*img{width:50%;height:50%;}*/
/*ie*/
img { -ms-interpolation-mode: bicubic; }

.gobackbutton{width: 50%;text-align:center;display:table-cell;vertical-align:top;}
#fwdbutton, .next_button{
  text-align:center;display:table-cell;border-radius:50px;vertical-align:top;min-width:145px;height:40px;color:#FFFFFF;box-sizing:border-box;padding:11px 0 11px 0;font-weight:400;        text-transform:uppercase;font-size:0.9em;
}
#fwdbutton, .next_button, .push_button{background: -webkit-linear-gradient(left, #437adb, #437adb);}
#fwdbutton:hover, .next_button:hover{
    background-image: -moz-none;
    background-image: -webkit-none;
    background-image: -webkit-none;
    background-image: -o-none;
    background-image:none;
    background-color:#022264 !important;
    cursor:pointer;
}
.button_row{display:table-row;text-align:center;}
.button_table{display:table;margin:auto;height:100%;}
.button_row .td_class{border:0px;}
#msgcontainer{text-align:center;margin-top:50px;}
textarea{width:100%;height: 12em;max-height: 12em;border:1px solid #afafaf;margin-bottom:10px;margin-right:10px;}
.fluidtext{display: inline-block;overflow: hidden;padding: 0 5px 0 0;}


.sld .td_class{border:0px !important;}
.table_class_2{display:table;width:100%;}
.tr_class_2{display:table-row;}
.td_class_2{display:table-cell;}

.disabled{
    pointer-events: none !important;
    opacity:.4;
}
.disabled img{opacity:0.4;}

.lp{display:table-cell;vertical-align:middle;}
.slider33{width:33%;display:inline-block;}


#uploader .plupload_button {
  /*background-color:#{button_bgcolor} !important;
  background-image:none !important;color:#{button_font_color};*/
  border:none !important;}
#uploader .plupload_filelist{
  /*background-color:#{row_question_color} !important;*/
  background-image:none !important;}
#uploader .plupload_file_status, #uploader .plupload_file_size{
  /*color:#{answer_font_color} !important;*/
}
#uploader .plupload_droptext{
 /* background-color:#{row_question_color} !important;*/
}
#uploader .plupload_header_content{
  /*background-color:#{question_bgcolor} !important;*/
  border:none !important;color:white;}
#uploader .plupload_header{border:none !important;}

/*#uploader .ui-state-default{background:#{button_bgcolor} !important;border-color:#{button_bgcolor};color:#{button_font_color};}
#uploader_container {background:#{cell_normal} !important;}
.plupload_wrapper .ui-widget-header{background:#{button_bgcolor} !important;color:#{button_font_color};}
.plupload_wrapper{min-width:auto !important;margin-bottom:1em;}
.plupload_header_content{padding: 0 80px 0 60px !important;}*/


/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 
.sound.started{
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.sound{
 background:url(./images/9.1.3.4/rec.png) no-repeat;
 width:26px;
 height:26px;
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 opacity:0.5;
 margin-right:10px;
}

.progress2{margin-right:3px;}

.cookieok{display:inline-block;
  /*background-color:#{question_bgcolor};*/
  padding:0.4em;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:7px;margin-top:2em;color:white;opacity:.9;}
.cookienotok{display:inline-block;
  /*background-color:#{question_bgcolor};*/
  padding:0.4em;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:7px;margin-top:2em;color:white;opacity:.7;}
.cookieok:hover, .cookienotok:hover{opacity:1;}
.blockUI{
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  /*border-bottom:3px solid #{question_bgcolor} !important;*/
}
.cookie_msg_container{padding:35px;display:none;font-size:1.2em;}

.cookie_msg_container2{padding:15px;}

@media screen and (max-width: 750px)
{
.blockMsg{width:90% !important;left:5% !important;top:10% !important;}
}


#cookie_msg > div {display:none;}

      .videobox {
    	background:black;
    	width:640px;
        height:480px;
    	position: absolute; 
        right:0px;
        top:calc(50% - 50px);
    	transform: translate(100%,-50%);
    	transition: transform 1s;
        cursor:pointer;
        display:none;
      }
      .videobox div {
    	letter-spacing:2px;
    	border-radius: 5px;
    	background-color: black; color:lightgray;
    	padding:2px;
    	transform:rotate(-90deg);
    	text-align:center;
    	width:100px; height:50px;
    	position:relative;left:-48px;top:calc(50% - 50px);
      }
      .videobox.open {transform:  translate(0,-50%); }
      .videobox img {position:absolute; top:0px; left:0; z-index:200;}
      .videobox video {position:absolute; top:0px; left:0; z-index:150;}
    .after_slider{background:url(https://szv.frequest.com/images/arrow_frs.png) no-repeat 0 0;width:500px;height:50px;background-size: 500px 50px;}
    
    .video_recorder{
     background:url(https://szv.frequest.com/images/videorecord.png) no-repeat;
     width:32px;
     height:32px;
     display:inline-block;
     vertical-align:middle;
     cursor:pointer;
     opacity:0.5;
     margin-right:10px;
    }
    .video_stop{
     background:url(https://szv.frequest.com/images/stoprecord.png) no-repeat;
     width:32px;
     height:32px;
     display:inline-block;
     vertical-align:middle;
     cursor:pointer;
     opacity:0.5;
     margin-right:10px;
    }
.video_wrapper{display:table;position:relative;margin:auto;}
.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_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(https://szv.frequest.com/images/loading.gif);
  background-size:128px 128px;
  background-repeat:no-repeat;
  z-index:10;
  display:block;
  width:128px;
  height:128px;
}
/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 
.sound.started{
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}


.sound{
 background:url(./images/9.1.3.4/rec.png) no-repeat;
 width:26px;
 height:26px;
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 opacity:0.5;
 margin-right:10px;
}

@media screen and (max-width: 750px)
{
      .videobox {
    	background:black;
    	width:calc(100% - 25px);
        height:70%;
    	position: absolute; 
        right:0px;
        top:calc(50% - 50px);
    	transform: translate(100%,-50%);
    	transition: transform 1s;
            cursor:pointer;
        z-index:15;
      }
    body {
        overflow-x: hidden;
    }
    .after_slider{display:none;}
}

.nielsel{
 border: 2px solid #00F;
 box-sizing: border-box;
}




.mac .simple_question_answer{text-align:left;min-height:70px;}
.simple_question_answer{color:#373737;}
::placeholder{opacity:0.5;}
.select-container {position:relative;display:inline-block;}
.select-container  select{

  display: inline-block;
  font-size: 16px;
  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: white;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.select-container::after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 10px;
  width:10px;
  height:10px;
  background: white;
  pointer-events: none;
  background-color: rgba(67,122,219);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%); 
  cursor:pointer;
}

.card textarea{height:auto !important;}
 .card textarea{height:auto !important;}  .card textarea{height:auto !important;}  .card textarea{height:auto !important;} 
 .card textarea{height:auto !important;} 
 .card textarea{height:auto !important;} 
 .testcss{opacity:1;}



.font1{font-family: Open Sans;}
.font1:not(.no_style){font-size:1.6rem;font-weight:600;}
.font2{font-size:1.4rem;font-weight:600;font-family: Open Sans;}
.font3{font-size:1.2rem;font-weight:600;font-family: Open Sans;}
.font4{font-size:1rem;font-weight:500;font-family: Open Sans;}
.font5{font-size:0.9em;font-weight:500;font-family: Open Sans;}

.with_placeholder{text-align:left;}
.with_placeholder:empty:not(:focus):before {
  content: attr(data-text);
  pointer-events: none;
  display: block;
  color:#CCCCCC;
}


.spacer
{
 display:block;
 background: -webkit-linear-gradient(right, #437adb, #437adb);
 position:relative;
}
.spacer .tr1{position:absolute;bottom:-1px;left:-1px;width:20%;background-color:#FFFFFF;clip-path: polygon(0 100%, 0 0, 100% 100%);}
.spacer .tr2{position:absolute;bottom:-1px;right:-1px;width:80%;background-color:#FFFFFF;clip-path: polygon(100% 100%, 0% 100%, 100% 0);}

.card_container{display: flex;align-items: center;justify-content: center;box-sizing:border-box;height:100%;color:#373737;border-radius:2px;}
.card_container{border:1px solid #dddddd;}
.card_container.with_image{border:3px solid #dddddd; }
.card_container:not(.with_two_images, .with_image){padding:0.6em;}
.card_container img{max-width:100%;height:auto;vertical-align: top;}
.card_container.wi{padding:0px}
.card_selected:not(.with_two_images, .with_image){background: -webkit-linear-gradient(right, #437adb, #437adb);color:#FFF;}
.card_selected.with_image{border:3px solid #437adb}
.card_container.with_two_images:not(.card_selected) .card img:nth-of-type(1){}
.card_container.with_two_images:not(.card_selected) .card img:nth-of-type(2){display:none;}

.card_container.with_two_images.card_selected .card img:nth-of-type(2){}
.card_container.with_two_images.card_selected .card img:nth-of-type(1){display:none;}

.card_selected.wi::after{
    content:'';
    position:absolute;
    top:0px;left:0px;right:0px;bottom:0px;
    z-index: 1;
}

.card_container:not(.justtext):hover{cursor:pointer;}
.card_over{background-color:#dddddd;border-color:#022264;}
.card_over.wi{background-color:transparent;}
.card_main{display:inline-block;margin-right:15px;margin-bottom:15px;box-sizing:border-box;
vertical-align:top;}
.card_main .with_placeholder{text-align:center;}
.card_main .card_over.wi{border:1px solid #437adb;}
.editable{border-bottom:2px solid #dddddd;outline:none;text-align:left;}
.card_main .editable{margin-top:10px;margin-bottom:10px;}
.editable:focus
{
  border-bottom:2px solid #437adb;
}

.modal_win{
	font-family: Open Sans;
	color:#373737;
        display:none;
}
.modal_win .ui-widget-header, .modal_win .ui-widget-header .ui-state-default, .modal_win .ui-widget-content .ui-state-default{border:none !important;background: none !important;outline-style:none;background:none;}

.modal_win .ui-icon, modal_win .ui-widget-header .ui-state-default{background-image:none !important;text-indent:0px !important;background-color: #437adb;
border-radius: 50%;color:white;font-size: 1em;width: 20px !important;height: 20px !important;font-weight: 600;outline:unset;}
.modal_win .ui-icon::after{content: 'x';position: absolute;color: #FFFFFF;top: -2px;left: 5px;font-size: 1rem;}


/* fa checkbox and radio */

.fa-checkbox,
.fa-radio
{
	position: absolute;
	right: 9000px;
	visibility:hidden;
}
.fa-label{font-size:30px;cursor:pointer;}

/*Check box*/
input[type="radio"] + .fa-label:before
{
	
}

input[type="checkbox"] + .fa-label:before,
input[type="radio"] + .fa-label:before
{

	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing:antialiased;
	display: inline-block;
        color:#437adb;
        line-height:22px;


}
input[type="radio"] + .fa-label:before
{

        border-radius:50%;
	line-height: 1;
}
.pulse input[type="checkbox"]:checked + .fa-label:before,
.pulse .cellselected.anim input[type="radio"]:checked + .fa-label:before
{
	animation: pulse 1s linear;
}

.growth input[type="checkbox"]:checked + .fa-label:before,
.growth input[type="radio"]:checked + .fa-label:before
{
	animation: growth 250ms ease-in;
}



.pagemultimedia{display:block;text-align:center;background-color:#FFFFFF;padding:10px;}
.pagemultimedia:empty{display:none;}
.pagemultimedia .pmultimedia img {margin:auto;height:auto;}
.pagemultimedia .pmultimedia > div, .question .pmultimedia > div{margin:auto;text-align:center;}
					
.autocomplete{visibility:hidden;width:0px;}
.autocomplete-container  .ui-state-default, .autocomplete-container   .ui-widget-content{background-image:none !important;background-color:#ebebeb !important;outline-style:none;}
.autocomplete-container   .ui-dialog, .autocomplete-container  .dialog-form, .autocomplete-container   .ui-dialog-content, .autocomplete-container   .ui-dialog-buttonpane, .autocomplete-container   .ui-widget-content{background-color:#ebebeb !important;}
.autocomplete-container   .ui-autocomplete{height:15em;overflow-y: scroll; overflow-x: hidden;border:1px solid #ebebeb;text-align:left;}
.autocomplete-container   .ui-state-hover, .autocomplete-container   .ui-state-hover, .autocomplete-container   .ui-widget-header .autocomplete-container   .ui-state-hover, .autocomplete-container   .ui-state-focus, .autocomplete-container   .ui-state-focus, .autocomplete  .ui-widget-header .autocomplete-container   .ui-state-focus {background:#ebebeb;border:none;font-weight:normal;}
.autocomplete-container   .ui-autocomplete .autocomplete-container   .ui-widget{FONT-FAMILY: Open Sans;}
.autocomplete-container  input, .autocomplete .ui-autocomplete-input{font-size:1.2em;FONT-FAMILY: Open Sans;font-weight:600;}



.shaker{display:inline-block;margin:auto;}

.relative{position:relative;}
.bar{position:absolute;top:0px;left:0px;bottom:0px;width:8px;background-color:#dddddd;}
.cell{overflow:visible;}
.cell:hover .bar{
  background-color:#437adb
}
.cell.cellselected .bar{background-color:#022264}
/*.editbox .bar{display:none;}*/
.mobile .fa-label{display:none;}
.mobile .cellheader{margin-bottom: 1em;padding: 10px 15px 10px 15px;}



.main_color1{background-color:#437adb;}
.main_color1{background-color:#437adb;}
.main_color1{background-color:#022264;}
.comp_color1{color:#dddddd;}
.comp_color2{color:#ebebeb;}
.comp_color3{background-color:#afafaf;}
.comp_color4{background-color:#575757;}
.comp_color5{background-color:#373737;}
.comp_color6{color:#ffc8d0;}
.comp_color7{background-color:#FFFFFF;}


@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0  rgba(67,122,219, 0.5);
	}
	40% {
		box-shadow: 0 0 0 10px rgba(67,122,219, 0.3);
	}
	80% {
		box-shadow: 0 0 0 20px rgba(67,122,219, 0);
	}
	100% {
		box-shadow: 0 0 0 rgba(67,122,219, 0);
	}
}

@keyframes pulse_cell {
	0% {
		box-shadow: 0 0 0 0 rgba(221,221,221, 0.5);
	}
	40% {
		box-shadow: 0 0 0 10px rgba(221,221,221, 0.3);
	}
	80% {
		box-shadow: 0 0 0 20px rgba(221,221,221, 0);
	}
	100% {
		box-shadow: 0 0 0 rgba(221,221,221, 0);
	}
}





@keyframes growth_cell{
	0%{transform: scale(1.03);}
	20%{transform: scale(1.05);}
	40%{transform: scale(1.07);}
	60%{transform: scale(1.05);}
	100%{transform: scale(1.03);}
}
.firstpage .TITLE, .lastpage .TITLE, .playpage .title{display:none;}




.card {width:100%;}
.cl_table_radio .cell:not(.noqo, .witheditbox), .cl_table_checkbox .cell:not(.noqo, .witheditbox){cursor:pointer;}
.sum{color:#437adb;text-align:left;padding:5px;}

.row_question[data-sum='3'] input, .row_question[data-sum='4'] input{
  display:none;
}

.row_question[data-sum='3'], .row_question[data-sum='4']{
   text-align:left;
}
/* lista */
.list{
    padding: 10px;
    box-sizing: border-box;
}
.list ul {list-style:none;margin: 0px;padding: 0px;}
.list ul>li{
    COLOR: #373737;
    padding: 10px 40px 10px 33px;
    margin-bottom: 15px;
    position: relative;
    overflow: visible;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-color:#dddddd;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    cursor:move;
}
.sortlist_from>li, .sortlist_to>li {
    display: block;
    width: 100%;
    padding: 3px;
    min-height:25px;
}
li:after {
   content:'';
   background-repeat: no-repeat;
   background-position: 0px 0px;
   background-size: 11px 31px;
   position: absolute;
   top: calc(50% - 15px);
   right: -6px;
   width: 11px;
   height: 31px;
   cursor: move;
}
.list li:after{background-image: url(./images/9.1.3.4/ranking.png);}
.listnr_cont{
   background-color:#437adb;
   color:#FFFFFF;
   padding:0 3px 0 3px;
   width:30px;
   box-sizing: border-box;
   display:block;
   position:absolute;
   top:-2px; bottom:-2px; left:-2px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   text-align:center;
   display:none;
}
.listnr{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /* vendor prefixes omitted due to brevity */
}

@keyframes fadeIn{
from{opacity:.3;-webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}
to{opacity:1}
}
@keyframes fadeOut{
from{opacity:1}
to{opacity:.3;-webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}
}


/* table */
.style2022.table_class .fa-label{
  display:none;
}
/*.style2022.table_class .tr_class:hover{background-color:#ebebeb;}*/



.nothidden{display:block !important;}
.game{padding:10px;}

.dummy{position:relative;vertical-align: top;}

.fpd{display:inline-block;padding-top:15px;}
.fpd_container{display:inline-block;margin-right:10px;}
.mcontainer2 .mac{padding:10px;}

.ni_text.ln100{max-width:100px !important;}
.ln200{max-width:200px;}
.ln360{max-width:360px;}

.slider_holder .table_class{width:100%;}
.slider_holder .table_class .tr_class .td_class:first-child{text-align:left;}
/*votes*/
.defaultvote, .defaultstar{background-image:url('images/vote.svg');position:absolute;top:-10000px;left:-10000px;}
.votes.default  .vote, stars.default .star {cursor:pointer;}
.votes.default  .vote svg, .stars.default .star svg{display:inline-block;fill:#ebebeb;}
.votes.default .vote.hover svg, .stars.default .star.hover svg{fill:#afafaf}
.votes.default .vote.vote_selected svg, .stars.default .star.star_selected svg{fill:#022264}


/*title*/
[data-title]:not([data-title=""]):hover:after  {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
.min[data-title]::after{
	width:350px;
	max-height:6.4em
}
.right[data-title]::after{
	right:0px;
	left:auto;
}
[data-title]::after{
	left: 1.6em;
}
[data-title]:after{
    content: attr(data-title);
    background-color: #FFFFFF;
    color: #373737;
    position: absolute;
    padding: 5px 5px 5px 5px;
    height: auto;
	top:2.6em;
    box-shadow: 1px 1px 3px #ebebeb;
    opacity: 0;
    border: 2px solid #dddddd;
	border-radius:5px;
    z-index: 99999;
    visibility: hidden;
	font-size:1.1em;
	overflow:hidden;
}
[data-title] {
    position: relative;
}

.logo1{text-align:center;}
.logo1 img{margin:auto;max-width: 250px;}
.logo2{height:70px;position:absolute;top:5px;right:10px;}
.logo2 img{max-height:60px;}
.footer_row .table_class{width:100%;}
.footer_row .table_class .tr_class{background-color:transparent;}

.fwdbutton{margin:auto;}

.slider_minmax .td_class:empty{display:none;}


/*textsel*/
.textsel{text-align:justify;position: relative;cursor: url(./images/9.1.3.4/sel.png) 0 24, pointer;padding-bottom: 1em;}
.hr{visibility:hidden;}
.dimage{display:inline-block;}
.dimage img{width:100%;height:auto;}
.simple_question_answer .dimage, .game .dimage{margin-right:10px;margin-left:10px;}
.ico{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 30px 30px;
}
.magnify{
  background-image: url(images/magnify.svg);
  position: absolute;
  left: 5px;
  bottom: 10px;
  display:none;
  cursor:pointer;
}
.slider_minmax{font-weight:normal;}

.mm{display:inline-block;margin-right: 15px;}
.roq_question:not(.cl_game) .atext{display:flex;vertical-align:middle;gap:0.8em;}
.atext:empty{display:none;}
.style2022 .th_text{vertical-align: middle;display: inline-block;}


.input-sizer {
  display: inline-grid;
  /*vertical-align: top;*/
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-left:10px;
  padding-right:10px;
  margin-left: 10px;
}


.input-sizer::after,
.input-sizer input{
  width: auto;
  min-width: 1em;
  grid-area: 1/2;
  font: inherit;
  resize: none;
  box-sizing: border-box;

}

.input-sizer::after {
  content: attr(data-value) " ";
  visibility: hidden;
  white-space: pre-wrap;
}


.abshid{visibility:hidden;position:absolute;top:-100000px;left:-100000px}
.munkakor_edt{display:block;font-size:1em;}
.cl_textarea .atext{min-width:80%;}
.cl_textarea textarea{margin:5px;}

-webkit-tap-highlight-color: rgba(0,0,0,0);

.top_cell_page.blank{display:none;}
.ui-widget-overlay{background: #000;opacity: 0.2;}

/*ios*/
input { -webkit-border-radius: 0; } 

.disable_clicks{pointer-events:none !important;}

.hidden{display:none !important;}

.phone > *{margin-right:15px;}
.phone .phone_country{font-size:1.2rem;font-weight:500;text-align:right;padding:7px;padding-right:0px;}
.phone .phone_pre{font-size:1rem;}
.phone .phone_number{width:150px;font-size:1.2rem;letter-spacing:2px;text-align: center;}

.email{padding:3px;}

.bank .bank_number{margin-right:25px;font-size:1.3rem;letter-spacing:3px;width:460px;text-align:center;max-width:100%;}


.cl_table_radio .atext, .cl_table_checkbox .atext{display:inline-block;vertical-align:middle;}

.card_main.justtext{opacity:0.5;background-color:#ebebeb;}
.card_main.justtext .editable, .justtext .ni_text{pointer-events:none;}
.cell .atext{text-align:left;}

.cl_table_radio .prop, .cl_table_checkbox .prop{font-weight:900;}

.block{display:block !important;}
/*input:read-only{background-color:#ebebeb;}*/
.irsz_edit{cursor:pointer;}


.maxdiff_cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width:100%;
}
.maxdiff_cont .column_left {
  flex-grow: 1;
/*  border-right:1px solid #dddddd;*/
  padding-right:50px;
}

.maxdiff_cont .rotate{
    position: absolute;
    top: 50%;
    left: 50%;
}

.maxdiff_cont .column_left .rotate{
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}
.maxdiff_cont .column_right .rotate{
    transform:  translateX(-50%) translateY(-50%) rotate(90deg);

}

.maxdiff_cont .column_right {
  flex-grow: 1;
/*  border-left:1px solid #dddddd;*/
  padding-left:50px;
}
.maxdiff_cont .column_left, .maxdiff_cont .column_right{
 background-color:#437adb;
 color:#FFFFFF;
}
.maxdiff_cont .column_center {
  width:calc(100% - 120px);
  margin-left:40px;
  margin-right:40px;
  padding-top: 10px;
}
.maxdiff_cont .elems{

  COLOR: #afafaf;
  padding: 10px 40px 10px 40px;
  margin-bottom: 15px;
  position: relative;
  overflow: visible;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-color: #dddddd;
  box-sizing: border-box;
  text-align: left;
  display:none;
}

.maxdiff_cont .left_ico{
    mask-image: url(images/left_arrow.svg);
    -webkit-mask-image: url(images/left_arrow.svg);
}
.maxdiff_cont .right_ico{
    mask-image: url(images/right_arrow.svg);
    -webkit-mask-image: url(images/right_arrow.svg);
}

.maxdiff_cont.maxdiff_dl .left_ico{
    mask-image: url(images/dislike.svg);
    -webkit-mask-image: url(images/dislike.svg);
}
.maxdiff_cont.maxdiff_dl .right_ico{
    mask-image: url(images/like.svg);
    -webkit-mask-image: url(images/like.svg);
}

.maxdiff_cont .elems .ico{
 position:absolute;
 top:calc(50% - 12px);
 mask-repeat: no-repeat;	
 mask-size:24px;
 mask-position: center;	
 background-color: #afafaf;
 cursor:pointer;
 width:24px;
 height:24px;
}
.maxdiff_cont .elems .ico:hover{
 background-color:#575757;
 
}
.maxdiff_cont .elems .ico.left_ico{
 left:3px;
}
.maxdiff_cont .elems .ico.right_ico{
 right:3px;
}
.maxdiff_cont .elems, .maxdiff_cont .column_left, .maxdiff_cont .column_right{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.maxdiff_cont .elems.selected{
 background-color:#437adb;
 color:#FFFFFF;
 border-color: #437adb;
}
.maxdiff_cont .elems.selected.selected_left{
 margin-left:-41px;
 margin-right:40px;
 border-top-left-radius:0px;
 border-bottom-left-radius:0px;
}
.maxdiff_cont .elems.selected.selected_right{
 margin-right:-41px;
 margin-left:40px;
 border-top-right-radius:0px;
 border-bottom-right-radius:0px;
}
.maxdiff_cont .elems span{

}

.maxdiff_cont.maxdiff_dl .elems.selected_left .ico.left_ico{
  background-color:#FF0000;
}
.maxdiff_cont.maxdiff_dl .elems.selected_right .ico.right_ico{
  background-color:#45f248;
}

/* selected icons*/
.maxdiff_cont .elems.selected.selected_left .left_ico, .maxdiff_cont .elems.selected.selected_right .right_ico{
 pointer-events:none;
 opacity:0.5;
}

.ui-slider .ui-slider-handle{
width:1.5em;height:1.5em;
}

.ui-slider-horizontal .ui-slider-handle{top:-.4em;}
.cl_sum .range_color_3{background-color:#afafaf;float:right;height:100%;}
.cl_sum .slider_bg.ui-widget-content{background:none;background-color: #437adb !important;border:none;}



.dark{display:none;}
.darklogo{display:none;}
@media (prefers-color-scheme: dark) {
  body, .middle_cell_question {
    background: #121212;
  }
  .lightlogo{display:none;}
  .dark{display:block;}
  .simple_question_answer {
    color: #ebebeb;
  }
  .simple_question_answer.error, .td_class.error  {
    color: #FFFFFF;
  }
  .TITLE .cx_text, .TITLE .cx_title{color:#575757;}
  .TITLE{color:#ebebeb;}
  .cl_slider .cell:not(.slider_elm), .cl_sum .cell:not(.slider_elm), .cl_radio .cell, .cl_checkbox .cell:not(.slider_elm), .cl_multimedia .cell, .game_cont .cell, .cell.editbox, .cl_place .cell, .cl_autocomplete .cell, .cl_editbox .cell{
  border:solid 1px #437adb
  }
 #prev_button {color:#ebebeb;}
 .footer_logo_cell{background-color:#121212;}
 .logo1{background-color:#121212;}
 .question, .qcellerror{color:#ebebeb;}
 .bar {background-color: transparent;}
 .cl_radio .cell.cellselected, .cl_checkbox .cell.cellselected, .cl_sum .cell.cellselected:not(.editbox):not(.slider_elm), .game_cont .cell.cellselected, .cl_multimedia .cell.cellselected {
    background-color: #437adb;
    border:solid 1px #437adb;
  }
.cell.cellselected .bar {
  background-color: #437adb;
}
  #fwdbutton, .next_button{color:#ebebeb;}
  #prev_button{color:#ebebeb;}
  input, textarea{background-color:#ebebeb;color:#FFFFFF;}
  input{border-bottom: 2px solid #022264;}
  input[type="text"][value=""]:placeholder-shown:focus:not(:read-only) {
    border-bottom: 2px solid #437adb;
  }
  textarea{border: 1px solid #022264;}
  textarea:focus:not(:read-only){border-color:#437adb;}
  .list ul > li{border:solid 1px #437adb;color:#ebebeb;}
 .table_class.style2022, .table_class{background-color:#121212;color:#FFFFFF;}
 .row_question:not(.cl_table_slider) .style2022.table_class .td_class:not(.noqo, .justtext, .witheditbox) {
   border: 1px solid #437adb;
  }
 .mobilestyle .row_question:not(.cl_table_slider) .style2022.table_class .td_class:not(.noqo, .justtext, .witheditbox) {
   border: 1px solid #437adb;
 } 
 .style2022.table_class .td_class:hover:not(.noqo, .justtext, .witheditbox){background-color:#022264;}
 .style2022.table_class .td_class.cellselected {
  background: -webkit-linear-gradient(right, #437adb, #437adb);
  color: #ebebeb;
  border-color: #022264;
 }
 .textsel{color:#ebebeb;}
 .text_selected{color:#575757};
 .qcellerror, .error{background-color: rgba(var(--color-error), 0.6) !important;}
 .spacer .tr1{background-color:#121212;}
 .spacer .tr2{background-color:#121212;}
 .table_class.style2022 .noqo, .table_class.style2022 .witheditbox{background-color:#121212;}
 .mobilestyle .table_class.style2022 .noqo, .table_class.style2022 .witheditbox{background-color:#121212;}
.growth .cl_checkbox .cellselected .atext::after,.growth .cl_radio .cellselected .atext::after, .growth .style2022.mobile .cellselected .atext:after{
  background-color: #ebebeb;
}
.card_container{color:#dddddd;}
.card_over{background-color:#022264;color:#FFFFFF;}
.card_container{border:1px solid #437adb;}
.content .highlighted{
	color: #FFFFFF;font-weight:700;
}
.blank .mainheader.top_cell_page .TITLE{COLOR: #dddddd; }
.mobilestyle .row_question:not(.cl_table_slider) .style2022.table_class .td_class:not(:first-child).cellselected{background-color:#437adb;color:#ebebeb;border:1px solid #437adb;}
.mobilestyle .table_class.style2022 .witheditbox{
	background:none;
}
.votes.default .vote.vote_selected svg, .stars.default .star.star_selected svg{fill:#437adb;}
}


@media screen and (max-width: 768px) and (orientation: portrait) and (prefers-color-scheme: dark) {
  .style2022.table_class .td_class:not(:first-child).cellselected{background-color:#022264;color:#ebebeb;}
}


.top_cell_page img {max-width:100%;height:auto;}
.card input{display: block;  margin: auto;  min-width: 80%;padding:3px;margin-top:10px;}


.cx_cont{width:1016px;margin:auto;}
.cx_top{height:100px;text-align:left;}
.cx_top img{margin-left:150px;}
.cx_flex{display:flex;flex:1;}
.cx_flex_ch{width:50%;box-sizing:border-box;}
.cx_flex_ch:nth-child(2){background-color:#F3F3F3;padding-bottom:10px;}
.cx_flex_ch img{height:100%;object-fit:contain;width:100%;}
.cx_title{font-size:2rem;padding:10px;}
.cx_text{font-size:1rem;text-align:justify;padding:20px;}
.cx_button{
  background: -webkit-linear-gradient(left, #437adb, #437adb);
  text-align: center;
  vertical-align: top;
  min-width: 145px;
  height: 40px;
  line-height:40px;
  color: #FFFFFF;
  box-sizing: border-box;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
  cursor:pointer;
  margin:auto;
}
 @media screen and (max-width: 1015px){
  .cx_flex_ch:nth-child(1){display:none;}
  .cx_flex_ch:nth-child(2){width:100%;}
  .cx_cont{width:100%;}
  .cx_flex_ch .fwdbutton{display:table-cell;text-align:center;}
  .cx_flex_ch .table_class{display:table;margin:auto;}
  .cx_flex_ch .cx_button{margin:auto;}
 }
/*cx layout*/
.cx_layout {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1em;
  margin-left: -3.5em;
  align-items: center;
}
.cx_layout:not(:first-of-type) {
  margin-top: 3em;
}
.cx_layout:nth-child(even) {
  flex-direction: row-reverse;
}
.cx_layout__item {
  padding-top: 1em;
  padding-left: 3.5em;
}
.cx_layout__item--body {
  flex-grow: 9999;
  flex-basis: 15rem;
}
.cx_layout__item--figure {
  margin-right: auto;
  flex-grow: 1;
}
@supports ((max-width: -webkit-max-content) or (max-width: -moz-max-content) or (max-width: max-content)) {
  .cx_layout__item--figure {
    min-width: 15rem;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    flex-basis: 15rem;
    flex-grow: 99999;
  }
}

.cx_body {
  max-width: 64em;
  margin-right: auto;
  margin-left: auto;
  padding: 3em 1em;
  line-height: 1.5em;
  font-size: 1rem;
  text-align:justify;
}

.cx_h2 {
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight:900;
  text-align:center;
  margin-bottom:15px;
}

.cx_img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.cx_layout__item * + * {
  margin-top: 1em;
}
.cx_szab{display:none;font-size:1rem;text-align:left;font-weight:300;line-height:1.6rem;}
.cx_szab .cx_fw{font-weight:800;}
/*cx layout end*/

.sound_wrapper{display:table;position:relative;margin:auto;padding:15px;}
.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_wrapper.nocontrols{min-width:300px;height:100px;background-color:#373737;}
.test{position:relative;}
.test > div{position:absolute;top:-10000px;}
.test .row_question{display:block;}

/*(.justtext .atext{display:none;}*/
                    input[type="checkbox"] + .fa-label:before
                    {
                    	content: "\f096";
                    }
                    .cellselected input[type="checkbox"] + .fa-label:before
                    {
                    	content: "\f410";
		                /*background:url(https://szv.frequest.com/code/awesome/svgs/rectangle-xmark.svg) no-repeat;*/
                    }
                    .cellhighlighted input[type="checkbox"] + .fa-label:before
                    {
                    	content: "\f14a";
                    }
                    .cellhighlighted input[type="radio"]:not(:checked) + .fa-label:before
                    {
                    	content: "\f058";
                    }
                    .cellselected input[type="radio"] + .fa-label:before
                    {
                    	content: "\f057";
                    }
                    input[type="radio"] + .fa-label:before
                    {
                    	content: "\f10c";
                    }