/* ----- Cigel  ----- */

/* VARIABLES */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
@import "colours/palette";
@import "colours/organisation";

:root {
    --primary:#000;
    --secondary: #006221;

    /* Main backgrounds */
    --bg-header:#F6F6F6;
    --bg-body: #F6F6F6;
    --bg-footer:linear-gradient(223deg, #006221 28.77%, #013B15 75.67%), #363636;
    
    

    /* Links */
    --all-links-color:#006221;
    
    /* Logo text */
    --logotext-one:#006221;
    --logotext-two:#000;
  
    /* Headers */    
    --h1-color:#000;
    --h1-background:transparent;
    --h2-color:#006221;
    --h2-background:transparent; 
    --h2-column-background:#fff;
    --h2-border:#FFDF0F;
    --h2-aside-color:#000; 
    --h3-color:#006221;
    --h3-background:transparent;
    --h3-border:#B3D4C5;
    --h4-color:#000;
    --h4-background:transparent;
 
    /* Header */
    --header-data-text-color:#006221;
    --bg-header-border: #FFDF0F; 
    --bg-header-icons:#006221;
    --bg-header-icons-laptop:#006221;
    --bg-header-laptop:#F6F6F6;
    --bg-header-border-laptop: #FFDF0F;
    --bg-header-menu:#fff;  
    --bg-fixed-header-data:#fff; 
    --mobile-menu-icon:#006221;

    /* Navigacia */
    --color-active:#006221;
    --color-menu-active:#D0190F;
    --menu-icon-color:#D0190F;
    --menu-color:#006221;
    --menu-color-active:#006221;
    --bg-menu-item:#006221; 
    --bg-menu-active:#006221;
    --border-menu-active:#FFDF0F;   
    --bg-submenu:#fff;
    --menu-color-arrow:#737475;
    --text-level1-opened:#006221;
    --text-level2-opened:#006221;
    --text-level3-opened:#006221;
    --bg-level1-opened:#fff;
    --bg-level2-opened:#fff;
    --bg-level3-opened:#fff;
    
    /* Horizontal menu */
    --horizontal-menu-color:#006221;
    --horizontal-menu-bg:transparent;
    --horizontal-menu-border: #006221;
    --horizontal-color-opened:#fff;
    --horizontal-bg-opened:linear-gradient(223deg, #006221 28.77%, #013B15 75.67%), #006221; 
    --horizontal-menu-color-opened:#fff;
    --horizontal-menu-bg-opened:linear-gradient(223deg, #006221 28.77%, #013B15 75.67%), #006221;
    --horizontal-menu-color-laptop:#000; 
    --horizontal-menu-bg-laptop:transparent;
    --horizontal-color-opened-active:#006221;
    --horizontal-bg-opened-active:#fff;
    --horizontal-color-level-1:#fff; 
    --horizontal-bg-level-1:#006221;
    --horizontal-color-opened-level-1:#fff;
    --horizontal-bg-opened-level-1:#006221;
    --horizontal-color-current-level-1:#fff;
    --horizontal-bg-current-level-1:#006221;
    --horizontal-color-level-1-hover:#fff; 
    --horizontal-bg-level-1-hover:#006221; 

    /* Vertical menu */
    --vertical-menu-color:#006221;
    --vertical-bg-menu-active:#006221;
    --vertical-menu-color-active:#fff;
    --vertical-bg-menu:#F1F3FF;
    --vertical-menu-border:#006221;
    --vertical-menu-border-active:#006221;
    --vertical-menu-subpage-text:#006221;
    --vertical-menu-color-PC:#006221;

    /* Clone menu */
    --clone-menu-color-first:#000; 
    --clone-menu-bg:#fff; 
    --clone-menu-color:#363636; 
    --clone-menu-border:#FFDF0F;
    --clone-menu-color-current:#fff;
    --clone-menu-bg-hover:linear-gradient(223deg, #006221 28.77%, #013B15 75.67%), #006221; 
    --clone-menu-color-hover:#fff; 
    --clone-menu-border-current:transparent;    
    

    /* Google translate */
    --my-current-lang:#006221;
    --other-lang-hover:#006221;
    --lang-arrow-icon:#6795C8;

    /* Banner Slot */
    --bg-banner-slot: linear-gradient(180deg, rgba(24, 56, 131, 0.00) 0%, rgba(24, 56, 131, 0.70) 32.64%, #006221 89.75%);
    --banner-h2:#fff;
    --banner-text:#fff;
    --banner-btn-actual:#000; 
    --banner-btn-non-actual:#000;
    --banner-btn-actual-tablet: #000;
    --banner-btn-non-actual-tablet: #000; 

    /* Buttons */
    --btn-color:#fff;
    --btn-color-cancel:#006221;
    --btn-bg:#006221;
    --btn-bg-cancel:#F5F5F5;
    --btn-border:transparent;
    --btn-border-cancel:#006221;
    --btn-color-hover:#fff;
    --btn-color-cancel-hover:#000; 
    --btn-border-hover:transparent; 
    --btn-bg-hover:#000;
    --btn-bg-cancel-hover:#ddd;
    --btn-border-cancel-hover:#ddd;

    /* Footer */
    --bg-footer-upper: transparent;
    --bg-footer-upper-colapsable:#F7F6F1;
    --footer-upper-icon-border:#BFC1C3;
    --bg-footer-lower: transparent;
    --footer-border-bottom: #fff;
    --bg-footer-rwd: #006221; 
    --bg-main-content: #F6F6F6;
    --footer-header:#fff; 
    --footer-color:#fff;
    --footer-color-tiraz:#fff;
    --footer-trigger-color:#fff;


    /* Stlpec */
    --side-header:#006221; 
    --left-column-h2-border:#006221;
    --aside-text-color: #000; 
    --uputavka-color-text:#000;
    
    /* Oznamy, Akcie */
    --oznamy-akcie-header:#006221;
    --oznamy-akcie-bg:#fff;
    --oznamy-akcie-border:#ddd; 
    --oznamy-akcie-header-hover:#006221;
    --oznamy-akcie-bg-hover:#fff;
    --oznamy-akcie-border-hover:#FFDF0F; 
    --bg-oznamy-graficke:#fff;
    --text-oznamy-graficke:#000;
    --bg-hover-oznamy-akcie:#F7FFF4;
     
    /* Zverejňovanie */
    --bg-zasadania:#F5F5F5;
    --vzn-bg-hover:#fff;
    --vzn-color-hover:#0E3A7B;

    /* Vyvoz odpadu */
    --olo-bg:#fff;
    --olo-bg-week:transparent;
    --olo-border-week:#fff;
    --olo-bg-days:transparent;
    --olo-other-month-color:transparent;
    --olo-other-month-bg:transparent;
    --olo-bg-today:transparent;
    --olo-border-today:#006221;
    --olo-legend-border:#FFDF0F;
    

    /* Tabbed */
    --tabbed-bg:transparent;
    --tabbed-color:#006221;
    --tabbed-border:#ddd;
    --tabbed-bg-active:transparent;
    --tabbed-color-active:#006221;
    --tabbed-border-active:#FFDF0F;

    /* Vyhladavac */
    --search-icon-color-m:#006221;
    --bg-cancel:#f5f5f5;
    --search-border-color:#006221;
    --filter-border:2px solid #006221;
    --filter-border-active:2px solid #006221;
    --border-required:#006221;
    --border-outline-required:#FFDF0F;  
    --checkbox-color:#006221;
    --search-extend-bg:#fff;
    --search-extend-color:#006221;
    --search-extend-border:transparent;
    --search-extend-bg-hover:#fff;
    --search-extend-color-hover:#003D6B;
    --search-extend-border-hover:transparent;


    /* Table */
    --table-bg-header:#F5F5F5; 
    --table-text-header:#000;
    --table-bg-body:#fff;
    --table-text-color:#000;
    --table-bg-hover:#F5F5F5;
    

    /* Kontakty */
    --contacts-bg-header:#fff;
    --contacts-bg-hover:#F6F6F6; 
    

    

    /* Block menu */
    --bg-menu-block:#fff;
    --block-border: #FFDF0F;
    --hover-text:#FFDF0F;
    --block-icon-color:#FFDF0F;

    /* Anketa */
    --anketa-bar:#006221;

    /* Region Aktualne */
    --region-info-header:#006221; 
    --link-color-main-region_info:#006221;
    --region-info-border:#006221;

    /* Rýchle linky */
    --bg-rychle-linky:#F6F6F6; 
    --rychle-linky-H3:#000;  
    --rychle-linky-color:#000;
    --links-bg-bottom:#fff; 
    --links-color-bottom:#006221;
    --links-border-bottom:transparent;
    --links-icon-bottom:#FFDE17; 
    --links-bg-bottom-active:#fff;
    --links-color-bottom-active:#004324;
    --links-border-bottom-active:#FFDE17;
    --links-icon-bottom-active:#5A9F7F;

    /* Mobilna APP */
    --MA-header-color:#fff;
    --MA-text-color:#FFFFFF;
    --MA-links-color:#B2E3FB;

    /*MAPA*/
    --mapa-text-color:#000;
    --mapa-bg:#fff;


    /* Fotogaleria */
    --foto-text-color:#006221;

    
    
    --link-color-black: #000;
    --link-color-main: #006221;
    --link-color-white: #fff;
    --link-color-dark: #363636;
    --link-hover-color-black: #000;
    --link-hover-color-main: #0258a3;
    --link-hover-color-white: #fff;
    --link-hover-color-dark: #363636;   
    --bg-filter-packing-head:#fff;


    /* Navrat spat */
    --bg-item-back:#006221;
    --item-back:#fff;
    --bg-item-back-hover:#000;
    --color-item-back-hover:#fff;
    --border-item-back-hover:#000; 

    --return-to-top-bg:#fff;
    --return-to-top-icon:#006221;
    --return-to-top-border:#B3D4C5; 


    --alert-color:#d0190f;
    
}

/* reset */ 
body,p,a,ul,li {
    margin: 0;
    padding: 0;
    text-decoration: none;
    scroll-behavior: smooth;
}
#main .module_body {
    word-break: break-word;
    margin-bottom: 25px;
}
input[type="checkbox"] {
    width: 38px;
    height: 38px;
}
.editor p {
    margin-bottom: 1rem;
}
ul {
    list-style: unset;
    margin-left: 25px;
}
nav ul,
#rwd-menu ul,
footer ul {
    list-style: none;
    margin: 0;
}

/* base styles */
body {
    background: var(--bg-body);
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 150%;
    
}
#main-container {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0px;
    /*background: #e5e5e5;*/
}
header {
    width: 100%;
    height: 80px;
    padding: 0px;
    background: var(--bg-header);
    position: relative;
    z-index: 10;
    margin-bottom: 0px;
    border-bottom: 3px solid var(--bg-header-border);
    box-shadow: 1px 1px 10px 0px #eee;
}
#extra-block-top {
    width: 100%;
    display: block;
    position: relative;
    padding: 20px 10px 0; 
    z-index: 9;
    margin: 0px 0 0 0;
    /*background: rgb(0,101,179);
    background: linear-gradient(180deg, rgba(0,101,179,1) 0%, rgba(14,58,123,0) 100%);*/
}
#main-content {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 100%;
    grid-gap: 10px;
    word-break: break-word;
}
#extra-block-bottom {
    display: block;
    width: 100%;
    padding: 0 10px;
    position: relative;
    z-index: 7;
    /*background: #fff;*/
}
footer {
    display: block;
    width: 100%;
    position: relative;
    padding: 0 0px 50px;
    z-index: 6;
    background: var(--bg-footer);
}
a {
    transition: all 0.3s ease-in-out;
    color: var(--link-color-main);
    text-decoration: underline;
    line-height: 150%;
    transition-duration: .35s;
    text-underline-offset: 0.1em;
    text-decoration-skip-ink: none;
}
table {
    overflow-x: auto;
    display: block;       
    width: 100%;
}

#main .module_envelope {
    margin-bottom: 2rem;
}
.button,
.filter-button.filter-button-search,
.filter-body-part input.filter-button {
    color: var(--btn-color) !important;
    background: var(--btn-bg) !important;
    cursor: pointer;
    padding: 1px;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: bold;
    min-height: 44px;
    border: 1px solid var(--btn-border) !important;
    transition: all 0.3s ease-in-out;
    transition-duration: .25s;
    /*border-radius: 10px;*/
}
.cancel .button, 
.filter-body-part input.filter-button.filter-button-cancel,
.table-common-filter-submit a {
    cursor: pointer;
    padding: 1px;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: bold;
    min-height: 44px;
    color: var(--btn-color-cancel) !important;
    background: var(--btn-bg-cancel) !important;
    border: 1px solid var(--btn-border-cancel);
    font-weight: bold;
}
.button:hover,
.filter-button.filter-button-search:hover,
.filter-body-part input.filter-button:hover {
    box-shadow: 0px 0px 20px -10px #000;
    border: 2px solid var(--btn-border-hover);
    background: var(--btn-bg-hover) !important;
    color: var(--btn-color-hover) !important;
}
.cancel .button:hover,
.filter-envelope-body .filter-body-parts .filter-body-part input.filter-button.filter-button-cancel:hover,
.table-common-filter-submit a:hover {
    box-shadow: 0px 0px 20px -10px #000;
    border: 1px solid var(--btn-border-cancel-hover) !important;
    background: var(--btn-bg-cancel-hover) !important;
    color: var(--btn-color-cancel-hover) !important;

}


input.required, 
textarea.required, 
select.required {
    border: 2px solid var(--border-required) !important;
    outline: 3px solid var(--border-outline-required);
}
select, input {
    width: 100%;
    transition: all 0.3s ease-in-out;
    border:var(--filter-border);
    /*border-radius: 10px;*/
}
.editor ul li, 
.editor ol li,
ol li,
.env_registracia_navstevnika_ ul li {
    margin-left: 25px;
} 
img {
    width: 100%;
    height: auto;
    /*border-radius: 10px;*/
}
.env_map_common_objects_google img {
    width: auto;
}
header .env_hf_image img {
    max-width: 50%;
    opacity: 1;
}
ul.oznamy-new-columns-all-list-default li div.image-envelope-default img, 
ul.oznamy-graphic-all-list-default li div.image-envelope-default img, 
ul.actions-new-columns-all-list-default li div.image-envelope-default img, 
ul.actions-graphic-all-list-default li div.image-envelope-default img {
    max-width: 100%;
    height: auto;
}
.editor img {
    width: auto;
}
img[style*="float: left"] {
    margin: 0 10px 10px 0;
}
img[style*="float: right"] {
    margin: 0 0 10px 10px;
}
.empty-block {
    display: none !important;
}
div.social-webs-icons img {
    margin: 0 10px;
    width: auto;
}
h2 .float_right a,
h3 .float_right a { 
    display: none;
}




/* UNDERLINE */
a:hover {
    /*text-decoration: none;
    border-bottom: 3px solid;
    transition: all 0.3s ease-in-out;*/
    text-decoration-thickness: 3px;
}

header a,
div.module_envelope .menu_hlavicka a:hover,
#main-content .column_mc .module_header_region_info a:hover {
    border: none;
    text-decoration-thickness: 3px;
}


/* */
ul.fotogaleria-multi-kat-img-list .gallist > a::before,
a.reklamni_partneri::before,
/*.oznamy-new-columns-item-back a::before, */
.oznamy-graphic-item-back a::before, 
/*.actions-new-columns-item-back a::before, */
.oznamy-new-columns-all-link.bottom-of-module::before, 
.oznamy-new-columns-all-link::before, 
.actions-new-columns-all-link.bottom-of-module::before, 
.actions-new-columns-all-link::before,
#menu-navigation-inner span a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--secondary);
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
.oznamy-new-columns-all-link::before, 
.actions-new-columns-all-link::before {
    background-color: var(--all-links-color) !important;
}
ul.fotogaleria-multi-kat-img-list .gallist > a:hover::before,
a.reklamni_partneri:hover::before,
.oznamy-new-columns-item-back a:hover::before, 
.oznamy-graphic-item-back a:hover::before, 
.actions-new-columns-item-back a:hover::before, 
#main .back a:hover::before, 
#main-container .back a:hover::before,
.oznamy-new-columns-all-link.bottom-of-module:hover::before, 
.oznamy-new-columns-all-link:hover::before, 
.actions-new-columns-all-link.bottom-of-module:hover::before, 
.actions-new-columns-all-link:hover::before,
#menu-navigation-inner span a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}
/* */











/* border none */
header .header-data a:hover {
    border: none;
    transform: translateY(-5px);
}
.env_uputavky_new a,
#page-banner-homepage a {
    border: none;
    color: var(--aside-text-color);
}



/* text-underline none */
a#finder-trigger {
    text-decoration: none;
}
/* UNDERLINE END */


/* fonts */
@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');


h1 { 
    font-size: clamp(1.5rem, 1.2619rem + 1.1905vw, 2rem);
    color: var(--h1-color);
    font-weight: bold;
    background: var(--h1-background);
    margin: 20px 0 25px;
    text-align: left;
    text-transform: uppercase; 
    line-height: normal;
}
/*#homepage_0 h1::after {
    display: flex;
    content: '';
    justify-content: center;
    align-items: center;
    background: url(home_head_icon.png) no-repeat;
    background-size: cover;
    clear: both;
    z-index: 99;
    position: relative;
    flex-wrap: wrap;
    margin: 10px auto;
    top: auto;
    width: 34px;
    height: 7px;
}*/
h1.register-login {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
h1.register-login a.link-button {
    font-size: 1.1875rem; 
    color: var(--link-color-main) !important;
}
h1.register-login a.link-button:hover {
    background: var(--bg-item-back-hover) !important;
    color: var(--color-item-back-hover) !important;
    box-shadow: 1px 4px 15px -8px;
}
h2 { 
    font-size: clamp(1.4375rem, 1.3239rem + 0.5682vw, 1.75rem);
    color: var(--h2-color);
    font-weight: 600;
    line-height: normal !important;
    background: var(--h2-background);
    border-bottom: 2px solid var(--h2-border); 
    margin-bottom: 1rem;
    display: flex;
    text-align: left;
    padding: 15px 12px !important;
    /*border-radius: 10px;*/
}

/*#hoepage_0 h2 {
    background: none;
    text-align: center;
    flex-flow: column;
    text-transform: uppercase;
    padding-bottom: 0 !important;
    border-bottom: none;
}*/
/*#homepage_0 h2::after {
    background: #F3931F !important;
    display: flex;
    justify-content: center;
    position: relative;
    content: "";
    width: 30px;
    height: 2px;
    margin: 0 auto !important;
    bottom: -4px;
}*/
#left-column h2 {
    font-size: 1.5rem;
    padding-left: 0 !important;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--left-column-h2-border);
}
h3 { 
    font-size: 1.5rem !important;
    color: var(--h3-color);
    font-weight: bold;
    background: var(--h3-background) !important;
    /*border-bottom: 2px solid var(--h3-border);*/
    padding: 0 0 10px 0px;
    margin-bottom: 15px;
    height: auto !important;
    position: relative;
    overflow: visible !important;
}
h3::after {
    /* background: url(h3_line.png) no-repeat center bottom !important; */
    /* position: absolute; */
    background: #006221 !important;
    display: flex;
    justify-content: initial;
    position: relative;
    content: "";
    width: 60px;
    height: 2px;
    margin: 0;
    bottom: -5px;
}
h4 { 
    font-size:  1.1875rem ;
    color: var(--h4-color);
    font-weight: 600;
    background: var(--h4-background);
}



/* H3::after display NONE */ 
.links h3::after,
.Mobilna-aplikacia .editor h3::after,
.mapa h3::after, h3#data-header::after,
.env_common_items_columns_responsive ul.oznamy-new-columns-list li h3::after, 
.env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3::after, 
.env_actions_portal_column_responsive ul.actions-new-columns-list li h3::after, 
.env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3::after,
h3.year_array::after,h3.menu-block-name::after,
.env_elektronicka_uradna_tabula h3.oznamy-subtitle::after,
h3.actions-new-columns-list-head::after,.actions-new-colums-form-envelope.item .short-text-envelope h3::after {
    display: none;
}





