body { font-size: .9em; color: #231F20; margin: 0px; padding: 0px; background: #FFFFFF; }
body.login { background: #ccc; /*background-image: url(../images/body_bg_demo.png); */ }
body.demo { background-image: url(../images/body_bg_demo.png); }
body.home { background-image: url('../images/body_bg_home.png'); }
a { color: #0080CF; }
a:focus { outline: none; }
a.fa { text-decoration: none; }
h1 { font-size: 1.8em; margin-top: 0; margin-bottom: .7em; }
.home h1 { text-align: center; }
h2, h2 a, h2 a:hover { font-size: 1.4em; color: #231F20; text-decoration: none; font-weight: 500; }
h2 span { margin-right: 10px; }
h2 .inner{ display: inline; }
h2 .bigger { font-size: 2em; }
h2 .smaller { font-size: 1.2em; }
h2 .fa-smile { color: #dd007e; }
h3 { font-size: 1.2em; font-weight: 600; margin-bottom: 3px; }
h4 { color: #004981; }
h5 { font-weight: bold; }
p.title { font-size: 16px; line-height: 24px; }
.note { color: #808080; }
a.fa:hover { text-decoration: none; }
input[type="checkbox"], input[type="radio"] { margin-right: 5px; }
label, select{ font-weight: normal; }
#debug-info { position: absolute; top: 5px; left: 5px; z-index: 1000; color: transparent; }
#debug-info:hover{ color: #da1025; }
input[type="text"], input[type="password"] { padding: 5px; border: 2px solid #EFEFEF; border-radius: 6px; }
#test input[type="text"], #test-result input[type="text"], #test input[type="password"] { display: inline-block; margin: 3px auto; border: 2px solid #0080CF; font-size: 24px; color: #155b90; text-align: center; font-weight: 600; line-height: 1.5; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus { border-color: #0080CF; outline: none; box-shadow: none; }
.readonly { color: #aaa; }
header .navbar .container-fluid { padding-right: 0; padding-left: 0; }
.test-title { margin-top: 5px; font-size: 1.2em; font-weight: 600; }
.nav > li { margin-bottom: 0; margin: 12px 0; }
.navbar-nav > li > a { color: #0080CF; }
.input-box label { float: left; font-weight: normal; margin: 0; padding: 7px 15px; text-align: right; width: 16.6667%; }
.alert-primary, .alert-info { border: 2px solid #FFC700; background: #ffffff; text-align: left; }
.alert-info { border-color: #0080CF; }
.alert-info .inner { color: #231F20; }
.alert-info .inner::before { content: '\f672'; margin-right: 10px; font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: #0080CF; font-size: 2em; line-height: 1.2em; vertical-align: -15%; }
footer { margin-top: 1.5rem; padding: 50px 15px; background: linear-gradient(180deg, #EDEDED 0%, #FFFFFF 21.36%, #FFFFFF 100%); color: #808080; font-size: 11px; text-align: center; }
footer img { margin-bottom: 50px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.login footer { margin-top: 0px; padding: 15px 0; background: none; }
.test footer { margin-top: 15px; padding: 15px; text-align: left; }
.test footer .container{ padding-left: 55px; padding-right: 55px; }
.test footer img { margin-bottom: 0px; }
footer .contact { margin-bottom: 60px; font-size: 1.3em; }
.block-main { padding: 15px; border-radius: 8px; background: #ffffff; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); z-index: 100; }
.home .block-main{ margin-bottom: 20px; text-align: center; }
.block-main.demo { background: url(../images/demo_bg.png) repeat-y top center; }
.breadcrumb > li { color: #0080CF; }
.breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #808080; }
.home .block-main > .row { align-items: stretch; }
.testset { position: relative; margin: 10px 0; }
.testset a { display: flex; align-items: center; height: 100%; padding: 10px; border: 2px solid #efefef; border-radius: 8px; background-color: white; color: #231F20; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.home .testset a { justify-content: space-between; }
.testset a:hover { border-color: #0080CF; color: #0080CF; background: linear-gradient(to bottom,  #EFEFEF 0%,#FFFFFF 100%); text-decoration: none; }
.testset a img { width: 64px; margin-right: 2%; }
.testset .status { position: absolute; left: 10%; top: -1em; padding: 8px 4px; background: #FFC700; border-radius: 4px; color: #231F20; font-size: 0.85em; line-height: 0.85em; text-transform: uppercase; font-weight: 700; }
.home .testset a img { width: 50px; margin-right: 0; }
.test-description-img { display: block; padding: 15px; margin-top: 7px; max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); }
.breadcrumb a { text-decoration: none; }
ul.tree, ul.tree ul { list-style: none; margin: 0; padding: 0; }
ul.tree ul { margin-left: 10px; }
ul.tree li { margin: 0 0 0 10px; padding: 2px 0; border-left: 1px dotted #ccc; }
ul.tree li a, .tree-level0 a {padding: 3px 7px; text-decoration: none; border-radius: 3px;}
ul.tree li a.active {text-decoration: none; background: #d1e2eb;}
ul.tree li a.tree-test {padding-left: 3px;color: #23527c; font-weight: 600;}
ul.tree li:last-child { border-left: none; }
ul.tree li:before { position: relative; top: -0.3em; height: 1em; width: 12px; color: white; border-bottom: 1px dotted #ccc; content: ""; display: inline-block; }
ul.tree li:last-child:before { border-left: 1px dotted #ccc; }
#help img { max-width: 80%; }
#testinfo_s #methodology_block_confirm { display: none; }
.table-grid { margin-top: 20px; }
.table-grid td, .table-grid th { vertical-align: middle !important; }
.table-grid tfoot th { border-bottom-width: 0; }
.table-grid nav { text-align: center; }
.table-grid tbody td:last-child{ text-align: right; }
.table-grid.text-left tr td:last-child{ text-align: left; }
.table-grid .blank_cell{ background: none; border: none !important; }
.table-grid > tbody tr:hover { background-color: #f0f8ff; }
.table-grid .grid-filters input { display: inline-block; width: auto; vertical-align: middle; }
.table-grid .grid-filters select { display: inline-block; width: auto; vertical-align: middle; }
.table-grid .grid-filters .form-inline { border-bottom-width: 0; }
.grid-col-actions {white-space: nowrap;}
.row-link td{cursor: pointer;}
.table-striped > tbody > tr:nth-of-type(2n+1) > * { box-shadow: inset 0 0 0 9999px #f8f8f8; }
.table.summary td:first-child { width: 35px; }
.table.summary .fa-check { color: #0bab69; }
.table.summary .fa-times { color: #da1025; font-size: 1.2em; }
.table.summary .max-w { width: 90px; text-align: center; white-space: nowrap; }
.far.fa-file-pdf, .fa-file-word { font-size: 2.5em; }
.far.fa-file-pdf { color: #da1025; }
.fa-file-word { color: #006b9f; }
.link-doc { display: inline-block; margin: 15px 0 30px 0; padding: 10px; border: 1px solid #808080; border-radius: 6px; vertical-align: middle; }
.pagination > li { display: inline-block; font-size: 1.3em; margin: 2px; vertical-align: middle; }
.pagination > li.disabled { display: none; }
.pagination > li > a { min-width: 40px; color: #0080CF; border: 1px solid #d1e2eb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus { background-color: #e7f4ff; }
.pagination > .active > a { background-color: #0080CF; border-color: #0080CF; color: #fff; }
.pagination > li > i, .pagination > li > i:hover { background-color: transparent; border-color: transparent; color: #d1e2eb; font-size: 1.3em; margin-top: 5px; }
.table-grid .nav > li > a:hover, .table-grid .nav > li > a:focus { background-color: #e7f4ff; }
.grid-bg-updated { background: #ffe68e !important; }
.grid-bg-new { background: #d4f1e5 !important; }
.grid-link { width: 100px; }
.guide { list-style: none; }
.guide li a:link, .guide li a:visited { display: block; width: 200px; height: 32px; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; text-decoration: none; }
.btn, .btn:hover { font-weight: 600; text-decoration: none; }
.btn-primary { border: 2px solid #0080CF; color: #ffffff; background: #0080CF; }
.btn-primary:hover { background: #006eb5; }
.btn-secondary { border: 2px solid #DD007E; color: #ffffff; background: #DD007E; }
.btn-secondary:hover { background: #c60072; }
.btn-outline-primary, .btn-default, .btn-open-url, .guide li a:link, .guide li a:visited, .btn-evaluate { border: 2px solid #0080CF; color: #0080CF; background: #ffffff; }
.btn-outline-primary:hover, .btn-default:hover, .btn-open-url:hover, .guide li a:hover, .btn-evaluate:hover { border-color: #0080CF; color: #ffffff; background: #0080CF; }
.btn-outline-secondary { border: 2px solid #DD007E; color: #DD007E; background: #ffffff; }
.btn-outline-secondary:hover { border-color: #DD007E; color: #ffffff; background: #DD007E; }
.btn-link { color: #0080CF; /*font-weight: 400;*/ }
.btn-gdpr { background: #c39d4e; color: white; }
.btn-gdpr:hover { background: #a68238; }
.btn-next { padding-left: 22px; padding-right: 22px; border: 2px solid #DD007E; color: #fff; background: #DD007E; }
.btn-next:hover { border-color: #DD007E; color: #DD007E; background: #ffffff; }
.btn-prev { padding-left: 22px; padding-right: 22px; border: 2px solid transparent; color: #0080CF; background: transparent; }
.btn-prev:hover { border: 2px solid #0080CF; }
.btn-social { display: block; width: 100%; margin-bottom: 15px; padding: 10px 20px; color: #231F20; }
.btn-social:hover { border-color: #155b90; background: #ffffff; color: #0080CF; text-decoration: none; }
.btn-stretch { padding-left: 32px; padding-right: 32px; }
.btn-check:checked + .btn, .btn.active, .btn:first-child:active, :not(.btn-check) + .btn:active { color: #ffffff !important; background-color: #0080CF !important; border-color: #0080CF !important; }
.btn-check + .btn:hover { color: #155b90; background: #ffffff; border-color: #155b90; }
.form-group { margin-bottom: 15px; visibility: visible; }
#test, #test-result { text-align: left; }
#test h1, #test-result h1 { margin-top: 0px; margin-bottom: 0px; color: #155b90; font-weight: normal; font-size: 1.2em; }
#test h2, #test-result h2 { margin-top: 10px; margin-bottom: 20px; font-size: 2em; text-align: center; }
#test h2 span, #test-result h2 span { margin: 0 10px; }
#test h3, #test-result h3 { font-size: 2em; text-align: center; }
#test h5, #test-result h5 { font-size: 1.2em; font-weight: 600; margin-bottom: 3px; }
#test h6 { margin: 15px 0 3px 0; font-size: 1.1em; font-weight: 500; }
.list-group { margin-top: 15px; }
.list-group-item.active { background-color: #0080CF; border-color: inherit; }
.info-user .btn-link { display: flex; padding: 0 0 0 10px; text-decoration: none; color: #808080; text-align: left; font-weight: 400; }
.info-user .btn-link::before { content: '\f2bd'; margin-right: 10px; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #231F20; vertical-align: top; font-size: 2.5em; line-height: 1.2em; vertical-align: -15%; }
.user-name { margin-top: -12px; color: #231F20; }
.userf .btn-link::before, .userf .user-name{ color: #DD007E; }
.userm .btn-link::before, .userm .user-name{ color: #0080CF; }
.info-user .user-type { position: absolute; left: 17px; bottom: 0; padding: 4px 2px; background: #808080; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: white; font-size: .5em; line-height: .55em; }
.info-user img { max-height: 24px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#timer { margin-right: 10px; padding: 5px 15px; border: 2px solid #FFC700; border-radius: 8px; background: #ffffff; color: #808080; text-align: center; line-height: 1.2; }
#timer div{ color: #231F20; font-size: 1.8em; font-weight: bold; }
.question, .answer { margin: 10px 0; text-align: center; }
.question img { max-width: 200px; margin: 0 auto; }
.question .img-block > img { margin: 3px; padding: 10px; width: auto; height: auto; background-color: white; border: 1px solid #93b8cf; -webkit-border-radius: 4px; border-radius: 4px; }
.question .img-block .active { border: 2px solid #DD007E !important; }
.img-demo { margin: 10px auto; max-width: 300px; }
.question-block::after, adjust-width::after { clear: both; }
.question-block::before, .question-block::after, .adjust-width::before, .adjust-width::after { display: table; content: " "; }
.question-block::after, .adjust-width::after { clear: both; }
.question-block span, .answer-input { position: relative; display: inline-block; min-width: 130px; min-height: 41px; text-align: center; padding: 8px; margin-bottom: 5px; font-weight: 700; font-size: 1.2em; border: 2px solid #0080CF; background-color: white; -webkit-border-radius: 4px; border-radius: 4px; }
.answer-input .answer-item { font-size: 1em; }
#test .question-block span, #test .question-block .answer-input { cursor: pointer; }
.answer-input { min-width: auto; margin-bottom: 0; border: 1px dashed #DD007E; }
.row .answer-input { padding: 0; }
.answer-input.droppable { margin-bottom: 2px; padding: 0; }
.answer-input.droppable { border: 2px solid #0080CF; }
.answer-input.droppable:empty { border: 1px dashed #DD007E; }
.answer-input.droppable .draggable { width: 100% !important; border: none !important; }
.question-block .droppable > .draggable { margin: 0; }
.question-block span:hover { background: #daefff; }
.question-block .active, .answ .droppable.active, .ui-state-active { border: 2px dotted #DD007E !important; }
.ui-state-active { list-style: none; border-radius: 4px; min-height: 50px; }
.text-fix, .text-fix:hover, .text_fix, .text_fix:hover { padding: 10px; cursor: default !important; background-color: #fff!important; font-weight: 700; font-size: 1.2em; }
/*.question-block.row {margin-bottom: 5px;}*/
.question-block .qst li:not(.answer-input) { padding: 10px; }
.question-block.row { margin-bottom: 5px; }
.question-block.row span { margin-bottom: 0px; }
.row .text-fix, .row .text_fix { width: 100%; text-align: left; }
.ondrop, .ui-sortable-helper { padding: 7px !important; border: 2px solid #231F20 !important; background-color: white !important; color: #000 !important; z-index: 1000; }
.answer label, .answer-item { position: relative; margin-bottom: 8px; padding: 9px; width: auto; border: 2px solid #EFEFEF; border-radius: 6px; background-color: white; font-size: 1.1em; text-align: center; list-style: none; line-height: 1; }
.answ-wide label { display: block; margin-left: auto; margin-right: auto; text-align: left; max-width: 600px; line-height: 1.2; }
#test .answer label, #test .answer-item { cursor: pointer; }
#test [class^="col-"] img, #test [class^="col-"] img, #test-result [class^="col-"] img, #test-result [class^="col-"] img { width: 100%; margin: 0 5px 5px 0; border: 1px solid #a2b7c7; background-color: white; -webkit-border-radius: 4px; border-radius: 4px; }
#test.orig-width [class^="col-"] img, #test.orig-width [class^="col-"] img, #test-result.orig-width [class^="col-"] img, #test-result.orig-width [class^="col-"] img { width: auto; padding: 5px; }
.answer-item { min-height: 41px; font-weight: 600; text-align: center; }
#test .answer label:hover, #test .answer-item:hover { border-color: #0080CF; }
#test .answer .droppable { width: 100%; height: 100%; list-style-type: none; }
#test #drag-horizontal .answer .droppable { height: auto; }
#test .answer label.active, #test .answer-item.active, #test .answer .droppable .draggable { background: #0080CF; color: white; border-color: #fff; }
#test .answer .btn-group label.active { border-color: #0080CF; }
#test-result .answer .btn-group label { cursor: default; }
#test-result h4 { margin: 15px 0 5px 0; color: #808080; }
#test .answer .droppable img.draggable { background: none; border: 2px solid #0080CF; }
#test ul, #test-result ul { padding-left: 0px; list-style: none; }
#test .sortable .answer .droppable .draggable, .sortable .answer .droppable .draggable { background: #fff; /*display: flex;flex-direction: row; align-items: center; padding: 0; background: #dde6eb;*/ border: 2px solid #a2b7c7; font-weight: 400; color: #000; text-align: left; }
/*#test .sortable .answer .droppable .draggable .text {padding: 10px; background: #fff;} 
#test .sortable .answer .droppable li::before {content: "=";padding: 0 2px; }*/
.answer-input.droppable .draggable { margin: 0px; width: 100% !important; /*height: 100% !important;*/ }
.answer-input.droppable li.draggable { height: 100% !important; min-height: auto; }
#test .sortable .answer .droppable li, .sortable .answer .droppable li { margin: 5px auto; }
#test .answer .droppable label.answer-item { background: none; margin-left: 4px; margin-right: 4px; }
/*#test .answer .adjust-width .draggable {display: inline-block;}*/
#test .answer .droppable .placeholder { min-height: 25px; border: 2px solid #DD007E; border-radius: 4px; }
[class^="col-"] .answer .answer-item, [class^="col-"] .answer .answer-item { margin: 0 0 6px 0 !important; }
.answer-input.drop-here { background: #EFEFEF !important; border: 2px solid #0080CF; }
label.active .radio-image, label.active .check-image { background-position: 0 -46px; }
.answer label > img { margin: 0 auto; width: 100%; height: auto; background-color: white; max-width: min-content; /* pro obrazky ktere nemaji dostatecny rozmer */ }
/*.answer label {max-width: 170px;}*/
.answer label > img + .radio-image, .answer label > img + .check-image { display: block; margin-left: 45%; margin-top: 10px; }
.check-image{ margin-top: 7px; background-position: -23px 0px; }
.check-image:hover, .check-image.hover { background-position: -23px -23px; }
label.active .check-image { background-position: -23px -46px; }
.under-level { margin-left: 25px; }
.under-level label { font-weight: normal; }
.navigation { margin: 0 10px 10px 10px; padding: 20px; background: rgba(128,128,128,0.1); border-radius: 0 0 8px 8px; z-index: 1; }
.navigation .block { margin-top: 15px; }
.navigation .navi-page{ font-weight: bold; color: #808080; text-align: center; }
.paging { margin: 0px 10px; padding: 10px; background: rgba(128,128,128,0.2); border-bottom: 2px solid #fff; text-align: center; justify-content: center; }
.paging ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 15px; padding-left: 0; list-style: none; }
.paging li > a { display: block; position: relative; padding: 3px; min-width: 29px; border-radius: 50%; color: #0080CF; border: 1px solid transparent; font-weight: 600; text-decoration: none; }
.paging li > a:hover { text-decoration: none; border: 1px solid #0080CF; }
.paging li.active > a { background: #ffffff; color: #0080CF; }
.paging li.filled > a { background: #0080CF; color: #ffffff; }
.paging li.active a{ color: #0080CF; }
.speaker { margin-left: 10px; max-width: 48px; cursor: pointer;}
.help { margin-top: 15px; }
.text-blue { color: #196eaf !important; }
.text-pink, .pink { color: #DD007E !important; }
.text-green { color: #006d6f !important; }
.text-green-light {color: #0bab69 !important;}
.text-red { color: #da1025 !important; }
.text-yellow { color: #ff9900 !important; }
.highlight { color: #DD007E !important; margin: 0px !important; }
.block-navi { margin-top: 20px; margin-bottom: 20px; padding: 0 30px; }
.btn-prev .fa-female, .btn-prev .fa-male { color: #fff; }
.form-center { margin-top: 15%; margin-left: auto; margin-right: auto; width: 400px; text-align: center; }
.form-center .block-main { margin-top: 20px; }
.form-center form { text-align: left; }
.survey { margin-bottom: 20px; border: 2px solid #EFEFEF; border-radius: 6px; }
.survey .area { display: flex; padding: 10px 20px 6px 20px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.survey .question-text{ font-weight: bold; }
.survey label { margin: 0 10px 7px 0; padding: 7px 10px; min-width: 100px; border: 2px solid #0080CF; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; text-align: center; cursor: pointer; }
.survey label:hover { background: #daefff; }
.survey label.active, .survey input[type="radio"]:checked + label, .survey  input[type="checkbox"]:checked + label { background: #0080CF; color: white; }
.spu .answer-item { text-align: left; }
.spu .text-fix, .spu .text_fix { text-align: right; }
.gramotnost .question_smaller { text-align: left; }
.gramotnost .answer .choice p { text-align: left; }
#test.gramotnost ul, #test-result.gramotnost ul { padding-left: 25px; list-style: circle; }
.inline div { display: inline-block; max-width: 130px; }
.fixed{ position: fixed !important; z-index: 1000; }
.disable_fixed .fixed{ position: initial !important; z-index: 1000; }
.adjust-width { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 auto; text-align: center; }
.adjust-width.answer label { min-width: auto; }
[class^="table-col"] .answer label, [class*=" table-col"] .answer label { margin: 10px; }
.table-col3 .answer label { width: 30% !important; }
.table-col4 .answer label { width: 22% !important; }
#test input[type="radio"], #test input[type="checkbox"], #test-result input[type="radio"], #test-result input[type="checkbox"] { display: none; opacity: 0; /* CSS hacks for older browsers */ _nofocusline: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }
/*.radio-image { visibility: hidden;}*/
.btn-bigger{ padding: 10px 32px; }
.uppercase input, .uppercase textarea, .uppercase .text-inputs { text-transform: uppercase; }
.input-xs { min-width: 65px; width: 65px; }
.input-sm { min-width: 150px; width: 150px; }
.input-md { min-width: 220px; width: 220px; }
.img-block { margin: 0 auto; }
.square3x .img-block { max-width: 340px; }
.square2x .img-block { max-width: 230px; }
.square3x .img-block img, .square2x .img-block img { max-width: 90px; }
.img-label { margin-top: 10px; text-align: center; }
#test-result .img-label { margin-bottom: 15px; }
#content .question_smaller h2{ font-size: 1.5em; }
.answer textarea{ width: 520px; height: 250px; padding: 5px; }
#drug-result th, #drug-result .td-center{ text-align: center; }
.result-pdf td, .result-pdf th{ border: 1px solid #231F20; }
.result-pdf .table-result-a, .result-pdf .table-result-c { width: 100%; border: 1px solid #231F20; border-collapse: collapse; }
.result-pdf .table-result-b { font-size: 20px; border: 1px solid #231F20; border-collapse: collapse; }
#spinner { visibility: hidden; background-color: transparent; }
.adjust-width li { margin: 3px; min-width: auto; }
.max-img.adjust-width li { max-width: 150px; }
.adjust-width img { width: 100%; height: auto; }
.answer_double .answer input[type="text"] { width: 150px; display: table-row; }
.answer_double_fraction .answer input[type="text"] { width: 150px; display: table-row; }
hr.fraction{ border: 1px solid #231F20; margin: 10px auto; width: 180px; opacity: .5; }
table.expresion{ display: inline-block; }
/*table.expresion td {padding: 0 5px; text-align: center; vertical-align: middle; }*/
table.fraction { margin: 0 15px; }
table.fraction tr+tr td { border-top: 1px solid black; /* podpora IE8 */ }
.question_mark { font-size: 200%; color: #DD007E; margin-left: 5px; }
.questionmark_pink{ color: #DD007E; font-weight: bold; font-size: 120%; margin: 0; }
.undercontent{ border-bottom: 1px solid black; display: inline-block; }
.undercontent td { padding: 0 8px; text-align: right; }
.answer_img_wmax_600 .answer label > img, .answer-img-600 .answer label > img { max-width: 100% !important; }
.question_img_width_auto .question img, .question-img-auto .question img{ max-width: 100% !important; }
.question_img_max_wide_600 .question img, .question-img-600 .question img { max-width: 100% !important; }
.question-img-450 .question img { max-width: 100% !important; }
/*.question_img_max_wide_600 .question img{display: inline-block;max-width:600px;max-height:150px;width: auto;height: auto;margin: 5px;}   */
.mosaic table { margin: 10px auto; border: 2px solid #EFEFEF; }
.mosaic td { width: 50px; height: 50px; padding: 5px; border: 1px solid #EFEFEF; background-color: white; font-size: 1.7em; font-weight: bold; text-align: center; }
.mosaic .answer td:hover { background-color: #EFEFEF; }
.mosaic .answer td.active { border: 2px solid #0080CF; }
.mosaic .answer-item{ display: inline-block; max-width: 55px; }
/* mosaic selectable*/
.mosaic #answer-select { display: none; position: absolute; left: 0; top: 100px; padding: 0; min-width: 40px; background: white; border: 1px solid #0080CF; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 1px 1px 5px 0px #dedede; list-style-type: none; z-index: 100; }
.mosaic #answer-select li { margin: 0; padding: 5px; }
.mosaic #answer-select li:hover { background-color: #0080CF; color: white; }
.text-inputs { font-size: 1.8em; text-align: center; }
.text-inputs span { position: relative; padding: 3px; border-radius: 4px; }
.text-inputs span.active { background: #0080CF; color: #ffffff; }
.dynamic-grid-img { max-width: 100% !important; padding: 0px; border: none; }
.dynamic-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dynamic-grid span { border: none; position: relative; display: inline-block; width: 10%; height: 100%; }
.dynamic-grid span:hover { background: rgba(0,139,139,0.25); }
.dynamic-grid span.active { background: rgba(0,139,139,0.70); }
.dynamic-grid span.true::before, .dynamic-grid span.false::before { content: ""; position: absolute; display: block; width: 26px; height: 26px; left: 50%; top: 50%; margin: -21px 0 0 -13px; font-family: 'Font Awesome 5 Pro'; font-size: 2.5em; }
.dynamic-grid span.true { background: rgba(0,139,139,0.50); }
.dynamic-grid span.true::before { content: "\f00c"; color: #006d6f; }
.dynamic-grid span.false { background: rgba(255,0,0,0.50); }
.dynamic-grid span.false::before { content: "\f00d"; color: #da1025; }
.qa-center_width_700 .question img { max-width: 100%; }
#text-evaluate{ text-align: center; font-size: 16px; font-weight: bold; margin-top: 15px; min-height: 20px; }
#test-result .answer-input.droppable { border: none; }
.answer-input-correct, .answer-input-correct div, .answer-input-correct div:hover{ background-color: #0bab69 !important; color: #231F20 !important; border-color: #d4f1e5 !important; }
.question-block .active.answer-input-correct { border: 1px solid #a2b7c7 !important; }
.answer-input-incorrect, .answer-input-incorrect div, .answer-input-incorrect div:hover{ background-color: #DA1025 !important; color: #ffffff; }
/*label.answer-input-correct:not(.label-img), label.answer-input-incorrect:not(.label-img), li.answer-input-correct:not(.label-img), li.answer-input-incorrect:not(.label-img) {padding-right: 25px !important;}*/
.answer-input-correct:not(.label-img):not(td), .answer-input-incorrect:not(.label-img):not(td) { padding-right: 25px !important; }
.answer-correct, .answer-correct div { border: 2px solid #0bab69 !important; background-color: #d4f1e5 !important; color: #231F20; }
.answer-blank, .answer-blank div { border: 2px solid #DA1025 !important; min-width: 80px !important; }
.answer-correct:hover, .answer-correct div:hover { cursor: default; }
.answer-correct.answer-input { padding: 10px; }
.answer-input-correct::after, .answer-input-incorrect::after { content: ""; position: absolute; display: block; width: 13px; height: 13px; right: 5px; top: 50%; margin-top: -6px; color: #fff; font-weight: 900; font-family: 'Font Awesome 5 Pro'; font-size: 0.8em; }
.answer-input-correct::after { content: "\f00c"; }
.answer-input-incorrect::after { content: "\f00d"; }
span.answer-input-correct::after, span.answer-input-incorrect::after { top: 0; margin-top: 0; font-weight: 500; }
.label-img { padding-bottom: 30px !important; }
.label-img.answer-input-correct::after, .label-img.answer-input-incorrect::after { top: initial; bottom: 15px; right: 50%; margin-right: -10px; margin-top: 0; }
.text-empty-answer { color: #DA1025; text-align: center; }
.btn-group .answer-input-correct, .btn-group .answer-input-incorrect { padding-right: 25px; }
.text-input-correct { border: 2px solid #0bab69 !important; }
.text-input-incorrect { border: 2px solid #DA1025 !important; }
.text-input-correct span, .text-correct { color: #0bab69; }
.text-input-incorrect span, .text-incorrect{ color: #DA1025; }
#content .question-var-area-a, #content .question-var-area-b, #content .question-var-area-c{ width: 100%; height: 60px; padding: 10px; padding-left: 20px; padding-right: 20px; display: table; }
#content .question-var-area-a-odd, #content .question-var-area-b-odd, #content .question-var-area-c-odd{ background-color: #ffffff; }
#content .question-var-inner-a, #content .question-var-inner-c { display: table-cell; vertical-align: middle; font-weight: bold; }
.question-var-inner-a .question-text,  .question-var-inner-c .question-text { display: inline-block; margin-top: 5px; width: 600px; }
.question-var-inner-a .var-list, .question-var-inner-c .var-list { float: right; color: black; margin-top: 5px; vertical-align: middle; display: inline-block; }
#content .question-var-inner-b { display: table-cell; vertical-align: middle; font-weight: bold; text-align: center; }
.question-var-inner-b .question-text { display: inline-block; width: 100%; height: 100%; margin-bottom: 10px; }
.question-var-inner-b .var-list { display: inline-block; color: black; height: 100%; }
.question_normal h2{ font-weight: normal; }
#drag-horizontal .pink { color: #DD007E; font-weight: bold !important; margin: 0 !important; border: none !important; min-width: 0px !important; min-height: 0px !important; padding: 0px !important; }
.test-url { font-weight: 700; }
.copy-text { cursor: pointer; }
.copy-text:hover { color: #23527c; }
.copy-text.active { color: #DD007E; }
.hr { margin-top: -30px; margin-bottom: 20px; text-align: center; color: #aaa; }
.hr span { padding: 0 10px; background: white; }
#eu-cookies { display: flex; position: fixed; max-height: 40%; left: 0; bottom: 0; width: 100%; padding: 4px 10px; background-color: #efefef; font-size: .9em; border-top: 1px solid #d2d2d2; z-index: 2000; }
#eu-cookies .container { display: flex; flex-direction: column; flex-wrap: nowrap; position: relative; overflow-y: auto; }
#eu-cookies .wrapper-scrollable { flex: 1 1 auto; overflow: scroll; overflow-x: hidden; overflow-y: auto; }
#eu-cookies .wrapper-buttons { flex: 0 0 auto; padding: 15px 0 10px 0; border-top: 1px solid #cccccc; }
#eu-cookies h4 { margin-top: 0; }
#eu-cookies h5 { margin-top: 5px; margin-bottom: 3px; }
#eu-cookies a { text-decoration: underline; }
#eu-cookies .close { margin: 5px; }
#eu-cookies button { margin-right: 30px; margin-top: 0; padding-left: 20px; padding-right: 20px; }
#eu-cookies .list-group-item { background-color: transparent; }
.material-switch > input[type="checkbox"] { display: none; }
.material-switch > label { cursor: pointer; height: 0px; position: relative; width: 40px; }
.material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; }
.material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; }
.material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; }
.material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; }
audio { border-radius: 4px; }
.answer .switch label { width: auto; margin-bottom: 0; color: #004981; }
.switch .input-group-text { margin-right: 20px; flex-grow: 1; background: none; border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; border: 2px solid #EFEFEF; }
.multi .choice { margin: 15px auto; }
/***** Canvas *****/
.labyrint { text-align: center; }
.labyrint-answ { max-width: 350px; margin: auto; text-align: center; }
.labyrint-answ .input-group { margin-bottom: 15px; }
.input-group-btn:not(:first-child) .btn-default { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.labyrint-answ label { min-width: 300px; }
.input-group .form-control { margin: 0 auto !important; }
.input-group .input-group-text { min-width: 40px; }
#canvas-grid, #canvas-graph { position: relative; margin: 10px auto; width: 300px; }
canvas { position: absolute; top: 0; left: 0; }
.buttons { margin: 15px 0; }
.variation .btn canvas { position: relative; top: -5px; }
.variation .btn { padding: 5px; min-width: 30px; margin: 0 2px; }
.dropdown-item:focus, .dropdown-item:hover { color: #ffffff; background-color: #0080CF; }
.dropdown-menu li { margin-bottom: 0; }
.img-select .dropdown-menu { min-width: auto; }
.img-select .dropdown-menu li { padding: 5px 12px; cursor: pointer; }
.img-select .dropdown-menu li:hover { background: #daefff; }
#char-keypad{ display: none; position: absolute; text-align: center; }
a.chkey{ display: inline-block; width: 40px; height: 40px; margin-bottom: 5px; margin-right: 5px; background: #ffffff; border: 2px solid #DD007E; border-radius: 50%; color: #000000; font-size: 1.0em; font-weight: bold; line-height: 40px; text-decoration: none; }
a.chkey:hover{ color: #DD007E; text-decoration: none; }
.answer-left .answer{ text-align: left; }
.answer.multi .text-inputs { font-weight: normal; font-size: 1.6em; text-align: left; line-height: 2em; }
.answer.multi .text-inputs.short-text { font-size: 1.8em; text-align: center; line-height: 1.8em; }
.answer.multi .text-inputs input[type="text"] { margin: 0 5px; font-size: 1em; }
.not-met { color: #da1025; }
/* row-column */
[class^="column-"] .adjust-width, [class*=" column-"] .adjust-width{ align-items: normal; justify-content: center; }
[class^="column-"] label, [class*=" column-"] label { margin: 2px; }
.embedded_youtube { display: block; margin-top: 15px; margin-bottom: 5px; }
.choice p { font-size: 16px; font-weight: 600; }
#test .choice label { margin-bottom: 5px; font-weight: 400; }
#test .eval-block { display: none; }
#test-result .eval-block { display: block; }
.q-row { border-bottom: 1px solid #EFEFEF; }
.score_description img { max-width: 35px; }
/* Old forms */
.numbered-question h3 { margin: 20px 0 10px 20px; font-size: 1.2em !important; text-align: left !important; line-height: 1.5; }
.numbered-question h3 .num { margin-left: -20px; }
.numbered-question h3 b { font-weight: 600; }
.sociometrie .checkbox { margin-left: 1.5em; }
.sociometrie .checkbox label { display: block; }
/* test result, certificate */
#content.result h3 img { max-width: 80px; margin: 10px 45%; }
.table-score { width: 100%; border: 1px solid #cccccc; }
.table-score td{ padding: 7px; text-align: center; border-left: 1px solid #cccccc; }
.table-score td.active { font-weight: 700; }
.progress { height: 20px; }
.progress-bar { background-color: #0080CF; }
#table_all_result_for_teacher .grid-col-set_name, #table_all_result_for_teacher .grid-col-classname, #table_all_result_for_teacher .grid-col-set_name{ display: none; }
#table_all_result_for_teacher .grid-col-link{ text-align: center; }
.wizard-steps i {margin: 0 10px 0 20px;}
.wizard-steps a {text-decoration: none; color: #23527c;}
.wizard-steps .active {color: #DD007E;font-weight: 600;}
.wizard h6 {margin-bottom: .3rem;color: #23527c; font-weight: 600;}
.invalid-feedback {display: none;font-weight: 600;}
@media (min-width:640px){
	.answer label, .answer-item { font-size: 1.2em; }
	.answer_img_wmax_600 .answer label > img, .answer-img-600 .answer label > img { max-width: 600px; }
	.question_img_width_auto .question img, .question-img-auto .question img{ max-width: 100% !important; }
	.question_img_max_wide_600 .question img, .question-img-600 .question img { max-width: 600px !important; }
        .question-img-450 .question img { max-width: 450px !important; }
}
@media (min-width:768px){
	h1 { font-size: 2.2em; }
	#test h1, #test-result h1 { font-size: 1.5em; }
	#test h2, #test-result h2 { font-size: 2em; margin-bottom: 30px; }
	#test h3, #test-result h3 { font-size: 2em; }
	#test h2.bigger, #test-result h2.bigger { font-size: 2.8em; }
	#test h2.smaller, #test-result h2.smaller { font-size: 1.5em; }
	.question img { max-width: 300px; margin: 0 auto; }
	.block-main, .block { padding: 30px; }
	.multi .choice { max-width: 80%; }
	.gramotnost .multi .choice { max-width: 100%; }
	.gramotnost .multi .choice label{ width: auto; }
	.multi .choice label { width: 90%; }
	.gramotnost h2.smaller { font-size: 1em !important; }
	.gramotnost .highlight { font-size: 2em; }
	.qa-center_width_700 .question img { max-width: 700px; }
	[class^="column-"] label, [class*=" column-"] label { margin: 4px; }
}
@media (min-width:992px){
	.container { max-width: 970px; }
 	.multi .choice { max-width: 50%; margin: 25px auto; }
 	.gramotnost .multi .choice { max-width: 100%; }
 	.answer label, .answer-item { position: relative; margin-bottom: 8px; padding: 9px; width: auto; min-width: 120px; }
 	.draggable.answer-item { min-width: auto; }
}
@media print {
	.container { max-width: 1320px; }
	header .info-user, nav.justify-content-between, footer, .navigation, .block-button { display: none !important; }
	#test input[type="radio"], #test input[type="checkbox"] { display: inline; opacity: 100; }
	.answer-check { margin-left: 20px; text-align: left; }
	.answer label { display: block; border: none; margin-bottom: 0; margin-left: 0; max-width: 100%; }
}

.hidden_input{
    display: none;
}