@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --pismo: 'Lexend Deca', sans-serif;
    --velikostPisma: 16px;
    --velikostPismaCCLFull: 14px;
    --fontWeightMedium: 300;
    --fontWeightSemiBold: 500;
    --fontWeightBold: 700;
    --maxsirka: calc(1408px + (1em*2));
    --odsazeni: 0 1em;
    --barva01: #F9FBFF;
    /*--barva01: #F2F4FF;*/
    --barva02: #FFFFFF;
    --barva03: #163CD10D;
    --barva04: #111F50;
    --barva05: #1657F8;
    --barva06: #171DD5;
    --barva07: #1655F766;
    --barva08: #111F5033;
    --barva09: #D9DFF8;
    --barva10: #2BF260;
    --barva11: #F5FEF7;
    --barva12: #D2E9FF;
    --barva13: #F2F6FE;
    --barva14: #08CCA8;
    --barva15: #39B939;
    --barva16: #39B93933;
    --barva17: #12B85A;
    --barva18: #333F6A;
    --barva19: #00DC61;
    --barva20: #1C1C2A;
    --barva21: #DAE1FF40;
    --barva22: #DAE1FF;
}

*, :after, :before {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    font-size: var(--velikostPisma);
    font-family: var(--pismo);
    line-height: 1.50em;
    letter-spacing: 0.01em;
    color: var(--barva04);
}

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    background: transparent;
}

hr {
    margin: 40px 0;
    border: 0;
    border-top: 1px solid #D9DFF8;
}

a:link, a {
    color: var(--barva06);
    text-decoration: underline;
    font-weight: bold;
}

    a:visited {
        color: var(--barva06);
    }

    a:hover, a:active, a:focus {
        text-decoration: none;
    }

h1 {
    font-size: 3rem;
    font-weight: bold;
    color: var(--barva04);
    margin-top: 0;
}

h2 {
    font-size: 2rem;
    font-weight: bold;
    color: inherit;
    line-height: 1.4em
}

h3, .nadpis2 {
    font-size: 1.50rem;
    font-weight: normal;
    color: inherit;
    line-height: 1.2em
}

h4, .nadpis3 {
    font-size: 1.13rem;
    font-weight: normal;
    color: inherit;
    line-height: 1.1em
}

h5 {
    font-size: 1rem;
    font-weight: normal;
    color: inherit;
    line-height: 1.1em
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.5em !important;
}

.pt-2 {
    padding-top: 0.75em !important;
}

.pt-3 {
    padding-top: 1em !important;
}

.pt-4 {
    padding-top: 1.5em !important;
}

.pt-5 {
    padding-top: 2.5em !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.5em !important;
}

.pr-2 {
    padding-right: 0.75em !important;
}

.pr-3 {
    padding-right: 1em !important;
}

.pr-4 {
    padding-right: 1.5em !important;
}

.pr-5 {
    padding-right: 2.5em !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.5em !important;
}

.pb-2 {
    padding-bottom: 0.75em !important;
}

.pb-3 {
    padding-bottom: 1em !important;
}

.pb-4 {
    padding-bottom: 1.5em !important;
}

.pb-5 {
    padding-bottom: 2.5em !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.5em !important;
}

.pl-2 {
    padding-left: 0.75em !important;
}

.pl-3 {
    padding-left: 1em !important;
}

.pl-4 {
    padding-left: 1.5em !important;
}

.pl-5 {
    padding-left: 2.5em !important;
}

.p-x-1 {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.p-x-2 {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}

.p-x-3 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.p-x-4 {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.p-x-5 {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
}

.p-y-1 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.p-y-2 {
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
}

.p-y-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.p-y-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.p-y-5 {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.5em !important;
}

.mt-2 {
    margin-top: 0.75em !important;
}

.mt-3 {
    margin-top: 1em !important;
}

.mt-4 {
    margin-top: 1.5em !important;
}

.mt-5 {
    margin-top: 2.5em !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.5em !important;
}

.mr-2 {
    margin-right: 0.75em !important;
}

.mr-3 {
    margin-right: 1em !important;
}

.mr-4 {
    margin-right: 1.5em !important;
}

.mr-5 {
    margin-right: 2.5em !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.5em !important;
}

.mb-2 {
    margin-bottom: 0.75em !important;
}

.mb-3 {
    margin-bottom: 1em !important;
}

.mb-4 {
    margin-bottom: 1.5em !important;
}

.mb-5 {
    margin-bottom: 2.5em !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.5em !important;
}

.ml-2 {
    margin-left: 0.75em !important;
}

.ml-3 {
    margin-left: 1em !important;
}

.ml-4 {
    margin-left: 1.5em !important;
}

.ml-5 {
    margin-left: 2.5em !important;
}

.m-x-1 {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.m-x-2 {
    margin-left: 0.75em !important;
    margin-right: 0.75em !important;
}

.m-x-3 {
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.m-x-4 {
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
}

.m-x-5 {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
}

.m-y-1 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.m-y-2 {
    margin-top: 0.75em !important;
    margin-bottom: 0.75em !important;
}

.m-y-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.m-y-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
}

.m-y-5 {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.displayFlex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-direction-row {
    flex-direction: row;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-justify-content-start {
    justify-content: flex-start;
}

.flex-justify-content-left {
    justify-content: left;
}

.flex-justify-content-end {
    justify-content: flex-end;
}

.flex-justify-content-center {
    justify-content: center;
}

.flex-justify-content-between {
    justify-content: space-between;
}

.flex-justify-content-around {
    justify-content: space-around;
}

.flex-justify-content-evenly {
    justify-content: space-evenly;
}

.flex-align-items-start {
    align-items: flex-start;
}

.flex-align-items-end {
    align-items: flex-end;
}

.flex-align-items-center {
    align-items: center;
}

.flex-align-items-stretch {
    align-items: stretch;
}

.flex-align-items-baseline {
    align-items: baseline;
}

.flex-align-self-start {
    align-self: flex-start
}

.flex-align-self-end {
    align-self: flex-end
}

.flex-align-self-stretch {
    align-self: stretch
}

.flex-align-content-start {
    align-content: flex-start;
}

.flex-align-content-end {
    align-content: flex-end;
}

.flex-align-content-center {
    align-content: center;
}

.flex-align-content-stretch {
    align-content: stretch;
}

.flex-align-content-between {
    align-content: space-between;
}

.flex-align-content-around {
    align-content: space-around;
}

.scrollTop {
    background: transparent linear-gradient(180deg, #1657F8 0%, #171DD5 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
    border-radius: 6px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 321;
}

    .scrollTop:before {
        content: '';
        display: block;
        width: 16px;
        height: 20px;
        background: url('/Images/newGrafix/arrow_top.svg') no-repeat;
    }

.invisibleLink {
    color: inherit !important;
    text-decoration: none !important;
}

.barvaRed {
    color: #F61167;
    margin: 2em 0 1em;
    display: inline-block;
}

.boldText {
    font-weight: bold;
}

.cursorPointer {
    cursor: pointer;
}
/*-_-hlavni-_-*/
#body-wrap {
    width: 100%;
    height: 100%;
}

    #body-wrap > form {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto 1fr auto;
        min-height: 100%;
    }

        #body-wrap > form nav.navbar {
            grid-column: 1/2;
            grid-row: 1/2;
        }

        #body-wrap > form #content-wrap {
            grid-column: 1/2;
            grid-row: 2/3;
        }

        #body-wrap > form #footer-wrap {
            grid-column: 1/2;
            grid-row: 3/4;
        }

.container, .DashboardWrapper {
    width: 100%;
    max-width: var(--maxsirka);
    margin: 0 auto;
    padding: var(--odsazeni) !important;
    position: relative;
}

body.macos .container, body.macos .DashboardWrapper {
    max-width: 1440px;
    padding: 0 35px;
}

.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    display: none;
}

.row:after, .container:after {
    content: '';
    display: block;
    clear: both;
}

section .nadpis {
    font-weight: bold;
}

/*-_-formular-_-*/
input {
    transition: all ease-in-out 0.3s;
}

    input:not(.btn).form-control, select.form-control, .CtrlProverujSearchInput {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid var(--barva09);
        border-radius: 6px;
        height: 64px;
        padding: 16px;
    }

        input:not(.btn).form-control:hover, select.form-control:hover, .CtrlProverujSearchInput:hover {
            border-color: var(--barva07);
        }

        input:not(.btn).form-control:focus, select.form-control:focus, .CtrlProverujSearchInput:focus {
            outline: 1px solid var(--barva06);
        }

    input::-webkit-input-placeholder {
        opacity: 1;
    }

    input:-ms-input-placeholder {
        opacity: 1;
    }

    input::placeholder {
        opacity: 1;
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        display: inline-block;
    }

.btn, a.btn {
    font-size: 16px;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
}

a.btn {
    font-weight: normal;
}

.btn, a.btn {
    border-radius: 6px;
    border: 0;
    width: auto !important;
    color: var(--barva06);
    background: transparent;
    border: 1px solid var(--barva22);
    padding: 10px 16px /*15px 50px*/;
}

.btn-primary, a.btn-primary {
    color: var(--barva02);
    background: linear-gradient(180deg, #1657F8 0%, #171DD5 50%, #1657F8 100%) !important;
    background-size: auto 200% !important;
    box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
    border: 0;
    transition-duration: 0.5s;
}

.btn-header, a.btn-header {
    transition: all ease-in-out 0.2s;
}

.btn-lg, a.btn-lg {
    padding: 15px 50px /*10px 16px*/;
}

.btn:hover, .btn:focus, a.btn:hover, a.btn:focus {
    color: inherit;
    text-decoration: none;
    background: var(--barva02);
    border-color: var(--barva06);
}

.btn-primary:hover, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus {
    color: var(--barva02);
    text-decoration: none;
    background-position: bottom center !important;
}

.btn-header:hover, .btn-header:focus, a.btn-header:hover, a.btn-header:focus {
    color: var(--barva02);
    background: transparent linear-gradient(180deg, #1657F8 0%, #171DD5 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
}

.btn-secondary, a.btn-secondary {
    background: #F5F8FE 0% 0% no-repeat padding-box;
    border: 1px solid #D9DFF8;
    border-radius: 6px;
    color: var(--barva04);
    display: inline-flex;
    align-items: center;
    min-width: 448px;
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
    margin: 1em 0.5em;
    min-height: 64px;
    font-weight: bold;
}

    .btn-secondary:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: transparent linear-gradient(180deg, #1657F8 0%, #171DD5 100%) 0% 0% no-repeat padding-box;
        box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
        border-radius: 6px;
        margin: 0 0.94em 0 0;
    }

    .btn-secondary span {
        flex-grow: 1;
    }

    .btn-secondary:after {
        content: '';
        display: block;
        width: 15px;
        height: 12px;
        background: url('/Images/newGrafix/drag.svg') no-repeat;
        transition: all ease-in-out 0.4s;
        margin-left: 0.94em;
    }

    .btn-secondary:hover, .btn-secondary:focus, a.btn-secondary:hover, a.btn-secondary:focus {
    }


a.btn:not([href]) {
    display: none;
}


@media only screen and (min-width:521px) {
    .btn-secondary:hover:after {
        margin-right: 1em;
    }
}

.form-group {
}

.form-group-inline-Api {
}

    .form-group-inline-Api label {
        margin: 1em 0 0.25em 0;
        text-align: right;
        padding: 0 16px;
    }

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--barva04);
}

.inputRequired:after {
    content: "*";
    color: #F61167
}

.section-Trial .form-group {
}
/*padding:0 5em 0 0;*/
.section-Trial .form-group-inline-Api {
    display: grid;
    grid-template-columns: 240px 1fr;
}

.section-Trial .btn {
    display: block;
}

/*-_-prihlaseni-_-*/
.isLoginP {
}

/*#body-wrap:not(.isHP).isLoginP #content-wrap:before, #body-wrap:not(.isHP).isRepMesP #content-wrap:before {
    right: 20%;
    margin: auto;
}*/

#body-wrap:not(.isHP, .isIframe).isLoginP #content-wrap, #body-wrap:not(.isHP, .isIframe).isRepMesP #content-wrap {
    padding-right: 0;
    padding-bottom: 4em;
    z-index: 1;
}

.isLoginP .SectionsLogin, .isLoginP .container, .LoginB {
    width: 100%;
    height: 100%;
}

.LoginB {
    display: flex;
    justify-content: center;
    align-items: center;
}

.LoginC {
    background: #fff;
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 6px;
    padding: 64px;
    display: grid;
    max-width: 460px;
}

    .LoginC .logo-login {
        justify-self: center;
    }

    .LoginC .nadpisL {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 2em 0 1.5em;
    }

    .LoginC .form-group {
        position: relative;
        display: flex;
        align-items: center;
    }

        .LoginC .form-group input::-webkit-input-placeholder {
            color: var(--barva04);
        }

        .LoginC .form-group input:-ms-input-placeholder {
            color: var(--barva04);
        }

        .LoginC .form-group input::placeholder {
            color: var(--barva04);
        }

    .LoginC .btn {
        min-height: 64px;
        background: transparent linear-gradient(180deg, #1657F8 0%, #171DD5 100%) 0% 0% no-repeat padding-box;
        box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
        font-size: 1em;
    }

    .LoginC .Zapomenute-Heslo {
        text-align: right;
        margin: 0.5rem 0.25rem 1rem 0;
        font-size: 14px;
        font-weight: 500;
        color: gray;
        text-decoration: underline;
    }

.Circle {
    display: inline-block;
    margin: 0 2.5em 0 0;
    border-radius: 50%;
}

.loginBox-initials-container {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    justify-items: center;
    font-size: 16px;
    width: 2.5em;
    height: 2.5em;
    background-color: #111F50;
    border: solid 2px #111F50;
    border-radius: 50%;
}

.loginBox-initials-container  a{
    color: #FFFFFF !important;
    font-size: 1em;
    font-weight: 500 !important;
    cursor: pointer;
}

    .loginBox-initials-container:hover {
        background-color: unset;
        border: solid 2px #111F50;
        cursor: pointer;
    }
        .loginBox-initials-container:hover a {
            color: #111F50 !important;
            cursor: pointer;
        }

.user .oddelovac {
    margin-left: 1.25em;
    margin-right: 1.25em;
    border-left: 1px solid #D9DFF8;
    font-size: 1rem;
    height: 2.2em;
    margin-top: auto;
    margin-bottom: auto;
}

#ctl00_CtrlMenu1_spanCurrentCredit{
	font-weight:normal;
	margin: 0 0.9em 0 0;

}

