/* Include main */
#togglePassword {
  width: 44px;
  padding: 0;
}

.bdl-color {
    color: #2a702b;
}

.light-gray {
    background-color: #edecec;
}

.dark-gray {
    background-color: #b2b2b2;
}

/* nowy formularz kontaktowy */
h2 {
    color: #2a702b;
    font-size: 1.5em;
    margin: 0.83em 0;
    font-weight: bold;
}



#contact-form .widget-input:has(> #checkboxTerms) {
    background-color: #edecec;
}

#contact-form {
    width: 100%;
    background-color: #edecec;
}

#contact-form .widget-form {
    margin-bottom: 8px !important;
}

#contact-form .widget-input,
#contact-form .widget-select,
#contact-form .widget-text-area {
    display: grid; 
    grid-template-columns: 150px 1fr; /* 150px dla label, reszta dla input */
    align-items: center;
    /*gap: 12px;*/ /* odstęp między label i input */
    background-color: #b2b2b2;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 3px !important; /* odstęp między polami */
}

/* Labelki tej samej szerokości */
#contact-form .widget-input label,
#contact-form .widget-select label,
#contact-form .widget-text-area label {
    margin-bottom: 0; /* usuwa domyślny margin bootstrap */
    text-align: left; /* wyrównanie label do lewej */
    white-space: nowrap; /* label nie łamie się w wielu liniach */
    font-weight: bold; /* opcjonalnie lekko pogrubione */
}

#contact-form .widget-input ,
#contact-form .widget-select,
#contact-form .widget-text-area {
    width: 100%;
    box-sizing: border-box;
}

#contact-form .widget-button {
    text-align: right;
/*    margin-top: 15px;*/
    padding-right: 0px;
}

.form-label
{
    color: white;
}

.form-select {
    color: #000;
}

.contact-title {
    color: #2a702b;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
}

textarea.form-control {
    min-height: calc(3em + 1.5rem + calc(var(--bs-border-width) * 8)) !important;
    color: #000;
}

/* nowy formularz udostępnienia danych */
.ui-dialog-titlebar-close {
    background-color: transparent !important;
}
.critical.message, .validation-summary-errors, .message-error {
    background: #e68585;
    border: 1px solid #990808;
    color: #fff
}
.message, .validation-summary-errors {
    margin: 10px 0 4px 0;
    padding: 4px
}
.sharing-form fieldset {
    border: 0px solid #c0c0c0;
    padding: 0px !important;
}

.sharing-form ul label {
    color: white !important;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    margin-top: 3px;
}

.dropdown-label {
    color: white !important;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
}

.sharing-form ul li.green label {
    color: #2a702b !important;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    margin-top:3px;
}