/* Xtra Small devices (minimum, 320px and up) */
@media (min-width: 20px) { 

    /* -------------------- DISPLAY : NONE -------------------- */
    .display_none,header .env_hf_menu,#login-register,
    /*.env_hf_image.social .hf-image-envelope.with-link a img,*/
    .google-lang-position-others,
    .env_horizontal_menu_clone_column,
    #data-header,.data-footer.header,
    .oznamy_date .oznamy-comma,
    .env_main_menu,
    .env_hf_multi_foto,
    .reklamny-partner,
    .reklamni_partneri.reklamni_partneri_l,
    .reklamni_partneri.reklamni_partneri_r {
        display: none;
    }
    /* -------------------- DISPLAY : NONE END -------------------- */

   /* -------------------- HEADER -------------------- */
    header .column_h {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 15px 9px;
        display: grid;
        grid-auto-rows: auto;
        grid-template-columns: 3fr 44px;
    }
    header .env_hf_logo {
        position: relative;
        flex-wrap: wrap;
        top: 0;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 0;
        max-width: unset;
        width: auto;
        grid-row: 1;
    }
    header .env_hf_module_container.header-data {
        background: var(--bg-fixed-header-data);
        bottom: 0;
        width: 100%;
        box-sizing: content-box;
        top: auto;
        margin: 0 0px 0 -10px;
        height: 45px;
        position: fixed;
        box-shadow: 1px 1px 10px 1px #ddd;
        z-index: 9;
    }
    .module_envelope_h.env_hf_menu_rwd {
        position: relative;
        width: auto;
        height: auto;
        right: 1px;
        z-index: 8;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        grid-row: 1;
    }
    
    /*----------------------------------------------------------------------------------------*/






    /* LOGO */
    .header-logo-envelope>a {
        text-decoration: none;
        position: relative;
        border: none;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        align-items: center;
    }
    header .header-logo-img-envelope {
        padding-right: 9px;
        grid-row: 1/3;
        /* display: grid; */
    
    }
    header .header-logo-img-envelope img {
        height: auto;
        max-height: 48px;
        width: auto;
    }
    .header-logo-text {
        font-size: clamp(1.75rem, 1.4741rem + 1.3793vw, 2.25rem);
        height: auto;
        position: relative;
        color: var(--logotext-one);
        display: flex;
        /* flex-wrap: wrap; */
        /* padding: 5px 0 0 0; */
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
        grid-column: 2;
        grid-row: 1;
        /* align-self: baseline; */
        width: 143px;
    }
    header .header-logo-text-ext {
        font-size: 1rem;
        position: relative;
        color: var(--logotext-two);
        font-weight: 300;
        padding: 0;
        grid-column: 2;
        grid-row: 2;
        text-align: left;
        /* text-transform: uppercase; */
    }

    /*header .header-logo-text-ext::before {
        display: flex;
        content: 'OBEC';
        clear: both;
        z-index: 99;
        position: relative;
        top: auto;
        color: #006221;
        justify-content: center;
    }*/
  
    /* LOGO END */











    /* RWD */
    .env_hf_menu_rwd .module-inner-envelope {
        position: unset;
    }
    .rwd-menu-container,
    .rwd-menu-container.closed {
        position: absolute;
        width: 0;
        opacity: 0;
        right: -100%;
        height: auto;
        transition-duration: 0.5s;
    }
    .rwd-menu-container.opened {
        position: absolute;
        width: 95vw;
        display: flex;
        flex-wrap: wrap;
        top: 77px;
        right: 0px;
        opacity: 1;
        background: #fff;
        box-shadow: 0 15px 15px 0 #000000;
        transition-duration: 0.5s;
    }
    #rwd-menu-trigger .rwd-menu-trigger-a {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        text-align: right;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        box-sizing: content-box;
        font-weight: bold;
        margin: 0;
        height: 44px;
        width: 44px;
        transition: .15s;
        position: relative;
        font-size: 0;
        border: none !important;
    }
    #rwd-menu-trigger .rwd-menu-trigger-a::after {
        display: flex;
        content: "\f0c9";
        clear: both;
        z-index: 99;
        position: relative;
        font: bold normal normal 30px/1 FontAwesome;
        color: var(--mobile-menu-icon);
        text-decoration: none !important;
        border: none !important;
        padding: 0;
    }
    #rwd-menu-trigger .rwd-menu-trigger-a.opened::after {
        content: "\f00d";
        
    }
    #rwd-menu-container.opened ul.hf-hmenu,
    #rwd-menu-container.opened ul.vertical-menu-cover-common {
        display: flex;
        width: 100%;
        flex-wrap: wrap;    
    }
    #rwd-menu-container.opened ul.hf-hmenu li,
    #rwd-menu-container.opened ul.vertical-menu-cover-common li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        margin: 0;
        background: none;
    }
    /* RWD END */







    /* -----  NAVIGATION ----- */
    .hf-menu-envelope {
        width: 100%;
    }
    .hf-menu.with-submenu.liclosed .hf-hsubmenu.hclosed {
        display: none;
    }
    .hf-hsubmenu.hopened {
        display: block;
    }
    .hf-hsubmenu.opened {
        display: block;
        position: relative;
        width: 100%;
    }    
    .hf-menu.level-0 > .hf-menu-envelope > a, 
    ul.vertical-menu-cover-common .menu_hlavicka a.menu_hlavicka {
        width: 100%;
        height: auto;
        font-size: 1.1875rem;
        font-weight: 600;
        text-transform: none;
        text-decoration: none;
        color: var(--horizontal-menu-color);
        padding: 10px 30px 10px 10px;
        margin-bottom: 3px;
        background: var(--horizontal-menu-bg);
        border-left: 2px solid var(--horizontal-menu-border);
        border-bottom: 1px dotted;
        position: relative;
        display: inline-flex;
        transition-duration: .15s;
        /* border-radius: 10px; */
    }


    li.hf-menu.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger {
        background: var(--horizontal-bg-opened);
        color: var(--horizontal-color-opened);
    }
    #rwd-menu-container li.hf-menu.with-submenu > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        content: '\f0D7';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        right: 0;
        width: 20px;
        top: 16px;
        margin: auto;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        /*color: var(--primary);*/
    }
    #rwd-menu-container li.hf-menu.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
        right: 10px;
        /*color: #fff;*/
    }
    


    .hf-menu.with-submenu .hor-menu {
        /*position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        transition: all 0.3s ease-in-out;*/
        display: none;
    }
    /*.hf-menu.with-submenu .hor-menu.active {
        top: 10px;
        height: auto;
    }*/



    /* Navigation Vertical menu */
    ul.vertical-menu-cover-common li.selector-for-mob-menu.menu_hlavicka_current a.under-menu-trigger-new-generation,
    ul.vertical-menu-cover-common li.selector-for-mob-menu.menu_hlavicka.opened a.under-menu-trigger-new-generation.opened {
        background: var(--vertical-bg-menu-active);
        color: var(--vertical-menu-color-active);
        margin: 3px 0 3px 3px;
    }
    ul.menu_cover > li.opened.menu-level-0 > a {
        background: var(--color-active);
        color: #fff;
    }
    ul.menu_item_0.opened .opened.menu-level-1 > a.undermenu-trigger-new-generation,
    ul.menu_item .menu-level-1.opened a.undermenu-trigger-new-generation.opened {
        background: var(--color-active);
        color: #fff;
    }
    ul.menu_item_1.opened .opened.menu-level-2 a.undermenu-trigger-new-generation,
    ul.menu_item .menu-level-2.opened a.undermenu-trigger-new-generation.opened {
        background: var(--color-active);
        color: #fff;
    }    
    /* Navigation Vertical menu END */



    .hf-menu.with-submenu .hor-menu::after, 
    ul.vertical-menu-cover-common .menu_hlavicka.with-submenu a.menu_hlavicka::after,
    ul.menu_cover li.menu-level-0.level-0-has-submenu a.menu_item_0::after,
    ul.menu_item_0 li.menu-level-1.level-1-has-submenu a.menu_item_1::after {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        content: '\f0D7';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        right: 0;
        width: 20px;
        top: 16px;
        margin: auto;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        /*color: var(--primary);*/
    }
    .hf-menu.with-submenu .hor-menu.active::after, 
    ul.vertical-menu-cover-common .menu_hlavicka.with-submenu.opened a.menu_hlavicka::after,
    ul.menu_cover li.menu-level-0.level-0-has-submenu.opened a.menu_item_0.opened::after,
    ul.menu_item_0 li.opened.menu-level-1.level-1-has-submenu a.menu_item_1::after,
    ul.menu_item_1 li.opened.menu-level-2.level-2-has-submenu a.menu_item_2::after,
    ul.menu_item_2 li.opened.menu-level-3.level-3-has-submenu a.menu_item_3::after {
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
        right: 6px;
        /*top: auto;*/
        /*color: #fff;*/
    }

    .hf-menu.level-1.current.with-submenu .active.hor-menu::after,
    ul.vertical-menu-cover-common .menu_hlavicka_current.with-submenu a.menu_hlavicka::after,
    ul.menu_cover li.menu-level-0.level-0-has-submenu.opened a.menu_item_0.opened::after,
    ul.menu_cover li.opened.menu-level-0.level-0-has-submenu a.menu_item_0::after,
    ul.menu_item_0 li.menu-level-1.level-1-has-submenu.opened a.menu_item_1.opened::after {
        color: #fff;
        content: '\f0D8';
        right: 0;
        transform: none;
    }
    
    .hf-menu.level-0.current > .hf-menu-envelope a, 
    .hf-menu.level-1.current > .hf-menu-envelope a,
    .hf-menu.level-2.current > .hf-menu-envelope a,
    .hf-menu.level-3.current > .hf-menu-envelope a,
    ul.vertical-menu-cover-common li.menu_hlavicka_current a.menu_hlavicka_current, 
    ul.menu_cover li.active.menu-level-0 a.menu_item_0_active,
    ul.menu_item_0.opened li.active.menu-level-1 a.menu_item_1_active,
    ul.menu_item_1.opened li.active.menu-level-2 a.menu_item_2_active {
        font-weight: 600;
        color: #fff;
        background: var(--secondary);
    }
    /* level 1 */
    .hf-menu.level-1 .hf-menu-envelope a,
    ul.menu_cover li.menu-level-0 a {
        width: 100%;
        height: auto;
        font-size: 1.1875rem;
        padding: 10px 25px 10px 10px;
        font-weight: 300;
        color: var(--menu-color);
        position: relative;
        display: inline-flex;
        text-decoration: none;
        border-bottom: 1px dotted;
    }
    .hf-hmenu ul.hf-hsubmenu,
    ul.menu_cover {
        border-left: 2px solid var(--secondary);
        top: 0;
        width: 100%;
        margin: 3px 0 3px 10px;
        position: relative;
        box-shadow: 2px 9px 10px -5px #000;
    }
    .hf-hmenu ul.hf-hsubmenu:nth-of-type(2n+2) {
        background: #E9E9E9 ;
    }
    ul.hf-hmenu li.hf-menu.level-1.current > .hf-menu-envelope a {
        font-weight: bold;
        text-decoration: underline;
        color: var(--horizontal-color-current-level-1);
        background: var(--horizontal-bg-current-level-1);
    }
    
    /* level 2 */
    .hf-menu.level-2 .hf-menu-envelope a,
    ul.menu_item_0 li.menu-level-1 a {
        /*color: var(--primary);*/
    }
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu,
    ul.menu_item_0 {
        border-left: 2px solid var(--secondary);
        background: #fff;
        width: 100%;
        margin: 3px 0 3px 10px;
        box-shadow: 2px 9px 10px -5px #000;
    }

    /* level 3 */
    .hf-menu.level-3 .hf-menu-envelope a,
    ul.menu_item_1 li.menu-level-2 a {
        color: var(--secondary);
    }
    .hf-hmenu ul.hf-hsubmenu .level-2 ul.hf-hsubmenu,
    ul.menu_item_1 {
        border-left: 2px solid var(--secondary);
        width: 100%;
        margin: 3px 0 3px 3px;
        box-shadow: 2px 9px 10px -5px #000;
    }
 

    /* -----  NAVIGATION END ----- */








    /* header-data  */
    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        padding-top: 0;
    }
    header .env_hf_module_container.header-data .module-in-container {
        display: inline-flex;
        font-size: 1.1875rem;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        min-width: 41px;
        width: auto;
        flex-grow: 1;
        color: var(--primary);
    }
    a#homepage-link-with-text-envelope,
    span#login-login a,
    input#search-submit-button,
    .env_hf_contacts .module_body a,
    .env_hf_image.social .hf-image-envelope.with-link a,
    .env_hf_text_pure.FB.social .module_body a,
    #my-current-lang {
        display: flex;
        width: 37px;
        height: 37px;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        font-size: 0;
        /*color: var(--primary);*/
        z-index: 100;
        color: #fff;
        text-decoration: none;
    }
    #search-box-submit {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .env_hf_text_pure.FB.social .module_body a {
        display: inline-block;
        width: auto;
        height: auto;
        margin: 0 auto;
        padding: 0 10px 0 0;
        font-size: 1rem;
        text-decoration: underline;
        color: var(--header-data-text-color);
    }







    /* GOOGLE TRANSLATE */
    .env_hf_google_translate {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
    }
    #my-current-lang {
        font-size: 1rem;
        text-transform: uppercase;
        height: 32px;
        justify-content: space-evenly;
        color: var(--my-current-lang);
    }
    #my-current-lang:hover {
        color:var(--my-current-lang);
    }
    #my-current-lang.lang-opened {
        color:var(--my-current-lang);
    }
    .google-lang-position-others {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        bottom: 40px;
        width: 100%;
        background: #fff;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 0 15px -5px #00000025;
    }
    .google-lang-position-others a.google-lang-position {
        text-transform: uppercase;
        width: 100%;
        height: 44px;
        color: var(--secondary);
        font-size: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }
    .google-lang-position-others a.google-lang-position:hover {
        background: var(--other-lang-hover);
        color: #fff;
    }
    /* GOOGLE TRANSLATE END */
    







    /* FINDER */
    .env_hf_finder {
        position: relative;
        width: auto !important;
        top: auto;
        align-items: flex-start;
        border: none;
    }
    #search-submit-button {
        display: flex !important;
        background: transparent;
        border: none;
        z-index: 9999;
    }
    /* FINDER END */    





   
 
    /*ICONS*/
    
    span#login-login::before,
    .env_hf_homepage_text .module_body::before,
    /*span#login-login a::before,*/
    /*a#homepage-link-with-text-envelope::before,*/
    /*.env_hf_contacts .module_body a::before,*/
    .env_hf_contacts .module_body::before,
    .env_hf_image.social .hf-image-envelope.with-link a::before,
    a#finder-trigger::after, #my-current-lang::after,
    header .env_hf_login_register #logout-logout::before {
        color: var(--bg-header-icons);
        clear: both;
        margin: 0 auto;
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: auto;
        height: 37px;
        width: 37px;
        position: absolute;
        font: normal normal normal 18px/1 FontAwesome;
    }
    .env_hf_homepage_text .module_body::before {
        content: "\f015";
     
    }
    span#login-login::before {
        content: "\f0e0";
     
    }
    .env_hf_contacts .module_body::before {
        content: "\f007";
     
    }
    /*.env_hf_image.FB.social .hf-image-envelope.with-link a::before,*/
    .env_hf_text_pure.FB.social .module_body a::before {
        display: inline-block;
        content: "\f09a";
        clear: both;
        margin: 0 auto;
        text-align: center;
        z-index: 99;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
        width: 20px;
        height: 20px;
        padding: 5px;
        color: var(--bg-header-icons);
        border-radius: 50%;
    }
    .env_hf_image.YT.social .hf-image-envelope.with-link a::before {
        display: flex;
        content: "\f167";
        clear: both;
        margin: 0 auto;
        z-index: 99;
        position: relative;
        font: normal normal normal 18px/1 FontAwesome;
    }
    #search-box-submit::after {
        display: flex;
        content: "\f002";
        clear: both;
        right: auto;
        width: auto;
        height: auto;
        color:var(--search-icon-color-m);
        z-index: 99;
        position: absolute;
        font: normal normal normal 19px/1 FontAwesome;
        transition-duration: 0.3s;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    #search-box-submit:hover::after {
        transition-duration: 0.3s;
        transform: rotate(90deg);
    }
    #my-current-lang.notranslate::after {
        display: flex;
        align-items: center;
        content: '\f0d7';
        clear: both;
        z-index: 99;
        margin: 0 0 0 6px;
        color: var(--lang-arrow-icon);
        position: relative;
        transition: all 0.3s ease-in-out;
        font: normal normal normal 16px/1 FontAwesome;
    }
    #my-current-lang.notranslate.lang-opened::after {
        transform: rotate(180deg);
        /*color: var(--my-current-lang);*/
    }
    /*ICONS END*/
 
    /* header-data END */

    
    /* -------------------- HEADER END -------------------- */


    /* -------------------- EXTRA BLOCK TOP -------------------- */

    /* FOTO BANNER */
    .multi-foto-link-system {
        background: none !important;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .multi-foto-link-system img {
        border-radius: 0;
    }
    .multi-foto-link-system .multi-foto-link-controls a {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box; 
    }
    .multi-foto-link-system .multi-foto-link-controls {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        bottom: 20px;
        left: 0;
        max-width: 1100px;
        width: 96%;
        margin: 0 auto;
    }
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-stop--0,
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-start--0 {
        width: 16px;
        height: 16px;
        justify-content: center;
        align-items: center;
        background: #000;
        border-radius: 50%;
        position: relative;
        display: flex;
        border-radius: 50%;
        text-decoration: none;
        border: none;
    }
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-start--0 {
        background: #fff;
    }
    .multi-foto-link-controls #multi-foto-link-stop--0::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f28b';
        clear: both;
        font: normal normal normal 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        width: 20px;
        height: 18px;
        color: #fff;
        border-radius: 50%;
    } 
    .multi-foto-link-controls #multi-foto-link-start--0::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f144';
        clear: both;
        font: normal normal normal 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        width: 20px;
        height: 18px;
        color: #363636;
        border-radius: 50%;
    }
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-stop--0.current,
    .multi-foto-link-system .multi-foto-link-controls a#multi-foto-link-start--0.current {
        display: none;
    }
    /* FOTO BANNER END */







    /* BANNER SLOT */
    .env_hf_banner_slot {
        grid-column: 1/3;
    }
    #page-banner-homepage {
        width: 100%;
        position: relative;
        margin: 0px auto 1rem;
        overflow: visible;
        padding: 0px;
        /*border: 2px solid #eee;*/
        
    }

    #banner-homepage {
        display: grid;
        grid-auto-rows:1fr 1fr auto;
        grid-auto-columns: auto;
        /*border: 2px solid #eee;*/
        /*border-radius: 10px;*/
        /*overflow: hidden;*/
        
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-row: 1/3;
        grid-column: 1;
        overflow: hidden;
        /*border-radius: 10px;*/
    }
    #banner-slot-text-array {
        grid-row: 2;
        grid-column: 1;
        padding-bottom: 0;        
        top: auto;
        position: relative;
        /*border-radius: 10px; */
        background: var(--bg-banner-slot);
    }
    #main-banner-buttons {
        width: 100%;
        margin: 0;
        padding: 0px 50px 0px 0px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        grid-row: 3;
        grid-column: 1;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1rem;
        font-weight: 600;
        color: var(--banner-h2);
        padding: 0px 15px !important;
        margin: 10px 0;
        background: none;
        border: 0;
        bottom: -10px;
        height: 40px;
        position: relative;
        text-align: left;
        text-transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #banner-slot-p {
        font-size: 1rem;
        font-weight: 300;
        color: var(--banner-text);
        margin: 10px ;
        background: none;
        border: 0;
        bottom: auto;
        position: relative;
        text-align: left;
        text-transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: none;
    }
    /*#banner-slot-p,*/ #banner-slot-a {
        display: none;
    }
    .banner-actual-button {
        display: flex;
        flex-wrap: wrap;
        width: 44px;
    }
    .banner-actual-button a {
        width: 44px;
        height: 35px;
        position: relative;
        transition: all 0.3s ease-in-out;
        display: flex;
        color: transparent;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    .banner-actual-button a::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f111';
        clear: both;
        font: normal normal normal 12px/1 FontAwesome;
        border: 2px solid var(--banner-btn-non-actual);
        border-radius: 50%;
        position: relative;
        color: transparent;
    }
    .banner-actual-button.current a::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f111';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        border: none;
        border-radius: none;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--banner-btn-actual);
    }
    #banner-buttons-control-envelope {
        position: absolute;
        display: inline-flex !important;
        width: 44px;
        right: 0px;
        flex-grow: 1;
        height: 35px;
        align-items: center;
        justify-content: center;
    }
    /*#banner-buttons-stop-a,#banner-buttons-start-a*/
    #banner-buttons-stop, #banner-buttons-start {
        position: relative;
        /* width: 44px; */
        height: 14px;
        border-radius: 50%;
        display: flex;
        background: #000;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    } 
    #banner-buttons-start {
        background: #fff;
    }
    #banner-buttons-start::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f144';
        clear: both;
        font: bold normal normal 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #363636;
        overflow: hidden;
    }
    #banner-buttons-stop::after {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        content: '\f28b';
        clear: both;
        font: bold normal normal 18px/1 FontAwesome;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #fff;
        border: 1px solid #000;
        border-radius: 50%;
        box-shadow: 0px 3px 6px -1px #00000042;
    }
    #main-banner-buttons .banner-button-control {
        display: none;
    }
    #main-banner-buttons .banner-button-control.notcurrent {
        display: flex;
    }
    /* BANNER SLOT END */








    /* RYCHLE LINKY */
    .extra-block-top .news.links .editor div {
        display: grid;
        grid-template-columns: 1fr;
        /*padding: 10px;*/
    }
    .extra-block-top .news.links .editor h3 {
        font-size: 1.5rem !important;
        font-weight: 600;
        color: var(--black);
        text-align: left;
        text-transform: uppercase; 
        margin-bottom: 10px;
        display: grid;
        grid-template-columns: 1fr 40px;
        width: 100%;
    }
    .extra-block-top .news.links .editor ul {
        display: grid;
        grid-template-columns: 1fr; /*/repeat(auto-fit, minmax(200px, 1fr))
        list-style: none;*/
        grid-gap: 1rem;
        border: 1px dotted #ddd;
        border-bottom: none;
        margin: 0;
    } 
    .extra-block-top .news.links .editor ul li {
        grid-column: 1;
        margin: 0;
        display: flex;
        flex-flow: column;
        background: linear-gradient(180deg, #275AD1 0%, #10285F 100%), #FFF7B2;
        padding: 0px;
        border-style: solid;
        border-width: 2px;
        border-image: linear-gradient(180deg, #275AD1 0%, #10285F 100%) 1;
    }
    .extra-block-top .news.links .editor ul li:hover {
        background: #F8F4F1;        
    }
    .extra-block-top .news.links .editor ul li:hover a {
        color: #6C6D72;
    }
    
    
    .extra-block-top .news.links .editor ul li a {
        color: #fff;
        font-size: 1.1875rem;
        font-weight: 600;
        /* min-height: unset; */
        line-height: normal;
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px ;
        text-decoration: none; 
    }
    .extra-block-top .news.links .editor ul li a > span {
        text-decoration: underline;
        text-align: center;
    }
    .extra-block-top .news.links .editor ul li a::before {
        display: flex;
        content: "";
        clear: both;
        margin: 0 auto 1rem;
        z-index: 99;
        width: 24px;
        height: 24px;
        color: #fff;
        position: relative;
        font: normal normal normal 24px/1 FontAwesome;
    }
    .extra-block-top .news.links .editor ul li:nth-of-type(1) a::before {
        content: "\f508";
    }
    .extra-block-top .news.links .editor ul li:nth-of-type(2) a::before {
        content: "\f77c";
    }
    .extra-block-top .news.links .editor ul li:nth-of-type(3) a::before {
        content: "\f02d";
    }
    .extra-block-top .news.links .editor ul li:nth-of-type(4) a::before {
        content: "\f654";
    }
    .extra-block-top .news.links .editor ul li:nth-of-type(5) a::before {
        content: "\f15c";
    }

    .extra-block-top .news.links .editor ul li:hover a::before {
        color: var(--secondary);
    }
    .extra-block-top .news.links .editor ul li a:hover {
        /*box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);*/
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        color: var(--secondary);
    }
 

    
   
    .extra-block-top .news.links .fast-link-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .extra-block-top .news.links .editor li:nth-of-type(1) h3.fast-link-header::after {
        background: url(top-link-1.png) no-repeat;
        background-size: contain;
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
    }
    .extra-block-top .news.links .editor li:nth-of-type(2) h3.fast-link-header::after {
        background: url(top-link-2.png) no-repeat;
        background-size: contain;
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
    }
    .extra-block-top .news.links .editor li:nth-of-type(3) h3.fast-link-header::after {
        background: url(top-link-3.png) no-repeat;
        background-size: contain;
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
    }
    .extra-block-top .news.links .editor li:nth-of-type(4) h3.fast-link-header::after {
        background: url(top-link-4.png) no-repeat;
        background-size: contain;
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
    }
    .extra-block-top .news.links .editor li:nth-of-type(5) h3.fast-link-header::after {
        background: url(top-link-5.png) no-repeat;
        background-size: contain;
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
    }
    
    /* Hover links top */
    .extra-block-top .news.links .editor li:hover h3.fast-link-header::after {
        background: url(top-link-hover-1.png) no-repeat;
        background-size: contain;
    }
    .extra-block-top .news.links .editor li:hover:nth-of-type(2) h3.fast-link-header::after {
        background: url(top-link-hover-2.png) no-repeat;
        background-size: contain;
    }
    .extra-block-top .news.links .editor li:hover:nth-of-type(3) h3.fast-link-header::after {
        background: url(top-link-hover-3.png) no-repeat;
        background-size: contain;
    }
    .extra-block-top .news.links .editor li:hover:nth-of-type(4) h3.fast-link-header::after {
        background: url(top-link-hover-4.png) no-repeat;
        background-size: contain;
    }
    .extra-block-top .news.links .editor li:hover:nth-of-type(5) h3.fast-link-header::after {
        background: url(top-link-hover-5.png) no-repeat;
        background-size: contain;
    }
    /* RYCHLE LINKY END */
   

    







    /* BANERSLOT + LINKS */
    .slots.links .module-container-columns-envelope {
        display: grid;
        grid-template-columns: auto;
    }
    .slots.links .banerslot.sides-links h2 {
        font-size: 1.1875rem;
        font-weight: bold;
        border: none;
        margin-bottom: 10px;
        justify-content: center;
        padding-bottom: 0 !important;
        color: #000;
        text-transform: uppercase;
    }

    .slots.links .banerslot.sides-links ul {
        display: grid;
        width: 100%;
        /* aspect-ratio: 1; */
        grid-gap: 1rem;
        vertical-align: top;
        padding: 10px;
        grid-template-columns: 1fr;
    }
    .slots.links .banerslot.sides-links ul li a {
        background: #006221;
        border: 2px solid #006221;
        color: #fff;
        min-height: 44px;
        line-height: 44px;
        display: inline-block;
        font-weight: bold;
        width: 100%;
        border-radius: 20px;
        overflow: hidden;
    }
    
    .slots.links .banerslot.sides-links ul *{
        border: 0px solid;
        font-size: 1rem;
        box-sizing: border-box;
        font-family: sans-serif;
        display: flex;
        flex-wrap: wrap;
        /* place-content: center; */
        justify-content: center;
        align-content: center;
        text-align: center;
        margin: 0;
        width: 100%;
        /* height: 100%; */
        color: #fff;
        transition-duration: .35s;
    }
 
    .slots.links .banerslot.sides-links ul li a::before {
        display: inline-block;
        content: "";
        clear: both;
        justify-content: center;
        padding-right: 10px;
        z-index: 99;
        position: relative;
        font: bold normal normal 19px/1 FontAwesome;
        text-decoration: none !important;
        color: #FFDE17;
        border: none !important;
        
    }
    .slots.links .banerslot.sides-links ul li:nth-of-type(1) a::before {
        content: "\f024";
    }
    .slots.links .banerslot.sides-links ul li:nth-of-type(2) a::before {
        content: "\f508";
    }
    .slots.links .banerslot.sides-links ul li:nth-of-type(3) a::before {
        content: "\f25a";
    }
    .slots.links .banerslot.sides-links ul li:nth-of-type(4) a::before {
        content: "\f085";
    }
    .slots.links .banerslot.sides-links ul li a:hover {
        box-shadow: 2px 8px 26px -5px #000;
        /*-webkit-transform: scale(1.1);
        transform: scale(1.1);*/
        transform: translateY(-5px);
        transition-duration: .35s;
        background: #fff;
        border: 2px solid #5A9F7F;
        color: #004324;
    }
    .slots.links .banerslot.sides-links ul li a:hover::before {
        color: #5A9F7F;
    }
    /* BANERSLOT + LINKS end */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */






    /* -------------------- MAIN CONTENT -------------------- */
    #main-content .column_mc {
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: auto;
        grid-gap: 10px;
        word-break: break-word;
    }
    main#main {
        grid-row: 1;
        margin-bottom: 25px;
        overflow-x: auto;
    }
    
    aside#left-column {
        grid-row: 2;
        margin-bottom: 25px;
    }
    aside#right-column {
        grid-row: 3;
        margin-bottom: 25px;
        /*display: none;*/
    }




    /* --------------- LEFT COLUMN / RIGHT COLUMN --------------- */
    aside#left-column div.module_envelope,
    aside#right-column div.module_envelope {
        margin-bottom: 1.875rem;
    }
    .module_envelope_l.env_text_obrazok {
        color: #000;
        /*border-radius: 10px;*/
        /*background: #006221;*/
        padding: 0px;
    } 
    .module_envelope_l.env_text_obrazok h2 {
        border-color: #006221 !important;
        color: #000;
    }
    .module_envelope_l.env_text_obrazok .editor {
        display: flex;        
    }
    .module_envelope_l.env_text_obrazok .editor tr {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .module_envelope_l.env_text_obrazok table tbody {
        background: none;
        display: table;
        width: 100%;
    }
    .module_envelope_l.env_text_obrazok .editor th {
        padding: 5px 0;
        word-break: keep-all;
        font-weight: 300;
        text-transform: capitalize;
        font-size: 1.1875rem;
    }
    .module_envelope_l.env_text_obrazok .editor td {
        padding: 5px 0;
        word-break: keep-all;
        font-weight: 600;
    }
    div.module_envelope a.menu_hlavicka {
        font-size: 1.5rem;
        color: var(--h2-aside-color);
        font-weight: bold;
        line-height: normal !important;
        /* background: var(--h2-background); */
        border-left: 3px solid #8DC63F;
        margin-bottom: 15px;
        padding: 14px 12px;
    }
    div.module_envelope div.menu_hlavicka, 
    div.module_envelope div.menu_hlavicka_r, 
    .env_napiste_nam div a, 
    .env_hotline div a, 
    .env_sms_hlasnik div a, 
    .env_social_webs > div > div {
        font-size: 1.5rem;
        color: var(--h2-aside-color);
        font-weight: bold;
        display: block;
        width: 100%;
        line-height: normal !important;
        border-bottom: 2px solid var(--side-header);
        /* margin-bottom: 15px; */
        padding: 14px 12px !important;
    }
    div.module_envelope .menu_hlavicka a {
        text-decoration: underline;
    }
    div.module_envelope div.module_header_calendar,
    div.module_envelope div.calendar_of_actions ,
    div.module_envelope div.menu_hlavicka_r, 
    .env_napiste_nam div a, .env_hotline div a, 
    .env_sms_hlasnik div a, 
    .env_social_webs > div > div, 
    .env_uputavky_new .menu_hlavicka a {
        position: relative;
        display: inline-block;
        align-items: center;
        /*padding-left: 10px !important;*/
        text-underline-offset: unset;
        color: var(--primary);
    }
    div.module_envelope div.calendar_of_actions a {
        border: none;
        padding: none;
    }


    /* KALENDAR PODUJATI */
    .env_kalendar_podujati .kalendar_podujati_month {
        display: flex;
        justify-content: space-between;
        background: var(--h2-column-background);
        padding: 16px 20px;
        font-weight: 300;
        /*border-radius: 30px;*/
    }
    .env_kalendar_podujati .kalendar_podujati_month span {
        display: flex;
        align-items: center;
        position: relative;
    }
    .env_kalendar_podujati .kalendar_podujati_month span.actual_month {
        font-size: 1.1875rem;
        color: var(--primary);
    }
    .env_kalendar_podujati .kalendar_podujati_month span a {
        display: flex;
        width: 10px;
        height: 21px;
        text-decoration: none !important;
        position: relative;
        background: none;
        float: none;
        border: none;
        z-index: 9999;
    }
    /*.env_kalendar_podujati .kalendar_podujati_month span.month_prev::after {
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
    }
    .env_kalendar_podujati .kalendar_podujati_month span.month_next::after {
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
    }*/
    .env_kalendar_podujati .kalendar_podujati_month span:hover::after {
        font-size: 23px;
        transition: all 0.3s ease-in-out;
    }
    div.kalendar_podujati_days .kalendar_podujati_day_of_week {
        display: grid;
        grid-auto-rows: auto;
        align-items: center;
        margin: 0;
        /* border-radius: 40px; */
        /* background: #fff; */
        min-height: 60px;
        border-bottom: 1px solid #f5f5f5;
        grid-template-columns: repeat(7, 1fr);
    }
    div.kalendar_podujati_days .kalendar_podujati_day_of_week li {
        grid-row: 1;
        padding: 6px 0;
        text-align: center;
        font-weight: bold;
        width: auto;
        float: none;
        list-style: none;
    }
    div.kalendar_podujati_days .kalendar_podujati_days {
        width: auto;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-auto-rows: auto;
        margin: 0;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li {
        float: none;
        margin: 1px 1px;
        width: auto;
        text-align: center;
        padding: 0;
        background: none;
        overflow: hidden;
        font-size: 1rem;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a {
        display: block;
        border: none;
        justify-content: center;
        min-height: 35px;
        align-items: center;
        color: var(--primary);
        border-radius: 40px;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions {
        color: var(--secondary);
        text-decoration: underline;
        position: relative;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions::after,
    .env_actions_portal_calendar_with_top div.kalendar_podujati_days .kalendar_podujati_days li a.with-actions::after {
        display: flex;
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        top: -10px;
        z-index: 99;
        position: relative;
        border-radius: 50%;
        background: #F47738;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a:hover {
        border: 2px solid #FFDE17 !important;
        background: #ffde1740;
        color: #000 !important;
        font-weight: 600;
        transition-duration: .35s;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li.today {
        list-style: none;
    }
    div.kalendar_podujati_days .kalendar_podujati_days li.today a {
        padding: 0;
        box-sizing: content-box;
        outline: 2px solid var(--link-color-main);
        outline-offset: -2px;
        color: var(--all-links-color);
    }
    .env_kalendar_podujati ul li {
        list-style-type: none;
    }



    .env_actions_portal_calendar_with_top .kalendar_podujati_days li a,
    div.kalendar_podujati_days .kalendar_podujati_days li a {
        display: flex !important;
    }



    .env_kalendar_podujati .brclear {
        display: none;
    }
    
    /* KALENDAR PODUJATI END */






    /* UPUTAVKY */
    .env_uputavky_new .uputavka-new-subtitle {
        font-size: 1.1875rem;
        font-weight: bold;
        padding: 10px 0;
    }
    .env_uputavky_new .uputavka-new-text {
        color: var(--uputavka-color-text);
    }
    .uputavka-new-image-envelope a {
        display: flex;
        width: 100%;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);;
    }
    .uputavka-new-image-envelope a:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px -30px #000;
    }
    /* UPUTAVKY END */







    /* EUT V STLPCI */
    .env_elektronicka_uradna_tabula_stlpec ul li h3 {
        max-height: unset;
        font-size: 1.1875rem !important;
    }
    .env_elektronicka_uradna_tabula_stlpec ul li p {
        max-height: unset;
    }
    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li:hover a {
        background: var(--secondary);
        color: #fff;
        transform: translateY(-3px);
    }
    /* EUT V STLPCI END */






    /* REGION AKTUALNE */
    #main-content .column_mc .module_header_region_info {
        font-size: 1.25rem;
        color: var(--primary);
        font-weight: bold;
        line-height: normal !important;
        background: var(--h2-background);
        border-bottom: 2px solid var(--region-info-border);
        margin-bottom: 15px;
        padding: 11px 10px !important;
    }
    #main-content .column_mc .module_header_region_info a {
        text-decoration: underline;
        font-size: 1.5rem;
        position: relative;
        /*padding-left: 10px;*/
        color: var(--region-info-header);
    }
    
    div.region-info-left {
        float: left;
        width: 50%;
        text-align: left;
        height: auto;
        padding: 0 0 0 1px;
        word-break: break-all;
        font-size: 1rem;
    }
    div.region-info-right {
        float: right;
        width: 45%;
        height: auto;
        text-align: left;
        font-size: 1rem;
        word-break: break-all;
    }   
    /* REGION AKTUALNE END */ 










    /* KALENDAR PODUJATI V STLPCI */ 
    div.menu_hlavicka_l.with-add span, 
    div.menu_hlavicka_r.with-add span {
        display: block;
        float: unset;
        width: auto;
    }
    div.menu_hlavicka_l.with-add span.header-add, 
    div.menu_hlavicka_r.with-add span.header-add {
        float: unset;
        width: auto;
        margin-top: 5px;
    }
    div.menu_hlavicka_r.with-add span.header-add {
        display: none;
    }
    /* KALENDAR PODUJATI V STLPCI END */ 



    
    
    
    
    
    
    
    
    
    /* REKLAMNY PARTNER */ 
    div.menu_hlavicka.reklamny-partner {
        display: none;
    }
    /* REKLAMNY PARTNER END */ 





    /* VIDEO V STLPCI */
    .env_video .media_kat_active a {
        display: none;
    }
    /* VIDEO V STLPCI end */

    /* --------------- LEFT COLUMN / RIGHT COLUMN END --------------- */







    


    /* --------------- MAIN COLUMN --------------- */
    /* BREADCRUMBS */
    #menu-navigation-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #menu-navigation-inner span {
        margin-bottom: 10px;
    }
    #menu-navigation-inner span a {
        /*text-decoration: underline;*/
    }
    #menu-navigation-inner .menu-navigation-separator {
        padding: 0 10px;
    }
    /* BREADCRUMBS END */



    /* ----- TABBED ----- */
    div.tabbed-page-modules-envelope {
        padding: 0;
        margin-bottom: 1rem;
        /*border-bottom: 3px solid #DDDDDD;*/
    }
    #tabbed-page-modules ul.tabbed-page-modules {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        margin-bottom: 1.9rem;
        margin: 0;
    }
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li {
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger {
        background: var(--tabbed-bg);
        color: var(--tabbed-color);
        border-bottom: 2px solid var(--tabbed-border);
        font-size: 1.1875rem;
        font-weight: 600;
        white-space: normal;
        padding: 10px 20px;
         text-transform: uppercase; 
        /* border: none; */
        /* border-radius: 10px; */
    }
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger.current,
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a.current,
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li:hover a.tabbed-page-modules-li-a-trigger {
        background: var(--tabbed-bg-active);
        color: var(--tabbed-color-active);
        border-bottom: 2px solid var(--tabbed-border-active);
        position: relative;
        font-weight: 600;
        /*border-radius: 10px 10px 0 0;*/
    }
    
    /* ŠÍPKA POD AKTIVNOU ZÁLOŽKOU */
    /*.filter-vyhladavanie .search-extended-trigger .filter-body-part a.current::after,
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a:hover::after,
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger.current::after {
        display: flex;
        content: "\f45c";
        justify-content: center;
        clear: both;
        position: absolute;
        left: 0;
        right: 0;
        font: normal normal normal 7px/1 FontAwesome;
        z-index: -1;
        color: transparent;
        background: #F3931F;
        border: 2px solid #F3931F;
        border-left: none;
        border-top: none;
        width: 7px;
        height: 7px;
        bottom: -6px;
        margin: 0 auto;
        transform: rotate(45deg);
    }*/
    /* ----- TABBED END ----- */
 












    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE ----- */
    h2.oznamy-new-columns,
    h2.actions-new-columns {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /*justify-content: space-between;*/
        justify-content: center;
        padding: 15px 12px 10px !important;
        font-weight: 600;
        font-size: clamp(1.25rem, 0.9741rem + 1.3793vw, 1.75rem) !important;
        text-align: center;
        /* border-bottom: 2px solid var(--h2-border); */
    }
    h2.oznamy-new-columns .span,
    h2.actions-new-columns .span {
        text-transform: uppercase;
    }
    
  

    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list { 
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        width: 100%;
        overflow: visible;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li {
        display: grid;
        grid-column: 1;
        /* grid-template-rows: 1fr; */
        width: auto;
        height: auto !important;
        padding: 0px 0 10px;
        background: var(--oznamy-akcie-bg);
        margin-bottom: 15px;
        overflow: visible; 
        border-bottom: 1px solid var(--oznamy-akcie-border);
        /*border: 3px solid transparent;*/
        /* align-content: end; */
        /*border-radius: 10px;*/
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li:hover,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li:hover,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li:hover,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li:hover,
    .env_actions_portal_calendar_with_top .actions-new-colums-form-envelope.item li:hover,
    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-list li:hover {
        background: var(--oznamy-akcie-bg-hover);
        border-bottom: 1px solid var(--oznamy-akcie-border-hover);
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope  {
        height: auto;
        overflow: visible;
        width: auto;
        margin: 0 0 5px;
        /*border-radius: 10px;*/
    }
    ul.oznamy-new-colums-list-default li div.image-envelope-default img, 
    ul.oznamy-graphic-list-default li div.image-envelope-default img, 
    ul.actions-new-colums-list-default li div.image-envelope-default img, 
    ul.actions-graphic-list-default li div.image-envelope-default img {
        max-width: 100%;
        height: auto;
        /*border-radius: 10px;*/
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope a,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope a,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope a {
        display: block;
        width: 100%;
        height: auto;
        max-height: 200px;
        border: none;
        overflow: hidden;
        /*border-radius: 10px;*/
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text-envelope,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text-envelope {
        padding: 0;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 {
        border: none;
        margin-bottom: 0.5rem;
        padding: 0 15px;
        height: auto !important;
        min-height: 57px;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3 a,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 a {
        font-size: 1.1875rem;
        height: auto;
        text-decoration: underline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color: var(--oznamy-akcie-header);
    }
    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a,
    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3 a,
    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a,
    #homepage_0 .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 a {
        -webkit-line-clamp: 2;       
    }
    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text {
        height: auto !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /*min-height: 2.55rem;*/
        text-align: left;
        /*margin: 10px auto 15px;*/
        padding: 0 5px;
        align-self: end;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text {
        display: none !important;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a:hover,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li h3 a:hover,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li h3 a:hover,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li h3 a:hover {
        text-decoration-thickness: 3px;
    }

    /* OZNAMY VODOROVE FILTER NO CATEGORY */
    .oznamy-new-colums-form-envelope form {
        display: grid !important;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        justify-content: unset !important;
    }
    .oznamy-new-colums-form-envelope form span {
        grid-column: 1;
        width: auto !important;
        padding: 5px 0 0;
    }
    .oznamy-new-colums-form-envelope form span.form-label {
        background: none;
        color: var(--primary);
        text-align: left;
    }
    .oznamy-new-colums-form-envelope form span input,
    .oznamy-new-colums-form-envelope form span select {
        border: var(--filter-border);
        margin-bottom: 20px;
        min-height: 44px;
        padding: 0;
        font-size: 1rem;
    } 
    /* OZNAMY VODOROVE FILTER NO CATEGORY END */

    /* OZNAMY VODOROVE FILTER WITH CATEGORY */
    .oznamy-new-colums-form-envelope.with-kats form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        justify-content: unset;
    }
    .oznamy-new-colums-form-envelope.with-kats form span {
        grid-column: 1;
        width: auto;
        padding: 5px 0 0;
    }
    .oznamy-new-colums-form-envelope.with-kats form span.form-label {
        background: none;
        color: var(--primary);
        text-align: left;
    }
    .oznamy-new-colums-form-envelope.with-kats form span input,
    .oznamy-new-colums-form-envelope.with-kats form span select {
        border: var(--filter-border);
        margin-bottom: 20px;
        min-height: 44px;
        padding: 0;
    } 
    /* OZNAMY VODOROVE FILTER WITH CATEGORY END */


    /* AKCIE VODOROVNE */
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .actions-date,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .actions-price,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .actions-date,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .actions-price {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        font-weight: bold;
        padding: 0 5px;
    }
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .actions-date span,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .actions-date span {
        grid-column: 1;
    }    
    .short-text-envelope .actions-date .adate-text {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    .short-text-envelope .actions-date .adate-text .time-item-common {
        grid-column: 1;
    }


    /* AKCIE VODOROVE FILTER */
    .env_actions_portal_column_responsive.list .actions-new-colums-form-envelope {
        padding: 10px;
        border-width: 0;
        margin-bottom: 20px;
    }
    .env_actions_portal_column_responsive.list form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        padding: 0px;
        justify-content: unset;
        box-shadow: 1px 1px 10px -5px #00000040;
    }
    .env_actions_portal_column_responsive.list form span {
        grid-column: 1;
        width: auto;
        padding: 0;
    }
    .env_actions_portal_column_responsive.list form span.form-label {
        background: none;
        color: var(--primary);
        text-align: left;
    }
    .env_actions_portal_column_responsive.list form span.form-date,
    .env_actions_portal_column_responsive.list form span.form-select {
        margin-bottom: 20px;
    }
    .env_actions_portal_column_responsive.list form span input,
    .env_actions_portal_column_responsive.list form span select,
    .env_actions_portal_column_responsive.list form span.form-date {
        border: var(--filter-border);
        min-height: 44px;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 1rem;
        justify-content: center;
    }
    .env_actions_portal_column_responsive.list form span select {
        margin-bottom: 0;
    }

    /* AKCIE VODOROVNE - KALENDAR */
    .filter-actions-new-columns .filter-envelope-body {
        display: grid;
        grid-gap: 20px;
    }
    .filter-actions-new-columns .filter-body-part.filter-body-part-calendar a {
        display: flex;
        background: var(--bg-cancel);
        position: relative;
        justify-content: center;
        align-items: center;
        width: auto;
        padding: 0;
        color: var(--secondary);
        font-size: 1rem;
        font-weight: 700;
        min-height: 44px;
    }
    /* AKCIE VODOROVNE - KALENDAR END */


    .env_actions_portal_column_responsive.list form span.form-date input {
        border: none;
        width: 70% !important;
        min-height: 44px;
        margin: 0;
        padding: 0 20px;
        font-size: 1rem;
    }
    .env_actions_portal_column_responsive.list form span.form-date a {
        position: relative;
        display: flex;
        flex-grow: 1;
        padding-right: 20px;
        justify-content: flex-end;
    }
    .env_actions_portal_column_responsive.list form span.form-date a::after {
        transition-duration: .3s;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        content: '\f133';
        clear: both;
        font: normal normal normal 14px/1 FontAwesome;
        z-index: 99;
        position: relative;
    }
    .env_actions_portal_column_responsive.list form span.form-date img {
        display: none;
    } 
    /* AKCIE VODOROVE FILTER END */
    /* AKCIE VODOROVNE END */


    /* WITHOUT IMG */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li.without-image .image-envelope,
    .env_common_items_columns_responsive.list ul.oznamy-new-columns-all-list li.without-image .image-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li.without-image .image-envelope,
    .env_actions_portal_column_responsive li.without-image .image-envelope,
    .env_actions_portal_column_responsive.list li.without-image .image-envelope,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li.without-image .image-envelope, 
    .env_actions_portal_graphic ul.actions-graphic-list li.without-image .image-envelope,
    .env_actions_portal_graphic.list .actions-graphic-all-list li.without-image .image-envelope,
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope {
        background: url(info.png) no-repeat;
        background-size: contain;
        background-position: top center;
        opacity: 1 !important;
    }
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li.without-image .image-envelope,
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope {
        background-size: 100%;
        background-position: top;
    }
    /* WITHOUT IMG END */




    .oznamy_date {
        display: grid;
        font-size: 1rem;
        margin-top: 0.5rem;
        padding: 0 10px;
        color: var(--primary);
    }  

    .oznamy-new-columns-all-link::after, 
    .actions-new-columns-all-link::after,
    h2.oznamy-new-columns a.oznamy-new-columns-all-link::after, 
    h2.actions-new-columns a.actions-new-columns-all-link::after, 
    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a::after, 
    .oznamy-new-columns-all-link.bottom-of-module::after, 
    a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module::after {
        transition-duration: .3s;
        display: inline-flex;
        align-items: center;
        height: 100%;
        content: '\f101';
        clear: both;
        padding-left: 5px;
        font: normal normal normal 16px/1 FontAwesome;
        right: -10px;
        z-index: 99;
        position: absolute;
        opacity: 0;
    }
    .oznamy-new-columns-all-link:hover::after, 
    .actions-new-columns-all-link:hover::after,
    h2.oznamy-new-columns a.oznamy-new-columns-all-link:hover::after, 
    h2.actions-new-columns a.actions-new-columns-all-link:hover::after, 
    .env_elektronicka_uradna_tabula_stlpec ul.links-to-all-items li a:hover::after, 
    .oznamy-new-columns-all-link.bottom-of-module:hover::after, 
    a.actions-new-columns-all-link-default.actions-new-columns-all-link.bottom-of-module:hover::after {
        transition-duration: 0.3s;
        opacity: 1;
        right: -20px;
    }
  
    /* ALL LINKS */
    .oznamy-new-columns-all-link.bottom-of-module,
    .oznamy-new-columns-all-link,
    .actions-new-columns-all-link.bottom-of-module,
    .actions-new-columns-all-link {
        display: table;
        text-decoration: underline !important;
        margin: 0.5rem 1rem 0.5rem 0 !important;
        font-size: 1.1875rem;
        line-height: 150% !important;
        position: relative;
        padding: 0px 4px 0 0px !important;
        background: none !important;
        color: var(--all-links-color) !important;
        /* float: right; */
    }
    .oznamy-new-columns-all-link.bottom-of-module:hover,
    .oznamy-new-columns-all-link:hover,
    .actions-new-columns-all-link.bottom-of-module:hover,
    .actions-new-columns-all-link:hover { 
        transform: scale(1.1);
        transition-duration: .3s;
        transition-property: transform;
        text-decoration: none !important;
    }
    /* ALL LINKS END */


    .env_common_items_columns_responsive.detail img {
        max-width: 100%;
        height: auto !important;
    }
    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE END ----- */





    /* ----- OZNAMY GRAFICKE / AKCIE GRAFICKE ----- */
    .env_common_items_graphic ul.oznamy-graphic-list,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list,
    .env_actions_portal_graphic ul.actions-graphic-list,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list  {
        display: grid; 
        grid-template-columns: auto;
        grid-auto-rows: auto;
        list-style-type: disc;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li,
    .env_actions_portal_graphic ul.actions-graphic-list li,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li {
        display: flex !important;
        /*align-items: flex-start;*/
        width: auto;
        height: auto !important;
        padding: 0 5px 10px 5px ;
        margin-bottom: 15px;
        border-bottom: 2px solid #F3931F;
        overflow: visible;
    }    
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li {
        display: grid;
        grid-column: 1;
        width: auto;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        height: 270px !important;
        padding: 0 0px 0px 0px ;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        height: auto;
        overflow: visible;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list .image-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope {
        grid-column: 1;
        float: unset;
        width: auto;
        height: auto;
        overflow: unset;
        margin-right: unset;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope a,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .image-envelope a,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope a,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope a {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        max-height: 180px;
        overflow: hidden;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope img,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .image-envelope img,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope img,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope img {
        min-height: unset;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .all-data-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .all-data-envelope {
        background: var(--bg-oznamy-graficke);
        color: var(--text-oznamy-graficke);
        /*box-shadow: 1px 1px 10px -5px #00000040;*/
        padding: 0;
        align-content: space-between;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .all-data-envelope h3,
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .all-data-envelope h3 {
        color: var(--text-oznamy-graficke);
    }
    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .next-oznamy-list li a,
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .next-actions-list li a {
        font-size: 1.0625rem;
        line-height: normal;
        max-width: unset;
        height: auto;
        color: var(--link-color-main);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    a.oznamy-graphic-all-link,
    a.actions-graphic-all-link {
        font-size: 1.1875rem !important;
        /* display: flex !important; */
        min-height: 44px;
        /* height: 44px !important; */
        /* vertical-align: middle; */
        line-height: 44px !important;
        background: #F8F4F1 !important;
        color: #006221 !important;
        /* border: 2px solid #006221; */
        align-items: center;
        padding: 0 21px !important;
        position: relative;
        text-decoration: underline !important;
    }
    a.oznamy-graphic-all-link:hover, 
    a.actions-graphic-all-link:hover {
        background: var(--btn-bg) !important;
        color: #fff !important;
    }
    a.oznamy-graphic-all-link::after,
    a.actions-graphic-all-link::after {
        transition-duration: .3s;
        display: inline-block;
        flex-wrap: wrap;
        align-items: center;
        height: 100%;
        content: '\f101';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        right: -10px;
        z-index: 99;
        position: relative;
    }
    /*.env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text,*/
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope {
        display: block;
        padding: 40px 15px 15px 15px;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        bottom: 0; 
        width: 100%;
        max-width: 100%;
        max-height: 80%;
        color: #fff;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope {
        grid-column: 1;
        position: relative;
        background: none;
        padding: 15px;
        max-height: unset;
        /*background: rgb(0,101,179);
        background: linear-gradient(180deg, rgba(0,101,179,0.1) 16%, rgba(0,101,179,0.9164040616246498) 35%, rgba(0,101,179,1) 100%);*/
    }    
    .env_common_items_graphic.list {
       max-width: 900px;
       margin: 0 auto;
    }

    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope h3,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 {
        color: var(--h3-color);
    }
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .oznamy-graphic-info-envelope h3 a,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope h3 a,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope h3 a,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 a {
        font-size: 1.1875rem;
        color: var(--link-color-main);
        height: auto;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope h3 a,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .short-text-envelope .short-text {
        overflow: hidden;
        height: auto;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;        
    }
    module_envelope env_common_items_graphic list first_center_envelope for-tabbing
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-date,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-place,
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-price,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope div {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        font-weight: bold;
        /*color: #fff;*/
    }
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope div.short-text {
        display: none;
    }
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .action-info-envelope .actions-date .time-item-common,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .short-text-envelope div .time-item-common  {
        grid-column: 1;
    }

    /* AKCIE GRAFICKE FILTER */
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        padding: 0px;
        justify-content: center;
        box-shadow: 1px 1px 10px -5px #00000040;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span {
        grid-column: 1;
        width: auto;
        padding: 0;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-label {
        background: none;
        color: var(--primary);
        text-align: left;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span input, 
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span select, 
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date {
        border: var(--filter-border);
        min-height: 44px;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 1rem;
        justify-content: center;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date, 
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-select {
        margin-bottom: 20px;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date input {
        border: none;
        width: 70% !important;
        min-height: 44px;
        margin: 0;
        padding: 0 20px;
        font-size: 1rem;
    }
    ul.oznamy-graphic-list li div.oznamy-graphic-info-envelope .oznamy-date, ul.actions-graphic-list-default li div.action-info-envelope-default .actions-date-default {
        color: var(--link-color-main);
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date a {
        position: relative;
        display: flex;
        flex-grow: 1;
        padding-right: 20px;
        justify-content: flex-end;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date img {
        display: none;
    }
    .env_actions_portal_graphic.list .actions-graphic-form-envelope form span.form-date a::after {
        transition-duration: .3s;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        content: '\f133';
        clear: both;
        font: normal normal normal 14px/1 FontAwesome;
        z-index: 99;
        position: relative;
    }



    .env_common_items_graphic ul.oznamy-graphic-list li.next-oznamy .next-oznamy-list li::before, 
    .env_actions_portal_graphic ul.actions-graphic-list li.next-actions .next-actions-list li::before {
        transition-duration: .3s;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        content: '\f111';
        clear: both;
        font: normal normal normal 8px/1 FontAwesome;
        z-index: 99;
        color: var(--link-color-main);
        position: relative;
        margin-right: 10px;
    }
    /* AKCIE GRAFICKE FILTER END */
    
    /* ----- OZNAMY GRAFICKE / AKCIE GRAFICKE END ----- */









    /* ----- KALENDAR AKCII S KALENDAROM ----- */ 
    .env_actions_portal_calendar_with_top .module_body,
    .env_common_items_with_calendar .module_body {
        display: grid;
        grid-template-columns: auto;
    }
    .env_common_items_with_calendar.detail .module-inner-envelope > .module_body {
        display: flex;
        max-width: 900px;
        margin: 0 auto;
    }
    .actions-new-colums-form-envelope.items,
    .actions-new-colums-form-envelope.calendar,
    .oznamy-new-columns-envelope.items,
    .oznamy-new-columns-envelope.calendar {
        width: 100% !important;
        margin-bottom: 2rem;
        padding-bottom: 1rem; 
        border-bottom: 1px solid #ddd;
    } 
    h3.actions-new-columns-list-head.calendar,
    h3.oznamy-new-columns-list-head {
        color: var(--primary);
        padding: 0;
        flex-grow: 1;
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        border: none;
    }
    .actions-new-colums-form-envelope .short-text-envelope h3 a {
        font-size: 1.1875rem;
        height: auto;
        text-decoration: underline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .actions-new-colums-form-envelope .short-text,
    .oznamy-new-colums-list-default.oznamy-new-columns-list,
    .oznamy-new-columns-envelope.calendar.with-calendar .short-text,
    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-all-list li .short-text,
    .env_common_items_with_calendar.list .oznamy-new-columns-all-list .short-text {
        font-size: 1rem;
        height: auto;
        margin-top: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .actions-new-colums-form-envelope .image-envelope a { 
        position: relative;
        display: flex;
    }
    .env_actions_portal_calendar_with_top .actions-new-colums-form-envelope.item li .image-envelope a {
        max-height: 168px;
        max-height: 156px !important;
        overflow: hidden;
        display: block !important;
    }
    .actions-new-colums-form-envelope .image-envelope span.actions-date-bubble.calendar,
    .oznamy-date-bubble.calendar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        background: var(--secondary);
        color: #fff;
        width: auto;
        padding: 0 5px;
        height: auto;
        top: 0;
        border: 1px solid var(--secondary);
        box-shadow: -2px 0px 18px 3px #eee;
        transition: all 0.3s ease-in-out;
    }
    .actions-new-colums-form-envelope .image-envelope span.actions-date-bubble.calendar .time-item-common {
        display: none;
    }
    .actions-new-colums-form-envelope.item .short-text-envelope h3,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li h3 {
        padding: 0;
        min-height: 3rem;
        border: none;
    }
    .actions-new-colums-form-envelope.item li .actions-place,
    .actions-new-colums-form-envelope.item li .actions-date {
        font-weight: 600;
        font-size: 1rem;
    }
    .actions-new-colums-form-envelope.item li .actions-date .time-item-common {
        display: block;
    }

    /*KALENDAR*/
    .env_actions_portal_calendar_with_top .kalendar_podujati_month,
    .oznamy-new-columns-envelope.calendar.with-calendar .kalendar_podujati_month {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        padding: 11px 10px 14px !important;
    }
    h3.oznamy-new-columns-list-head.calendar {
        flex-grow: 1;
    }
    div.kalendar_podujati_month span {
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
        padding: 0 5px;
    }
    div.kalendar_podujati_month a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100% !important;
        text-decoration: none;
        margin: 0px;
        border: none;
    }
    a.month_prev::before {
        transition-duration: .3s;
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        right: auto;
        z-index: 99;
        position: relative;
        flex-wrap: nowrap;
        justify-content: center;
    }
    a.month_next::after {
        transition-duration: .3s;
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        left: auto;
        z-index: 99;
        position: relative; 
        flex-wrap: nowrap;
        justify-content: center;
    }
    a.month_prev:hover::before,
    a.month_next:hover::after {
        font-size: 23px;
        transition: all 0.3s ease-in-out;
    }
    .actions-new-colums-form-envelope .kalendar_podujati_days li a {
        min-height: 41px !important;
    }
    .actions-new-colums-form-envelope .actions-new-columns-all-link.bottom-of-module {
        padding-top: 20px !important;
        /*display: flex !important;*/
        justify-content: flex-start;
    }
    .env_actions_portal_calendar_with_top .actions-new-columns-all-link.bottom-of-module,
    .env_common_items_with_calendar .oznamy-new-columns-all-link.bottom-of-module {
        display: inline-flex;
        align-items: center;
        float: unset;
        font-weight: 300;
        width: auto;
        transition-duration: .2s;
        position: relative;
        top: 0;
        right: 0;
        font-size: 19px;
        text-transform: unset;
        margin: 2rem 1rem 0.5rem 0 !important;
    }
    .env_actions_portal_calendar_with_top .data-name {
        font-weight: 600;
    }





    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-list {
        margin: 0;
    }
    
    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-list li,
    .env_actions_portal_calendar_with_top .actions-new-colums-form-envelope.item li {
        display: grid;
        width: auto;
        height: auto;
        margin-bottom: 2rem;
    }
    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-list li .image-envelope {
        height: auto;
    }
    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-list li .image-envelope a {
        max-height: 168px !important;
        overflow: hidden;
        display: block !important;
        position: relative;
    }
    

    /* Detail */
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list {
        display: grid;
        grid-template-columns: 1fr;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li {
        display: grid;
        height: auto;
        grid-auto-rows: max-content;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li div {
        grid-column: auto;
        float: unset;
        width: auto;
        height: auto;
        overflow: visible;
        margin: 0;
        padding: 0;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li .image-envelope {
        height: 200px;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li .image-envelope a {
        display: block;
        max-height: 200px;
        overflow: hidden;
        border-radius: 10px;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li h3 {
        border: none;
    }
    

    
    /* ----- KALENDAR AKCII S KALENDAROM END ----- */











    /* PAGING */
    div.paging {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    div.paging ul.pagination {
        grid-column: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        /* grid-row: 1; */
        flex-wrap: wrap;
    }
    div.paging .results {
        grid-column: auto;
        /* margin: 0 auto; */
        font-size: 1rem;
        grid-row: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    div.paging ul.pagination li {
        width: 50px;
        height: 50px;
        color: var(--secondary);
        line-height: normal;
        /* text-decoration: underline; */
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: 1.1875rem;
        font-weight: bold;
    }
    div.paging ul.pagination li a {
        display: flex;
        border: none;
        background: none;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-decoration: underline;
    }
    div.paging ul.pagination li span.current {
        color: #fff;
        background: var(--secondary);
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        /*border-radius: 50%;*/
    }
    div.paging ul.pagination li.prev,
    div.paging ul.pagination li span.disabled,
    div.paging ul.pagination li.next {
        text-decoration: none;
    } 
    div.paging ul.pagination li.prev a,
    div.paging ul.pagination li span.disabled,
    div.paging ul.pagination li.next a {
        font-size: 0;
        border: 0;
        display: flex;
        align-items: center;       
        text-decoration: none; 
    }
    div.paging ul.pagination li.prev a::before,
    div.paging ul.pagination li span.disabled::before {
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        bottom: auto;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
    }
    div.paging ul.pagination li.next span.disabled::before {
        color: grey;
        content: '\f105';
    }
    div.paging ul.pagination li.next a::after {
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        bottom: auto;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
    }
    /* PAGING END */











    /* FOTOGALERIA */
    div.fotogaleria,
    ul.fotogaleria-multi-kat-img-list,
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure,
    ul.common-image-gallery-default {
        display: grid !important;
        grid-auto-rows: auto;     
        margin: 0;   
    }
    div.fotogaleria div,
    ul.fotogaleria-multi-kat-img-list .gallist,
    ul.fotogaleria-multi-foto-list li,
    ul.fotogaleria-pure > li,
    ul.common-image-gallery-default li,
    ul.fotogaleria-multi-kat-img-list.with-names li {
        grid-column: auto;
        display: grid !important;
        margin: 0 auto 1rem !important;
        position: relative;
        max-width: 360px;
        width: 100% !important;
        height: auto !important;
        text-align: center;
        background: none;
        border: none;
    }
    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default,
    ul.fotogaleria-multi-kat-img-list.with-names li a {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 360px;
        width: 100% !important;
        max-height: 240px;
        height: 63vw !important;
        margin: 0 auto;
        overflow: hidden;
        border: none !important;
        /*border-radius: 10px;*/
    }
    div.fotogaleria div > a:hover, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope:hover, 
    ul.fotogaleria-multi-foto-list li > a:hover, 
    ul.common-image-gallery-default li a.common-image-gallery-default:hover,
    ul.fotogaleria-multi-kat-img-list.with-names li a:hover {
        transform: translateY(-5px);
        box-shadow: 5px 5px 20px -8px #000;
        transition-duration: .35s;
    }
    div.fotogaleria div > p {
        color: var(--foto-text-color);
    }
    ul.fotogaleria-multi-kat-img-list .gallist > a {
        overflow: visible;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        border: none;
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope,
    ul.fotogaleria-multi-kat-img-list .gallist .gallist-katname {
        grid-column: 1;
        width: auto !important;
        max-width: 360px;
    }
    /*ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        filter: grayscale(1);
        opacity: 0.7;
    }
    ul.fotogaleria-multi-kat-img-list .gallist:hover .gallimg-envelope {
        filter: grayscale(0);
        opacity: 1;
    }*/
    ul.fotogaleria-multi-kat-img-list .gallist .gallist-katname-icon,
    ul.fotogaleria-multi-kat-img-list.with-names li a .gallist-katname-icon {
        right: 0;
        left: 0;
        bottom: auto;
        top: 30%;
        margin: 0 auto;
        display: grid !important; 
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallist-katname-icon::after,
    ul.fotogaleria-multi-kat-img-list.with-names li a .gallist-katname-icon::after {
        display: flex;
        content: '\f03e';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        bottom: auto;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
        color: var(--color-active);
    }
    .brclear, 
    .oznamy_date-break,
    .fotogaleria div.fotogaleria_row_separator,
    .fotogaleria .clear {
        display: none !important;
    }
    /* Fotogaleria PURE */
    ul.fotogaleria-pure > li .fotogaleria-picture-envelope a,
    ul.fotogaleria-multi-foto-list li a {
        display: flex;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        border: none;
        height: 120px;
        overflow: hidden;
    }
    ul.fotogaleria-pure > li .fotogaleria-picture-envelope a img {
        width: 100%;
        height: max-content;
    }
    ul.fotogaleria-pure > li > p {
        color: var(--secondary);
    }
    /* Fotogaleria PURE END */

    .env_fotogaleria .fotogaleria div.display_none {
        display: none !important;
    }
    /* FOTOGALERIA END */








    /* ----- SUBORY NA STIAHNUTIE ----- */
    div.file-download {
        padding: 0.5rem 0 0;
        /*border: none;*/
    }    
    div.file-download span {
        margin: 0 !important;
        font-size: 19px;
        min-height: unset;
    }    
    div.file-download a {
        font-size: 1rem;
        gap: 1rem;
    }    
    div.file-download:hover {
        background: #fff;
    }
    div.file-download a:hover span.file-text,
    div.file-download a:hover span.file-size,
    div.file-download a:hover span.file-name,
    .env_vzn_new .vzn-new:hover div a:hover {
        text-decoration-thickness: 3px;
    }    
    .fa::before {
        margin: 0;
    }    
    div.file-download span.file-name {
        text-decoration: underline;
    }    
    div.file-download a span.file-text {
        width: auto;
        margin-right: 0.75rem;
        padding: 0;
        transition: 0.3s ease-in-out;
        text-decoration: underline;
    }    
    div.file-download span.file-size {
        text-decoration: underline;
        margin: 0;
        width: auto;
        display: flex;
        width: calc(10px + 100px);
        justify-content: flex-end;
    }    
    div.file-download span.file-count {
        position: unset;
        color: #363636;
    }    

    .env_download_file_with_kat_concrete_items br.brclear {
        display: block !important;
    }

    /* FILE SIZE FIRST */
    div.file-download span.file-size {
        justify-content: flex-start;
    }
    
    /* FILE SIZE FIRST END */
 
    
    /* ----- SUBORY NA STIAHNUTIE END ----- */










    /* ------ NOVINY NOVE ----- */
    h3.noviny-new {
        margin: 1rem 0 0.5rem;
    }
    ul.noviny-new {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0.5rem;
        justify-items: center;
        align-items: start;
    }
    ul.noviny-new li {
        float: none !important;
        width: 100%;
        max-width: 180px;
        margin-bottom: 1rem;
        transition-duration: 0.5s;
    }
    ul.noviny-new li:hover {
        box-shadow: 0 8px 10px -5px #ddd;
        border-radius: 4px;
    }
    ul.noviny-new li:hover > h4 a {
        /*color: #fff;*/
        background: #f3f2f1;
        text-decoration-thickness: 3px;
    }
    ul.noviny-new li > a {
        max-height: max-content;
        display: flex !important;
        flex-wrap: wrap;
        overflow: hidden;
        max-height: 240px;
        border-radius: 10px;
    }

    ul.noviny-new li:hover a img {
        transform: scale(1.05);
    }
    ul.noviny-new li h4 {
        padding: 0.5rem 0.25rem;
    }
    ul.noviny-new li h4 a {
        font-size: 1.1875rem;
        color: var(--h4-color);
        height: auto;
        font-weight: 600;
        text-decoration: underline;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition-duration: 0.5s;
        word-break: break-word;
    }
    div.env_noviny_new div.module-inner-envelope > h3 {
        margin-bottom: 0.5rem;
    }

    @media (min-width: 576px) {
        ul.noviny-new {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    @media (min-width: 768px) {
        ul.noviny-new {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    @media (min-width: 992px) {
        ul.noviny-new {
            grid-template-columns: repeat(5, 1fr);
        }
    }
    /* ------ NOVINY NOVE END ----- */











    /* ----- LUDIA - NEW MODULE ----- */
    .persons-detail-envelope-default {
        grid-gap: 1rem;
        display: grid;
        margin-bottom: 2rem;
    }    
    .persons-detail-envelope-default.without-image {
        grid-gap: 0;
    }    
    .persons-detail-envelope-default .image-envelope {
        justify-self: center;
        max-height: 300px;
        height: auto;
        width: auto;
        max-width: 200px;
    }    
    .persons-detail-envelope-default .persons-data {
        padding: 0;
        max-width: unset;
    }    
    .persons-detail-envelope-default .persons-data h2 {
        /*border-bottom: none;
        background: transparent;
        padding: 0 !important;*/
        margin-bottom: 0.5rem;
    }    
    .persons-detail-envelope-default .persons-data dl {
        display: grid;
        grid-template-columns: max-content;
    }    
    .persons-detail-envelope-default.without-image .persons-data dt,
    .persons-detail-envelope-default .persons-data dt {
        padding: 0.25rem 0;
        grid-column: 1;
        width: 5rem;
        font-weight: 600;
    }    
    .persons-detail-envelope-default.without-image .persons-data dd,
    .persons-detail-envelope-default .persons-data dd {
        padding: 0.25rem 0;
        grid-column: 2;
        width: auto !important;
    }    
    .persons-detail-envelope-default .persons-data dd a {
        text-decoration: underline;
        transition-duration: 0.3s;
    }    
    .persons-detail-envelope-default .persons-data dd a:hover {
        text-decoration: none;
        border-bottom: 3px solid;
    }    
    .persons-detail-envelope-default .persons-data dd.short-text {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
    }    
    .persons-detail-envelope-default .persons-data dd.short-text div.show-more-trigger {
        justify-self: right;
        margin-top: 0;
    }    
    .persons-detail-envelope-default .show-more-target {
        margin-top: 0;
    }    
    .persons-detail-envelope-default .persons-data .show-more-trigger a {
        position: relative;
        margin-right: 1rem;
    }    
    .module_envelope.env_persons_new .module-inner-envelope > .module_body h3 {
        grid-column: 1/-1;
    }    
    .persons-detail-envelope-default .persons-data .show-more-trigger a::after {
        display: flex;
        content: '\f106';
        font: bold normal normal 16px/1 FontAwesome;
        clear: both;
        color: var(--link-color-main);
        width: auto;
        top: auto;
        left: auto;
        bottom: 0;
        right: -1rem;
        z-index: 1;
        position: absolute;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }    
    .persons-detail-envelope-default .persons-data .show-more-trigger a:hover::after {
        transform: rotate(180deg);
    }    
    .persons-detail-envelope-default .persons-data .show-more-trigger a.current::after {
        transform: rotate(180deg);
    }    
    .persons-detail-envelope-default .persons-data .show-more-trigger a.current:hover::after {
        transform: rotate(0);
    }    
    @media (min-width: 576px) {
        .persons-detail-envelope-default {
            grid-template-columns: 200px auto;
        }    
        .persons-detail-envelope-default.without-image {
            grid-template-columns: auto;
        }    
        .persons-detail-envelope-default .image-envelope {
            justify-self: left;
            grid-column: 1;
        }    
        .persons-detail-envelope-default .persons-data {
            grid-column: initial;
        }    
        .persons-detail-envelope-default .show-more-target {
            grid-column: span 2;
        }
    }    
    @media (min-width: 768px) {
        /* Vedľa seba */
        /*.module_envelope.env_persons_new .module-inner-envelope > .module_body {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 1rem;
        }
    
        .module_envelope.env_persons_new .module-inner-envelope > .module_body .persons-detail-envelope-default {
            display: flex;
            flex-direction: column;
        }
    
        .persons-detail-envelope-default .image-envelope {
            height: 300px;
            width: 200px;
            align-self: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }*/
        /* Vedľa seba END*/
    }
    /* ----- LUDIA - NEW MODULE END ----- */










    /* ----- TABLE ----- */
    
    table.zmluvy {
        border-collapse: collapse;
        width: 100%;
        border: none;
    }
    .column table tr:hover {
        background: #fff;
    }
    .column table tr td,
    .column table tr th {
        text-align: left;
    vertical-align: top;
    width: auto !important;
    min-width: 120px;
    padding: 10px;
    color: var(--table-text-header);
    /* background: antiquewhite; */
    border-bottom: 1px solid #ddd;
    }
    .column table tr td {
        color: var(--table-text-color);
    }
    .column table tr:hover {
        background: var(--table-bg-hover);
        transition-timing-function: ease-in-out;
        transition-duration: .15s;
    }
    .module_envelope .right_align, .module_envelope table.program_table td.right_align {
        text-align: left !important;
    }
  
    table caption {
        font-size: 1.3125rem;
        color: var(--h2-color);
        font-weight: bold;
        text-align: left;
        line-height: normal !important;
        background: var(--h2-background);
        border-bottom: 2px solid var(--h2-border);
        margin-bottom: 15px;
        padding: 11px 10px 14px !important;
    }
    table.user_table_t_border {
        width: 100%;
        min-width: 450px;
        border-spacing: 0;
    }
    table.user_table_t_border tr {
        width: 100%;
        display: table-row;
    }
    table.user_table_t_border th,
    table th {
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        word-break: break-word;
        /* text-align: left !important; */
        width: auto !important;
        display: table-cell;
        vertical-align: middle;
        /* color: var(--secondary); */
        /* background: #fff; */
        padding: 5px 4px;
        /* border-bottom: 2px solid #ddd; */
    }
    table.user_table_t_border td,
    table td {
        word-break: keep-all;
        text-align: left !important;
        width: auto !important;
        display: table-cell;
        padding: 10px 5px;
        /*border-bottom: 1px solid #ddd;*/
    }
    table thead {
        float: unset;
        width: auto;
        font-size: 0.875rem;
        color: var(--primary);
        font-weight: bold;
        border-bottom: 2px solid #Ddd;
        line-height: normal !important;
        background: var(--table-bg-header);
    }
    table tbody {
        background: var(--table-bg-body);
    }


    


    /* TABLE s filtrom */
    .table-common-filter-submit a {
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .table-common-filter-body form {
        display: grid;
        grid-template-columns: auto;
        justify-content: unset;
        margin-bottom: 2rem;
    }
    .table-common-filter-body form .table-common-filter-envelope .table-common-filter-input select {
        min-height: 44px;
    }
    /* TABLE s filtrom end*/

    /* TABLE END */













    /* NAPISTE NAM */
    div.env_napiste_nam_execute table {
        width: 100%;
    }    
    div.env_napiste_nam_execute table.program_table tbody {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0.35rem;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr td input,
    div.env_napiste_nam_execute table.program_table tbody tr td textarea {
        width: 100% !important;
        padding: 0.75rem 0.5rem;
        border: 2px solid var(--primary);
        transition-duration: 0.3s;
        border-radius: 0.25rem;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 1rem;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr td input[type="submit"] {
        max-width: 350px;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr td input:focus-visible,
    div.env_napiste_nam_execute table.program_table tbody tr td textarea:focus-visible {
        border: 2px solid var(--secondary);
        box-shadow: 0 2px 10px -3px #aaa;
        transform: translateY(-2px);
    }    
    div.env_napiste_nam_execute table.program_table tbody tr td a {
        text-decoration: underline;
        transition-duration: 0.3s;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr td a:hover {
        text-decoration: none;
        border-bottom: 3px solid;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr:has(td.right_align.automatic-col-1 input[type="checkbox"]) {
        display: grid;
        grid-template-columns: 38px auto;
        gap: 0.5rem;
        align-items: center;
    }    
    div.env_napiste_nam_execute table.program_table tbody tr td.right_align.automatic-col-1:has( input[type="checkbox"]) {
        height: 38px;
    }    
    /* NAPISTE NAM END */










    /* ANKETY */ 
    .env_ankety .no_margin {
        display: grid;
        grid-template-columns: auto;
    }
    .env_ankety .no_margin > div {
        display: grid;
        grid-template-columns: auto;
        width: auto !important;
    }
    .env_ankety .no_margin > div {
        display: grid;
        grid-template-columns: 55% 30% auto;
        width: auto !important;
        margin-bottom: 0.5rem;
    }
    .env_ankety .no_margin div[style="width:68%;"] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-column: 2;
        grid-row: 1;
    }
    .env_ankety .no_margin div[style="width:68%;"] div {
        width: auto;
    }
    .env_ankety .no_margin div[style="width:68%;"] div:last-of-type {
        display: none;
    }
    .env_ankety .ank_question {
        font-size: 1.1875rem;
        font-weight: bold;
        padding: 10px 0;
        grid-template-columns: auto !important;
        grid-row: 1 !important;
    }
    .no_margin .ank_answer {
        grid-column: 1;
        grid-row: 1;
    }
    .no_margin .ank_real_count {
        grid-column: 3;
        grid-row: 1;
        float: unset !important;
        width: auto !important;
        display: flex;
        align-items: center;
    }
    .env_ankety .ank_real {
        background: var(--anketa-bar);
        max-height: 5px;
    }
    /* ANKETY END */
    










    /* ----- ZASADNUTIA ----- */
    .env_zasadania form {
        width: 100%;
    }    
    .env_zasadania.for-tabbing form {
        width: 100%;
        display: block;
    }
    .env_zasadania .module_body { 
        display: grid;
        grid-template-columns: auto;
        width: 100%;
        grid-gap: 10px;
    }
    .env_zasadania h2 { 
        width: 100%;
    }
    .env_zasadania .module_body > div.zasadania-list {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }
    .env_zasadania .module_body .zasadenie-envelope {
        aspect-ratio: 1;
        display: grid;
        width: auto;
        background: var(--bg-zasadania);
        /* border: 1px solid #ddd; */
        place-content: center;
        transition-duration: 0.3s;
        /*border-radius: 10px;*/
    }
    .env_zasadania .module_body .zasadenie-envelope a {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        transition-duration: 0.3s;
    }
    .env_zasadania .module_body .year_selector {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
    }
    div.year_selector h3 {
        float: unset;
        text-align: center;
        margin: 0 auto;
        position: relative;
        width: auto;
        aspect-ratio: 1;
        border: none;
    }
    div.year_selector h3:hover a {
        transform: translateY(-5px);
        color: var(--primary);
        transition-duration: .35s;
    }
    .env_zasadania .module_body .zas-onestep.in-foc {
        grid-template-columns: auto;
    }
    .env_zasadania .module_body .zas-onestep.in-foc .add_user_info {
        grid-column: auto;
    }
    .env_zasadania .module_body .zasadenie-envelope:hover {
        box-shadow: 5px 5px 20px -8px #000;
        transform: translateY(-5px);
    }
    .env_zasadania .module_body .zasadenie-envelope:hover a {
        border: none;
        text-decoration: underline;
        text-decoration-thickness: 3px;

    }

    /*.zasadania-form-envelope {
        display: grid;
        width: 100%;
        border-bottom: 1px solid #ddd !important;
    }
    .zasadania-form-envelope form {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        grid-gap: 15px;
    }
    .zasadania-form-envelope form span {
        grid-column: 1;
        width: auto !important;
        padding: 0;
    }
    .env_zasadania .zasadania-form-envelope span.form-label {
        background: none !important;
        text-align: left !important;
        font-size: 1rem;
        color: var(--primary);
        font-weight: bold;
    }
    .zasadania-form-envelope span.form-searchtext input {
        min-height: 44px;
        border: var(--filter-border);
    }
    .env_zasadania .module_body .zasadenie-envelope {
        aspect-ratio: 1;
        display: grid;
        max-width: 178px;
        width: min-content;
        min-width: 145px;
        background: #F7FFF4;
        border: 1px solid #ddd;
        place-content: center;
    }
    .env_zasadania .module_body .zasadenie-envelope a {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-weight: bold;
        margin: 0 auto;
    }*/
    /* ----- ZASADNUTIA END ----- */










    /* ----- VZN ----- */
    div.vzn-new {
        padding: 0.5rem 0.3rem !important;
        border-bottom: 3px solid #ddd;
        margin: 0 0 1em;
        transition-timing-function: ease-in-out;
        transition-duration: .15s;
    } 
    .env_vzn_new .vzn-new h4 span {
        font-weight: bold;
    }
    .env_vzn_new .vzn-new h4 span.vzn-number {
        color: var(--secondary);
    }
    .env_vzn_new .vzn-new div a {
        color: var(--primary);
        text-decoration: underline;
    }
    .env_vzn_new .vzn-new:hover {
        background: var(--vzn-bg-hover);
    }
    .env_vzn_new .vzn-new:hover div a,
    .env_vzn_new .vzn-new:hover h4 span,
    .env_vzn_new .vzn-new:hover .vzn-date-type {
        color: var(--vzn-color-hover);
        /*text-decoration: none;
        border-bottom: 3px solid;*/
        transition-timing-function: ease-in-out;
        transition-duration: .15s;
    }
    .env_vzn_new .vzn-new .vzn-dates {
        display: flex;
        flex-wrap: wrap;
    }
    .env_vzn_new .vzn-new .vzn-dates .vzn-date-type {
        display: flex;
        position: relative;
        text-transform: capitalize;
    }
    .env_vzn_new .vzn-new .vzn-dates .vzn-date-type::before {
        display: flex;
        align-items: normal;
        justify-content: center;
        content: '|';
        width: 20px;
        clear: both;
        margin: auto;
        position: relative;
        transition: all 0.3s ease-in-out;
    }
    .env_vzn_new .vzn-new .vzn-dates .vzn-date-type:first-child::before {
        display: none;
    }
    .env_vzn_new div.paging:first-of-type {
        display: none;
    }
    /* VZN FILTER */
    .vzn-filter-envelope {
        align-items: flex-end;
    }
    .vzn-filter-envelope .vzn-finder-part-envelope {
        padding: 0;
    }
    .vzn-filter-envelope .vzn-finder-part-envelope.cancel {
        min-width: 155px;
        padding: 0;
        height: 50px;
        justify-content: center;
        align-items: center;
        background: #f3f2f1;
    }
    .vzn-filter-envelope .vzn-finder-part-envelope.cancel input {
        background: none;
        color: var(--secondary);
        width: auto;
        flex: unset;
        padding: 10px 0 10px 20px !important;
    }
    .vzn-filter-envelope .vzn-finder-part-envelope.submit input, 
    .vzn-filter-envelope .vzn-finder-part-envelope.cancel input {
        font-weight: bold;
    }
    .vzn-filter-envelope .vzn-finder-part-envelope.cancel::after {
        display: flex;
        justify-content: center;
        content: "\f00d";
        clear: both;
        width: 20px;
        z-index: 99;
        position: relative;
        font: bold normal normal 18px/1 FontAwesome;
        color: var(--secondary);
    }
    /* VZN FILTER END */
    /* ----- VZN END ----- */


    







    /* ZMLUVY / FAKTURY / OBJEDNAVKY */
    .env_zmluvy_new .module_body,
    .env_zmluvy_new_with_config_columns .module_body,
    .env_faktury_objednavky .module_body {
        display: grid !important;
        grid-template-columns: auto;
    }
    .zmluvy-search-form .filter-body-parts, 
    .faktury-search-form .filter-body-parts,
    .objednavky-search-form .filter-body-parts {
        margin-bottom: 1.5rem;
    }
 
    div.env_faktury_with_config_columns .module_body,
    div.env_zmluvy_new_with_config_columns .module_body,
    div.env_objednavky_with_config_columns .module_body,
    div.zmluvy-new-search-demand,
    div.zof-export {
        display: flex;
        flex-wrap: wrap;
        text-align: left; 
        margin: 0;
    }
    
    div.zmluvy-new-search-demand,
    div.zof-export {
        display: grid;
        margin: 1rem 0;
    }
    .zmluvy-new-search-demand .zmluvy-subject-year {
        display: flex;
        flex-wrap: wrap;
        float: unset;
        margin-bottom: 1rem;
    }
    div.zmluvy-new-search-demand a,
    div.zof-export a {
        display: flex;
        float: unset;
        width: auto;
        padding: 15px;
        font-size: 1.25rem;
        color: var(--secondary);
        font-weight: bold;
        line-height: normal !important;
        background: var(--bg-cancel);
        margin-bottom: 15px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 1px solid #aaa;
        border-top: 1px solid #F7FFF4;
        border-left: 1px solid #f0f0f0;
        border-radius: 10px;
    }
    div.responsive-table-envelope {
        overflow-x: auto;
        overflow-y: hidden;
        text-align: center;
        position: relative;
    }
    div.zmluvy-new-search-demand a:hover, div.zof-export a:hover {
        background: #fff;
        color: #000;
        box-shadow: 1px 1px 5px 0 rgb(28 86 138 / 54%);
    }
    .module_body .notice {
        margin-bottom: 1rem;
    }
    /* ZMLUVY / FAKTURY / OBJEDNAVKY END */

    








    /* EUT */
    .env_elektronicka_uradna_tabula .oznamy_date span:nth-of-type(2):before {
        width: 20px;
        justify-content: center;
    }
    .eut-item-envelope {
        margin-bottom: 1rem;
        border-bottom: 1px solid #ddd;
    }
    /* EUT END */
    
    













    /* KONTAKTY */ 
    .conctact-filter-envelope form.contact-form {
        display: grid;
        grid-gap: 15px;
        width: 100%;
        justify-content: unset;
    }
    .conctact-filter-envelope form.contact-form .contact-finder-part {
        width: 100% !important;
        margin: 0;
        padding: 0 !important;
    }
    .conctact-filter-envelope form.contact-form .contact-finder-part input {
        font-weight: bold;
    }
    .conctact-filter-envelope form.contact-form .contact-finder-part.cancel {
        display: flex;
        background: var(--bg-cancel);
        position: relative;
        justify-content: center;
        align-content: center;
        padding: 0;
    } 
    .conctact-filter-envelope form.contact-form .contact-finder-part.cancel input {
        background: none !important;
        display: flex;
        justify-content: center;
    }
    
    .env_contacts ul.contact-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        min-width: unset;
        flex-direction: column;
    }
    .env_contacts ul.contact-list .contact-list-item {
        display: flex;
        width: auto;
        text-align: left;
        flex-flow: column;
        min-width: unset;
        flex-grow: unset;
        background: #fff;
    }
    .env_contacts ul.contact-list .contact-list-item:hover {
        background: var(--contacts-bg-hover);
    }
    .env_contacts ul.contact-list .contact-list-item .contact-list {
        width: 100% !important;
        padding: 13px;
    }
    .module_envelope.env_contacts form {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr;
    }
    .env_contacts .conctact-filter-envelope-default div.contact-finder-part.ordering, 
    .env_contacts .conctact-filter-envelope-default div.contact-finder-part.section,
    .env_contacts .conctact-filter-envelope-default div.contact-finder-part.submit, 
    .env_contacts .conctact-filter-envelope-default div.contact-finder-part.cancel {
        width: 100%;
    }
    /* KONTAKTY END */ 












    /* VYHLADAVAC */
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a {
        width: 100%;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        font-size: 1.125rem;
        border: 1px solid var(--btn-border-cancel);
        color: var(--btn-color-cancel);
        background: var(--btn-bg-cancel);
        font-weight: bold;
        /* border-radius: 10px; */
    }
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a.current {
        background: var(--btn-bg);
        color: var(--btn-color);
        border: none !important;
        border-radius: 0;
    }
    .filter-vyhladavanie .search-extended-trigger .filter-body-part a:hover {
        background: var(--btn-bg);
        color: var(--btn-color);
        border: none !important;
        position: relative;
    } 
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date.display_none {
        display: none;
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-select {
        display: grid;
        grid-gap: 15px;
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-select .filter-body-part a {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 150%;
        padding: 15px 20px;
        border: 2px solid transparent;
        font-weight: bold;
        color: var(--link-color-main);
        background: var(--search-extend-bg);
        /* border-radius: 10px; */
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-select .filter-body-part a:hover {
        background: var(--search-extend-bg-hover);
        color: var(--search-extend-color-hover);
        border: 2px solid var(--search-extend-border-hover);
    }
    .filter-vyhladavanie .search-extended-select .filter-body-part-search-extended-select-all a#search-select-all::before {
        display: flex;
        content: '\f00c';
        align-items: center;
        clear: both;
        font: bold normal normal 18px/1 FontAwesome;
        width: 40px;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
    }
    .filter-vyhladavanie .search-extended-select .filter-body-part-search-extended-select-none a#search-select-none::before {
        display: flex;
        content: '\f00d';
        align-items: center;
        clear: both;
        font: bold normal normal 18px/1 FontAwesome;
        width: 40px;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
    }

    .search-extended-parts .filter-body-part-search-extended-areas {
        width: 100% !important;
    }
    .search-extended-trigger a.current,
    .search-extended-trigger a:hover {
        background: var(--btn-bg-cancel);
        color: var(--btn-color-cancel);
        border: 2px solid var(--btn-border-cancel) !important;
    }
    
    
    /* VYHLADAVAC END */




    
    
    









    /* UZIVATELSKY FORMULAR - responzivny */
    .env_user_form_responsive form.user-form {
        display: grid;
        grid-template-columns: auto;
    }
    .env_user_form_responsive .user-form-item-envelope {
        grid-column: auto;
    }
    .env_user_form_responsive .user-form-item-envelope input,
    .env_user_form_responsive .user-form-item-envelope select,
    .env_user_form_responsive textarea.user-form-item.type-textarea {
        min-height: 44px;
        width: 100%; 
        border: var(--filter-border);
    }
    
    .env_user_form_responsive .user-form-item-envelope input[type="file"] {
        width: 100% !important;
        border: var(--filter-border);
        position: relative;
        padding: 10px 0 0 20px;
        font-size: 0.9375rem;
    }
    .env_user_form_responsive .user-form-item-envelope .user-form-item-name {
        max-width: unset;
        text-align: left;
    }
    .env_user_form_responsive .user-form-item-envelope input[type="checkbox"],
    .env_user_form_responsive .user-form-item-envelope input[type="radio"] {
        width: 38px;
        height: 38px;
    }
    .env_user_form_responsive .user-form-item-envelope .user-form-item-value {
        display: grid;
    }
    .env_user_form_responsive .type-text-block .user-form-item-value.type-text-block,
    .env_user_form_responsive .type-text-line .user-form-item-value.type-text-line {
        font-size: 1.1875rem;
        font-weight: 600;
    }
    .env_user_form_responsive .type-text-line .type-text-line .append-type-text-line {
        margin: 10px 0;
        font-size: 1rem;
        font-weight: normal;
    }
    .env_user_form_responsive img {
        width: auto;
    }
    .env_user_form_responsive .user-form-item-envelope input[type="file"]::-webkit-file-upload-button {
        visibility: hidden;
    }
    .env_user_form_responsive .user-form-item-envelope input[type="file"]::before {
        content: 'Vybrať súbor';
        display: flex;
        align-items: center;
        background: #F7FFF4;
        border-radius: 3px;
        padding: 0 12px;
        outline: none;
        height: 100%;
        color: var(--secondary);
        margin: -10px 0 0 -20px;
        position: absolute;
        -webkit-user-select: none;
        cursor: pointer;
        text-shadow: 1px 1px #fff;
        font-weight: 700;
    }
    .env_user_form_responsive .user-form-item-envelope input[type="file"]:hover::before {
        border-color: black;
    }
    .env_user_form_responsive .user-form-item-envelope input[type="file"]:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }
    .env_user_form_responsive .user-form-submit-envelope {
        padding: 0;
    }
    /* UZIVATELSKY FORMULAR - responzivny END */










    /* VYVOZ ODPADU */
    div.filter-packing-head { 
        background: var(--bg-filter-packing-head);
        border-bottom: 2px solid var(--border-menu-active);
    }
    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head a {
        position: relative;
        display: inline-block;
        text-decoration: underline;
        font-size: 1.1875rem;
        font-weight: bold;
        padding: 14px 0 14px 14px;
        width: 50%;
    }
    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head a::after {
        display: inline-block;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        padding: 0 0 0 10px;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }
    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head a.opened::after {
        transform: rotate(180deg);
        color: var(--my-current-lang);
        padding: 0 10px 0 0;
    } 
    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head.btn-cancel input.filter-packing-button-cancel {
        padding: 14px 14px;
        background: none;
        border: none;
        color: var(--bg-menu-item);
        display: inline-block;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        width: auto;
    }
    .env_olo-calendar-execute .filter-envelope.filter-packing .filter-packing-head.btn-cancel input.filter-packing-button-cancel::after {
        display: inline-block;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        padding: 0 0 0 10px;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }
    .filter-packing-body .filter-body-part-submit .empty-block {
        display: none;
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-rows: auto; 
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-envelope {
        width: 100% !important;
        grid-column: 1;
        padding: 0px 0 15px;
        border-bottom: 2px solid #F7FFF4;
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-envelope.submit {
        width: 100%;
        border: none;
        padding: 0;
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-envelope.submit input.button {
        width: 100% !important;
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel input.button {
        color: var(--secondary) !important;
        background: transparent !important;
        width: auto;
        font-weight: bold;
        border: none;
        box-shadow: none;
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel::after {
        display: flex;
        justify-content: center;
        content: "\f00d";
        clear: both;
        width: 20px;
        z-index: 99;
        position: relative;
        font: bold normal normal 18px/1 FontAwesome;
        color: var(--secondary);
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .form-part-input select {
        min-height: 44px;
        border: var(--filter-border);
    }
    .env_olo-calendar-execute .olo-filter-envelope-new form .olo-filter-cancel:hover {
        box-shadow: 0px 0px 20px -10px #000;
        border: 1px solid var(--btn-bg-hover);
        background: #fff;
    }
    .olo-filter-envelope-new-default .empty-block {
        display: none;
    }

    /* KALENDAR VYVOZU */
    .olo-calendar-envelope .olo-calendar-head {
        display: flex;
        justify-content: space-between;
        background: var(--olo-bg);
        padding: 16px 20px;
        border: none;
        margin: 1rem 0 0;
    }
    .olo-calendar-envelope .olo-calendar-head span {
        display: flex;
        align-items: center;
        position: relative; 
    }
    .olo-calendar-envelope .olo-calendar-head .olo-month-actual {
        font-size: 1.5rem;
        /*color: #fff;*/ /*vyvoz odpadu*/
    }
    .olo-calendar-envelope .olo-calendar-head .olo-month-prev,
    .olo-calendar-envelope .olo-calendar-head .olo-month-next {
        display: flex;
        width: 45px;
        height: 30px;
    }
    .olo-calendar-envelope .olo-calendar-head span a {
        width: 100%;
        display: flex;
        position: relative;
        z-index: 4;
        justify-content: center;
        align-items: center;
    }
    .olo-calendar-envelope .olo-calendar-head span a:hover {
        box-shadow: 5px 5px 21px 0px #ddd;
        border-radius: 25%;
    }
    .olo-calendar-envelope .olo-calendar-head a:hover::after {
        color: var(--hover-text);
    }
    .olo-calendar-envelope .olo-calendar-head .olo-month-prev::after {
        display: flex;
        content: '\f104';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
        justify-content: center;
        z-index: 1;
    }
    .olo-calendar-envelope .olo-calendar-head .olo-month-next::after {
        display: flex;
        content: '\f105';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
        justify-content: center;
        z-index: 1;
    }
    .olo-calendar-envelope .olo-calendar-head .olo-month-prev a::before,
    .olo-calendar-envelope .olo-calendar-head .olo-month-next a::after {
        display: none;
    }
    .olo-calendar-envelope ul.olo-daynames {
        display: none;
    }
    .olo-calendar-envelope ul.olo-daynames li {
        grid-row: 1;
        padding: 15px 0;
        text-align: center;
        font-weight: bold;
        width: auto;
        float: none;
    }
    .olo-calendar-envelope ul.olo-daynumbers {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        background: var(--olo-bg-days);
    }
    .olo-calendar-envelope ul.olo-daynumbers li {
        margin: 1px 1px;
        width: 100%;
        height: auto;
        min-height: 44px;
        line-height: normal;
        text-align: center;
        border: none;
        padding: 0;
        background: #e6f0f8;
        font-size: 1rem;
        border-width: 1px;
        display: grid;
        justify-content: center;
        align-items: center;
    }
    .olo-calendar-envelope ul.olo-daynumbers li:hover {
        background: var(--olo-bg-today);
        border: 1px solid var(--olo-border-today);
    }
    ul.olo-daynumbers-default li.olo-number.today {
        font-weight: bold;
        background: var(--olo-bg-today);
        border: 1px solid var(--olo-border-today);
    }
    ul.olo-daynumbers-default li.olo-number.other-month {
        color: var(--olo-other-month-color);
        background: var(--olo-other-month-bg);
    }
    ul.olo-daynumbers-default li.olo-number .color-container {
        position: relative;
        right: 0;
        top: 0;
        height: auto;
        text-align: right;
        display: flex;
        margin: 0;
        padding: 0;
        vertical-align: top;
        line-height: 0;
        grid-row: 1;
        flex-wrap: wrap;
    }
    ul.olo-daynumbers-default li.olo-number .color-container span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 19px;
        height: 19px;
        border: 3px solid;
        border-radius: 100%;
        font-size: 12px;
        font-weight: bold;
    }
    .olo-legend-body p {
        display: flex;
        align-items: center;
    }
    div.olo-legend-trigger.new {
        display: flex;
        background: none;
        justify-content: center;
        border-bottom: 2px solid var(--olo-legend-border);
        /* border-radius: 10px; */
    }
    .olo-legend-body span {
        border-color: #0099e2;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 19px;
        height: 19px;
        border: 3px solid;
        background: #ffffff;
        border-radius: 100%;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
    }
    
    /* KALENDAR VYVOZU END */
    
    /* VYVOZ ODPADU END */












    /* FILTER */
    .filter-envelope-body .filter-body-parts {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        grid-gap: 15px 20px;
    }
    .filter-envelope-body .filter-body-parts .filter-body-part .filter-button {
        width: 100%;
        font-size: 1rem;
        background: var(--btn-bg);
        color: var(--btn-color);
        /*border: none !important;*/
    }
    .filter-envelope-body .filter-body-parts .filter-body-part .filter-button:hover {
        color: var(--btn-color-hover) !important;
        background: var(--btn-bg-hover) !important;
        /* border: 2px solid var(--btn-border-hover) !important; */
    }
    .filter-body-parts .filter-body-part label {
        display: flex;
        flex-wrap: wrap;
    }
    .filter-body-part .form-js-error {
        display: flex;
        padding: 10px;
    }

    .filter-envelope-body .filter-body-parts .filter-body-part.error-alert {
        padding-left: 15px;
        border-left: 5px solid var(--alert-color);
    }
    .filter-envelope-body .filter-body-parts .filter-body-part.error-alert input {
        border-color: var(--alert-color);
        border-width: thick;
    }
    
    form.filter-uni {
        margin-bottom: 1.875rem;
    }
    form.filter-uni.filter-uni-vzn a.filter-trigger {
        position: relative;
        display: inline-block;
    }
    form.filter-uni.filter-uni-vzn a.filter-trigger::after {
        display: inline-block;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        padding: 0 0 0 10px;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: var(--all-links-color);
    }
    form.filter-uni.filter-uni-vzn a.filter-trigger.opened::after {
        transform: rotate(180deg);
        padding: 0 10px 0 0;
    }

    /* FILTER UPRAVY */
    .filter-olo.filter-packing .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .filter-vzn .btn-cancel .filter-body-part.filter-body-part-text,
    .zasadania-finder .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-filter_time_from
    /*#reg_user_add .filter-parts-intro,*/
    /*#reg_user_add .filter-body-part.filter-body-part-submit*/ {
        /*grid-column-start: span 2;*/
    }
    .filter-envelope-body .filter-body-parts .filter-body-part,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-select,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    #reg_user_add .filter-reg-user-upd-form-pass .filter-body-part.filter-body-part-submit {
        grid-column: auto;
        margin: 0; 
    }
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        display: flex;
        background: var(--bg-cancel);
        position: relative;
        justify-content: center;
        align-content: center;
        padding: 0 10px;
        border: 1px solid var(--btn-border-cancel);
    }
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel input {
        background: none;
        width: 100%;
        display: flex;
        padding: 0 20px; /* upravene koli oznamy vodorovne */
        color: var(--secondary);
        justify-content: center;
    }

    
    #reg_user_add .filter-body-parts[style="display:block"] .filter-body-part {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    #reg_user_add .filter-body-parts[style="display:block"] .filter-body-part label,
    #reg_user_add .filter-body-parts[style="display:block"] .filter-body-part input,
    .filter-reg-user-upd-form-data .filter-envelope-body > .filter-body-parts input {
        width: 100% !important;
    }
    
    .filter-body-part.filter-body-part-registration_not_accepted,
    .filter-body-part.filter-body-part-mail_not_be_sent {
        display: none;
    }


    /* SMS HLSNIK */
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts, 
    .sms-hlasnik-register-form .filter-envelope-body .filter-body-parts, 
    .env_sms_hlasnik_execute .sms-hlasnik-links-new {
        grid-template-columns: 1fr;
    }
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part, 
    .sms-hlasnik-register-form .filter-envelope-body .filter-body-parts .filter-body-part, 
    .env_sms_hlasnik_execute .sms-hlasnik-links-new .filter-body-part {
        grid-row: auto !important;
    }
    div.sms-hlasnik-links-new .sms-hlasnik-link-new a { 
        display: flex;
        padding: 15px 20px;
        width: 100%;
        font-weight: 600;
        font-size: 1.1875rem;
        text-decoration: none;
        justify-content: space-between;
        color: var(--link-color-main);
        background: var(--bg-filter-packing-head);
        border-bottom: 2px solid var(--border-menu-active);
        border-radius: 10px;
    }
    div.sms-hlasnik-links-new .sms-hlasnik-link-new.current-action a {
        border-bottom: 2px solid var(--border-menu-active);
    }

    /* SMS HLASNIK end */


    span.form-input-add-text {
        width: 100%;
    }

    /* BORDER COLOR */
    div.filter-body-part input, 
    div.filter-body-part select, 
    div.filter-body-part textarea, 
    .contact-form .search-string input, 
    .contact-form div select {
        border: var(--filter-border);
        color: var(--checkbox-color);
        min-height: 44px;
        width: 100% ;
        padding: 0 20px;
        font-size: 1rem;
        /*border-radius: 10px;*/
    }
   
    /* BORDER COLOR END */
  
    /* FILTER END */










    



    /* ITEM BACK */
    div.oznamy-new-columns-item-back,
    .oznamy-graphic-item-back,
    div.actions-new-columns-item-back,
    #main .back,
    #main-container .back {               
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 1rem;
    }
    div.oznamy-new-columns-item-back a,
    .oznamy-graphic-item-back a,
    .actions-new-columns-item-back a,
    #main .back a,
    #main-container .back a {
        background: var(--bg-item-back) !important;
        color: var(--item-back) !important;
        font-size: 1.1875rem;
        padding: 5px 20px !important;
        line-height: 35px;
        font-weight: bold;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .oznamy-new-columns-item-back a:hover,
    .oznamy-graphic-item-back a:hover,
    .actions-new-columns-item-back a:hover,
    #main .back a:hover,
    #main-container .back a:hover {
        background: var(--bg-item-back-hover) !important;
        color: var(--color-item-back-hover) !important;
        box-shadow: 5px 5px 20px -8px #000;
        /* border-radius: 0 10px; */
        position: relative;
        transform: scale(1.1);
        transition-duration: .3s;
        transition-property: transform;
        border: 2px solid var(--border-item-back-hover);
    }
    div.oznamy-new-columns-item-back a,
    div.actions-new-columns-item-back a {
        padding: 5px 10px;
        margin-bottom: 25px;
        width: auto;
        min-width: 100px;
        border: 2px solid transparent;
        text-align: center;
        /*border-radius: 10px;*/
    }
    #main-container .back a {
        text-transform: capitalize;
        padding: 5px 10px;
        margin-bottom: 25px;
        width: auto;
        min-width: 150px;
        border: 2px solid transparent;
        text-align: center;
        /*border-radius: 10px;*/
    }
    /* ITEM BACK END */








    
    /* PRINT PAGE */
    .print_row {
        padding: 4px 0 4px 15px !important;
        border: none !important;
        text-align: right;
        z-index: 5;
        position: relative;
    }
    .print_row a {
        text-decoration: none;
        border: none;
    }
    .print_row a img {
        display: none;
    }
    .print_row a::before {
        transition-duration: .3s;
        display: inline-flex;
        content: '\f02f';
        clear: both;
        font: normal normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: relative;
        color: var(--all-links-color);
    }
    .print_row a::after {
        display: inline-flex;
        content: "Vytlačiť stránku";
        height: 23px;
        margin-left: 10px;
        font-size: 1rem;
        color: var(--all-links-color);
        text-decoration: underline;
    }
    .print_row a:hover::after {
        text-decoration-thickness: 3px;
    }


    .print_row_new {
        display: flex;
        justify-content: flex-end;
    }
    .print_row_new a {
        position: relative;
        display: inline-block;
    }
    .print_row_new a::after {
        transition-duration: .3s;
        display: inline-flex;
        content: '\f02f';
        clear: both;
        font: normal normal normal 21px/1 FontAwesome;
        z-index: 0;
        margin: 0 10px;
        position: relative;
        color: var(--link-color-main);
    }
    .print_row_new a:hover {
        /*background: #fff;*/
        padding: 0 10px;
    }
    /* PRINT PAGE END */

    /* AUDIO */
    .env_audio img {
        width: auto;
    }
    /* AUDIO end */
    /* --------------- MAIN COLUMN END --------------- */







    /* -------------------- MAIN CONTENT END -------------------- */


    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */

    /* MENU BLOCK */
    .env_hf_menu_block {
        background: var(--bg-menu-block); 
        border-top: 2px solid #ddd;
    }
    .env_hf_menu_block .module-inner-envelope > .module_body {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        padding: 10px 10px 30px;
    }
    .env_hf_menu_block .module_body > .menu-block-name {
        font-size: 1.5rem !important;
        font-weight: 600;
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: center;
        text-transform: uppercase;
        color: var(--primary);
        border: none;
    }
    .env_hf_menu_block ul.menu_block {
        grid-row: 2;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        margin: 0;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat {
        display: grid;
        position: relative;
        grid-auto-rows: max-content;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat ul {
        margin: 0;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-name {
        display: flex;
        font-size: 1rem;
        font-weight: 600;
        position: relative;
        padding: 10px 0 0;
        text-transform: uppercase;
        border-bottom: 1px solid var(--block-border);
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat a.menu-block-under-trigger {
        position: absolute;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat a.menu-block-under-trigger.mb-mobile-closed::after {
        display: flex;
        content: "\f106";
        clear: both;
        margin: 0;
        z-index: 99;
        justify-content: flex-end;
        top: 15px;
        padding-right: 15px;
        position: relative;
        font: normal normal normal 15px/1 FontAwesome;
        transition: .75s ease-out;
    }
    
    .env_hf_menu_block ul.menu_block li.menu_block_kat a.menu-block-under-trigger.mb-mobile-opened::after {
        display: flex;
        content: "\f107";
        clear: both;
        margin: 0;
        z-index: 99;
        justify-content: flex-end;
        top: 15px;
        padding-right: 15px;
        position: relative;
        font: normal normal normal 15px/1 FontAwesome;
        transition: .75s ease-out;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat .mb-mobile-opened {
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
        z-index: 1;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat .mb-mobile-opened li.mobile-closed {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        grid-column: 1;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #fff;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        font-size: 1rem;
        display: block;
        padding: 10px;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a:hover {
        text-decoration: none;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        border-radius: 4px;
        background-color: var(--secondary);
        bottom: 0;
        left: 0;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .3s ease-in-out;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a:hover::before {
        transform-origin: left;
        transform: scaleX(1); 
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat ul li {
        list-style: none;
        position: relative;
    }


    /* ICONS */
    /*.env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(1) .menu-block-name::before {
        display: flex;
        content: '\f0c0';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        width: 40px;
        position: relative;
        margin-right: 5px;
        margin-bottom: -2px;
        padding-bottom: 13px;
        color: var(--block-icon-color);
        border-bottom: 2px solid var(--block-icon-color);
        transition: all 0.3s ease-in-out;
        justify-content: center;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(2) .menu-block-name::before {
        display: flex;
        justify-content: center;
        content: '\f1ad';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        width: 40px;
        position: relative;
        margin-right: 5px;
        margin-bottom: -2px;
        padding-bottom: 13px;
        color: var(--block-icon-color);
        border-bottom: 2px solid var(--block-icon-color);
        transition: all 0.3s ease-in-out;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat:nth-of-type(3) .menu-block-name::before {
        display: flex;
        justify-content: center;
        content: '\f129';
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        width: 40px;
        position: relative;
        margin-right: 5px;
        margin-bottom: -2px;
        padding-bottom: 13px;
        color: var(--block-icon-color); 
        border-bottom: 2px solid var(--block-icon-color);
        transition: all 0.3s ease-in-out;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-under-trigger::after {
        display: flex;
        content: '\f107';
        clear: both;
        font: bold normal normal 14px/1 FontAwesome;
        z-index: 99;
        height: 44px;
        position: absolute;
        right: 15px;
        transition: all 0.3s ease-in-out;
        align-items: center;
        color: var(--primary);
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-under-trigger.mb-mobile-opened::after {
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
    }   */
    /* ICONS END */
    /* MENU BLOCK END */


 




    /* FAST LINKS */ 
    /*#extra-block-bottom .links.important_links,
    #extra-block-bottom .links {
        display: none; 
    }
    #homepage_0 #extra-block-bottom .links.important_links,
    #homepage_0 #extra-block-bottom .links {
        display: block;        
    }*/
    #extra-block-bottom .links.important_links
    /*#extra-block-bottom .links*/ {
        background-color: var(--bg-rychle-linky);
        border-bottom: 3px solid var(--h2-border);
        margin-bottom: 2rem;
    }
    /*#extra-block-bottom .links.important_links.blue { 
        background-color: #EAF4F9;
    }*/
    #extra-block-bottom .links.important_links img {
        max-height: 108px;
    }
    #extra-block-bottom .links.important_links div.main-container {
        /*grid-template-columns: repeat(4, 1fr);*/
        display: grid;
    }
    #extra-block-bottom .links li a {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: unset;
        padding: 0;
        height: auto;
        overflow: hidden;
        transition-duration: .35s;
        /* background: var(--links-bg-bottom); */
        /* border-top: 2px solid var(--links-border-bottom); */
        /* margin-bottom: 2rem; */
        color: var(--links-color-bottom);
        /* border-radius: 10px; */
        text-decoration: none;
        /* box-shadow: 0px 5px 16px -5px #00000052; */
    }
    #extra-block-bottom .links.important_links ul li a {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 129px;
        /*height: 80px;*/
        font-weight: bold;
        transition-duration: .35s;
        background: var(--links-bg-bottom);
         border: 2px solid var(--links-border-bottom); 
        /* margin-bottom: 2rem; */
        color: var(--links-color-bottom);
        /* border-radius: 10px; */
        text-decoration: none;
    }
    #extra-block-bottom .links.important_links ul li a {
        /*background: rgb(255,255,255);
        background: linear-gradient(139deg, rgba(255,255,255,1) 0%, rgba(230,237,243,1) 100%);       */ 
    }
    
 


    
    
    #extra-block-bottom .links li a:hover {
        transform: translateY(-5px);
        transition-duration: .35s;
        /* background: var(--links-bg-bottom-active) !important; */
        color: var(--links-color-bottom-active) !important;
        /* border: 2px solid var(--links-border-bottom-active); */
    }
    #extra-block-bottom .links.important_links ul li a:hover {
        transform: translateY(-20px);
        transition-duration: .35s;
        background: var(--links-bg-bottom-active) !important;
        color:#fff !important;
        border: 3px solid var(--links-border-bottom-active);
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
    }
    #extra-block-bottom .links.important_links div.main-container ul.main-column-container .link-column:hover a {
        border-bottom: 3px solid #006221;
        transition-duration: .35s;
        color: #006221;
        box-shadow: 10px 15px 20px -10px #00000040;
    }
    #extra-block-bottom .links.important_links div.main-container ul.main-column-container .link-column-main:hover a {
        transform: translateY(-5px);
        transition-duration: .35s;
    }
    #extra-block-bottom .links.important_links div.main-container ul.main-column-container .link-column-main:hover a span {
        color: #fff;
    }
    #extra-block-bottom .links li:hover a span {
        color: var(--links-color-bottom-active);
        transform: scale(1.15);
        transition-duration: .81s;
    }
    #extra-block-bottom .links li:hover a span::before {
        color: var(--links-icon-bottom-active);
        transform: scale(1.15);
        transition-duration: .81s;
    }
    #extra-block-bottom .links.pic li:hover a span {
        transform: none;
    }
    
    #extra-block-bottom .links.important_links div.main-container ul.main-column-container span,
    #extra-block-bottom .links li a span {
        position: relative;
        display: block;
        text-align: center;
        font-size: 1.1875rem;
        color: var(--rychle-linky-color);
        font-weight: 300;
        width: 91%;
    }
    #extra-block-bottom .links.important_links div.main-container ul.main-column-container span::before,
    #extra-block-bottom .links.important_links li a::before {
        display: flex;
        content: "";
        clear: both;
        margin: 0 auto 1rem;
        z-index: 99;
        position: relative;
        justify-content: center;
        color: var(--links-icon-bottom);
        align-items: center;
        /* font: normal normal normal 30px/1 FontAwesome; */
        width: 60px;
        height: 60px;
        background-size: contain !important;
    } 
    /*#extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(1) span::before,*/
    #extra-block-bottom .links.important_links li:nth-of-type(1) a::before {
        /*content: '\f508';*/
        background: url(DP1.png) no-repeat ;
    }
    /*#extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(2) span::before,*/
    #extra-block-bottom .links.important_links li:nth-of-type(2) a::before {
        /*content: '\f5bf';*/
        background: url(DP2.png) no-repeat center center ;
    }
    /*#extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(3) span::before,*/
    #extra-block-bottom .links.important_links li:nth-of-type(3) a::before {
        /*content: '\f2ed';*/
        background: url(DP3.png) no-repeat ;
    }
    /*#extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(4) span::before,*/
    #extra-block-bottom .links.important_links li:nth-of-type(4) a::before {
           /*content: '\f2ed';*/
           background: url(DP4.png) no-repeat ;
    }
    /*#extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(5) span::before,*/
    #extra-block-bottom .links.important_links li:nth-of-type(5) a::before {
        content: '\f56d';
    }
    #extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(6) span::before,
    #extra-block-bottom .links li:nth-of-type(6) a span::before {
        content: '\e447';
    }
    #extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(7) span::before,
    #extra-block-bottom .links li:nth-of-type(7) a span::before {
        content: '\f15c';
    }
    #extra-block-bottom .links.important_links ul.main-column-container:nth-of-type(8) span::before,
    #extra-block-bottom .links li:nth-of-type(8) a span::before {
        content: '\f5c9';
    }
    #extra-block-bottom .links.pic li a span::before {
        display: none;
    }
    #extra-block-bottom .links .editor {
        margin: 0rem auto 0;
        max-width: 1200px;
        padding: 0 0;
    }
    #extra-block-bottom .links.pic .editor {
        padding: 0 0 2rem;
    }
    
    
    #extra-block-bottom .links h3 {
        font-size: 1.5rem !important;
        font-weight: 600;
        justify-content: center;
        display: flex;
        align-items: center;
        text-align: center;
        /* margin-bottom: 2rem; */
        /* background: url(header-line.png) no-repeat center bottom !important; */
        color: var(--rychle-linky-H3);
        padding: 14px;
        text-transform: uppercase;
        /*border-top: 2px solid var(--h2-border); */
        flex-flow: column;
    }
    #extra-block-bottom .links.important_links h3 {
        font-size: 1.5rem !important;
        font-weight: 600;
        justify-content: center;
        display: flex;
        align-items: center;
        text-align: center;
        /* margin-bottom: 2rem; */
        /* background: url(header-line.png) no-repeat center bottom !important; */
        color: var(--rychle-linky-H3);
        padding: 14px;
        text-transform: uppercase;
        border: none;
        flex-flow: column;
    }
      
    /*#extra-block-bottom .links h3::after { 
        background: #66A98A !important; 
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
        width: 6px;
        height: 6px;
        margin: 0 auto !important;
        bottom: -18px;
    }*/
    
    #extra-block-bottom .links ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
        list-style-type: none;
        margin: 0 0 1rem;
        align-items: center;
        grid-gap: 0.5rem;
    }
    #extra-block-bottom .links ul li {
        grid-row: auto;
        margin: 0 auto ;
        transition-duration: 0.3s;
        transition: all 0.3s ease-in-out;
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 0;
    }
    
    #extra-block-bottom .links.pic li a {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        max-width: 220px;
        width: auto;
        max-height: 207px;
        height: 100%;
        margin: 0 auto 2rem;
        background: none;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    #extra-block-bottom .links ul li img {
        transition: all 0.3s ease-in-out;
        filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
        transition-duration: 0.3s;
        max-height: 76px;
        /* border-radius: 10px; */
        max-width: unset;
        /* width: 100%; */
    }
    #extra-block-bottom .links ul:hover li {
        filter: grayscale(1);
    }
    #extra-block-bottom .links ul li:hover {
        filter: grayscale(0.2);
    }
    #extra-block-bottom .links ul li:hover img {
        transform: translateY(-5px);
        transition-duration: 0.3s;
        transition: all 0.3s ease-in-out;
    }
    #extra-block-bottom .links.pic li a span {
        position: absolute;
        bottom: 1px;
        width: 100%;
        min-height: 45px;
        color: #fff;
        background: #006221;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #extra-block-bottom .links.pic li a:hover {
        background: none !important;

    }
    #extra-block-bottom .links.pic li a:hover span {
        background: linear-gradient(116deg, rgba(255,221,0,1) 0%, rgba(255,170,0,1) 100%);
        transition-duration: 0.3s;
        color: #006221;
    }
 
    /*#extra-block-bottom .links h3::after {
        background: url(h2_line.png) no-repeat center bottom !important;
        display: flex;
        justify-content: center;
        position: relative;
        content: "";
        height: 3px;
        max-width: 80px;
        width: 100%;
        padding: 0.5rem;
        display: none;
    }*/

    /* FAST LINKS END */ 

    
    
   




    /* RYCHLE LINKY */
    .rychle-linky {
        padding: 30px 0 45px;
    }
    .rychle-linky.icons {
        background: #EDF7FF;
    }
    .rychle-linky .editor {
        max-width: 1200px;
        margin: 0 auto;
    }
    .rychle-linky h3 {
        text-align: center;
        color: var(--rychle-linky-H3);
        padding-bottom: 14px;
        text-transform: uppercase;
        border: none;
    } 
    .rychle-linky .main-links-container {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr;
    }
    .rychle-linky.icons .main-links-container {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .rychle-linky .main-links-container li {
        position: relative;
        display: grid;
        /* place-content: center; */
        /* background: linear-gradient(157deg, rgba(38,134,207,1) 0%, rgba(2,81,141,1) 100%); */
        min-height: unset;
        border-radius: 10px;
        margin: 0 15px;
    }
    .rychle-linky .main-links-container li a {
        font-size: 1.1875rem;
        min-height: 37px;
        padding-bottom: 10px;
    }
    .rychle-linky.icons .main-links-container li a {
        color: #006221;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        background: white;
    }
    .rychle-linky.icons .main-links-container li a::before {
        transition-duration: .3s;
        display: flex;
        clear: both;
        font: normal normal normal 20px/1 FontAwesome;
        z-index: 99;
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 16px;
        color: #006221;
        background: #006221;
        justify-content: center;
        align-items: center;
    }
    .rychle-linky.icons .main-links-container li:nth-of-type(1) a::before {
        content: '\f508';
    }
    .rychle-linky.icons .main-links-container li:nth-of-type(2) a::before {
        content: '\f0c0';
    }
    .rychle-linky.icons .main-links-container li:nth-of-type(3) a::before {
        content: '\f058';
    }
    .rychle-linky.icons .main-links-container li:nth-of-type(4) a::before {
        content: '\f0ca';
    }
    .rychle-linky.icons .main-links-container li:nth-of-type(5) a::before {
        content: '\f807';
    }
    .rychle-linky.icons .main-links-container li:nth-of-type(6) a::before {
        content: '\f279';
    }

    .rychle-linky .main-links-container li a:hover {
        transition: all 0.35s ease-in-out;
        text-decoration: none;
    }
    .rychle-linky.icons .main-links-container li a:hover {
        box-shadow: 5px 5px 20px -10px;
        border-radius: 0 10px 0 0;
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }
    .rychle-linky .main-links-container li a::after {
        content: "";
        position: absolute;
        width: 0;
        height: 5%;
        bottom: 0;
        left: 0;
        background-color: var(--bg-rychle-linky);
        visibility: hidden;
        transition: all 0.35s ease-in-out;
    }
    .rychle-linky .main-links-container li a:hover::after {
        width: 100%;
        visibility: visible;
    }
    /* RYCHLE LINKY END */






    /* MOBILNA APLIKACIA */
    .Mobilna-aplikacia {
        background: #006221 url(mobilna-app.png) no-repeat center center;
        background-size: cover;
        display: flex;
        width: 100%;
        min-height: 200px;
        justify-content: center;
        padding: 10px 0;
    }
    .Mobilna-aplikacia .module-inner-envelope {
        width: 100%;
    }
    .Mobilna-aplikacia .editor {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-rows: auto;
        max-width: 1200px;
        margin: 0 auto;
    }
    .Mobilna-aplikacia .editor h3 {
         /* grid-column-start: span 2; */
        text-align: center;
        grid-column: 1/2;
        color: var(--MA-header-color);
        font-size: 1.5rem !important;
        text-transform: uppercase;
        padding: 29px 15px 15px;
        border: none;
    }

    .Mobilna-aplikacia .editor div {
        grid-column: 1/2;
        display: grid;
    }

    .Mobilna-aplikacia .editor ul {
        grid-column: 2/3;
        padding: 0 10px;
        list-style-type: none;
    }
    .Mobilna-aplikacia .editor ul li {
        color: var(--MA-text-color);
        font-size: 1.25rem;
        line-height: 39px;
    }
    .Mobilna-aplikacia .editor a.MA-links {
        color: var(--MA-links-color);
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.625rem;
    }
    .Mobilna-aplikacia .editor a.MA-links:hover {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }
    
    /* MOBILNA APLIKACIA END */









    /* MAPA */
    .mapa h3 {
        font-size: 1.5rem !important;
        font-weight: 600;
        color: var(--mapa-text-color);
        margin: 0;
        border: none;
        padding: 20px;
        background: var(--mapa-bg) !important;
        text-transform: uppercase;
    }
    
    .embed-container { 
        width: 100%;
        height: auto;
        max-height: 300px;
        box-shadow: 0px 5px 25px -14px #000;
    } 
    .embed-container iframe, 
    .embed-container object, 
    .embed-container embed {
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%;
    }
    /* MAPA END */




    /* FIXED BACKGROUND */
    .bg-FIX  {
        display: block;
        background: url(bg-FIX.png);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        height: 32vw;
        max-height: 600px;
        box-shadow: 0px -2px 40px -10px #000;
    }
    .bg-FIX .editor {
        color: #fff;
    }
    .bg-FIX .editor p {
        margin: 0;
    }
    /* FIXED BACKGROUND END */
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */








    /* -------------------- FOOTER -------------------- */
    /* UPPER */
    footer .env_hf_module_container.upper {
        width: 100%;
        background: var(--bg-footer-upper);
        font-size: 1.1875rem;
        line-height: 150%;
        
    }
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: 1fr;
    }    
    footer .upper .module-container-columns-envelope .column-1 {
        grid-row: 1;
    }
    footer .upper .module-container-columns-envelope .column-2 {
        grid-row: 2;
    }
    footer .upper .module-container-columns-envelope .column-3 {
        grid-row: 3;
    }
    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 4;
    }
    footer .upper .module-container-columns-envelope .module-container-column {
        /*border-bottom: 2px solid #F7FFF4;*/
    }
    footer .upper .env_hf_logo.logo-footer img {
        width: auto;
        max-width: 100px;
        margin: 2em auto;
        display: flex;    
    }
    .module-container-header a.module-container-header-trigger {
        width: 80%;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: 1fr;
        margin: 0 auto;
        color: var(--footer-trigger-color);
    }
    footer .trigger-text {
        grid-column: 1/span 4;
        display: flex;
        align-items: center;
        font-weight: bold;
        color: var(--footer-trigger-color);
    }
    footer .trigger-graphic {
        grid-column: 5;
        margin: 0 auto;
        width: 44px;
        height: 44px;
        /*border: 2px solid var(--footer-upper-icon-border);*/
        display: inline-block;
        color: var(--footer-trigger-color);
    }
    footer .mobile-opened .trigger-graphic {
        border-color: var(--secondary);
    }
    footer .trigger-graphic::after {
        display: inline-flex;
        content: '\f105';
        clear: both;
        width: 100%;
        height: 100%;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: relative;
        transition: all 0.3s ease-in-out;
        justify-content: center;
        align-items: center;
    } 
    footer .mobile-opened .trigger-graphic::after {
        transform: rotate(90deg);
        transition: all 0.3s ease-in-out;
        /*color: var(--primary);*/
    }
    footer .upper .module-container-collapsable-envelope[style*="display: none"] {
        position: absolute;
        display: flex;
        width: 0;
        height: 0px;
        opacity: 0;
        right: -100%;
        transition: all 1.5s ease-in-out;
        flex-wrap: wrap;
    }
    footer .upper .module-container-collapsable-envelope[style=""] {
        background: var(--bg-footer-upper-colapsable);
        padding: 0 30px;
        width: 90%;
        position: relative;
        height: auto;
        opacity: 1;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        box-shadow: 0 15px 15px 0 #000000;
        transition: all 0.25s ease-in-out;
        margin-bottom: 1em;        
    }
    
    footer .env_hf_text_obrazok.data_header td,
    footer .env_hf_text_obrazok.data_header th {
        padding: 0;
        color: #000;
        font-weight: 300;
        border: none;
    }
    footer .upper .module-container-collapsable-envelope .module-in-container {
        padding: 5px 0;
        width: 100%;
        border-bottom: 1px dotted #eee;
    }
    footer .upper .module-container-collapsable-envelope .module-in-container:last-of-type {
        border: none;
    }
    footer .upper .module-container-collapsable-envelope a {
        color: var(--link-color-main);
    }

    .one-line {
        display: inline-flex;
        margin-right: 10px !important;
        width: auto !important;
    }
    /* UPPER END */




    /* LOWER */
    footer .lower {
        max-width: 80%;
        margin: 2em auto 0;
        /*background: #F5F5F5;*/
    }
    footer .env_hf_module_container.lower .module-container-columns-envelope {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
    }
    footer .env_hf_module_container.lower .column-1 {
        width: 100%;
        display: grid;
        grid-auto-rows: auto;
        grid-auto-columns: auto;
    }  
    footer .env_hf_module_container.lower .column-1 .webygroup {
        grid-row: 2;
        margin: 1em 0;
    }
    footer .lower .column-1 .env_hf_tiraz {
        grid-row: 1;
        color: var(--footer-color-tiraz);
    }
    footer .lower .webygroup img {
        max-width: 200px;
    }
    footer .lower .env_hf_time {
        position: relative;
        display: flex;
    }
    footer .lower .env_hf_date {
        position: relative;
        display: flex;
    }
    footer a,
    footer .lower div,
    footer li,
    footer .editor {
        color: var(--footer-color);
    }

    /* FOOTER ICON */
    footer .lower .env_hf_time::before {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        content: '\f017';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
        margin-right: 10px;
    }
    footer .lower .env_hf_date::before {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        content: '\f073';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: relative;
        transition-duration: .3s;
        margin-right: 10px;
    }
    /* FOOTER ICON END */
    /* LOWER END */
    
    /* -------------------- FOOTER END -------------------- */

    
    
    /* LINKS UNDERLINE */
    footer a {
        text-decoration: underline;
        transition-timing-function: ease-in-out;
        transition-duration: .25s;
        line-height: 150%;
    }
    /* LINKS UNDERLINE END */

}
































/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    #main-container {
        /*background: url(bg-body.png) no-repeat center top;*/
    }
    table {
        display: table;
    }
    /* DISPLAY NONE */
    ul.fotogaleria-multi-kat-img-list.with-names li.last {
        display: none;
    }
    /* DISPLAY NONE END */
    /* -------------------- HEADER -------------------- */
    /* LOGO */
    header .header-logo-img-envelope {
        display: flex;
        align-items: center;
        /*grid-row: 1;*/
    }
    .header-logo-text {
        width: auto;
    }
    .env_hf_multi_foto {
        display: block;
    }
    /* -------------------- HEADER END -------------------- */



    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* BANER SLOT */
 
    
    /*#banner-homepage {
        grid-auto-columns: 1fr;
        max-width: 616px;
        margin: 0 auto;
        border: none;
    } */
    
    /*#banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-column: 1/5;
        grid-row: 1/4;
        max-width: 858px;
    }*/
    #banner-slot-text-array {
        /*grid-column: 5/7;
        grid-row-start: span 2;*/
        
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        height: auto;
        /*bottom: -20px;*/
        font-size: 1.1875rem;
    }
    /*#main-banner-buttons {
        grid-column: 5/7;
        grid-row: 3;
        align-items: flex-end;
    }*/
    .banner-actual-button a {
        width: 40px;
    }
    /* BANER SLOT END */


    .extra-block-top .news.links .editor ul li {
        grid-column: auto;
    }
    .extra-block-top .news.links .fast-link-text {
        -webkit-line-clamp: 3;
    }


    /* BANERSLOT + LINKS */
    .slots.links .module-container-column.column-2 ul {
        aspect-ratio: 3;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .slots.links .module-container-column.column-2 ul * {
        text-align: center;
        padding: 5px;
    }
    .slots.links .module-container-column.column-2 ul li:nth-child(1):first-child {
        grid-column: auto;
    }

    .env_hf_text_obrazok.banerslot.sides-links {
        margin-bottom: 2rem;
    }
    .slots.links .banerslot.sides-links ul {
        grid-template-columns: 1fr 1fr;
    }
    /* BANERSLOT + LINKS end */
    
    /* -------------------- EXTRA BLOCK TOP END -------------------- */



    /* -------------------- MAIN CONTENT -------------------- */
    #main-content .column_mc {
        grid-template-columns: 1fr ;
    }
    main#main {
        /*grid-column: 1/3;*/
        overflow: visible;
    }
    aside#left-column .column_l,
    aside#right-column .column_r {
        /*-webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -moz-column-fill: balance;
        column-fill: auto;
        grid-gap: 30px;*/
        max-width: 600px;
        margin: 0 auto;
    }
    aside#right-column {
        grid-row: 3;
        /*grid-column: 2;*/
    }
    








    /* ----- TABLE ----- */
    .table-common-filter-body form {
        grid-gap: 1rem;
    }
    .table-common-filter-body .table-common-filter-envelope.mode-strict {
        grid-row: 1;
    }
    .table-common-filter-body .table-common-filter-submit {
        display: grid;
        grid-column-start: span 2;
        grid-gap: 1rem;
    }
    .table-common-filter-body .table-common-filter-submit a,
    .table-common-filter-body .table-common-filter-submit input {
        grid-row: 2;
        margin: 0;
    }
    .table-common-filter-separator {
        display: none;
    }
    /* ----- TABLE END ----- */










    /* TABBED */
    #tabbed-page-modules ul.tabbed-page-modules li.tabbed-page-modules-li a.tabbed-page-modules-li-a-trigger {
        font-size: 1.375rem;
        padding: 13px 20px;
    }
    /* TABBED END */







    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE ----- */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list,
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list, 
    .env_actions_portal_graphic ul.actions-graphic-list, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list { 
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(263px, 1fr));
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    .env_common_items_graphic ul.oznamy-graphic-list li, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    .env_actions_portal_graphic ul.actions-graphic-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li {
        grid-column: auto;
        transition-duration: .53s;
        transition-property: transform;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        /*height: 30vw;*/
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope a, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope a, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope a {
        max-height: 174px;
        /*border-radius: 10px;*/
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text {
        min-height: unset;
    }
    .env_actions_portal_graphic ul.actions-graphic-list li.without-image .image-envelope {
        background-size: contain;
        background-position: top;
    }

    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE END ----- */







    /* FOTOGALERIA */
    div.fotogaleria,
    ul.fotogaleria-multi-kat-img-list,
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure,
    ul.common-image-gallery-default {
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    div.fotogaleria div, 
    ul.fotogaleria-multi-kat-img-list .gallist, 
    ul.fotogaleria-multi-foto-list li, 
    ul.fotogaleria-pure > li, 
    ul.common-image-gallery-default li {
        width: 100% !important;
        box-sizing: border-box;
        grid-column: auto;
        margin: 0 !important;
        align-content: start;
    } 
    div.fotogaleria div.add_user_info {
        grid-column-start: span 4;
        text-align: right;
        max-width: 100%;
    }
    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default,
    ul.fotogaleria-multi-kat-img-list.with-names li a {
        max-height: 15vw;
        height: auto !important;
    }
    div.fotogaleria div.paging {
        width: 100% !important;
        grid-column: 1/3;
    }

    .add_user_info {
        /*grid-column: 2;*/
        font-size: 1rem;
        text-align: right;
        margin: 0.5rem;
    }
    /* FOTOGALERIA END */










    /* ----- ZASADNUTIA ----- */
    .env_zasadania .module_body > div.zasadania-list {
        grid-gap: 1.25rem;
        grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    }
    .env_zasadania .module_body .zasadenie-envelope {
        aspect-ratio: auto;
        min-height: 114px;
    } 
    .add_user_info {
        grid-column: auto;
    }
    /* ----- ZASADNUTIA END ----- */










    /* KONTAKTY */
    .env_contacts ul.contact-list {
        flex-direction: row;
    }
    .env_contacts ul.contact-list .contact-list-item {
        width: 100%;
        flex-flow: row;
        justify-content: flex-start;
    }
    .env_contacts ul.contact-list .contact-list-header {
        display: none;
    }
    .env_contacts ul.contact-list .contact-list-header .contact-list {
        width: 100% !important;
        padding: 13px;
    } 
    .env_contacts ul.contact-list .contact-list-header .contact-list.tel,
    .env_contacts ul.contact-list .contact-list-item .contact-list.tel {
        max-width: 100px;
    }
    div ul.contact-list li div.contact-list span.first {
        margin-top: 0;
        padding: 0;
        line-height: normal;
    }
    /* KONTAKTY END */ 











     /* KALENDAR VYVOZU */
     .olo-calendar-envelope ul.olo-daynames {
        display: grid;
        grid-auto-rows: auto;
        border-bottom: 2px solid var(--olo-border-week);
        grid-template-columns: repeat(7, 1fr);
        background: var(--olo-bg-week);
    }
    .olo-calendar-envelope ul.olo-daynumbers {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-auto-rows: auto;
    }
    .olo-calendar-envelope ul.olo-daynumbers li {
        width: auto;
    }
    /* KALENDAR VYVOZU END */
    










    /* FILTER UPRAVY */
    .filter-envelope-body .filter-body-parts {
        align-items: end;
    }    
    #reg_user_add .filter-parts-intro,
    #reg_user_add .filter-body-part.filter-body-part-submit {
        grid-column-start: span 2;
    }

    
    /* OZNAMY FILTER */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr;
        grid-gap: 1rem 0;
    }
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px 20px;
    }
    
    /* OZNAMY FILTER END */

    /* VZN */
    .filter-vzn .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
    /* VZN END */
        
    /* VYVOZ ODPADU */
    .filter-olo .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }        
    /* VYVOZ ODPADU END */
    /* VYHLADAVAC */
    .filter-vyhladavanie .search-extended-trigger .filter-body-part {
        grid-row: 1;
    }
    /* VYHLADAVAC END */


    #login-to-portal .filter-body-part.filter-body-part-submit,
    #login-to-portal .filter-body-part.filter-body-part-lost-password,
    #login-to-portal .filter-body-part.filter-body-part-registration,
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-text,
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit,
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-text,
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-id_action_kat,
    .filter-actions-new-columns .filter-body-part.filter-body-part-id_action_kat,
    .filter-actions-new-columns .filter-body-part.filter-body-part-select,
    .conctact-filter-envelope form.contact-form .contact-finder-part,
    .filter-oznamy-new-columns .filter-body-parts .filter-body-part.filter-body-part-submit,
    .zmluvy-search-form .filter-envelope-body .filter-body-parts .filter-body-part.filter-body-part-submit,
    .faktury-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .objednavky-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .filter-olo .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column-start: span 2; 
    }
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .conctact-filter-envelope-default .contact-finder-part.submit.new, 
    .conctact-filter-envelope-default .contact-finder-part.cancel.new,
    .zmluvy-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .faktury-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .objednavky-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part,
    .filter-olo .filter-body-parts.btn-cancel .filter-body-part {
        grid-column: auto;
    }    
    /* FILTER UPRAVY END */

    /* -------------------- MAIN CONTENT END -------------------- */









    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    /* LINKS */ 
    #extra-block-bottom .links.important_links div.main-column-container {
        grid-template-columns: repeat(2, 1fr);
    }
    #extra-block-bottom .links.pic ul { 
        grid-template-columns: repeat(2,1fr);
        grid-gap: 1.875rem;
    }
  
      /* LINKS end */ 
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */



    /* -------------------- FOOTER -------------------- */
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-auto-columns: 3fr;
        padding: 0;
    }
    /* 4 COLUMNS */ /* !!! V pripade 3 stlpcoveho riesenie paticky zakomentovat !!! */
    footer .upper .module-container-columns-envelope .column-1 {
        grid-row: 2/5;
        grid-column: 1;
        border: none;
    }
    footer .upper .module-container-columns-envelope .column-2 {
        grid-row: 2;
        grid-column: 2/5;
        align-self: center;
    }
    footer .upper .module-container-columns-envelope .column-3 {
        grid-row: 3;
        grid-column: 2/5;
        align-self: center;
    }
    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 4;
        grid-column: 2/5;
        align-self: center;
    }
    /* 4 COLUMNS END */
    footer .env_hf_module_container.upper {
        border-bottom: 2px solid var(--footer-border-bottom);
    }
    footer .lower {
        max-width: 90%;
    }
    footer .env_hf_module_container.lower .column-1 {
        grid-row: 1/3;
        grid-column: 1/5;
    }
    footer .env_hf_module_container.lower .column-2 {
        grid-row: 2;
        grid-column: 3;
    }
    footer .env_hf_module_container.lower .column-1 .webygroup {
        justify-content: flex-start;
    }
    footer .env_hf_module_container.lower .module-container-columns-envelope {
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-auto-rows: auto;
    }
    /* -------------------- FOOTER END -------------------- */


}



