.CreditVal {
    font-weight: bold;
    background: #F0F2FC 0% 0% no-repeat padding-box;
    padding: 0.3em 0.5em;
    margin: 0 0.75em 0 0.25em;
}

    .ukaheslo {
        padding-right: 40px !important;
    }

.ukaz-heslo {
    font-size: 1.33em;
    margin: 0 0 0 -35px;
    cursor: pointer;
    color: #171dd5;
}

/*-_-Sys report-_-*/
.isRepMesP .info-page, .isRepMesP .container, .SysReportB {
    width: 100%;
    height: 100%;
}

.SysReportB {
    display: flex;
    justify-content: center;
    align-items: center;
}

.SysReportC {
    max-width: 555px;
    background: #fff;
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 6px;
    padding: 32px;
    position: relative;
}

    .SysReportC:before {
        content: '';
        --vel: 12px;
        display: block;
        width: var(--vel);
        height: var(--vel);
        background: #424242;
        border-radius: 50%;
        position: absolute;
        top: calc(-1*var(--vel)/2);
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: 0 3px 4px -1px #0F121A66;
    }

    .SysReportC .ReportMessage {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.ReportMessage .obr {
    margin: 0 0 1em;
}

    .ReportMessage .obr img {
    }

.ReportMessage .txt {
    text-align: center;
}

.SysReportC {
    -webkit-animation: shake-top 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-top 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation-delay: 1s;
}

@-webkit-keyframes shake-top {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shake-top {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

.SysReportC h3 img {
    width: 300px !important;
}

.SysReportC h3 div[style*="absolute"] {
    position: relative !important;
    right: auto !important;
    margin: 0 -70px 0 0 !important;
    text-align: right;
}

/*-_-navigace-_-*/
.navbar-inverse .container {
    display: flex;
    align-items: center; /*! height: 46px; */
    margin-top: 16px;
    margin-bottom: 16px;
}

.navbar-inverse:before, .navbar-inverse:after {
    display: none;
}

.navbar-header:before, .navbar-header:after {
    display: none;
}

.navbar-inverse {
    background: var(--barva02);
    border: 0;
    margin: 0;
    min-height: 82px;
    padding: 0;
    box-shadow: 0px 8px 24px #163CD10D;
}

.container > .navbar-header {
    float: none;
    margin-right: 0;
    margin-left: 0;
}

.navbar-header {
}

.navbar-brand {
}

.navbar-inverse .navbar-brand {
    width: 205px;
    height: 20px;
    padding: 0 !important;
    background: url('/Images/newGrafix/logo.svg') no-repeat;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin: 0;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    background-color: transparent;
}

.navbar-brand img {
    display: none;
}

.navbar-collapse.collapse {
    padding: 0 0 0 4em;
    display: flex;
    align-items: center;
}

.navbar-collapse:before, .navbar-collapse:after {
    display: none;
}

.navbar-collapse {
    flex-grow: 1;
}

.nav {
    flex-grow: 1;
}

    .nav:before, .nav:after {
        display: none;
    }

.navbar-nav {
}

    .navbar-nav > li {
        margin-left: 2em;
    }

    .navbar-nav li {
    }

        .navbar-nav li:first-child {
            margin-left: 0;
        }

        .navbar-nav li.dropdown {
        }

    .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
        color: var(--barva04);
        padding: 0;
        height: auto;
        line-height: normal;
        font-size: 1em;
        font-weight: normal;
        cursor: pointer;
        text-decoration: none;
    }

.caret {
    margin: 0;
    border: 0;
    background: url('/Images/newGrafix/arrow.svg') no-repeat;
    width: 9px;
    height: 6px;
}

.navbar-right {
    flex-grow: 0;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
    display: flex;
    align-items: center;
}

.navbar-nav li:hover {
    background: transparent !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background: transparent !important;
    color: var(--barva05);
    text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: var(--barva05);
    text-decoration: none;
}

.nav > li.activ > a:after, .navbar-inverse .navbar-nav > li.activ > a:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 4px;
    background: var(--barva06);
    border-radius: 4px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.nav > li.activ > a.dropdown-toggle:after, .navbar-inverse .navbar-nav > li.activ > a.dropdown-toggle:after {
    left: -9px;
}

.navbar-nav > li > a.btn {
    color: var(--barva02);
    padding: 14px 19px;
}

    .navbar-nav > li > a.btn:hover {
        color: var(--barva02);
    }

.tlacitka-pravo {
    display: flex;
}

.user + li {
    margin: 0;
}

.user {
    margin: 0 16px 0 0;
    display: flex;
    position: relative;
    align-items: center;
}

    .user > a.OL {
        display: none;
    }

        .user > a.OL ~ a.prihlaseniTL {
            display: block;
        }

    .user > a.prihlaseniTL {
        display: none;
        border: 1px solid #D9DFF8;
        border-radius: 6px;
        padding: 14px 30px;
        letter-spacing: 0;
        color: var(--barva04);
        height: auto;
        line-height: normal;
        font-size: 1em;
        font-weight: normal;
        cursor: pointer;
        text-decoration: none;
        transition: all ease-in-out 0.3s;
    }

        .user > a.prihlaseniTL:hover {
            border-color: #171DD5
        }

        .user > a.prihlaseniTL:before {
            content: '';
            display: inline-block;
            background: url('/Images/newGrafix/user.svg') no-repeat;
            width: 16px;
            height: 15px;
            margin: 0 7px 0 0;
        }

    .user .open > .dropdown-menu {
        display: flex;
        flex-direction: column;
        padding: 5px 15px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 8px 32px #163CD126;
        left: auto;
        right: 0;
        top: calc(100% + 5px);
		border:0;
		box-sizing: border-box;
		min-width: 200px;
    }

    .user > .dropdown-menu li {
    }

    .user > .dropdown-menu a {
        padding: 0;
        margin: 3px 0;
        color: #111F50;
        font-size: 0.88em;
        padding: 0 0 0 20px;
    }

        .user > .dropdown-menu a:hover {
            color: inherit;
            background: none;
        }

    .user > .dropdown-menu li a {
        background-position: left center !important;
        background-size: 15px 20px !important;
    }
.dropdown-menu > li > a,.logoutBtn{
	margin: 0.45em 0;
	padding: 0 0.2em 0 1.5em;
}
.dropdown-menu > li > a{
	color:var(--barva04);
}
/*.dropdown-menu > li:last-child:before{
	content:'';
	width: 100%;
	height: 1px;
	display: block;
	background: var(--barva09);
	margin: 4px 0 8px;
}*/

.user-ico {
    background-position: left center !important;
}

.user-ico-hidden {
    background: url('/Images/newGrafix/vison-2.svg') no-repeat;
    background-size: 0 0;
}

.user-ico-vison2 {
    background: url('/Images/newGrafix/vison-2.svg') no-repeat;
}

.user-ico-settings2 {
    background: url('/Images/newGrafix/settings-2.svg') no-repeat;
}

.user-ico-cash {
    background: url('/Images/newGrafix/cash.svg') no-repeat;
}

.user-ico-studentProfile {
    background: url('/Images/newGrafix/student-profile.svg') no-repeat;
}

.user-ico-user {
    background: url('/Images/newGrafix/user.svg') no-repeat;
}

.user-ico:hover,.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    color: var(--barva05);
    text-decoration: none;
    background-color: transparent;
}

.user > .dropdown-menu li.user-ico a {
    background: var(--ico) no-repeat;
}

.user > .dropdown-menu li.user-ico1 a {
    background: url('/Images/newGrafix/vison-2.svg') no-repeat;
}

.user > .dropdown-menu li.user-ico2 a {
    background: url('/Images/newGrafix/settings-2.svg') no-repeat;
}

.user > .dropdown-menu li.user-ico3 a {
    background: url('/Images/newGrafix/cash.svg') no-repeat;
}

.user > .dropdown-menu li.user-ico4 a {
    background: url('/Images/newGrafix/student-profile.svg') no-repeat;
}

.user > .dropdown-menu li.user-ico5 a {
    background: url('/Images/newGrafix/user.svg') no-repeat;
}

.user .user-name {
    border-bottom: 1px solid #D9DFF8;
    text-align: center;
    margin-bottom: 7px;
	padding:4px 0 7px;
}

    .user .user-name .user-name-span {
        color: #111F50;
        font-size: 1em;
        font-weight: 600;
    }

.logoutBtn {
    display: block !important;
    width: 100%;
    color: #111F50;
    /*    font-size: 0.88em;*/
    border: 0;
    text-align: left;
}

.logoutBtn {
    background: url('/Images/newGrafix/exit.svg') no-repeat;
}

.zdarma-tl {
    display: block;
    position: relative;
}

    .zdarma-tl a.btn {
        height: auto;
        line-height: normal;
        font-size: 1em;
        font-weight: normal;
        cursor: pointer;
        color: var(--barva02);
        padding: 14px 19px;
    }

.jazyk {
    margin: 0 21px 0 0;
    padding: 2px 0 2px 17px;
    border-left: 2px solid #D9DFF8;
}

    .jazyk select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        background: var(--barva02);
        background: var(--barva02) url('/Images/newGrafix/arrow.svg') no-repeat;
        background-position: right center;
        width: 40px;
        cursor: pointer;
    }

/*druha uroven*/
.dropdown-menu, .inverse-dropdown, .navbar-nav > li > .dropdown-menu {
}

    .inverse-dropdown > li > a, .inverse-dropdown li a, .dropdown-menu > li > a, .dropdown a {
        text-decoration: none;
    }

    .dropdown-menu > li.activ > a {
        color: var(--barva06);
    }

/*ham*/
.navbar-inverse .navbar-toggle {
    border-color: var(--barva04);
    border: 0;
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: var(--barva04);
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: var(--barva04);
    }

.navbar-toggle .icon-bar:nth-of-type(2) {
    max-width: 50%;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    max-width: 100%;
}

.navbar-toggle .icon-bar:nth-of-type(4) {
    max-width: 70%;
}

/*mobilni*/
@media only screen and (min-width:1271px) {
    .navbar-collapse.collapse {
        display: flex !important;
    }
}

@media only screen and (max-width:1270px) {
    .navbar-toggle {
        display: block;
        float: none;
        margin-right: 0;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-top: 0;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: none;
    }

    .navbar-inverse .container {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .navbar > .container .navbar-brand {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 15px 0 0;
        justify-self: center;
    }

    .container > .navbar-header {
        flex-grow: 1;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-column: 1/2;
        grid-row: 1/2;
    }

    .navbar-collapse.collapse {
        display: none !important;
        margin-right: 0;
        margin-left: 0;
        flex-grow: 1;
        width: 100%;
        padding: 1em 0;
        flex-direction: column;
        align-items: flex-start;
        grid-column: 1/-1;
        grid-row: 2/3;
    }

        .navbar-collapse.collapse.in {
            display: flex !important;
        }

    .jazyk {
        border-right: 2px solid #D9DFF8;
        margin: 0 0 1em;
        padding-right: 17px;
        border: 0;
        padding: 0;
    }

    .navbar-nav {
        margin: 0;
        width: 100%;
    }

        .navbar-nav > li {
            margin: 0 0 1em 0;
            position: relative;
            display: block;
            float: none;
        }

        .navbar-nav.navbar-right:last-child {
            flex-direction: column;
            align-items: flex-start;
        }

        .navbar-nav > li.user {
            margin: 0 0 1em 0;
        }

    .dropdown-menu > li > a {
        white-space: normal;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 2px 30px 2px 17px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: var(--barva04);
        background-color: transparent;
    }

    .tlacitka-pravo {
        grid-column: 2/3;
        grid-row: 1/2;
    }
}

#content-wrap {
    background: var(--barva01);
    /*padding-bottom: 1em;*/
    /*margin-top: calc(50px + 16px);*/
    margin-top: 82px;
    position: relative;
}

.headerClearer {
    height: 0;
}
.OdsadOdNav {
    margin-top: 2em;
}
/*.green_potrzeni{position:relative;z-index:1;display:inline-block;}
.green_potrzeni:before{content:'';background:var(--barva10);height:8px;width: 100%;display: block;position: absolute;bottom: 0;z-index: -1;}*/
.green_potrzeni u {
    text-decoration: none;
    position: relative;
    z-index: 1;
    display: inline-block;
}

    .green_potrzeni u:before {
        content: '';
        background: var(--barva10);
        height: 8px;
        width: 100%;
        left: 0;
        right: 0;
        display: block;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }

h1.green_potrzeni u:before {
    bottom: 5px;
}

h2.green_potrzeni u:before {
    bottom: 6px;
}

#body-wrap:not(.isHP):not(.isCCLFull):not(.isIframe):not(.isCCLFree) #content-wrap {
    padding-top: 4.00em;
    padding-right: 90px;
    margin-top: 82px;
}

#body-wrap:not(.isHP):not(.isCCLFree) #content-wrap {
    padding-bottom: 8.00em;
}

#body-wrap:is(.isIframe) .content-wrap {
    margin-top: 0px;
}

#body-wrap:is(.isCCLFull) #content-wrap {
    padding-top: 4.75rem;
    padding-right: 90px;
    margin-top: 2rem;
    font-size: var(--velikostPismaCCLFull);
}

#body-wrap:is(.isIframe) {
    overflow: hidden;
    padding: 0;
}

#body-wrap:is(.isCCLFoFull) #content-wrap {
    /*margin-top: 0px !important;*/
    padding: 0em 2em !important;
}

    #body-wrap:is(.isCCLFoFull) #content-wrap .nadpis {
        margin-top: 5px;
    }

#body-wrap:is(.isIframe) #content-wrap {
    padding: 2em 2em 0;
    margin-top: 0px;
    /* UI Properties */
    /*background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 8px 24px #163CD10D;*/
    opacity: 1;
    /*z-index: 1;*/
    /*position: relative;*/
    grid-row: 1/-1;
    /*border-radius: 0 8px 8px 8px;*/
}

#body-wrap:is(.isIframe) #content-wrap:before {
    display: none !important;
}

div[id*="divOpenAll"] {
    font: normal normal 600 16px/24px Lexend Deca;
    letter-spacing: 0.22px;
    color: #171DD5;
}

