@import url("./fonts.css");
/* 1rem = 10px */
/*
#231f20 - szary
#656263 - szary jasny
#d22027 - czerwony tło przycisku, kalendarza
#d6343a - czerwony tekst koło logo
#7b7979 - szary ciemny tło
#e9e9e9 - szary jasny tło
#
*/

@font-face {
    font-family: "btpnormal";
    src: url("/pliki/aa_btp-webfont.eot");
    src: url("/pliki/aa-webfont.eot?#iefix") format("embedded-opentype"),
    url("/pliki/aa_btp-webfont.woff2") format("woff2"),
    url("/pliki/aa_btp-webfont.woff") format("woff"),
    url("/pliki/aa_btp-webfont.ttf") format("truetype"),
    url("/pliki/aa_btp-webfont.svg#btpnormal") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "btplight";
    src: url("/pliki/aa_btp_light-webfont.eot");
    src: url("/pliki/aa_btp_light-webfont.eot?#iefix") format("embedded-opentype"),
    url("/pliki/aa_btp_light-webfont.woff2") format("woff2"),
    url("/pliki/aa_btp_light-webfont.woff") format("woff"),
    url("/pliki/aa_btp_light-webfont.ttf") format("truetype"),
    url("/pliki/aa_btp_light-webfont.svg#btplight") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

a {
    color: inherit
}

h1, h2, h3, h4,
div.step-name,
#ticketsTable > tbody > tr td {
    color: #000000;
    font-family: btpnormal, "Open Sans", sans-serif;
}

#block-basket {
    padding-right: 0;
    padding-top: 0.5em;
    text-transform: lowercase;
}

#user-register, #user-dane-do-faktur {
    padding-left: 0;
}

.tool-tip-etykieta {
    font-weight: normal;
}

h2 {
    border-bottom: 1px solid #000000;
    display: inline-block;
    font-size: 3em;
    font-weight: bold;
    text-transform: uppercase;
}

#legenda h2 {
    margin-bottom: 20px;
}

h4.places-step {
    letter-spacing: 0.1rem;
    margin: 15px 0;
    text-transform: uppercase;
    word-spacing: 1rem;
}

h4.event-time {
    letter-spacing: 0.1rem;
    word-spacing: 1rem;
}

.js .no-js, .no-js .js {
    display: none;
}


/*** STUDIO **/
footer {
    color: #000000;
    font-size: 0.75em;
    margin-top: 10px;
}

footer,
header,
menu,
nav,
section {
    display: block;
}

img {
    max-width: 100%;
}

nav ul {
    list-style: none;
}

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

.nav ul.main-menu {
    display: flex;
    margin-top: 30px;
    padding-left: 0;
}

@media (max-width: 991px) {
    .nav ul.main-menu {
        justify-content: space-between;
        margin-right: 15px;
    }
}

.nav ul.main-menu > li {
    align-items: center;
    align-self: center;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 33%;
    /*margin-top: 30px;
    font-family: btp-regular, sans-serif;
    transform: translateY(-50%);*/
}

.nav ul.main-menu > li:last-child {
    text-align: right;
}

.nav ul.main-menu > li:first-child {
    text-align: left;
}

.nav ul.main-menu > li a {
    color: #6d6f71;
    font-size: 18px;
}

.nav ul.main-menu > li.visible-lg.visible-md a {
    position: relative;
    top: -0.5em;
}

.nav ul.main-menu > li a + span {
    color: #6d6f71;
    font-size: 18px;
}

/*.nav ul.main-menu > li a.toggle {*/
/*    COLOR: BLACK;*/
/*    FONT-WEIGHT: 600;*/
/*    TEXT-DECORATION: underline;*/
/*    cursor: pointer;*/
/*    font-size: 36px;*/
/*}*/

/*.toggle span {*/
/*    margin: 0 auto;*/
/*    position: relative;*/

/*}*/

nav#navigateArea {
    background-color: #212b36;
    color: white;
    display: none;
    height: 100%;
    right: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    min-height: 105px;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 1.5;
    font-family: "Moderat", sans-serif;
    font-size: 26px;
    font-weight: 500;
}

@media (min-width: 992px) {
    nav#navigateArea {
        width: 880px;
    }
}