/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    /* DISPLAY: NONE */
    /* DISPLAY: NONE END */

    /* -------------------- HEADER -------------------- */
    header {
        margin-bottom: 1rem;
        /*background: var(--bg-header-laptop);*/
    }
    
    header .column_h {
        grid-auto-columns: auto;
        padding: 20px;
    }

  
    header .header-logo-img-envelope img {
        height: 77px;
    }
  

    /* HEADER DATA */
    header .env_hf_module_container.header-data {
        position: relative;
        box-shadow: none;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: auto;
        margin: 0;
        /* top: -8px; */
        grid-row: 1;
        z-index: 99999;
        grid-column: 4/11;
        background: none;
    }
    span#login-login::before, 
    .env_hf_homepage_text .module_body::before, 
    .env_hf_contacts .module_body::before, 
    .env_hf_image.social .hf-image-envelope.with-link a::before, 
    a#finder-trigger::after, #my-current-lang::after, 
    header .env_hf_login_register #logout-logout::before {
        color: var(--bg-header-icons-laptop);
    }
    .google-lang-position-others {
        bottom: auto;
        box-shadow: 0px 5px 15px -1px #00000025;
    }
    .module_envelope_h.env_hf_menu_rwd {
        width: 45px;
        top: 0;
        display: flex;
        justify-content: flex-end;
        grid-column: 12;
        grid-row: 1;
    }
    .rwd-menu-container.opened {
        width: 50vw;
    }
   
    /* HEADER DATA END */

    /* -------------------- HEADER END -------------------- */



    /* -------------------- EXTRA BLOCK TOP -------------------- */
    #extra-block-top {
        padding: 0 20px;
    }
    /* BANER SLOT */
    #banner-homepage {
        /*max-width: unset;
        grid-template-columns: minmax(61.5%, 740px) 38.5%;*/
        /*border-radius: 10px;*/
    }
    #page-banner-homepage {
        /*background: var(--bg-banner-slot);*/
        /*padding: 0;
        border: none;
        margin: 10px auto 50px;
        padding:0px 0px 0px;*/
    }
    #banner-homepage-img-link {
        /*display: flex;
        width: 100%;
        grid-column: 1/2;
        grid-row: 1/3;
        max-width: 100%;
        */
    }
    #main-banner-buttons {
        /*padding: 0 0px 10px;
        grid-column: 2/3;
        grid-row: 2/3;
        flex-flow: row;
        align-items: flex-end;
        flex-wrap: wrap;*/
    }
    #banner-slot-text-array {
        /*grid-column: 2/3;
        grid-row: 1/3;*/
        /*display: flex;
        flex-wrap: wrap;
        align-items: flex-start;*/
        
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.875rem;
        /* bottom: auto; */
    } 
    #banner-buttons-control-envelope {
        position: absolute;
        display: inline-flex !important;
        width: 44px;
        right: 0;
        bottom: 0px;
        flex-grow: 1;
        height: 35px;
        align-items: center;
        justify-content: center;
    }
    #banner-buttons-stop, 
    #banner-buttons-start {
        height: 20px;
    }
    #banner-buttons-stop::after,
    #banner-buttons-start::after {
        font: bold normal normal 24px/1 FontAwesome;
        box-shadow: 0px 0px 10px 0px rgba(0 0 0 / 25%);
        border-radius: 50%;
    }
    .banner-actual-button a::after {
        border: 2px solid var(--banner-btn-actual-tablet);
    }
    .banner-actual-button.current a::after {
        color: var(--banner-btn-non-actual-tablet);
    }
    
    /* BANER SLOT END */ 







    /* BANERSLOT + LINKS */
    .slots.links .module-container-columns-envelope {
        display: grid;
        grid-template-columns: auto;
    }
    .slots.links .module-container-column.column-1 {
        grid-column: 1;
    }
    .slots.links .module-container-column.column-2 {
        grid-column: 2;
    }
    .slots.links .module-container-column.column-2 h2 {
        font-size: 1.3125rem;
        font-weight: 600;
        border: none;
        margin-bottom: 10px;
        padding-bottom: 0 !important;
        color: #000;
    }

    .slots.links .module-container-column.column-2 ul {
        aspect-ratio: 1;
        padding: 0 10px;
        grid-template-columns: auto;
    }
    .slots.links .module-container-column.column-2 ul li:nth-child(1):first-child {
        grid-column: auto;
    }
    .slots.links .module-container-column.column-2 ul li {
        min-height: 9vw;
    }
    .slots.links .module-container-column.column-2 ul li::before {
        padding-bottom: 5px;
    }

    .slots.links .banerslot.sides-links ul {
        grid-template-columns: repeat(4,1fr);
    }
    .slots.links .banerslot.sides-links ul li a {
        display: flex;
        flex-flow: column;
        text-decoration: none;
        aspect-ratio: 1;
        font-size: 1.1875rem;
        gap: 12px;
        line-height: normal;
        padding: 0 20px;
        max-height:129px;
    }
    /* BANERSLOT + LINKS end */








    /* FOTO BANNER */
    .multi-foto-link-system .multi-foto-link-controls a {
        width: 22px;
        height: 22px;
    }
    .multi-foto-link-controls #multi-foto-link-stop--0::after,
    .multi-foto-link-controls #multi-foto-link-start--0::after {
        font: normal normal normal 24px/1 FontAwesome;
        width: auto;
        height: auto;
    }
    /* FOTO BANNER END */

    #homepage_0 h2.oznamy-new-columns span::before, 
    #homepage_0 h2.oznamy-new-columns span::after,
    #homepage_0 h2.actions-new-columns span::before,
    #homepage_0 h2.actions-new-columns span::after {
        margin: 0 20px;
    }


    /* RYCHLE LINKY */
    .extra-block-top .news.links .editor ul { 
        grid-template-columns:repeat(5, 1fr);
    }
    /* RYCHLE LINKY END */

    /* -------------------- EXTRA BLOCK TOP END -------------------- */









    /* -------------------- MAIN CONTENT -------------------- */
    #main-content {
        padding: 20px;
        border-radius: 10px;
    }
    #tabbed-page-modules ul.tabbed-page-modules {
        justify-content: left;
    }     
    #homepage_0 #tabbed-page-modules ul.tabbed-page-modules {
        justify-content: center;
    }
  









    /* OZNAMY VODOROVNE A AKCIE VODOROVNE ----- COLUMN  */
    .env_common_items_columns_responsive ul.oznamy-new-columns-list, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list, 
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_actions_portal_graphic ul.actions-graphic-list {
        grid-gap: 28px;
        grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list,
    .env_actions_portal_graphic.list ul.actions-graphic-all-list {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li {
        grid-template-columns: 1fr 2fr;
        grid-gap: 1rem;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        height: auto;
        min-height: 144px;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope a, .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope a, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope a {
        max-height: 149px;
    }
    /* OZNAMY VODOROVNE A AKCIE VODOROVNE ----- COLUMN END */

    /* OZNAMY VODOROVNE A AKCIE VODOROVNE ----- ROW  */
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list, 
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list {
        grid-gap: 1rem;
        grid-template-columns: 1fr;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive.list.row ul.actions-new-columns-all-list {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-all-list li,
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list li, 
    .env_actions_portal_column_responsive.list.row ul.actions-new-columns-all-list li,
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list li {
        grid-template-columns: 1fr 2fr;
        grid-gap: 1rem;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list li .image-envelope, 
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.list.row ul.actions-new-columns-all-list li .image-envelope {
        height: auto;
        min-height: 144px;
        grid-column: 1;
        grid-row: 1/4;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list li .image-envelope a, 
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-all-list li .image-envelope a, 
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list li .image-envelope a, 
    .env_actions_portal_column_responsive.list.row ul.actions-new-columns-all-list li .image-envelope a {
        max-height: 149px;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list li h3, 
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-all-list li h3, 
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list li h3, 
    .env_actions_portal_column_responsive.list.row ul.actions-new-columns-all-list li h3 {
        grid-column: 2;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list li .short-text, 
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-all-list li .short-text, 
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list li .short-text, 
    .env_actions_portal_column_responsive.list.row ul.actions-new-columns-all-list li .short-text {
        grid-column: 2;
    }
    .row .oznamy_date {
        grid-column: 2;
    }
    /* OZNAMY VODOROVNE A AKCIE VODOROVNE ----- ROW END */




    
    /* OZNAMY GRAFICKE A AKCIE GRAFICKE */
    .env_common_items_graphic ul.oznamy-graphic-list,
    .env_actions_portal_graphic ul.actions-graphic-list {
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    }
    /* OZNAMY GRAFICKE A AKCIE GRAFICKE END */










    /* ----- KALENDAR AKCII S KALENDAROM ----- */
    h2.oznamy-new-columns.with-calendar,
    .oznamy-new-columns-envelope.items.with-calendar ul h3 {
        grid-column-start: span 2;   
    }
    .actions-new-colums-form-envelope ul,
    .oznamy-new-columns-envelope.items.with-calendar ul {
        list-style: none;
        display: grid;
        overflow: visible;
    }
    .actions-new-colums-form-envelope ul.actions-new-colums-form-envelope.item,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }
    .actions-new-colums-form-envelope.item ul h2.oznamy-new-columns.with-calendar,
    .oznamy-new-columns-envelope.items.with-calendar ul h3 {
        grid-row: 1;
    }
    .actions-new-colums-form-envelope.item li {
        grid-row: 2;
    }
    .oznamy-new-columns-envelope.items.with-calendar ul li .image-envelope {
        height: auto;
    }
    .actions-new-colums-form-envelope.item li .image-envelope a,
    .oznamy-new-columns-envelope.items.with-calendar ul li .image-envelope a {
        position: relative;
        display: flex;
        width: 100%;
        height: auto;
        max-height: 280px;
    }
    .oznamy-new-columns-envelope.items.with-calendar ul li .image-envelope a img {
        height: fit-content;
    }
    .oznamy-new-columns-envelope.items.with-calendar ul li {
            /* grid-column: 1; */
        grid-row: auto;
        width: 100%;
        height: auto;
        display: flex;
        flex-flow: column;
    }
    


    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
    }
    h3.oznamy-new-columns-list-head.calendar {
        margin: 0;
        width: auto;
    }
    .env_actions_portal_calendar_with_top .kalendar_podujati_month, 
    .oznamy-new-columns-envelope.calendar.with-calendar .kalendar_podujati_month {
        justify-content: space-around;
        flex-wrap: nowrap;
    }
    /* ----- KALENDAR AKCII S KALENDAROM END ----- */






    
    /* FOTOGALERIA */
    .fotogaleria div, 
    ul.fotogaleria-multi-kat-img-list .gallist, 
    ul.fotogaleria-multi-foto-list li, 
    ul.fotogaleria-pure > li, 
    ul.common-image-gallery-default li {
        grid-column: auto;
        justify-self: center;
        max-width: 202px;
    }
    div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        column-gap: 31px;
        row-gap: 25px;
        grid-template-columns: repeat(auto-fit, minmax(222px, 1fr));
    }
    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default {
        max-height: 20vw;
    }
    
    div.fotogaleria div.paging {
        grid-column: 1/4;
    }
    /* FOTOGALERIA END */ 









    /* ----- ZMLUVY/ FAKTURY/ OBJEDNAVKY ----- */
    div.zmluvy-new-search-demand 
    div.zof-export {
        display: flex;
        justify-content: space-between;
    }
    div.zof-export {
        width: 100%;
        justify-content: flex-end;
    }
    /* ----- ZMLUVY/ FAKTURY/ OBJEDNAVKY END ----- */











    /* ----- ZASADNUTIA ----- */
    .env_zasadania .module_body > div.zasadania-list {
        grid-gap: 10px;
        grid-template-columns: repeat(5, minmax(170px, 1fr));
    }
    .env_zasadania .module_body .zasadenie-envelope a {
        font-size: 1.1875rem;
    }
    .filter-zasadania .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr;
    }
    .filter-zasadania .filter-envelope-body .filter-body-part-submit {
        grid-column-start: span 2 !important;
    }
    /* ----- ZASADNUTIA END ----- */











    /* KONTAKTY */
    .env_contacts ul.contact-list .contact-list-header {
        display: flex;
        width: 100%;
        /*background: var(--contacts-bg-header);*/
    }
    .env_contacts ul.contact-list {
        font-size: 1rem;
    }
    /* KONTAKTY END */











    /* ----- TABLE ----- */
    .table-common-filter-body form {
     grid-template-columns: 1fr 1fr;
    }
    .table-common-filter-body .table-common-filter-submit {
        grid-row: 1;
    }
    .table-common-filter-body .table-common-filter-submit a, 
    .table-common-filter-body .table-common-filter-submit input {
        font-size: 1rem;
        padding: 0 10px;
    }
    table {
        font-size: 19px;
        line-height: normal;
        width: 100%;
    }
    /* ----- TABLE END ----- */
    







    /* --------------------- FILTER UPRAVA --------------------- */
    .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
    .filter-body-parts .filter-body-part {
        grid-row: 1;
    }



    /* VYVOZ ODPADU - FILTER */    
    .filter-olo.filter-packing .filter-body-parts.btn-cancel .filter-body-part {
        grid-column: auto;
    }
    .filter-olo.filter-packing .filter-body-parts.btn-cancel .filter-body-part-submit {
        grid-row: 1;
    }
    /* VYVOZ ODPADU - FILTER END */             
     
    /* NAPISTE NAM */
    .filter-napiste-nam-execute .filter-body-parts .filter-body-part {
        grid-row: auto;
        grid-column-start: span 2;
    }
    .filter-napiste-nam-execute .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }
    /* NAPISTE NAM END*/

    /* DISKUSIA */
    .diskusia-form .filter-body-parts .filter-body-part {
        grid-row: auto;
        grid-column-start: span 2;
    }
    .diskusia-form .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }
    /* DISKUSIA END */

    /* OZNAMY VODOROVNE FILTER */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-column: auto;
    }
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        grid-row: auto;
        padding: 0;
    }
    /* OZNAMY VODOROVNE FILTER END */
     
    /* AKCIE VODOROVNE FILTER */
    .filter-actions-new-columns .filter-body-parts {
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
        grid-gap: 20px;
    }
    .filter-actions-new-columns .filter-body-parts .filter-body-part-id_action_kat {
        grid-column-start: span 2;
    }
    .filter-actions-new-columns .filter-body-parts .filter-body-part-select {
        grid-column-start: span 2;
        grid-row: auto;
    }    
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-row: auto;
    }
    /* AKCIE VODOROVNE FILTER END */


    /* VZN FILTER */
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit,
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-text {
        grid-column: auto;
    }
    /*.filter-vzn .filter-body-parts.btn-cancel {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    } */
    .filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-column-start: span 2;
        grid-column: 1;
    }
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit {
        grid-column: 3;
    }
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        grid-column: 4;
    }
    .filter-vzn .filter-body-parts .filter-body-part {
        grid-row: auto;
    }  
    /* VZN FILTER END */


    /* ZMLUVY/ FAKTURY/ OBJEDNAVKY - FILTER */
    .zmluvy-search-form .filter-body-parts, 
    .faktury-search-form .filter-body-parts,
    .objednavky-search-form .filter-body-parts {
        grid-template-columns: 1fr 1fr 1fr;
    }    
    .objednavky-search-form .filter-body-part:nth-child(-n + 3),
    .zmluvy-search-form .filter-body-part:nth-child(-n + 3),
    .faktury-search-form .filter-body-part:nth-child(-n + 3) {
        grid-row: 1;
    }
    .zmluvy-search-form .filter-body-part,
    .objednavky-search-form .filter-body-part,
    .faktury-search-form .filter-body-part {
        grid-row: 2;
    }
    .zmluvy-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .zmluvy-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel,
    .faktury-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .faktury-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel,
    .objednavky-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit,
    .objednavky-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel {
        grid-row: 3;
    }
    /* ZMLUVY/ FAKTURY/ OBJEDNAVKY - FILTER END */










    /* KONTAKT */
    .conctact-filter-envelope form.contact-form {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: end;
    }
    .conctact-filter-envelope-default .contact-finder-part.new {
        margin: 0;
    }
    .conctact-filter-envelope-default .contact-finder-part.new:nth-of-type(1) {
        grid-column-start: span 2;
        width: auto !important;
        grid-row: 1;
    }
    .conctact-filter-envelope-default .contact-finder-part.new:nth-of-type(2) {
        grid-column-start: span 2;
        grid-row: 1;
        width: auto !important;
    }
    .conctact-filter-envelope-default .contact-finder-part.new:nth-of-type(3) {
        grid-column-start: span 2;
        grid-row: 2;
        width: auto !important;
    }
    .conctact-filter-envelope-default .contact-finder-part.submit.new {
        grid-column: 3;
        grid-row: 2;
    }
    .conctact-filter-envelope-default .contact-finder-part.cancel.new {
        grid-column: 4;
        grid-row: 2;
        width: auto !important;
        max-height: 50px;
    }
    /* KONTAKT END */











    /* REGISTRACIA/ LOGIN NA PORTAL */
    .env_registracia_navstevnika_ .filter-envelope-body .filter-body-part {
        grid-row: auto;
    }
    /* login */
    .filter-login-form .filter-envelope-body .filter-body-part:nth-child(-n + 3) {
        grid-row: 1;
        grid-column: auto ;
    }
    .filter-login-form .filter-envelope-body .filter-body-part {
        grid-row: auto;
    }
    /* login end */
    /* registracia hlasnik */
    .filter-reg-user-add-form .filter-envelope-body .filter-body-parts:first-child {
        grid-template-columns: auto;
    }
    .filter-reg-user-add-form .filter-envelope-body .filter-body-parts:nth-of-type(2) .filter-body-part {
        grid-row: auto;
    }
    .filter-reg-user-add-form .filter-envelope-body .filter-body-parts:nth-of-type(2) .filter-body-part:last-child {
        grid-column-start: span 2;
    }
    /* registracia hlasnik end */
    /* registracia konto */
    .filter-reg-user-upd-form-data .filter-envelope-body > .filter-body-parts {
        display: block;
    }
    .filter-reg-user-upd-form-data input {
        width: 100% !important;
    }
    /* registracia konto end */
    /* registracia zmena hesla */
    .filter-reg-user-upd-form-pass .filter-body-parts .filter-body-part.filter-body-part-new_pass_verify {
        grid-column-start: span 2;
    }
    /* registracia zmena hesla end */
    /* REGISTRACIA/ LOGIN NA PORTAL END */










    /* SMS HLASNIK */
    .env_sms_hlasnik_execute .sms-hlasnik-links-new {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new {
        grid-row: 1;
    }
    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new a {
        display: block;
        font-size: 1.3125rem;
        min-height: 80px;
    }
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part {
        grid-row: 2;
    }
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part:first-child {
        grid-row: 1;
        grid-column-start: span 2;
    }
    /* SMS HLASNIK END */










    /* VYHLADAVANIE ROZSIRENE */
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .filter-body-part,
    .filter-vyhladavanie .filter-body-parts-items.search-extended-select {
        grid-column-start: span 2;
        grid-row: auto;
        grid-template-columns: 1fr 1fr;
    }
    .filter-vyhladavanie .filter-body-parts.search-extended-trigger .filter-body-part,
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .search-extended-select .filter-body-part-search-extended-select-all,
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .search-extended-select .filter-body-part-search-extended-select-none,
    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts .filter-body-part-search-extended-areas.part-checkbox,
    .filter-vyhladavanie .filter-body-parts.search-extended-properties.search-extended-date .filter-body-part.search-dates {
        grid-column: auto;
    }
    .filter-vyhladavanie .filter-body-parts.search-extended-trigger,
    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts,
    .filter-vyhladavanie .filter-body-parts.search-fulltext {
        display: grid; 
        grid-column-start: span 2;
        grid-template-columns: 1fr 1fr;
    }
    
    /* VYHLADAVANIE ROZSIRENE END */
    
    /* --------------------- FILTRE UPRAVA END --------------------- */




    
    /* UZIVATELSKY FORMULAR - responzivny */
    .env_user_form_responsive .user-form-item-envelope input[type="file"],
    .env_user_form_responsive .user-form-item-envelope input, 
    .env_user_form_responsive .user-form-item-envelope select, 
    .env_user_form_responsive textarea.user-form-item.type-textarea {
        font-size: 1rem;
    }
    /* UZIVATELSKY FORMULAR - responzivny END */









    
    /* HORUCA LINKA */
    .filter-envelope.filter-horuca-linka .filter-body-parts {
        grid-template-columns: auto;
    }
    .filter-envelope.filter-horuca-linka .filter-body-parts .filter-body-part-horuca-linka-info-row {
        grid-row: 1;
    }
    .filter-envelope.filter-horuca-linka .filter-body-parts .filter-body-part {
        grid-row: auto;
    }
    /* HORUCA LINKA END */




    /* Oznamy / Akcie */
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope a,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope a {
        max-width: 430px;
        max-height: 286px;
    }
    /* Oznamy / Akcie end */

    /* -------------------- MAIN CONTENT END -------------------- */

    
    
    
    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    #extra-block-bottom {
        /*padding: 0;*/
    }
    .env_hf_menu_block .module_body > .menu-block-name {
        margin-bottom: 2rem;
    }
    .env_hf_menu_block ul.menu_block {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 4rem;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat .menu-block-name {
        font-size: clamp(1rem, 0.6667rem + 0.6944vw, 1.1875rem);
        /*display: none;*/
    } 
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        font-size: 1.1875rem;
        text-decoration: underline;
        padding: 0 10px;
        line-height: 180%;
    }


    /* MOBILNA APLIKACIA */
    .Mobilna-aplikacia .editor h3 {
        font-size: 2.125rem !important;
    }
    .Mobilna-aplikacia .editor ul li {
        font-size: 1.25rem;
        margin-left: 0;
    }
    
    /* MOBILNA APLIKACIA END */

    /* LINKS */
    #extra-block-bottom .links.pic ul {
        grid-template-columns: repeat(3,1fr);
    }
    #extra-block-bottom .links ul {
        grid-template-columns: auto; /*repeat(auto-fit, minmax(239px, 1fr))*/
    }
    #extra-block-bottom .links.important_links ul {
        grid-template-columns: repeat(3,1fr);
        display: flex;
        
    }
    /* LINKS end */

    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */






    /* -------------------- FOOTER -------------------- */
    footer {
        padding: 0px 0 0;
        /*color: #fff;*/
    }
    footer .column_f {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
    }
    footer .env_hf_module_container.upper {
        border: none;
        border-right: 2px solid var(--footer-border-bottom);
        padding-top: 2rem;
    }
    footer .upper .module-container-columns-envelope .module-container-column {
        margin-bottom: 1rem;
    }
    footer .upper .module-container-columns-envelope .column-1 {
        border: none;
    }
    footer .upper .env_hf_logo.logo-footer img {
        max-width: 62px;
        align-items: start;
        margin: 1em auto 2em;
    }
  
    footer .lower {
        margin: 2em auto 2em;
    }
    footer .env_hf_module_container.lower .column-1 .webygroup {
        margin: 1em 0 0;
    }
    footer .env_hf_module_container.lower .column-2 {
        grid-row: 3;
        grid-column: auto;
    }
    /* -------------------- FOOTER END -------------------- */
  
 
}






