.PravneUpozorneni {
    padding: 0 2.3em;
}

.isLoginP #content-wrap {
    z-index: 1;
}

/*#body-wrap:not(.isHP) #content-wrap:before {
    content: '';
    display: block;
    background: url('/Images/newGrafix/logo_bg.svg') no-repeat;
    background-size: contain;
    width: 451px;
    max-width: 90%;
    height: 295px;
    position: absolute;
    top: -3rem;
    left: -5%;
    z-index: -1;
}*/

#body-wrap:not(.isHP, .isLoginP, .isIframe, .isAdministration, .isCCLFull, .logoDecoration-hidden) #content-wrap {
    z-index: 1;
}

/*#body-wrap:not(.isHP, .isLoginP) #content-wrap:before {
    z-index: 0;
}

    #body-wrap:not(.isHP).isCCLFull #content-wrap:before {
        top: -55px;
        left: -45px;
    }*/

/*@media (max-width: 767px) {
    #body-wrap:not(.isHP) #content-wrap:before {
        display: none;
    }
}*/

/* ################################################################ */
/* ######################## DEKORACE ########################## */
/* ################################################################ */
#body-wrap:not(.isHP, .isIframe) #logoDecoration-wrap:before {
    content: '';
    display: block;
    background: url('/Images/newGrafix/logo_bg.svg') no-repeat;
    background-size: contain;
    width: 451px;
    max-width: 90%;
    height: 295px;
    position: absolute;
    top: -3rem;
    left: -5%;
    z-index: -1;
}

#body-wrap:is(.isIframe, .logoDecoration-hidden) #logoDecoration-wrap {
    display: none !important;
}

    #body-wrap:is(.isIframe, .logoDecoration-hidden) #logoDecoration-wrap:before {
        display: none !important;
    }

#body-wrap:not(.isHP, .isIframe).isLoginP #logoDecoration-wrap:before, #body-wrap:not(.isHP, .isIframe).isRepMesP #logoDecoration-wrap:before {
    right: 20%;
    margin: auto;
}

#body-wrap:not(.isHP, .isIframe).isCCLFull #logoDecoration-wrap:before {
    top: -55px;
    left: -45px;
}

@media (max-width: 767px) {
    #body-wrap:not(.isHP, .isIframe) #logoDecoration-wrap:before {
        display: none;
    }
}
/* ################################################################ */

#body-wrap:not(.isHP) .navbar-inverse, nav.navbar.fixN {
    box-shadow: 0px 8px 24px #163CD10D;
}

    #body-wrap:not(.isHP) .navbar-inverse .container, nav.navbar.fixN .container {
        margin-bottom: 16px;
    }

.GridTretina {
    display: grid;
    grid-template-columns: repeat(2,1fr) 0.75fr;
}

    .GridTretina .GDveTretina {
        grid-column: 1/3;
        padding-right: 2.50em;
    }

    .GridTretina .GJednaTretina {
        grid-column: 3/4;
    }

    .GridTretina .GCelaTretina {
        grid-column: 1/4;
    }

.GridPulka {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    position: relative;
}

    .GridPulka.rozdel {
        grid-template-columns: 1fr auto 1fr;
    }

    .GridPulka .GLevaPulka {
        grid-column: 1/2;
        padding-right: 2em;
        align-self: center;
    }

    .GridPulka .GPravaPulka {
        grid-column: -2/-1;
        padding-left: 2em;
        align-self: center;
    }

    .GridPulka .GCelaPulka {
        grid-column: 1/-1;
    }

    .GridPulka .GRozdelPulka {
        grid-column: 2/-2;
    }

    .GridPulka.rozdel .GLevaPulka, .GridPulka.rozdel .GPravaPulka {
        align-self: stretch
    }

    .GridPulka img {
        max-width: 100%;
    }

img.oramovani, .oramuj {
    padding: 0.25rem 0.5rem;
    border: 16px solid var(--barva02);
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 6px;
}

.GLevaPulka img.oramovani {
    border-radius: 6px 6px 6px 80px;
}

.GPravaPulka img.oramovani {
    border-radius: 6px 6px 80px 6px;
}

.GCelaPulka hr {
    margin: 3em 0
}

.Po-Sticky {
    position: sticky;
    top: calc(var(--daleko) + 5px);
    max-height: calc(100vh - var(--daleko) - 1em);
    overflow: auto;
}

ul, ol {
    padding: 0 0 0 1.2em;
}

#content-wrap :not(ol li) > ul {
    list-style: none;
}

    #content-wrap :not(ol li) > ul li {
        position: relative;
    }

        #content-wrap :not(ol li) > ul li:before {
            display: inline-block;
            content: '';
            position: relative;
            margin-top: -3px;
            margin-left: -8px;
            left: calc((-1em + 8px)/1.25);
            width: 8px;
            height: 8px;
            background: transparent linear-gradient(180deg, #1657F8 0%, #171DD5 100%) 0% 0% no-repeat padding-box;
            border-radius: 3px;
            box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
            vertical-align: middle;
        }