#navigateArea a, #navigateArea a:hover {
    color: white;
}

#navigateArea .main-menu {
    display: flex;
    margin-bottom: 40px;
    padding-left: 0;
}

#navigateArea .main-menu li {
    align-self: center;
    float: left;
    width: 50%;
}

#navigateArea .main-menu li:last-child {
    font-size: 40px;
    text-align: right;
}

#navigateArea h1 {
    clear: both;
    color: #ffffff;
    float: left;
    font-size: 5.6em;
    line-height: 1.4em;
    margin-bottom: 20px;
    text-decoration: underline;
    text-transform: uppercase;
    width: 100%;
}

/** STUDIO END **/


.btn {
    background-color: #d2232b;
    border-radius: 0;
    color: white;
    font-weight: bold;
}

.btn.btn-iksoris {
    background-color: #000000;
    color: #ffffff;

    font-family: btpnormal, "Open Sans", sans-serif;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    text-decoration: underline;
    text-transform: uppercase;
}

.btn.btn-iksoris2 {
    background-color: #ffffff;
    border: 0 none;
    color: #000000;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    text-decoration: underline;
    text-transform: uppercase;
}

.btn.btn-iksoris2:hover {
    background-color: #000000;
    color: #ffffff;
}

#top-info > p {
    padding: 5px 15px;
    text-align: center;
}

header {
    margin-top: 25px;
}

h2#zakup {
    color: #c50005;
    display: inline-block;
    font-size: 2rem;
    margin-left: 2rem;
    text-transform: none;
}


.navbar-nav > li > a {
    color: #000000;
    font-size: 1.9rem;
    text-decoration: underline;
    text-transform: none;

}

.navbar-nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;

}

.mceContentBody:empty {
    display: none;
}

/* /index/index.html */
table#kalendarz tbody td {
    text-align: center;
    width: 14.2857%;
}

table#kalendarz #miesiac {
    padding-bottom: 3rem;
    text-transform: capitalize;
}

table#kalendarz #miesiac a {
    background-color: #e9e9e9;
    color: black;
    display: inline-block;
    height: 3.3rem;
    line-height: 3.3rem;
    width: 3.3rem;
}

table#kalendarz #miesiac a:hover {
    background-color: #7b7979;
    text-decoration: none;
}

table#kalendarz {
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%;
}

table#kalendarz tbody td {
    border-spacing: 1px;
    line-height: 3;
}

table#kalendarz tbody td a, table#kalendarz tbody td a:hover {
    color: inherit;
    text-decoration: none;
}

table#kalendarz .niedostepny {
    background-color: #7b7979;
    color: white;
}

table#kalendarz .dostepny {
    background-color: #e9e9e9;
    color: black;
}

table#kalendarz .dostepny:hover {
    background-color: #d22027;
    color: white;
}

/* /rezerwacja/termin.html */
h2.title + h2 {
    margin-top: -10px;
}

/* */

footer {
    text-align: center;
    /*    bottom: 0;
        position: fixed;*/
}

footer a {
    color: inherit;
}

div#month .next, div#month .prev {
    font-family: btpnormal, "Open Sans", sans-serif;
    font-size: 2em;
    line-height: 1.1em;
}

div#month h3 > a.btn.btn-iksoris2 {
    margin-top: -1em;
}

#month {
    text-transform: capitalize;
}

table#eventsTable {
    text-transform: uppercase
}

table#eventsTable > thead > tr > th {
    padding-left: 0;
}

table#eventsTable > tbody > tr > td {
    padding-left: 0;
}

table#calendar > thead > tr > th {
    color: #000000;
    text-transform: uppercase;
}

table#calendar > tbody > tr > td, table#calendar > thead > tr > th,
table#eventsTable > tbody > tr > td, table#eventsTable > thead > tr > th, table#eventsTable > tbody > tr > th,
table#eventsEventTable > tbody > tr > td, table#eventsEventTable > thead > tr > th, table#eventsEventTable > tbody > tr > th {
    border: 0 none;
}

table#calendar th, table#eventsEventTable th {
    font-weight: normal;
    width: 14.2757%;
}

table#calendar th, table#calendar td, table#eventsEventTable td {
    padding: 0.2em;
    text-align: center;
}

