/* Minification failed. Returning unminified contents.
(75,1): run-time error CSS1019: Unexpected token, found '@'
(95,1): run-time error CSS1019: Unexpected token, found '@'
(105,1): run-time error CSS1019: Unexpected token, found '@'
(506,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(863,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(864,10): run-time error CSS1035: Expected colon, found '{'
(873,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(874,10): run-time error CSS1035: Expected colon, found '{'
 */
body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.bs-callout-info h4,
.bs-callout h4 {
    margin-bottom: 20px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

    .btn-circle.btn-sm {
        width: 22px;
        height: 22px;
        text-align: center;
        padding: 2px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 15px;
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 24px;
        line-height: 1.33;
        border-radius: 35px;
    }


.jumbotron h1 {
    font-size: 2em;
}

.jumbotron p, .jumbotron ul {
    font-size: 16px;
}

    .jumbotron p .btn {
        padding: 0.5em;
    }

@@media (max-width: 767px) {
    .text-left-xs-center {
        text-align: center;
        padding-bottom: 10px;
    }

    .text-right-xs-center {
        text-align: center;
        padding-bottom: 10px;
    }

    .xs-margin-right-auto {
        margin-right: auto;
    }

    .xs-margin-left-auto {
        margin-left: auto;
    }
}

@@media (min-width: 768px) {
    .text-left-xs-center {
        text-align: left;
    }

    .text-right-xs-center {
        text-align: right;
    }
}

@@media (min-width: 768px) {
    .container {
        width: 95%;
    }
}

.trx-question-root, .trx-question {
    padding: 25px;
}

.trx-checkbox-root, .trx-radiogroup-root {
    padding-left: 25px;
    padding-top: 10px;
}

.trx-question-title, h4, #sq_134 div {
    font-size: 15px;
    font-weight: bold;
}

.trx-multipletext-itemTitle {
    font-weight: bold;
}

input, select, textarea {
    max-width: none;
}

body {
    background-color: #fff;
}

.btn-green {
    background-color: #1ab394;
    color: #fff;
    border-radius: 3px;
}

    .btn-green:hover, .btn-green:focus {
        background-color: #18a689;
        color: #fff;
    }

.panel-footer {
    text-align: right;
    background-color: #fff;
}

div.popover-content, .wrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.popover {
    max-width: 500px; /* Max Width of the popover (depending on the container!) */
    width: 500px;
}

.checkbox label, .radio label {
    display: inline;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.table-matrix > tbody > tr > td {
    vertical-align: middle;
}

.table-matrix > tbody > tr td:nth-of-type(odd),
.table-matrix > thead > tr th:nth-of-type(odd) {
    background-color: white;
}

.table-matrix > tbody > tr td:nth-of-type(even),
.table-matrix > thead > tr th:nth-of-type(even) {
    background-color: #f9f9f9;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        width: 100%;
    }
}

label.dc-matrix-row {
    position: relative;
}

    label.dc-matrix-row .form-control-feedback {
        position: absolute;
        left: -500px;
    }


.bs-callout {
    border-left-width: 3px;
}

.bs-callout-success {
    border-left-color: #3c763d;
}

    .bs-callout-success h4 {
        color: #3c763d;
    }

.btn-success {
    background-color: #3c763d;
}

.bs-callout-dark {
    border-left-color: rgb(51, 51, 51);
}

    .bs-callout-dark h4 {
        color: rgb(51, 51, 51);
    }

