/*
zvýrazňovací modrá #00aeff 50   #0083B4;
světle modrá pro zvýraznění vnitřků check radi box #9fe1ff 81 #80ddff#f5a3ba ;
super sv2tle modrá na hover bacground #ecf9ff  96 #d9f8ff #fce8ee ;
barva textů #282828;
jemná šedá #f0f0f0;
tmavá šedá #646464;
šedá pro hranici textových polí, grafických buttonků a polí v najížděčce #c8c8c8;
světle šedá v gridech a v najížděčce #fbfbfb;
změna
*/

/*úprava responsivní hlavičky header*/
.imgHeader {
    height: auto !important;
    width: 100%;
    max-width: 1000px;
}




/*obrázek v title otázky*/
.wQuestion .wQuestionTitle img{
    max-width: 100%;
    height: auto;
}
/*obrázek obecně*/
.wQuestion img{
    max-width: 100%;
    height: auto;
}

/*video v title otázky*/
.wQuestion .wQuestionTitle video{
    max-width: 100%;
    height: auto;
}



/*.publicweb {background: url("https://opensurvey.com/shared/projects/1393412482/1507617841/zelenina_5000x150.png") repeat-x bottom;}*/
.imgHeader {
	margin-top:0px;
}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
✔, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, hgroup,
menu, nav, output, ruby, section, select, summary,
time, mark, audio, video {
    padding: 0;
    border: 0;
    margin: 0;
    /*font: inherit;*/
    font-family: Verdana, sans-serif;
	font-size: 100%;
}

ul,ol {
font-size: 100%;
}

/*BASIC DEFINITIONS*/
body {
    overflow-x: hidden;
    color: #282828;
    font-size: 14px !important;
    font-weight: 400;
	font-size-adjust: none;
    line-height: 19px;
}
strong, b {
	font-weight: bold;
}
.cleaner {
	clear: both;
}
.hidden {
	display:none;
}
.hidden.visible {
	display:block;
}
/*placeholder*/
*::-webkit-input-placeholder, *:-moz-placeholder, *::-moz-placeholder, *:-ms-input-placeholder {
	color:#dcdcdc;
}
@-webkit-viewport, @-moz-viewport, @-ms-viewport, @-o-viewport, @viewport {
	width:device-width;
}
/*úpravy menu*/
#submenu ul {
	left:0px;
}
.hiddenEditQuestion {
	top:0px !important;
}
/*END OF BASIC DEFINITIONS*/

/*společné vlastnosti polí a prvků*/
.wHeader,
.wFooter,
.wScreen,
.wScreen .wScreenButtons,
.wProgressBar,
.wProgressBar .wMainBar,
.wProgressBar .wSubBar,
.wProgressBar .wPercentage {
    position: relative;
    display: flex;
  	width: 100%;
    max-width:1000px;
    box-sizing: border-box;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
}
/*hlavička grupy*/
.wHeader {
	flex-direction: row;
    height: 128px;
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #f0f0f0;
    margin: 20px auto 26px auto;
    background: #ffffff;
}
/*pole otázky (bez hlavičky)*/
.wScreen {
    height: auto;
    padding: 0px 0px 0px 0px;
    border: none;
    border-top: 1px solid #f0f0f0;
    margin: auto;
/*    margin-top: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
/*patička grupy*/
.wFooter {
    height: 100px;
    padding: 0 10px 10px 10px;
    border: none;
    margin: 20px auto;
    background: #ffffff;
}
/*patička otázky - oblast s tlačítky previous/next*/
.wScreen .wScreenButtons {
    display:block;
    height: 90px;
    border-bottom: 1px solid #f0f0f0;
    margin: 40px auto 30px auto;
    text-align: center;
}
/*tlačítka previous/next*/
    
    

.wScreen .wScreenButtons input,
.wScreen .wScreenButtons input:active {
    width: 142px;
    height: 34px;
    border-radius: 3px;
    border: 1px solid #E62159;
    background: none;
    color: #E62159;
    text-align: center;
    cursor: pointer;
}



.wScreen .wScreenButtons input:hover {
    border: 1px solid #E62159;
    background: #E62159;  
    color: white;
    
}


.wScreen .wScreenButtons #wScreenButtonPrevious {
    display:inline-block;
    float:none;
    margin-right:10px;
}

/*
progresbar
*/
/*obecně
.wProgressBar {
}
*/
/*okolí vrchního/spodního progresbaru*/
.wProgressBar .top {
    margin:0px 0px 40px 0px;
}
.wProgressBar .bottom {
    margin:40px 0px 60px 0px;
}
/*titulek*/
.wProgressBar .wTitle {
    position:absolute;
    display:none;
    left:0px;
    font-size:12px;
}
/*oblast čar*/
.wProgressBar .wBars {
	width:80%;
	max-width:800px;
    height:10px;
    background: #ffffff;
    margin:0 10%;
}
/*oblast čar u bottom */
.wProgressBar.bottom .wBars {
    height:40px;
}


/*podkladová čára*/
.wProgressBar .wMainBar {
    z-index:10;
    height:12px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    background: #f0f0f0;
}
/*čára progresu*/
.wProgressBar .wSubBar {
    position:absolute;
    z-index:50;
    top:-1px;
    left:0px;
    height:12px;
    border-radius: 3px;
    background:#E62159;
}
/*procenta*/
.wProgressBar .wPercentage {
    top: 20px;
    left: 0px;
    font-size: 12px;
    color: #282828;
}

/*
otázka obecně
*/
/*tělo otázky*/
.wQuestion {
    position: relative;
    width: 90%;
    height: auto;
    padding: 10px 0px 0px 0px;
    margin: 20px auto;
    text-align:left;
}
/*titulek otázky*/
.wQuestion .wQuestionTitle {
	position: relative;
    display: table;
    width: calc(100%);
    height: auto;
}
/*zarovnání sloupců doleva*/
.wQuestion .wBlockColumn {
	float:left;
}
/*vlastosti textu otázky*/
.wQuestion .wQuestionTitle p {
	margin: 8px auto 8px auto;
    font-size: 16px;
    font-weight: 400;
   /* color: #282828;*/
}

.wQuestion .wQuestionTitle li {
    font-size: 16px;
}
/*název otázky*/
.wQuestion .wQuestionTitle .wQuestionLabel {
	float:none;
	margin:12px auto 13px auto;
    font-size: 16px;
    color: #37a6cd;
}

/*název otázky - informace v testingu*/
.wQuestion .wQuestionTitle .wQuestionLabelHint {
    font-size: 11px;
    color: #37a6cd;
}
/*pole odpovědí obecně*/
.wAnswers {
    width: 100%;
	margin: 15px 0px 0px 0px;
    color: #282828;
}
/*vlastnosti možností obecně*/
.wAnswers .wOption {
	margin: 5px auto 5px auto;
    font-weight: 400;
}
/*vlastnosti rámečků otevřenek a dropdown listu obecně*/
.wQuestion.textArray.classic .wAnswers table tr td:first-child,
.wQuestion.textArray.classic .wAnswers table tr td:last-child,
.wQuestion.textArray.classic .wAnswers table tr td:last-child input,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:first-child,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:last-child,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:last-child input,
.textArray.mtSequence .wAnswers table tr td:first-child,
.textArray.mtSequence .wAnswers table tr td:last-child,
.textArray.mtSequence .wAnswers table tr td:last-child input,
.wQuestion.singleText.classic input,
.wQuestion.singleText.classic textarea,
.numericalText .wAnswers input,
.numericalArray.classic .wAnswers table tr td:first-child,
.numericalArray.classic .wAnswers table tr td:last-child,
.numericalArray.classic .wAnswers table tr td:last-child input,
.singleCategorical.classic .wAnswers label input.textOther,
.multiCategorical.classic .wAnswers label input.textOther,
.singleCategorical.scButtons .wAnswers label input.textOther,
.multiCategorical.mcButtons .wAnswers label input.textOther,
.wGridAnswerCell input,
.wAnswers select,
.wQuestion.grid .wRow input,
.wQuestion.grid.gSplitScreens .wRow input,
.wQuestion.grid.gAccordion .wAnswers input.textOther
 {
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-sizing: border-box;
}
/*obecný kurzor*/
.wAnswers .wOption label,
.wAnswers .wOption input,
.wAnswers .wOption select {
	cursor:pointer;
}