.CCL_Exekuce_Ul_li > li:before {
    background: transparent linear-gradient(180deg, #12B85A 0%, #00DC61 100%) 0% 0% no-repeat padding-box !important;
}

.ico.tel {
    background-image: url('/Images/newGrafix/mail.svg');
}

.ico.mail {
    background-image: url('/Images/newGrafix/phone.svg');
}

.ico {
    padding: 0 0 0 25px;
    background-size: 18px;
    background-position: center left;
    background-repeat: no-repeat;
}

.nerespotable {
    display: block;
    overflow-x: auto;
    width: auto;
    padding-top: 1em;
}

table.nerozbit {
    max-width: calc(1408px - 70px) !important;
    width: 100% !important;
    min-width: calc((1408px - 70px)/1.5) !important;
}

table.nerozbit {
    display: table !important
}

    table.nerozbit tbody {
        display: table-row-group !important
    }

    table.nerozbit tr {
        display: table-row !important
    }

    table.nerozbit th, table.nerozbit td {
        display: table-cell !important
    }

/*-_-section-Proveruj-_-*/
.c2V1 input[type="text"] {
    padding-right: var(--pr);
}

.section-Proveruj {
    background: #fff;
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 0px 0px 350px 0px;
    overflow: hidden;
}

    .section-Proveruj .leva {
        padding: 96px 0 0 0;
    }

        .section-Proveruj .leva .podtext {
            padding-right: calc(100% - 590px);
        }

    .section-Proveruj .prava {
        padding: 0;
    }

    .section-Proveruj .form-prover {
        margin: 17px 0 0;
        max-width: 570px;
        width: 100%;
        display: grid;
    }

        .section-Proveruj .form-prover input[type="text"] {
            text-align: left !important;
            grid-column: 1/2;
            grid-row: 1/2;
            width: 100% !important;
            height: 64px !important;
        }

        .section-Proveruj .form-prover .btn {
            grid-column: 1/2;
            grid-row: 1/2;
            justify-self: end;
            align-self: center;
            margin: 0 8px;
            --pading-lr: 20px;
            padding-left: var(--pading-lr);
            padding-right: var(--pading-lr);
        }

    .section-Proveruj .uvodni-obrazek {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto 1fr;
    }

        .section-Proveruj .uvodni-obrazek .carky {
            background: url('/Images/newGrafix/1.png') no-repeat;
            width: 64px;
            height: 64px;
            margin-top: 10px;
            margin-left: 192px;
            grid-column: 1/-1;
            grid-row: 1/3;
        }

        .section-Proveruj .uvodni-obrazek .pozadi {
            background: transparent linear-gradient(140deg, #F5FEF7 0%, #D2E9FF 100%) 0% 0% no-repeat padding-box;
            border-radius: 1000px 1000px 0px 0px;
            grid-column: 1/4;
            grid-row: 2/4;
            margin: 13px 104px 0 136px;
        }

        .section-Proveruj .uvodni-obrazek .jak-video {
            display: flex;
            align-items: center;
            grid-column: 1/2;
            grid-row: 3/4;
            color: var(--barva06);
            font-weight: bold;
            align-self: start;
            margin: 110px 0 0 -25px;
            background: #fff;
            justify-self: start;
            padding: 9px 9px 9px 0;
            border-radius: 0 30px 30px 0;
            cursor: pointer;
        }

            .section-Proveruj .uvodni-obrazek .jak-video:hover {
                text-decoration: underline;
            }

            .section-Proveruj .uvodni-obrazek .jak-video p {
                margin: 0;
            }

            .section-Proveruj .uvodni-obrazek .jak-video .video {
                background: url('/Images/newGrafix/Group_1236.svg') no-repeat;
                width: 40px;
                height: 40px;
                margin: 0 0 0 23px;
            }

        .section-Proveruj .uvodni-obrazek .ruka-leva {
            background: url('/Images/newGrafix/3D_render.png') no-repeat;
            width: 328px;
            height: 289px;
            grid-column: 1/3;
            grid-row: 3/4;
            justify-self: start;
            align-self: end;
            margin: 0 0 0 25px;
            position: relative;
            z-index: 1;
        }

        .section-Proveruj .uvodni-obrazek .ruka-prava {
            background: url('/Images/newGrafix/3D_render-2.png') no-repeat;
            width: 463px;
            height: 499px;
            grid-column: 2/4;
            grid-row: 2/4;
            justify-self: end;
            align-self: end;
            padding: 65px 47px 0 13px;
            position: relative;
            z-index: 0;
        }

        .section-Proveruj .uvodni-obrazek .obsah-telefonu {
            background: url('/Images/newGrafix/logo_bg.svg') no-repeat;
            grid-template-rows: auto 1fr;
            background-size: 50%;
            background-position: 20px 5px;
            width: 100%;
            height: 204px;
            border-radius: 30px;
            overflow: visible;
            display: grid;
            grid-template-rows: auto 1fr;
        }

            .section-Proveruj .uvodni-obrazek .obsah-telefonu h3 {
                margin: 0;
                text-align: center;
                font-weight: bold;
                padding: 23px 0 20px;
            }

            .section-Proveruj .uvodni-obrazek .obsah-telefonu .blokB {
                margin: 0 auto;
                width: 75%;
                background: var(--barva02);
                text-align: center;
                height: 100%;
                border-radius: 5px 5px 0 0;
            }

            .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko {
                width: 49px;
                height: 48px;
                border-radius: 100px;
                margin: 15px auto;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko:before {
                    content: '';
                    display: block;
                    width: 24px;
                    height: 24px;
                    background-size: cover !important;
                    background-position: center !important;
                }

                .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko.spatne {
                    background: transparent linear-gradient(135deg, #FF4C3E 0%, #F61167 100%) 0% 0% no-repeat padding-box;
                    box-shadow: 2px 4px 16px #FF4C3E33;
                }

                    .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko.spatne:before {
                        background: url('/Images/newGrafix/cross.svg') no-repeat;
                    }

                .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko.dobre {
                    background: transparent linear-gradient(133deg, #08CCA8 0%, #39B939 100%) 0% 0% no-repeat padding-box;
                    box-shadow: 2px 4px 16px #39B93933;
                }

                    .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko.dobre:before {
                        background: url('/Images/newGrafix/check.svg') no-repeat;
                    }

            .section-Proveruj .uvodni-obrazek .obsah-telefonu .rizikoText {
                font-weight: 800;
            }

                .section-Proveruj .uvodni-obrazek .obsah-telefonu .rizikoText.spatne {
                    color: #F92658;
                }

                .section-Proveruj .uvodni-obrazek .obsah-telefonu .rizikoText.dobre {
                    color: #12B85A;
                }

.video-pop {
    display: none;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    max-width: 90%;
    max-height: 80%;
    margin: auto;
    z-index: 3333;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    aspect-ratio: 16/9;
}

    .video-pop .zavrit {
        position: absolute;
        top: calc(-30px/2.5);
        right: calc(-30px/2.5);
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 100%;
        border: 1px solid rgba(0, 0, 0, 0.8);
        box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
        font-size: 27px;
        padding: 0 0 3px;
        cursor: pointer;
    }

    .video-pop iframe {
        width: 100%;
        height: 100%;
    }

/*-_-section-ZpusobyPouziti-_-*/
.section-ZpusobyPouziti {
    padding: 5.5em 0 1em;
}

    .section-ZpusobyPouziti .container {
        padding-top: 1em;
        padding-bottom: 1em;
    }

.kostky {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    grid-gap: 4em 2em;
    padding: 4em 0 0.5em;
    margin: 2em 0;
    text-align:left;
}

    .kostky .kostka {
        border: 1px solid #D9DFF8;
        border-radius: 6px;
        width: 100%;
        padding: 0.5em 2em;
        display: grid;
        position: relative;
        background: var(--barva01);
        grid-template-rows: auto auto 1fr;
        transition: all ease-in-out 0.3s;
    }
    /*filter: drop-shadow(0px 8px 12px #163CD10D);*/
    .kostky.no-img .kostka {
        grid-template-rows: auto 1fr;
    }

    .kostky .kostka .kostkaNadpisy {
        font-weight: bold;
        grid-column: 1/2;
        grid-row: 2/3;
    }

    .kostky.no-img .kostka .kostkaNadpisy {
        grid-row: 1/2;
    }

    .kostky .kostka .ikona {
        grid-column: 1/2;
        grid-row: 1/2;
        width: 80px;
        height: 80px;
        margin-top: calc(-40px - 0.5em);
        margin-left: calc(-2em/2);
        margin-bottom: 15px;
    }

    .kostky .kostka:after {
        content: '';
        display: block;
        grid-column: 1/2;
        grid-row: 1/2;
        width: 95px;
        height: 80px;
        margin-top: calc(-40px - 0.5em);
        margin-left: calc(-2em/2 - 7.5px);
        background: var(--barva01);
    }

    .kostky .kostka .kostkaTexty {
        grid-column: 1/2;
        grid-row: 3/4;
        margin: 0 0 20px;
    }

    .kostky.no-img .kostka .kostkaTexty {
        grid-row: 2/3;
    }

    .kostky .kostka .viceInformaci {
        grid-column: 1/2;
        margin: 0 0 0;
        position: absolute;
        bottom: -10px;
        right: -1.25em;
    }

a.vice-sipka {
    background: var(--barva01);
    color: #171DD5;
    padding: 2px 4px 2px 8px;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
}

    a.vice-sipka:after {
        content: '';
        display: block;
        background: url('/Images/newGrafix/drag.svg') no-repeat;
        width: 15px;
        height: 12px;
        margin: 0 3px 0 5px;
    }

    a.vice-sipka:hover {
        text-decoration: none;
    }

.kostky .kostka:hover {
    border-color: #171DD5;
}

.kostkaEmpty {
    border: none !important;
    padding: 0 !important;
    height: 0 !important;
}

@media only screen and (min-width:1095px) {
    .kostky .kostka:last-child:nth-child(4), .kostky .kostka:last-child:nth-child(7) {
        grid-column: 2/3;
    }
}

@media only screen and (min-width:1095px) {
    .productsKostky {
        grid-template-columns: repeat(2,auto);
        justify-content: center;
    }
        .productsKostky .kostka{
            max-width:448px;
        }
}

@media only screen and (max-width: 991px) {
    .kostky.productsKostky {
        padding: 1em 0 0.5em;
    }
}

/*-_-section-Informace-_-*/
.section-Informace {
    padding: 5.5em 0 1em;
}

.section-Informace {
}

/*-_-section-Vcislech-_-*/
.section-Vcislech {
    padding: 2em 0;
}

    .section-Vcislech .container {
        overflow: hidden;
    }

    .section-Vcislech .cisla {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 30px 0;
    }

    .section-Vcislech .cislo {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1 1 auto;
        flex-basis: 350px;
        max-width: 350px;
        height: 260px;
        justify-content: center;
        position: relative;
        padding: 2.6em 0 0;
    }

    .section-Vcislech .VcislechCislo {
        font-size: 3rem;
        font-weight: 800;
        background: var(--barva21);
        line-height: 1em;
        padding: 0.13em 0.29em;
        text-align: center;
    }

    .section-Vcislech .VcislechText {
        font-size: 1.13rem;
        font-weight: 600;
        margin-top: 20px;
        padding: 0 30px;
        text-align: center;
    }

    .section-Vcislech .cislo:after, .section-Vcislech .cislo:before {
        content: '';
        display: block;
        background: var(--barva09);
        position: absolute;
    }

    .section-Vcislech .cislo:after {
        width: 1px;
        height: 80%;
        right: 0;
    }

    .section-Vcislech .cislo:before {
        width: 80%;
        height: 1px;
        bottom: 0;
    }

@media only screen and (min-width:1424px) {
    .section-Vcislech .cislo:nth-child(6):nth-last-child(1):before, .section-Vcislech .cislo:nth-child(7):nth-last-child(1):before, .section-Vcislech .cislo:nth-child(6):nth-last-child(2):before {
        display: none;
    }

    .section-Vcislech .cislo:nth-child(5):nth-last-child(2):before, .section-Vcislech .cislo:nth-child(5):nth-last-child(3):before {
        width: 1px;
        height: 80%;
        bottom: auto;
        left: 0;
    }

    .section-Vcislech .cislo:nth-of-type(4n+0):after {
        display: none;
    }
}

@media only screen and (min-width:1074px) and (max-width:1423px) {
    .section-Vcislech .cislo:nth-of-type(3n+0):after {
        display: none;
    }

    .section-Vcislech .cislo:nth-last-child(1):before {
        width: 1px;
        height: 80%;
        bottom: auto;
        left: 0;
    }
}

@media only screen and (max-width:720px) {
    .section-Vcislech .cislo {
        flex-basis: 240px;
        max-width: 345px;
        height: 245px;
    }
}

@media only screen and (max-width:500px) {
    .section-Vcislech .cislo {
        flex-basis: 165px;
        max-width: 320px;
        height: auto;
        padding: 2.6em 0 1.6em;
    }
}

@media only screen and (max-width:360px) {
    .section-Vcislech .cislo {
        flex-basis: 145px;
        max-width: 145px;
    }
}

@media only screen and (min-width:300px) and (max-width:1073px) {
    .section-Vcislech .cislo:nth-of-type(2n+0):after {
        display: none;
    }

    .section-Vcislech .cislo:nth-last-child(1):before {
        width: 1px;
        height: 80%;
        bottom: auto;
        left: 0;
    }
}

/*-_-section-Reference-_-*/
.section-Reference {
    padding: 1em 0 8em;
}

.reference-loga {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 5.8em 0 6em;
    filter: grayscale(100%);
}

    .reference-loga .reference-logo, .reference-loga.podstr img {
        opacity: 0.4;
        transition: all 0.4s ease-in-out;
    }

        .reference-loga .reference-logo:hover, .reference-loga.podstr img:hover {
            opacity: 0.7;
        }

        .reference-loga .reference-logo img, .reference-loga.podstr img {
            height: 71px;
        }
            .reference-loga.podstr img.CtrlPartnersLogoImg {
                max-width: none;
                margin: 0;
            }

    .reference-loga.twoRow {
        display: grid;
        grid-template-columns: repeat(5, 1fr); /* 5 equal columns */
        gap: 0;
        justify-items: stretch;
        align-items: stretch;
        margin: 2rem 5rem 1rem 5rem;
        filter: grayscale(100%);
    }

        .reference-loga.twoRow .grid-item {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 150px;
            border-bottom: 1px solid #D9DFF8;
            border-right: 1px solid #D9DFF8;
        }

            .reference-loga.twoRow .grid-item img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 1rem 2rem;
                background-color: white;
            }

            .reference-loga.twoRow .grid-item:nth-child(5n) {
                border-right: none;
            }

            .reference-loga.twoRow .grid-item:nth-last-child(-n+5) {
                border-bottom: none;
            }


    /*-_-metodika-_-*/
    .MetodikaTexty.GridTretina {
        grid-template-columns: repeat(2,1fr) 0.75fr
    }

    .MetodikaTexty.GridTretina .GDveTretina {
        padding-right: 7.50em;
    }

    .MetodikaTexty.GridTretina .GJednaTretina {
        max-width: 328px
    }

/*-_-cenik-_-*/
.tabulkaCenik {
    margin-top: 60px;
    width: 95%;
    margin: 0 0 0 66px;
}

    .tabulkaCenik tr {
        height: 90px;
        border-bottom: 5px solid white;
    }

        .tabulkaCenik tr th {
            width: 210px;
            text-align: center;
        }

    .tabulkaCenik tbody tr {
        background-color: #e7f1fa;
    }

        .tabulkaCenik tbody tr td {
            padding: 5px 20px 0px 20px;
        }

            .tabulkaCenik tbody tr td.CenikFeatureNotSupported {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                text-align: center;
                color: #9f9b92;
            }

            .tabulkaCenik tbody tr td.CenikFeatureSupported {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                text-align: center;
                color: #36b752;
            }

        .tabulkaCenik tbody tr.colorSand {
            background-color: #fdf4e2;
        }

        .tabulkaCenik tbody tr.colorGray {
            background-color: #fafafa;
        }

.WithBorder {
    border-left: 1px solid #9f9b92;
}

.buttonAsText h3 {
    border-bottom: 1px dotted #36b752;
}

a.btn.cenikBtn {
    height: 50px;
    padding: 6px 12px;
    padding-top: 14px;
}

.buttonAsText {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

.textAlignLeft {
    text-align: left;
}

.buttonAsText span {
    color: #428bca;
    text-align: left;
    border-bottom: 1px dotted #36b752;
}

/*-_-ukazky-_-*/
.ukazka {
    display: grid;
    grid-template-columns: auto 1fr;
    border-bottom: 1px solid #eee;
    margin-bottom: 3em;
    padding-bottom: 3em;
}

.ukazka-text {
    grid-column: 1/2;
    max-width: 450px;
}

.ukazka-kotvy {
    grid-column: 2/3;
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 6px 6px 56px 6px;
    padding: 0 2em;
    justify-content: space-between;
}

    .ukazka-kotvy .uk-prva, .ukazka-kotvy .uk-druha, .ukazka-kotvy .uk-treti {
        display: flex;
        align-items: center;
    }

    .ukazka-kotvy a:not(:last-child) {
        margin-right: 0.5em;
    }

    .ukazka-kotvy .uk-prva:before, .ukazka-kotvy .uk-druha:before, .ukazka-kotvy .uk-treti:before {
        content: '';
        filter: drop-shadow(0px 8px 12px #163CD10D);
        width: 48px;
        height: 48px;
        display: block;
        border-radius: 50%;
        background-size: 45% auto,cover !important;
        margin: 0 0.5em 0 0;
        flex-shrink: 0;
    }

    .ukazka-kotvy .uk-prva:before {
        background: url('/Images/newGrafix/Group_1217.svg') center no-repeat, #FFFFFF 0% 0% no-repeat padding-box;
    }

    .ukazka-kotvy .uk-druha:before {
        background: url('/Images/newGrafix/Group_1239.svg') center no-repeat, #FFFFFF 0% 0% no-repeat padding-box;
    }

    .ukazka-kotvy .uk-treti:before {
        background: url('/Images/newGrafix/Group_1240.svg') center no-repeat, #FFFFFF 0% 0% no-repeat padding-box;
    }

img.ikona {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    filter: drop-shadow(0px 8px 12px #163CD10D);
    border-radius: 100px;
    width: 72px;
    height: 72px;
    object-fit: none;
    object-position: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em 0 auto;
}

.sectionX3-container {
    font-size: 16px;
}

.sectionX3SubTitle {
    font-size: 16px;
    font-weight: bold;
}

    .sectionX3SubTitle .icon-help {
        position: relative;
        margin: 0 0.25rem;
        padding: 0 0.25rem;
    }

.ReportBoxi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 1.5em;
    margin: 1.5em 0 0;
}

    .ReportBoxi .reportBox {
        display: flex;
        align-items: center;
    }

        .ReportBoxi .reportBox:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 100%;
            margin-right: 0.5em;
            background-size: 45% auto, cover !important;
        }

        .ReportBoxi .reportBox.spatne:before {
            background: url('/Images/newGrafix/cross.svg') no-repeat center, linear-gradient(135deg, #FF4C3E 0%, #F61167 100%) no-repeat;
            box-shadow: 2px 4px 16px #FF4C3E33;
        }

        .ReportBoxi .reportBox.dobre:before {
            background: url('/Images/newGrafix/check.svg') no-repeat center, linear-gradient(133deg, #08CCA8 0%, #39B939 100%) no-repeat;
            box-shadow: 2px 4px 16px #39B93933;
        }

        .ReportBoxi .reportBox.mozne:before {
            background: url('/Images/newGrafix/Attention.svg') no-repeat center, linear-gradient(133deg, #FEB230 0%, #FF6D2D 100%) no-repeat;
            box-shadow: 2px 4px 16px #FF863233;
        }

        .ReportBoxi .reportBox.nezkoumano:before {
            background: url('/Images/newGrafix/none.svg') no-repeat center, linear-gradient(133deg, #95ABC1 0%, #838BA6 100%) no-repeat;
            box-shadow: 2px 4px 16px #FF863233;
        }

.sectionX5_imageWrapper.kolecko {
    position: relative;
}
    .sectionX5_imageWrapper.kolecko:before {
        content: '';
        display: block;
        width: 29px;
        height: 29px;
        border-radius: 100%;
        background-size: 45% auto, cover !important;
        position: absolute;
        top: -5px;
        right: -5px;
    }

    .sectionX5_imageWrapper.kolecko:before {
        background: url('/Images/newGrafix/none.svg') no-repeat center, linear-gradient(133deg, #95ABC1 0%, #838BA6 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF863233;
    }

    .sectionX5_imageWrapper.kolecko.Green:before {
        background: url('/Images/newGrafix/check.svg') no-repeat center, linear-gradient(133deg, #08CCA8 0%, #39B939 100%) no-repeat;
        box-shadow: 2px 4px 16px #39B93933;
    }

    .sectionX5_imageWrapper.kolecko.Red:before {
        background: url('/Images/newGrafix/cross.svg') no-repeat center, linear-gradient(135deg, #FF4C3E 0%, #F61167 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF4C3E33;
    }

    .sectionX5_imageWrapper.kolecko.Orange:before {
        background: url('/Images/newGrafix/Attention.svg') no-repeat center, linear-gradient(133deg, #FEB230 0%, #FF6D2D 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF863233;
    }

.UkazkyRamecky {
    border: 1px solid #D9DFF8;
    padding: 10px 30px 10px 30px;
    min-height: 100px;
    margin: 1em 0 0;
    border-radius: 12px 0 0 12px;
}

    .UkazkyRamecky:first-child {
        border-right: 0;
    }

    .UkazkyRamecky + .UkazkyRamecky {
        border-left: 0;
        border-radius: 0 12px 12px 0;
    }

    .UkazkyRamecky h2 a {
        color: inherit;
    }

/*-_-metodika-_-*/
.semafor {
    background: #fff;
    padding: 8px;
    border: 0;
    border-radius: 0;
    box-shadow: 0px 8px 24px #163CD10D;
}

    .semafor .panel-heading {
        background: #F2F6FE;
        border: 1px solid #D9DFF8;
        border-radius: 6px;
        padding: 16px;
        font-weight: bold;
    }

        .semafor .panel-heading span {
            color: #111F50 !important;
        }

    .semafor .panel-body {
        margin: 23px 0;
        padding: 0 16px;
    }

.panel:not(.semafor) {
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

    .panel:not(.semafor) .panel-heading {
        border: 1px solid #D9DFF8;
        border-bottom: 0;
        background: transparent;
        padding: 14px 16px;
        border-radius: 6px 6px 0 0;
        color: #111F50 !important;
        font-weight: bold;
    }

        .panel:not(.semafor) .panel-heading:after {
            content: '';
            width: 100%;
            height: 1px;
            background: #D9DFF8;
            display: block;
            position: relative;
            top: 8px;
        }

    .panel:not(.semafor) .panel-body {
        border: 1px solid #D9DFF8;
        border-top: 0;
        background: transparent;
        padding: 14px 16px;
        border-radius: 0 0 6px 6px;
        margin-bottom: 32px;
    }

/*-_-zakladni-sluzba-_-*/
.zakladni-sluzba {
    display: grid;
    grid-template-columns: 1fr auto;
    margin: 60px 0 0;
}

    .zakladni-sluzba .ZS-text {
        grid-column: 1/2;
        grid-row: 1/2;
        text-align: left;
        padding: 2.50em;
        background: var(--barva13);
        border-radius: 6px 0 0 6px;
    }

    .zakladni-sluzba .ZS-luba {
        grid-column: 2/3;
        grid-row: 1/2;
        padding: 0 2.50em;
        background: var(--barva13);
        border-radius: 0 6px 6px 0;
    }

        .zakladni-sluzba .ZS-luba .LupaG {
            width: 416px;
            height: 288px;
            background: url('/Images/newGrafix/lupaB.png') no-repeat;
            background-size: contain;
            margin: -60px 0 0 0;
        }

    .zakladni-sluzba .ZS-info {
        grid-column: 1/-1;
        grid-row: 2/3;
        padding: 3em 0 2em 0;
    }

/*-_-pravi fix sloupec-_-*/
/*#body-wrap.isHP .Right-tlacitka-fix {
    display: none;
}*/

/* For screens less than 900 pixels */
@media only screen and (max-width:899px) {
    .Right-tlacitka-fix {
        top: calc(128px + 16px + 8px + 33px) !important;
    }
}

/* For screens 900 pixels and wider */
@media only screen and (min-width:900px) {
    .Right-tlacitka-fix {
        top: calc(50px + 16px + 8px + 33px) !important;
    }
}


.Right-tlacitka-fix {
    position: fixed;
    top: calc(50px + 16px + 8px + 33px);
    right: 0;
    display: flex;
    flex-direction: column;
    z-index: 789
}

    .Right-tlacitka-fix a {
        background: #fff;
        box-shadow: 0px 8px 24px #163CD10D;
        border-radius: 6px 0px 0px 6px;
        width: 80px;
        min-height: 80px;
        display: block;
        margin-bottom: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .Right-tlacitka-fix a > div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            height: 100%;
        }

        .Right-tlacitka-fix a img {
        }

        .Right-tlacitka-fix a span {
            color: #111F50 !important;
            font-size: 0.75rem;
            line-height: 1.4em;
        }

/*-_-dalsi boxy-_-*/
.BoxBili {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 6px;
    padding: 1.2em 2em 2em;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 100%;
    align-items: start;
    align-content: start;
    border: 1px solid transparent;
}

    .BoxBili.Box-transparent {
        border-color: #D9DFF8;
        background: transparent;
    }

    .BoxBili .BoxNadpis {
        grid-column: 1/2;
        margin: 0;
        font-weight: bold;
    }

    .BoxBili .boxVedlePopis {
        grid-column: 2/3;
        align-self: end;
        font-weight: bold;
    }

    .BoxBili .TabList {
        grid-column: 1/-1;
        margin: 3.3em 0 0;
    }

    .BoxBili .Taby {
        display: flex;
    }
        /*border-bottom: 1px solid #D9DFF8;*/
        .BoxBili .Taby .tabLi {
            padding: 5px 15px;
            display: inline-block;
            border: 1px solid transparent;
            border-radius: 6px 6px 0 0;
            margin: 0 0 -1px 1em;
            cursor: pointer;
            min-width: 99px;
            min-height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--barva06);
        }

            .BoxBili .Taby .tabLi.activ {
                border-color: #D9DFF8;
                border-bottom: 1px solid #fff;
                text-shadow: 0 0 1px;
            }

            .BoxBili .Taby .tabLi:hover {
                border-color: #D9DFF8;
                border-bottom: 1px solid #fff;
            }

    .BoxBili.Box-transparent .Taby .tabLi.activ, .BoxBili.Box-transparent .Taby .tabLi:hover {
        border-bottom-color: var(--barva01);
    }

            .BoxBili .Taby .tabLi:first-child {
                margin-left: 0;
            }

    .BoxBili .TabList .TabObsah {
        display: none;
        padding: 4em 0;
        border-top: 1px solid #D9DFF8;
    }

        .BoxBili .TabList .TabObsah.activ {
            display: grid;
        }

            /*    .BoxBili .TabList div:nth-child(3) .TabObsah.activ {
        display: flex;
    }*/

            .BoxBili .TabList .TabObsah.activ .creditCheck-checkWorld-container {
                display: flex;
                flex-direction: column;
                flex: auto;
            }

        .BoxBili .TabList .TabObsah .form-control {
            grid-column: 1/2;
            grid-row: 1/2;
            padding-right: 12.5em;
        }

        .BoxBili .TabList .TabObsah input[type="submit"].btn {
            grid-column: 1/2;
            grid-row: 1/2;
            justify-self: end;
            margin: 0 8px;
            align-self: center;
        }

    .BoxBili .LastCheckedList {
        grid-column: 1/-1;
    }

        .BoxBili .LastCheckedList .last-ico {
            display: flex;
            align-items: center;
            font-weight: bold;
        }

            .BoxBili .LastCheckedList .last-ico:before {
                content: '';
                background: url('/Images/newGrafix/counterclockwise.svg') no-repeat;
                display: block;
                width: 24px;
                height: 24px;
                margin: 0 10px 0 0;
            }

            .BoxBili .LastCheckedList .last-ico:after {
                content: '';
                height: 1px;
                background: #DAE1FF;
                display: block;
                flex: 1 0 auto;
                margin: 0 0 0 10px;
            }

    .BoxBili .ReportBoxi {
        margin: 31px 0 0;
        grid-gap: 1.5em 0;
    }

/* #################################################################################################### */
/* ################################# Select2 DropDownList with search ############################# */
/* #################################################################################################### */

.select2-container {
    margin: 0 0 1em 0 !important;
}

.select2-container--default .selection .select2-selection {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid var(--barva09);
    border-radius: 6px;
    height: 64px;
    padding: 8px;
    display: flex;
    align-items: center;
}

    .select2-container--default .selection .select2-selection:hover {
        border-color: var(--barva07);
    }

    .select2-container--default .selection .select2-selection .select2-selection__rendered {
        padding: 0 0 0 0;
    }

    .select2-container--default .selection .select2-selection .select2-selection__arrow {
        top: 50%;
        transform: translateY(-50%);
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

    .select2-container .select2-selection--single .select2-selection__rendered img {
        width: 1.5em;
        height: 1.25em;
        margin-right: 0.5em;
    }

.select2-results__option--selectable img {
    width: 1.25em;
    height: 1em;
    margin-right: 0.5em;
}

.select2-dropdown {
    border: 1px solid var(--barva09) !important;
    border-radius: 6px;
}

    .select2-dropdown:hover {
        border-color: var(--barva07) !important;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid var(--barva09) !important;
    border-radius: 6px;
    height: 2.5em;
    padding: 0.5em;
}

    .select2-container--default .select2-search--dropdown .select2-search__field:hover,
    .select2-container--default .select2-search--dropdown .select2-search__field:focus,
    .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible,
    .select2-container--default .select2-search--dropdown .select2-search__field:active {
        border-color: var(--barva07) !important;
    }


/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */

.creditCheck-checkWorld-container .form-control {
    margin: 0 0 1em 0;
}

.creditCheck-checkWorld-container .btn {
    width: 100% !important;
}

.creditCheck-checkWorld-container .creditCheck-checkWorld-showcases {
    grid-column: 1/-1;
}

    .creditCheck-checkWorld-container .creditCheck-checkWorld-showcases > span:nth-child(1) {
        display: flex;
        align-items: center;
        font-weight: bold;
    }

        .creditCheck-checkWorld-container .creditCheck-checkWorld-showcases > span:nth-child(1):after {
            content: '';
            height: 1px;
            background: #DAE1FF;
            display: block;
            flex: 1 0 auto;
            margin: 0 0 0 10px;
        }

    .creditCheck-checkWorld-container .creditCheck-checkWorld-showcases > div:nth-child(2) {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        grid-gap: 1.5em 0;
        margin: 31px 0 0;
    }

        .creditCheck-checkWorld-container .creditCheck-checkWorld-showcases > div:nth-child(2) a {
            display: flex;
            align-items: center;
        }

            .creditCheck-checkWorld-container .creditCheck-checkWorld-showcases > div:nth-child(2) a:before {
                content: '';
                background: url('/Images/icons/pdf.png');
                background-repeat: no-repeat;
                display: inline-block;
                width: 24px;
                height: 24px;
                padding: 0.5em;
                margin: 0 0.25em 0 0;
            }


.nebo {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.ViceInRadku{
    display:grid;
    gap:16px
}

    .BoxBili .TabList .TabObsah .ViceInRadku input.form-control {grid-column: 1/2;padding-right: 16px;}
    .BoxBili .TabList .TabObsah .ViceInRadku input.form-control:nth-child(1){grid-row:1/2;}
    .BoxBili .TabList .TabObsah .ViceInRadku input.form-control:nth-child(2){grid-row: 2/3;}
    .BoxBili .TabList .TabObsah .ViceInRadku input.form-control:nth-child(3) {grid-row: 3/4;}
    .BoxBili .TabList .TabObsah .ViceInRadku input.btn {grid-row: 4/5;justify-self: normal;}

    .nebo {
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
    }

    .nebo:before, .nebo:after {
        content: '';
        width: 1px;
        flex: 1 0 auto;
        background: #D9DFF8
    }

    .nebo span {
        color: #1657F8;
        margin: 1em 0;
    }

#novinky {
    margin: 5.25em 0 0;
}

.Novinky {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    grid-gap: 2em 2em;
    padding: 2.7em 0;
}


    .Novinky .Novinka {
        border: 1px solid #D9DFF8;
        border-radius: 6px;
        width: 100%;
        padding: 1.2em 2em;
        position: relative;
        background: var(--barva01);
/*        display: grid;
        grid-template-columns: auto 1fr;
        align-content: start;*/
      transition: all ease-in-out 0.3s;
    }

        .Novinky .Novinka > div{
            display: flex;
            flex-direction: row;
        }

        .Novinky .Novinka .datum {
            grid-column: 1/2;
            grid-row: 1/2;
            align-self: stretch;
            display: flex;
            align-items: center;
            font-weight: bold;
        }

            .Novinky .Novinka .datum:before {
                content: '';
                display: block;
                width: 24px;
                height: 24px;
                background: url('/Images/newGrafix/calendar-2.svg') no-repeat;
                margin: 0 0.75em 0 0;
            }

        .Novinky .Novinka .prelepky {
            grid-column: 2/3;
            grid-row: 1/2;
            padding: 3px 0 3px 2em;
            display: flex;
            gap: 0 9px;
            flex-wrap: wrap;
        }

            .Novinky .Novinka .prelepky .prelepka {
                display: inline-block;
                background: #D9DFF8;
                border-radius: 8px;
                padding: 0 10px;
                font-size: 0.88rem;
                font-weight: 600;
            }

                .Novinky .Novinka .prelepky .prelepka[style*="background-color: orange"], .Novinky .Novinka .prelepky .prelepka[style*="background-color:orange"], .Novinky .Novinka .prelepky .prelepka.orange {
                    background: #feb230 !important;
                }

                .Novinky .Novinka .prelepky .prelepka.nova {
                    background: #FEB230;
                }

        .Novinky .Novinka .NovinkaNadpis, .Novinky .Novinka h4 {
            grid-column: 1/-1;
            grid-row: 2/3;
            font-weight: bold;
            margin: 14px 0 3px;
        }

        .Novinky .Novinka .NovinkaText {
            grid-column: 1/-1;
            grid-row: 3/4;
            margin: 0 0 13px;
        }

        .Novinky .Novinka .viceInformaci {
            grid-column: -2/-1;
            position: absolute;
            bottom: -10px;
            right: -17px;
        }

        .Novinky .Novinka:hover {
            border-color: #171DD5;
        }

.tlacitka {
    padding: 6.3em 0 6em;
}

/*-_-XX-_-*/

.ReLiBlock:last-of-type + hr {
    display:none;
}

.CtrlPartnersLogo {
    float: right;
    margin-left: 50px;
    margin-top: 0px;
}

img.CtrlPartnersLogoImg {
    max-width: calc(15%/2);
    height: auto;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
    img.CtrlPartnersLogoImg {
        max-width: calc(50%/2);
    }
}

.CtrlListBoxImg {
    max-width: 250px;
    min-width: 80px;
    height: auto;
    width: 90%;
}

    .CtrlListBoxImg.oramovani:not([src=""]) {
        max-width: calc(250px + (16px*2));
        border-radius: 6px 6px 80px 6px;
        border-width: 16px !important;
        background: var(--barva02);
        min-height: calc((250px + (16px*2))/2);
        object-fit: contain;
        object-position: center;
    }

.ReferenceBlockImg {
    padding: 30px 0 0 0;
    max-width: 180px;
    height: auto;
}
.oramuj {
    border-width: 16px !important;
    border-radius: 6px 6px 80px 6px;
    max-width: calc(250px + (16px*2));
    min-height: calc((250px + (16px*2))/2);
    background: var(--barva02);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width:90%;
}
    .oramuj img {
        max-width: 100%;
        min-height: 100%;
        width:auto;
        object-fit: contain;
        object-position: center;
        padding: 0;
    }
.productsUkazkyImg {
    max-width: 100%;
}

.OdkazOdsad a.btn{
    margin-top: 2.81em;
}

/*-_-paticka-_-*/
#footer-wrap {
    background: #111F50;
    color: #fff;
    padding: 4em 0 1.2em 0;
    overflow: hidden;
}

    #footer-wrap #sectionZpusobyProverovani {
        min-height: auto !important;
        padding-top: 0 !important;
        background-color: transparent !important;
    }

    #footer-wrap .container {
        margin: 0 auto !important;
        position: relative;
    }

        #footer-wrap .container:before {
            content: '';
            width: 560px;
            height: 366px;
            display: block;
            background-image: url('/images/newGrafix/logo_footer_bg.svg');
            background-repeat: no-repeat;
            background-position: 0;
            position: absolute;
            bottom: -110px;
            right: 0;
            z-index: 0;
        }

        #footer-wrap .container .footer-navigace {
            z-index: 1;
            position: relative;
        }

        #footer-wrap .container .footer-nav {
        }

            #footer-wrap .container .footer-nav .footerGreenHeaders {
                color: var(--barva19);
            }

            #footer-wrap .container .footer-nav .footerMenuLinks {
                display: flex;
                flex-direction: column;
                font-size: 0.88em;
            }

                #footer-wrap .container .footer-nav .footerMenuLinks .footerLinks {
                    margin-top: 0.2em;
                }

                    #footer-wrap .container .footer-nav .footerMenuLinks .footerLinks + .footerLinks {
                        margin-top: 0.6em;
                    }

    .footerLinks, #footer-wrap a {
        color: #F9FBFF;
        text-decoration: none;
        font-weight: normal;
    }

        .footerLinks:hover, #footer-wrap a:hover {
            color: #fff;
        }

img.logo-footer {
    margin: 63px 24px;
}

#footer-wrap .listicka {
    margin: 3.2em 0 0;
    padding: 1.2em 1em 0;
    border-top: 1px solid #333F6A;
    z-index: 1;
    position: relative;
}

    #footer-wrap .listicka .listaF {
        display: flex;
        flex-wrap: wrap;
    }

    #footer-wrap .listicka .copy {
        flex-grow: 1;
    }

    #footer-wrap .listicka a.footer-mail {
        color: var(--barva19);
        margin: 0 4.5em 0 0;
    }

        #footer-wrap .listicka a.footer-mail:before {
            content: '';
            display: inline-block;
            background: url('/Images/newGrafix/contact_mail.svg') no-repeat;
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin: 0 13px 0 0;
        }

    #footer-wrap .listicka .footer-tel {
        color: var(--barva19);
    }

        #footer-wrap .listicka .footer-tel:before {
            content: '';
            display: inline-block;
            background: url('/Images/newGrafix/contact_phone.svg') no-repeat;
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin: 0 19px 0 0;
        }