.btn-dark {
    background-color: #4D4D4D;
    border-color: #4D4D4D;
    color: white;
}

    .btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
        color: white;
        background-color: #808080;
        border-color: rgb(51, 51, 51);
        text-decoration: none;
    }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#dc-hotovo {
    box-shadow: none;
    padding-top: 10px;
}

    #dc-hotovo .dc-odpovezeno-hlavicka {
        text-transform: lowercase;
        font-size: 19px;
        text-align: right;
    }

        #dc-hotovo .dc-odpovezeno-hlavicka a {
            color: black;
        }

        #dc-hotovo .dc-odpovezeno-hlavicka img {
            max-height: 50px;
            height: 50px;
            padding-right: 6px;
            float: left;
            padding-left: 0px;
            position: relative;
            left: -12px;
            top: 5px;
        }

        #dc-hotovo .dc-odpovezeno-hlavicka strong {
            font-size: 23px;
            font-weight: 300;
            text-align: center;
            display: inline-block;
            text-transform: uppercase;
        }

    #dc-hotovo .dc-odpovezeno-sloupce {
        display: block;
        box-shadow: 5px 5px 5px grey;
        background-color: #62BFB8;
    }

    #dc-hotovo .dc-odpovezeno-sloupec1 {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 10px;
        margin: auto 0;
        background-color: #E6E6E6;
        min-height: 320px;
    }

        #dc-hotovo .dc-odpovezeno-sloupec1 h1 {
            padding-top: 0px;
            padding-bottom: 5px;
            font-size: 24px;
            border-left: solid 6px #62BFB8;
            padding-left: 10px;
            padding-top: 5px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        #dc-hotovo .dc-odpovezeno-sloupec1 h2 {
            padding-top: 0px;
            padding-bottom: 5px;
            font-size: 16px;
            padding-left: 10px;
            padding-top: 5px;
            text-transform: uppercase;
        }

    #dc-hotovo .dc-odpovezeno-sloupec2 {
        background-color: #62BFB8;
        color: white;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: 320px;
    }

        #dc-hotovo .dc-odpovezeno-sloupec2 h1 {
            padding-top: 0px;
            padding-bottom: 5px;
            font-size: 26px;
        }

            #dc-hotovo .dc-odpovezeno-sloupec2 h1 + h1 {
                padding: 0px;
            }

        #dc-hotovo .dc-odpovezeno-sloupec2 h2 {
            padding-top: 5px;
            padding-bottom: 20px;
            font-size: 16px;
        }

        #dc-hotovo .dc-odpovezeno-sloupec2 a.btn {
            background-color: #4D4D4D;
            border-color: #4D4D4D;
            color: #fff;
        }

span.select2-container {
    width: 100% !important
}

#step-by-step-container {
    min-height: 20px;
    padding: 50px;
    margin: 25px 0 25px 0;
    background-color: white;
    border: 2px white;
    border-radius: 15px;
    box-shadow: 5px 5px 5px grey;
}

#step-by-step-page-header {
    color: #1b809e;
    font-weight: normal;
}

#step-by-step-body {
    min-height: 350px;
}

body.vvpo-background-color {
    background-color: #E6E6E6;
}

    body.vvpo-background-color div.bs-callout {
        border: none;
        padding-left: 0px;
    }

        body.vvpo-background-color div.bs-callout h4 {
            font-size: 18px;
            font-weight: normal;
            color: black;
        }

    body.vvpo-background-color #dc-hotovo .dc-odpovezeno-sloupec1 {
        background-color: white;
    }

/*https://bootsnipp.com/snippets/featured/simple-css-custom-checkboxes-and-radios*/

#dotaznik.input-style-customized input[type="checkbox"],
#dotaznik.input-style-customized input[type="radio"] {
    position: absolute;
    right: 9000px;
}

    #dotaznik.input-style-customized input[type="checkbox"] + .label-text:before {
        content: "\f096";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
        font-size: 120%;
    }

    #dotaznik.input-style-customized input[type="checkbox"]:checked + .label-text:before {
        content: "\f14a";
        color: black;
        animation: effect 250ms ease-in;
    }

    /*
#dotaznik.input-style-customized input[type="checkbox"] + .label-text{
	color: black;
}

#dotaznik.input-style-customized .has-success input[type="checkbox"] + .label-text{
	color: #57c2b2;
}

#dotaznik.input-style-customized .has-error input[type="checkbox"] + .label-text{
	color: #D12229;
}

#dotaznik.input-style-customized input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

#dotaznik.input-style-customized input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}
*/

    #dotaznik.input-style-customized input[type="radio"] + .label-text:before {
        content: "\f10c";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
        font-size: 120%;
    }

    #dotaznik.input-style-customized input[type="radio"]:disabled + .label-text {
        color: #aaa;
    }

        #dotaznik.input-style-customized input[type="radio"]:disabled + .label-text:before {
            content: "\f111";
            color: #ccc;
        }

    #dotaznik.input-style-customized input[type="radio"]:checked + .label-text:before {
        content: "\f192";
        color: black;
        animation: effect 250ms ease-in;
    }