/*
rádia a checkboxy
*/
/*single škála - dodělat*/
.wQuestion.scale .wTextBefore {
    float: left;
    text-align: right;
    width: 150px;
    justify-content: center;
}

.wQuestion.scale .wAnswers {
    display: flex;
    justify-content:center;
    
}

.wQuestion.scale .wOption {
    width:50px;
    float: left;
    text-align: center;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.wQuestion.scale .wOption label {
    display:block;
    text-align: center;
    width: 100%;
    vertical-align: bottom;
}
/*zakrytí defaultního vzhledu*/
.grid.gAccordion input[type=radio],
.grid.gAccordion input[type=checkbox],
.singleCategorical input[type=radio],
.multiCategorical input[type=checkbox],
.wGlobalExclusive input[type=checkbox] {
    display: none !important;
}
/*možnost*/ 
.singleCategorical .wOption,
.multiCategorical .wOption,
.gSplitScreens .wOption,
.wQuestion.grid.gAccordion.radio .wOption  {
    display: inline-block;
    width: 95%;
    min-height:15px;
  height:auto;
   margin: 10px 0px 0px 0px;
    cursor:default;
}

/*answer categories*/
.singleCategorical .wAnswers1CategoryTitle,
.multiCategorical .wAnswers1CategoryTitle,
.gSplitScreens .wAnswers1CategoryTitle {
    margin: 10px 0px 0px 0px;
}

.gSplitScreens .wAnswers1CategoryTitle {
    font-size: 1.1em;
}


/*popisek možnosti*/
.singleCategorical.classic .wAnswers label,
.multiCategorical.classic .wAnswers label,
.gSplitScreens .wAnswers label,
.wQuestion.grid.gAccordion .wOption label {
    position: relative;
    display: inline-block;
    width: 95%;
    padding-left: 32px;
    margin-bottom: auto;
    font-size: 13px;
  /*  line-height: 15px;*/    
}


/*
exkluzivní checkbox
*/
.wGlobalExclusive {
    display:inline-block;
    width:50%;
	min-height:15px;
    height:auto;
    margin: 10px 0% 0px 50%;
    font-size-adjust: none;
    text-align: left;
    vertical-align:middle;
}
/*
responsivní exkluzivní checkbox
*/
@media  only screen and (max-width:599px) {
.wGlobalExclusive {
    width:100%;
    margin: 10px 0% 0px 11px;
}
}


/*popisek*/
.wGlobalExclusive label {
    position: relative;
    display: inline-block;
	width: 95%;
    margin-bottom: auto;
    font-size: 13px;
    line-height: 15px;
    cursor: pointer; 
}
/* sekce radio button + checkbox - pro všechny typy otázek*/ 
/*radio buttonek single*/
.singleCategorical.classic label:before,
.singleCategorical.scale label:before,
.wQuestion.grid.classic.radio label:before,
.wQuestion.grid.gFixedHeader.radio label:before,
.wGridScaleradio label:before,
.wQuestion.grid.gSplitScreens.radio .wOption label:before,
.wGridScale.gSplitScreens.radio label:before,
.wQuestion.grid.gAccordion.radio .wOption label:before  {
    content:"";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    background: none;
  	vertical-align: middle;
    cursor: pointer;
}




/*radiobuttonek ve splitu*/
.wQuestion.grid.gSplitScreens.radio .wOption label:before,
.wGridScale.gSplitScreens.radio label:before {

    position: absolute;
    left: 4px;
}

/*radiobuttonek*/
.wQuestion.grid.classic.radio label:before,
.wGridScaleradio label:before {

 
}
    
.singleCategorical.classic label:before,
.wQuestion.grid.gAccordion.radio .wOption label:before   {
    left: 10px;
    position: absolute;
}

.singleCategorical.scale label:before {
    position: absolute;
    left: 35%;
    bottom:-18px;
}

/*zvýraznění radia*/
.wQuestion.grid.gFixedHeader.radio .highlight label:before,
.wQuestion.grid.classic.radio .highlight label:before,
.wGridScaleradio .highlight label:before,
.singleCategorical.classic .highlight label:before,
.singleCategorical.scale .highlight label:before,
.wQuestion.grid.gSplitScreens.radio .highlight label:before,
.wGridScale.gSplitScreens.radio .highlight label:before,
.wQuestion.grid.gAccordion.radio .highlight label:before   {
    border: 2px solid #E62159;
    background: #f5a3ba;
}

/*tečka uprostřed radio button - obecná def*/
.wQuestion.grid.gFixedHeader table .highlight label:after,
.wQuestion.grid.classic.radio table .highlight label:after,
.wGridScaleradio table .highlight label:after,
.singleCategorical.classic .highlight label:after,
.singleCategorical.scale .highlight label:after,
.wQuestion.grid.gSplitScreens.radio .wOption.highlight label:after,
.wGridScale.gSplitScreens.radio .highlight label:after,
.wQuestion.grid.gAccordion.radio .highlight label:after  {
   	content:"";
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 9px;
    background: #E62159;
    border-radius: 50%;
}

/*tečka radio button - poloha grid*/
.wQuestion.grid.classic.radio table .highlight label:after,
.wQuestion.grid.gFixedHeader.radio table .highlight label:after,
.wGridScaleradio table .highlight label:after {
  margin-left: -14px;
  margin-top: 5px;
}

/*tečka radio button - poloha grid rozpadlý*/
.wQuestion.grid.gSplitScreens.radio .wOption.highlight label:after,
.wGridScale.gSplitScreens.radio .highlight label:after {
  left: 9px;
  top: 5px;
} 

/*tečka radio button - poloha single*/
.singleCategorical.classic .highlight label:after,
.wQuestion.grid.gAccordion.radio .highlight label:after {
    left: 15px;
    top: 5px;
}

/*tečka uprostřed radio button pro scale - dodělat*/
.singleCategorical.scale .highlight label:after {

    left: 45%;
    bottom:-13px;    
}



/*buttonek checkbox - obecn8 definice r8me4ku*/
.wQuestion.grid.gSplitScreens.checkbox label:before,
.wQuestion.grid.classic.checkbox label:before,
.wQuestion.grid.gFixedHeader.checkbox table label:before,
.multiCategorical.classic label:before,
.wGlobalExclusive label:before,
.wQuestion.grid.classic.radio .wGlobalExclusive label::before,
.wQuestion.grid.gFixedHeader.radio .wGlobalExclusive label::before,
.wQuestion.grid.gAccordion.checkbox label:before   {
	content:"";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #c8c8c8;
    border-radius: 2px;
    cursor: pointer;
}

/*poloha rámečku checkboxu v gridu*/
.wQuestion.grid.gFixedHeader.checkbox label:before,
.wQuestion.grid.classic.checkbox label:before {
    margin: 0 auto;
	vertical-align: middle;
}

/*poloha rámečku checkboxu v gridu zobraznení900-600px*/
.wQuestion.grid.gSplitScreens.checkbox label:before {
    position: absolute;
    display: inline-block;
    left: 6px;
    top: 0px;
}

/*poloha rámečku checkboxu v multiple*/
.multiCategorical.classic label:before,
.wQuestion.grid.gAccordion.checkbox label:before {
    left: 10px;
    position: absolute;
}

/*poloha rámečku checkboxu v exclusive*/
.wGlobalExclusive label:before {
    left: -12px;
    position: absolute;

}

/*buttonek checkbox - zvýraznění boxu*/
.wQuestion.grid.classic.checkbox .highlight  label:before,
.wQuestion.grid.gFixedHeader.checkbox .highlight  label:before,
.wQuestion.grid.gSplitScreens.checkbox .highlight label:before,
.multiCategorical.classic .highlight label:before,
.wGlobalExclusive.highlight label:before,
.wQuestion.grid.classic.radio .wGlobalExclusive .highlight label:before,
.wQuestion.grid.classic.radio .highlight label::before,
.wQuestion.grid.gFixedHeader.radio .wGlobalExclusive .highlight label:before,
.wQuestion.grid.gFixedHeader.radio .highlight label::before,
.wQuestion.grid.gAccordion.checkbox .highlight label:before 
 {
    border: 2px solid #E62159;
    background: #f5a3ba;
}


/*buttonek checkbox - zvýraznění fajfka - obecně*/
.grid.classic.checkbox .highlight  label:after,
.grid.gFixedHeader.checkbox .highlight  label:after,
.grid.gSplitScreens.checkbox .highlight label:after,
.multiCategorical.classic .highlight label:after,
.wGlobalExclusive.highlight label:after,
.wQuestion.grid.classic.radio .wGlobalExclusive .highlight label:after,
.wQuestion.grid.gAccordion.checkbox .highlight label::after 
{
    content: "";
    display: inline-block;
   	position: absolute;
    height: 6px;
    width: 9px;
    border-left: 2px solid  #E62159;
    border-bottom: 2px solid #E62159;
    transform: rotate(-45deg);
}




.multiCategorical.classic .highlight label:after,
.wQuestion.grid.gAccordion.checkbox .wAnswers label:after {
     top: 4px;
     left: 14px;
}


.grid.gSplitScreens.checkbox .highlight label:after {
     top: 4px;
     left: 10px;
}

.wGlobalExclusive.highlight label:after,
.wQuestion.grid.classic.radio .wGlobalExclusive  label:after  {
     top: 4px;
     left: -8px;
}

.grid.classic.checkbox table .highlight  label:after,
.grid.gFixedHeader.checkbox .highlight  label:after {
  margin-left: -15px;
  margin-top: 4px;
}

/*polootevřenka u možnosti*/
.singleCategorical.classic .wAnswers label input.textOther,
.multiCategorical.classic .wAnswers label input.textOther,
.wQuestion.grid.gAccordion .wAnswers input.textOther {
    position: relative;
    display: block;
    width: 50%;
    height: 25px;
    padding: 0px 12px;
	margin: 5px 0px 0px 0px;
}
/*odlišnosti polootevřenky u checkboxu*/
.multiCategorical.classic .wAnswers  label input.textOther {
    width: 45%;
	margin: 5px 0px 0px 0px;
}

/*responsive design single + multi categorical + grid radio + checkbox*/
@media  only screen and (max-width:599px) {
    /*úprava šířky řádku odpovědi až do konce oblasti answer
  .wQuestion.grid.gSplitScreens  .wAnswers .wOption,
  .grid.checkbox.gSplitScreens .wAnswers .wOption,
  .singleCategorical.classic .wAnswers .wOption,
  .multiCategorical.classic .wAnswers .wOption {
     width:100%;  
  }
*/
     /*rámeček kolem odpovědi*/
  .wQuestion.grid.gSplitScreens  .wAnswers .wOption,  
  .grid.checkbox.gSplitScreens .wAnswers .wOption,
  .singleCategorical.classic .wAnswers .wOption,
  .multiCategorical.classic .wAnswers .wOption {
     border: 2px solid  #c8c8c8;
     border-radius: 3px;
     padding: 5px;
  }
  
   /*zarovnání textu uvnitř rámečku*/
  .wQuestion.grid.gSplitScreens label,
  .grid.checkbox.gSplitScreens .wAnswers label,
  .singleCategorical.classic .wAnswers label,
  .multiCategorical.classic .wAnswers label {
     width: 100%;
     padding: 4px;
     text-align: center;
  }

   /* zrušení buttonku*/   
   .wQuestion.grid.gSplitScreens.radio .wAnswers label::after,
   .wQuestion.grid.gSplitScreens.radio .wAnswers label::before,      
   .grid.checkbox.gSplitScreens .wAnswers label::before,
   .grid.checkbox.gSplitScreens .wAnswers label::after,
  .singleCategorical.classic .wAnswers label::before,
  .multiCategorical.classic .wAnswers label::before, 
  .singleCategorical.classic .wAnswers .highlight label::after,
  .multiCategorical.classic .wAnswers .highlight label::after {
    display:none !important;     
  }
  

  /*zvýraznění při zakliknutí*/
  .wQuestion.grid.gSplitScreens .wAnswers .wOption.highlight, 
  .grid.checkbox.gSplitScreens .wAnswers .wOption.highlight,
  .singleCategorical.classic .wAnswers .highlight.wOption,
  .multiCategorical.classic .wAnswers .highlight.wOption {
    border: 2px solid  #E62159;
    background:#fce8ee;
    color:#E62159;
  }
  
  
  .singleCategorical.classic .wAnswers .highlight label,
  .multiCategorical.classic .wAnswers .highlight label {
    color:#E62159;
  }
  /*mezera mezi tlačítky*/
  .singleCategorical.classic .wAnswers .wOption,
  .multiCategorical.classic .wAnswers .wOption {  
  
      margin-top: 0.4REM;
  }
  
  /*rozšíření other na celou šířku*/

   .singleCategorical.classic .wAnswers label input.textOther,
   .multiCategorical.classic .wAnswers label input.textOther {
     width: 95%;
  }   
}






/*
tlačítkové single/multiple
*/
/*zarovnání pole odpovědí na střed*/
.wQuestion.singleCategorical.scButtons .wAnswers,
.wQuestion.multiCategorical.mcButtons .wAnswers {
	text-align:center;
    display: flex; 
    flex-wrap:wrap;
    justify-content:center;
} 

/*vlastnosti buňky možností*/
.scButtons .wOption,
.mcButtons .wOption {
	display: flex;
    flex-direction: column;
    justify-content: center;
    background: none repeat scroll 0% 0% #ffffff;
	padding: 5px 3px 5px 3px;
	margin:3px;
    border: 3px solid #c8c8c8;
	border-radius: 3px;
    color: #282828;
	cursor:pointer;
    width:auto;
    min-height:70px;
}
/*vlastnosti tlačítka*/
.scButtons label,
.mcButtons label {
	background: none;
	border: none;
    color: #282828;
}
/*vzhled vybraných možností*/
.scButtons .wOption.highlight,
.mcButtons .wOption.highlight {
    border: 3px solid #E62159;
    background:none;
    color: #E62159;
}

/*oprava jquery zvýraznění*/
.mcButtons .wAnswers .ui-button:hover,.mcButtons .wAnswers .ui-button:focus,
.scButtons .wAnswers .ui-button:hover,.scButtons .wAnswers .ui-button:focus {
    border: none;
    background: inherit;
    color:inherit
}

/*
dropdown list
*/
.wAnswers select {
    display: block;
    width: 50%;
    min-height: 15px;
    height: auto;
    padding-bottom: 3px;
    margin: 0px auto 2px auto;
    cursor: pointer;
}

/*
texťáky a numerické
*/
/*společné vlastnosti textových + numerických buněk a prvků*/

.singleCategorical.scButtons .wAnswers label input.textOther,
.multiCategorical.mcButtons .wAnswers label input.textOther,
.wQuestion.singleText.classic input,
.wQuestion.singleText.classic textarea,
.numericalText .wAnswers input,
.numericalArray.classic .wAnswers table tr td:first-child,
.numericalArray.classic .wAnswers table tr td:last-child,
.numericalArray.classic .wAnswers table tr td:last-child input,
.wGridAnswerCell input,
.wQuestion.grid .wRow input,
.wQuestion.grid.gSplitScreens .wRow input {
	width: 90%;
    font-size: 13px;
    font-weight: 400;
    font-size-adjust: none;
    line-height: 19px;
}

.wQuestion.textArray.classic .wAnswers table tr td:first-child,
.wQuestion.textArray.classic .wAnswers table tr td:last-child,
.wQuestion.textArray.classic .wAnswers table tr td:last-child input,
.textArray.mtSequence .wAnswers table tr td:first-child,
.textArray.mtSequence .wAnswers table tr td:last-child,
.textArray.mtSequence .wAnswers table tr td:last-child input {
   font-size: 13px;
    font-weight: 400;
    font-size-adjust: none;
    line-height: 19px;
}

/*jeden řádek single text / jeden řádek numerické*/
.wQuestion.singleText.classic input,
.numericalText .wAnswers input {
    position: relative;
    display: inline-block;
    width: 65%;
    height: 30px;
	top:-4px;
    padding: 0px 12px;
	margin:0px auto 4px auto;
    vertical-align: middle;
}
.numericalText .wAnswers input {
    width: 20%;
}
/*text před/za polem*/
.wQuestion.singleText.classic  .wTextBefore,
.numericalText .wTextBefore,
.wQuestion.singleText.classic  .wTextAfter,
.numericalText .wTextAfter {
    display: inline-block;
    width: 15%;
    height: 30px;
    padding: 1%;
    margin:0px auto 4px auto;
	text-align:right;
	vertical-align: middle;
}

.numericalText .wTextBefore,
.numericalText .wTextAfter {
    width: auto;
    height: auto;
}


/*vystředění*/
.wQuestion.singleText.classic .wAnswers,
.numericalText .wAnswers {
    text-align: center;
}
/*responsive - ym2na vyhledu numerical*/
@media screen and (max-width: 599px) {
.numericalText .wTextBefore,
.numericalText .wTextAfter {
    margin-left:0px;
   	text-align:left;
}
.numericalText .wAnswers input {
    width: 50%;
    margin-left:0px;
}
.numericalText .wAnswers {
    text-align: left;
}
}

/*zarovnání textu za polem*/
.wQuestion.singleText.classic  .wTextAfter,
.numericalText .wTextAfter {
	text-align:left;
}

/*textarea*/
.wQuestion.singleText.classic textarea {
    width: 100%;
    min-height: 100px;
    padding: 12px 12px;
	margin:0px auto 4px auto;
}
/*multitext/multitext postupně/multinumeric klasický*/
.wQuestion.textArray.classic .wAnswers table,
.wQuestion.textArray.mtSequence .wAnswers table,
.wQuestion.textArray.mtAutocomplete .wAnswers table,
.numericalArray.classic .wAnswers table {
    border-spacing: 0 1.0em;
    width: 100%;
    /*table-layout: fixed; */ 
    vertical-align: middle;
}
/*vlastnosti řádku*/
.wQuestion.textArray.classic .wAnswers table tr,
.wQuestion.textArray.mtSequence .wAnswers table tr,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr,
.numericalArray.classic .wAnswers table tr {
    position: relative;
 /*   width: 100%;      */
    margin: 5px 0px 0px 0px;
}
/*buňka popisků*/
.wQuestion.textArray.classic .wAnswers table tr td:first-child,
.wQuestion.textArray.mtSequence .wAnswers table tr td:first-child,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:first-child,
.numericalArray.classic .wAnswers table tr td:first-child {
	
 /* white-space:nowrap;   */   
  width:30%;
  min-width: 70px;
  height: 30px;
  top: 0px;
  left: 0px;
  padding: 0px 5px 0px 5px;
	border-right:none;
	border-radius: 3px 0px 0px 3px;
	text-align: right;
}


/* answer categories */
.wQuestion.textArray.classic .wAnswers table tr.wAnswers1CategoryTitle > td,
.numericalArray.classic .wAnswers table tr.wAnswers1CategoryTitle > td {
	border:none;
	text-align: left;
}
    


/*buňka pro zapisování*/
.wQuestion.textArray.classic .wAnswers table tr td:last-child,
.wQuestion.textArray.mtSequence .wAnswers table tr td:last-child,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:last-child,
.numericalArray.classic .wAnswers table tr td:last-child {
  min-width: 50%;
  max-width: 90%;
  height: 30px;
	border-radius: 0px 3px 3px 0px;
}
/*pole pro zapisování*/
.wQuestion.textArray.classic .wAnswers table tr td:last-child input,
.wQuestion.textArray.mtSequence .wAnswers table tr td:last-child input,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:last-child input,
.numericalArray.classic .wAnswers table tr td:last-child input {
    width: 100%;
    height: 30px;
    padding-left: 5px;
    border: none;
	border-radius: 0px 3px 3px 0px;
	border-left:1px #c8c8c8 !important;
}
/*zvýraznění rámečků při zadávání do jakéhokoliv textového pole*/
.wQuestion.singleText.classic input:focus,
.wQuestion.singleText.classic textarea:focus,
.singleCategorical.scButtons .wAnswers label input.textOther:focus,
.multiCategorical.mcButtons .wAnswers label input.textOther:focus,
.numericalText .wAnswers input:focus,
.wQuestion.textArray.classic .wAnswers table tr td:last-child input:focus,
.wQuestion.textArray.mtAutocomplete .wAnswers table tr td:last-child input:focus,
.numericalArray.classic .wAnswers table tr td:last-child input:focus,
.singleCategorical.classic .wAnswers label input:focus,
.multiCategorical.classic .wAnswers  label input:focus,
.wGridAnswerCell input:focus,
.wQuestion.grid.gSplitScreens .wRow input:focus {
    outline: 0px;
    border-color: #E62159;
}

/*multi text autocomplete */


.wAutocomplete {
	border: 1px solid #c8c8c8;
    border-radius: 3px 3px 3px 3px;
	position: absolute;
	z-index: 100;
	background: #fbfbfb;
	overflow: auto;
}
.wAutocompleteItem {
	display: block;
	text-align: left;
	padding: 3px;
	cursor: pointer;
}
.wAutocompleteItemHighlight {
	background: #E62159;
	color: white;
}
.wAutocomleteItemSearched {
	background: #f5a3ba;
}
.wAnswersText {
	position: relative;
}




/*
jen pro numerické
*/
/*single numerická, pole pro zapisování*/
.numericalText .wAnswers input {
    margin: auto;
    text-align:center;
}
/*multinumerická*/
.numericalArray.classic .wAnswers {
	text-align: center;
}
.numericalArray.classic .wAnswers table {
	width:80%;
	max-width: 500px;
    margin: auto;
}
/*buňka popisků*/
.numericalArray.classic .wAnswers table tr td:first-child {
    width: 66%;
}
/*pole pro zapisování*/
.numericalArray.classic .wAnswers table tr td:last-child input {
    text-align:center;
}
/*řádek autosumy*/
.numericalArray.classic .wAnswers table .rowAsum {
    padding-top: 13px;
    font-size: 13px; 
    color: #646464;
    font-style: italic;
}
/*buňky autosumy a pole pro zapisování*/
.numericalArray.classic .wAnswers table tr.rowAsum td, .wQuestion tr.rowAsum .aSumValue {
    background:#f0f0f0;
	text-align: center;
    font-weight:initial;
    vertical-align: middle;
}

/*gridy*/
/*
klasický grid / grid do více obrazovek  /grid fixed header
*/
/*obecně počítadlo*/

.wQuestion .wGridDragDropNavigate, 
.wQuestion .wGridSequenceNavigate  {
  font-style: italic;
  color: #606060;
  font-size: 14px;
}



.wQuestion.grid.classic table,
.wQuestion.grid.gFixedHeader. table
.wQuestion.grid.gSplitScreens table {
   table-layout: fixed;
   /* width: 100%;*/
    border-spacing: 0;
    margin: 25px auto 17px auto;
}
/*zarovnání buňek doleva*/
.wQuestion.grid.classic table tbody {
    float: left;
	width: 90%;
}
.wGridScale table tbody {
    float: none;
	width: 90%;
}
/*zarovnání buňek u párového srovnávání*/
.wQuestion.grid.classic.wGridScale table tbody {
    float: none;
}
/*zakrytí defaultního vzhledu*/
.wQuestion.grid.gFixedHeader input[type=radio],
.wQuestion.grid.gFixedHeader input[type=checkbox],
.wQuestion.grid.classic input[type=radio],
.wQuestion.grid.classic input[type=checkbox],
.wGridScale input[type=radio],
.wGridScale input[type=checkbox],
.wQuestion.grid.gSplitScreens input[type=radio],
.wQuestion.grid.gSplitScreens input[type=checkbox],
.wGridScale.gSplitScreens input[type=radio],
.wGridScale.gSplitScreens input[type=checkbox] {
    display: none !important;
}
/*vlastnosti všech buněk*/
.wQuestion.grid.gFixedHeader td,
.wQuestion.grid.classic td,
.wGridScale td {
    min-width: 40px;
    min-height: 44px;
    padding: 4px 4px 4px 4px;
/*    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;      */
    vertical-align: middle;
}
/*buňky nadpisu*/
.wQuestion.grid.classic table tr:first-child td,
.wGridScale table tr:first-child td {
    padding-bottom: 2px;
    background: none;
    font-size: 12px;
    text-align: center;
    vertical-align: bottom;
}
/*každý sudý řádek podbarvený - chybné určení přebarvuje uvnitř tabulky a pak ignoruje celkové podbarvení řádku
.wQuestion.grid.classic table tr:nth-child(even) td,
.wGridScale table tr:nth-child(even) td {
    background: #fbfbfb;
}  */
/*levé popisky / pravé popisky*/
.wQuestion.grid.gFixedHeader .wRowTitle,
.wQuestion.grid.classic .wRowTitle,
.wGridScale .wRowTitle,
.wQuestion.grid.classic .wRowLabelRight,
.wQuestion.grid.gFixedHeader .wRowLabelRight,
.wGridScale .wRowLabelRight {
    min-width: 20%;
    padding-top: 3px;
    padding-bottom: 3px;
    min-width: 200px;
}
/*levé popisky / pravé popisky*/
.wGridScale .wRowTitle,
.wGridScale .wRowLabelRight {
      cursor:pointer;
}

/*zvýraznění řádku při odpovědi grid + scale*/
.wQuestion.grid.gFixedHeader .wRowHighlight .wRowTitle,
.wQuestion.grid.classic .wRowHighlight .wRowTitle,
.wGridScale .wRowHighlight .wRowTitle,
.wQuestion.grid.gFixedHeader .wRowHighlight .wRowLabelRight,
.wQuestion.grid.classic .wRowHighlight .wRowLabelRight,
.wGridScale .wRowHighlight .wRowLabelRight {background: #f0f0f0 !IMPORTANT; }

.wQuestion .wRowHighlight {background: #f0f0f0 !IMPORTANT;}

/*zarovnání levých popisků u párového srovnávání*/
.wGridScale .wRowTitle {
    text-align: right;
}
/*zarovnání*/
.wQuestion.grid.classic label,
.wQuestion.grid.gFixedHeader label, 
.wGridScale label {
    display: inline-block;
/*    height: 100%;*/
    width: 100%;
    cursor: pointer;
}

/*textgrid šířka inputu*/
.wQuestion.grid.classic.textfield td  {
    width: 200px;
}

.wQuestion.grid.classic.textfield .wGridAnswerCell input {
    text-align: center;
}

/*gFixed Header*/
.wQuestion.grid.gFixedHeader .wColumnTitle {
    background: white;
    z-index: 1000;
}

/*3D grid*/
/*šířka selectu*/
.grid3D .wAnswers select {
    width: 100%;
    margin: 0px auto 0px auto;
}
/*popisek na st5ed*/
.grid3D .wColumnTitle {
     text-align: center;
}
 
/*
najížďěčky
*/
/*najížděcí/přetahovací grid*/
.gSequence .wAnswers,
.gDragDrop .wAnswers {
}
/*pole položek*/
.gSequence .wGridSequenceVariants,
.gDragDrop .wGridDragDropVariants {
    position: relative;
    height:140px;
    margin: 20px 0;
}
/*buňka položky*/
.gSequence .wGridSequenceVariant,
.gDragDrop .wGridDragDropVariant {
    position: absolute;
    display: inline-block;
    right:10px;
    width:300px;
    height:110px;
    padding-top:10px;
    padding: 5px;
    line-height: 1.2REM;
    background: #fafafa;
    border: 1px solid #c8c8c8;
    color:#444444;
    font-size:16px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: flex;
  justify-content: center;
  flex-direction: column;
}
.gSequence .wGridSequenceVariants div:nth-child(1) {
    margin-left: 0;
    padding-bottom: 5px;
}
/*zakrytí textů v paklíku*/
.gSequence .wGridSequenceVariants .wGridSequenceVariant div {
    display:none;
}
/*číselník*/
.gSequence .wGridSequenceVariants .wGridSequenceNavigate,
.gDragDrop .wGridDragDropVariants .wGridDragDropNavigate {
}
/*pole možností zarovnaní flexem na střed*/
.gSequence .wGridSequenceOptions,
.gDragDrop .wGridDragDropOptions {

    display: flex; 
  	text-align:center;
    flex-wrap:wrap;
    justify-content:center;
}
/*buňka možnosti*/
.gSequence .wGridSequenceOption,
.gDragDrop .wGridDragDropOption {
    min-width:30px;
    width:150px;
    min-height:30px;
    padding:8px;
    border: 1px solid #c8c8c8;
  	margin: 0px 0px 0px 1%;
    border-radius: 3px;
    background:#ffffff;
    text-align: center;
    cursor: pointer;
}

/*  DC original */
.gSequence .wGridSequenceOption,
.gDragDrop .wGridDragDropOption {
    border: 1px solid #E62159;
    background: #E62159;  
    color: white;

}


.gSequence .wGridSequenceOptions div:first-child,
.gDragDrop .wGridDragDropOptions div:first-child {
/*	margin-left:2%;*/
}
.gSequence .wGridSequenceOptions div:last-child,
.gDragDrop .wGridDragDropOptions div:last-child {
/*	margin-right:2%;*/
}
/*pouze pro najížděčku*/
/*zvýzaznění buňky možnosti*/
.gSequence .wGridSequenceOption.selected,
.gSequence .wGridSequenceOption:hover {
    border: 1px solid #E62159;
    background: #fce8ee;
    color: #E62159;
}
/*pouze pro přetahovací grid*/
/*zvýraznění položky při najetí/přetahování*/
.gDragDrop .wGridDragDropVariant.hover,
.gDragDrop .wGridDragDropVariant.wDragged {
    border: 1px solid black;
    background: #cccccc;
    color: #000000;
}
/*zvýraznění položky při vložení do možnosti*/
.gDragDrop .wGridDragDropVariant.wFocused {
	border: 1px solid black;
	background: #ffffff;
    color: #000000;
}
/*zvýraznění možnosti při najetí/přetahování*/
.gDragDrop .wGridDragDropOption.wFocused {
	float: left;
	border: 2px solid #ffffff;
	background: #35AA47;
	color: #ffffff;
}
/*zvýraznění možnosti při vložení položky*/
.gDragDrop .wGridDragDropOption.wDropped {
	border: 1px solid black;
	background: #cccccc;
	color: black;
}

/*
vlastnosti při rozpadu gridu na jednotlivé otázky
*/
/*položka - levé/pravé popisky*/
.wQuestion.grid.gSplitScreens .wVariantTitle,
.wQuestion.grid.gSplitScreens .wVariantTitle2 {
	display: inline-block;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
  font-size: 1.1em;
	color: #3452AD;
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
}

.wQuestion.grid.gSplitScreens.wGridScale .wVariantTitle,
.wQuestion.grid.gSplitScreens.wGridScale .wVariantTitle2 {
	color: black;
  background: none;
}


/*řádek*/
.wQuestion.grid.gSplitScreens .wVariant .wRow {
	margin: 5px 0px 5px 0px;
  min-height: 16px;
}
/*šířka labelu*/
.wQuestion.grid.gSplitScreens .wOption .wOptionTitle {
	display: inline-block;
	width: 25%;
	min-width: 150px;
}
/*šířka oblasti odpovědí*/
.wQuestion.grid.gSplitScreens .wOption  {
   width: 100%;
}

/*textové pole*/
.wQuestion.grid.gSplitScreens .wRow input {
	display: inline-block;
	width: 50%;
	padding: 3px;
}

/*textgrid šířka inputu - při mobilním zobrazení*/
.wQuestion.grid.gSplitScreens.textfield input {
    width: 100%;
}
/*popisek*/
/*.wQuestion.grid.gSplitScreens label {
    position: relative;
	display: inline-block;
	width: 95%;
    padding-left: 32px;
    margin-bottom: auto;
    font-size: 13px;
    line-height: 15px;
	cursor: pointer;
} */
/*popisek u scale gridu*/
.wQuestion.grid.gSplitScreens.wGridScale label {
    	width: 95%;
      padding-left: 0px;
}

.wQuestion.grid.gSplitScreens.wGridScale label::before {
    margin-left:50%;
    left:0px
}

.wQuestion.grid.gSplitScreens.wGridScale .highlight label::after {
    margin-left:50%;
    left:5px
}

/*zvýraznění*/
/*.wQuestion.grid.gSplitScreens .highlight {
	background: none !important;
}
*/
/*číselník*/
.wQuestion.grid.gSplitScreens .wGridSequenceNavigate,
.wQuestion.grid.gSplitScreens .wGridDragDropNavigate {
    display:block;
}


/*grid accordion*/

.wQuestion.grid.gAccordion .wVariantTitle{
    padding:10px;
    border: solid #c8c8c8 1px;
    display:block;
    width:inherit;
    border-radius: 3px;
    margin-top: 3px;
    cursor:pointer;
  
}

.wQuestion.grid.gAccordion .wActive .wVariantTitle{
    border-color: #E62159;
  
}

.wQuestion.grid.gAccordion .wOptions {
    margin-bottom: 15px;
}

.wQuestion.grid.gAccordion .wOption label {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    font-size: 13px;

}



/*
pořaďová otázka
*/
/*hlavní pole*/
.mnJsOrder .wSourceTargetBlock {
    clear: both; 
    width: 100%;
    margin-top: 10px;
}
/*blok položek/možností*/
.mnJsOrder .wSourceBlock,
.mnJsOrder .wTargetBlock {
    position: relative;
    float: left;   
    width: 50%;
/*    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center; */
}
/*pouze pro blok možností*/
.mnJsOrder .wTargetBlock {
    float:right;
}
/*položka + možnost*/
.mnJsOrder .wSourceBlock .wSourceItem,
.mnJsOrder .wTargetBlock .wTargetItem {
    display: block;
    width: 80%;
	min-height: 30px;
    margin: 3px auto;
	padding: 1px;
    border: 1px solid rgba(130,130,130,1);
    background: rgb(250,250,250);  
    border-radius: 3px;  
    font-size: 13px;
    color: rgba(80,80,80,1) ;
    text-align: center;
	vertical-align: middle;
	cursor:pointer;
}
/*  DC original */
.mnJsOrder .wSourceBlock .wSourceItem,
.mnJsOrder .wTargetBlock .wTargetItem {
    border: 1px solid #E62159;
    background: #E62159;  
    color: white;

}
/*zvýzaznění buňky položky*/
.mnJsOrder .wSourceBlock .wSourceItem.hover,
.mnJsOrder .wSourceBlock .wSourceItem.wDragged {
    background: #fce8ee ; 
    border: 1px solid #E62159;
    color: #E62159;
}

.mnJsOrder .wTargetBlock .wTargetItem.wFocused {
    background: #fce8ee ; 
    border: 1px solid #E62159;
    color: #E62159;
}
/*přetahovací kurzor*/
.mnJsOrder .wSourceBlock .wSourceItem.wDragged {
	cursor: move;
}
/*pouze pro možnost*/
.mnJsOrder .wTargetBlock .wTargetItem {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    color: #646464;
	cursor:auto;
}
/*blok obecně*/
.mnJsOrder .wBlockColumn {
    width:50%;
    float:left;
}

/*pořaďová - rozbalovací seznamy*/
.wQuestion.mnSelectOrder .wAnswer {
	display:flex;
    margin-bottom:10px;
}
/*popisek*/
.wQuestion.mnSelectOrder  .wAnswer label {
    float:none;
    display: inline-block;
    width:20%;
	max-width:200px;
}
/*list*/
.wQuestion.mnSelectOrder select {
    display: inline-block;
}
/*již vybraná položka*/
.wQuestion.mnSelectOrder option.disabled {
    font-style: italic;
    color:#dddddd;
}

/*
single škála - slider
*/
.wQuestion.scaleSlider .wOption {
	float: left;
	text-align: center;
}
.wQuestion.scaleSlider .wOption label {
	display: block;
	text-align: center;
}
.wQuestion.scaleSlider .wOption input {
	display:block;
	display:none;
}
/*pole slideru celkové*/
.wQuestion.scaleSlider .wSliderContainer {
    float:left;
    width: 100% !important;
	margin:20px 0px 0px 0px;
}

/*samotná škála*/
.wQuestion.scaleSlider .wSlider,
.wQuestion.scaleSliderVertical .wSlider
 {
    position: relative; 
    height: 12px;
    background: #f0f0f0;
    border-radius: 3px;
    border: white !important;
}







/*slider handle obecně i pro ekvalizér*/

.wQuestion .ui-slider-handle
 {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    transform: translate(-50%, 0);
    border: 2px solid #c8c8c8;
    border-radius: 14px;
    background: #ffffff;
    cursor: pointer;
}
/*zrušení zvýraznění browserem*/
.wQuestion .ui-slider-handle:focus-visible
 {
 outline:none;   
}





/*slider handle horizontální i pro multi*/
.wQuestion.scaleSlider .wSlider .ui-slider-handle,
.gEqualizer .slider .ui-slider-handle,
.wQuestion.numericalArray.gEqualizer .ui-slider-handle
{
    top: -8px;
    
}

/*slider handle vertikální*/
.wQuestion.scaleSliderVertical .ui-slider-handle {
    left: 6px;
}

/*zvýzarnění šoupátka i pro multi */
/*.slider .ui-slider-handle.ui-state-default.ui-corner-all*/
.wQuestion .ui-slider-handle.ui-state-active,
.wQuestion .ui-slider-handle.ui-state-hover,
.wQuestion .ui-slider-handle.ui-state-focus 
{
    border: 2px solid #E62159;
    background: #f5a3ba;   
}



/*text před a za - ještě potřeba dodělat*/
.wQuestion.scaleSlider .wTextBefore,
.wQuestion.scaleSlider .wTextAfter {
    position:relative;
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
}


/*neresponzivní equaliser*/
/*pole s popisky column */
.gEqualizer .wEquealizerHeader{
    width: 700px;
    margin-left: 201px;
    height: 70px;
    position: relative;
    display: block;
    }
/*zarovnání jednotlivých odpovědí dolů*/    
.gEqualizer .wEquealizerHeader div{
    bottom: 0px;
    }   
    
.gEqualizer .wEquealizerHeaderTitle{display:inline-block;text-align: center;}
.gEqualizer .wOption{position:relative;height:60px;}
.gEqualizer label{position:absolute;width:160px;top:25px;}
.gEqualizer.withRightLabels label{text-align:right}
.gEqualizer label.right{right:0px;text-align:left}
.gEqualizer .slider{position:absolute;left:200px;top:50%}
       
.gEqualizer .wSlider .ui-slider .ui-slider-horizontal,
.gEqualizer .wOption .slider .ui-slider .ui-slider-horizontal{
    position: relative;
    left: 0px !important;
   /* width: 100% !important; */
    height: 12px;
    border: white !important;
    border-radius: 3px;
    margin: 10px 0px 0px 0px !important;
    background: #f0f0f0;
}

 /*hover na kolejnici*/
.gEqualizer .wSlider.ui-slider.ui-slider-horizontal:hover {
    border: 1px solid #E62159;
   
}


/*když je aktivní jezdec tak zabarvi i kolejničku - nejde mi to */
.gEqualizer .slider .ui-state-active :parent {
    border: 1px solid #E62159 important!;

}

/* numerical slider */
/*velikost kolejničky automatická */
.wQuestion.numericalText.scaleSlider .wSlider {
    margin-left:150px;
    margin-right:150px;
    margin-top: -2.5rem;
}
   .wQuestion.numericalText.scaleSlider .wTextAfter,
   .wQuestion.numericalText.scaleSlider .wTextBefore {
    max-width:150px;
   }  

/* pro mobily je přez celou*/
@media  only screen and (max-width:599px) {
    .wQuestion.numericalText.scaleSlider .wSlider {
        margin-left:0px;
        margin-right:0px;
    }
      .wQuestion.numericalText.scaleSlider .wAnswers {
       text-align: center;
    }
   .wQuestion.numericalText.scaleSlider .wTextAfter,
   .wQuestion.numericalText.scaleSlider .wTextBefore {
    max-width:100px;
   } 
 .wQuestion.numericalText.scaleSlider .wTextAfter {
       text-align: right;
}
}
/*podbarvení části kolejnice za jezdcem*/
.wQuestion.numericalText.scaleSlider .ui-widget-header,
.wQuestion.numericalText.scaleSliderVertical .ui-widget-header, 
.wQuestion.numericalArray.gEqualizer .ui-widget-header {
   background:#f5a3ba;
}

/*texty před a za otázkou */
.wQuestion.numericalText.scaleSlider .wTextAfter {
    float:right;       
}


.wQuestion.numericalText.scaleSliderVertical .wTextAfter,
.wQuestion.numericalText.scaleSliderVertical .wTextBefore {
    float:left;
    margin-left:15px;   
}

.wQuestion.numericalText.scaleSliderVertical .wTextBefore {
margin-top: -25px;
}

.wQuestion.numericalText.scaleSliderVertical .wTextAfter {
margin-top: -15px;
}

.wQuestion.scaleSliderVertical .wSlider {
  height: 300px; 
  margin-top: 50px;
}

/* zobrazení aktuální hodnoty */
.wQuestion.numericalText.scaleSlider .wAnswerValue input {
    
        border:none;
 }

.wQuestion.numericalText.scaleSliderVertical .wAnswerValue {
    float:left;
    margin-top:130px;
    margin-left: 20px;        
}

.wQuestion.numericalText.scaleSliderVertical .wAnswerValue input {
    border:none;
}
/*odsazení jednotky u hodnoty*/
.wQuestion.numericalText.scaleSliderVertical .wAnswerValue .wUnit,
.wQuestion.numericalText.scaleSlider .wAnswerValue .wUnit,
.wQuestion.numericalArray.gEqualizer .wAnswerValue .wUnit
{
    padding-left: 3px;
}
/*vložení mezery aby neodskakoval slider*/
.wQuestion.numericalText.scaleSlider .wNumericValue:before,
.wQuestion.numericalArray.gEqualizer .wNumericValue:before
 {
  content: " ";  white-space: pre;
}

/*multinumeric slider equalizer*/



.wQuestion.numericalArray.gEqualizer .wRow { 
    display: flex;
    width: 100%;
    margin-bottom: 8px; 
}

.wQuestion.numericalArray.gEqualizer .wRowTitle {
    width:200px;
    margin-top: 20px;
    text-align: right;    
}

.wQuestion.numericalArray.gEqualizer .wSliderContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width:650px;
    margin-left: 50px;
}

.wQuestion.numericalArray.gEqualizer .wSlider {
    width: 100%;
}

@media  only screen and (max-width:599px) {
    .wQuestion.numericalArray.gEqualizer .wSlider {
        margin-left:0px;
    }
    .wQuestion.numericalArray.gEqualizer .wRow { 
        flex-direction: column;
    }

    .wQuestion.numericalArray.gEqualizer .wSliderContainer {
        width:90%;
    }

    .wQuestion.numericalArray.gEqualizer .wRowTitle {
        text-align: left;    
    }

}



.wQuestion.numericalArray.gEqualizer .wAnswerValue {
    margin-bottom: 5px; 
}


/* date and time question */

.wQuestion.singleText.stTime .wAnswers {
    display: flex;
}


.wQuestion.singleText.stTime .hour,
.wQuestion.singleText.stTime .minute  {
    width: fit-content;
}

.wQuestion.singleText.stTime .hour #stHour,
.wQuestion.singleText.stTime .minute #stMinute{
    width: fit-content;
}


 /*
 zvýraznění nakonec, aby to nic nepřepsalo
 */
/*vlastosti při kurzívě/ztučnění
pokyny CAWI responzivní*/
.wQuestion .osTemplateInstruction,
.wQuestion .osMobileInstruction,
.wQuestion .osQuestionInstruction {
    font-size:14px;
    font-weight:normal;
    color: #282828;
    font-style: italic;
}

/*   sbohem šimone*/
.wQuestion .wQuestionTitle em {

    font-style: italic;
    
}



.wQuestion .wQuestionTitle i {
    font-size:14px;
    color: #606060;
    font-style: italic;
}

/* pokyny pro CATI */
.wQuestion .osCatiInstruction {
    color: #0026ff;
}

.wQuestion .wQuestionTitle b {

    color:#E62159;
}


.wQuestion .wQuestionTitle a {
    color:#E62159;
}

/*zvýrazní vybranou možnost*/
.wQuestion .highlight {
    color: #E62159 !important;
}

/* hvězdičkovací otázka - starrate */
.gStars .wRowStars{display: flex;position:relative;padding:0;vertical-align: top;}
.gStars .wbGlyphicons{display:inline-block;margin:0;padding:3px;font-size:60px;cursor:pointer;}
.gStars .wTitle{align-self: center;display:inline-block;width: 200px;position:relative;}
.gStars .wBaseline{color:#efefef;position:relative;display:inline-block;margin-top:0px;padding-top:0;vertical-align: top;}
.gStars .wBaseline .wStar{position:relative;top:20px;height:70px;}
.gStars .wNoanswer{position:relative;top:20px;height:70px;}
.gStars .wSelectionline{color:#FCCF43;position:absolute;left:0;top:0;z-index:100;overflow:hidden;width:0;height:70px !important;}
.gStars .wSelectionline .wStar{position:relative;top:20px;}
.gStars .wNoanswer{display:inline-block;margin:0;padding:3px;font-size:50px;cursor:pointer;color:#efefef;margin-left:50px;}
.gStars .wNoanswer:hover{color:lightcoral;}
.gStars .wNoanswer.wSelected{color:lightcoral;}
.gStars .wLabel{display:inline-block;position: static;}
.gStars .wLabelNoanswer{margin-left:50px;}
.gStars .wRowStarsLabels{display: flex;position:relative;}
.gStars .wRowStarsLabels .wLabel{display:inline-block;text-align:center;font-size:13px;height:100%; align-self:flex-end;}





.scStars .wRowStars{display: flex;position:relative;padding:0;vertical-align: top;}
.sctars .wbGlyphicons{display:inline-block;margin:0;padding:3px;font-size:60px;cursor:pointer;}
.scStars .wTitle{align-self: center;display:inline-block;width: 200px;position:relative;}
.scStars .wBaseline{color:#efefef;position:relative;display:inline-block;margin-top:0px;padding-top:0;vertical-align: top;}
.scStars .wBaseline .wStar{position:relative;top:20px;height:70px;}
.scStars .wNoanswer{position:relative;top:20px;height:70px;}
.scStars .wSelectionline{color:#FCCF43;position:absolute;left:0;top:0;z-index:100;overflow:hidden;width:0;height:70px !important;}
.scStars .wSelectionline .wStar{position:relative;top:20px;}
.scStars .wNoanswer{display:inline-block;margin:0;padding:3px;font-size:50px;cursor:pointer;color:#efefef;margin-left:50px;}
.scStars .wNoanswer:hover{color:lightcoral;}
.scStars .wNoanswer.wSelected{color:lightcoral;}
.scStars .wLabel{display:inline-block;position: static;}
.scStars .wLabelNoanswer{margin-left:50px;}
.scStars .wRowStarsLabels{display: flex;position:relative;}
.scStars .wRowStarsLabels .wLabel{display:inline-block;text-align:center;font-size:13px;height:100%; align-self:flex-end;}
 


/* 
 .gStars .wRowStars{position:relative;padding:0;vertical-align: top;}
.gStars .wbGlyphicons{display:inline-block;margin:0;padding:3px;font-size:60px;cursor:pointer;}
.gStars .wTitle{display:inline-block;width: 200px;position:relative;}
.gStars .wBaseline{color:#efefef;position:relative;display:inline-block;margin-top:0px;padding-top:0;vertical-align: top;}
.gStars .wBaseline .wStar{position:relative;top:20px;height:70px;}
.gStars .wNoanswer{position:relative;top:20px;height:70px;}
.gStars .wSelectionline{color:#FCCF43;position:absolute;left:0;top:0;z-index:100;overflow:hidden;width:0;height:70px !important;}
.gStars .wSelectionline .wStar{position:relative;top:20px;}
.gStars .wNoanswer{display:inline-block;margin:0;padding:3px;font-size:50px;cursor:pointer;color:#efefef;margin-left:100px;}
.gStars .wNoanswer:hover{color:lightcoral;}
.gStars .wNoanswer.wSelected{color:lightcoral;}
.gStars .wStar{}
.gStars .wLabel{display:inline-block;position: static;}
.gStars .wLabelNoanswer{margin-left:100px;}
.gStars .wRowStarsLabels{position:relative;height:70px;}
.gStars .wRowStarsLabels .wLabel{display:inline-block;width:100px;text-align:center;font-size:13px;}
 */

/* nahrání souboru otázka - upload question*/
/*zrušení zobrazení errorové hlášky*/
.uploadFile .wAnswers {
    margin-top:0px;
}
.uploadFile .wAnswers .jsUpload {
    background-color:#dcdcdc;
    min-height:260px;
    height: 70% !important;
}

.uploadFile .wAnswers .jsUpload > div:first-child  {
    visibility:hidden;
}

.uploadFile .jsUpload .dz-success .dz-error-message {
    display:none;
}
.uploadFile .jsUpload .dz-error .dz-remove,
.uploadFile .jsUpload .dz-error .dz-error-mark,
.uploadFile .jsUpload .dz-error .dz-details {
    display:none;
}   
.uploadFile .jsUpload .dz-error {
    border:none;
    box-shadow:none;
    width:200px
}
.uploadFile .jsUpload .dz-error .dz-error-message {
    color:red;
    width:200px
}

.baterie{
     background: #EAEAEA;
     width: 95%; 
     text-align: center; 
     padding: 10px;
     font-size: 1.6em; 
     line-height: 1.4em;
} 


.askForRequest {
    display: flex;
    flex-direction: column;
  }
    
  .askForRequest .button input,
  .askForRequest .button input:active {
  width: 142px;
  height: 34px;
  border-radius: 3px;
  border: 1px solid #E62159;
  background: none;
  color: #E62159;
  text-align: center;
  cursor: pointer;
  } 
  .askForRequest .button {
  padding:30px;
  }   
  .askForRequest .button input:hover { 
    border: 1px solid #E62159;
    background: #E62159;
    color: white;
  }
  .askForRequest .input input {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  height:30px;
  
  }
  .askForRequest .input {
  padding-top:14px;
  }
  
  .askForRequest .input input:focus {
  border-color: #E62159;
  outline: 0px;
  }

/*scale 2024*/

.scale2024 .wOption {display:table-cell;width:unset}
.scale2024 .wCell {min-width:50px;text-align:center;min-width: 40px;  min-height: 44px;  padding: 4px 4px 4px 4px; vertical-align: middle;}
.scale2024 .wTextBefore {min-width:150px}
.scale2024 .wTextAfter {min-width:150px}
.scale2024 .wOption label::before {  content: "";display: inline-block;width: 15px;  height: 15px;  border: 2px solid #c8c8c8;  border-radius: 50%;  background: none;  vertical-align: middle;  cursor: pointer;}
.scale2024 .highlight label::before {  border: 2px solid #E62159;  background: #fce8ee;}
.scale2024 .highlight label::after {content: "";  display: inline-block;  position: absolute;  width: 9px;  height: 9px;  background: #E62159;  border-radius: 50%;}
.scale2024 .highlight label::after {margin-left: -14px;  margin-top: 5px;}
  
.wScreen .wScreenButtons input,
.wScreen .wScreenButtons input:active {
width: 142px;
height: 34px;
border-radius: 0px;
border: 1px solid #F6BE00;
background: #F6BE00;
color: white;
text-align: center;
cursor: pointer;
font-weight:700;
}

.wScreen .wScreenButtons input:hover {
border: 1px solid #E62159;
background: #E62159;
color: white;

}


.wProgressBar .wSubBar {
border-radius: 0px;
background:#FBD914;
}


.wProgressBar {
border-radius: 0px;}

.wQuestion.numericalText.scaleSlider .wSlider {
margin-left: 0px;
margin-right: 0px;
background-color: #808080;
} 

.wQuestion.grid.classic table {border-spacing: 2px;}
.wQuestion.grid.classic table td {  background-color: #e6e6e6;}
.wQuestion.grid.classic table :nth-child(even) td { background-color: #ddd;}
.wQuestion.grid.classic .wAnswers table tbody tr .wColumnTitle:first-child {background-color:#f6d343;}

.wQuestion.grid.classic table td:first-child {  background-color: #e6e6e6;}
.wQuestion.grid.classic table tr:first-child td {  background-color: #e6e6e6;}

.wQuestion.grid3D.classic table {border-spacing: 2px;}
.wQuestion.grid3D.classic table td { background-color: #e6e6e6;}
.wQuestion.grid3D.classic table :nth-child(even) td { background-color: #ddd;}
.wQuestion.grid3D.classic .wAnswers table tbody tr .wColumnTitle:first-child {background-color:#f6d343;}

.wQuestion.grid3D.classic table td:first-child { background-color: #e6e6e6;}
.wQuestion.grid3D.classic table tr:first-child td { background-color: #e6e6e6;}
.wQuestion.grid3D.classic table td.wColumnTitle {padding: 4px 4px 4px 2px}
.wQuestion.grid3D.classic table td.wRowTitle {padding: 4px 4px 4px 2px}

.grid3D .wAnswers select {  width: 99%;}

@media only screen and (max-width: 599px) {
.wQuestion.grid.gSplitScreens.radio.withRightLabels .wAnswers label::after,
 .wQuestion.grid.gSplitScreens.radio.withRightLabels .wAnswers label::before {
  display: inline-block !important;
}
.wQuestion.grid.gSplitScreens.radio.withRightLabels .wAnswers .wOption {
border: none;
    padding: 0px;
}

.wQuestion.grid.gSplitScreens.radio.withRightLabels .wAnswers label {
    padding: 0px;
}

.wQuestion.grid.gSplitScreens.radio.withRightLabels .wAnswers .wOption.highlight {
background: none;

}

}