/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    /* DISPLAY: NONE */
    
    .module_envelope_h.env_hf_menu_rwd, .hf-menu.with-submenu .hor-menu,
    ul.hf-hmenu li:focus-within ul.hf-hsubmenu, ul.hf-hmenu li:hover ul.hf-hsubmenu,
    footer .upper .module-container-header,
    #rwd-menu-container li.hf-menu.with-submenu > .hf-menu-envelope a.horizontal-under-menu-trigger::after {
        display: none;
    }
    /* DISPLAY: NONE END */
    
    body {
        font-size: 19px;
    }

    #main-container {
        overflow: visible;
        /*background: rgb(255,248,198);
        background: linear-gradient(180deg, rgba(255,248,198,1) 5%, rgba(255,255,255,1) 18%, rgba(234,255,234,0) 55%, rgba(255,248,203,1) 76%);*/
    }
    

    .env_hf_menu .module-inner-envelope,
    header .env_hf_menu .module_body,
    nav  {
        width: 100%;
    }
    
       /* -------------------- HEADER -------------------- */
    header {
        position: sticky;
        top: -112px;
        display: flex;
        height: auto;
        border: none;
        box-shadow: none;
        background: var(--bg-header-laptop);
        margin: 0;
        height: 169px;
        padding: 8px 0;
        border-top: 2px solid var(--bg-header-border-laptop); 
    }
    header::before {
        display: flex;
        content: "";
        clear: both;
        background-color: var(--bg-header-menu);
        height: 57px;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        position: absolute;
        border-top: 2px solid #006221;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    }
    header .column_h { 
        max-width: 1200px;
        grid-row-gap: 0;
        padding: 0px 10px 0;
        grid-template-columns: 1fr;
        /*border-bottom: 2px solid #006221;*/
    }
    a#homepage-link-with-text-envelope, span#login-login a, .env_hf_contacts .module_body a {
        display: inline-block;
        width: auto;
        height: auto;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 1rem;
        text-decoration: underline;
        padding: 0 13px 0 35px;
        color: var(--header-data-text-color);
    }   
    a#homepage-link-with-text-envelope:hover, 
    span#login-login a:hover, 
    .env_hf_contacts .module_body a:hover,
    .env_hf_text_pure.FB.social .module_body a:hover {
        text-decoration-thickness: 3px;
    }
    header .env_hf_module_container.header-data .module-inner-envelope > .module_body {
        /*align-items: flex-start;*/
        gap: 9px;
    }
    header .env_hf_module_container.header-data {
        grid-column: 2;
        grid-row: 1;
        align-items: center;
    }
  
    header .env_hf_menu {
        display: flex;
        position: relative;
        top: 8px;
        width: auto;
        grid-row: 2;
        /*grid-column: 2;*/
        grid-column-start: span 2; 
        justify-content: center;
        flex-wrap: wrap;
    }

    .env_hf_homepage_text .module_body,
    span#login-login,
    .env_hf_contacts .module_body {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        transition-duration: 0.5s;
    }


    .env_hf_homepage_text .module_body::before, 
    span#login-login::before, 
    .env_hf_contacts .module_body::before {
        /*display: none; */
        padding-right: 0;        
        transition-duration: 0.5s;
    }
    .env_hf_homepage_text .module_body:hover:before, 
    span#login-login:hover:before, 
    .env_hf_contacts .module_body:hover:before {
        transform: scale(1.2);
        transition-duration: 0.5s;
    }

    .env_hf_image.social .hf-image-envelope.with-link a::before, 
    #my-current-lang::after, 
    header .env_hf_login_register #logout-logout::before { 
        color: var(--bg-header-icons-laptop);
        font-size: 1rem;
        display: inline-block;
        left: auto;
        text-align: center;
        right: auto;
        /*width: 30px;*/
        vertical-align: middle;
        line-height: normal;
        /*height: 30px;*/
        margin-right: 10px;
        /*background: rgb(0,101,179);
        background: linear-gradient(175deg, rgba(0,101,179,1) 10%, rgba(0,154,223,1) 90%);*/
        /*box-shadow: 0 0 10px rgb(0 0 0 / 25%);*/
    }
    #my-current-lang.notranslate::after {
        background: none;
        /*color: var(--my-current-lang);*/
        box-shadow: unset;
    }
    #search-box-submit::after {
        /* color: #000; */
        font-size: 1.1875rem;
        display: flex;
        justify-content: center;
        align-items: center;
        /*width: 44px;*/
        /* height: 44px; */
        /* margin-right: 10px; */
        /* border-radius: 50px; */
        /* background: #FFDF0F; */
        /* background: linear-gradient(175deg, rgba(0,101,179,1) 10%, rgba(0,154,223,1) 90%); */
        /* box-shadow: 0 0 10px rgb(0 0 0 / 25%); */
    }
    input#search-submit-button {
        /* margin-top: -7px; */
        border: 2px solid #FFDF0F;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        padding: 0;
    }
    #search-submit-button:after {
        color: var(--link-color-white);
    }

    #my-current-lang {
        /*color: #fff;*/
        padding: 0 10px;
    }
    #my-current-lang.lang-opened {
        color: #006221;
    }
    #my-current-lang:hover {
        color: #000;
    }


    

    /* LOGO */
    /*header .header-logo-img-envelope {
        grid-row: 2;
    }*/
    
    .header-logo-text {
        font-weight: 600;
        grid-row: 1;
        grid-column: 2;
        /* padding-right: 23px; */
        /* text-transform: uppercase; */
    }
    header .header-logo-text-ext {
        font-size: 1.1875rem;
        font-weight: 300;
        grid-column: 2;
        grid-row: 2;
        /* padding-bottom: 25px; */
    }
    /*header .header-logo-text-ext::before {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        top: auto;
        color: #006221;
        margin-bottom: 15px;
    }*/
    header .header-logo-img-envelope img {
        height: auto;
        max-height: 93px;
        width: auto;
    }
    .header-logo-envelope>a {
        /*align-items: unset;*/
        max-height: 108px;
    }
    header .env_hf_logo {
        grid-row: 1;
        grid-column: 1;
        align-items: center;
        
    }
    /* LOGO END */







    /* NAVIGATION - MENU */
    .env_main_menu {
        display: block;
    }
    nav ul.hf-hmenu {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        margin: 0;
        height: 57px;
        /*gap: 1rem; */
        /*border-bottom: 2px solid #006221;*/
    }


    /* -------------------------------- HORIZONTAL MENU ------------------------- */
    aside#left-column .column_l, 
    aside#right-column .column_r {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -moz-column-fill: balance;
        column-fill: unset;
        grid-gap: 0;
    }
    ul.hf-hmenu li {
        position: unset;
        display: flex;
        flex-wrap: wrap;
        float: none;
        width: auto;
        /* margin: 0 auto; */
        min-width: 50px;
        padding: 0px 0px;
        background: none;
        overflow: visible;
        /* flex-grow: 1; */
    }
        /* LEVEL 0 */

    .hf-menu.level-0 > .hf-menu-envelope > a {
        padding: 12px 20px;
        border: none;
        /* border-bottom: 2px solid var(--bg-header-border); */
        /* border-bottom: 2px solid transparent; */
        display: flex;
        flex-wrap: wrap;
        font-size: clamp(1rem, -0.7885rem + 2.8846vw, 1.375rem);
        color: var(--horizontal-menu-color-laptop);
        justify-content: center;
        margin: 0;
        align-items: center;
        position: relative;
        min-height: 45px;
        background: var(--horizontal-menu-bg-laptop);
        text-transform: uppercase;
    }



    .hf-menu.level-0:hover > .hf-menu-envelope a,
    .hf-menu.level-0.liopened > .hf-menu-envelope a {
        color: var(--horizontal-color-opened);
        background: var(--horizontal-bg-opened);
        /*border-bottom: 2px solid var(--border-menu-active);*/
        
    }
    li.hf-menu.level-0.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger {
        background: var(--horizontal-bg-opened);
        /*border-bottom: 2px solid var(--border-menu-active);*/
        color: var(--horizontal-color-opened);
    }

    
   
    .hf-menu.level-0.current > .hf-menu-envelope a {
        color: var(--horizontal-bg-opened-active);
        background: var(--horizontal-color-opened-active);
        /* border-bottom: 2px solid var(--border-menu-active); */
        height: 100%;
        outline: none;
    }
    .hf-hmenu .hf-hsubmenu.opened.hclosed {
        display: none;
    }
    /*nav li.level-0 > ul.hf-hsubmenu {
        position: absolute;
        list-style: none;
        text-align: left;
        top: 0px;
        left: -57%;
        right: 0;
        width: 2560px;
        padding: 20px 0;
        margin: 100px auto 0;
        box-shadow: 0 18px 23px -15px #000000a6;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        border: none;
    }*/
    ul.hf-hmenu li.level-1 > ul.hf-hsubmenu.hopened {
        background: var(--bg-level1-opened) !important;
        color: var(--text-level1-opened);
    }
    ul.hf-hmenu li.level-1 > ul.hf-hsubmenu.hopened li.level-2 > span a {
        color: var(--text-level2-opened);
        background: var(--bg-level2-opened); 
    }
    ul.hf-hmenu li.level-1 > ul.hf-hsubmenu.hopened li.level-2.current > span a {
        font-weight: bold;
        text-decoration: underline;
    }
    ul.hf-hmenu li.level-1 > ul.hf-hsubmenu.hopened li.level-2 > span a:hover {
        background: none;
        color: var(--horizontal-color-level-1-hover);
        background: var(--horizontal-bg-level-1-hover);
        text-decoration: underline;
    } 

    ul.hf-hmenu li.level-2 > ul.hf-hsubmenu.hopened li.level-3 > span a {
        color: var(--text-level3-opened);
        background: var(--bg-level3-opened);
    }

    ul.hf-hmenu li:focus-within ul.hf-hsubmenu.hopened, 
    ul.hf-hmenu li ul.hf-hsubmenu.hopened {
        position: absolute;
        display: grid;
        grid-template-rows: auto;
        transition: ease-in-out .2s;
        overflow: hidden;
        overflow-y: auto;
        background: var(--bg-submenu);
        max-width: 1200px;
        width: 100vw;
        top: 65px;
        left: -10px;
        right: 0;
        padding: 10px;
        margin: 0 auto 0;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        max-height: calc(100vh - 80px - 126px);
        border: none;
        box-sizing: border-box;
        box-shadow: 0 18px 23px -15px #000000a6;
    }
    nav li.level-0 > ul.hf-hsubmenu li {
        width: 100%;
        /*min-height: 36px;*/
        height: auto;
    }
   

        /* LEVEL 1 */


    /*.hf-menu.level-1.current > .hf-menu-envelope a {
        padding: 10px 15px;
        color: var(--primary);
        display: flex;
        border-bottom: none;
    }*/

    li.hf-menu.level-1.with-submenu.liopened > .hf-menu-envelope a.horizontal-under-menu-trigger {
        background: var(--horizontal-bg-opened-level-1);
        /*border-bottom: 2px solid var(--border-menu-active);*/
        color: var(--horizontal-color-opened-level-1);
    }

    .hf-menu.level-1 .hf-menu-envelope a, 
    ul.menu_cover li.menu-level-0 a {
        border-bottom: none;
        display: inline-block;
        color: var(--menu-color);
    }
    .hf-menu.level-1 .hf-menu-envelope a:hover, 
    ul.menu_cover li.menu-level-0 a:hover,
    ul.hf-hsubmenu.hopened .level-1.liopened .alevel-1 {
        color: var(--horizontal-color-level-1-hover);
        text-decoration: underline; 
        background: var(--horizontal-bg-level-1-hover);
    }   
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hclosed {
        display: none;
    }
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hopened {
        position: relative;
        flex-flow: column;
        display: flex;
        overflow: hidden;
        border: none;
        overflow-y: auto;
        gap: 0;
        padding: 0;
        top: 0;
        left: 0;
        margin: 0;
        box-shadow: 0px 0px 10px 0px #00000040;
        max-height: calc(60vh - 110px);
    }

        /* LEVEL 2 */



    nav li.level-0 > ul.hf-hsubmenu li.level-2,
    ul.hf-hsubmenu li.level-2 {
        padding: 0px;
        width: 100%;
    }
    .hf-hmenu ul.hf-hsubmenu .level-1 ul.hf-hsubmenu.hopened ul {
        margin: 4px 0 0 4px;
    }
    .hf-menu.level-2 .hf-menu-envelope a {
        padding: 10px;
        min-height: unset;
    }

        /* LEVEL 3 */



    nav li.level-0 > ul.hf-hsubmenu li.level-3 {
        width: 100%;
    }
    .hf-menu.level-3 .hf-menu-envelope a {
        padding: 15px;
        color: var(--secondary);
    }
  


        /* LEVEL 4 */
    .hf-menu.level-4.current .hf-menu-envelope a {
        padding: 15px;
        font-weight: bold;
    }

        /* NAVIGATION MENU ICONS HOVER / ACTIVE / OPEN*/
        /* LEVEL 0 */
        li.level-0.with-submenu.liclosed a.alevel-0::after {
            display: flex;
            content: '\f0d7';
            justify-content: flex-end;
            align-items: center;
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            width: 16px;
            height: auto;
            z-index: 99;
            position: relative;
            flex-wrap: wrap;
            right: auto;
            top: auto;
        } 
        li.level-0.with-submenu.liopened a.alevel-0::after,
        li.level-0.current.with-submenu.liclosed a.alevel-0::after {
            display: flex;
            content: '\f0d8';
            justify-content: flex-end;
            align-items: center;
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            width: 16px;
            height: auto;
            z-index: 99;
            position: relative;
            flex-wrap: wrap;
            right: auto;
            top: auto;
            color:#fff;
        }
        /* LEVEL 0 END */

        /* LEVEL 1 */
        li.level-1.with-submenu.liclosed a.alevel-1::after {
            display: inline-block;
            content: '\f0d7';
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            left: 5px;
            z-index: 99;
            position: relative;
        } 
        li.level-1.with-submenu.liopened a.alevel-1::after {
            display: inline-block;
            content: '\f0d8';
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            left: 5px;
            z-index: 99;
            position: relative;
        }
        /* LEVEL 1 END */

        /* LEVEL 2 */
        li.level-2.with-submenu.liclosed a.alevel-2::after {
            display: inline-block;
            content: '\f0d7';
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            left: 5px;
            z-index: 99;
            position: relative;
        } 
        li.level-2.with-submenu.liopened a.alevel-2::after {
            display: inline-block;
            content: '\f0d8';
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            left: 5px;
            z-index: 99;
            position: relative;
        }
        /* LEVEL 2 END */

        /* LEVEL 3 */
        li.level-3.with-submenu.liclosed a.alevel-3::after {
            display: inline-block;
            content: '\f0d7';
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            left: 5px;
            z-index: 99;
            position: relative;
        } 
        li.level-3.with-submenu.liopened a.alevel-3::after {
            display: inline-block;
            content: '\f0d8';
            clear: both;
            font: normal normal normal 16px/1 FontAwesome;
            left: 5px;
            z-index: 99;
            position: relative;
        }
        /* LEVEL 3 END */

            
        /* NAVIGATION MENU ICONS HOVER / ACTIVE / OPEN END */

    
    /* -------------------- HORIZONTAL MENU END ---------------------- */



 

    /* -------------------- VERTICAL MENU ---------------------- */ 
    ul.vertical-menu-cover-common .menu_hlavicka a.menu_hlavicka {
        color: var(--vertical-menu-color-PC);
        font-size: 1.1875rem;
        padding: 10px 25px 10px 15px !important;
        border: none;
        /*border-left: 2px solid var(--vertical-menu-border);*/
        display: flex;
        align-items: unset;
        font-weight: 600;
        position: relative;
        margin: 0 0 3px !important;
        background: var(--vertical-bg-menu);
        text-transform: unset;
    }
    ul.vertical-menu-cover-common .menu_hlavicka.opened a.menu_hlavicka.opened,
    ul.vertical-menu-cover-common .menu_hlavicka a.menu_hlavicka:hover {
        /* border-left: 2px solid var(--vertical-menu-border-active); */
        background: var(--vertical-bg-menu-active);
        color: var(--vertical-menu-color-active);
    }
    ul.menu_cover {
        border: none;
    }
    ul.menu_cover .menu_item_0.opened a.menu_item_0.opened,
    ul.menu_cover .menu_item_0.opened a.menu_item_0 {
        /*color: var(--primary);*/
    } 
    ul.menu_cover li.menu-level-0 a {
        color: var(--vertical-menu-subpage-text);
        border: none;
    }

    /* LEVEL 0 */
    ul.menu_item_0 {
        border: none;
        padding-left: 10px;
        margin-left: 0;
    }
    ul.menu_item_0 .menu_item_1.opened a.menu_item_1.opened,
    ul.menu_item_0 .menu_item_1.opened a.menu_item_1 {
        /*color: var(--primary);*/
    }
    /* LEVEL 0 END */

    /* LEVEL 1 */    
    ul.menu_item_1 {
        border: none;
        padding-left: 0px;
        margin-left: 0;
    }
    ul.menu_item_1 .menu_item_2.opened a.menu_item_2.opened,
    ul.menu_item_1 .menu_item_2.opened a.menu_item_2 {
        /*color: var(--primary);*/
    }
    /* LEVEL 1 END */

    /* LEVEL 2 */
    ul.menu_item_2 {
        border: none;
        padding-left: 0px;
        margin-left: 0;
    }
    ul.menu_item_2 .menu_item_3.opened a.menu_item_3.opened,
    ul.menu_item_2 .menu_item_3.opened a.menu_item_3 {
        /*color: var(--primary);*/
    }
    ul.menu_item_1 li.menu-level-2.level-2-has-submenu a.menu_item_2::after {
        display: inline-block;
        content: '\f0D7';
        clear: both;
        font: bold normal normal 16px/1 FontAwesome;
        right: 0;
        width: 20px;
        margin: auto;
        z-index: 99;
        position: absolute;
        transition: all 0.3s ease-in-out;
    }
    /* LEVEL 2 END */
    /* -------------------- VERTICAL MENU END ---------------------- */ 

    .hf-menu.with-submenu .hor-menu::after, 
    ul.vertical-menu-cover-common .menu_hlavicka.with-submenu a.menu_hlavicka::after, 
    ul.menu_cover li.menu-level-0.level-0-has-submenu a.menu_item_0::after, 
    ul.menu_item_0 li.menu-level-1.level-1-has-submenu a.menu_item_1::after {
        transition: all 0.1s ease-in-out;
        color: unset;
    }



    



    /* -------------------- CLONE MENU -------------------- */
    .env_horizontal_menu_clone_column {
        display: grid;
    }
    .clone-hmenu.c-level0 .clone-hmenu-li.first > a {
        font-size: 1.5rem;
        font-weight: 600;
        /* background: #F3F5ED; */
        color: var(--clone-menu-color-first);
        padding: 14px 0 14px 0px;
        border-bottom: 2px solid var(--side-header);
        margin-bottom: 20px;
        /*text-transform: uppercase;*/
    }
    ul.clone-hmenu.c-level1 {
        margin-left: 0;
    }
    .clone-hmenu.c-level1 > .clone-hmenu-li > a {
        background: var(--clone-menu-bg);
        color: var(--clone-menu-color);
        border-left: 2px solid var(--clone-menu-border);
        min-height: 44px;
        display: flex;
        padding: 10px 25px 10px 15px;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 3px; 
        font-size: 1.1875rem;
        font-weight: 300;
        border-bottom: none;
        text-decoration: none;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
        /*border-radius: 10px;
         text-transform: uppercase; */
    }
    
    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
        transition-duration: 0.3s;
        transform: rotate(-90deg);
        /*color: var(--menu-color-arrow);*/
    }

    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-collapsable.opened {
        background: var(--clone-menu-bg-hover);
        color: var(--clone-menu-color-current);
        transition-duration: 0.15s;
        border-left: 2px solid var(--clone-menu-border-current);
    }
    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.c-collapsable.opened::after,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.current::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--clone-menu-color-hover);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level1 > .clone-hmenu-li:hover > a,
    .clone-hmenu.c-level1 > .clone-hmenu-li > a.current {
        background: var(--clone-menu-bg-hover);
        color: var(--clone-menu-color-hover);
        transition-duration: 0.15s;
        border-left: 2px solid var(--clone-menu-border-current);
        border-left: 2px solid transparent;
    }
    .clone-hmenu.c-level1 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--clone-menu-color-hover);
    }
    /* HOVER/ ACTIVE EFECTS END */

    
    .clone-hmenu.c-level2 li ul {
        margin: 0;
    }

    /* LEVEL 1 */
    ul.clone-hmenu.c-level2 {
        /*border-left: 2px solid var(--clone-menu-border);*/
        margin: 0;
    }
    .clone-hmenu.c-level2 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 0;
        padding: 10px 30px 10px 15px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    }
    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
    }

    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-collapsable.opened,
    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-collapsable {
        color: var(--primary);
        transition-duration: 0.15s;
        /*border-radius: 10px;*/
        text-decoration: underline;
        font-weight: bold;
    }
    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level2 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--primary);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level2 > .clone-hmenu-li:hover > a {
        color: var(--primary);
        transition-duration: 0.15s;
        text-decoration: underline;
    }
    .clone-hmenu.c-level2 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--primary);
    }
    /* HOVER/ ACTIVE EFECTS END */
    /* LEVEL 1 END */

    /* LEVEL 2 */
    .clone-hmenu.c-level3 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 20px;
        margin: 0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    }
    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
    }

    .clone-hmenu.c-level3 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level3 > .clone-hmenu-li > a.c-collapsable.opened {
        color: var(--primary);
        transition-duration: 0.15s;
        /*border-radius: 10px;*/
        text-decoration: underline;
    }
    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level3 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--primary);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level3 > .clone-hmenu-li:hover > a {
        color: var(--primary);
        transition-duration: 0.15s;
        /*border-radius: 10px;*/
        text-decoration: underline;
    }
    .clone-hmenu.c-level3 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--primary);
    }
    /* HOVER/ ACTIVE EFECTS END */
    /* LEVEL 2 END */


    /* LEVEL 3 */
    .clone-hmenu.c-level4 > .clone-hmenu-li > a {
        min-height: 44px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 40px;
        margin: 0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    }
    .clone-hmenu.c-level4 > .clone-hmenu-li.with-submenu > a::after {
        display: inline-block;
        content: '\f0d7';
        clear: both;
        font: normal normal normal 16px/1 FontAwesome;
        z-index: 99;
        position: absolute;
        right: 15px;
        top: auto;
    }

    .clone-hmenu.c-level4 > .clone-hmenu-li > a.c-current,
    .clone-hmenu.c-level4 > .clone-hmenu-li > a.c-collapsable.opened {
        color: var(--primary);
        transition-duration: 0.15s;
        /*border-radius: 10px;*/
        text-decoration: underline;
    }
    .clone-hmenu.c-level4 > .clone-hmenu-li.with-submenu:hover > a.c-current::after,
    .clone-hmenu.c-level4 > .clone-hmenu-li > a.c-collapsable.opened::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--primary);
    }
    
    /* HOVER/ ACTIVE EFECTS */
    .clone-hmenu.c-level4 > .clone-hmenu-li:hover > a {
        color: var(--primary);
        transition-duration: 0.15s;
        /*border-radius: 10px;*/
        text-decoration: underline;
    }
    .clone-hmenu.c-level4 > .clone-hmenu-li.with-submenu:hover > a::after {
        transition-duration: 0.3s;
        transform: rotate(180deg);
        color: var(--primary);
    }
    /* HOVER/ ACTIVE EFECTS END */
    /* LEVEL 3 END */
    /* -------------------- CLONE MENU END -------------------- */

    /* NAVIGATION - MENU END */
    /* -------------------- HEADER END -------------------- */




















    /* -------------------- EXTRA BLOCK TOP -------------------- */
    
    #extra-block-top {
        padding: 0;
        margin-top: 30px;
    }
    
    /* BANNER SLOT - Klasicky */
    /*#page-banner-homepage {
        max-width: 1000px;
    }
    #banner-homepage {
        grid-template-columns: auto 38%;
        border: 2px solid #eee;
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-column: 1;
        grid-row: 1/4;
        max-width: fit-content;
    }
    #main-banner-buttons {
        padding: 0 30px 20px;
        width: 90%;
        grid-column: 2;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.75rem;
        margin: 30px 30px 0;
        padding: 0 !important;
        -webkit-line-clamp: 4;
    }
    #banner-slot-text-array {
        grid-column: 2;
        grid-row-start: span 2;
    }*/
    /* BANNER SLOT END - Klasik */

    /* BANNER SLOT - Prepinace z boku */
    #page-banner-homepage {
        max-width: 900px;
        /* border-radius: 10px; */
        /* display: none; */
        margin-bottom: 2rem;
    }
    #banner-homepage {
        /* grid-template-columns: 1fr 456px; */
        grid-template-columns: 1fr 40px;
        grid-template-rows: 1fr 1fr auto;
        border: 0px solid #eee;
        max-width: 900px;
        margin: 0 auto;
    }
    #banner-homepage a {
        text-decoration: none;
    }
    #banner-homepage-img-link {
        display: flex;
        width: 100%;
        grid-column: 1;
        grid-row: 1/3;
        max-width: fit-content;
        /*border: 1px solid #eee !important;*/
    }
    #banner-slot-text-array {
        grid-column: 1;
        grid-row: 2;
        padding: 0;
        margin: 0;
        bottom: auto;
        top: auto;
        display: flex;
        align-items: center;
        height: auto;
        border: 1px solid #ddd;
        border-top: none;
        
    }
    #banner-homepage-img-link img { 
        border-radius: 0;
    }
    #main-banner-buttons {
        padding: 0 5px 10px;
        width: 100%;
        grid-column: 2;
        grid-row: auto;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.875rem;
        margin: 20px 30px;
        padding: 0 !important;
        -webkit-line-clamp: 2;
        font-weight: 300;
        bottom: auto;
    }
    /*#banner-slot-text-array {
        grid-column: 2;
        grid-row: 1;
    }*/
    #main-banner-buttons {
        padding: 0 5px 10px;
        grid-column: 2;
        grid-row: 1/3;
        flex-flow: column;
        /* flex-flow: row; */
        align-items: center;
        flex-wrap: wrap;
    }
    #banner-buttons-control-envelope {
        position: absolute;
        display: inline-flex !important;
        width: 44px;
        right: auto;
        bottom: 20px;
        flex-grow: 1;
        height: 35px;
        align-items: center;
        justify-content: center;
    }
    /* BANNER SLOT - Prepinace z boku END */





    /* FOTO BANNER */
    
    .module_envelope.env_hf_multi_foto {
        /* max-width: 1200px; */
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .multi-foto-link-system {
        box-shadow: 0px 0px 20px 0px #fff;
        display: flex;
        width: auto;
        max-width: 1200px;
        margin: 0 auto;
        justify-content: flex-end;
    
    }
  
    .multi-foto-link-system .multi-foto-link-controls {
        right: 0;
    }
    .multi-foto-link-system img {
        /*width: auto;*/
    }
    /* FOTO BANNER END */



    /* LINKS */
    .extra-block-top .news.links {
        max-width: 1200px;
        margin: 0 auto;
    }
    .extra-block-top .news.links .editor div {
        grid-template-columns: auto;
        width: auto;
        margin: 0 auto;
        align-self: center;
    }
    .extra-block-top .news.links .editor h3,
    .extra-block-top .news.links .editor ul,
    .extra-block-top .news.links .editor ul li {
        /*grid-row: 1;
        grid-gap: 0;
        font-size: 1.75rem !important;*/
        transition: 2.1s ease-out;
    }
    .extra-block-top .news.links .editor h3 {
        grid-column: auto;
        align-items: center;
        /*display: flex;
        width: 135px;*/
    }
    .extra-block-top .news.links .editor ul {
        grid-gap: 1rem;
        grid-template-columns: repeat(5, minmax(185px, 1fr));
        margin: 0 auto;
    }
    .extra-block-top .news.links .editor ul li {
        /*width: 200px;*/
        justify-content: space-between;
    }
    .extra-block-top .news.links .editor ul li a {
        height: auto;
        /* padding: 35px 45px 0; */
        text-align: center;
    }
    .extra-block-top .news.links .fast-link-text {
        -webkit-line-clamp: 8;
    }
    /* LINKS END */



    /* BANERSLOT + LINKS */
    .slots.links .module-container-columns-envelope {
        grid-template-columns:auto auto; /*748px 392px;*/
        max-width: 1200px;
        margin: 0 auto;
    }
    .slots.links .module-container-column.column-2 ul {
        grid-template-columns: 1fr 1fr;
        aspect-ratio: unset;
        padding: 0 10px;
        max-width: 392px;
    }
    .slots.links .module-container-column.column-2 ul li {
        grid-row: 2;
        min-width: 189px;
        font-size: 1.1875rem;
        min-height: unset;
        height: 10vw;
        max-height: 128px;
    }
    .slots.links .module-container-column.column-2 ul li:nth-child(1):first-child {
        grid-row: 1;
        grid-column-start: span 2;
    }
    /* BANERSLOT + LINKS end */

    /* -------------------- EXTRA BLOCK TOP END -------------------- */





    











    /* -------------------- MAIN CONTENT -------------------- */
   
    #main-content {
        padding: 10px;
        max-width: 1220px;
        margin: 0 auto;
        background: var(--bg-main-content);
        border-radius: 10px;
    }
    #homepage_0 #main-content {
        max-width: 1200px;
        /*margin-top: 40px;*/
        /*background: none;*/
    }

    main#main {
        grid-row: 1;
        grid-column: 2; 
        max-width: 1200px;
    }

    aside#left-column {
        grid-row: 1;
        grid-column: 1;
        max-width: 250px; 
        min-width: 190px;
    }
    aside#right-column {
        grid-row: 1;
        grid-column: 3;
        max-width: 250px;
        min-width: 190px;
    }
 

    /* 1 STLPEC */
    .without-left-column #main-content .column_mc {
        grid-template-columns: 1fr;
    }
    .without-left-column main#main {
        grid-column: auto;
    }
    /* 1 STLPEC END */

    /* 2 STLPCE */
    #main-content .column_mc {
        max-width: 1200px;
        gap: 1.875rem;
        grid-template-columns: auto 1fr;
        scroll-margin-top: 5rem;
    }
 
    /* 2 STLPCE END */
    /* 3 STLPCE */
    /*#main-content .column_mc {
        grid-template-columns: 250px 1fr;
    }*/
    /* 3 STLPCE END */




    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE / OZNAMY GRAFICKE / AKCIE GRAFICKE ----- */
    /*.env_common_items_columns_responsive ul.oznamy-new-columns-list, */
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list, 
    /*.env_actions_portal_column_responsive ul.actions-new-columns-list, */
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list, 
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list, 
    .env_actions_portal_graphic ul.actions-graphic-list, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list {
        grid-gap: 2.125rem;
        grid-template-columns: auto;
    }
    #homepage_0 .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    #homepage_0 .env_actions_portal_column_responsive ul.actions-new-columns-list {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1.875rem;
    }
    
    #homepage_0 .env_common_items_columns_responsive.list .module-inner-envelope > div.module_body, 
    #homepage_0 .env_actions_portal_column_responsive.list .module-inner-envelope > div.module_body,
    #homepage_0 .env_common_items_graphic.list .module-inner-envelope > div.module_body , 
    #homepage_0 .env_actions_portal_graphic.list .module-inner-envelope > div.module_body,
    #homepage_0 .env_actions_portal_calendar_with_top.action-detail-generated,
    #homepage_0 .env_actions_portal_calendar_with_top.show-all {
        max-width: 900px;
        margin: 0 auto;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list,
    .env_actions_portal_column_responsive ul.actions-new-columns-list {
        grid-template-columns: repeat(auto-fit, minmax(209px, 1fr));
        grid-gap: 1rem;
    }

    .env_common_items_columns_responsive.column ul.oznamy-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.column ul.actions-new-columns-list li .image-envelope {
        max-height: unset;
        min-height: unset;
        height: auto;
    }
    .env_common_items_columns_responsive.row ul.oznamy-new-columns-list li .image-envelope, 
    .env_actions_portal_column_responsive.row ul.actions-new-columns-list li .image-envelope {
        max-height: 132px;
        min-height: unset;
        height: auto;
        grid-column: 1;
        grid-row: 1/5;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        max-height: 270px;
        min-height: unset;
        height: auto;
    }
    /*.env_common_items_columns_responsive ul.oznamy-new-columns-list li, */
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li, 
    /*.env_actions_portal_column_responsive ul.actions-new-columns-list li, */
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li, 
    .env_common_items_graphic ul.oznamy-graphic-list li, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    .env_actions_portal_graphic ul.actions-graphic-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li {
        padding: 0px;
        grid-template-rows: unset;
        transition-duration: .3s;
        /*align-self: baseline;*/
        transition-property: transform;
        grid-template-columns: auto;
        grid-gap: 0;
    }
    ul.oznamy-graphic-list li.next-oznamy ul.next-oznamy-list li, 
    ul.actions-graphic-list li.next-actions ul.next-actions-list li {
        align-items: center;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li,
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li {
        grid-template-columns: 35% 1fr;
        grid-gap: 15px;
    }
    
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li {
        grid-template-columns: auto;
        margin-bottom: 0;
        grid-auto-rows: max-content;
        border-bottom: 1px solid #ddd;
        max-width: 276px;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .image-envelope a {
        max-height: 178px;
        height: 100vw;
    }
    .env_common_items_graphic ul.oznamy-graphic-list li .all-data-envelope .image-envelope a, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li .image-envelope a, 
    .env_actions_portal_graphic ul.actions-graphic-list li .all-data-envelope .image-envelope a, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li .image-envelope a {
        max-height: 183px;
    }
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope a,
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope a {
        max-height: 224px;
        max-width: 336px;
    }

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li:hover, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li:hover, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li:hover, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li:hover, 
    .env_common_items_graphic ul.oznamy-graphic-list li:hover, 
    .env_common_items_graphic.list ul.oznamy-graphic-all-list li:hover, 
    .env_actions_portal_graphic ul.actions-graphic-list li:hover, 
    .env_actions_portal_graphic.list ul.actions-graphic-all-list li:hover,
    .env_actions_portal_calendar_with_top .actions-new-colums-form-envelope.item li:hover,
    .oznamy-new-columns-envelope.calendar.with-calendar ul.oznamy-new-columns-list li:hover {
        transition: 0.5s all ease-out;
        transition-property: transform;
        /* transform: scale(0.9); */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.80);
        transform: translateY(-10px);
        /* background: var(--bg-hover-oznamy-akcie); */
        /*border: 0px solid var(--oznamy-akcie-border-hover);*/
    }
    .oznamy-new-columns-list .oznamy_date {
        /*grid-row: 4;
        grid-column: 2;*/
        padding: 0 15px;
    }
    

    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text, 
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .short-text, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .short-text {
        font-size: 1.1875rem;
        margin: 0;
        -webkit-line-clamp: 3;
        padding: 0;
    }
    .env_common_items_columns_responsive.list > div > .module_body {
        max-width: 900px;
        margin: 0 auto;
    }
    /*.env_common_items_columns_responsive ul.oznamy-new-columns-list li .short-text, 
    .env_actions_portal_column_responsive ul.actions-new-columns-list li .short-text {
        display: none !important;
    } */
    .oznamy-new-columns-all-list .oznamy_date span, 
    .oznamy-new-columns-list .oznamy_date span {
        line-height: normal;
        /*min-height: 36px;*/
    }
    .oznamy_date .oznamy-aktualizovane {
        position: relative;
        display: flex;
        text-transform: capitalize;
    }
    .oznamy_date {
        display: inline-grid;
    } 
    .oznamy-new-colums-form-envelope.with-kats form span.form-label {
        grid-row: 1;
    }
    .env_elektronicka_uradna_tabula .oznamy_date span {
        grid-row: 1;
    }
    .oznamy-new-colums-form-envelope.with-kats form span:nth-of-type(3),
    .oznamy-new-colums-form-envelope.with-kats form span:nth-of-type(4) {
        grid-column: 2;
        display: grid;
    }
    .env_elektronicka_uradna_tabula .oznamy_date span:nth-of-type(2):before {
        transition-duration: .3s;
        display: inline-flex;
        content: '\7c';
        clear: both;
        font: normal normal normal 21px/1 FontAwesome;
        z-index: 99;
        position: relative;
        width: 20px; 
    }
    .env_elektronicka_uradna_tabula .eut-item-envelope p a {
        margin: 10px;
    }
    /*.oznamy-new-colums-form-envelope.with-kats form {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1rem;
    }*/
    .oznamy-new-colums-form-envelope.with-kats form .form-submit {
        grid-column:  auto;
    }
    /* ----- OZNAMY VODOROVNE / AKCIE VODOROVNE / OZNAMY GRAFICKE / AKCIE GRAFICKE END ----- */






    /* ALL LINKS */
    .oznamy-new-columns-all-link,
    .actions-new-columns-all-link {
        margin: 0 1rem  !important;
    }
    .oznamy-new-columns-all-link.bottom-of-module,
    .actions-new-columns-all-link.bottom-of-module {
        margin: 1rem auto !important;
    }

    





    /* ----- KALENDAR AKCII S KALENDAROM ----- */
    .env_actions_portal_calendar_with_top {
        /*background: #E6F4FF;*/
        /*border-bottom: 2px solid #F7A500;*/
    }
    .env_actions_portal_calendar_with_top.show-all .module-inner-envelope,
    .env_common_items_columns_responsive.list .module-inner-envelope,
    .env_common_items_with_calendar.list .module-inner-envelope,
    .env_actions_portal_calendar_with_top.action-detail-generated .module-inner-envelope {
        /*max-width: 900px;
        margin: 0 auto;*/
    }

    .env_actions_portal_calendar_with_top .actions-new-colums-form-envelope.item,
    .oznamy-new-columns-envelope.calendar.with-calendar .oznamy-new-columns-list,
    .env_common_items_with_calendar.list .module-inner-envelope > div.module_body,
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list {
        grid-template-columns: 1fr !important;
    }
    .actions-new-colums-form-envelope.item li,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li,
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li {
        grid-column: 1;
        grid-row: auto;
        display: grid;
        grid-template-columns: 35% 1fr;
        grid-gap: 0rem 1rem;
        background: #fff;
        padding: 5px;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li .image-envelope {
        height: auto;
    }
    .env_common_items_with_calendar.list ul.oznamy-new-columns-all-list li .image-envelope a,
    .env_actions_portal_calendar_with_top.show-all .actions-new-colums-form-envelope.item li .image-envelope a {
        max-height: 224px;
    }
    .env_actions_portal_calendar_with_top.show-all .actions-new-colums-form-envelope.item li {
        max-height: unset;
    }
    .env_actions_portal_calendar_with_top .actions-new-colums-form-envelope.item li,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li {
        min-height: 168px;
        max-height: 171px;
        margin-bottom: 0 !important;
        border: 3px solid transparent;
    }
    .actions-new-colums-form-envelope.item .short-text-envelope h3,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li h3 {
        min-height: unset;
        grid-column: 2;
    }
    .env_actions_portal_calendar_with_top .module_body,
    .env_common_items_with_calendar .module_body {
        /*display: flex;*/
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        padding: 0 5px 2rem;
    }
    .env_actions_portal_calendar_with_top .module_body:first-of-type,
    .env_common_items_with_calendar .module_body:first-of-type {
        flex-flow: column;
    }
    .actions-new-colums-form-envelope.item .image-envelope,
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li .image-envelope {
        grid-column: 1;
        grid-row: 1/5;
    }
    .actions-new-colums-form-envelope.item .short-text-envelope,
    .actions-new-colums-form-envelope.item .actions-place,
    .actions-new-colums-form-envelope.item .actions-date {
        grid-column: 2;
        font-size: 1.1875rem !important;
    }
    .actions-new-colums-form-envelope .short-text-envelope h3 a
    .oznamy-new-columns-envelope.items.with-calendar ul.oznamy-new-columns-list li h3 a {
        -webkit-line-clamp: 1;
    }
    .actions-new-colums-form-envelope .short-text,
    .oznamy-new-columns-envelope.with-calendar.calendar .oznamy-new-columns-list .short-text {
        display: none;
    }
    .env_actions_portal_calendar_with_top.show-all .short-text {
        display: -webkit-box;
        font-size: 1.1875rem;
    }
    .env_actions_portal_calendar_with_top.show-all .actions-new-colums-form-envelope.item .image-envelope {
        grid-row: 1/6;
    }
    .actions-new-colums-form-envelope.item h2.oznamy-new-columns.with-calendar {
        font-size: 1.5rem !important;
        border: none;
        background: none;
        padding-bottom: 0 !important;
        flex-flow: row !important;
        grid-column: auto;
        margin-bottom: 0; 
        padding: 0 !important;
    }
    .actions-new-colums-form-envelope.calendar .kalendar_podujati_month,
    .oznamy-new-columns-envelope.calendar.with-calendar .kalendar_podujati_month {
        flex-wrap: nowrap;
        margin-bottom: 0;
        padding: 0px 10px 15px 0 !important;
    }
    .actions-new-colums-form-envelope.items, 
    .actions-new-colums-form-envelope.calendar, 
    .oznamy-new-columns-envelope.calendar.with-calendar > .module_body {
        margin-bottom: 0rem;
        padding-bottom: 0rem;
        border-bottom: none;
        display: block;
    }
    .kalendar_podujati_days {
        /*background: #fff;*/
    }
    div.kalendar_podujati_days .kalendar_podujati_days li a,
    .env_actions_portal_calendar_with_top .kalendar_podujati_days li a {
        min-height: 50px !important;
        font-size: 1rem;
    }
    #left-column div.kalendar_podujati_days .kalendar_podujati_days li a {
        min-height: 35px;
    }
   

    .env_actions_portal_calendar_with_top h3.actions-new-columns-list-head.calendar,
    h3.oznamy-new-columns-list-head.calendar {
        color: var(--primary);
        padding: 0;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        width: auto;
        margin-bottom: 0;
    }
    .env_actions_portal_calendar_with_top li .image-envelope a {
        max-height: 145px;
        overflow: hidden;
        display: block;
    }
  
    .env_actions_portal_calendar_with_top div.kalendar_podujati_month span {
        padding: 0 20px;
    }
 
    
    

     /* Detail */
     .env_actions_portal_calendar_with_top.action-detail-generated .module_body,
     .env_actions_portal_calendar_with_top.show-all .module_body {
         grid-template-columns: auto;
     }
    /* ----- KALENDAR AKCII S KALENDAROM END ----- */






    /* FOTOGALERIA */
    div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        grid-gap: 18px;
        grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
    }
    ul.fotogaleria-multi-kat-img-list {
        margin-bottom: 1rem;
    }
    div.fotogaleria div > a, 
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope, 
    ul.common-image-gallery-default li a.common-image-gallery-default {
        max-height: 12vw;
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        max-height: 240px;   
    }
    /* FOTOGALERIA END */





    /* KONTAKTY */
    .module_envelope.env_contacts form {
        grid-template-columns: repeat(3, 1fr);
    }
    /* KONTAKTY end */






    /* SUBORY NA STIAHNUTIE */
    div.file-download a {
        flex-wrap: nowrap;
    }
    /* SUBORY NA STIAHNUTIE end */

 




    /* --------------------- FILTRE UPRAVA --------------------- */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: auto;
        grid-gap: 1rem;
    }
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr 24%;
    }
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel {
        grid-template-columns: auto;
    }
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-ts,
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-column-start: span 2;
    }
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-submit,
    .with-kats .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part-cancel {
        grid-row: 1;
    }
    .filter-body-parts.search-extended-trigger 
    .filter-envelope-body .filter-body-parts .filter-body-part {
        grid-column: auto;
    }
   

    /* FILTER VZN */
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: 3/4;
    }    
    /* FILTER VZN END */

    /* AKCIE */
    .filter-actions-new-columns .filter-body-part {
        grid-row: 1;
    } 
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel, 
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-select {
        grid-row: 2;
    }
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part,
    .filter-actions-new-columns .filter-body-parts .filter-body-part-id_action_kat {
        grid-row: 1;
    }
    .filter-actions-new-columns .filter-envelope-body .filter-body-part-calendar {
        grid-row: auto;
    }
    /* AKCIE END */

    /* NAPISTE NAM */
    .filter-napiste-nam-execute .filter-body-parts .filter-body-part {
        grid-column-start: span 2;
    }
    /* NAPISTE NAM END */

    /* DISKUSIA */
    .diskusia-form .filter-body-parts .filter-body-part {
        grid-column-start: span 2;
    }
    .diskusia-form .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }
    /* DISKUSIA END */

    /* VZN */
    /*.filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part {
        grid-row: 2;
    }*/
    .filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-text {
        grid-row: 2 !important;
    }
    /*.filter-vzn .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part:nth-child(-n + 3) {
        grid-row: 1;
    }*/
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-submit,
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-cancel {
        grid-column: auto;
    }    
    /* VZN END */

    /* KONTAKTY */
    .conctact-filter-envelope form.contact-form {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .conctact-filter-envelope-default .contact-finder-part.new:nth-child(-n + 3) {
        grid-column: auto;
        grid-row: 1;
        margin: 0;
    }
    .conctact-filter-envelope-default .contact-finder-part.submit.new,
    .conctact-filter-envelope-default .contact-finder-part.cancel.new {
        grid-column: auto;
    }
    /* KONTAKTY END */

    /* REGISTRACIA */
    #reg_user_add .filter-parts-intro {
        grid-column-start: span 3;
    }
    .filter-vyhladavanie .filter-body-parts-items.search-extended-parts {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs .filter-body-part-personal_data_protection {
        grid-column-start: span 2;
    }
    .filter-reg-user-add-form .filter-body-parts.reg-user-add-submit-fs .filter-body-part-submit {
        grid-column: auto;
    }
    /* REGISTRACIA END */
    /* --------------------- FILTRE UPRAVA END --------------------- */


    
    /* -------------------- MAIN CONTENT END -------------------- */




 













    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    #extra-block-bottom {
        padding: 0;
    }
    .embed-container {
        height: 300px;
    }


   /* BLOCKS MENU */ 
   .env_hf_menu_block ul.menu_block {
       grid-template-columns: repeat(auto-fit, minmax(209px, 1fr));
   }
   /* BLOCKS MENU END */
  

    
  
    /* LINKS */ 
    #extra-block-bottom .links.pic ul {
        grid-template-columns: repeat(5,1fr);
    }
    #extra-block-bottom .links ul {
         /* grid-template-columns: repeat(3,1fr); */
        /*grid-template-columns: repeat(4,1fr);*/
        display: flex; 
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
    }
    #extra-block-bottom .links.important_links ul li { 
        max-width: 298px;
        width: 100%;
        margin: 0;
    }
    #extra-block-bottom .links ul li {
        width: auto;
        flex-grow: 1;
    }
    #extra-block-bottom .links.important_links ul li {
        width: auto;
        flex: 1;
    }
    
    #extra-block-bottom .links ul li a { 
        min-height: unset;
        /* max-width: 25%; */
        /*width: auto;*/
        margin: 0;
    }
    
    #extra-block-bottom .links ul li img {
        width: 100%;
        max-height: unset;
    }
    
    #extra-block-bottom .links.important_links.white ul {
        grid-template-columns: repeat(4,1fr);
    }
    #extra-block-bottom .links.important_links.blue ul {
        grid-template-columns: repeat(3,1fr);
        margin: 0 auto 2rem;
        grid-gap: 0rem;
    }
    #extra-block-bottom .links.important_links ul li a {
        height: auto;
    }
    /* LINKS end */
   
    



    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */

    .embed-container iframe, .embed-container object, .embed-container embed {
        top: 0;
        width: 100%; 
        height: 100%; 
    }







    /* -------------------- FOOTER -------------------- */
    footer .column_f {
        margin: 0 auto;
        grid-template-columns: 1fr;
    }
    #data-header,
    .data-header, 
    .data-footer.header {
        display: block;
        font-size: 1.1875rem !important;
        padding-bottom: 15px;
        padding-left: 0;
        margin-bottom: 0;
        font-weight: bold;
        text-transform: uppercase;
        border: none;
        color: var(--footer-header);
    }
    footer .module-inner-envelope {
        max-width: 1200px;
        margin: 0 auto;
    }
    footer .env_hf_module_container.upper {
        font-size: 1.1875rem;
        margin: 0 auto;
        border: none;
        /*max-width: 1200px;*/
        border-bottom: 1px solid var(--footer-border-bottom);
        padding: 0;
    }
    footer .env_hf_module_container.upper .module-container-columns-envelope {
        grid-template-columns: 1fr 2fr 2fr 2fr;
        padding: 35px 0 25px;
        grid-gap: 35px;
    }
    footer .upper .module-container-collapsable-envelope .module-in-container {
        border: none;
        padding:0;
    }
    footer .upper .module-container-columns-envelope .column-1,
    footer .upper .module-container-columns-envelope .column-2,
    footer .upper .module-container-columns-envelope .column-3,
    footer .upper .module-container-columns-envelope .column-4 {
        grid-row: 1;
        grid-column: unset;
        align-self: self-start;
        line-height: normal;
        max-width: unset;
        width: 100%;
        border: none;
        position: relative;
        color: #fff;
    }
    footer .upper .module-container-columns-envelope .column-1 {
        align-self: center;
    }
    footer .upper .module-container-collapsable-envelope a {
        color: #fff;
    }
    footer .env_hf_text_obrazok.data_header td, footer .env_hf_text_obrazok.data_header th {
        color: #fff;
    }
    .logo-footer {
        width: 120px;
        display: grid;
        margin: 0 auto;
    }
 
    footer .upper .module-container-columns-envelope .column-1::before,
    footer .upper .module-container-columns-envelope .column-2::before {
        display: none;
    }

    footer .env_hf_module_container.lower .module-container-columns-envelope {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: 1fr 270px;
    }
    footer .env_hf_module_container.lower .column-1 {
        grid-row: 1;
        grid-column: 1;
    }
    footer .env_hf_module_container.lower .column-2 {
        grid-row: 1;
        grid-column: 2;
    }
    footer .env_hf_module_container.lower .column-1 {
        padding: 0 10px;
        grid-gap: 20px;
    }
    footer .upper .env_hf_logo.logo-footer .header-logo-envelope a {
        max-height: unset;
    }
    footer .upper .env_hf_logo.logo-footer img {
        margin: 0 0;
        max-width: 110px;
        width: 100%;
    }
    footer .upper p {
        color: var(--footer-color);
    }
    footer .lower {
        margin: 0;
        padding: 2em 0;
        /*background: #F5F5F5;*/
        max-width: unset;
    }
    footer .env_hf_module_container.lower .column-1 .webygroup {
        grid-row: 1;
        margin: 0;
        align-items: center;
        grid-column: 1;
    }
    footer .lower .column-1 .env_hf_tiraz {
        grid-row: 1;
        grid-column: 2/5;
    }
  
    /* -------------------- FOOTER END -------------------- */
}

