/*-_-docasne-_-*/
.footerHeaderRow {
    display: none;
}
/*zakomentovat v kodu*/
#ctl00_MainContent_DuverujBook1_sectionDuverujAleProveruj {
    display: none;
}
/*
#content-wrap{display:none;}
#footer-wrap{display:none;}
*/

/*-_-respo-_-*/

@media only screen and (min-width:1566px) {
    #body-wrap:not(.isHP) #content-wrap {
        padding-right: 0;
    }
}

@media only screen and (max-width:1370px) {
    .section-Proveruj .uvodni-obrazek .ruka-leva {
        margin: 0;
    }
}

@media only screen and (max-width:1320px) {
    .section-Proveruj {
        border-radius: 0px 0px 140px 0px;
    }

        .section-Proveruj .uvodni-obrazek .carky {
            margin-left: 82px;
        }

        .section-Proveruj .uvodni-obrazek .ruka-prava {
            width: 343px;
            height: 370px;
            background-size: contain;
            padding: 47px 36px 0 10px;
        }

        .section-Proveruj .uvodni-obrazek .ruka-leva {
            background-size: contain;
            width: 227px;
            height: 200px;
            justify-self: end;
            margin: 0 80px 0 0;
        }

        .section-Proveruj .uvodni-obrazek .obsah-telefonu {
            height: 152px;
        }

            .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko {
                width: 25px;
                height: 25px;
                margin: 10px auto;
            }

                .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko::before {
                    width: 14px;
                    height: 14px;
                }
}