#dotaznik.input-style-customized .toggle input[type="radio"] + .label-text:before {
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

#dotaznik.input-style-customized .toggle input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

    #dotaznik.input-style-customized .toggle input[type="radio"]:disabled + .label-text:before {
        content: "\f204";
        color: #ccc;
    }

#dotaznik.input-style-customized .toggle input[type="radio"]:checked + .label-text:before {
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
}

@keyframes effect {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

/* ISPV Style */
body.ispvstyle {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    line-height: 1.5em;
}

    body.ispvstyle h1 {
        margin: 0;
        padding: 0 20px;
        /* line-height: 77px; */
        line-height: 1.5em;
        background-color: #EDF0EB;
        font-weight: normal;
        color: #DE7500;
        font-size: 2.2em;
    }

    body.ispvstyle h2 {
        color: #002756;
        font-size: 130%;
    }

    body.ispvstyle h3 {
        color: #DE7500;
        font-size: 1.3em;
        margin: 1.5em 0 1em 0;
        padding: 0;
        clear: both;
    }

.white-space-normal {
    white-space: normal !important;
}

#dotaznik.input-style-customized div.radio span.label-text,
#dotaznik.input-style-customized div.checkbox span.label-text {
    display: inline-flex;
}

#dotaznik.input-style-customized input[type="checkbox"] + .label-text:before,
#dotaznik.input-style-customized input[type="radio"] + .label-text:before {
    padding-top: 2px; /**/
}


.font-weight-normal {
    color: #1b809e;
    font-weight: 100;
    margin-bottom: 0px;
}

/* odstraneni vlastnosti focus, ktere nastavuji prohlizece */
-webkit-focus-ring-color.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,
-webkit-focus-ring-color.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
.form-control:active:focus, .form-control:active, .form-control:focus,
select:active:focus, select:active, select:focus {
    outline: 0;
    outline-color: transparent;
    box-shadow: none;
}

:focus, :active, :active:focus {
    outline: 0;
    box-shadow: none;
}

input[type="text"]:focus,
input[type="number"]:focus {
    border-color: #ccc;
    box-shadow: none;
}

.has-error input[type="text"]:focus,
.has-error input[type="number"]:focus {
    border-color: #D12229;
    color: #D12229;
    box-shadow: none;
}

.has-success input[type="text"]:focus,
.has-success input[type="number"]:focus {
    border-color: #57c2b2;
    color: black; /* #57c2b2 !important; */
    box-shadow: none;
}

/* MATRIX RESPONSIVE */
.mr-table {
    padding-right: 60px;
}

#dotaznik.input-style-customized input[type="radio"]:checked + .label-text:before,
#dotaznik.input-style-customized input[type="checkbox"]:checked + .label-text:before {
    color: #3c763d;
}

#dotaznik.input-style-customized div.has-error input[type="radio"]:checked + .label-text:before,
#dotaznik.input-style-customized div.has-error input[type="checkbox"]:checked + .label-text:before {
    color: #a94442;
}

.mr-table .fv-plugins-message-container {
    position: absolute;
    left: 100%;
    text-align: left;
}

.mr-table > .mr-row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding-left: 15px;
    border-top: 1px solid #ddd;
    margin: 0;
}

    .mr-table > .mr-row:first-of-type {
        border-top: none;
        border-bottom: 1px solid #ddd;
    }