table#calendar td span, table#calendar td a, table#eventsEventTable td span, table#eventsEventTable td a {
    border: 1px solid #000000;
    display: block;
    font-size: 24px;
    padding: .5em 0;
}

table#calendar td.td-calendar-outside-month span, table#calendar td.td-calendar-outside-month a, table#eventsEventTable td.td-calendar-outside-month span, table#eventsEventTable td.td-calendar-outside-month a {
    border: 0 none;
}

table#calendar td.td-calendar-inside-month span,
table#calendar td.td-calendar-inside-month.td-calendar-past a,
table#eventsEventTable td.td-event-unavailable a,
table#eventsEventTable td.td-event-unavailable span {
    background: white url("/images/calendar_unavailable.png") no-repeat center center;
    background-size: 100% 100%;
    color: #000000;
    position: relative;
}

table#calendar td.td-calendar-inside-month a,
table#eventsEventTable td.td-event-available a,
table#eventsEventTable td.td-event-available a.td-event-available-legend:hover {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
}

table#calendar td.td-calendar-inside-month a:hover,
table#eventsEventTable td.td-event-available a:hover,
table#eventsEventTable td.td-event-available a.td-event-available-hovered-legend {
    background-color: #000000;
    color: #ffffff;
}

span.btn-iksoris3, span.btn-iksoris3:hover, span.btn-iksoris3:focus,
h4.btn-iksoris3, h4.btn-iksoris3:hover, h4.btn-iksoris3:focus {
    background-color: transparent;
    border-color: #000000;
    border-width: 1px;
    color: #000000;
    cursor: text;
    font-weight: normal;
}

h4.iksoris-pozycja-cennika > span {

}

.td-item-element.ilosc .input-group-addon:hover {
    background-color: #d2232b;
    border-color: #665555;
    color: #ffffff;
}

.td-item-element.ilosc input[type=number] {
    -moz-appearance: textfield;
    text-align: right;
}

@media screen and (max-width: 769px) {
    .td-item-element.ilosc input[type=number] {
        padding: 0 0.5em;
        text-align: inherit;
    }

    .td-item-element.ilosc > div {
        padding-left: 0;
        padding-right: 0;
    }
}

.td-item-element.ilosc input[type=number]::-webkit-inner-spin-button,
.td-item-element.ilosc input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

table#ticketsTable > thead > tr > th {
    border-bottom: 1px solid #000000;
}

table#ticketsTable > tbody > tr > td {
    border: 0 none;
}


div.step-item {
    text-align: center;
}

form#search .divField,
#form_login .divField,
#form_change_password .divField,
#form_platnosc .divField,
#faktura_klienci .divField,
#form_uzytkownik .divField,
#form_adres_dostawy .divField {
    align-content: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
}

form#search .divField .divName,
form#search .divField .divElement,
#form_login .divField .divName,
#form_login .divField .divElement,
#form_change_password .divField .divName,
#form_change_password .divField .divElement,
#form_platnosc .divField .divName,
#form_platnosc .divField .divElement,
#form_uzytkownik .divField .divName,
#form_uzytkownik .divField .divElement,
#form_dane_do_faktur .divField .divName,
#form_dane_do_faktur .divField .divElement,
#faktura_klienci .divField .divName,
#faktura_klienci .divField .divElement,
#form_adres_dostawy .divField .divName,
#form_adres_dostawy .divField .divElement {
    flex: 1 0px;
}

form#search .divField .divName label,
#form_login .divField .divName label,
#form_change_password .divField .divName label,
#form_platnosc .divField .divName label,
#form_uzytkownik .divField .divName label,
#form_dane_do_faktur .divField .divName label,
#faktura_klienci .divField .divName label,
#form_adres_dostawy .divField .divName label {
    text-transform: lowercase;
    white-space: nowrap;
}

form#search .divField .divName,
#form_login .divField .divName,
#form_change_password .divField .divName,
#form_platnosc .divField .divName,
#form_uzytkownik .divField .divName,
#form_dane_do_faktur .divField .divName,
#faktura_klienci .divField .divName,
#form_adres_dostawy .divField .divName {
    padding-right: 1rem;
    padding-top: 1rem;
}