/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    #main-content .column_mc { 
        padding: 19px 0 0px;
    }
    /* -------------------- HEADER -------------------- */
    /* MENU */
    .hf-menu.level-0 > .hf-menu-envelope > a {
        /*padding: 15px 15px;*/
        /*font-size: 1.375rem;*/
    }
    
    ul.hf-hmenu li.level-0:focus-within > ul.hf-hsubmenu.hopened, 
    ul.hf-hmenu li.level-0 > ul.hf-hsubmenu.hopened {
        /*width: 2560px !important;
        left: -56.5% !important;
        max-width: unset;*/
        justify-content: center;
        grid-template-columns: repeat(4, minmax(auto, 300px));
    }
    /* MENU END */
    /* -------------------- HEADER END -------------------- */






    /* -------------------- EXTRA BLOCK TOP -------------------- */
    /* Baner slot + links */
    /*#page-banner-homepage::before {
        content: "Novinky";
        display: inline-block;
        font-size: 1.375rem;
        font-weight: bold;
        border: none;
        text-transform: uppercase;
        margin-bottom: 15px;
    }*/
    .env_hf_module_container.slots.links > div > .module_body {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .slots.links .banerslot.sides-links h2 {
        text-align: left !important;
        font-size: 1.375rem;
        background: none;
        flex-flow: column;
    }
    .slots.links .banerslot.sides-links ul {
        grid-template-columns: 184px 184px;
        padding-top: 0;
    }
    .slots.links .banerslot.sides-links ul li a {
        max-width: 184px;
    }


    /* RYCHLE LINKY */
    .extra-block-top .news.links .editor ul {
        grid-template-columns: repeat(5, 200px);
    }
    /* RYCHLE LINKY END */
    /* -------------------- EXTRA BLOCK TOP END -------------------- */






    /* -------------------- MAIN CONTENT -------------------- */
    /* OZNAMY / AKCIE */
    .oznamy-new-columns-all-list .oznamy_date span,
    .oznamy-new-columns-list .oznamy_date span {
        grid-row: auto;
    }
    .oznamy-new-columns-all-list .oznamy_date span:nth-of-type(3):before,
    .oznamy-new-columns-list .oznamy_date span:nth-of-type(2):before {
        display: none;
    }
    /* OZNAMY / AKCIE END */







    /* FOTOGALERIA */
    div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        grid-gap: 25px;
    }
    div.fotogaleria div > a, 
    ul.fotogaleria-multi-foto-list li .gallimg-envelope,  
    ul.common-image-gallery-default li a.common-image-gallery-default {
        max-height: 120px;
        
    }
    /* FOTOGALERIA END */
    /* -------------------- MAIN CONTENT END -------------------- */







    /* -------------------- EXTRA BLOCK BOTTOM -------------------- */
    .env_hf_menu_block .module-inner-envelope > .module_body {
        max-width: 1200px;
        margin: 0 auto;
    }
    .env_hf_menu_block ul.menu_block li.menu_block_kat li.mobile-closed a {
        padding: 0 10px;
        line-height: 34px;
    }
    /* -------------------- EXTRA BLOCK BOTTOM END -------------------- */







    /* -------------------- FOOTER -------------------- */  
    footer .env_hf_module_container.lower .module-container-columns-envelope {
        grid-template-columns: 1fr 200px;
    }
    /* -------------------- FOOTER END -------------------- */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

}














    /* RETURN TO TOP */
    #header-anchor-link {
        background: var(--return-to-top-bg) !important;
        border: 2px solid var(--return-to-top-border) !important;
        margin-left: 0;
        right: 0;
        width: 100%;
        height: 40px;
        z-index: 9;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        bottom: 45px !important;
        text-decoration: none;
    }
    #header-anchor-link::before {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        height: 100%;
        content: 'Hore \f106';
        letter-spacing: 10px;
        clear: both;
        font: bold normal normal 21px/1 FontAwesome;
        z-index: 99;
        margin: auto;
        position: relative;
        transition-duration: .3s;
        color: var(--return-to-top-icon);
    }
    #header-anchor-link:hover { 
        transform: scale(1.1);
        transition-duration: .3s;
        transition-property: transform;
        border-radius: 0%;
        opacity: 0.8;
    }
    
    @media (min-width: 576px) {
        #header-anchor-link {
            right: 20px;
            width: 44px !important;
            height: 44px;
            bottom: 5rem !important;
        }
        #header-anchor-link::before {
            content: '\f106';
            letter-spacing: unset;
        }
    }
    @media (min-width: 768px) {
        #header-anchor-link {
            bottom: 2rem !important;
        }
    }

    /* RETURN TO TOP END */


    






    /* ------------------ MOVING PICTURE ------------------ */

    #moving-pictures ul {
        height: 100px;
        display: flex;
        overflow: hidden;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    #moving-pictures-manipulate-envelope {
        text-align: center;
        margin-top: 0px !important;
        display: block;
        position: relative;
        bottom: -48px;
    }
    #moving-pictures {
        box-sizing: border-box;
        height: 256px;
        width: 100%;
        margin: 30px auto !important;
        overflow: hidden;
    }
    /* ------------------ MOVING PICTURE END------------------ */








    /* ----------- LOGO WG ----------- */
    .env_hf_image.webygroup {
        position: relative;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        /*justify-content: center;*/
    }
    /* ----------- LOGO WG END ----------- */






 