.mr-row > div {
    flex-direction: row;
    text-align: center;
}

.mr-columns-3 > .mr-row > div:first-of-type {
    width: 60%;
}

.mr-columns-3 > .mr-row > div {
    width: 20%;
}

.mr-columns-4 > .mr-row > div:first-of-type {
    width: 40%;
}

.mr-columns-4 > .mr-row > div {
    width: 20%;
}

.mr-columns-5 > .mr-row > div:first-of-type {
    width: 40%;
}

.mr-columns-5 > .mr-row > div {
    width: 15%;
}

.mr-columns-6 > .mr-row > div:first-of-type {
    width: 40%;
}

.mr-columns-6 > .mr-row > div {
    width: 12%;
}

.mr-col-2, .mr-col-4, .mr-col-6 {
    background-color: #f9f9f9;
}

.mr-row > .mr-col-1 {
    text-align: left;
    padding-top: 15px;
}

@media (max-width: 767px) {
    .mr-table {
        padding-right: 0px;
    }

        .mr-table > .mr-row {
            display: block;
            border-bottom: none;
            /*padding:0;*/
            margin: 0;
        }

            .mr-table > .mr-row:first-of-type {
                border-top: none;
                border-bottom: none;
            }

    .mr-row > div {
        text-align: left;
    }

    .mr-col-2, .mr-col-4, .mr-col-6 {
        background-color: white;
    }

    .mr-columns-3 > .mr-row > div:first-of-type,
    .mr-columns-3 > .mr-row > div {
        width: 100%;
    }

    .mr-columns-4 > .mr-row > div:first-of-type,
    .mr-columns-4 > .mr-row > div {
        width: 100%;
    }

    .mr-columns-5 > .mr-row > div:first-of-type,
    .mr-columns-5 > .mr-row > div {
        width: 100%;
    }

    .mr-columns-6 > .mr-row > div:first-of-type,
    .mr-columns-6 > .mr-row > div {
        width: 100%;
    }

    .mr-head {
        display: none;
    }

    .mr-table .fv-plugins-message-container {
        position: relative;
        left: 0;
    }
}

/*UPRAVA MOBILY*/
.max-width-sm-4 {
    max-width: 33.33333333%;
}

@media (max-width: 767px) {
    body, body.vvpo-background-color {
        background-color: #fff;
    }


    .max-width-sm-4 {
        max-width: 100%;
    }

    #logos {
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #step-by-step-page-header,
    .page-header {
        background-color: white; /* #E6E6E6; */
        padding-top: 9px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #step-by-step-page-header {
        text-align: center;
        /*width: 100%*/
    }

    #step-by-step-body > div.dc-page > div.row {
        background-color: white; /* #E6E6E6; */
        padding-top: 9px;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    hr {
        /*display: none;*/
    }

    #step-by-step-counter {
        display: none;
    }

    #step-by-step-page-header,
    #step-by-step-container h1 {
        font-size: 150%;
        text-align: center;
    }

    #step-by-step-container h2 {
        font-size: 140%;
        text-align: center;
    }

    #step-by-step-container h3 {
        font-size: 130%;
    }

    #step-by-step-container h4 {
        font-size: 120%;
    }

    div.container.body-content {
        padding-left: 5px; /*0px;*/
        padding-right: 5px; /*0px;*/
    }

    #step-by-step-container {
        padding: 15px 0 15px 15px;
        margin: 0px;
        border: none;
        box-shadow: none;
        border-radius: unset;
    }
}

/*HR MONITOR 2022*/
table tbody tr.form-group.labelIsEmpty {
    display: none !important;
}

.skryj {
    display: none;
}

.formControlDisabled {
    display: none;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: 10px;
}
/*
.otazka01Item13other {
    position: absolute;
}
.otazka01Jine_NotDisabled .otazka01Item13other {
    position: relative;
}
*/

.glyphicon-refresh-animate {
    -animation: spin 1.5s infinite linear;
    -webkit-animation: spin2 1.5s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

/* STYLE PRO PDF VEPO */

#dotaznik.VEPO.stylePDF .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: white;
}