form#search .divField .divElement input,
#form_login .divField .divElement input,
#form_change_password .divField .divElement input,
#form_platnosc .divField .divElement input,
#form_uzytkownik .divField .divElement input,
#form_uzytkownik .divField .divElement select,
#faktura_klienci .divField .divElement input,
#faktura_klienci .divField .divElement select,
#form_adres_dostawy .divField .divElement input,
#form_adres_dostawy .divField .divElement select,
#form_dane_do_faktur .divField .divElement input,
#form_dane_do_faktur .divField .divElement select {
    border-color: transparent;
    border-image: url("/images/kropkiinput.png") 0 0 4 0 repeat;
    border-width: 0 0 4px 0;
    box-shadow: none;
    outline: none;
}


@media screen and (max-width: 767px) {
    div.row-steps {
        padding: 0.5em 0;
    }

    #navigateArea h1 {
        font-size: 2em;
    }
}

@media screen and (max-width: 991px) {
    #ticketsTable {
        max-width: 100%;
    }

    #ticketsTable > tbody > tr td.td-item-element.ilosc {
        font-size: 1.8rem;
    }

    form#search .divField,
    #form_login .divField,
    #form_change_password .divField,
    #form_platnosc .divField,
    #form_uzytkownik .divField,
    #form_dane_do_faktur .divField,
    #form_adres_dostawy .divField {
        width: 100%;
    }

    #navigateArea h1 {
        font-size: 3em;
    }


}

@media screen and (min-width: 768px) {
    div.row-steps div.step-item:first-child {
        text-align: left;
    }

    div.row-steps div.step-item:last-child {
        text-align: right;
    }
}

@media screen and (min-width: 979px) {
}

#ticketsTable tbody tr td input.form-control.input-ilosc {
    height: 2.1rem;
}


div.step-name {
    display: inline-block;
    padding: 0.3em 1em;
    text-transform: uppercase;
}

div.step-actual div.step-name {

    background-color: #000000;
    color: #ffffff;
}

/**#steps > div.step-item.step-4, #steps > div.step-item.step-4 {  width:16%;}**/
#steps div.step-content {
    width: 100%;
}

#steps div.step-circle {
    /**background-color: #fff;
    color: white;
    content: counter(step, decimal) !important;
    counter-increment: step !important;
    display: block;
    height: 1em;
    line-height: 1em;
    margin-top: 1.2em;
    margin-left:-0.3em;
    margin-right: 0.5em;
    text-align: center;
    width: 1em;
    border-radius: 0.5em;
    border: 1px solid #000;
    float: left;**/
    display: none;
}

#steps > div.step-passed .step-circle { /**background-color: #000; color:#000;*/
    display: none;
}

.pdf-ico {
    width: 40px;
}

td.td-item-label {
    padding-bottom: 0;
}

.iksoris-pozycja-desc {
    display: block;
    float: left;
    width: 100%;
}

#ticketsTable {
    max-width: 80%;
}

#ticketsTable > tbody > tr td.td-item-price,
#ticketsTable > tbody > tr td.td-item-sum {
    font-size: 1.8rem;
}

#ticketsTable > tbody > tr td span.span-small {
    font-size: 0.9rem;
    margin-right: 0.5em;
    text-transform: lowercase;
}

#ticketsTable > tbody > tr td input {
    border-style: none;
    border-width: 0;
}

#ticketsTable tbody tr td input.form-control.input-ilosc {
    display: inline-block;
    font-size: 2rem;
    max-width: 5rem;
    padding: 0rem 0.5rem;
    width: auto;
}

#ticketsTable tbody tr td.td-item-element.ilosc {
    text-align: center;
}

.container-container {
    padding-bottom: 2rem;
}

.container-container:nth-child(odd) {
    background-color: #f2f2f2;
}


.navbar.navbar-top {
    font-family: btpnormal, "Open Sans", sans-serif;
    margin-bottom: 0;
}

.navbar.navbar-top .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar.navbar-top .navbar-collapse {
    text-align: center;
}

.navbar.navbar-top .navbar-collapse a {
    font-size: 1.2rem;
    text-transform: uppercase;
}


