* {
    font-family: 'Montserrat', sans-serif;
}

html, body {
    font-family: 'Montserrat', sans-serif;
}

body {
    font-size: .9rem;
}

.text-break-all {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

/* default a href */
a:not(.zero-impact) {
    color: black;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15rem;
    transition: all 0.3s ease-out;
}

a:not(.zero-impact):hover, a:not(.zero-impact):focus {
    color: var(--g-color-1);
    text-decoration: underline;
    text-decoration-thickness: 1px; /* Nastaví tloušťku podtržení */
    text-underline-offset: 0.16rem; /* Nastaví offset (vzdálenost) podtržení od textu */
}

/* white a href s transition na oranzovou */
a:not(.zero-impact).whiteToOrange {
    color: white;
}

a.whiteToOrange:not(.zero-impact):hover, a.whiteToOrange:not(.zero-impact):focus {
    color: #e88225;
    text-decoration-color: #e88225 !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.opacity-50 {
    opacity: 0.5
}

/*h1 {*/
/*    font-size: 99%;*/
/*    color: #0E2595;*/
/*    margin-bottom: 20px;*/
/*}*/

/*h2 {*/
/*    font-size: 80%;*/
/*    color: #0E2595;*/
/*    margin-bottom: 20px;*/
/*}*/

/*h3 {*/
/*    font-size: 75%;*/
/*    color: #0E2595;*/
/*    margin-bottom: 10px;*/
/*}*/


#mainpage {
    margin: 0px auto;
    text-align: left;
    background: #ffffff;
    border: 1px solid #0E2595;
    position: relative;
    /*width:980px;*/
    /*_height:600px;*/
    /*min-height:600px;*/
    z-index: 30;
}


#header {
    height: 120px;
    width: 980px;
    background: url("../images/reg/hlavicka.jpg") no-repeat top;
}

#mainmenu {

    border-bottom: 1px solid #0E2595;
    border-top: 1px solid #0E2595;
    padding-left: 10px;
    background: #95B8D4;
}

#mainmenu a {
    font-size: 75%;
    display: block;
    margin-left: 0px;
    padding: 3px;
    text-decoration: none;
    color: #0E2595;
    font-weight: normal;
    padding-right: 20px;
}

#mainmenu a:hover {
    background-color: #F3E6E0;
}


#submenu {
    display: none;
    width: 180px;
    min-width: 120px;
    position: absolute;
    z-index: 50;
    border: 1px solid #0E2595;
    border-top: 0px;
    border-bottom: 0px;
    background: #95B8D4;
}

#submenu a {
    display: block;
    font-size: 70%;
    padding: 4px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-top: 5px;
    color: blue;
    text-decoration: none;
    border-bottom: 1px solid #0E2595;
    color: #0E2595;
}

#submenu a:hover {
    background-color: #F3E6E0;
}


.cleaner {
    clear: both;
}

/*#domains-input {*/
/*    text-align: center;*/
/*    margin-bottom: 20px;*/
/*    padding-bottom: 10px;*/
/*    font-size: 90%;*/
/*}*/

/*#domains-input input {*/
/*    padding: 2px;*/
/*}*/

/*#domains-input input.domain {*/
/*    width: 300px;*/
/*}*/

/*#domains-input input.contact {*/
/*    width: 150px;*/
/*}*/

/*#domains-input select {*/
/*    width: 100px;*/
/*    text-align: center;*/
/*}*/

/*#domains-input span {*/
/*    font-weight: bold;*/
/*    color: #191970;*/
/*}*/

/*#registrace fieldset {*/
/*    border: 1px solid #0E2595;*/
/*    margin-bottom: 20px;*/
/*    padding: 10px;*/
/*    padding-top: 0px;*/
/*}*/

/*#registrace p {*/
/*    margin-top: 7px;*/
/*}*/

/*#registrace legend {*/
/*    border: 1px solid #0E2595;*/
/*    padding: 5px;*/
/*    font-size: 70%;*/
/*    font-weight: bold;*/
/*    margin-left: 10px;*/
/*}*/

/*#registrace table {*/
/*    margin-top: 10px;*/
/*}*/

/*#registrace th, td {*/
/*    font-size: 0.9rem;*/
/*    text-align: left;*/
/*    padding-right: 10px;*/
/*    font-weight: normal;*/
/*    line-height: 1.6;*/
/*}*/

/*#registrace td {*/
/*    padding-right: 30px;*/
/*}*/

/*#registrace th {*/
/*    width: 140px;*/
/*    padding: 4px;*/
/*    text-align: right*/
/*}*/

/*#registrace th.povinny {*/
/*    font-weight: bold;*/
/*}*/

/*#registrace td input {*/
/*    padding: 2px;*/
/*    font-size: 12px;*/
/*    text-align: left;*/
/*    width: 250px;*/
/*}*/

/*#registrace td input.psc {*/
/*    width: 80px;*/
/*}*/

/*#registrace td input.chk {*/
/*    width: 10px;*/
/*    margin-left: 10px;*/
/*}*/

/*#registrace td input.cmd {*/
/*    width: 100px;*/
/*    text-align: center;*/
/*}*/

/*#registrace select {*/
/*    padding: 2px;*/
/*    font-size: 12px;*/
/*    text-align: left;*/
/*    min-width: 50px;*/
/*}*/

/*#registrace select#ownerIdentifyType {*/
/*    width: 170px;*/
/*}*/

/*#registrace select#adminIdentifyType {*/
/*    width: 170px;*/
/*}*/

/*#registrace textarea {*/
/*    width: 470px;*/
/*}*/