#dotaznik.VEPO.input-style-customized.stylePDF input[type="radio"]:disabled:not(:checked) + .label-text:before {
    content: "\f1db";
    color: #333;
}

#dotaznik.VEPO.input-style-customized.stylePDF input[type="radio"]:disabled + .label-text {
    color: #333;
}

/*#dotaznik.VEPO.stylePDF .panel-collapse.form-group.collapse,*/
#dotaznik.VEPO.stylePDF .panel-collapse.collapse {
    display: block;
}

#dotaznik.VEPO.stylePDF .form-control[disabled],
#dotaznik.VEPO.stylePDF .form-control[readonly],
#dotaznik.VEPO.stylePDF fieldset[disabled] .form-control {
    color: #333;
    background-color: white;
}

#dotaznik.VEPO.stylePDF #step-by-step-page-header + div {
    display: none;
}

#dotaznik.VEPO.stylePDF .dc-page[data-dc-name="posledni"] {
    display: none;
}

#dotaznik.VEPO.stylePDF .pdf-hide,
.akordeonOblastRoot.pdf-hide,
.akordeonPodblastRoot.pdf-hide,
#dotaznik.VEPO.stylePDF hr,
#dotaznik.VEPO.stylePDF #step-by-step-footer {
    display: none;
}

#dotaznik.VEPO.stylePDF .dc-parent {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

#dotaznik.VEPO.stylePDF h1,
#dotaznik.VEPO.stylePDF h2,
#dotaznik.VEPO.stylePDF .h1,
#dotaznik.VEPO.stylePDF .h2 {
    text-align: left;
    margin-right: auto;
}

@media print {
    #dotaznik.VEPO.stylePDF h1,
    #dotaznik.VEPO.stylePDF h2,
    #dotaznik.VEPO.stylePDF .h1,
    #dotaznik.VEPO.stylePDF .h2 {
        text-align: left;
        margin-right: auto;
    }
}

/* DOTAZNIK CIZINCI 2022 */

/* 
    https://stackoverflow.com/questions/15811653/table-with-fixed-header-and-fixed-column-on-pure-css
    https://jsfiddle.net/hbqzdzdt/5/ 
*/

/* .grid-container */
#dotaznik.cizinci2022 .grid-container {
    display: grid; /* This is a (hacky) way to make the .grid element size to fit its content */
    overflow: auto;    
    width: 100%;
}

/* .grid */
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0px 0px;
}
/* .grid-col */    
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] {
    /*flex-grow: 2;*/
}
        
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.form-group > label {
    display: none;
}

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.form-group,
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.form-group > div.col-sm-offset-1 {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* .grid-col--fixed-left */

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] [data-dc-name] div.checkbox:nth-child(odd),
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name^="otazka"] > div:nth-child(2n+2) {
    background-color: #f9f9f9;        
}

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > div:nth-child(2n+2) { /*TODO: CHYBI SELECTOR PRO VISIBLE */
    /*background-color: red;*/
}

    #dotaznik.cizinci2022 [data-dc-name="otazka12"] .form-group h4 {
        padding: 15px;
        margin:0px;
    }

    /* .grid-item--header */
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] > div.nadpis {    
    min-width: 60px;
    max-width: 60px;        
    height: 175px;
    position: relative;
    margin: 0px;
    padding: 0px;
}

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] > div > h4 {
    /*background-color: yellow;*/   
    font-weight: normal;    
    color: #333;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    top: 50%;
    left: 50%;
    position: absolute;
}

    #dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name^="otazka"] > div {
        /*background-color: yellow;*/
        padding: 5px 15px 0 15px;
    }   
   
    #dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name]:first-child > div > h4 {
        display: none;
    }
    
    #dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name]:not(:first-child) span.label-text span {
        display: none;
    }