table.borderless tr > td, table.borderless tr > th, table.borderless > tr {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

table.lowercase-th th {
    font-weight: normal;;
    text-transform: lowercase;

}

.step-item.step-first .step-name {
    padding: 0.3em 1em 0.3em 0;
}

.step-item.step-last .step-name {
    padding: 0.3em 0 0.3em 1em;
}

.step-item.step-first.step-actual .step-name,
.step-item.step-last.step-actual .step-name {
    padding: 0.3em 1em;
}


svg #rect1 {
    stroke: rgb(244, 244, 244) !important;
}


#wizualizacja svg {
    font-family: btplight, btpnormal, "Open Sans", sans-serif;
    font-weight: normal
}

h4.iksoris-pozycja-cennika {
    margin-top: 0;
}


#koszyk table.bilety a span.orange {
    color: #000000;
}

#koszyk table.bilety a:hover span.orange {
    color: #222222;
}

.padding-left-0 {
    padding-left: 1px !important;;
}

form#search .hdr {
    font-weight: bold;
    margin-bottom: 20px;
}

form#search .form-group {
    margin-bottom: 20px;
}

form#search #search_przyciski {
    margin-bottom: 20px;
}


/* karnety */
.div-table {
    display: table;
    margin-bottom: 30px;
}

.div-table .divPozycjaCennikaHdr, .div-table .divPozycjaCennika {
    display: table-row;
}

.div-table .divPozycjaCennikaHdr > *, .div-table .divPozycjaCennika > * {
    color: black !important;
    display: table-cell;
    padding: 5px 10px;
}

.div-table .divPozycjaCennikaHdr > *, .div-table .divPozycjaCennika > :first-child {
    font-family: btpnormal, "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.div-table .divPozycjaCennika > .ilosc > input {
    max-width: 5em;
}

.input-hide {
    background: transparent;
    border: 0 none;
    color: transparent;
    height: 1px;
    position: absolute;
    width: 1px;
}

/* sklep */
.paginator * {
    border-radius: 0 !important;
}

.pagination > li > a, .pagination > li > span,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: black;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: black;
    border-color: black;
}

.list-group-item {
    border-radius: 0 !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: black !important;
    border-color: black;
    outline: none !important;
}

.list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a {
    color: inherit;
}

.list-group-item.lv-2 {
    padding-left: 30px;
}

.list-group-item.lv-3 {
    padding-left: 45px;
}

.list-group-item.lv-4 {
    padding-left: 60px;
}

.list-group-item.lv-5 {
    padding-left: 75px;
}

#page-towary {
    margin-top: 20px;
}

@media (max-width: 767px) {
    #page-towary {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    #towary-menu {
        max-width: 300px;
    }
}

#page-towary .towar {
    border: 1px solid #dddddd;
    margin-bottom: 15px;
    padding: 10px 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

#page-towary .towar-zdjecie {
    align-items: center;
    -webkit-box-align: center;
    display: inline-flex;
    justify-content: center;
    /*display: -webkit-inline-box;*/
    display: -ms-inline-flexbox;
    -ms-flex-align: center;
    text-align: center;
}

.mt-auto {
    margin-top: auto;
}

#page-towary .towar-zdjecie a {
    color: black !important;
}

#page-towary .towar-zdjecie img {
    margin-bottom: 10px;
    max-width: 100%;
}

#page-towary .towar-zdjecie .brak-zdjecia {
    background-color: #eeeeee;
    color: transparent;
    min-height: 200px;
    width: 200px;
}

#page-towary .towar .promo {
    color: #962825;
    font-weight: bold;
}

@media (max-width: 479px) {
    #page-towary > .row > div {
        float: none;
        width: 100%;
    }
}

.opis_towaru #towar_dokoszyka_liczba {
    display: inline-block;
    width: 4em;
}

.opis_towaru .cena {
    font-size: 2rem;
}

.cena .promocja {
    color: black;
}

.cena .standard {
    text-decoration: line-through;
}

img#bigpix {
    max-width: 100%;
}

.zdjecia_mini {
    width: 100%;
}

.zdjecia_mini * {
    display: inline-block;
}

.zdjecia_mini .zdjecie_mini {
    padding: 2px;
}

.zdjecia_mini img {
    max-width: 75px;
}

div.towary_wydarzenia {
    text-align: left;
}

div.towary_wydarzenia h2 {
    background: #a48438;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 5px 15px;
    text-transform: uppercase;
}