/*form h2 {*/
/*    margin-top: 10px;*/
/*    margin-bottom: 10px;*/
/*    font-size: 12px;*/
/*}*/

/*form textarea {*/
/*    width: 300px;*/
/*    height: 100px;*/
/*    font-size: 100%;*/
/*}*/

#chyba {
    border: 0px solid red;
    font-weight: bold;
    color: red;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 500px;
    max-width: 100%;
}

table#owner {
    display: block;
}

table#admin1 {
    display: block;
}

p.upozorneni {
    font-weight: bold;
}

table.alone {
    border-bottom: 1px solid #B1C8DA;
    border-right: 1px solid #B1C8DA;
    border-left: 1px solid #B1C8DA;
    width: 900px;
    margin-bottom: 5px;
}

table.alone th, table.alone td {
    padding: 2px;
    padding-right: 20px;
    text-align: left;
    font-size: 70%;
}

table.alone th {
    background: #95B8D4;
}

table.alone tr.lichy td {
}

table.alone tr.sudy td {
    background: #EBEAE6;
}

table.alone tr.pages td {
}

table.alone tr.pages td.zarovnat-nastred {
    width: 300px;
    text-align: center;
}

table.alone th.zarovnat-napravo, table.alone td.zarovnat-napravo {
    text-align: right;
}

table.alone th a {
    color: #0E2595;
}

table.alone-action {
    border: 1px solid #B1C8DA;
    width: 900px;
    margin-bottom: 5px;
}

table.alone-action td {
    padding: 2px;
    background: #e2e2e2;
    color: #434343;
    vertical-align: top;
    font-size: 70%;
}

table.alone-action td a {
    color: #434343;
    text-decoration: none;
}

table.alone-action td a.selected {
    text-decoration: underline;
    font-weight: bold
}

table.alone-action th.zarovnat-napravo, table.alone-action td.zarovnat-napravo {
    text-align: right;
}

ul#domains-ext {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul#domains-ext li {
    margin: 0px;
    padding: 3px;
    display: block;
    float: left;
    margin-left: 20px;
    border: 1px solid #B1C8DA;
    font-size: 75%;
    background: #EBEAE6;
}

div.cleaner {
    clear: both;
    margin-bottom: 20px;
}

table.alone-account {
    border-bottom: 1px solid #B1C8DA;
    border-right: 1px solid #B1C8DA;
    border-top: 1px solid #B1C8DA;
    border-left: 1px solid #B1C8DA;
    width: 500px;
}

table.alone-account th, table.alone-account td {
    padding: 6px;
    padding-right: 20px;
    text-align: left;
    font-size: 80%;
}

table.alone-account th.zarovnat-napravo, table.alone-account td.zarovnat-napravo {
    text-align: right;
}

table.alone-account tr.lichy td {
}

table.alone-account tr.sudy td {
    background: #EBEAE6;
}

p.vysledek {
    font-weight: bold;
}

div#zapati {
    font-size: 65%;
    text-align: right;
    margin: 5px auto;
    /*width: 980px;*/
}

p.platce {
    margin-left: 105px;
}

#userinfo {
    width: 220px;
    position: relative;
    top: 0;
    /*left: 795px;*/
    /*_left: 758px;*/
    border: 0 solid #0E2595;
    z-index: 10;
}

#userinfo th, #userinfo td {
    padding: 1px;
    font-weight: normal;
    text-align: right;
    color: #0E2595;
}

#userinfo th {
    text-align: right;
    padding-left: 10px;
}

#userinfo a {
    color: red;
    text-decoration: none;
    font-weight: bold;
}

#novinky {
    h3 {
        font-size: 18px;
        color: var(--g-color-media-blue);
    }

    .description > p {
        margin-bottom: 0;
    }

    ul {
        margin-left: 20px;
    }

    li::marker {
        color: #e88225;
    }


}

#downloads {
    li::marker {
        color: #e88225;
    }
}

#domain-explanation {
    p {
        margin-bottom: 0;
    }
    & > ul {
        margin-top: 1.5rem
    }
    ul {
        margin-left: 0;
    }
    li::marker {
        color: #e88225;
    }
    h2{
        margin-top: 3rem;
        margin-bottom: 1rem;
        color: #0E2595;
    }
    h3 {
        color: #0E2595;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }
    @media(min-width: 768px) {
        h3 {
            margin-top: 2.5rem;
        }
    }
    @media(max-width: 429px){
        & > ul {
            padding-inline-start: 20px;
            margin-top: 0.5rem
        }
    }
}

select.action {
    width: 150px;
}

td.is_exp {
    color: red;
    font-weight: bold;
}

td.will_exp {
    color: blue;
}


.filter-container {
    gap: 6px;
}

ul#filter-letters,
ul#filter-numbers {

    & {
        list-style-type: none;
        margin-bottom: 0;
        padding: 0;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 6px;
    }

    li {
        display: flex;
        background: var(--g-color-media-blue);
        font-size: 16px;
        border-radius: 0;
        transition: background 0.3s ease-in-out;
    }

    li:hover {
        background: var(--g-color-media-blue-hover);
    }

    li.selected {
        font-weight: bold;
        background: var(--g-color-media-blue-hover);
    }

    li a {
        text-decoration: none;
        color: white;
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.cmd-self {
    font-size: 75%;
    padding: 2px;
}


ul {
    margin-left: 0;
    list-style-type: square;
    margin-bottom: 20px;
}

ul ul {
    margin-left: 0;
    list-style-type: circle;
    margin-bottom: 0;
    margin-top: 0.5rem
}

ul li {
    margin-bottom: 0.75rem;
}

@media (min-width: 992px) {
    ul {
        margin-left: 20px;
    }

    ul ul {
        margin-left: 40px;
    }
}

#ajax-info {
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 200;
    display: none;
    background-color: #EBEAE6;
    border: 1px solid #838383;
}

