:root {
    /* body */
    --backdround-color: #c3c3c3;
    /* tło okna filtrów*/
    --background-filter: #ffffff;
    /* tło belki filtrów */
    --background-filter-tyt: #007be0;
    /* tło przycisku zamknij w filtrach - krzyżyk */
    --background-filter-tyt-close: #f3f3f3;
    /* zakrywka pod spodem header */
    --background-zakrywka: white;
    /* tło belki z wyborem miesiąca */
    --background-belka: #007be0;
    /* tło przycisku filtrów na belce */
    --background-filter-button: #0078bf;
    /* tło przycisku rejestracja w opisie */
    --background-button-rejestracja: #E6007E;
    --background-button-rejestracja-hover: #830048;
    /* tło przycisku zamknij w opisie */
    --background-button-close: #007DB3;
    --background-button-close-hover: #015d85;
    /* tło główne opis*/
    --background-opis: aliceblue;
    /* tło zakrywki wrapa*/
    --background-wrap-cover: black;
    /* tło okna wyskakującego */
    --background-wyskak: white;
    /* tło główne ticket */
    --background-ticket: white;
    /* tło pod dniami tygodnia */
    --background-days: #b3dbff;
    /* kolor body */
    --color-body: #222;
    /* tytuł okna filtrów */
    --color-filter-tyt: white;
    /* klasa magenta */
    --color-magenta: #D10073;
    /* klasa cyan*/
    --color-cyan: #009DE0;
    /* kolor button filtr na belce */
    --color-button-filtr: white;
    /* kolor przełącznika miesięcy */
    --color-month-belka: white;
    /* kolor textu button magenta */
    --color-button-magenta: white;
    /* kolor textu button cyan */
    --color-button-cyan: white;
    /* kolor tytułu opis */
    --color-opis-tyt: #004f8b;
    /* kolor wyskak treść */
    --color-wyskak-thin: #515151;
    /* kolor treści kalendarza przed datą obecną */
    --color-before: #757575 !important;
    /* kolor dni tygodnia dla mobila */
    --color-cal-days-mob: #0053a1;
    /* kolor dni tygodnia dla pc */
    --color-cal-days: #0053a1;
    /* kolor zielony */
    --color-green: rgb(0, 133, 0);
    /* kolor czerwony */
    --color-red: red;
    /*font-family: Roboto, sans-serif;*/

    /* font-family: "Inter Tight", sans-serif; */
    font-family: Manrope;
    font-optical-sizing: auto;
    font-size: 16px;
    font-weight: 400;

}

button {
    all: unset;
}

html {
    scroll-behavior: smooth;
}

:focus {
    outline: 2px solid #007be0 !important;
    outline-offset: 2px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.una {
    color: inherit;
    text-decoration: inherit;
    display: inherit;
    position: inherit;
    justify-content: inherit;
    flex: auto;
}

.una2 {
    color: inherit;
    text-decoration: inherit;

}

body {
    font-family: Manrope;
    /* font-family: Roboto, sans-serif; */
    /* font-family: "Inter Tight", sans-serif; */
    font-optical-sizing: auto;
    font-weight: 500;
    margin: 0;
    background: var(--backdround-color);
    color: var(--color-body);
    overflow-y: scroll;
}

.filter_item label {
    font-weight: 400;
    cursor: pointer;
}

main {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

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

#wrap,
#continue_wrap {
    display: block;
    max-width: 1500px;
    width: 97%;
    opacity: 1;
    transition-duration: 0.6s;
    transition-property: opacity, margin, width;
    font-size: 1rem;
}

#wrap_cover {
    width: 100vw;
    height: 100vh;
    background-color: var(--background-wrap-cover);
    position: fixed;
    top: 0;
    z-index: 110;
    display: none;
    opacity: 0;
    transition-duration: 0.5s;
    transition-property: opacity;
    cursor: pointer;
}

.icon_stacjonar {
    width: 20px;
    height: 19px;
    float: left;
    margin-right: 5px;
}

#filter_lew {
    width: 0px;
    transition-duration: 0.6s;
    transition-property: width;
}

.filter_window {
    background: white;
    margin: 15px 5px 30px 5px;
}


#filter_main {

    height: 25px;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    font-size: 1.88rem;
}

.op-0 {
    opacity: 0;
}

#filter_main_2 {

    background: var(--background-filter);
    height: inherit;
    border-top: 0;
    height: 99vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: sticky;
    top: 0;
}

input[type=checkbox] {
    height: 20px;
    width: 20px;
    margin-right: 15px;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(66, 68, 90, 1);
    box-shadow: inset 0px 0px 3px 0px rgba(66, 68, 90, 1);
    opacity: 0.6;
    cursor: pointer;
}

.filter_item {
    display: flex;
    padding: 3px 0px;
    font-size: 0.9rem;
    width: 235px;
    margin-left: 10px;
}

.filter_item_description {
    max-width: 195px;
}

.filter_item_r {
    display: flex;
    width: 230px;
    font-size: 0.85rem;
    font-weight: 500;
    justify-content: end;
    padding-left: 15px;
    margin-bottom: 10px;
}

#first_filter {
    margin-top: 2px;
}

#filter_main_2 hr {
    width: 246px;
    margin-left: 6px;
}