@media only screen and (max-width:1120px) {
    .GridPulka.rozdel .GLevaPulka {
        padding-right: 1em;
    }

    .GridPulka.rozdel .GPravaPulka {
        padding-left: 1em;
    }

    .BoxBili .Taby .tabLi {
        margin-left: 0.5em;
    }
}
/* @media only screen and (max-width:1100px) and (min-width:911px){ */
/* .section-Proveruj .form-prover{flex-wrap:wrap;} */
/* .section-Proveruj .form-prover input[type="text"]{padding-right: 8px;} */
/* .section-Proveruj .form-prover .btn {margin-left: 0;margin-top:0.5em;margin-bottom:1em;} */
/* } */
@media only screen and (max-width:1100px) {
    .section-Proveruj .row {
        display: grid;
        grid-template-columns: 40% 1fr;
    }

    .section-Proveruj .leva {
        width: 100%;
        padding-right: 21px;
    }

    .section-Proveruj .prava {
        width: 100%;
        align-self: end;
    }
}

@media only screen and (max-width:1030px) {
    .ukazka {
        grid-template-columns: 100%;
        grid-gap: 2em;
    }

    .ukazka-text {
        grid-column: 1/2;
        max-width: none;
    }

    .ukazka-kotvy {
        grid-column: 1/2;
        min-height: 120px;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:991px) {
    #body-wrap:not(.isHP) #content-wrap {
        padding-top: 1em;
    }

    .GridTretina {
        grid-template-columns: 100%;
    }

        .GridTretina .GDveTretina {
            grid-column: 1/2;
            grid-row: 1/2;
            padding-right: 0;
        }

        .GridTretina .GJednaTretina {
            grid-column: 1/2;
            grid-row: 2/3;
            max-width: none;
        }

        .GridTretina .GCelaPulka {
            grid-column: 1/2;
        }

    .GridPulka, .GridPulka.rozdel {
        grid-template-columns: 100%;
    }

        .GridPulka .GLevaPulka {
            grid-column: 1/2;
            padding-right: 0;
            padding-top: 1.5em;
        }

        .GridPulka .GPravaPulka {
            grid-column: 1/2;
            padding-left: 0;
            padding-top: 1.5em;
        }

        .GridPulka .GCelaPulka {
            grid-column: 1/2;
        }

        .GridPulka .GRozdelPulka {
            grid-column: 1/2;
        }

    .nebo {
        flex-direction: row;
    }

        .nebo:before, .nebo:after {
            height: 1px;
        }

        .nebo span {
            margin: 1em;
        }

    .zakladni-sluzba {
        grid-template-columns: 100%;
    }

        .zakladni-sluzba .ZS-text {
            grid-column: 1/2;
            grid-row: 2/3;
        }

        .zakladni-sluzba .ZS-luba {
            grid-column: 1/2;
            grid-row: 1/2;
        }

            .zakladni-sluzba .ZS-luba .LupaG {
                margin: auto;
                width: calc(416px/2);
                height: calc(288px/2);
            }

        .zakladni-sluzba .ZS-info {
            grid-column: 1/2;
            grid-row: 3/4;
        }

    #footer-wrap .container .footer-navigace {
        display: flex;
        flex-wrap: wrap;
    }

    #footer-wrap .container .footer-nav {
        flex-grow: 1;
        margin-right: 1em;
    }

        #footer-wrap .container .footer-nav:last-child {
            flex-grow: 0;
            margin-right: 0;
        }
}

@media only screen and (max-width:910px) {
    body {
        min-width: 320px;
    }
    /*:root{--velikostPisma: 14px;}
	h1{font-size:2.29rem}
	h2{font-size:1.43rem}
	h3{font-size:1.24rem}
	h4{font-size:1.14rem}
	h5{font-size:1.04rem}
	.navbar-inverse{font-size:1.14rem;}/*16px*/
    /*#footer-wrap{font-size:1.07rem;}/*15px*/

    .section-Proveruj {
        border-radius: 0px 0px 72px 0px;
    }

        .section-Proveruj .row {
            display: grid;
            grid-template-columns: 100%;
        }

        .section-Proveruj .leva {
            padding: 0;
        }

        .section-Proveruj .form-prover {
            margin: 0 0 1em;
        }

        .section-Proveruj .prava {
            padding: 0;
            max-width: 320px;
            justify-self: center;
        }

        .section-Proveruj .uvodni-obrazek .carky {
            width: 32px;
            height: 32px;
            background-size: contain;
            margin-left: 80px;
        }

        .section-Proveruj .uvodni-obrazek .pozadi {
            margin: 0 40px 0 67px;
        }

        .section-Proveruj .uvodni-obrazek .jak-video {
            margin: 10px 0 0 0;
            grid-column: 1/-1;
        }

            .section-Proveruj .uvodni-obrazek .jak-video p {
                transform: rotate(-90deg);
                margin: 0 -50px 0 -40px;
            }

        .section-Proveruj .uvodni-obrazek .ruka-prava {
            width: 201px;
            height: 217px;
            padding: 28px 20px 0 6px;
            justify-self: end;
        }

        .section-Proveruj .uvodni-obrazek .obsah-telefonu {
            height: 88px;
        }

        .section-Proveruj .uvodni-obrazek .ruka-leva {
            width: 136px;
            height: 120px;
            margin: 0;
            grid-column: 1/4;
            justify-self: start;
        }

        .section-Proveruj .uvodni-obrazek .obsah-telefonu h3 {
            padding: 5px 0;
            font-size: 1rem;
        }

        .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko {
            width: 15px;
            height: 15px;
            margin: 8px auto;
        }

            .section-Proveruj .uvodni-obrazek .obsah-telefonu .kolecko::before {
                width: 9px;
                height: 9px;
            }

        .section-Proveruj .uvodni-obrazek .obsah-telefonu .rizikoText {
            font-size: 0.71rem;
        }

    .section-ZpusobyPouziti {
        padding: 1em 0 0;
    }

    .section-Vcislech {
        padding: 1em 0 0;
    }

    .section-Reference {
        padding: 1em 0 0;
    }
}

@media only screen and (max-width:800px) {
    .section-Trial .form-group {
        padding: 0;
    }

    .section-Trial .form-group-inline-Api {
        display: block;
    }

        .section-Trial .form-group-inline-Api label {
            padding: 0 0 0 8px;
        }
}

@media only screen and (max-width:700px) {
    .user {
        margin: 0 8px;
    }

        .user > a.prihlaseniTL {
            border: 0;
            font-size: 0;
            padding: 10px 0;
        }

    .navbar-inverse .navbar-brand {
        width: 138px;
        height: 14px;
        background-size: contain;
    }

    .zdarma-tl a.btn {
        padding: 9px 8px;
        font-size: 0.8em;
    }

        .zdarma-tl a.btn span {
            display: none;
        }

    .zakladni-sluzba .ZS-text {
        padding-left: 10px;
        padding-right: 10px;
    }

    .green_potrzeni u {
        text-decoration: underline;
        text-decoration-thickness: 8px;
        text-decoration-color: var(--barva10);
        text-underline-position: auto;
    }

        .green_potrzeni u:before {
            display: none;
        }
}

@media only screen and (max-width:1600px) {
    .hideWhen1600 {
        display: none;
    }
}
 
 @media only screen and (max-width:665px) {
    .Right-tlacitka-fix {
        display: none;
    }

    #body-wrap:not(.isHP) #content-wrap {
        padding-right: 0;
    }

    .navbar > .container .navbar-brand {
        background: url('/Images/newGrafix/icon.svg') no-repeat;
        width: 37px;
        height: 24px;
        margin: 0;
        align-self: center;
    }
}

@media only screen and (max-width:550px) {
    .section-Proveruj .nadpis {
        text-align: center;
        margin-top: 1em;
        margin-bottom: 0;
    }

    .section-Proveruj .podtext {
        display: none;
    }

    .BoxBili {
        padding-left: 1em;
        padding-right: 1em;
    }

        .BoxBili .BoxNadpis, .BoxBili .boxVedlePopis {
            grid-column: 1/-1;
        }

        .BoxBili .TabList .TabObsah {
            padding-top: 1em;
            margin-top: 1em;
        }

        .BoxBili .Taby {
            flex-wrap: wrap;
            gap: 5px;
        }

            .BoxBili .Taby .tabLi {
                padding: 0.3em 0.5em;
                margin: 0;
                border-radius: 6px;
            }

                .BoxBili .Taby .tabLi:hover, .BoxBili .Taby .tabLi.activ {
                    border-bottom-color: #D9DFF8;
                }

        .BoxBili .TabList .TabObsah .form-control {
            padding-right: 8px;
        }

        .BoxBili .TabList .TabObsah input[type="submit"].btn {
            grid-row: 2/3;
            justify-self: start;
            margin: 8px 0 0;
        }
}

@media only screen and (max-width:520px) {
    /*.section-Proveruj .form-prover{flex-wrap:wrap;}
	.section-Proveruj .form-prover input[type="text"]{padding-right: 8px;}
	.section-Proveruj .form-prover .btn{font-size:1rem;margin-left: 0;margin-top:0.5em;margin-bottom:1em;padding: 10px 16px;}*/
    .section-Proveruj .form-prover input[type="text"] {
    }
    /*padding-right:calc(130px + 8px)*/
    .section-Proveruj .form-prover .btn {
        font-size: 0.8rem;
        padding-left: 6px;
        padding-right: 6px;
    }
    /*margin-left:calc(-130px);*/
    .reference-loga .reference-logo {
        width: 50%;
        text-align: center;
    }

        .reference-loga .reference-logo img {
            max-width: 100%;
            object-fit: contain;
        }

    .btn-secondary, a.btn-secondary {
        min-width: auto;
        max-width: 448px;
        width: calc(100% - 1em) !important;
    }
}

@media only screen and (max-width:480px) {
    .kostky, .Novinky {
        grid-template-columns: 100%;
    }

        .Novinky .Novinka {
            grid-template-columns: 100%;
        }

            .Novinky .Novinka .datum {
                grid-column: 1/-1;
            }

            .Novinky .Novinka .prelepky {
                grid-column: 1/-1;
                grid-row: 2/3;
                padding: 0.5em 0;
            }

            .Novinky .Novinka .NovinkaNadpis {
                grid-row: 3/4;
            }

            .Novinky .Novinka .NovinkaText {
                grid-row: 4/5;
            }

    #footer-wrap .container {
        padding-left: 50px;
        padding-right: 50px;
    }

    #footer-wrap .listicka {
        padding-left: 0;
        padding-right: 0;
    }

    img.logo-footer {
        margin: 1em 0 0;
    }

    #footer-wrap .container .footer-nav {
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 2em;
    }

        #footer-wrap .container .footer-nav:last-child {
            margin-bottom: 0;
        }

    #footer-wrap .listicka .listaF {
        justify-content: center;
    }

    #footer-wrap .listicka .copy {
        flex-grow: 0;
        order: 3;
    }

    #footer-wrap .listicka a.footer-mail {
        margin: 0
    }

    #footer-wrap .listicka .footer-tel {
        margin: 1em 0;
    }
}
/*-_- admin/user -_-*/
.BackToTopBtnHidden {
    display: none;
}