#ajax-info #head {
    height: 18px;
    position: relative;
    background-color: #838383;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    color: #ffffff;
}

#ajax-info #head #close {
    position: absolute;
    color: #838383;
    border: 1px solid #ffffff;
    font-size: 12px;
    height: 18px;
    width: 18px;
    left: 282px;
    top: 0px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background: #ffffff;
}

#ajax-info fieldset {
    border: 1px solid #838383;
    font-size: 11px;
    margin: 10px;
}

#ajax-info fieldset.zarovnat-nastred {
    text-align: center;
}

#ajax-info fieldset legend {
    border: 1px solid #838383;
    background-color: #EBEAE6;
    padding: 2px;
    margin-left: 10px;
}

#ajax-info table {
    margin-left: 5px;
    margin-top: 10px;
}

#ajax-info th, #ajax-info td {
    font-weight: normal;
    padding: 2px;
    font-size: 11px;
}

#ajax-info th {
    text-align: right;
}

#ajax-info span {
    cursor: pointer;
}

/*#region*/

:root {

    --g-base: 16; /* Pro převod mezi px/rem */
    --font-size-h2: calc(18 / var(--g-base) * 1rem);
    --font-size-md-h2: calc(24 / var(--g-base) * 1rem);
    --font-size-lg-h2: calc(26 / var(--g-base) * 1rem);
    --font-size-xl-h2: calc(30 / var(--g-base) * 1rem);
    --font-size-h3: calc(18 / var(--g-base) * 1rem);
    --font-size-md-h3: calc(22 / var(--g-base) * 1rem);
    --font-size-lg-h3: calc(24 / var(--g-base) * 1rem);
    --font-size-xl-h3: calc(26 / var(--g-base) * 1rem);
    --font-size-h4: calc(16 / var(--g-base) * 1rem);
    --font-size-md-h4: calc(20 / var(--g-base) * 1rem);
    --font-size-lg-h4: calc(22 / var(--g-base) * 1rem);
    --font-size-xl-h4: calc(22 / var(--g-base) * 1rem);

    --g-color-1: #e70134;
    --g-color-1-hover: #990c18;
    --g-color-2: #0f0f0f;
    --g-color-2-hover: #1a1a1a;
    --g-color-3: #474747;
    --g-color-3-hover: #303030;
    --g-color-4: #e70134;
    --g-color-4-hover: #990c18;
    --g-color-5: white;
    --g-color-5-hover: #ebebeb;
    --g-color-6: #fbedf0;
    --g-color-6-hover: #d8c7ca;
    --g-color-media-blue: #072878;
    --g-color-media-blue-hover: #0062cc;
}

h2, .h2 {
    font-size: var(--font-size-h2)
}

h3, .h3 {
    font-size: var(--font-size-h3)
}

h4, .h4 {
    font-size: var(--font-size-h4)
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: var(--font-size-md-h2)
    }

    h3, .h3 {
        font-size: var(--font-size-md-h3)
    }

    h4, .h4 {
        font-size: var(--font-size-md-h4)
    }
}

@media (min-width: 992px) {
    h2, .h2 {
        font-size: var(--font-size-lg-h2)
    }

    h3, .h3 {
        font-size: var(--font-size-lg-h3)
    }

    h4, .h4 {
        font-size: var(--font-size-lg-h4)
    }
}

@media (min-width: 1300px) {
    h2, .h2 {
        font-size: var(--font-size-xl-h2)
    }

    h3, .h3 {
        font-size: var(--font-size-xl-h3)
    }

    h4, .h4 {
        font-size: var(--font-size-xl-h4)
    }
}


.font-size-px-12 {
    font-size: 0.75rem !important;
}

.font-size-px-13 {
    font-size: 0.8125rem !important;
}

.font-size-px-14 {
    font-size: 0.875rem !important;
}

.font-size-px-15 {
    font-size: 0.9375rem !important;
}

.font-size-px-16 {
    font-size: 1rem !important;
}

.font-size-px-18 {
    font-size: 1.125rem !important;
}

.font-size-px-20 {
    font-size: 1.25rem !important;
}

.font-size-px-22 {
    font-size: 1.375rem !important;
}

.font-size-px-24 {
    font-size: 1.5rem !important;
}

.font-size-px-26 {
    font-size: 1.625rem !important;
}

.font-size-px-28 {
    font-size: 1.75rem !important;
}

.font-size-px-32 {
    font-size: 2rem !important;
}

.font-size-px-36 {
    font-size: 2.25rem !important;
}

.font-size-px-40 {
    font-size: 2.5rem !important;
}

.font-size-px-45 {
    font-size: 2.8125rem !important;
}

.font-size-px-50 {
    font-size: 3.125rem !important;
}

.font-size-px-55 {
    font-size: 3.45rem !important;
}

.font-size-px-60 {
    font-size: 3.75rem !important;
}

.font-size-px-65 {
    font-size: 4.0625rem !important;
}

.font-weight-ps-thin {
    font-weight: 100 !important;
}

.font-weight-ps-extra-light {
    font-weight: 200 !important;
}

.font-weight-ps-light {
    font-weight: 300 !important;
}

.font-weight-ps-regular {
    font-weight: 400 !important;
}

.font-weight-ps-medium {
    font-weight: 500 !important;
}

.font-weight-ps-semi-bold {
    font-weight: 600 !important;
}