.filter_item_tyt {
    align-items: center;
    display: flex;
    padding: 0px 5px 0px 15px;
    width: 245px;
    font-weight: 500;
    justify-content: space-between;
    background-color: var(--background-filter-tyt);
    color: var(--color-filter-tyt);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 1);
}

.filter_item_tyt a {
    all: unset;

}

.border1 {
    border: 1px solid;
    border-radius: 4px;
}

.tyt_filter {
    text-align: center;
    background: #e7e6e6;
    color: black;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: 500;
    width: 245px;
}

.filter_item_tyt img {
    background-color: var(--background-filter-tyt-close);
    cursor: pointer;
    margin-right: -10px;
}

.filter_item * {
    align-self: center;
    color: #1a1a1a;
}

.filter_item img {
    width: 20px;
    cursor: pointer;
}

.magenta {
    color: var(--color-magenta);
}

.magenta_b {
    background: var(--color-magenta);

}

.cyan {
    color: var(--color-cyan);
    font-weight: 600;
}

.just-st-end {
    justify-content: space-between;
}

.just-end {
    justify-content: space-between;
}

.width-90 {
    width: 90%;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

#logo_up {
    display: flex;

    align-items: center;
}

.header {
    position: sticky;
    top: 0;
    z-index: 30;
    transition-duration: 0.5s;
    transition-property: opacity;
    margin: auto;
    margin-top: -1px;
    max-width: 1500px;
    width: 96%;
    background: white;
}

header hr {
    margin: 0;
}

#wyskak_stac {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 0.9rem;
    font-weight: 600;
}

#zakr {
    height: 101px;

    background: var(--background-zakrywka);
    position: fixed;
    top: 0;
    z-index: 29;
    max-width: 1650px;
    width: 96%;
    transform: translateX(-50%);
    left: 50%;
}

.ticket_1 hr {
    margin: 0.5rem 0;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
}

#logo {
    margin-left: 3px;
    float: left;
    width: 60px;
}

#logo2 {
    margin-left: 13px;
    margin-right: 20px;
    float: left;
    font-weight: 600;
    line-height: 1.15;
    min-width: max-content;

    font-size: 0.8rem;
}

#logo3 {
    height: 60px;
    width: calc(100% - 70px);
    background-color: var(--background-belka);
    display: flex;
    align-items: center;
    transition-duration: 0.5s;
    transition-property: background-color;
    display: flex;
    justify-content: space-between;
}

#logo3 button {
    background: none;
    border: unset;
    color: white;
    font-size: 0rem;
    cursor: pointer;
}

#logo3a {
    display: flex;
    width: inherit;
    justify-content: center;
}

#logo3a button {
    border: none;
    background: transparent;
}


#filter_switch {
    border: 1px solid #ffffff73;
    border-radius: 6px;
    transition: 0.4s transform;
    margin-left: 10px;
    margin-right: 10px;
}

.gray_text {
    color: #8d8d8d !important;
}

.hover {
    transition: 0.4s;
    cursor: pointer;
}

.hover:hover {
    transform: scale(1.1);
}

#logo_month {
    color: var(--color-month-belka);
    font-size: 1.5rem;
    font-weight: 600;
    width: 250px;
}

.logo_arrows {
    width: 0.7rem;
    cursor: pointer;
    margin-right: 8px;
}

.bold {
    font-weight: 600;
}

.btn-outl-magenta {
    background: var(--background-button-rejestracja);
    border: none;
    border-radius: 20px;
    color: var(--color-button-magenta);
    font-weight: 500;
    padding: 4px 22px;
    font-size: 1.1rem;
    transition-duration: 0.3s;
    transition-property: background-color;
    font-size: 0.9rem;
    cursor: pointer;
    height: 30px;
    margin: 10px 0 0 10px;
}

.btn-outl-magenta:hover {
    background-color: var(--background-button-rejestracja-hover);

}

.btn-outl-cyan {
    background: var(--background-button-close);
    border: none;
    border-radius: 20px;
    color: var(--color-button-cyan);
    font-weight: 500;
    padding: 4px 50px;
    font-size: 0.9rem;
    transition-duration: 0.3s;
    transition-property: background-color;
    cursor: pointer;
    height: 30px;
}

.btn-outl-cyan:hover {
    background-color: var(--background-button-close-hover);

}

.rejestracja {
    margin-right: calc(10% - 10px);
}

#opis {
    overflow: hidden;
    width: 80%;
    background-color: var(--background-opis);
    position: fixed;
    z-index: 120;
    left: 10%;
    top: 20px;
    padding: 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 13px 0px rgba(66, 68, 90, 1);
    transition-duration: 0.6s;
    transition-property: opacity;
    display: none;
    opacity: 0;
}

#opis hr {

    border-color: #009DE0;
    margin-left: 5%;
    opacity: 0.3;
    width: 90%;
}

.opis_tyt {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-opis-tyt);
    margin-bottom: 40px;
    margin-top: 10px;
    padding: 0 5%;
    line-height: 1.2;
    text-align: center;
}