/* ------------- 1 STLPCOVY WEB ------------- */
  
@media (min-width: 992px) {
    /*#homepage_0 #banner-homepage-img-link {
        grid-column:1;
        grid-row:1/3;
    }
    #homepage_0 #main-banner-buttons {
        grid-column:2;
        grid-row:2;
    }
    #homepage_0 #banner-slot-text-array {
        grid-column: 2;
        grid-row: 1;
    }*/
}
/* ------------- 1 STLPCOVY WEB END ------------- */  



 








/* ------------- 3 STLPCOVY WEB ------------- */  
@media (min-width: 992px) {
    /*#main-content .column_mc {
        grid-template-columns: 250px 1fr;
        gap: 50px;
    }*/



    /* BANNER SLOT */
    /*#banner-homepage {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }
    #banner-homepage-img-link {
        grid-column: auto;
        grid-row: 1;
    }
    #banner-slot-text-array {
        grid-column: auto;
        grid-row: 2;
    }
    #main-banner-buttons {
        grid-column: auto;
        grid-row: 3;
        width: 95%;
    }
    #banner-slot-text-array h2#banner-slot-h2 {
        font-size: 1.5rem;
        margin: 15px 30px;
        -webkit-line-clamp: 2;
    }*/
    /* BANNER SLOT END */ 







    /* OZNAMY / AKCIE */
   
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li.without-image .image-envelope,
    .env_common_items_columns_responsive.list ul.oznamy-new-columns-all-list li.without-image .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope,
    .env_actions_portal_graphic.list .actions-graphic-all-list li.without-image .image-envelope,
    .env_actions_portal_column_responsive ul.actions-new-columns-list li.without-image .image-envelope {
        background-size: 100%;
        height: 100%;
        background-position: top center;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li.without-image h3 {
        margin-top: 1rem;
    }
    ul.oznamy-new-colums-list-default li div.image-envelope-default img, 
    ul.oznamy-graphic-list-default li div.image-envelope-default img, 
    ul.actions-new-colums-list-default li div.image-envelope-default img, 
    ul.actions-graphic-list-default li div.image-envelope-default img {
        height: fit-content;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li h3 a {
        /*color: #006221 !important;
        padding-left: 10px;*/
        transition: 5s all ease-out;
    }
     
    
    .env_common_items_columns_responsive ul.oznamy-new-columns-list li .image-envelope a:hover img {
        transform: translateY(-5px);
        box-shadow: 5px 5px 20px -8px #000;
        transition-duration: .35s;
        transform: scale(1.05);
        filter: grayscale(1);
    }
    /* OZNAMY / AKCIE END */












    






    /* FILTER */
    .filter-envelope-body .filter-body-parts,
    .conctact-filter-envelope form.contact-form,
    .env_common_items_graphic ul.oznamy-graphic-list, 
    .env_actions_portal_graphic ul.actions-graphic-list {
        grid-template-columns:1fr;
        grid-gap: 2rem;
        padding: 0;
    }
    .filter-envelope.filter-login-form .filter-envelope-body .filter-body-parts {
        grid-template-columns: 1fr 1fr;
    }
  
    #login-to-portal .filter-body-part.filter-body-part-submit, 
    #login-to-portal .filter-body-part.filter-body-part-lost-password, 
    #login-to-portal .filter-body-part.filter-body-part-registration, 
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-text, 
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit, 
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-text, 
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part.filter-body-part-id_action_kat, 
    .filter-actions-new-columns .filter-body-part.filter-body-part-id_action_kat, 
    .filter-actions-new-columns .filter-body-part.filter-body-part-select, 
    .conctact-filter-envelope form.contact-form .contact-finder-part, 
    .filter-oznamy-new-columns .filter-body-parts .filter-body-part.filter-body-part-submit, 
    .zmluvy-search-form .filter-envelope-body .filter-body-parts .filter-body-part.filter-body-part-submit, 
    .faktury-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit, 
    .objednavky-search-form .filter-envelope-body .filter-body-parts .filter-body-part-submit, 
    .filter-olo .filter-body-parts .filter-body-part.filter-body-part-submit,
    .conctact-filter-envelope-default .contact-finder-part.new:nth-child(-n + 3),
    .conctact-filter-envelope-default .contact-finder-part.submit.new,
    .conctact-filter-envelope-default .contact-finder-part.cancel.new,
    .env_sms_hlasnik_execute .sms-hlasnik-links-new .sms-hlasnik-link-new,
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part {
        grid-row: auto;
    }
    .filter-oznamy-new-columns .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
        grid-row: 1;
    }
 
    
    /* VZN */
    .filter-vzn .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column: auto;
    }      
    /* VZN END */
    /* ZMLUVY / FAKTURY / OBJEDNAVKY */
    .zmluvy-search-form .filter-body-parts, 
    .faktury-search-form .filter-body-parts,
    .objednavky-search-form .filter-body-parts {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .conctact-filter-envelope-default .contact-finder-part.submit.new, 
    .conctact-filter-envelope-default .contact-finder-part.cancel.new, 
    .zmluvy-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .faktury-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .objednavky-search-form .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .filter-vzn .filter-body-parts.btn-cancel .filter-body-part, 
    .filter-olo .filter-body-parts.btn-cancel .filter-body-part {
        grid-row: auto;
    }
 
    /* ZMLUVY / FAKTURY / OBJEDNAVKY END */
    /* VYVOZ ODPADU */
    .filter-olo .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-row: auto;
    }
    /* VYVOZ ODPADU END */
    /* OZNAMY / AKCIE */
    .filter-actions-new-columns .filter-envelope-body .filter-body-parts.btn-cancel .filter-body-part, 
    .filter-actions-new-columns .filter-body-parts .filter-body-part-id_action_kat {
        grid-row: auto !important;
    }
    /* OZNAMY / AKCIE END */
    /* KONTAKT */
    .conctact-filter-envelope-default .contact-finder-part.cancel.new {
        grid-column-start: span 2;
    }
    /* KONTAKT END */
    /* REGISTRACIA / LOGIN */
    #reg_user_add .filter-parts-intro,
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts .filter-body-part.filter-body-part-submit {
        grid-column-start: span 2;
        grid-column: auto;
    }
    .sms-hlasnik-login-form .filter-envelope-body .filter-body-parts,
    .sms-hlasnik-register-form .filter-envelope-body .filter-body-parts,  
    .env_sms_hlasnik_execute .sms-hlasnik-links-new {
        grid-template-columns: 1fr;
    }
    /* REGISTRACIA / LOGIN END */
    /* FOTOGALERIE */
    /*div.fotogaleria, 
    ul.fotogaleria-multi-kat-img-list, 
    ul.fotogaleria-multi-foto-list, 
    ul.fotogaleria-pure, 
    ul.common-image-gallery-default {
        grid-template-columns: 1fr 1fr 1fr;
    }
    div.fotogaleria div.paging {
        grid-column: auto;
        grid-column-start: span 2;
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        max-height: 165px;
        height: 15vw !important;
    }*/
    /* FOTOGALERIE END */
    


    /* FILTER END */
}




