div.towary_wydarzenia ul {
    font-size: 14px;
    list-style: none;
    margin: 5px 0 15px 5px;
    padding: 0;
}

div.towary_wydarzenia ul li {
    background: transparent url("/images/layout/li.png") no-repeat left center;
    padding: 0 0 0 10px;
}

div.towary_wydarzenia ul li a {
    border-bottom: 1px dotted #273844;
    color: #273844;
    display: block;
    padding: 7px 0;
    text-decoration: none;
}

div.towary_wydarzenia ul li a:hover {
    color: #a48438;
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 768px;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        width: 992px;
    }
}

.checkbox label a {
    color: #000000;
    text-decoration: underline;
}

#loading {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    display: none;
    font-size: 1.2rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#loading .loading-text {
    color: white;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

#cross-selling-loading {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    display: none;
    font-size: 1.2rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#cross-selling-loading .loading-text {
    color: white;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

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

.d-inline-block {
    display: inline-block;
}

#dane-do-faktur-lista {
    display: flex;
    justify-content: start;
}

.zachowane_dane_do_faktury {
    align-items: center;
    border: 1px solid lightgrey;
    display: flex;
    height: 110px;
    justify-content: center;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    width: 200px;
}

.zachowane_dane_do_faktury:hover {
    cursor: pointer;
}

.zachowane_dane_do_faktury.selected {
    background-color: #e5e5e5;
    border: 2px solid lightgrey;
}

#faktura_imie_nazwisko, #faktura_nazwa_nip {
    display: none;
}

.divErrorField div {
    color: indianred;
}

#block-basket:hover {
    cursor: pointer;
}

.koszyk-do-zaplaty {
    font-weight: bold;
}

.font-weight-normal {
    font-weight: normal;
}

/*.table-stripped tbody tr:nth-of-type(even) {*/
/*    background-color: rgba(0,0,0,.05);*/
/*}*/
.table-stripped tbody tr {
    border-top: 1px solid lightgray;
}

.table-stripped tbody tr:last-child {
    border-bottom: 1px solid lightgray;
}

a.btn-iksoris {
    display: inline-block;
    min-width: 100px;
    text-align: center;
}

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

ul.paginator {
    border-radius: .25rem;
    display: flex;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}

ul.paginator li.selected {
    background-color: black;
    border-color: black;
    color: #ffffff;
    display: block;
    height: 30px;
    padding: .5rem .75rem;
    text-align: center;
    width: 30px;
    z-index: 3;
}

ul.paginator li a {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    color: black;
    display: block;
    height: 30px;
    line-height: 1.25;
    margin-left: -1px;
    padding: .5rem .75rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

/* .row--flex */
.row--flex {
    display: flex;
    flex-wrap: wrap;
}

.row--flex > * {
    display: flex;
    flex-direction: column;
}

.row--flex > * .towar {
    height: 100%;
}

label.error {
    color: red;
}

#rezerwacja_btn_submit {
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.suggested-products-close-btn span svg {
    width: 40px;
    height: 40px;
}

.close.suggested-products-close-btn {
    opacity: 1;
}

.close.suggested-products-close-btn:hover {
    opacity: 0.5;
}

.mt-3 {
    margin-top: 1rem;
}

.pt-3 {
    padding-top: 1rem;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.visually-hidden {
    display: none;
}

.mt-5 {
    margin-top: 2.5rem;
}

.mb-5 {
    margin-bottom: 2.5rem;
}

.mt-3 {
    margin-top: 1.5rem;
}

.mb-3 {
    margin-bottom: 1.5rem;
}

.lista-voucherow-table tbody tr td {
    font-size: 1.8rem;

}

.lista-voucherow-table label {
    font-weight: normal;
}

.liczba-voucherow-input {
    width: auto;
    max-width: 5rem;
    height: 2.1rem;
}

@media (min-width: 992px) {
    .lista-voucherow-table tbody tr td:first-child {
        width: 40%;
    }

    .lista-voucherow-table tbody tr td:nth-child(2),
    .lista-voucherow-table tbody tr td:nth-child(3),
    .lista-voucherow-table tbody tr td:nth-child(4) {
        width: 20%;
    }
}

table.koszyk-vouchery-table {
    background-color: white;
}

.my-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.wizualizacja-kontener {
    overflow-x: auto;
    overflow-y: hidden;
}

.o-hamburger {
    top: 55%;
    right: 130px;
    margin: 0 0 0 auto;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.75);
}

.hamburger-toggle {
    display: flex;
    height: 33px;
    width: 40px;
    flex-direction: column;
    margin-left: 20px;
    justify-content: space-between;
}

.hamburger-toggle .hamburger-stripe {
    height: 3px;
    background-color: black;
}

.hamburger-toggle .hamburger-stripe:last-child,
.hamburger-toggle .hamburger-stripe:first-child {
    width: 70%;
    margin-left: auto;
    transition: width 0.5s ease-in-out;
}

.hamburger-toggle:hover .hamburger-stripe:last-child,
.hamburger-toggle:hover .hamburger-stripe:first-child {
    width: 100%;
    transition: width 0.4s ease-in-out;
}

html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.container-container {
    flex-grow: 1;
}

#navigateArea .menu-container {
    padding: 0 30px 30px 30px;
}