.opis_platny {
    font-size: 1.3rem;
    font-weight: 600;
    color: #E6007E;
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: -49px;
    padding: 4px 0 2px 0;
    position: sticky;
    top: 30px;
    z-index: 3;
    background-color: #cbe7fb;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 6px 0px rgba(66, 68, 90, 1);
}

.opis_platny>svg {
    margin: 0 20px;
    margin-bottom: 3px;
}

.opis_buttons {
    position: sticky;
    top: 30px;
    width: 100%;
    z-index: 5;
    align-items: unset !important;
}

.opis_tresc {
    font-size: 1.1rem;
    width: 70%;
    margin-top: 2px;
}

.opis_tresc ul {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.f14 {
    font-size: 1.4rem;
    line-height: 19px;
}

.f14l {
    font-size: 1.4rem;
    line-height: 30px;
}

.opis_gr {
    font-size: 1rem;
    font-weight: 500;
    margin-right: 20px;
    width: 30%;
    text-align: end;
    padding-top: 3px;
    opacity: 0.8;
    color: black;
}

.opis_wrap {
    width: 90%;
    margin-left: 5%;
    display: flex;
}

#opis_cal {
    height: calc(100vh - 180px);
    overflow-y: scroll;
    padding: 25px 50px;
}

.unbutton {
    background: inherit;
    border: inherit;
}

ul hr {
    margin: 2px 10% 2px 0;
    opacity: 0.15;
}

#wyskak {
    min-height: 200px;
    max-height: 300px;
    min-width: 500px;
    max-width: 650px;
    background: var(--background-wyskak);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 150;
    transition-duration: 0.3s;
    transition-property: opacity;
    display: none;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 9px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 9px 0px rgba(66, 68, 90, 1);
    border-radius: 10px;

}


#wyskak_img {
    position: absolute;
    left: 230px;
    z-index: 5;
    display: block;
    width: 30px;
    bottom: -16px;
}

#wyskak_img_g {
    position: absolute;
    z-index: 5;
    left: 230px;
    top: -16px;
    width: 30px;
}

#wyskak2 {
    padding: 15px 20px;
    height: inherit;
}

.wyskak_bold {
    font-size: 1rem;
    font-weight: 800;
    margin-right: 10px;
    line-height: 1.2;
    padding-top: 7px;
    padding-bottom: 8px;
}

.wyskak_thin {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 8px;
    color: var(--color-wyskak-thin);
}

.list a {
    text-decoration: none !important;
    color: unset !important;
}

header hr {
    border-top: 2px solid #0155ab;
}

.back_before {
    opacity: 0.5;
}

.before_hr {
    border-top: 3px solid #757575 !important;
}

.ticket_zew {
    display: block;
    padding: 0px 0px 5px 0px;
}

#tick_zew {
    transition-duration: 0.3s;
    transition-property: opacity;
    opacity: 0;
}

#tick_zew ul {
    list-style-type: none;
}

.ticket_1 {
    width: calc(13.5%);
    border: 1px solid rgb(201 201 201);
    margin: 0 0 20px 0;
    background: var(--background-ticket);
    --webkit-box-shadow: 1px 4px 12px -9px rgba(66, 68, 90, 1);
    -moz-box-shadow: 1px 4px 12px -9px rgba(66, 68, 90, 1);
    box-shadow: 1px 4px 12px -9px rgba(66, 68, 90, 1);
}

.ticket_1 button {
    all: unset;
    width: 100%;
    display: block;
}

.ticket_1>ul {
    padding-inline-start: 0px;
    cursor: pointer;
}

.ticket_1>hr {
    opacity: 0.8;
    width: 90%;
    height: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    border-top: 3px solid #009DE0;
}

.ticket_2 {
    display: flex;
    position: relative;
    justify-content: space-between;
    font-weight: 600;
    margin: 0 10px;
    align-items: end;
    padding-top: 5px;
}

.ticket_3 {
    display: flex;
    align-items: end;
    font-size: 1.19rem;
    margin-bottom: 6px;

}

.ticket_3>img {
    width: 20px;
    opacity: 50%;
    margin-right: 5px;
    transform: translateY(-2px);
}

.ticket_3>span {
    font-weight: 600;
}

.ticket_span1 {
    font-size: 2.2rem;
}

.ticket_span2 {
    font-size: 0.94rem;
    text-transform: uppercase;
    margin-left: 7px;
}

.ticket_4 {
    margin: 0 30px;
    display: flex;
    align-items: center;
}

.ticket_4>img {
    width: 50px;
    border-radius: 40px;
    margin-right: 10px;
}

.ticket_4_1 {
    opacity: 70%
}

.ticket_5 {
    margin: 0 30px 15px 30px;
    font-weight: 500;
    font-size: 0.94rem;
    padding: 10px 0px 5px 0px;
}



.szk_text0 {
    display: flex;
    cursor: pointer;
    height: 53px;
    overflow: hidden;
}

.szk_text1 {
    min-height: 35px;
    background-color: rgb(107 107 107);
    width: 5px;
    margin: 3px 5px;

}

.szukaj {
    display: none;
}

.list {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 10px;
}

.szk_text2 {
    font-size: 0.8rem;
    line-height: 16px;
    padding: 5px 2px 2px 2px;
    width: calc(100% - 15px);
    box-sizing: border-box;
}