@media (min-width: 1200px) { 
    /* OZNAMY / AKCIE */
    .filter-oznamy-new-columns .filter-envelope-body .filter-body-parts {
        /*grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));*/
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        /*max-height: 175px;*/
        min-height: unset;
        height: auto;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list,
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list {
        grid-template-columns: auto;
        grid-gap: 1rem;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li {
        grid-template-columns: 35% 1fr;
        height: auto !important;
        padding: 10px;
        grid-gap: 15px;
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .image-envelope, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .image-envelope {
        /*max-height: 150px;*/
    }
    .env_common_items_columns_responsive ul.oznamy-new-columns-all-list li .oznamy_date, 
    .env_actions_portal_column_responsive.list ul.actions-new-columns-all-list li .oznamy_date {
        margin-top: 0;
        padding: 0;
    }
    /* OZNAMY / AKCIE END */








    /* FOTOGALERIA */
    ul.fotogaleria-multi-kat-img-list .gallist {
        grid-column: auto;
    }
    ul.fotogaleria-multi-kat-img-list .gallist .gallimg-envelope {
        max-height: 120px;
        /*border-radius: 10px;*/
    }
    /* FOTOGALERIA END */
}





/* 3 STLPCOVY WEB END */        








/* Kalendar mien */
#calendar-envelope {
    box-sizing: border-box;
    display: block;
    position: fixed;
    left: 0 !important;
    right: 0;
    margin: auto;
    top: 0 !important;
    bottom: auto;
    width: 100% !important;
    max-width: 850px;
    overflow-y: auto;
    transform: none !important;
    height: auto;
    max-height: 100% !important;
    background: #ffffff;
    border: 2px solid #054A74;
    z-index: 150000;
    box-shadow: 10px 10px 15px 0 #054A74;
}
#calendar-envelope div.calendar-days {
    padding: 5px;
    overflow-y: auto;
    position: relative;
    max-height: 100vw;
}
@media only screen and (max-width: 640px){
    #calendar-envelope {
        bottom: auto;
    }
    #calendar-envelope .header {
        background: #054A74;
        padding: 0 0 15px 0 !important;
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    #calendar-envelope h2.calendar {
        display: inline;
        color: #ffffff;
        background: none;
        padding: 10px 0 10px !important;
        margin: 0 50px;
        text-align: center;
        font-size: 1.1875rem;
    }
    #calendar-envelope .header .other_month {
        display: grid;
        width: 90%;
        grid-template-columns: 1fr 1fr;
        margin: 0 auto;
    }
    #calendar-envelope select {
        padding: 5px;
    }
    #calendar-envelope .header .other_month#calendar-close a {
        grid-column: 2;
        margin: 0;
        width: 60%;
        text-align: center;
    }
    #calendar-days tr:first-of-type {
        display: none;
    }
    #calendar-days tr {
        display: flex;
        flex-flow: column;
    }
    #calendar-envelope div.calendar-days {
        padding: 5px;
        max-height: 290px;
        overflow-y: auto;
        position: relative;
    }
    #calendar-envelope div.calendar-days table td {
        width: 100% !important;
        display: grid;
        grid-template-columns: 20% 1fr;
        align-items: center;
    }
    #calendar-envelope div.calendar-days table td .day-number {
        grid-column: 1;
    }
    #calendar-days .day-name, #calendar-days .day-holiday {
        display: block !important;
        grid-column: 2;
    }
    #calendar-envelope div.calendar-days table td .day-number.holiday {
        grid-row: 1/3;
        font-size: 1.5rem;
    }

    /* Vyhladavac */
    #overlay3 div.calendar-finder, #calendar-envelope div.calendar-finder {
        gap: 10px;
    }
    /* Vysledky vyhladavania */
    #calendar-envelope #find-result {
        position: fixed;
        left: 0 !important;
        right: 0 !important;
        top: 30% !important;
        width: 90vw !important;
        max-width: 450px;
        margin: auto;
        height: auto;
        max-height: 250px;
        transform: none !important;
        border: 2px solid #054A74;
        background: #ffffff;
        text-align: left;
    }
    #calendar-envelope #find-result h3 {
        background: #054A74 !important;
        color: #ffffff;
        padding: 10px 15px;
        font-size: 1.1875rem !important;
    }
    #calendar-envelope #find-result #find-result-inner {
        padding: 0 15px;
        overflow-y: auto;
        max-height: 130px;
        position: relative;
    }
}