@media (min-width: 992px) {
    #navigateArea .menu-container {
        padding: 0 80px 80px 80px;
    }
}

.hidemenu {
    font-size: 2.8em;
    font-weight: 800;
    color: white !important;
    z-index: 999999;
}

.hidemenu svg {
    width: 30px;
    height: 30px;
}

.close-menu-wrapper {
    display: flex;
    justify-content: end;
}

ul.menu-social-media {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    display: inline-flex;
    width: 100%;
}

ul.menu-social-media li {
    display: inline-flex;
    font-size: 18px;
    margin-right: 40px;
    align-items: center;
}

.menu-scial-label {
    display: inline-block;
}

@media (max-width: 720px) {
    ul.menu-social-media li a span {
        display: none;
    }
}

.menu-social-media,
#menu-menu-glowne {
    padding: 0;
}

/*#menu-menu-glowne .sub-menu{*/

/*    padding: 0;*/
/*    list-style-position: inside;*/
/*    list-style-type: none;*/
/*    text-indent: 0;*/
/*}*/
#menu-menu-glowne {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#menu-menu-glowne .sub-menu {
    padding-left: 0;
}

#menu-menu-glowne .menu-item-1st-level {
    text-indent: 0;
    padding-left: 0;
    display: block;
    width: 50%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

@media (min-width: 992px) {

    #menu-menu-glowne .menu-item-1st-level {
        width: calc(100% / 3);
    }
}

#menu-menu-glowne .menu-item-1st-level p {
    text-transform: uppercase;
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

#navigateArea .menu-item-2nd-level a {
    padding: 5px 0;
    opacity: .8;
    font-size: 16px;
    color: #aeaeae;
}

.c-nav__logos {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.c-nav__logos a {
    width: calc(100% / 3);
    display: flex;
    align-items: center;
}

.c-nav__logos a img {
    width: 100%;
    max-width: 120px;
}

ul.menu-social-media li.menu-scial-label {
    display: none;
}

.social-media-item a span {
    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
    padding-right: 2px;
    padding-left: 2px;
}

.social-media-item a span:hover {
    color: #212b36;
    background-color: white;
}


.social-media-item i {
    font-size: 20px;
}

.c-nav__hours {
    font-size: 16px;
    font-weight: 500;
}

.c-nav__hours .textwidget {
    max-width: 400px;
}

.tabela-szczegoly-rezerwacji {
    margin-top: 15px;
    border: 1px solid lightgrey;
}

.tabela-szczegoly-rezerwacji + .tabela-szczegoly-rezerwacji {
    margin-top: 30px;
}

.tabela-szczegoly-rezerwacji tr th {
    width: 30%;
}

@media (min-width: 768px) {
    .tabela-szczegoly-rezerwacji tr th {
        width: 250px;
    }
}

.rezerwacje-table {
    border: 1px solid lightgrey;
}


.rezerwacje-table tr.mainrow td {
    border-top: 0;
}

.lang-mobilemenu {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
}

.nav ul.main-menu > li a.lang-switch-link {
    text-transform: uppercase;
    font-size: 20px;
    color: black;
    font-weight: 500;
}