#main_close {
    padding: 3px 20px;
    border-radius: 20px;
    margin-right: 20px;
    margin-top: 10px;
}


#cal_days {
    padding: 5px 1% 5px 1%;
    height: 30px;
    background: var(--background-days);
    transition-duration: 0.5s;
    transition-property: background-color;
    position: sticky;
    top: 61px;
    z-index: 6;
    margin: 0;
}

.cal_day {
    width: calc(14%);
    text-align: center;
    float: left;
    color: var(--color-cal-days);
    font-weight: 700;
    padding: 4px 0px;
    margin: 0 0.1%;
}

.cal_week {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.cal_week_day {
    display: none;
    color: var(--color-cal-days-mob);
    padding: 0 5px 5px 0;
    font-size: 1rem;
}

.red {
    color: var(--color-red);
    font-weight: 600;
}

.belt1 {
    background: #009921c0;
}

.belt2 {
    background: #dd0000b2;
}

.belt3 {
    background: rgb(107 107 107);
}

.lista_rezerw {
    /*background-color: #007be030;*/
    background-color: #e0b8006e;
}

.day_now {
    border: 3px solid #009FE3;
    background: aliceblue;
}

#page,
#coll {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 3px 0px rgba(66, 68, 90, 1);
}

#page {
    background: white;
    transition: 0.5s opacity;
}

#header_switch {
    display: flex;
    padding: 0 8px 0 12px;
    border-radius: 4px;
    border: 1px solid #ffffff2b;
}

#legenda {
    text-align: end;
    padding: 5px 40px 10px 20px;
    display: flex;
    justify-content: end;
    width: calc(100% - 60px);

}

#legenda ul {
    display: flex;
    align-items: center;
}

#legenda img {
    width: 40px;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
}

.legenda_gr {
    display: flex;
    margin-left: 30px;
}

.legenda_gr span {
    align-self: center;
}

.niepel {
    width: 36px;
}

#button_niepel {
    border: none;
    background: none;
    margin-right: 10px;
    cursor: pointer;
}

#search {
    border-radius: 3px;
    border: unset;
    font-size: 1rem;
    padding: 3px 30px 3px 10px;

}

#cal_search {
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
}

#cal_search a {
    font-weight: 500;
    position: absolute !important;
    top: 0;
    right: 0;
    transform: scaleX(1.4);
    border-left: 1px solid #a7a7a7;
    padding-left: 3px;
    padding-right: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: unset;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}

.calendar_weeks {
    margin: 0px 1% 0px 1%;
}


#wspom {
    display: flex;
    justify-content: flex-end;
    background: #195ea5;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid white;
    transition-duration: 1s;
    transition-property: top;
    text-align: center;
}

#coll {
    width: 100%;
}

.dostep {
    margin-left: 25px;
    border: 2px solid #1e6ea6;
    padding: 5px 20px;
    background-color: #f5f5f5;
    border-radius: 6px;
}

.tekst {
    font-weight: bold;
    font-size: 19px;
    color: #1e6ea6;
}

#text_resize_decrease,
#text_resize_increase {
    font-family: 'Manrope' !important;
    font-weight: 700;
    font-size: 30px;
    color: #E6007E;

}

#text_resize_reset {
    font-size: 25px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
}

#text_resize_decrease {
    font-size: 19px;
}

#kontrast_text a {
    font-size: 16px;
}

.high_contrast_switcher_separator {
    font-size: 16px;
}

.d-flex,
.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

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

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

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

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

#logo1 {
    float: left;
    display: flex;
    width: 70px;
}

.header_month {
    width: 130px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    float: left;
    text-align: center;
    transition-duration: 0.6s;
    transition-property: font-size, color;
}

.unfloat {
    clear: both;
}


#header_months_wrap {
    width: 390px;
    overflow: hidden;
    background-color: #007be0;
    margin: auto;
    padding-top: 4px;
}

#header_months {
    width: 2080px;
    transition-duration: 0.6s;
    transition-property: transform;
    color: #8bc5ff;
}

#logo3 svg {
    align-self: center;

}

.kafle_sw,
.lista_sw,
.all_sw {
    transition-duration: 0.4s;
    transition-property: transform, opacity;
    align-self: center;
}


.kafle_sw:hover,
.lista_sw:hover,
.all_sw:hover {
    transform: scale(1) !important;
}

.lista_sw,
.all_sw {
    opacity: 0.5;
    transform: scale(0.8);
}

#month_switch {
    transition: 0.4s opacity;
    position: relative;
}

#month_sw_l {
    position: absolute;
    z-index: 100;
    width: 140px;
    text-align: left;
    left: -20px;
}

#month_sw_p {
    position: absolute;
    z-index: 100;
    width: 140px;
    text-align: right;
    right: -20px;
}

#month_switch a {
    align-self: end;
}



/* css lista  */


#infor_filter_belka {
    color: white;
    display: flex;
    justify-content: space-between;
    background: black;
    padding: 5px 15px 6px 15px;
}

#infor_filter_belka a {
    color: white;
    text-decoration: none;
    font-weight: 600;
    transform: scaleX(1.4);
}


.filter_reset {
    align-items: center;
    flex-wrap: wrap;
    margin: 13px 0 5px 0;
}