#dotaznik.cizinci2022 #dotaznik.input-style-customized input[type="checkbox"] + .label-text:before {
    margin-right: 0px;
}

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.checkbox > label {
    padding: 0px;
    margin: 0px;
    text-align: center;
    width: 100%
}

#dotaznik.cizinci2022 .grid-item,
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] > div,
#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.checkbox {
    height: 90px;
    /*border: 1px solid gray;*/
    margin: 0;
    width: 100%;
}

#dotaznik.cizinci2022 [data-dc-name] div.checkbox,
#dotaznik.cizinci2022 [data-dc-name] div.radio {    
    margin: 0;   
    /*line-height: 1;*/
}

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name]:first-child {
    width: 350px;
    line-height: 1;
}

#dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.checkbox {
    display: flex;
}
    
    #dotaznik.cizinci2022 [data-dc-name^="SekceSlozenaOtazka"] > [data-dc-name] div.checkbox label {
        align-self: center;
    }

#dotaznik.cizinci2022 .grid-col--fixed-left {
    position: sticky;
    left: 0;
    z-index: 9998;
    background: white;
}

#dotaznik.cizinci2022 .grid-col--fixed-right {
    position: sticky;
    right: 0;
    z-index: 9998;
    background: white;
}

#dotaznik.cizinci2022 .grid-item {
    height: 90px;
    border: 1px solid gray;
}

/*
#dotaznik.cizinci2022 h4 { font-weight: normal; }
#dotaznik.cizinci2022 h4 u{
    font-weight: bold;
    text-decoration:none;
}*/

/*GRAFICKE VYLEPSENI*/
#dotaznik.cizinci2022 input[type=number].form-control {
    z-index: 1;
}

#dotaznik.cizinci2022 label,
#dotaznik.cizinci2022 h4 {
    font-size: large;
    font-weight: normal;
}

#dotaznik.cizinci2022 .first-column-title {
    font-size: 22px;
    padding-bottom: 5px;
}

#dotaznik.cizinci2022 .table-matrix > thead > tr th:nth-of-type(even) {
    background-color: #ddd;
}

#dotaznik.cizinci2022 .table-matrix > thead > tr th:nth-of-type(odd) {
    background-color: #eee;
}

#dotaznik.cizinci2022 .z-index-10 {
    z-index: 10;
}

#dotaznik.cizinci2022 a.btn-circle {
    margin-left: 5px;
}

#dotaznik.cizinci2022 span.label-text {
    max-width: 95% /* ZAJISTI ZAROVNANI CHECKBOXu POD SEBE, POKUD JE TEXT NA RADKU PRILIS DLOUHY */
}

#dotaznik.cizinci2022 div.checkbox label,
#dotaznik.cizinci2022 div.radio label { /* ZAJISTI, ABY SE LABELY NA RUZNY POCET RADKU ZAROVNAVALI STEJNE OD LEVA */
    padding-left: 0px;
}

#dotaznik.cizinci2022 label, #dotaznik.cizinci2022 h4 {
    font-size: 16px;    
}

#dotaznik.cizinci2022 [data-dc-name^=otazkaTest] > div:not(:first-child) {
    font-size: 16px;
}

    #dotaznik.cizinci2022 [data-dc-name^=otazkaTest] > div:not(:first-child) {
        display: table-row;        
    }

    #dotaznik.cizinci2022 [data-dc-name^=otazkaTest] > div:not(:first-child) > div.verticalAlignMiddle {
        display: table-cell;
        vertical-align: middle;
        padding-left:15px;
    }

#dotaznik.cizinci2022 [data-dc-name] > h4 {
    font-size: 16px;
    font-weight: bold;
}



/* ZAJISTI, ABY SE NAPOVEDY ZOBRAZOVALY NA STEJNEM RADKU */
@media (max-width: 1000px) {
    #dotaznik.cizinci2022 div.checkbox, #dotaznik.cizinci2022 div.radio {
        display: table-row;
    }

        #dotaznik.cizinci2022 div.checkbox label,
        #dotaznik.cizinci2022 div.radio label {
            display: table-cell;
        }
}