.BackToTopBtnAwesomeIcon {
    display: none !important;
}
/*
.adminSectionNavbar {background: #111F50;padding: 0;}
.adminSectionNavbar ul {text-decoration: none;color: black;}
.adminSectionNavbar ul li{text-decoration: none;list-style: none;}
.adminSectionNavbar ul li a:hover{text-decoration: none;}
.adminSectionNavbar .panel-group{display: flex;width: 100%;max-width: var(--maxsirka);margin: 0 auto;padding: var(--odsazeni) !important;}
.adminSectionNavbar .panel-group .panel + .panel{margin-top:0;margin-right: 0;}
.adminSectionNavbar .panel-default .panel-heading {border: 0;background: transparent;padding: 0.5em 0.5em 0.75em;border-radius: 0;color: #fff !important;border-top: 4px solid transparent;}
.adminSectionNavbar .panel-default .panel-heading-active {background-color: #63aae7;border-color: #135ab7;color: black;}
.adminSectionNavbar .panel {margin-right: 20px;background:none;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.adminSectionNavbar .panel a{text-decoration: none;}
.adminSectionNavbar .panel a:hover {text-decoration: none;}
.adminSectionNavbar .panel-heading:hover  {border-top-color: #2BF260;}
.adminSectionNavbar .panel-group .panel-heading::after{display:none;}
*/
.user > .dropdown-menu .btnAsText {
    padding: 0;
    margin: 3px 0;
    color: #111F50;
    font-size: 0.88em;
    padding: 0 0 0 20px;
}

.btnAsText {
    text-decoration: none;
    display: inline-block;
    border: none;
    background: transparent;
}

.btnAsTextBlue {
    text-decoration: none;
    display: inline-block;
    border: none;
    background: transparent;
    color: #3e8acc;
}

.blue {
    color: #3e8acc;
}

/* ############################################################# */
/* ################## CtrlCenik_NotRegistered ################## */
/* ############################################################# */

@media only screen and (max-width:800px) {
    .section-PriceListNotRegistered .form-group {
        padding: 0;
    }

    .section-PriceListNotRegistered .form-group-inline-Api {
        display: block;
    }

        .section-PriceListNotRegistered .form-group-inline-Api label {
            padding: 0 0 0 8px;
        }
}

.section-PriceListNotRegistered .form-group {
}

@media only screen and (min-width:801px) {
    .PriceListNotRegistered-form {
        display: grid;
        justify-content: center;
        grid-template-columns: 15% 70% 15%;
    }

    .section-PriceListNotRegistered .form-group-inline-Api {
        display: grid;
        grid-template-columns: 240px 1fr;
    }
}

.section-PriceListNotRegistered .btn {
    display: block;
}

.PriceListNotRegistered-form .PriceListNotRegistered-form-item {
}

.PriceListNotRegistered-Gdpr {
    font-size: 0.85em;
    font-weight: normal;
    margin-top: 1em;
}

/* ############################################################# */
/* ############################################################# */
/* ############################################################# */

/* ############################################################# */
/* ################### AutoCompleteExtender #################### */
/* ############################################################# */
.autoCompleteExtender-completionList {
    border: 1px solid #D9DFF8;
    border-radius: 6px;
    margin: 0.125em 0 0 0;
    padding: 0.1em;
    min-height: 5em;
    overflow: hidden;
    z-index: 100;
    background: #fff;
}

.autoCompleteExtender-listItem {
    color: #111F50;
}

.autoCompleteExtender-itemHighlighted {
    color: #FFFFFF;
    background: linear-gradient(180deg, #1657F8 0%, #171DD5 50%, #1657F8 100%);
    box-shadow: inset 0px -4px 4px #111f5033, 2px 4px 16px #1655f766;
}
/* ############################################################# */
/* ############################################################# */
/* ############################################################# */

.actionHeader-button {
    display: block;
}

    .actionHeader-button > a:hover {
        border-color: #171DD5;
    }

    .actionHeader-button > a {
        display: inline-block;
        border: 1px solid #D9DFF8;
        border-radius: 6px;
        padding: 0.7em 1em;
        margin-left: 0.9em;
        margin: 0 0.75em 0 0.75em;
        letter-spacing: 0.22px;
        color: var(--barva04);
        height: auto;
        line-height: normal;
        /*font: normal normal normal 16px/24px Lexend Deca;*/
        font-size: 1rem;
        font-weight: normal;
        cursor: pointer;
        text-decoration: none;
    }

    .actionHeader-button > a > span{
        margin: auto;
    }

    .actionHeader-button .icon:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 1.5em;
        height: 1.5em;
        border-radius: 100%;
        /*        background-size: 45% auto, cover !important;*/
    }

    .actionHeader-button .icon-creditCheck:before {
        background: url('/Images/newGrafix/icon-creditCheck-black.svg') 1px 6px no-repeat;
    }

    .actionHeader-button .icon-share:before {
        background: url('/Images/newGrafix/share.svg') 1px 6px no-repeat;
    }

    .actionHeader-button .icon-alertTriangle:before {
        background: url('/Images/newGrafix/report/AlertTriangle.svg') 2px 3px no-repeat;
    }

    .actionHeader-button .icon-pdf:before {
        background: url('/Images/newGrafix/icon-pdf-black.svg') 2px 3px no-repeat;
    }


    .actionHeader-button .icon-Monitoring {
        display: inline-block;
        color: white;
        background: transparent linear-gradient(180deg, #1657F8 0%, #171DD5 100%) 0% 0% no-repeat padding-box;
        box-shadow: inset 0px -4px 4px #111F5033, 2px 4px 16px #1655F766;
        margin-right: 0;
    }

        .actionHeader-button .icon-Monitoring:before {
            background: url('/Images/icons/Union%2046.png') 5px 1px no-repeat;
        }

.btn-lite {
    display: inline-block;
    height: auto;
    color: #111F50;
    font-size: 16px;
    font-weight: 500;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
    border: 1px solid #D9DFF8;
    border-radius: 6px;
    letter-spacing: 0.22px;
    line-height: normal;
    cursor: pointer;
    text-decoration: none;
    margin-top: 40px;
}

a.btn-lite {
    color: #111F50;
    padding: 0.75rem 2rem;
}

.btn-lite:hover {
    border-color: #171DD5;
}


.hrBefore {
    display: flex;
    align-items: end;
    justify-content: end;
}

    .hrBefore:before {
        background: #ccc;
        height: 1px;
        flex: 1;
        content: '';
        margin: 15px 15px 10px 0;
    }

.sectionDocumentationLink {
    cursor: pointer;
    right: 0px;
    position: absolute;
    padding: 3px 50px 3px 0;
    font-weight: var(--fontWeightSemiBold);
}

.sectionDocumentationLinkIcon {
    margin-left: 5px;
}

.sectionWrapperCCL_Exekuce {
    padding: 2em;
    border: none !important;
}

    .sectionWrapperCCL_Exekuce .sectionHeaderLabel {
        margin-left: 0px;
        font-size: 20px;
    }

    .sectionWrapperCCL_Exekuce .CollapsableSection {
        margin: 25px 0px;
    }

    .sectionWrapperCCL_Exekuce #divMsg {
        margin-left: 4px;
        margin-right: 50px;
    }

.CCL_Exekuce_OdrazkaZelena {
    padding: 0 0 0 1.2em;
}

    .CCL_Exekuce_OdrazkaZelena:before {
        display: inline-block;
        content: '';
        position: relative;
        margin-top: -3px;
        margin-left: -8px;
        left: calc((-1em + 8px)/1.25);
        width: 8px;
        height: 8px;
        background: transparent linear-gradient(180deg, #12B85A 0%, #00DC61 100%) 0% 0% no-repeat padding-box;
        border-radius: 3px;
        box-shadow: inset 0px -4px 4px #111f5033, 2px 4px 16px #1655f766;
        vertical-align: middle;
    }

.sectionWrapperCCL_Exekuce #lblNoneData {
    font-size: 1.2em;
    font-weight: 700;
}

#body-wrap:is(.isCCLFree) .nadpis {
    width: 100%;
}

#body-wrap:is(.isCCLFree) #sectionCCLJakPouzivat {
    background: none !important;
}



div #divDropDownPDFOptions {
    left: inherit !important;
}

.hidebutton {
    display: none;
}

.iconHide {
    display: none;
}


.warmingLabelRed {
    width: 100%;
    text-align: center;
    color: #F61167;
    margin: 2em 0 1em;
    display: inline-block;
}

.noLinkAvailable:hover {
    color: var(--barva04);
    cursor: default;
    text-decoration: underline;
}

.LastCheckedList .noLinkAvailable {
    color: var(--barva04);
    cursor: default;
    text-decoration: underline;
}

    .LastCheckedList .noLinkAvailable:hover {
        color: var(--barva04);
        cursor: default;
        text-decoration: underline;
    }

.disabled {
    opacity: 0.5;
    cursor: default;
}

    .disabled:hover {
        opacity: 0.5;
        cursor: default;
    }

.report-lide-angazmaNadpis h4 {
    font-size: 16px;
    font-weight: bold;
}