.filter_reset>div {
    margin-right: 10px;

}

#wrap_reset {
    position: sticky;
    top: 0;
    background-color: white;
    border-bottom: 1px solid #d1cfcf;
    z-index: 1;
}

#wrap_search_text {
    width: 235px;
    margin: 20px 15px 0px 15px;
}

#text_search {
    width: 100%;
    padding: 5px 10px;
    font-size: 0.9rem;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid darkgrey;
}

#infor_search a {
    transform: scaleX(1.3);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 4px 5px 4px 5px;
    border: 1px solid gray;
    border-radius: 3px 3px 3px 3px;
    color: black;
    text-decoration: none;
}

.infor_filter_row {
    display: flex;

    align-items: center;
}

.infor_filter_row div {
    margin-top: 5px;
    max-width: calc(100% - 40px);
}

#infor_filter_title {
    font-size: 1.1rem;
    color: white;
    margin-top: 55px;
    margin-left: 10px;
}

.infor_title1,
.infor_title5 {
    text-align: center;
    color: white;
    padding: 30px 10px 10px 10px;
    position: relative;
    min-height: 35px;
    color: #ffffff;
    border-bottom: 1px solid #d7d7d7;
}

.infor_title5 {
    color: #00870c;
}

.infor_title1 {
    font-size: 1.3rem;
    padding: 7px 0px 0 0;
    background-color: #b9b9b9;
    margin: 0;
}

.infor_title1 a {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 35px;
    height: 35px;
    border: 1px solid #dddbdb;
    border-radius: 6px;
    padding: 2px;
}

.infor_title1 img {
    width: 100%;
}

#title_lupa {
    position: absolute;
    left: 56px;
    top: 19px;
    width: 35px;
    height: 35px;
    font-weight: 600;
    color: #2d2d2d;
    font-size: 0.875rem;
}

.infor_title2 {
    text-align: center;
    background: #009DE0;
    padding: 10px;
}

.infor_title1 h1,
.infor_title5 h1 {
    font-size: 1.6rem;
    margin: 0;
    font-weight: 600;
}

.infor_title2 h2 {
    font-size: 1.2rem;
    margin: 0;
    color: white;
}

.f12 {
    font-size: 1.2rem;
}

main_infor,
main_lista {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color: white;
    transition-duration: 0.4s;
    transition-property: transform, width;
    transition: 0.3s opacity;

}

.collapse {
    display: grid !important;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-out;
    position: relative !important;
    display: none;
}

.collapse_inner {
    background: white;
    overflow: hidden;
}

#coll {
    width: 100%;
}

.show {
    grid-template-rows: 1fr;
}

/* end collapse */

.infor_email {
    margin-bottom: 5px;
    margin-left: 10px;
}

.infor_row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    line-height: 1.3;
    font-size: 0.96rem;
    width: calc(100% - 120px);
    color: #000000;
    cursor: pointer;
}

.infor_tresc,
.infor_tresc_d {
    padding: 2px 20px;
    display: flex;
    justify-content: center;
}

.infor_rodzaj {
    justify-content: left;
}

.infor_tresc div {
    width: calc(100% - 30px);
}

.infor_row_title {
    display: flex;
    justify-content: space-between;
    padding: 5px 0px 5px 0px;
    line-height: 1.5;
}

.infor_row_add {
    padding: 10px 20px;
    line-height: 1.3;

}

.infor_tresc_add {
    width: 75%;
    display: flex;
}

.infor_tab_row {
    background: #edf1f3;
    cursor: pointer;
}


.infor_col1 {
    width: calc(100% - 435px);
    border-right: 1px solid #cdc9c9;
}

.infor_col1_l {
    width: calc(100% - 230px);
}

.infor_col1t {
    width: calc(100% - 590px);

}


.infor_col2t {
    width: 225px;
    text-align: center;
}

.infor_col3 {
    width: 225px;
    border-left: 1px solid #cdc9c9;
}

.infor_col2 {
    width: 205px;

}

.infor_col3t {
    width: 345px;

}

.d-none {
    display: none !important;
}

.d-block {
    display: block;
}

.infor_tab_row_sub {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
}

.infor_tab_row_sub a {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
}

.infor_title3 {
    text-align: center;
    font-size: 1.6rem;
    padding: 20px;
    color: #03791d;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 500;
}

.visibility-hidden {
    visibility: hidden;
}

.infor_title_sub {
    font-size: 0.9rem;
    color: #E6007E;
    font-weight: 600;
    text-decoration: underline;
    padding: 0 20px 0 20px;
    display: none;
}


.infor_title_sub_main {
    font-size: 1rem;
    color: #E6007E;
    font-weight: 500;
    padding: 0 20px 0 20px;
}

.infor_col_add {
    display: flex;
    padding: 7px;
}

.infor_col_add:nth-of-type(odd) {
    background-color: #f7f7f7;

}

.infor_title_add {
    margin-right: 15px;
    color: #E6007E;
    font-weight: 500;
    width: 20%;
    text-align: end;
}

.rodzaj_m {
    display: none;

}

nth2 {
    cursor: pointer;
}

.nth:nth-of-type(even) {
    background-color: #f1f1f1;
}