/* ------------------------------------------------------ OVERLAY 5 ------------------------------------------------------ */
#overlay5 {
    position: fixed !important;
    z-index: 50000;
    left: 0 !important;
    right: 0;
    top: 41vw !important;
    margin: 0 auto !important;
    width: 90% !important;
}
#overlay5 p, 
#overlay7 p {
    height: auto !important;
}
/* ------------------------------------------------------ OVERLAY 5 END ------------------------------------------------------ */





/* ------------------------------------------------------ AddToAny BEGIN ------------------------------------------------------ */
.a2a_kit.a2a_default_style {
    margin: 2rem 0;
}
/* ------------------------------------------------------ AddToAny BEGIN END --------------------------------------------------- */






/* ------------------------------------------------------ Fancybox ------------------------------------------------------ */
div.fancybox-caption {
    text-align: center;
}
/* ------------------------------------------------------ Fancybox END ------------------------------------------------------ */







/* ------------------------------------------------------ COOKIES ICON ------------------------------------------------------ */
#cookie-global-envelope {
    font-size: 14px;
    left: 0px;
    right: 0px;
    top: 0;
    height: auto !important;
    border-radius: 15px;
    box-shadow: 0 0 5px 2px #999999;
    padding: 15px;
    margin: 0 auto;
    text-align: left;
    z-index: 500000000;
    opacity: 1;
}
#cookie-global-envelope.new #cookie-box-inner-envelope {
    padding: 25px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.cookie-box-head.new {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    line-height: 60px;
    font-size: 30px;
    background: none;
    padding-left: 0;
    margin-top: 0;
    word-break: break-word;
}
.cookie-box-head.new::before {
    background: url(Cookies-icon.svg) 0 50% no-repeat;
    width: 66px;
    height: 66px;
    display: flex;
    content: "";
    clear: both;
    z-index: 99;
    position: relative;
    text-decoration: none !important;
    border: none !important;
    padding: 0;
}
.cookie-box-body.new {
    font-size: 1.1875rem;
    margin-top: 20px;
    max-width: unset;
}
#cookie-box-open-envelope {
    position: relative;
    height: 0px;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: flex-end;
}
.cookie-box-open.new {
    bottom: 10rem;
    display: flex;
    right: 5rem;
    top: auto;
    margin-bottom: 0;
    z-index: 9;
    background: url(Cookies-icon.svg) 50% 50% no-repeat !important;
    /* filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 6.25)); */
    transition-duration: 0.3s;
}

.cookie-box-open.new:hover {
    filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 6.25));
    transition-duration: 0.3s;

}

.cookie-buttons-row.new a, 
.cookie-buttons-row a#new-cookie-noconfirm-newsystem, 
.cookie-buttons-row a#new-cookie-settings-newsystem, 
#system-custom-alert .close, 
#system-custom-alert #confirm-yes, 
#system-custom-alert #confirm-no {
    background: var(--btn-bg-cancel);
    color: var(--btn-color-cancel);
    border-bottom: 1px solid;
}
.cookie-buttons-row.new a:hover,
#system-custom-alert .close:hover, 
#system-custom-alert #confirm-yes:hover, 
#system-custom-alert #confirm-no:hover {
    background: var(--btn-bg-cancel-hover);
    color: var(--btn-color-cancel-hover);
    border-bottom: 1px solid;
    transition-duration: .35s;
}
#cookie-global-envelope.new #cookie-box-inner-envelope.closed {
    padding: 25px;
    display: none;
    opacity: 0;
}

@media (min-width: 20px) {
    #cookie-box-open-envelope {
        position: relative;
        height: 75px;
        display: flex;
        max-width: 80vw;
        bottom: 6rem;
        margin: 0 auto;
        justify-content: flex-end;
    }
    .cookie-box-open.new {
        bottom: 0rem;
        display: flex;
        right: 0rem;
        top: auto;
        margin-bottom: 0;
        z-index: 9;
    }
}
@media (min-width: 576px) {
    #cookie-box-open-envelope {
        height: 0;
        bottom: 8rem;
    }
}
@media (min-width: 768px) {
    #cookie-box-open-envelope {
        bottom: 6rem;
    }
    #system-custom-alert {
        right: 0;
        max-width: 90% !important;
        width: auto;
        margin: 0 auto;
    }
}
@media (min-width: 992px) {
    #cookie-box-open-envelope {
        bottom: 7rem;
        max-width: 85vw;
    }
}
@media (min-width: 1200px) {
    #cookie-box-open-envelope {
        bottom: 7rem;
    }
    footer .lower {
        max-width: 90vw;
        margin: 0 auto;
    }
}

/* ------------------------------------------------------ COOKIES ICON END ------------------------------------------------------ */





/* ------------------------------------------------------ CAPTCHA - NEW ------------------------------------------------------ */
#captcha-new-envelope input[type="text"],
#captcha-new-envelope input[type="number"] {
    min-height: 44px;
}
#captcha-new-envelope .captcha-confirm-row {
    padding: 10px 0;
}
#captcha-new-envelope {
    position: fixed;
    left: 0;
    right: 0;
    top: 25%;
    width: 50%;
    margin: 0 auto;
    height: auto;
    transform: unset;
    box-shadow: 0 0 7px 2px #999999;
    background: #ffffff;
    padding: 10px;
    z-index: 9999999;
    text-align: left;
}

/* ------------------------------------------------------ CAPTCHA - NEW END ------------------------------------------------------ */