.font-weight-ps-bold {
    font-weight: 700 !important;
}

.font-weight-ps-extra-bold {
    font-weight: 800 !important;
}

.font-weight-ps-black {
    font-weight: 900 !important;
}

:root {
    --xs-font-size-koeficient: 1.5;
    --sm-font-size-koeficient: 1.36;
    --md-font-size-koeficient: 1.25;
    --lg-font-size-koeficient: 1.153;
}

.font-size-px-15-responsive {
    font-size: calc(0.9375rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-16-responsive {
    font-size: calc(1rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-18-responsive {
    font-size: calc(1.125rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-20-responsive {
    font-size: calc(1.25rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-22-responsive {
    font-size: calc(1.375rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-24-responsive {
    font-size: calc(1.5rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-26-responsive {
    font-size: calc(1.625rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-28-responsive {
    font-size: calc(1.75rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-32-responsive {
    font-size: calc(2rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-36-responsive {
    font-size: calc(2.25rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-40-responsive {
    font-size: calc(2.5rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-45-responsive {
    font-size: calc(2.8125rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-50-responsive {
    font-size: calc(3.125rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-55-responsive {
    font-size: calc(3.45rem / var(--xs-font-size-koeficient)) !important;
}

.font-size-px-65-responsive {
    font-size: calc(4.065rem / var(--xs-font-size-koeficient)) !important;
}

@media (min-width: 576px) {
    .font-size-px-15-responsive {
        font-size: calc(0.9375rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-16-responsive {
        font-size: calc(1rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-18-responsive {
        font-size: calc(1.125rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-20-responsive {
        font-size: calc(1.25rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-22-responsive {
        font-size: calc(1.375rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-24-responsive {
        font-size: calc(1.5rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-26-responsive {
        font-size: calc(1.625rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-28-responsive {
        font-size: calc(1.75rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-32-responsive {
        font-size: calc(2rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-36-responsive {
        font-size: calc(2.25rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-40-responsive {
        font-size: calc(2.5rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-45-responsive {
        font-size: calc(2.8125rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-50-responsive {
        font-size: calc(3.125rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-55-responsive {
        font-size: calc(3.45rem / var(--sm-font-size-koeficient)) !important;
    }

    .font-size-px-65-responsive {
        font-size: calc(4.065rem / var(--sm-font-size-koeficient)) !important;
    }
}

@media (min-width: 768px) {
    .font-size-px-15-responsive {
        font-size: calc(0.9375rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-16-responsive {
        font-size: calc(1rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-18-responsive {
        font-size: calc(1.125rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-20-responsive {
        font-size: calc(1.25rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-22-responsive {
        font-size: calc(1.375rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-24-responsive {
        font-size: calc(1.5rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-26-responsive {
        font-size: calc(1.625rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-28-responsive {
        font-size: calc(1.75rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-32-responsive {
        font-size: calc(2rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-36-responsive {
        font-size: calc(2.25rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-40-responsive {
        font-size: calc(2.5rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-45-responsive {
        font-size: calc(2.8125rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-50-responsive {
        font-size: calc(3.125rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-55-responsive {
        font-size: calc(3.45rem / var(--md-font-size-koeficient)) !important;
    }

    .font-size-px-65-responsive {
        font-size: calc(4.065rem / var(--md-font-size-koeficient)) !important;
    }
}

@media (min-width: 992px) {
    .font-size-px-15-responsive {
        font-size: calc(0.9375rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-16-responsive {
        font-size: calc(1rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-18-responsive {
        font-size: calc(1.125rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-20-responsive {
        font-size: calc(1.25rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-22-responsive {
        font-size: calc(1.375rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-24-responsive {
        font-size: calc(1.5rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-26-responsive {
        font-size: calc(1.625rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-28-responsive {
        font-size: calc(1.75rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-32-responsive {
        font-size: calc(2rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-36-responsive {
        font-size: calc(2.25rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-40-responsive {
        font-size: calc(2.5rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-45-responsive {
        font-size: calc(2.8125rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-50-responsive {
        font-size: calc(3.125rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-55-responsive {
        font-size: calc(3.45rem / var(--lg-font-size-koeficient)) !important;
    }

    .font-size-px-65-responsive {
        font-size: calc(4.065rem / var(--lg-font-size-koeficient)) !important;
    }
}

@media (min-width: 1300px) {
    .font-size-px-15-responsive {
        font-size: 0.9375rem !important;
    }

    .font-size-px-16-responsive {
        font-size: 1rem !important;
    }

    .font-size-px-18-responsive {
        font-size: 1.125rem !important;
    }

    .font-size-px-20-responsive {
        font-size: 1.25rem !important;
    }

    .font-size-px-22-responsive {
        font-size: 1.375rem !important;
    }

    .font-size-px-24-responsive {
        font-size: 1.5rem !important;
    }

    .font-size-px-26-responsive {
        font-size: 1.625rem !important;
    }

    .font-size-px-28-responsive {
        font-size: 1.75rem !important;
    }

    .font-size-px-32-responsive {
        font-size: 2rem !important;
    }

    .font-size-px-36-responsive {
        font-size: 2.25rem !important;
    }

    .font-size-px-40-responsive {
        font-size: 2.5rem !important;
    }

    .font-size-px-45-responsive {
        font-size: 2.8125rem !important;
    }

    .font-size-px-50-responsive {
        font-size: 3.125rem !important;
    }

    .font-size-px-55-responsive {
        font-size: 3.45rem !important;
    }

    .font-size-px-65-responsive {
        font-size: 4.065rem !important;
    }
}

.global-btn-radius {
    border-radius: 8px !important;
}

.custh1 {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    color: var(--g-color-2);
    margin-top: 15px;
}

.custh1 a {
    display: block;
}

.custh1 .h1-hr {
    width: 100%;
    border-bottom: solid 3px;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
}

/*#endregion*/

/*#region reg-step-1 - pouze pro první step ve formulářích category/soap.... */


#reg-input-level-1 .input-container {
    align-items: center;
}


#reg-input-level-1 .input-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 576px) {
    #reg-input-level-1 .input-container {
        flex-direction: row;
    }
}

#reg-input-level-1 .submit-container {
    width: 100%;
    margin-top: 20px;
    padding-top: 0;
    display: flex;
    justify-content: end;
}

@media (min-width: 768px) {
    #reg-input-level-1 .submit-container {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    #reg-input-level-1 .submit-container {
        margin-top: 0;
        width: auto;
    }
}


#reg-input-level-1 .form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    #reg-input-level-1 .form-group {
        flex-direction: row;
        gap: 3rem;
    }
}

@media (min-width: 1300px) {
    #reg-input-level-1 .form-group {
        flex-direction: row;
        gap: 1.25rem;
    }
}

@media (min-width: 576px) {
    #reg-input-level-1 label {
        padding-right: 1.5rem;
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    #reg-input-level-1 label {
        padding-right: 3rem;
    }
}


#reg-input-level-1 .form-group.form-terms-and-conditions label {
    text-wrap: wrap;
    min-width: unset;
}

#reg-input-level-1 label {
    margin-bottom: 0;
    font-weight: 500;
    margin-right: auto;
    text-wrap: nowrap;
}

@media (min-width: 576px) {
    #reg-input-level-1 label.two-labels {
        min-width: 240px;
    }
}

@media (min-width: 768px) {
    #reg-input-level-1 label.two-labels {
        min-width: 340px;
    }
}

#reg-input-level-1 form .form-control {
    border-radius: 10px;
}


#reg-input-level-1 form input[type=submit] {
    background: #072878;
    color: white;
}

#reg-input-level-1 form input[type=submit] {
    padding-left: 1rem;
    font-weight: 700;
    align-items: end;
    width: 100%;
    min-width: 280px;
}


@media (min-width: 992px) {
    .soap-registration-form-container form input[type=submit] {
        max-width: 300px;
    }
}

/*#endregion reg-step-1 - první step ve formulářích category/soap.... */

/*#region TAOX changes */

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

form {
    margin-bottom: 1.5rem;
}

.card-body form {
    margin-bottom: 0;
}


.form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .form-group {
        flex-direction: row;
        gap: 20px;
    }
}

.input-container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 576px) {
    .input-container {
        flex-direction: row;
    }
}


form .form-control {
    border-radius: 10px;
}

form input[type=submit] {
    background: #072878;
    color: white;
}

form input[type=submit] {
    padding-left: 1rem;
    font-weight: 700;
    align-items: end;
    width: 100%;
}

@media (min-width: 430px) {
    form input[type=submit] {
        min-width: 280px;
    }
}

.submit-button {
    background: var(--g-color-media-blue);
    color: white !important;
    font-weight: 700;
    align-items: end;
    width: 100%;
    min-width: 280px;
    max-width: 300px;
    text-align: center;
    border-radius: 10px;
    text-decoration: none !important;
}

.submit-button:hover {
    background: var(--g-color-media-blue-hover);
    color: white;
    text-decoration: none;
}

.info-text-p {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    form input[type=submit] {
        max-width: 300px;
    }
}

label {
    margin-bottom: 0;
    font-weight: 500;
    padding-bottom: 0.75rem;
    margin-right: auto;
    text-wrap: nowrap;
}


.submit-container {
    padding-top: 3rem;
    display: flex;
    justify-content: end;
}

.submit-container-with-asterisk {
    padding-top: 3rem;
    display: flex;
    justify-content: space-between;
    row-gap: 0.5rem;
}

.submit-container-with-asterisk .asterisk-span {
    color: var(--g-color-1);
}


.frame-summary-frame label,
.frame-summary-frame .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}


.form-control:focus {
    border-color: #07287859;
    box-shadow: 0 0 2px 1px #072878ba;
}

.form-control.border-taox-grey {
    border: 2px solid #e5e5e5 !important;
}

.border-grey-focus {
    transition: 0.3s border ease-in-out;
    box-shadow: none !important;
}

.border-grey-focus.border-0 {
    border: 2px solid transparent !important;
}

.border-grey-focus:focus,
.border-grey-focus:hover {
    border: 2px solid #b8b8b8 !important;
}

.soap-frame {
    padding: 0 15px 20px 15px;
    border: 1px solid black;
    margin-top: 20px;
}

.soap-frame h2 {
    padding-top: 30px;
    padding-bottom: 20px;
    color: var(--g-color-media-blue);
}

@media (min-width: 576px) {
    .soap-frame {
        padding: 0 30px 20px 30px;
    }

}

.soap-frame .soap-frame-title {
    background: white;
    padding: 5px 26px;
    display: inline-flex;
    position: relative;
    top: -22px;
    font-weight: 600;
    margin-bottom: 0;
}

.soap-frame .soap-frame-sub-title {
    padding: 5px 26px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.soap-frame .form-group {
    display: flex;
    position: relative;
    margin-bottom: 15px;
    flex-direction: column;
    align-items: flex-start;
}


.soap-frame .form-group.form-terms-and-conditions {
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.form-group.form-terms-and-conditions label {
    text-wrap: wrap;
    min-width: unset;
}

@media (min-width: 992px) {
    .soap-frame .form-group {
        flex-direction: row;
        align-items: center;
        margin-bottom: 6px;
    }
}

.soap-frame label {
    font-weight: bold;
    min-width: 225px;
    text-align: left;
    text-wrap: wrap;
    margin-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
}

@media (min-width: 1300px) {
    .soap-frame label {
        min-width: 300px;
    }
}

.soap-frame.frame-two-columns label:not(.frame-exception) {
    min-width: 150px;
}

.soap-frame .group-force-row label {
    min-width: calc(225px - 24px); /* group-force-row má input, který dělá pole pro text širší */
}

@media (min-width: 1300px) {
    .soap-frame .group-force-row label {
        min-width: calc(300px - 24px); /* group-force-row má input, který dělá pole pro text širší */
    }
}

.soap-frame.soap-frame-w-235 label {
    min-width: 235px;
}

@media (min-width: 992px) {
    .soap-frame label {
        text-align: right;
        margin-right: 35px;
    }

    .reg-step-3 .soap-frame label {
        margin-right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1299px ) {
    .soap-frame label.w-lg-120px {
        width: 120px;
        min-width: 120px;
    }
}


.soap-frame .group-force-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

@media (max-width: 991px) {
    .soap-frame .group-autocomplete {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        width: 100%;
    }

    .soap-frame .group-autocomplete div {
        width: 100%;
    }

    .soap-frame .group-autocomplete input.autoComplete {
        width: 100%;
    }
}

@media (max-width: 449px) {
    .soap-frame .group-autocomplete {
        flex-direction: column;
        gap: 6px;
        align-items: flex-start;
    }
}


@media (min-width: 992px) {
    .soap-frame .group-force-row {
        gap: 0;
    }
}

.soap-frame .sub-frame {
    margin-top: 15px;
}

.soap-frame .sub-frame label {
    font-weight: 500;
}

.soap-frame input[type=radio] {
    accent-color: #072878;
}

label[title]:after,
.soap-frame label[title]:after {
    content: "\f05a"; /* Unicode kód pro FontAwesome ikonu "info-circle" */
    font-family: "FontAwesome";
    right: -20px;
    color: black;
    position: relative;
    margin-left: 10px;
}

@media (min-width: 992px) {
    label[title]:after,
    .soap-frame label[title]:after {
        position: absolute;
        margin-left: 0;
    }
}

.input-required {
    position: relative;
    display: flex;
    /*width: 100%*/
}

.soap-frame.extra-large .input-required {
    width: 100%;
}

@media (max-width: 991px) {
    .input-required {
        width: 100%;
    }
}

.input-required-span {
    position: relative;
    left: -12px;
    color: red;
    top: 1px;
    width: 0;
    display: none;
}

input[required] ~ .input-required-span,
textarea[required] ~ .input-required-span {
    display: inline;
}

.input-error-message {
    color: var(--g-color-1);
}

.soap-frame input[type="checkbox"] {
    border: 1px solid black;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    background: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 6px
}

.soap-frame .form-terms-and-conditions input[type="checkbox"] {
    padding: 8px;
}

.soap-frame .second-col-label {
    min-width: 150px;
!important;
}

.soap-frame .dns-name-span {
    min-width: 250px;
!important;
}

.soap-frame input[type="radio"] {
    width: 18px;
    margin-right: 6px
}

.soap-frame input[type="checkbox"]:checked {
    background-color: #000000;
    border: 2px solid #000000;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 14%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 d=%27M2 7l3 3 7-7%27/%3e%3c/svg%3e');
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


.soap-frame .extra-checkbox input[type="checkbox"]:checked:after {
    content: "aktivováno";
    color: #042276;
    font-size: 14px;
    position: absolute;
    left: 26px;
    top: -4px;
}

.soap-frame input.bg-disabled {
    background: #f0f2f4;
}

.soap-frame input[type=text],
.soap-frame input[type=number],
.soap-frame input[type=email],
.soap-frame input[type=tel],
.soap-frame input[type=password],
.soap-frame textarea,
.soap-frame select {
    width: 100%;
}

@media (min-width: 992px) {
    .soap-frame input[type=text],
    .soap-frame input[type=number],
    .soap-frame input[type=email],
    .soap-frame input[type=tel],
    .soap-frame input[type=password],
    .soap-frame textarea,
    .soap-frame select {
        min-width: 250px;
        max-width: 250px;
    }

    .soap-frame.extra-large textarea {
        max-width: 100%
    }
}

@media (min-width: 1300px) {
    .soap-frame input[type=text],
    .soap-frame input[type=number],
    .soap-frame input[type=email],
    .soap-frame input[type=tel],
    .soap-frame input[type=password],
    .soap-frame textarea,
    .soap-frame select {
        min-width: 300px;
        max-width: 300px;
    }

    .soap-frame.extra-large textarea {
        max-width: 80%
    }
}

@media (max-width: 1299px) {
    .soap-frame .extra-checkbox input[type="checkbox"]:checked:after {
        content: "";
    }
}

@media (max-width: 991px) {

    .soap-frame .form-group {
        width: 100%
    }

    .soap-frame .form-group.extra-checkbox {
        flex-direction: row;
        position: absolute;
        right: 46px;
        align-items: center;
        width: unset;
    }

    .soap-frame .extra-checkbox label {
        text-align: right;
    }

    label[title]:after,
    .soap-frame label[title]:after {
        right: 0;
    }

    .soap-frame input[type="checkbox"] {
        margin-left: 12px;
    }
}

@media (max-width: 449px) {
    .soap-frame .extra-checkbox label {
        display: none
    }

    .soap-frame .form-group.extra-checkbox {
        margin-bottom: 0;
        padding-top: 12px;
        position: relative;
        right: 0;
    }
}

@media (max-width: 991px) {
    .soap-frame .form-group.form-verification-checkbox-force-row {
        flex-direction: row-reverse;
        justify-content: start;
        align-items: center;
        gap: 10px;
    }

    .soap-frame .form-group.form-verification-checkbox-force-row input[type="checkbox"] {
        padding: 8px;
        margin-left: 0;
    }
}

.soap-frame .btn-primary {
    box-shadow: none !important;
    background-color: #042276;
    border-color: #031a5c;
}


/*#endregion TAOX changes */


/*#region Ceník */
.price-list-table {
    padding-top: 30px;
    padding-bottom: 20px;
}

.price-list-table h2 {
    font-size: calc(24 / var(--g-base) * 1rem);
    color: #072878;
    padding-bottom: 6px;
}

@media (min-width: 768px) {
    .price-list-table h2 {
        font-size: calc(30 / var(--g-base) * 1rem);
    }
}


.price-list-table tbody td:nth-child(1) {
    min-width: 125px;
    width: 15%;
    font-weight: bold;
}

.price-list-table tbody td:nth-child(2),
.price-list-table tbody td:nth-child(3) {
    min-width: 150px;
    width: 15%
}


.price-list-table tbody td.exception-1:nth-child(1):after {
    content: "1)";
    vertical-align: super;
    font-size: 0.75em;
    margin-left: 5px;
    color: #414141;
}


.price-list-table tbody td.action .action-new {
    font-weight: 500;
}

.price-list-table tbody td.action .action-old {
    color: grey;
    text-decoration: line-through;
    font-size: 0.75rem;
    margin-left: 6px;
}

.price-list-table tbody td:nth-child(4),
.price-list-table tbody td:nth-child(5) {
    min-width: 160px;
    width: 15%
}


.price-list-table tbody td:nth-child(6) {
    min-width: 250px;
}

.price-list-table-info,
.price-list-table-detail {
    line-height: 2rem;
    font-weight: 600;
    font-size: 17px;
    margin-top: 1.125rem;
    margin-bottom: 2rem;
}

.price-list-table thead th {
    vertical-align: top;
}

.price-list-table thead th span {
    display: block;
}


/*#endregion Ceník */

/*#startregion  new table design */
.selected {
    font-weight: bold
}

/*#endregion  new table design */


/*#region HEADER TOP MOBILE template-1 */
#header-top-mobile-bar-template-1-sticky-wrapper {
    position: absolute;
}

#header-top-mobile-bar-template-1-sticky-wrapper.is-sticky {

    & #header-top-mobile-bar-template-1.js_header-menu-mobile-active {
        top: 0 !important;
    }

    & {
        position: relative;
        z-index: 999;
    }

    & #header-top-mobile-bar-template-1 .logo img {
        max-width: 200px !important;
    }
}


#header-top-mobile-bar-template-1 {

    & {
        position: fixed;
        left: 0;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
        z-index: 99999;
        background-color: #f3f3f3;
        -webkit-transition: 0.5s top ease-in-out;
        -o-transition: 0.5s top ease-in-out;
        transition: 0.5s top ease-in-out;
        top: 0;
        bottom: unset !important;
    }


    .logo img {
        transition: max-width 0.3s ease-in-out;
        max-width: 240px !important;
    }

    .logo:hover {
        -webkit-filter: brightness(0.7);
        filter: brightness(0.7);
    }


    .link {
        font-size: 14px;
        color: var(--g-color-1);
    }

    .link:hover {
        -webkit-filter: brightness(0.7);
        filter: brightness(0.7);
    }

    .link img {
        width: 32px;
    }

    .navigation {
        width: 45px;
        padding: 6px 6px;
        cursor: pointer;
        caret-color: rgba(0, 0, 0, 0);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .navigation .icon .line {
        background-color: var(--g-color-1);
        height: 5px;
        width: 30px;
        color: var(--g-color-1);
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        top: 0;
    }

    .navigation.active .icon .line:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 9px;
    }

    .navigation.active .icon .line:nth-child(2) {
        opacity: 0;
        width: 0;
    }

    .navigation.active .icon .line:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -9px;
    }

    .navigation:hover {
        -webkit-filter: brightness(0.7);
        filter: brightness(0.7);
    }

    .header-top__kosik-items,
    .header-top__wishlist-items {
        width: 16px;
        height: 16px;
        background: var(--g-color-3);
        top: -2px;
        right: -3px;
        border-radius: 20px;
        border: 1px solid #cecece;
        font-size: 10px;
        color: #FFF;
        z-index: 99;
    }

    .header-top__link {
        position: relative;
        padding: 0 3px;
    }

    .header-top__link img {
        height: 25px;
        z-index: 9;
        position: relative;
    }

    .header__cart-img {
        padding: 2px;
    }

    .header-top__link {
        position: relative;
        padding: 4px;
    }

    .header-top__link:after {
        content: "";
        border-radius: 50%;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #dcdcdca8;
        z-index: 1;
    }
}

/*#endregion header-top-mobile-bar-template-1*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*#region Globální nastavení vzhledu modulu */
.menu-items-template-2 {
    list-style: none;
}

/* Init - schovej všechny submenu */
.menu-items-template-2:not(.level-base) {
    display: none;
}

.menu-items-template-2 li {
    font-weight: 600;
    position: relative;
    margin-bottom: 0;
}

.menu-items-template-2 a {
    white-space: unset;
    color: #fff;
}

.menu-items-template-2 li a {

    white-space: normal;
    position: relative;
    display: block;
    column-gap: 10px;
    align-items: center;
}

.menu-items-template-2 .menu_items--ul {
    padding-left: 0;
}

.menu-items-template-2 li:not(.menu-level-0) .default-no-image {
    display: none;
}

.menu-items-template-2 li > a::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: 2;
}

.menu-items-template-2 .category-icon {
    max-width: 40px;
    min-height: 40px;
    object-fit: contain;
    -o-object-fit: contain;
    object-position: center;
    -o-object-position: center;
}

/*#endregion Globální nastavení vzhledu modulu */

/* Menu level Base */

.menu-items-template-2.level-base {
    padding: 0;
}

.mobile-menu .menu-items-template-2.level-base {
    padding: 0;
}

.menu-items-template-2.level-base > li > a::after {
    display: none;
    background: var(--g-color-1);
    left: 22px;
    width: 4px;
    height: 4px;
    top: calc(50% - calc(var(4px) / 2));
}


/* Menu level 0 */
.menu-items-template-2 li.menu-level-0 {
    border-top: none;
}

.menu-items-template-2 .menu-level-0 > a {
    line-height: 1;
    font-size: 13px;
    color: var(--g-color-2);
    font-weight: 700;
    padding: .8rem 45px .8rem 30px;;
    letter-spacing: 0.03rem;
}

.mobile-menu .menu-items-template-2 .menu-level-0 > a {
    font-size: 15px;
    padding: .8rem 45px .8rem 30px;
}

.menu-items-template-2 .menu-level-0 > .menu_items--ul {
    padding-bottom: 10px;
}

.menu-items-template-2 li.menu-level-0 > a::after {
    display: none;
    background: var(--g-color-1);
    left: 32px;
    width: 4px;
    height: 4px;
    top: calc(50% - calc(4px / 2));
}

/* Menu level 1 */

.menu-items-template-2 .menu-level-1 > a {
    line-height: 1;
    color: black;
    font-weight: normal;
    padding: .4rem 45px .4rem 50px
}

.menu-items-template-2 li.menu-level-1 > a::after {
    display: block;
    background: var(--g-color-2);
    left: 2px;
    width: 4px;
    height: 4px;
    top: calc(50% - calc(4px / 2));
}

.mobile-menu .menu-items-template-2 li.menu-level-1 > a::after {
    left: 32px;
}

.menu-items-template-2 .menu-level-1 > .menu_items--ul {
    padding-bottom: 10px;
}

/* Menu level 2 */

.menu-items-template-2 .menu-level-2 > a {
    line-height: 1;
    color: black;
    font-weight: normal;
    padding: .4rem 45px .4rem 60px;
}

.menu-items-template-2 li.menu-level-2 > a::after {
    display: block;
    background: var(--g-color-1);
    left: 42px;
    width: 2px;
    height: 2px;
    top: calc(50% - 1px);
}


/*#region SWITCH - tlačítka pro rozevření a zavření */

.menu-items-template-2 .switch {
    position: absolute;
    background: transparent;
    color: white;
    width: 40px;
    cursor: pointer;
    top: 0;
    right: 1px;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 7px;
}

.menu-items-template-2 .switch .switch-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    pointer-events: none;
}

.menu-items-template-2 .switch.nav-hidden {
    display: none;
}

/* Switch - menu-level-0 */

.menu-items-template-2 .menu-level-0 .switch .switch-image {
    font-size: 20px;
    background: white;
}

.menu-items-template-2 .menu-level-0 .switch .switch-image .ico-plus {
    color: var(--g-color-1);
}

.menu-items-template-2 .menu-level-0 .switch .switch-image .ico-minus {
    color: var(--g-color-1);
}

/* Switch - menu-level-1 */

.menu-items-template-2 .menu-level-1 .switch .switch-image {
    font-size: 20px;
    background: white;
}

.menu-items-template-2 .menu-level-1 .switch .switch-image .ico-plus {
    color: var(--g-color-1);
}

.menu-items-template-2 .menu-level-1 .switch .switch-image .ico-minus {
    color: var(--g-color-1);
}

/* Switch - menu-level-2 */
.menu-items-template-2 .menu-level-2 .switch .switch-image {
    font-size: 12px;
    background: white;
}

.menu-items-template-2 .menu-level-2 .switch .switch-image .ico-plus {
    color: var(--g-color-1);
}

.menu-items-template-2 .menu-level-2 .switch .switch-image .ico-minus {
    color: var(--g-color-1);
}

/* Switch - ikonky */
.menu-items-template-2 .switch.nav-open .ico-plus {
    display: none;
}

.menu-items-template-2 .switch.nav-close .ico-minus {
    display: none;
}

/*#endregion SWITCH - tlačítka pro rozevření a zavření */


/*#region Tree active */

.menu-items-template-2 li.treeActive > ul,
.menu-items-template-2 li.listActive > ul {
    display: block;
}

/*#endregion Tree active */

/*#region Link active */

.menu-items-template-2 li a.linkActive {
    font-weight: 500 !important;
    display: block;
    color: var(--g-color-1) !important;
    width: 100%;
    text-decoration: underline;
}

.menu-items-template-2 li.menu-level-2 > a.linkActive::after,
.menu-items-template-2 li.menu-level-3 > a.linkActive::after {
    background: white;
}

.menu-items-template-2 .listActive > .switch,
.menu-items-template-2 .linkActive > .switch {
    color: white;
}

/*#endregion Link active */

#spravce-pagination a {
    width: 28px;
    height: 35px;
    background: lightgrey;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}