.nth2:nth-of-type(odd) {
    background-color: #f1f1f1;
}

.infor_table hr {
    margin: 0;
    border: unset;
    border-top: 1px solid #dfc7c7;
}

.rejestracja,
.remaind {
    background-color: #E6007E;
    color: white;
    height: 22px;
    border: 1px solid white;
    border-radius: 30px;
    width: 100px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.9;
    font-weight: 600;
}

.remaind {
    background-color: #00870c;
}

footer {
    height: 20px;
}

.before {
    font-weight: 400;
    color: #929292;
}

.arrow_list {
    width: unset !important;
}

.pl0 {
    padding-left: 14px;
}


#filter_arrows {
    transform: rotateZ(180deg);
}

.nth3 a,
.nth3 button {
    color: #03791d !important;
    font-weight: 500;
}


#button_filtr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: white;
    font-weight: 400;
    margin-left: 20px;
    text-decoration: none;
    align-self: center;
    padding-right: 10px;
}

.block_tab {
    border-bottom: 1px solid #d7d7d7;
}

.mobile_sw {

    display: none;
}

.normal_sw {
    display: flex;
}

.scroller {
    scrollbar-color: var(--backdround-color) var(--backdround-color);
    transition: 0.6s scrollbar-color;
}

.scroller:hover {
    scrollbar-color: rgb(60, 145, 243) rgb(241, 241, 241);
    ;
}

.mb10 {
    margin-bottom: 10px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mv15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt5 {
    margin-top: 5px;
}

.after_t {
    background: var(--background-belka);
}

.green {
    color: var(--color-green);
    font-weight: 600;
}

.green_b {
    background-color: var(--color-green);
}

.green_b:hover {
    background-color: rgb(0, 87, 0);
}

#cover {
    background-color: #000000;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 150;
    transition: 0.4s opacity;
}

#remaind {
    transition: 0.4s opacity;
    display: none;
    z-index: 200;
    position: absolute;
}

#remaind_main {
    position: fixed;
    top: 0;
    display: flex;
    width: 100%;
    z-index: 60;
    height: 80vh;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: 0.4s opacity;
    opacity: 0;
    display: none;
}

.modal {
    width: 95%;
    max-width: 800px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.modal-header {
    background-color: var(--background-belka);
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    color: white;
}


.modal-header p {
    margin: 5px 0 0 10px;
}

.modal-content {
    padding: 0px 30px 20px 30px;
}

.modal-content p {
    font-size: 1.1rem;
}

.modal-content form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-content #email {
    margin-bottom: 20px;
    border: 1px solid rgba(0, 123, 224, 1);
    width: calc(100% - 40px);
    padding: 5px 20px;
    display: block;
    font-size: 1rem;
    border-radius: 5px;
}

.modal-content #email:focus {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 123, 224, 1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 123, 224, 1);
    box-shadow: 0px 0px 4px 0px rgba(0, 123, 224, 1);
    outline: none;
    border: 2px solid rgba(0, 123, 224, 1);
}

.modal-content .button-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.modal-content button {
    padding: 6px 60px;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.modal-content #save-btn {
    background-color: #328b32;
    color: white;
    transition-duration: 0.4s;
    transition-property: transform, background-color;
}

.modal-content #cancel-btn {
    background-color: #fd4e4e;
    color: white;
    transition-duration: 0.4s;
    transition-property: transform, background-color;
}


.modal-content #save-btn:hover {
    background-color: #006d00;
    transform: scale(1.05);
}

.modal-content #cancel-btn:hover {
    background-color: #b30000;
    transform: scale(1.05);
}

.modal-content input[type="text"] {
    width: 500px;
    padding: 5px 20px;
    margin: auto;
    display: block;
    font-size: 1.2rem;
    border-radius: 5px;
}

.rodo {
    font-size: 0.85rem !important;
    margin-top: 30px;
    margin-bottom: 0;
}

.modal-content .odp {
    margin: 50px 0 10px 0;
    justify-content: end;
}

.demand_main {
    text-align: center;
    padding: 11px 30px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    border-top: 1px solid #ffffff69;
}


.demand_main p {
    font-family: Manrope;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    color: white;
}

#zam_arrow {
    margin-top: 3px;
    margin-left: 15px;
}

#zamowienie_cont {
    background: #E6007E;
    color: white;
    text-decoration: none;
    display: flex;
    text-align: center;
    font-size: 1.4rem;
    cursor: pointer;
    justify-content: center;
    max-width: 1500px;
    margin: auto;
}

#demand_container {
    position: sticky;
    z-index: 100;
    bottom: 0;
}

.collaps_size {
    background-color: #007be0c9;
}

#coll5 {
    width: 96%;
    max-width: 1500px;
    margin: auto;
    background: white;
}

#mes_block,
#mail_block,
#whatsup_block {
    position: absolute;
    z-index: -1;
}

#share_icon {
    transition-duration: 0.4s;
    transition-property: background-color, transform;
}

#whatsup_block {
    transition-delay: 0.3s;
    transition-duration: 0.5s;
    transition-property: transform;
    display: none;
}

#mail_block {
    transition-delay: 0.6s;
    transition-duration: 0.5s;
    transition-property: transform;
    display: none;
}