.sharing-form-li {
    height: 40px !important;
    margin-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.sharing-form-li-dropdown {
    height: 45px !important;
    margin-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.sharing-form-li-message {
    height: 187px !important;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact-submit {
    background: #2a702b !important;
}

.sharing-form select, .sharing-form select:focus-visible {
    border: 0 !important;
    outline: none !important;
}

.labels {
    cursor: pointer;
    text-decoration: underline;
}

input[type="submit"], input[type="button"], button, .button, .button:link, .primaryAction, .button:visited {
    color: #fff !important;
    background: #2a702b;
    border: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-family: inherit !important;
    font-size: .85em !important;
    line-height: 26px !important;
    margin-bottom: 10px !important;
    padding: 0 7px !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

input[type=password], input[type=text], input[type=email], input[type=tel], textarea, select {
    background: #fff;
    border-color: #d0d0d0 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #000;
    font-family: inherit;
    font-size: 1em !important;
    margin: .25em 0;
    padding: 3px !important;
    box-sizing: border-box !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
}

.sharing-form input[type="checkbox"], #contact-form input[type="checkbox"] {
    filter: hue-rotate(240deg)
}

input[type="radio"] {
    filter: hue-rotate(240deg)
}

input[type="submit"].disabled{
    background-color: #b2b2b2 !important;
}

/* Media Queries
***************************************************************/
@media only screen and (max-width: 768px) {
    .contact-div {
        margin-left: 30px !important;
        width: 100%;
    }

    .text-area-max-width {
        max-width: 335px !important;
    }

    .report-element-max-width {
        max-width: 335px !important;
    }
}

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

    .text {
        width: 60%;
    }

    fieldset {
        padding-right: 2em !important;
    }

    .text-area-max-width {
        max-width: 290px !important;
    }

    .report-element-max-width {
        max-width: 290px !important;
    }
}

@media only screen and (min-width: 300px) {

    .text {
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {

    .contact-div {
        margin-left: 130px !important;
        width: 50%;
    }

    .text-area-max-width {
        max-width: 800px !important;
    }

    .report-element-max-width {
        max-width: 335px !important;
    }

    .text {
        width: 75%;
    }

    fieldset {
        padding-right: 20em !important;
    }
}
    
/* Sticky footer styles
-------------------------------------------------- */
    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 100px;
        background-color: #fff;
    }

    .Roboto {
        --bs-body-font-family: 'Roboto';
        --bs-body-font-weight: 400;
    }

    .Roboto-light {
        --bs-body-font-family: 'Roboto';
        --bs-body-font-weight: 300;
    }

    .Roboto-medium {
        --bs-body-font-family: 'Roboto';
        --bs-body-font-weight: 500;
    }

    :root {
        --bs-body-font-family: Roboto;
        --bs-body-font-weight: 400;
        --bs-body-color: #666666;
    }

    body > header {
        position: fixed;
        z-index: 100000;
        padding: 5px;
        width: 100%;
    }

    body > footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 100px;
        /*  line-height: 60px;*/
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .navbar-module-img {
        position: relative;
    }

    .nav-hight {
        height: 220px;
    }

    /* Ustawienia dla ikony aplikacji, ikon menu, obrazka w modułach */
    @media (min-width: 1200px) {
        .menu-image-size {
            width: 140px;
            height: 140px;
        }

        .search-form-width {
            width: 220px;
        }

        .branding-height {
            height: 100px;
        }

        .navbar-module-img {
            width: 520px;
            top: 60px;
        }

        #bdlBreadcrumbs {
            padding: 230px 15px 0;
        }
    }

    @media (max-width: 1200px) {
        .menu-image-size {
            width: 120px;
            height: 120px;
        }

        .search-form-width {
            width: 220px;
        }

        .branding-height {
            height: 80px;
        }

        .navbar-module-img {
            width: 420px;
            top: 40px;
        }

        .nav-hight {
            height: 174px;
        }

        #bdlBreadcrumbs {
            padding: 195px 15px 0;
        }
    }

    @media (max-width: 992px) {
        .menu-image-size {
            width: 70px;
            height: 70px;
        }

        .search-form-width {
            width: 120px;
        }

        .branding-height {
            height: 50px;
        }

        .navbar-module-img {
            width: 320px;
            top: 35px;
        }

        .nav-hight {
            height: 144px;
        }

        #bdlBreadcrumbs {
            padding: 155px 15px 0;
        }
    }

    @media (max-width: 768px) {
        .menu-image-size {
            width: 65px;
            height: 60px;
        }

        .branding-height {
            height: 40px;
        }

        .navbar-module-img {
            width: 280px;
            top: 30px;
        }

        .nav-hight {
            height: 114px;
        }

        #bdlBreadcrumbs {
            padding: 130px 15px 0;
        }
    }

    @media (max-width: 576px) {
        .menu-image-size {
            width: 55px;
            height: 50px;
        }

        .branding-height {
            height: 40px;
        }

        .navbar-module-img {
            width: 240px;
        }

        .nav-hight {
            height: 114px;
        }

        #bdlBreadcrumbs {
            padding: 130px 15px 0;
        }
    }

    @media (max-width: 390px) {
        .menu-image-size {
            width: 50px;
            height: 45px;
        }

        .navbar-module-img {
            width: 180px;
            top: 40px;
        }
    }

    @media (max-width: 356px) {
        .menu-image-size {
            width: 35px;
            height: 30px;
        }
    }

    #bdlBreadcrumbs {
        background-color: white;
        width: 100%;
    }

    @media (max-width: 576px) {
        #bdlBreadcrumbs {
            font-size: .5rem;
        }
    }

    @media (min-width: 576px) {
        .container {
            max-width: 540px;
        }

        #bdlBreadcrumbs {
            max-width: 540px;
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 720px;
        }

        #bdlBreadcrumbs {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {
        .container {
            max-width: 960px;
        }

        #bdlBreadcrumbs {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1050px;
        }

        #bdlBreadcrumbs {
            max-width: 1050px;
        }
    }

    /* Ustawienia dla treści wiadomości i wydarzeń */
    @media (max-width: 992px) {
        .newsAndEventsMainPageLink {
            margin: 0 !important;
            font-size: .75rem !important;
        }

        .newsAndEventsMainPageContent {
            bottom: 25px !important;
            font-size: .75rem !important;
        }
    }

    @media (max-width: 767px) {
        .newsAndEventsMainPageLink {
            margin: 0 !important;
            font-size: .75rem !important;
        }

        .newsAndEventsMainPageContent {
            bottom: 20px !important;
            font-size: .75rem !important;
        }
    }

    @media (max-width: 460px) {
        .newsAndEventsLink {
            margin: 0 !important;
        }

        .newsAndEventsContent {
            bottom: 10px !important;
        }

        .newsAndEventsContenter {
            font-size: .65rem;
        }

        .newsAndEventsMainPageLink {
            display: none;
        }

        .newsAndEventsMainPageContent {
            bottom: 10px !important;
            font-size: .65rem !important;
        }
    }


    /* Ustawienia dla stopki i nagłówka*/
    @media (max-width: 550px) {
        .tablet {
            display: block;
        }

        .browser {
            display: none;
        }
    }

    @media (min-width: 550px) {
        .tablet {
            display: none;
        }

        .browser {
            display: block;
        }
    }


    html[data-bs-theme=light] body > footer {
        /*  background-color: #f5f5f5;*/
    }

    html[data-bs-theme=dark] body > footer {
        /*  background-color: #343a40;*/
    }

    .letters {
        padding: 0px 5px 30px 0;
    }

        .letters a {
            color: #2a702b;
            padding: 5px;
        }

    .bdl-color {
        color: #2a702b;
    }

    .dictionaryTitle {
        color: #2a702b;
        font-weight: bold;
        font-style: italic;
        font-size: larger;
    }

    .underline {
        text-decoration: underline;
    }

    /* aktualności i wydarzenia */
    .newsAndEventsContent {
        position: absolute;
        top: 5%;
        left: 5%;
        margin: 10px;
        text-align: left;
        bottom: 30px;
        right: 10%;
        white-space: normal;
        overflow: hidden;
    }

    .newsAndEventsContenter {
        position: relative;
        text-align: center;
        white-space: normal;
        overflow: hidden;
    }

    .newsAndEventsTitle {
        font-weight: bold;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .newsAndEventsMainPageContent {
        /*position: absolute;
    top: 20%;
    left: 10%;
    margin: 20px;
    text-align: left;*/
        position: absolute;
        top: 20%;
        left: 5%;
        margin: 10px;
        text-align: left;
        bottom: 35px;
        right: 10%;
        white-space: normal;
        overflow: hidden;
        color: var(--bs-body-color, #000);
    }

    .content-blog-post a {
        color: var(--bs-body-color, #000) !important;
    }

    .content-blog-post h2 {
        font-size: large;
    }

    .newsAndEventsLink {
        position: absolute;
        bottom: 10px;
        right: 5%;
        margin: 10px;
    }

    .newsAndEventsMainPageLink {
        position: absolute;
        bottom: 10px;
        right: 5%;
        margin: 10px;
    }

    /* menu */
    .navigatorMenu {
        content: url("../images/menu/navigator.svg")
    }

    a.active .navigatorMenu {
        content: url("../images/menu/navigator_active.svg")
    }

    .forestsInPolandMenu {
        content: url("../images/menu/forests_in_poland.svg")
    }

    a.active .forestsInPolandMenu {
        content: url("../images/menu/forests_in_poland_active.svg")
    }

    .privateForestsMenu {
        content: url("../images/menu/private_forests.svg")
    }

    a.active .privateForestsMenu {
        content: url("../images/menu/private_forests_active.svg")
    }

    .forestsForSocietyMenu {
        content: url("../images/menu/forests_for_society.svg")
    }

    a.active .forestsForSocietyMenu {
        content: url("../images/menu/forests_for_society_active.svg")
    }

    .navigatorEnMenu {
        content: url("../images/menu/navigator_en.svg")
    }

    a.active .navigatorEnMenu {
        content: url("../images/menu/navigator_en_active.svg")
    }

    .forestsInPolandEnMenu {
        content: url("../images/menu/forests_in_poland_en.svg")
    }

    a.active .forestsInPolandEnMenu {
        content: url("../images/menu/forests_in_poland_en_active.svg")
    }

    .privateForestsEnMenu {
        content: url("../images/menu/private_forests_en.svg")
    }

    a.active .privateForestsEnMenu {
        content: url("../images/menu/private_forests_en_active.svg")
    }

    .forestsForSocietyEnMenu {
        content: url("../images/menu/forests_for_society_en.svg")
    }

    a.active .forestsForSocietyEnMenu {
        content: url("../images/menu/forests_for_society_en_active.svg")
    }

    @media (pointer:fine) and (hover: hover) {

        /* strona główna */
        .mainPageForestsInPoland:hover {
            content: url("../images/mainPage/forests_in_poland_hover.svg")
        }

        .mainPageForestsNotRegistered:hover {
            content: url("../images/mainPage/forests_not_registered_hover.svg")
        }

        .mainPageWoodResources:hover {
            content: url("../images/mainPage/wood_resources_hover.svg")
        }

        .mainPageMaps:hover {
            content: url("../images/mainPage/maps_hover.svg")
        }

        .mainPageMobileApps:hover {
            content: url("../images/mainPage/mobile_apps_hover.svg")
        }

        .mainPageTouristMap:hover {
            content: url("../images/mainPage/tourist_map_hover.svg")
        }

        .mainPageBdlAdvertisements:hover {
            content: url("../images/mainPage/bdl_advertisements_hover.svg")
        }

        .mainPageNewsAndEventsLight:hover {
            content: url("../images/mainPage/newsAndEvents/light_hover.svg")
        }

        .mainPageNewsAndEventsDark:hover {
            content: url("../images/mainPage/newsAndEvents/dark_hover.svg")
        }

        .mainPageNewsAndEventsAll:hover {
            content: url("../images/mainPage/newsAndEvents/all_hover.svg")
        }

        .mainPageForestsInPolandEn:hover {
            content: url("../images/mainPage/forests_in_poland_en_hover.svg")
        }

        .mainPageForestsNotRegisteredEn:hover {
            content: url("../images/mainPage/forests_not_registered_en_hover.svg")
        }

        .mainPageWoodResourcesEn:hover {
            content: url("../images/mainPage/wood_resources_en_hover.svg")
        }

        .mainPageMapsEn:hover {
            content: url("../images/mainPage/maps_en_hover.svg")
        }

        .mainPageMobileAppsEn:hover {
            content: url("../images/mainPage/mobile_apps_en_hover.svg")
        }

        .mainPageTouristMapEn:hover {
            content: url("../images/mainPage/tourist_map_en_hover.svg")
        }

        .mainPageBdlAdvertisementsEn:hover {
            content: url("../images/mainPage/bdl_advertisements_en_hover.svg")
        }

        .mainPageNewsAndEventsAllEn:hover {
            content: url("../images/mainPage/newsAndEvents/all_en_hover.svg")
        }

        /* nawigator */
        .aboutBdl:hover {
            content: url("../images/navigator/about_bdl_hover.svg")
        }

        .maps:hover {
            content: url("../images/navigator/maps_hover.svg")
        }

        .reports:hover {
            content: url("../images/navigator/reports_hover.svg")
        }

        .publications:hover {
            content: url("../images/navigator/publications_hover.svg")
        }

        .advertisements:hover {
            content: url("../images/navigator/bdl_advertisements_hover.svg")
        }

        .applications:hover {
            content: url("../images/navigator/applications_hover.svg")
        }

        .sharing:hover {
            content: url("../images/navigator/sharing_hover.svg")
        }

        .sources:hover {
            content: url("../images/navigator/sources_hover.svg")
        }

        .help:hover {
            content: url("../images/navigator/help_hover.svg")
        }

        .aboutBdlEn:hover {
            content: url("../images/navigator/about_bdl_en_hover.svg")
        }

        .mapsEn:hover {
            content: url("../images/navigator/maps_en_hover.svg")
        }

        .reportsEn:hover {
            content: url("../images/navigator/reports_en_hover.svg")
        }

        .publicationsEn:hover {
            content: url("../images/navigator/publications_en_hover.svg")
        }

        .advertisementsEn:hover {
            content: url("../images/navigator/bdl_advertisements_en_hover.svg")
        }

        .applicationsEn:hover {
            content: url("../images/navigator/applications_en_hover.svg")
        }

        .sharingEn:hover {
            content: url("../images/navigator/sharing_en_hover.svg")
        }

        .sourcesEn:hover {
            content: url("../images/navigator/sources_en_hover.svg")
        }

        .helpEn:hover {
            content: url("../images/navigator/help_en_hover.svg")
        }

        /* nawigator aplikacje */
        .navigatorAppsMbdl:hover {
            content: url("../images/navigator/apps/mbdl_hover.svg")
        }

        .navigatorAppsAlsgator:hover {
            content: url("../images/navigator/apps/alsgator_hover.svg")
        }

        .navigatorAppsProhibitions:hover {
            content: url("../images/navigator/apps/prohibitions_hover.svg")
        }

        .navigatorAppsMbdlpu:hover {
            content: url("../images/navigator/apps/mbdlpu_hover.svg")
        }

        .navigatorAppsBdlpu:hover {
            content: url("../images/navigator/apps/bdlpu_hover.svg")
        }

        .navigatorAppsUpulControls:hover {
            content: url("../images/navigator/apps/upul_controls_hover.svg")
        }

        .navigatorAppsPuMap:hover {
            content: url("../images/navigator/apps/pu_map_hover.svg")
        }

        .navigatorAppsTaksatorPu:hover {
            content: url("../images/navigator/apps/taksator_pu_hover.svg")
        }

        .navigatorAppsEmpty:hover {
            content: url("../images/navigator/apps/empty_hover.svg")
        }

        .navigatorAppsProhibitionsEn:hover {
            content: url("../images/navigator/apps/prohibitions_en_hover.svg")
        }

        /* nawigator mapy */
        .navigatorMaps:hover {
            content: url("../images/navigator/maps/maps_hover.svg")
        }

        .navigatorOgcServices:hover {
            content: url("../images/navigator/maps/ogc_services_hover.svg")
        }

        .navigatorMapsEmpty:hover {
            content: url("../images/navigator/maps/empty_hover.svg")
        }

        .navigatorMapsEn:hover {
            content: url("../images/navigator/maps/maps_en_hover.svg")
        }

        .navigatorOgcServicesEn:hover {
            content: url("../images/navigator/maps/ogc_services_en_hover.svg")
        }

        /* nawigator o bdl */
        .aboutBdlForestsInCountry:hover {
            content: url("../images/navigator/aboutBdl/forests_in_country_hover.svg")
        }

        .aboutBdlForestsInEurope:hover {
            content: url("../images/navigator/aboutBdl/forests_in_europe_hover.svg")
        }

        .aboutBdlForestsInTheWorld:hover {
            content: url("../images/navigator/aboutBdl/forests_in_the_world_hover.svg")
        }

        .aboutBdlMission:hover {
            content: url("../images/navigator/aboutBdl/bdl_mission_hover.svg")
        }

        .aboutBdlEvents:hover {
            content: url("../images/navigator/aboutBdl/events_hover.svg")
        }

        .aboutBdlNews:hover {
            content: url("../images/navigator/aboutBdl/news_hover.svg")
        }

        .aboutBdlForestsInCountryEn:hover {
            content: url("../images/navigator/aboutBdl/forests_in_country_en_hover.svg")
        }

        .aboutBdlForestsInEuropeEn:hover {
            content: url("../images/navigator/aboutBdl/forests_in_europe_en_hover.svg")
        }

        .aboutBdlForestsInTheWorldEn:hover {
            content: url("../images/navigator/aboutBdl/forests_in_the_world_en_hover.svg")
        }

        .aboutBdlMissionEn:hover {
            content: url("../images/navigator/aboutBdl/bdl_mission_en_hover.svg")
        }

        .aboutBdlEventsEn:hover {
            content: url("../images/navigator/aboutBdl/events_en_hover.svg")
        }

        .aboutBdlNewsEn:hover {
            content: url("../images/navigator/aboutBdl/news_en_hover.svg")
        }

        /* nawigator pomoc */
        .helpDictionary:hover {
            content: url("../images/navigator/help/dictionary_hover.svg")
        }

        .helpManual:hover {
            content: url("../images/navigator/help/user_manual_hover.svg")
        }

        .helpContact:hover {
            content: url("../images/navigator/help/contact_hover.svg")
        }

        .helpInfoModule:hover {
            content: url("../images/navigator/help/info_module_hover.svg")
        }

        .helpEmpty1:hover {
            content: url("../images/navigator/help/empty1_hover.svg")
        }

        .helpEmpty2:hover {
            content: url("../images/navigator/help/empty2_hover.svg")
        }

        .helpDictionaryEn:hover {
            content: url("../images/navigator/help/dictionary_en_hover.svg")
        }

        .helpManualEn:hover {
            content: url("../images/navigator/help/user_manual_en_hover.svg")
        }

        .helpContactEn:hover {
            content: url("../images/navigator/help/contact_en_hover.svg")
        }

        .helpInfoModuleEn:hover {
            content: url("../images/navigator/help/info_module_en_hover.svg")
        }

        /* nawigator publikacje */
        .publicationsForestStateReports:hover {
            content: url("../images/navigator/publications/forest_state_reports_hover.svg")
        }

        .publicationsWisl:hover {
            content: url("../images/navigator/publications/wisl_hover.svg")
        }

        .publicationsForestUpdates:hover {
            content: url("../images/navigator/publications/forest_updates_hover.svg")
        }

        .publicationsGusForestry:hover {
            content: url("../images/navigator/publications/gus_forestry_hover.svg")
        }

        .publicationsMonitoring:hover {
            content: url("../images/navigator/publications/monitoring_hover.svg")
        }

        .publicationsProtection:hover {
            content: url("../images/navigator/publications/protection_hover.svg")
        }

        .publicationsSwdl:hover {
            content: url("../images/navigator/publications/swdl_hover.svg")
        }

        .publicationsGusProtection:hover {
            content: url("../images/navigator/publications/gus_protection_hover.svg")
        }

        .publicationsUpulInstructions:hover {
            content: url("../images/navigator/publications/upul_instructions_hover.svg")
        }

        .publicationsForestStateReportsEn:hover {
            content: url("../images/navigator/publications/forest_state_reports_en_hover.svg")
        }

        .publicationsWislEn:hover {
            content: url("../images/navigator/publications/wisl_en_hover.svg")
        }

        .publicationsForestUpdatesEn:hover {
            content: url("../images/navigator/publications/forest_updates_en_hover.svg")
        }

        .publicationsGusForestryEn:hover {
            content: url("../images/navigator/publications/gus_forestry_en_hover.svg")
        }

        .publicationsMonitoringEn:hover {
            content: url("../images/navigator/publications/monitoring_en_hover.svg")
        }

        .publicationsProtectionEn:hover {
            content: url("../images/navigator/publications/protection_en_hover.svg")
        }

        .publicationsSwdlEn:hover {
            content: url("../images/navigator/publications/swdl_en_hover.svg")
        }

        .publicationsGusProtectionEn:hover {
            content: url("../images/navigator/publications/gus_protection_en_hover.svg")
        }

        .publicationsUpulInstructionsEn:hover {
            content: url("../images/navigator/publications/upul_instructions_en_hover.svg")
        }

        /* nawigator udostępnianie */
        .sharingAbout:hover {
            content: url("../images/navigator/sharing/about_sharing_hover.svg")
        }

        .sharingForm:hover {
            content: url("../images/navigator/sharing/form_hover.svg")
        }

        .sharingApplication:hover {
            content: url("../images/navigator/sharing/application_hover.svg")
        }

        .sharingLegalBasis:hover {
            content: url("../images/navigator/sharing/legal_basis_hover.svg")
        }

        .sharingInfoCatalog:hover {
            content: url("../images/navigator/sharing/info_catalog_hover.svg")
        }

        .sharingMatadata:hover {
            content: url("../images/navigator/sharing/metadata_hover.svg")
        }

        .sharingAboutEn:hover {
            content: url("../images/navigator/sharing/about_sharing_en_hover.svg")
        }

        .sharingFormEn:hover {
            content: url("../images/navigator/sharing/form_en_hover.svg")
        }

        .sharingApplicationEn:hover {
            content: url("../images/navigator/sharing/application_en_hover.svg")
        }

        .sharingLegalBasisEn:hover {
            content: url("../images/navigator/sharing/legal_basis_en_hover.svg")
        }

        .sharingInfoCatalogEn:hover {
            content: url("../images/navigator/sharing/info_catalog_en_hover.svg")
        }

        .sharingMatadataEn:hover {
            content: url("../images/navigator/sharing/metadata_en_hover.svg")
        }

        /* nawigator zestawienia */
        .reportsForestManagement:hover {
            content: url("../images/navigator/reports/forest_management_hover.svg")
        }

        .reportsWisl:hover {
            content: url("../images/navigator/reports/wisl_hover.svg")
        }

        .reportsMonitoring:hover {
            content: url("../images/navigator/reports/monitoring_hover.svg")
        }

        .reportsForestState:hover {
            content: url("../images/navigator/reports/forest_state_hover.svg")
        }

        .reportsHunting:hover {
            content: url("../images/navigator/reports/hunting_hover.svg")
        }

        .reportsEmpty:hover {
            content: url("../images/navigator/reports/empty_hover.svg")
        }

        .reportsForestManagementEn:hover {
            content: url("../images/navigator/reports/forest_management_en_hover.svg")
        }

        .reportsWislEn:hover {
            content: url("../images/navigator/reports/wisl_en_hover.svg")
        }

        .reportsMonitoringEn:hover {
            content: url("../images/navigator/reports/monitoring_en_hover.svg")
        }

        .reportsForestStateEn:hover {
            content: url("../images/navigator/reports/forest_state_en_hover.svg")
        }

        .reportsHuntingEn:hover {
            content: url("../images/navigator/reports/hunting_en_hover.svg")
        }

        /* nawigator źródła */
        .sourcesTaxation:hover {
            content: url("../images/navigator/sources/taxation_hover.svg")
        }

        .sourcesWisl:hover {
            content: url("../images/navigator/sources/wisl_hover.svg")
        }

        .sourcesTourism:hover {
            content: url("../images/navigator/sources/tourism_hover.svg")
        }

        .sourcesFito:hover {
            content: url("../images/navigator/sources/fito_hover.svg")
        }

        .sourcesProhibitions:hover {
            content: url("../images/navigator/sources/prohibitions_hover.svg")
        }

        .sourcesFireProtection:hover {
            content: url("../images/navigator/sources/fire_protection_hover.svg")
        }

        .sourcesGus:hover {
            content: url("../images/navigator/sources/gus_hover.svg")
        }

        .sourcesHunting:hover {
            content: url("../images/navigator/sources/hunting_hover.svg")
        }

        .sourcesOther:hover {
            content: url("../images/navigator/sources/other_hover.svg")
        }

        .sourcesTaxationEn:hover {
            content: url("../images/navigator/sources/taxation_en_hover.svg")
        }

        .sourcesWislEn:hover {
            content: url("../images/navigator/sources/wisl_en_hover.svg")
        }

        .sourcesTourismEn:hover {
            content: url("../images/navigator/sources/tourism_en_hover.svg")
        }

        .sourcesFitoEn:hover {
            content: url("../images/navigator/sources/fito_en_hover.svg")
        }

        .sourcesProhibitionsEn:hover {
            content: url("../images/navigator/sources/prohibitions_en_hover.svg")
        }

        .sourcesFireProtectionEn:hover {
            content: url("../images/navigator/sources/fire_protection_en_hover.svg")
        }

        .sourcesGusEn:hover {
            content: url("../images/navigator/sources/gus_en_hover.svg")
        }

        .sourcesHuntingEn:hover {
            content: url("../images/navigator/sources/hunting_en_hover.svg")
        }

        .sourcesOtherEn:hover {
            content: url("../images/navigator/sources/other_en_hover.svg")
        }

        /* nawigator źródła fito */
        .sourcesFitoFito:hover {
            content: url("../images/navigator/sources/fito/fito_hover.svg")
        }

        .sourcesFitoSoil:hover {
            content: url("../images/navigator/sources/fito/soil_hover.svg")
        }

        .sourcesFitoEmpty:hover {
            content: url("../images/navigator/sources/fito/empty_hover.svg")
        }

        .sourcesFitoFitoEn:hover {
            content: url("../images/navigator/sources/fito/fito_en_hover.svg")
        }

        .sourcesFitoSoilEn:hover {
            content: url("../images/navigator/sources/fito/soil_en_hover.svg")
        }

        /* nawigator źródła łowiectwo */
        .sourcesHuntingAsf:hover {
            content: url("../images/navigator/sources/hunting/asf_hover.svg")
        }

        .sourcesHuntingPlans:hover {
            content: url("../images/navigator/sources/hunting/hunting_plans_hover.svg")
        }

        .sourcesHuntingDistricts:hover {
            content: url("../images/navigator/sources/hunting/hunting_districts_hover.svg")
        }

        .sourcesHuntingAsfEn:hover {
            content: url("../images/navigator/sources/hunting/asf_en_hover.svg")
        }

        .sourcesHuntingPlansEn:hover {
            content: url("../images/navigator/sources/hunting/hunting_plans_en_hover.svg")
        }

        .sourcesHuntingDistrictsEn:hover {
            content: url("../images/navigator/sources/hunting/hunting_districts_en_hover.svg")
        }

        /* nawigator źródła ochrona ppoż */
        .sourcesFireHazard:hover {
            content: url("../images/navigator/sources/fire_protection/fire_hazard_hover.svg")
        }

        .sourcesFireLocation:hover {
            content: url("../images/navigator/sources/fire_protection/fire_location_hover.svg")
        }

        .sourcesFireEmpty:hover {
            content: url("../images/navigator/sources/fire_protection/empty_hover.svg")
        }

        .sourcesFireHazardEn:hover {
            content: url("../images/navigator/sources/fire_protection/fire_hazard_en_hover.svg")
        }

        .sourcesFireLocationEn:hover {
            content: url("../images/navigator/sources/fire_protection/fire_location_en_hover.svg")
        }

        /* nawigator źródła inne */
        .sourcesOtherMonitoring:hover {
            content: url("../images/navigator/sources/other/monitoring_hover.svg")
        }

        .sourcesOtherSeedRegions:hover {
            content: url("../images/navigator/sources/other/seed_regions_hover.svg")
        }

        .sourcesOtherMeteorology:hover {
            content: url("../images/navigator/sources/other/meteorology_hover.svg")
        }

        .sourcesOtherGeology:hover {
            content: url("../images/navigator/sources/other/geology_hover.svg")
        }

        .sourcesOtherNatureProtection:hover {
            content: url("../images/navigator/sources/other/nature_protection_hover.svg")
        }

        .sourcesOtherWater:hover {
            content: url("../images/navigator/sources/other/water_hover.svg")
        }

        .sourcesOtherAdministrativeDivision:hover {
            content: url("../images/navigator/sources/other/administrative_division_hover.svg")
        }

        .sourcesOtherLands:hover {
            content: url("../images/navigator/sources/other/lands_hover.svg")
        }

        .sourcesOtherBasemaps:hover {
            content: url("../images/navigator/sources/other/basemaps_hover.svg")
        }

        .sourcesOtherMonitoringEn:hover {
            content: url("../images/navigator/sources/other/monitoring_en_hover.svg")
        }

        .sourcesOtherSeedRegionsEn:hover {
            content: url("../images/navigator/sources/other/seed_regions_en_hover.svg")
        }

        .sourcesOtherMeteorologyEn:hover {
            content: url("../images/navigator/sources/other/meteorology_en_hover.svg")
        }

        .sourcesOtherGeologyEn:hover {
            content: url("../images/navigator/sources/other/geology_en_hover.svg")
        }

        .sourcesOtherNatureProtectionEn:hover {
            content: url("../images/navigator/sources/other/nature_protection_en_hover.svg")
        }

        .sourcesOtherWaterEn:hover {
            content: url("../images/navigator/sources/other/water_en_hover.svg")
        }

        .sourcesOtherAdministrativeDivisionEn:hover {
            content: url("../images/navigator/sources/other/administrative_division_en_hover.svg")
        }

        .sourcesOtherLandsEn:hover {
            content: url("../images/navigator/sources/other/lands_en_hover.svg")
        }

        .sourcesOtherBasemapsEn:hover {
            content: url("../images/navigator/sources/other/basemaps_en_hover.svg")
        }

        /* nawigator źródła taksacja */
        .taxationLp:hover {
            content: url("../images/navigator/sources/taxation/lp_hover.svg")
        }

        .taxationLnp:hover {
            content: url("../images/navigator/sources/taxation/lnp_hover.svg")
        }

        .taxationEmpty:hover {
            content: url("../images/navigator/sources/taxation/empty_hover.svg")
        }

        .taxationLpEn:hover {
            content: url("../images/navigator/sources/taxation/lp_en_hover.svg")
        }

        .taxationLnpEn:hover {
            content: url("../images/navigator/sources/taxation/lnp_en_hover.svg")
        }

        /* nawigator źródła gus */
        .gusForestry:hover {
            content: url("../images/navigator/sources/gus/gus_forestry_hover.svg")
        }

        .gusOther:hover {
            content: url("../images/navigator/sources/gus/other_hover.svg")
        }

        .gusEmpty:hover {
            content: url("../images/navigator/sources/gus/empty_hover.svg")
        }

        .gusForestryEn:hover {
            content: url("../images/navigator/sources/gus/gus_forestry_en_hover.svg")
        }

        .gusOtherEn:hover {
            content: url("../images/navigator/sources/gus/other_en_hover.svg")
        }

        /* strona główna aplikacje mobilne */
        .mobileAppsMbdl:hover {
            content: url("../images/mainPage/mobileApps/mbdl_hover.svg")
        }

        .mobileAppsMbdlpu:hover {
            content: url("../images/mainPage/mobileApps/mbdlpu_hover.svg")
        }

        .mobileAppsEmpty:hover {
            content: url("../images/mainPage/mobileApps/empty_hover.svg")
        }

        /* lasy w Polsce */
        .forestsInCountry:hover {
            content: url("../images/forestsInPoland/forestsInCountry_hover.svg")
        }

        .forestsInEurope:hover {
            content: url("../images/forestsInPoland/forestsInEurope_hover.svg")
        }

        .forestsInTheWorld:hover {
            content: url("../images/forestsInPoland/forestsInTheWorld_hover.svg")
        }

        .forestsInPolandPublications:hover {
            content: url("../images/forestsInPoland/publications_hover.svg")
        }

        .forestsInPolandReports:hover {
            content: url("../images/forestsInPoland/reports_hover.svg")
        }

        .forestsInPolandMbdl:hover {
            content: url("../images/forestsInPoland/mbdl_hover.svg")
        }

        .forestsInPolandSharing:hover {
            content: url("../images/forestsInPoland/sharing_hover.svg")
        }

        .forestsInPolandMaps:hover {
            content: url("../images/forestsInPoland/maps_hover.svg")
        }

        .forestsInPolandHelp:hover {
            content: url("../images/forestsInPoland/help_hover.svg")
        }

        .forestsInCountryEn:hover {
            content: url("../images/forestsInPoland/forestsInCountry_en_hover.svg")
        }

        .forestsInEuropeEn:hover {
            content: url("../images/forestsInPoland/forestsInEurope_en_hover.svg")
        }

        .forestsInTheWorldEn:hover {
            content: url("../images/forestsInPoland/forestsInTheWorld_en_hover.svg")
        }

        .forestsInPolandPublicationsEn:hover {
            content: url("../images/forestsInPoland/publications_en_hover.svg")
        }

        .forestsInPolandReportsEn:hover {
            content: url("../images/forestsInPoland/reports_en_hover.svg")
        }

        .forestsInPolandSharingEn:hover {
            content: url("../images/forestsInPoland/sharing_en_hover.svg")
        }

        .forestsInPolandMapsEn:hover {
            content: url("../images/forestsInPoland/maps_en_hover.svg")
        }

        .forestsInPolandHelpEn:hover {
            content: url("../images/forestsInPoland/help_en_hover.svg")
        }

        /* lasy prywatne */
        .privateForestsInfoPortal:hover {
            content: url("../images/privateForests/info_portal_hover.svg")
        }

        .privateForestsAdvertisements:hover {
            content: url("../images/privateForests/bdl_advertisements_hover.svg")
        }

        .privateForestsMap:hover {
            content: url("../images/privateForests/private_forests_map_hover.svg")
        }

        .privateForestsCountiesApplications:hover {
            content: url("../images/privateForests/counties_applications_hover.svg")
        }

        .privateForestsUpulApplications:hover {
            content: url("../images/privateForests/upul_applications_hover.svg")
        }

        .privateForestsInstructions:hover {
            content: url("../images/privateForests/instructions_hover.svg")
        }

        .empty1:hover {
            content: url("../images/privateForests/empty1_hover.svg")
        }

        .empty2:hover {
            content: url("../images/privateForests/empty2_hover.svg")
        }

        .privateForestsHelp:hover {
            content: url("../images/privateForests/help_hover.svg")
        }

        .privateForestsAdvertisementsEn:hover {
            content: url("../images/privateForests/bdl_advertisements_en_hover.svg")
        }

        .privateForestsMapEn:hover {
            content: url("../images/privateForests/private_forests_map_en_hover.svg")
        }

        .privateForestsCountiesApplicationsEn:hover {
            content: url("../images/privateForests/counties_applications_en_hover.svg")
        }

        .privateForestsUpulApplicationsEn:hover {
            content: url("../images/privateForests/upul_applications_en_hover.svg")
        }

        .privateForestsInstructionsEn:hover {
            content: url("../images/privateForests/instructions_en_hover.svg")
        }

        .privateForestsHelpEn:hover {
            content: url("../images/privateForests/help_en_hover.svg")
        }

        /* lasy prywatne aplikacje dla starostw */
        .countiesApplicationsMbdlpu:hover {
            content: url("../images/privateForests/countiesApplications/mbdlpu_hover.svg")
        }

        .countiesApplicationsBdlpu:hover {
            content: url("../images/privateForests/countiesApplications/bdlpu_hover.svg")
        }

        .countiesApplicationsEmpty:hover {
            content: url("../images/privateForests/countiesApplications/empty_hover.svg")
        }

        /* lasy prywatne aplikacje dla wykonawców */
        .upulApplicationsUpulControls:hover {
            content: url("../images/privateForests/upulApplications/upul_controls_hover.svg")
        }

        .upulApplicationsPuMap:hover {
            content: url("../images/privateForests/upulApplications/pu_map_hover.svg")
        }

        .upulApplicationsTaksatorPu:hover {
            content: url("../images/privateForests/upulApplications/taksator_pu_hover.svg")
        }

        .upulApplicationsUpulControlsEn:hover {
            content: url("../images/privateForests/upulApplications/upul_controls_en_hover.svg")
        }

        .upulApplicationsPuMapEn:hover {
            content: url("../images/privateForests/upulApplications/pu_map_en_hover.svg")
        }

        .upulApplicationsTaksatorPuEn:hover {
            content: url("../images/privateForests/upulApplications/taksator_pu_en_hover.svg")
        }

        /* lasy prywatne wytyczne i standardy */
        .privateForestsUpulInstructions:hover {
            content: url("../images/privateForests/instructions/upul_instructions_hover.svg")
        }

        .privateForestsSwdlInstructions:hover {
            content: url("../images/privateForests/instructions/swdl_hover.svg")
        }

        .privateForestsInstructionsEmpty:hover {
            content: url("../images/privateForests/instructions/empty_hover.svg")
        }

        .privateForestsUpulInstructionsEn:hover {
            content: url("../images/privateForests/instructions/upul_instructions_en_hover.svg")
        }

        .privateForestsSwdlInstructionsEn:hover {
            content: url("../images/privateForests/instructions/swdl_en_hover.svg")
        }

        /* lasy dla społeczeństwa */
        .forestsForSocietyForestManagement:hover {
            content: url("../images/forestsForSociety/forest_management_hover.svg")
        }

        .forestsForSocietyAdvertisements:hover {
            content: url("../images/forestsForSociety/bdl_advertisements_hover.svg")
        }

        .forestsForSocietyStateReports:hover {
            content: url("../images/forestsForSociety/forest_state_reports_hover.svg")
        }

        .forestsForSocietyTouristMap:hover {
            content: url("../images/forestsForSociety/tourist_map_hover.svg")
        }

        .forestsForSocietyProhibitionsMap:hover {
            content: url("../images/forestsForSociety/prohibitions_map_hover.svg")
        }

        .forestsForSocietyFireRoads:hover {
            content: url("../images/forestsForSociety/fire_roads_hover.svg")
        }

        .forestsForSocietyMbdl:hover {
            content: url("../images/forestsForSociety/mbdl_hover.svg")
        }

        .forestsForSocietySharing:hover {
            content: url("../images/forestsForSociety/sharing_hover.svg")
        }

        .forestsForSocietyHelp:hover {
            content: url("../images/forestsForSociety/help_hover.svg")
        }

        .forestsForSocietyForestManagementEn:hover {
            content: url("../images/forestsForSociety/forest_management_en_hover.svg")
        }

        .forestsForSocietyAdvertisementsEn:hover {
            content: url("../images/forestsForSociety/bdl_advertisements_en_hover.svg")
        }

        .forestsForSocietyStateReportsEn:hover {
            content: url("../images/forestsForSociety/forest_state_reports_en_hover.svg")
        }

        .forestsForSocietyTouristMapEn:hover {
            content: url("../images/forestsForSociety/tourist_map_en_hover.svg")
        }

        .forestsForSocietyProhibitionsMapEn:hover {
            content: url("../images/forestsForSociety/prohibitions_map_en_hover.svg")
        }

        .forestsForSocietyFireRoadsEn:hover {
            content: url("../images/forestsForSociety/fire_roads_en_hover.svg")
        }

        .forestsForSocietySharingEn:hover {
            content: url("../images/forestsForSociety/sharing_en_hover.svg")
        }

        .forestsForSocietyHelpEn:hover {
            content: url("../images/forestsForSociety/help_en_hover.svg")
        }

        /* lasy dla społeczeństwa prace urządzeniowe */
        .forestsForSocietyForestManagementPul:hover {
            content: url("../images/forestsForSociety/forestManagement/pul_hover.svg")
        }

        .forestsForSocietyForestManagementUpul:hover {
            content: url("../images/forestsForSociety/forestManagement/upul_hover.svg")
        }

        .forestsForSocietyForestManagementEmpty:hover {
            content: url("../images/forestsForSociety/forestManagement/empty_hover.svg")
        }

        .forestsForSocietyForestManagementPulEn:hover {
            content: url("../images/forestsForSociety/forestManagement/pul_en_hover.svg")
        }

        .forestsForSocietyForestManagementUpulEn:hover {
            content: url("../images/forestsForSociety/forestManagement/upul_en_hover.svg")
        }
    }

    li:has(div.invisible) {
        display: none;
    }

    .invisible {
        display: none;
    }

    .nestedIFrameHeight {
        height: 700px;
    }

    .breadcrumb a {
        color: lightgray !important;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        /*    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);*/
        /*content: var(--bs-breadcrumb-divider, ">")*/
        content: var(--bs-breadcrumb-divider, ">");
        color: lightgray;
    }

    .breadcrumb li:last-child a {
        color: black !important;
    }

    /* Custom page CSS
-------------------------------------------------- */
    /* Not required for template or sticky footer method. */
    /*body > .container {
  padding: 220px 15px 0;
}*/

    /* Include modules */
    ul.pager {
        margin-top: 1rem;
        margin-bottom: 1rem;
        justify-content: center;
    }

    .term-badge > a {
        text-decoration: none;
    }

    .term-badge .bg-secondary:hover {
        background-color: var(--bs-primary);
    }

    .taxonomy-tag ul {
        padding-left: 0;
        list-style: none;
    }

    .widget-container {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .widget-image-widget img {
        width: 100%;
    }

    .full-width {
        width: 100%;
        height: auto;
    }

    .video-wrapper {
        width: 100%;
        max-width: 400px;
        aspect-ratio: 16/9; /* proporcje filmu (400x250 ≈ 16:10, ale YouTube zwykle 16:9) */
    }

        .video-wrapper iframe {
            width: 100%;
            height: 100%;
            border: 0;
            /*    margin-left: 100px;*/
        }

    .widget-align-left {
        text-align: left;
    }

    .widget-align-center {
        text-align: center;
    }

    .widget-align-right {
        text-align: right;
    }

    .widget-align-justify {
        text-align: justify;
    }

    .widget-size-100, .widget-size-75, .widget .widget-size-75, .widget-size-66, .widget .widget-size-66, .widget-size-50, .widget .widget-size-50, .widget-size-33, .widget .widget-size-33, .widget-size-25, .widget .widget-size-25 {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
        flex: 0 0 auto;
        width: 100%;
    }

    @media (min-width: 576px) {
        .widget-size-25, .widget .widget-size-25 {
            flex: 0 0 auto;
            width: 25%;
        }
    }

    @media (min-width: 768px) {
        .widget .widget-size-25 {
            flex: 0 0 auto;
            width: 25%;
        }
    }

    @media (min-width: 576px) {
        .widget-size-33, .widget .widget-size-33 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }
    }

    @media (min-width: 768px) {
        .widget .widget-size-33 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }
    }

    @media (min-width: 576px) {
        .widget-size-50, .widget .widget-size-50 {
            flex: 0 0 auto;
            width: 50%;
        }
    }

    @media (min-width: 768px) {
        .widget .widget-size-50 {
            flex: 0 0 auto;
            width: 50%;
        }
    }

    @media (min-width: 576px) {
        .widget-size-66, .widget .widget-size-66 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }
    }

    @media (min-width: 768px) {
        .widget .widget-size-66 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }
    }

    @media (min-width: 576px) {
        .widget-size-75, .widget .widget-size-75 {
            flex: 0 0 auto;
            width: 75%;
        }
    }

    @media (min-width: 768px) {
        .widget .widget-size-75 {
            flex: 0 0 auto;
            width: 75%;
        }
    }

    /* Include themes */
    /* The light theme is also the default theme. */
    /* Do not wrap the these classes for the light theme specific. */
    .card {
        --bs-card-bg: var(--bs-light);
    }

    .navbar-toggler {
        width: 30px;
        height: 20px;
        position: relative;
        transition: .5s ease-in-out;
    }

        .navbar-toggler,
        .navbar-toggler:focus,
        .navbar-toggler:active,
        .navbar-toggler-icon:focus {
            outline: none;
            box-shadow: none;
            border: 0;
        }

            .navbar-toggler span {
                margin: 0;
                padding: 0;
            }

    .toggler-icon {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: black;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

    .middle-bar {
        margin-top: 0px;
    }

    /* when hamburger is clicked */
    .navbar-toggler .top-bar {
        margin-top: 0px;
        transform: rotate(135deg);
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
        filter: opacity(0%);
    }

    .navbar-toggler .bottom-bar {
        margin-top: 0px;
        transform: rotate(-135deg);
    }

    /*state when hamburger datalist collapsed*/
    .navbar-toggler.collapsed .top-bar {
        margin-top: -20px;
        transform: rotate(0deg);
    }

    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
        filter: opacity(100%);
    }

    .navbar-toggler.collapsed .bottom-bar {
        margin-top: 20px;
        transform: rotate(0deg);
    }






    .navbar {
        --bs-navbar-color: rgba(255, 255, 255, 0.55);
        --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
        --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
        --bs-navbar-active-color: #fff;
        --bs-navbar-brand-color: #fff;
        --bs-navbar-brand-hover-color: #fff;
        --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        color: #fff !important;
        /*background: url("../images/banner.svg");
background-repeat: no-repeat;
/*    background-size: cover;
background-size: 100% 100%;
height: 160px;
/*      background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;*/
    }

    .nav-hp {
        background: url("../images/banner.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    .bg-theme {
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1));
    }

    .text-theme {
        color: var(--bs-body-color);
    }

    .text-bg-theme {
        color: var(--bs-body-color);
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1));
    }

    .btn-theme {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-theme:hover {
            color: #000;
            background-color: #f9fafb;
            border-color: #f9fafb;
        }

        .btn-check:focus + .btn-theme, .btn-theme:focus {
            color: #000;
            background-color: #f9fafb;
            border-color: #f9fafb;
            box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
        }

        .btn-check:checked + .btn-theme, .btn-check:active + .btn-theme, .btn-theme:active, .btn-theme.active, .show > .btn-theme.dropdown-toggle {
            color: #000;
            background-color: #f9fafb;
            border-color: #f9fafb;
        }

            .btn-check:checked + .btn-theme:focus, .btn-check:active + .btn-theme:focus, .btn-theme:active:focus, .btn-theme.active:focus, .show > .btn-theme.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
            }

        .btn-theme:disabled, .btn-theme.disabled {
            color: #000;
            background-color: #f8f9fa;
            border-color: #f8f9fa;
        }

    [data-bs-theme=dark] .card {
        --bs-card-bg: var(--bs-body);
    }

    [data-bs-theme=dark] .bg-theme {
        background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity, 1));
    }

    [data-bs-theme=dark] .text-theme {
        color: var(--bs-body-color);
    }

    [data-bs-theme=dark] .text-bg-theme {
        color: var(--bs-body-color);
        background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity, 1));
    }

    [data-bs-theme=dark] .btn-theme {
        color: #fff;
        background-color: #212529;
        border-color: #212529;
    }

        [data-bs-theme=dark] .btn-theme:hover {
            color: #fff;
            background-color: #1c1f23;
            border-color: #1a1e21;
        }

        [data-bs-theme=dark] .btn-check:focus + .btn-theme, [data-bs-theme=dark] .btn-theme:focus {
            color: #fff;
            background-color: #1c1f23;
            border-color: #1a1e21;
            box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
        }

        [data-bs-theme=dark] .btn-check:checked + .btn-theme, [data-bs-theme=dark] .btn-check:active + .btn-theme, [data-bs-theme=dark] .btn-theme:active, [data-bs-theme=dark] .btn-theme.active, [data-bs-theme=dark] .show > .btn-theme.dropdown-toggle {
            color: #fff;
            background-color: #1a1e21;
            border-color: #191c1f;
        }

            [data-bs-theme=dark] .btn-check:checked + .btn-theme:focus, [data-bs-theme=dark] .btn-check:active + .btn-theme:focus, [data-bs-theme=dark] .btn-theme:active:focus, [data-bs-theme=dark] .btn-theme.active:focus, [data-bs-theme=dark] .show > .btn-theme.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
            }

        [data-bs-theme=dark] .btn-theme:disabled, [data-bs-theme=dark] .btn-theme.disabled {
            color: #fff;
            background-color: #212529;
            border-color: #212529;
        }

    /* ------------------ */
    /* Styles for modules */
    /* ------------------ */
    .nav-mu {
        background: url("../images/modules/banner.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    .mu-sidebar {
        width: 330px;
        background: url("../images/modules/tlo_menu.svg");
        font-weight: bold;
        font-size: .9rem;
        padding: 3px 0;
        cursor: pointer;
    }

    .mu-menu-level1 {
        color: white;
        background-color: #878787;
        width: 330px;
        padding: .6rem;
        margin-bottom: 2px;
    }

        .mu-menu-level1 a {
            color: inherit;
            text-decoration: none;
            margin-bottom: 2px;
        }

        .mu-menu-level1:hover {
            color: #878787;
            background-color: white;
        }

        .mu-menu-level1.active {
            color: #878787;
            background-color: white;
        }

        .mu-menu-level1:not(.active) img {
            display: none;
        }

        .mu-menu-level1.active img {
            display: block;
        }

    .mu-menu-level2 {
        margin-bottom: 2px;
    }

        .mu-menu-level2.mu-div {
            color: white;
            background-color: #b2b2b2;
            width: 300px;
            margin-left: 30px;
            padding: .6rem;
        }

            .mu-menu-level2.mu-div:hover {
                color: #878787;
                background-color: white;
            }

        .mu-menu-level2.mi-div.active {
            color: #878787;
            background-color: white;
        }

        .mu-menu-level2 a {
            color: white;
            background-color: #b2b2b2;
            width: 300px;
            margin-left: 30px;
            padding: .6rem;
        }

            .mu-menu-level2 a:hover {
                color: #878787;
                background-color: white;
            }

        .mu-menu-level2.active a {
            color: #878787;
            background-color: white;
        }

        .mu-menu-level2:not(.active) img {
            display: none;
        }

        .mu-menu-level2.active img {
            background-color: white;
            display: block;
        }

    .mu-menu-level3 {
        margin-bottom: 2px;
    }

        .mu-menu-level3 a {
            color: white;
            background-color: #cbcbcb;
            width: 270px;
            margin-left: 60px;
            padding: .6rem;
        }

            .mu-menu-level3 a:hover {
                color: #878787;
                background-color: white;
            }

        .mu-menu-level3.active a {
            color: #878787;
            background-color: white;
        }

        .mu-menu-level3:not(.active) img {
            display: none;
        }

        .mu-menu-level3.active img {
            background-color: white;
            display: block;
        }


    .nav-mi {
        background: url("../images/modules/banner1.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    .mi-sidebar {
        width: 330px;
        background: url("../images/modules/tlo_menu.svg");
        font-weight: bold;
        font-size: .9rem;
        padding: 3px 0;
        cursor: pointer;
    }

    .mi-menu-level1 {
        color: white;
        background-color: #309528;
        width: 330px;
        padding: .6rem;
        margin-bottom: 2px;
    }

        .mi-menu-level1 a {
            color: inherit;
            text-decoration: none;
            margin-bottom: 2px;
        }

        .mi-menu-level1:hover {
            color: #309528;
            background-color: white;
        }

        .mi-menu-level1.active {
            color: #309528;
            background-color: white;
        }

        .mi-menu-level1:not(.active) img {
            display: none;
        }

        .mi-menu-level1.active img {
            display: block;
        }

    .mi-menu-level2 {
        margin-bottom: 2px;
    }

        .mi-menu-level2.mi-div {
            color: white;
            background-color: #7fb721;
            width: 300px;
            margin-left: 30px;
            padding: .6rem;
        }

            .mi-menu-level2.mi-div:hover {
                color: #309528;
                background-color: white;
            }

            .mi-menu-level2.mi-div.active {
                color: #309528;
                background-color: white;
            }

        .mi-menu-level2 a {
            color: white;
            background-color: #7fb721;
            width: 300px;
            margin-left: 30px;
            padding: .6rem;
        }

            .mi-menu-level2 a:hover {
                color: #309528;
                background-color: white;
            }

        .mi-menu-level2.active a {
            color: #309528;
            background-color: white;
        }

        .mi-menu-level2:not(.active) img {
            display: none;
        }

        .mi-menu-level2.active img {
            background-color: white;
            display: block;
        }

    .mi-menu-level3 {
        margin-bottom: 2px;
    }

        .mi-menu-level3 a {
            color: white;
            background-color: #bccf23;
            width: 270px;
            margin-left: 60px;
            padding: .6rem;
        }

            .mi-menu-level3 a:hover {
                color: #309528;
                background-color: white;
            }

        .mi-menu-level3.active a {
            color: #309528;
            background-color: white;
        }

        .mi-menu-level3:not(.active) img {
            display: none;
        }

        .mi-menu-level3.active img {
            background-color: white;
            display: block;
        }

    .w-330 {
        width: 330px;
    }

    .btn-toggle-nav a {
        display: inline-flex;
        text-decoration: none;
    }

    .btn-toggle-nav div {
        display: inline-flex;
        text-decoration: none;
    }


/* Tylko widget z checkboxTerms – ustawienie checkbox + tekst w jednej linii */
#contact-form .widget-input:has(> #checkboxTerms) {
    display: inline-flex;
    align-items: flex-start;  
    margin-right: 0px !important; 
}

/*     Tekst zgody obok checkboxa */
    #contact-form .widget-input:has(> #checkboxTerms) + .widget-raw-html {
        display: inline-block;
        width: calc(100% - 40px);
        font-size: smaller;
        margin-top: 1em;
    }

/* kosmetyka położenia samego checkboxa */
#contact-form #checkboxTerms.form-check-input {
    margin-top: 0.9em;
    margin-left: 0.5em;
}

/*     w tej sekcji: pierwszy widget (z checkboxem) jest wąski */
#contact-form > .widget-form > section.flow.row > .widget-container > .widget-body > section.flow.row > .widget.widget-input {
    flex: 0 0 auto;
    width: auto;
    margin-right: 10px;
}

/*     w tej sekcji: drugi widget (z tekstem) zajmuje resztę szerokości */
#contact-form > .widget-form > section.flow.row > .widget-container > .widget-body > section.flow.row > .widget.widget-raw-html {
    flex: 1 1 auto;
    width: auto;
}

#contact-submit:disabled {
    background-color: #b2b2b2 !important;
}