.report-lide-tblLide {
}

    .report-lide-tblLide tr td, th {
        border: none;
    }

    .report-lide-tblLide tbody > tr > th {
        font-size: 14px;
        font-weight: bold;
        padding: 1em 1.175em;
        line-height: normal;
        vertical-align: middle;
    }

    .report-lide-tblLide tbody > tr > td {
        font-size: 14px;
        font-weight: 500;
        padding: 1em 1.175em;
        line-height: normal;
        vertical-align: top;
        border-top: 1px solid #D9DFF8;
    }

        .report-lide-tblLide tbody > tr > td:nth-child(1), .report-lide-tblLide tbody > tr > th:nth-child(1) {
            width: 25%;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(2), .report-lide-tblLide tbody > tr > th:nth-child(2) {
            width: 20%;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(3), .report-lide-tblLide tbody > tr > th:nth-child(3) {
            width: 15%;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(4), .report-lide-tblLide tbody > tr > th:nth-child(4) {
            width: 10%;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(5), .report-lide-tblLide tbody > tr > th:nth-child(5) {
            width: 10%;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(6), .report-lide-tblLide tbody > tr > th:nth-child(6) {
            width: 10%;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(7), .report-lide-tblLide tbody > tr > th:nth-child(7) {
            width: 5%;
            text-align: center;
        }

        .report-lide-tblLide tbody > tr > td:nth-child(8), .report-lide-tblLide tbody > tr > th:nth-child(8) {
            width: 5%;
        }

        .report-lide-tblLide tbody > tr > td br {
            margin: 0.25em;
            display: block;
            content: "";
        }

        .report-lide-tblLide tbody > tr > td a {
            padding-right: 0.175em;
            font-weight: 600;
        }

.report-lide-tblLide-linksContainer {
    display: flex;
    flex-direction: row;
    margin: 0.25rem 0;
}

    .report-lide-tblLide-linksContainer a:hover {
        margin-left: 0;
    }

    .report-lide-tblLide-linksContainer a:hover {
        text-decoration: none;
    }

        .report-lide-tblLide-linksContainer a img, .report-lide-tblLide-linksContainer a i {
            margin-right: 0.25em;
            height: 100%;
            vertical-align: baseline;
        }

.report-lide-tblLide-monitoring {
    text-decoration: underline;
}

.report-lide-tblLide-monitoring:hover {
    text-decoration: none;
}


.report-lide-people-name-caption img {
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 32px;
    padding: 0.5rem;
    margin: 0 0.25rem 0 0;
}


/* ############################################################# */
/* ############################################################# */
/* ############################################################# */



/* ############################################################# */
/* ######################## Cenik.aspx ######################### */
/* ############################################################# */

.priceList-container {
    /*    margin-left: 8%;*/
}

.priceList-tableSection {
    position: relative;
}

#dPriceListFavoriteOrder {
    position: absolute;
    height: 100%;
    box-shadow: 0px 8px 24px #163CD10D;
    border: 1px solid #1657F8;
    border-radius: 6px;
    background: none !important;
    pointer-events: none !important;
    visibility: hidden;
}

    #dPriceListFavoriteOrder span {
        font-family: 'Lexend Deca', Medium;
        font-size: 12px;
        font-weight: 500;
        color: #1657F8;
        position: absolute;
        background: var(--barva01);
        padding: 0.5em;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.priceList-whiteBox {
    text-align: left;
    background-color: #fff;
    border-radius: 6px;
    height: 17.85rem;
    padding: 0.75em 1em;
}

@media only screen and (max-width: 720px) {

    .priceList-whiteBox {
        height: 21.5rem
    }

}

.priceList-subCaption {
    font-size: 16px;
}

.priceList-table {
    width: 95%;
    /*    margin: 0 0 0 66px;*/
}

    .priceList-table img {
        margin-left: 0.5em;
        vertical-align: top;
    }

    .priceList-table tr {
        height: 90px;
        border-bottom: 1px solid #D9DFF8;
    }

        .priceList-table tr th {
            width: 210px;
            padding: 1.5em 1em 1.5em 1em;
        }

    .priceList-table tbody h3 {
        font-size: 16px;
        font-weight: bold;
        margin-top: 0px;
    }

    .priceList-table tbody h4 {
        font-size: 14px;
        font-weight: bold;
        margin-top: 0px;
    }

        /* SK flag in Cenik.aspx */
        .priceList-table tbody h4 img {
            width: 24px;
            height: 14px;
            vertical-align: text-top;
            margin-left: 0.5em;
        }

    .priceList-table tbody a {
        font-size: 14px;
        font-weight: bold;
    }

    .priceList-table tbody p {
        font-size: 14px;
        font-weight: normal;
    }

    .priceList-table tbody tr td {
        padding: 0.5em 1em 0.5em 1em;
    }

    .priceList-table tfoot tr {
        border-bottom: none;
    }

.priceList-table-header {
}

    .priceList-table-header h2 {
        font-size: 24px;
        font-weight: bold;
    }

    .priceList-table-header p {
        font-size: 14px;
        font-weight: normal;
    }

    .priceList-table-header .priceList-colDescription {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        vertical-align: bottom;
    }

.priceList-packagePrice-container {
    font-weight: bold;
}

    .priceList-packagePrice-container.enterprise {
        display: flex;
        justify-content: center;
    }

    .priceList-packagePrice-container :first-child {
        font-size: 40px;
    }

    .priceList-packagePrice-container :last-child {
        font-size: 14px;
    }

    .priceList-packagePrice-container .enterprisePrice-value {
        font-size: 24px;
        font-weight: bold;
    }

.priceList .reportBox.dobre:before {
    background: url('/Images/newGrafix/check.svg') no-repeat center, linear-gradient(133deg, #08CCA8 0%, #39B939 100%) no-repeat;
    box-shadow: 2px 4px 16px #39B93933;
}

.priceList-featureSupported {
    text-align: center;
}

    .priceList-featureSupported span {
        display: block;
        content: ' ';
        background-image: url('/Images/newGrafix/check.svg'), linear-gradient(133deg, #08CCA8 0%, #39B939 100%);
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 2px 4px 16px #39B93933;
        width: 32px;
        height: 32px;
        border-radius: 100px;
        margin: auto;
    }

.priceList-featureNotSupported {
    text-align: center;
}

    .priceList-featureNotSupported span {
        display: block;
        content: ' ';
        background-image: url('/Images/newGrafix/none.svg'), linear-gradient(133deg, #95ABC1 0%, #838BA6 100%);
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 2px 4px 16px #95ABC133;
        width: 32px;
        height: 32px;
        border-radius: 100px;
        margin: auto;
    }

.priceList-orderBtn {
    display: block;
    margin: 0 10%;
    height: 50px;
    padding: 6px 12px;
    padding-top: 14px;
}

a.btn.priceList-orderBtn {
    height: 50px;
    padding: 6px 12px;
    padding-top: 14px;
}

.priceList-postTableSection {
    margin: 2em 1em 4em 1em;
}

    .priceList-postTableSection p {
        font-size: 14px;
        font-weight: normal;
    }

        .priceList-postTableSection p:first-child {
            margin: 0 0em;
        }

.priceList-postTableSection-ourServices {
    position: relative;
    background: #F2F6FE 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 1em 2em;
}

    .priceList-postTableSection-ourServices h2 {
        font-weight: bold;
        margin: 0;
    }

    .priceList-postTableSection-ourServices a {
        padding: 0.75em 3em 0.75em 3em;
    }

    .priceList-postTableSection-ourServices img {
        position: absolute;
        top: -2em;
        right: 8em;
        width: 16em;
    }

@media only screen and (max-width:1279px) {
    .priceList-postTableSection-ourServices img {
        display: none;
    }
}

/* ############################################################# */
/* ############################################################# */
/* ############################################################# */

/* ################################################################################ */
/* ####################### ProductDetail.aspx a jeho kontrolky #################### */
/* ################################################################################ */

.carka{margin:0 0 3.5em 0;}

.productContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    column-gap: 2em;
    row-gap: 1.5em;
}

    .productContainer img {
        max-width: 100%;
    }

        .productContainer img.oramovani {
            border-radius: 6px 6px 6px 80px;
        }

.imgLeftTextRight .leftItem {
    flex: 1 1 auto;
}

.imgLeftTextRight .rightItem {
    flex: 1 4 auto;
}

.productContainer .imgRightTextLeft {
}

@media only screen and (max-width: 991px) {
    .productContainer.imgLeftTextRight {
        flex-direction: column-reverse;
    }
}

.productContainer .leftItem {
    padding-right: 2em;
    min-width: 50%;
}

.productContainer .rightItem {
    padding-left: 2em;
}

/* ############################################################# */
/* ############################################################# */
/* ############################################################# */

/* ################################################################################ */
/* ####################### ProductDetail.aspx a jeho kontrolky #################### */
/* ################################################################################ */

.form-group-inline-contact {
}

    .form-group-inline-contact label {
        margin: 1em 0 0.25em 0;
        text-align: right;
        padding: 0 16px;
    }

.formSubmitWarning {
    width: 100%;
    text-align: center;
}

/* ############################################################# */
/* ############################################################# */
/* ############################################################# */

/* ################################################################################ */
/* ####################### CCLFofull.aspx a jeho kontrolky #################### */
/* ################################################################################ */

.container-reportCCLFo {
    margin-top: 5rem;
}

.creditControlPrices-container {
    font-size: 16px;
    display: grid;
    align-items: baseline;
    border-top: 1px solid #DAE1FF;
    border-bottom: 1px solid #DAE1FF;
    padding: 2rem 0 2rem 0;
}

    .creditControlPrices-container :first-child {
        text-align: left;
        grid-row: 1;
        grid-column: 1;
    }

    .creditControlPrices-container :last-child {
        text-align: right;
        grid-row: 1;
        grid-column: 2;
    }

/*    .creditControlPrices-container :first-child span{
        text-align: left;
    }*/

.creditControl-valueContainer {
    font-size: 16px;
    font-weight: bold;
}

    .creditControl-valueContainer > :first-child {
        font-size: 16px;
        font-weight: bold;
    }

    .creditControl-valueContainer > :last-child {
        background: #D9DFF8 0% 0% no-repeat padding-box;
        padding: 0.5em 0em;
        padding: 0.5em 0.25em;
        margin-right: 1em;
        margin-left: 0.5em;
    }

/*.creditControl-value {
    background: #D9DFF8 0% 0% no-repeat padding-box;
    padding: 0.5em 0em;
    margin-right: 1em;
    margin-left: 0.5em;
}*/


/* #################################################################################################### */
/* ################################# SearchWorld.aspx AND OrderWorld.aspx ############################# */
/* #################################################################################################### */


.searchWorld-searchedCompany-container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #163CD10D;
    padding: 30px 30px;
    margin-bottom: 30px;
    border-radius: 6px;
}

    .searchWorld-searchedCompany-container > div:nth-child(1) img {
        padding: 0.35em 0.85em;
        border-radius: 20px;
        margin-right: 4px;
        background-color: #2BF26040;
    }

    .searchWorld-searchedCompany-container > div:nth-child(1) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .searchWorld-searchedCompany-container > div:nth-child(1) div:nth-child(1) {
            flex: 0 0 65%;
            font-size: 32px;
            font-weight: bold;
        }

        .searchWorld-searchedCompany-container > div:nth-child(1) div:nth-child(2) {
            flex: 0 0 35%;
            text-align: end;
            text-align: -webkit-right;
            font-size: 14px;
            font-weight: 500;
        }

    .searchWorld-searchedCompany-container > div:nth-child(2) img {
        display: inline-block;
        vertical-align: bottom;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        margin-right: 0.25em;
    }


    .searchWorld-searchedCompany-container > div:nth-child(2) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 16px;
        font-weight: bold;
        margin: 2em 0 0 0;
    }

        .searchWorld-searchedCompany-container > div:nth-child(2) div {
            border-right: 1px solid #DAE1FF;
            margin: 0 1em 0 0;
        }

            .searchWorld-searchedCompany-container > div:nth-child(2) div:last-child {
                border: 0;
            }

        .searchWorld-searchedCompany-container > div:nth-child(2) > div > span:nth-child(1) {
            padding: 1em 0 1em 0;
        }

        .searchWorld-searchedCompany-container > div:nth-child(2) div > span:nth-child(2), .searchWorld-searchedCompany-container > div:nth-child(2) div > a:nth-child(2) {
            padding: 1em 0.5em 1em 0;
        }

        .searchWorld-searchedCompany-container > div:nth-child(2) div > span:nth-child(3) {
            color: var(--barva06);
            padding: 0 1em 0 0;
        }

.searchWorld-backToSearhNav-container {
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid #D9DFF8;
    border-radius: 6px;
    padding: 1em;
}

    .searchWorld-backToSearhNav-container a:before {
        display: inline-block;
        content: '';
        background: url('/Images/newGrafix/arrow.svg');
        background-repeat: no-repeat;
        transform: rotate(90deg) scale(1.5);
        -ms-transform: rotate(90deg) scale(1.5);
        -moz-transform: rotate(90deg) scale(1.5);
        -webkit-transform: rotate(90deg) scale(1.5);
        -o-transform: rotate(90deg) scale(1.5);
        width: 0.65em;
        height: 0.5em;
        margin: 0 0.5em 0 0;
    }


.searchWorld-searchNotFound-container > div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin: 1rem 0 4rem 0;
}

    .searchWorld-searchNotFound-container > div img {
        width: 6rem;
        align-self: center;
        margin: 1rem 0 1rem 0;
        transform: scaleX(-1) scaleY(-1);
    }

.orderWorld-orderConfirmation-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 75%;
    padding: 2em;
    margin: 8em auto;
    border: 1px solid #D9DFF8;
    border-radius: 8px;
}

    .orderWorld-orderConfirmation-container div {
        text-align: center;
        text-align: -webkit-center;
        flex: 0 0 100%;
        width: 100%;
    }

    .orderWorld-orderConfirmation-container img {
        font-size: 14px;
        padding: 0.5em 1em;
        border-radius: 20px;
        margin-right: 4px;
        background-color: #2BF26040;
    }

    .orderWorld-orderConfirmation-container > span:nth-child(1) {
        position: absolute;
        text-align: center;
        top: -0.9em;
        padding: 0.5em;
        font-size: 32px;
        font-weight: bold;
        background: var(--barva01);
    }

    .orderWorld-orderConfirmation-container .flexRow {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
        margin: 0.25em 0;
    }

        .orderWorld-orderConfirmation-container .flexRow span:nth-child(2) {
            font-size: 14px;
            font-weight: bold;
            padding: 0 0 0 0.5em;
        }

        .orderWorld-orderConfirmation-container .flexRow span:nth-child(3) {
            padding: 0 0 0 0.2em;
        }

    .orderWorld-orderConfirmation-container > div:nth-child(4) {
        text-align: center;
        text-align: -webkit-center;
        border: 1px solid #DAE1FF;
        border-width: 1px 0;
        padding: 1.5em 1em;
        margin: 2em 0;
    }

    .orderWorld-orderConfirmation-container > div:nth-child(5) {
        margin: 0 0 2em 0;
    }

.orderWorld-clipBoard {
    display: inline;
    opacity: 0.0001;
    position: absolute;
    cursor: default;
    margin-left: 20px;
}

.orderWorld-clipBoard-CopyConfirmation {
    display: none;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

/* ################################################################################ */
/* ################################################################################ */
/* ################################################################################ */



/* ################################################################ */
/* ######################## CCLfree.aspx - searchingParameters########################## */
/* ################################################################ */


.searchingParameters-container {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px #163CD10D;
    border-radius: 6px;
    border: 1px solid transparent;
    padding: 1.2em 2em 2em;
    height: 100%;
	}


    .searchingParameters-container > span:nth-child(1) {
        font-size: 32px;
        font-weight: bold;
        color: #111F50;
        margin: 0 0 1.5rem 0;
    }

    .searchingParameters-container > span {
        padding: 1rem 0.5rem;
    }

    .searchingParameters-container > input {
        margin: 0.5rem 0;
        height: 48px !important;
    }

        .searchingParameters-container > input::placeholder {
            font-size: 16px;
            color: #111F50;
        }

    /* ############################################################# */
    /* ############################################################# */
    /* ############################################################# */


/* ################################################################ */
/* ######################## SlovnicekPojmu.aspx ########################## */
/* ################################################################ */

.slovnicekPojmu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.25rem 1rem;
    margin: 2rem 0 0 0;
}

/* ############################################################# */
/* ############################################################# */
/* ############################################################# */
#divCCL_CEE_ModalWrapper .modal{
    top: 35%;
}

.report-semafor {
    text-align: left;
    text-align: -webkit-left;
}

    .report-semafor:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        margin-right: 0.5em;
        background-size: 45% auto, cover !important;
    }

    .report-semafor.spatne:before {
        background: url('/Images/newGrafix/cross.svg') no-repeat center, linear-gradient(135deg, #FF4C3E 0%, #F61167 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF4C3E33;
    }

    .report-semafor.dobre:before {
        background: url('/Images/newGrafix/check.svg') no-repeat center, linear-gradient(133deg, #08CCA8 0%, #39B939 100%) no-repeat;
        box-shadow: 2px 4px 16px #39B93933;
    }

    .report-semafor.mozne:before {
        background: url('/Images/newGrafix/Attention.svg') no-repeat center, linear-gradient(133deg, #FEB230 0%, #FF6D2D 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF863233;
    }


/* ############################################################# */
/* ############################################################# */
/* ############################################################# */


.product-carousel {
    padding: 2rem 2rem;
}

    .product-carousel .companyReference-container {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 3fr;
        gap: 0 1rem;
        padding: 2rem 1rem;
    }

        .product-carousel .companyReference-container .leftPart {
            align-self: center;
        }

        .product-carousel .companyReference-container .rightPart {
            align-self: center;
        }

        .product-carousel .companyReference-container .img-wrapper {
            border-width: 16px !important;
            border-radius: 100%;
            max-width: calc(150px + (16px* 2));
            min-height: calc((150px + (16px* 2)));
            background: var(--barva02);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            width: 90%;
            padding: 0.25rem 0.5rem;
            border: 16px solid var(--barva02);
            box-shadow: 0px 8px 24px #163CD10D;
        }

            .product-carousel .companyReference-container .img-wrapper img {
                max-width: 100%;
                min-height: 100%;
                width: auto;
                object-fit: contain;
                object-position: center;
                padding: 0;
                border-width: 0px;
            }

        .product-carousel .companyReference-container .companyReference-referenceText img {
            max-width: 100%;
        }

        .product-carousel .companyReference-container .companyReference-referenceText p {
            margin: 0;
            font-weight: 500;
        }

        .product-carousel .companyReference-container .companyReference-referenceText p:nth-child(2) {
            margin: 1rem 0.5rem 2rem 0;
        }

            .product-carousel .companyReference-container .companyReference-referenceText p:nth-child(3) {
                font-weight: bold;
            }



.report-lide-tblLide-semafor {
    text-align: left;
    text-align: -webkit-left;
}

    .report-lide-tblLide-semafor:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        margin-right: 0.5em;
        background-size: 45% auto, cover !important;
    }

    .report-lide-tblLide-semafor.spatne:before {
        background: url('/Images/newGrafix/cross.svg') no-repeat center, linear-gradient(135deg, #FF4C3E 0%, #F61167 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF4C3E33;
    }

    .report-lide-tblLide-semafor.dobre:before {
        background: url('/Images/newGrafix/check.svg') no-repeat center, linear-gradient(133deg, #08CCA8 0%, #39B939 100%) no-repeat;
        box-shadow: 2px 4px 16px #39B93933;
    }

    .report-lide-tblLide-semafor.mozne:before {
        background: url('/Images/newGrafix/Attention.svg') no-repeat center, linear-gradient(133deg, #FEB230 0%, #FF6D2D 100%) no-repeat;
        box-shadow: 2px 4px 16px #FF863233;
    }