#mes_block {
    transition: 0.5s transform;
    display: none;
}

.whatsup_lewo {
    transform: translateX(-55px);
}

.mail_lewo {
    transform: translateX(-100px);
}

.mes_lewo {
    transform: translateX(-145px);
}


#opis_belka {
    background-color: #006BBD;
    cursor: pointer;
    display: flex;
    justify-content: end;
    padding: 3px 10px;
    position: sticky;
    top: 0;
}

.share_js {
    width: 57px;
    padding-top: 5px;
}


#continue_button {
    position: fixed;
    z-index: 100;
    background: #006BBD;
    padding-bottom: 20px;
    color: white;
    border-radius: 10px;
    bottom: 45px;
    right: 20px;
    text-decoration: unset;
    transition-duration: 0.4s;
    transition-property: opacity, background-color;
}

#continue_button p {
    margin: 0 40px;
}

.close_times {
    font-size: 2rem;
    margin: 0;
    padding: 5px;
    line-height: 15px;
    float: right;
}

.m-1 {
    margin-top: -10px !important;
}

.belka_continue {
    background-color: #E6007E;
    font-size: 1.4rem;
    color: white;
}

#button_harmonogram {
    cursor: pointer;
    text-align: center;
    padding: 4px;
    width: 300px;
    background-color: #cbe7fb;
    margin-left: calc(44% - 150px);
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 3px 0px rgba(66, 68, 90, 1);
    margin-top: 9px;
    margin-bottom: 5px;
    transition-duration: 0.6s;
    transition-property: transform;
}

#button_harmonogram:hover {
    transform: scale(1.1);
}

.harm_box {
    margin-top: 10px;
    width: calc(90%);
    margin-left: 5%;
    font-weight: 400;
    background: unset;
}

.harm_box2 {
    padding: 4px 20px;
    width: 28%;
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 2px 0px rgba(66, 68, 90, 1);
}

.harm_block3,
.harm_block4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.harm_block {
    display: flex;
    justify-content: center;
    border-radius: 5px;
}

.harm_tyt {
    color: var(--color-magenta);
    font-size: 0.85rem;
    margin: 0;
    align-content: baseline;
    width: 57px;
    text-align: end;
    padding-top: 6px;

}

.harm_data {
    margin: 5px 0;
    width: calc(100% - 75px);
    font-size: 0.9rem;
}

.harm_data1 {
    margin: 5px 10px;
    font-weight: 600;
}



#harm_wew {
    padding: 40px 5px 60px 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

.legend {
    margin: 1em 0;
    padding: 1em;
    background: #f5f5f5;
    border-radius: 10px;
}

.legend span {
    display: inline-flex;
    align-items: center;
    margin-right: 1.5em;
}

.legend-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
    border-radius: 50%;
}

.legend-free {
    background: #2ECC40;
    border: 2px solid #1B8B2E;
}

.legend-paid {
    background: #E6007E;
    border: 2px solid #8A0040;
}

.event {
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
}

.event h3 {
    margin: 0 0 0.3em 0;
}

.event .tag {
    font-size: 0.9em;
    background: #eee;
    padding: 0.1em 0.5em;
    border-radius: 5px;
    margin-right: 0.3em;
}

.event .tag.paid {
    background: #FDE6F2;
    color: #9A1760;
}

.event .tag.free {
    background: #E6FDE6;
    color: #1B8B2E;
}

.unb {
    background: unset;
    border: unset;
    display: flex;
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.before_color {
    background: #c1c1c1;
}

#opis_tresc a {
    color: red;
    font-weight: 600;
}

@media all and (max-width: 1600px) {
    .szk_text0 {
        height: 75px;
    }

    .harm_box2 {
        width: 45%;
    }
}




@media all and (max-width: 1300px) {
    .szk_text0 {
        height: 90px;
    }

    #logo_up {

        flex-wrap: wrap;

    }

    .harm_box2 {
        width: 43%;
    }
}

@media all and (max-width: 1200px) {

    .harm_box2 {
        width: 100%;
    }

    #zamowienie_cont {
        border-top: 2px solid;
        font-size: 0.875rem;
        padding-top: 5px;
    }

    .opis_cena_mobile {
        display: none;
    }

    .demand_main p {
        font-size: 1rem;
    }

    .zapisy_cont {
        text-align: center;
        margin: 0 !important;
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .opis_platny {
        margin-top: 7px;
        position: static;
        text-align: center;
        font-size: 1.2rem;
    }

    #continue_button {
        position: static;
        opacity: 1;
        border-radius: 0;
        width: 96%;
        margin: auto;
        padding: 7px 0;
    }

    .close_times {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .modal-content button {
        padding: 6px 30px;
    }

    #cont_filter {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #filter_arrows {
        transform: rotateZ(0deg);
    }

    .filter_item {
        width: 94%;
        padding: 2px 0;
    }

    .tyt_filter {
        width: 97%;
    }

    .filter_item_tyt {
        width: 92%;
    }

    #filter_lew {
        position: absolute;
        z-index: 1;
    }


    .infor_col1_l {
        width: 100%;
    }

    #cal_search {
        margin-right: unset;
    }

    #month_switch {
        margin-top: 5px;
        margin-bottom: 10px;

    }

    #text_search {
        display: none;
    }

    #wrap_search_text {
        margin: 0;
    }

    .szk_text0 {
        height: unset;
    }

    .header_month {
        margin-top: -5px;
        font-weight: 400;
    }

    .arrowlp {
        width: 20px;
        height: 20px;
    }

    #legenda {
        display: block;
        padding-left: 10px;
    }

    #legenda ul {
        flex-direction: column;
        align-items: start;
        padding-left: 0px;
    }

    .legenda_gr {
        margin-bottom: 5px !important;
        margin-left: 0px;
    }

    #button_niepel {
        display: none;
    }

    #filter_switch {
        width: 30px;
        height: 30px;
    }

    #logo3 {
        height: unset;
        width: 100%;
        padding: 0px 10px 0px 10px;
        flex-direction: column;
        text-align: center;
    }

    .bold {
        font-weight: 400;
    }

    #button_filtr {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0;
    }

    #opis_cal {
        margin-top: 15px;
        padding: 10px;
    }

    .btn-outl-cyan {
        top: 1%;
    }


    #filter_zew {
        top: 80px;
    }

    #logo_month {
        width: unset;
        font-size: 1.3rem;
        margin-bottom: 10px;
    }

    #zakr {
        display: none;
    }

    .ticket_1 {
        width: 95%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        min-height: unset;
        border: none;
        padding-bottom: 5px;
        --webkit-box-shadow: 0px 0px 5px 0px rgba(66, 68, 90, 1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(66, 68, 90, 1);
        box-shadow: 0px 0px 5px 0px rgba(66, 68, 90, 1);
    }

    .ticket_1>ul {
        margin-left: 10px;
    }

    #search {
        margin-bottom: 10px;
    }

    .ticket_zew {
        display: block;
        padding: 20px 0px 5px 0px;
        font-size: 1rem;
    }

    #cal_days {
        display: none;
    }

    .cal_week {
        display: block;
    }

    .cal_week_day {
        display: flex;
        margin-right: 10px;
    }

    #logo,
    #logo2 {
        display: none;
    }

    .disp_mob {
        display: none;
    }

    .opis_wrap {
        width: 90%;
        margin-left: 5%;
        display: flex;
        flex-direction: column;
    }

    .opis_gr {
        width: 100%;
        text-align: left;
        color: #000000;
        font-size: 1.1rem;
    }

    .opis_tresc {
        font-size: 1rem;
        width: 100%;
    }

    #opis {
        width: 100%;
        margin: auto;
        height: unset;
        left: 0;
        top: 0;
        height: 100%;
        padding: 0;
    }

    .opis_tyt {
        font-weight: 700;
        font-size: 1.3rem;
    }

    .szk_text1 {
        border-radius: 5px;
        height: 10px;
        min-height: unset;
        margin-left: 15px;
        margin-top: 5px;
        margin-right: 10px;
    }

    .btn-outl-cyan {
        top: 10px;
        position: fixed;
        right: 20px;


    }

    .btn-outl-magenta {
        top: 10px;
        font-size: 0.9rem;
        /* position: fixed; */
        left: 20px;

    }

    .block_tab {
        display: none;
    }

    .rej {
        margin-bottom: 5px;
    }

    header {
        position: static;
        transform: unset;
        margin: auto;
        width: 98%;
    }

    .infor_tresc_add {
        width: unset;
    }

    #page {
        width: 98%;
    }

    .infor_tresc,
    .infor_tresc_d {
        line-height: 20px;
        justify-content: unset;
        padding-left: 19px;
    }

    .infor_row_add {
        font-size: 1rem;
    }

    #header_months_wrap {
        width: 130px;
        padding-top: 0;
    }

    .rodzaj {
        display: none;
    }

    .rodzaj_m {
        display: block;
    }

    .infor_row_title {
        display: none;
    }

    .infor_row {
        flex-direction: column;
        width: 100%;
        padding-bottom: 0;
    }

    .infor_col1,
    .infor_col2,
    .infor_col3 {
        width: 100%;
        border: none;
    }


    .infor_title_sub {
        display: block;
    }

    .infor_col_add {
        flex-direction: column;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .infor_title_add {
        width: unset;
        text-align: left;
    }

    .infor_row_add {
        padding: 10px 20px;
        line-height: 1.2;
    }

    .infor_email {
        margin-top: -3px;
        margin-bottom: 5px;
    }

    .infor_title2 h2 {
        font-size: 1rem;
    }

    .infor_title1 h1,
    .infor_title5 h1 {
        font-size: 1.3rem;
    }

    .infor_tab_row_sub {
        position: relative;
        align-items: end;
        position: relative;
        flex-direction: column;
    }

    .infor_col_add:nth-of-type(odd) {
        background-color: unset;
    }

    :root {
        font-size: 15px;
    }

    main_infor,
    main_lista {
        width: 100%;
    }


    .infor_title1 img {
        position: static;
    }


    .mobile_sw {
        display: flex;
    }

    .normal_sw {
        display: none;
    }

    .filter_item_r,
    #wrap_search_text {
        width: 90%;
    }

    #filter_main_2 hr {
        width: 95%;
    }

    #filter_main_2 {
        height: 75vh;
    }

}