p {
    font-size: 1rem;
    line-height: 1.3rem;
    margin: 0 0 10px;
}

h1, h2 {
    font-weight: 600;
}
h1, h2, h3, .h1, .h2, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
p.large-text, h1.large-text, h2.large-text, h3.large-text, h4.large-text, label.bmd-label-floating.large-text, .form-control.large-text {
    font-size: 125%;
    line-height: 125%;
}
.title, .title a, .card-title, .card-title a, .info-title, .info-title a,
.footer-brand, .footer-brand a, .footer-big h5, .footer-big h5 a, .footer-big h4, .footer-big h4 a,
.media .media-heading, .media .media-heading a {
    color: rgba(0, 0, 0, 0.8);
}
b, strong {
    font-weight: bold;
}
.text-through-line {
    text-decoration: line-through;
}
hr {
    height: 2px;
}
.form-control {
    background-image: none;
}

.is-focused .form-control:invalid {
    background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, white 1px, rgba(210, 210, 210, 0) 1px);
}
.form-control.form-control-danger, .is-focused .form-control.form-control-danger {
    background-image: linear-gradient(to top, red 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}
.form-control:focus {
    color: #495057;
    background-color: white;
    border: 1px solid #dfe0db;
}
.is-focused .form-control {
    background-image: linear-gradient(to top, #3d3d3d 3px, rgba(255, 255, 255, 1) 2px);
}
.is-focused .form-control:disabled, .is-focused .form-control:focus:disabled, .is-focused .form-control[readonly] {
    background-color: #e9ecef;
    background: #e9ecef;
    opacity: 1;
}
.form-control[multiple] {
    height: auto;
    max-height: 100px;
}
/*MODALE*/
.modal-dialog .modal-content {
    box-shadow: none;
    background-color: white;
    color: rgba(0, 0, 0, 0.8);
}
.modal-dialog .modal-body {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-dialog .modal-header {
    border-bottom: 1px solid #e9ecef;
}
.modal-dialog .modal-body+.modal-footer {
    padding-top: 10px;
}
.modal-dialog .modal-footer button.btn-block {
    width: 100%;
}
#modalUwagiDiv .modal {
    z-index: 1051;
}
/* BOOTSTAP 4
@media (min-width: XXXpx)
xs <576px
sm ≥576px
md ≥768px
lg ≥992px
xl ≥1200px
*/
@media (min-width: 576px) {
    .modal-dialog.modal-lg {
        max-width: calc(100% - 110px);
        margin: 55px auto;
    }
}
@media (min-width: 992px) {
    .modal-dialog.modal-lg {
        max-width: 960px;
        margin: 55px auto;
    }
}

/*MENU na górze strony*/
.navbar.navbar-transparent {
    padding: 0.5rem 0.5rem;
    background-color: transparent !important;
}
.nav-item {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-item .address {
    text-overflow: ellipsis;
    overflow: hidden;
    position: fixed;
    max-width: 140px;
}
.nav-tabs, .nav-pills {
    padding: 15px;
}

.nav-tabs .nav-item .nav-link {
    padding: 8px 10px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: rgba(255, 255, 255, 0.2) !important;
    transition: 0.3s background-color 0.2s;
}

.navbar .navbar-nav .nav-item .nav-link {
    position: relative;
    color: inherit;
    padding: 0.6rem 0.6rem;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 0px;
    text-transform: uppercase;
    line-height: 1.2rem;
}
.dropdown-toggle::after {
    vertical-align: middle;
}
.menu-lang .menu-lang-description {
    text-transform: unset;
}
.menu-lang-flag-list {
    width: 20px;
    height: auto;
    margin: auto 10px auto 0px;
}
.border-bottom {
    border-bottom: 1px solid #adadad !important;
}
.btn-fa-angle {
    transition: all 0.3s linear;
}
.fa-payment-icon-right {
    position: relative;
    display: inline-flex;
}

.fa-payment-icon-right i, i.fa-payment-icon-right {
    font-size: 22px;
    margin-left: 5px;
}
.fa-payment-icon-right i, i.fa-payment-icon-right {
    font-size: 100px;
    margin-left: 0px;
    margin-right: 10px;
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: auto;
    vertical-align: middle;
}

.navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.active .nav-link:hover, .navbar .navbar-nav .nav-item.active .nav-link:focus {
    color: inherit;
    background-color: transparent;
    border-bottom: 1px solid #adadad !important;
}
/*SUBMENU rozwijane */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {

    top: 35px;
    left: 40%;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    transition: all 0.5s ease-in-out;

}
.dropdown-submenu:hover > .dropdown-menu {

    display: block;
    opacity: 1;
    transform: scale(1);
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .dropdown-submenu:hover > a:after {
        border-width: 5px 5px 0px 5px;
        border-top-color: #ccc;
        border-left-color: transparent;
    }
    .product-description {
        margin-top: 5px;
    }
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*SUBMENU rozwijane KONIEC*/

/*DARK THEME --------------- DARK THEME ------------------ DARK THEME ---------------- DARK THEME*/
.dark-theme .navbar, .dark-theme .navbar .navbar-collapse, .dark-theme .navbar .dropdown-menu {
    color: #fff;
    background-color: #212121 !important;
}
.dark-theme .navbar .navbar-toggler {
    color: white;
    border: 0;
}
.dark-theme .navbar .dropdown-menu, .dark-theme .navbar .dropdown-menu .dropdown-item, .dark-theme .navbar .dropdown-menu li>a {
    color: white;
}
.dark-theme .navbar .navbar-toggler span {
    background-color: white;
}

.dark-theme .sticky-kat {
    background: #212121;
    color: white;
}

.dark-theme footer {
    background: #232323;
    background: radial-gradient(ellipse at center,#585858 0,#212121 100%);
    background-size: 1440% 550%;
    background-position-x: left;
}
.dark-theme .footer h1, .dark-theme .footer h2,  .dark-theme .footer h3, .dark-theme .footer h4, .dark-theme .footer h5,
.dark-theme .footer .copyright, .dark-theme .footer .footer-brand,  .dark-theme .footer i:not(:hover) {
    color: white;
}

.dark-theme .footer p, .dark-theme .footer a:not(:hover) {
    color: #e8e8e8;
}

/*KIOSK CUSTOM THEME ---- STOLIKI CUSTOM THEME ---- KIOSK CUSTOM THEME ---- STOLIKI CUSTOM THEME ---- KIOSK CUSTOM THEME ----- STOLIKI CUSTOM THEME ---- KIOSK CUSTOM THEME
*/
/*body.kiosk-custom-theme {
    overflow-y: hidden;
    overflow-x: hidden;
}*/
.kiosk-custom-theme .navbar .dropdown-menu .dropdown-item:hover {
    color: white;
}
/* Hide scrollbar for Chrome, Safari and Opera */
body.kiosk-custom-theme::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body.kiosk-custom-theme {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: 0;  /* Firefox */

    overflow-x: hidden; /* Hide horizontal scrollbar */
}
.kiosk-custom-theme .menu-kat {
    padding: 0px 10px;
    width: calc(100% - 20px);
}
.kiosk-custom-theme .sticky-kat {
    height: 150px;
}
.kiosk-custom-theme .menu-kat-ul {
    height: 60px;
}
.kiosk-custom-theme .menu-kategorie {
    padding: 10px 15px;
    height: auto;
    font-size: 1.5em;
}
.kiosk-custom-theme .card .card-category span {
    margin-bottom: 0px !important;
    font-size: 1em;
}
.kiosk-custom-theme .footer-kiosk, .stoliki-custom-theme .footer-kiosk {
    height: 50px;
}

.kiosk-custom-theme .alert-wynik, .stoliki-custom-theme .alert-wynik {
    bottom: 100px;
    left: 4px;
    width: calc(100% - 8px);
}
.kiosk-custom-theme .previous-group {
    padding-right: 2px;
    padding-left: 79px;
}
.kiosk-custom-theme .next-group {
    padding-left: 2px;
    padding-right: 79px;
}
/*@media (max-width: 1199px)*/
.kiosk-custom-theme .main .section.section-page, .stoliki-custom-theme .main .section.section-page {
        min-height: calc(100vh - 180px);
    }
.kiosk-custom-theme.x2 .alert-wynik {
    bottom: 160px;
}
/*DOLNA BELKA Z BUTTONAMI - KIOSK  */
.kiosk-bottom-btns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 4px;
    height: auto;
    width: 100%;
    z-index: 6;
    background-color: white;
}
.kiosk-bottom-btn-new-order {
    display: inline-block;
    width: 71px;
    height: 71px;
    padding: 1rem 1rem !important;
    margin-right: 4px;
}
.kiosk-custom-theme.x2 .kiosk-bottom-btns .kiosk-bottom-btn-new-order {
    height: 142px;
}
.kiosk-bottom-btn-new-order i {
    padding: 0 0 0 0 !important;
}

.kiosk-bottom-btn-left {
    display: inline-block;
    width: calc(50% - 75px);
    height: 71px;
    margin-right: 4px;
}
.kiosk-custom-theme.x2 .kiosk-bottom-btns .kiosk-bottom-btn-left {
    height: 142px;
    padding: 50px 10px;
    font-size: 2rem;
}
.kiosk-bottom-btn-right {
    display: inline-block;
    width: calc(50% - 75px);
    height: 71px;
    margin-right: 4px;
}
.kiosk-custom-theme.x2 .kiosk-bottom-btns .kiosk-bottom-btn-right {
    height: 142px;
    padding: 50px 10px;
    font-size: 2rem;
}
.kiosk-bottom-btn-up {
    display: inline-block;
    width: 71px;
    height: 71px;
    padding: 1rem 1rem !important;
}
.kiosk-custom-theme.x2 .kiosk-bottom-btns .kiosk-bottom-btn-up {
    height: 142px;
}
.kiosk-bottom-btn-up i {
    padding: 0 0 0 0 !important;
}
.kiosk-bottom-btns .scrollup-show {
    bottom: 0px;
}
/*DOLNA BELKA Z BUTTONAMI - koniec */
.btn-add-loyalty-number-area {
    position: fixed;
    top: 144px;
    right: 4px;
    z-index: 12;
    background: RGBA(255, 255, 255, 1);
    border-radius: 0.3rem;
    backdrop-filter: saturate(100%) blur(10px);

}
button.btn.btn-add-loyalty-number {
    width: 71px;
    height: 71px;
    text-align: center;
    vertical-align: middle;
    padding-right: 0px !important;
}
button.btn.btn-add-loyalty-number i {
    padding-right: 0px !important;
}
a.btn.btn-add-loyalty-number {
    width: 41px;
    height: 41px;
}
a.btn.btn-add-loyalty-number i {
    padding-right: 0px !important;
}
.center-elemnt-in-div {
    /* Internet Explorer 10 */
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}
.numer-kolejkowy {
    color: green;
    font-size: 20rem;
    line-height: 20rem;
    font-weight: bolder;
}
.numer-kolejkowy-z-obramowaniem {
    color: green;
    font-size: 20rem;
    line-height: 20rem;
    font-weight: bolder;
    border: 3px solid;
    border-radius: 16%;
    display: inline-block;
    height: 20rem;
    min-width: 20rem;
}

.sticky-kat {
    z-index: 1000;
}
/*FOOTER*/
.footer {
    position: relative;
    bottom: 0;
    background-color: white;
    margin-bottom: 0;
    width: 100%;
    line-height: 1.1rem;
    padding: 0 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer i {
    font-size: 2rem;
}
.footer p, .footer a {
    font-weight: 500;
    font-size: 0.9rem;
    /*text-transform: uppercase;*/
}
.footer ul.links-vertical li a {
    padding: 5px;
    white-space: normal;
}
.footer h3 {
    font-weight: 600;
    font-size: 1.3rem;
}
.description, .card-description, .footer p {
    color: #121212;
}
.description p.platnosc-tekst-info {
    display: inline-block;
}

footer .footer-brand {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
footer .footer-brand img {
    width: 95%;
}
footer #btn-dodatkowa-autoryzacja i {
    font-size: 1.2rem;
}
footer .social-buttons {
    text-align: center;
}
.dropdown-header-koszyk {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
    margin: 10px 0 !important;
    font-size: 1.1rem;
}
/*BUTTON*/
.btn-increment, .btn-increment-podpowiedzi, .btn-increment-modifiers {
    padding: 0 0.7rem;
    width: 38px;
    /*border-radius: 0px;*/
    border: 1px solid #dfe0db;
}
.btn-increment>i, .btn-increment-podpowiedzi>i, .btn-increment-modifiers>i {
    vertical-align: middle !important;
    padding-right: 0px;
}
.input-group-prepend>.btn-increment:first-child, .input-group-prepend>.btn-increment-podpowiedzi:first-child, .input-group-prepend>.btn-increment-modifiers:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.input-group-append>.btn-increment-modifiers {
    border-bottom-right-radius: 0.25rem  !important;
    border-top-right-radius: 0.25rem  !important;
}

.produkt-ilosc, .produkt-ilosc-podpowiedzi, .quantity-of-modifiers {

    min-width: 25px !important;
    max-width: 38px;
    z-index: 1;
}

/*Remove Arrows/Spinners
Chrome, Safari, Edge, Opera */
input.quantity-of-modifiers::-webkit-outer-spin-button,
input.quantity-of-modifiers::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.rozmiar-pizzy {
    min-width: 70px;
    text-align-last:center;
}
#btn-nowe-zamowienie a {
    height: 41px;
}
#btn-nowe-zamowienie a span {
    font-size: 1.2em;
}

.btn-menu {
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s linear;
    padding-right: 4px;
}
.btn-dodaj-do-koszyka-bez-skladnikow {
    width: calc(100% - 107px);
    min-width: 72px;
}
.btn-group-half-portion .produkt-ilosc {
    width: 38px;
}
.btn-group-half-portion .btn-dodaj-do-koszyka-bez-skladnikow {
    width: calc(100% - 201px);
    min-width: 58px;
}
.btn-group-half-portion .btn-dodaj-do-koszyka-bez-skladnikow .btn-dodaj-do-koszyka {
    padding: 0 5px 0 5px;
}
.btn-dodaj-do-koszyka-bez-skladnikow .btn {
    /*height: 30px;*/
    padding: 0rem 0.5rem;
}
.btn-dodaj-zestaw-do-koszyka.btn {
    height: 38px !important;
    padding: 0rem 0.5rem;
}
.btn-dodaj-do-koszyka-bez-skladnikow-pizza .btn {
    /*height: 30px;*/
    padding: 0rem 0.5rem;
}
.btn-mt10 {
    margin-top: 10px;
}

.btn-mb10 {
    margin-bottom: 10px;
}
.btn.btn-zamowienie-standard {
    box-shadow: none;
    transition: background-color 0.3s ease-in-out;
    min-height: 38px;
    height: auto;
}

.btn.btn-zamowienie-standard i {
    font-size: 25px;
}
.btn.btn-outline-success:focus, .btn.btn-outline-success.focus, .btn.btn-outline-success:hover {
    color: #4caf50;
    background-color: #f8f9fa;
    border-color: #4caf50;
}
.btn.btn-outline-danger {
    color: #f44336 !important;
    background-color: white;
    border-color: #f44336;
}
.btn-outline-primary, .btn-outline-light, .btn-outline-success, .btn-outline-danger {
    backdrop-filter: saturate(100%) blur(10px);
}
.btn:focus:not(.btn-link), .btn:active:not(.btn-link), .btn:hover:not(.btn-link),
.btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
.koszyk #btn-koszyk {
    width: 50px;
    height: 50px;
    background-color: white;
}
.btn.btn-link {
    box-shadow: none;
    border: none;
    padding: 0px;
    line-height: 38px;
    font-size: 1rem;
}
.btn.btn-link:hover {
    box-shadow: none !important;
}
.btn.btn-link:hover i {
    text-shadow: 0px 0px 10px;
}
.btn-link.btn-link-white {
    color: white !important;
}
.btn-link.btn-link-white:hover {
    color: lightgray !important;
}
.btn {
    height: 38px;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 1.1rem;
    display: flex;
    vertical-align: middle;
    padding: 0.4rem 1rem;
}

.kiosk-custom-theme .btn {
    height: auto;
    min-height: 38px;
}
.btn.btn-primary  {

}
.btn.disabled, .btn:disabled {
    opacity: 1;
    filter: saturate(20%);
    /*box-shadow: none;*/
}
.btn.disabled:hover, .btn:disabled:hover {
    box-shadow: none;
}
.btn.btn-animate-success,
.btn:focus.btn-animate-success {
    animation: changeColorOnFocus 2s ease-in;
    background: linear-gradient(135deg, rgba(76,175,80,1) 10%,rgba(76,175,80,1) 34%, rgba(0,87,0,1) 75%, rgba(76,175,80,1) 100%);
    background-size: 400%;
    background-color: #4caf50;
    border-color: #4caf50;
}
@keyframes changeColorOnFocus {
    0% {color: white;
        background-size: 100%;}

    100% {
        background-size: 400%;
    }
}
.btn-half-portion {
    width: 90px;
    border: 1px solid #dfe0db;
}
.kiosk-custom-theme input.form-control  {
    /*height: auto;*/

}
.btn-block {
    display: block !important;
    width: 100% !important;
}
.btn-block-restimo-sum {
    margin: 0 -10px;
    width: calc(100% + 20px) !important;
    padding: 5px 11px !important;
    display: block;
}
/*.btn i {
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    width: 100%;
    transform: none;
    left: 0;
    top: 2px;
    height: 100%;
} */
.btn.btn-link:hover i, .btn.btn-link:focus i, .btn.btn-link:active i {
    text-decoration: none !important;
    font-weight: 600;
}
.btn.btn-md, .btn-group-md>.btn, .btn-group-md .btn {
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
}
.btn-group-fixed-bottom-right {
    position: fixed; bottom: 70px; right: 10px; z-index: 2;background-color:white; border-radius: 5px; padding: 5px;
    border: 1px solid green;
    box-shadow: 0px 1px 5px RGBA(0,0,0,0.2);
}
.btn-group-fixed-bottom-right label {
    padding: 6px;
    margin-bottom: 0px
}

.m-6{margin:4rem!important}
.mt-6,.my-6{margin-top:4rem!important}
.mr-6,.mx-6{margin-right:4rem!important}
.mb-6,.my-6{margin-bottom:4rem!important}
.ml-6,.mx-6{margin-left:4rem!important}

.badge.badge-light {
    color: #344767!important;
}

.badge-quantity-of-goods {
    font-size: 14px !important;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
}
.koszyk-lista .btn-finalizuj {
    margin-bottom: -5px !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

ol {
    padding-inline-start: 30px;
}
.koszyk-lista ol {
    padding-left: 1.7rem;
    padding-right: 0.75rem;
    font-size: 1rem;
    font-weight: 300;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
}
.btn-finalizacja {
    color: #ffffff  !important;
    background-color: #4caf50;
    background: #4caf50; /* Old browsers */
    background: -moz-linear-gradient(top, #4CAF50 0%, #96DD58 50%, rgba(76,175,80,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4CAF50 0%, #96DD58 50%,rgba(76,175,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4CAF50 0%, #96DD58 50%,rgba(76,175,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#4caf50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    transition: background-color 0.3s ease-in-out;
}
.btn-finalizacja:active,
.btn-finalizacja:focus,
.btn-finalizacja.focus,
.btn-finalizacja:hover {

    background-color: #45913F;
    background: #45913F;
}





.btn.btn-success {
    background-color: #4caf50;
    border-color: #4caf50;
    color: #fff;
}
.btn.btn-link.btn-success i {
    color: #4caf50;
}
.btn-link.btn-link-success {
    color: #4caf50 !important;
}
.btn-link.btn-link-success:hover {
    color: #47a44b !important;
}
/*button */
.btn.btn-lg {
    height: auto;
    font-size: 1.5em;
    text-transform: uppercase;
}

.btn-xs {
    font-size: 1em !important;
    border-radius: 0.2rem;
    padding: 5px !important;
    height: 30px !important;
    min-width: 30px !important;
    width: 30px !important;
    line-height: 1em !important;
    display: inline-block;;
}

.btn-just-icon i {
    padding-right: 0px !important;
}

.btn:disabled:hover {
    border: 1px solid transparent;
}

.btn-adres-dostawy {
    color: white !important;
}

.powiadomienie-inverted {
    background: #FFFFFF;
    border-color: rgba(255, 0, 0, 0.5);
    color: rgba(255, 0, 0, 0.8);
}

a .powiadomienie {
    right: 12px;
    top: 0px;
    font-size: 10px;
    line-height: 10px;
    padding: 4px;
    position: absolute;
    border: 1px solid rgba(255, 0, 0, 0.5);
    border-radius: 3px;
}

.spanBtnKupZeSkladnikami {
    width: calc(100% - 0%);
}

.BtnKupZeSkladnikami {
    z-index: 3;
}
.text-success-light {
    color: #6cb86f;
}
.text-bold {
    font-weight: bold;
}

.nazwa-systemu-home {
    transition: all 700ms;
}
.home {
    transform: translate3d(0px, 0px, 0px);
}

.home::before {
    background: rgba(0, 0, 0, 0.5) !important;
}

.page-header {
    width: 100%;
    min-height: 650px;
    height: 100vh;
}
.page-header.home .container {
    margin-top: -100px;
}
.page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
    color: white;
    font-weight: 700;
}
.page-header p {
    color: white;
    font-weight: 400;
}

.scrollup {
    position: fixed;
    bottom: -100px;
    left: 15px;
    transition: all 0.6s ease-in-out;
    z-index: 3;
    width: 50px;
    height: 50px;
    background-color: white !important;
}

.scrollup-show {
    bottom: 10px;
}
.container-site {
    padding-top: 65px !important;
    padding-bottom: 80px;
    margin-bottom: 0px;
    overflow: hidden;
    min-height: calc(100vh - 50px);
}


/* jak zamawiać - 3 kroki */

.ellipse>span>i {
    margin: 30% 30%;
}
/* jak zamawiać - 3 kroki KONIEC */

/*USTAWIENIA GRUPY - Ładowanie zdjecia */
.btn-file input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.podglad-zdjecia {
    text-align: center;
}
.podglad-zdjecia > img {
    max-width: 100%;
    width: auto;
    max-height: 150px;
    border: 1px solid gray;
}

.collapse.show {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
/*pasek przewijania wygląd paska przewijania*/
html::-webkit-scrollbar-track {

}

html::-webkit-scrollbar {
    width: 20px;
    height: 30px;
    background-color: white;
}

html::-webkit-scrollbar-button {

}

html::-webkit-scrollbar-track-piece { /* 4 */
}

html::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    /*border: 1px solid rgba(156, 39, 176, 0.5);
    background: linear-gradient(to top, rgba(156, 39, 176, 0.1), rgba(156, 39, 176, 0.1));*/
    background-color: white;
    border-top: 2px solid rgba(255, 255, 255, .25);
    -webkit-box-shadow: inset 2px 2px 0px rgba(255, 255, 255, .25), inset 2px -2px 0px rgba(0, 0, 0, .25);
    box-shadow: inset 2px 2px 0px rgba(255, 255, 255, .25), inset 2px -2px 0px rgba(0, 0, 0, .25);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

html::-webkit-scrollbar-corner {
    background-color: white;
}

html::-webkit-resizer {
    background-color: white;
}
/*pasek przewijania koniec*/
.card {
    font-size: 1rem;
}
.card .card-title {
    margin-top: 0;
    margin-bottom: 0;
}

.card .card-header.card-header-image .card-title {
    bottom: 0px;
    left: 0px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    min-height: auto;
    text-transform: uppercase;
    text-shadow: none;
}


.card .card-header.card-header-image .card-title h4 {
    color: white;
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: 1px 0 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px gray, 1px 1px 0px black, -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black;

}

.modal-content .card .card-header.card-header-image .card-title {
    min-height: 40px;
}
.modal-content .card .card-header.card-header-image .card-title h4 {
    font-size: 1rem;
    line-height: 1.1rem;
}

.card .card-header.card-header-image {
    overflow: hidden;
    min-height: 100px;
    max-height: max-content;
    background-size: 250% 250%;
    background-position-x: right;
}
.card .card-header.card-header-image img {
    min-height: 100px;
    width: 100%;
    padding: 1px;
}



.card .card-category {
    margin-bottom: 0px !important;
}
.card-setting {
    padding: 10px;
    transition: all 0.3s ease-in-out;
}
.card-setting:hover {
    /*transform: perspective(1000px) rotateX(0deg) translate3d(0,-2px,2px);*/
    background-color: #f2f2f2;;
}
.card-setting-header {
    background-color: gray;
    margin: -10px -10px 10px -10px;
    padding: 0 11px;
    border-radius: 8px 8px 0 0;

}
.card-setting-header h4 {
    color: white;
}
.list-card-danger {
    border: 1px solid red !important;
    background-color: rgba(255, 0, 0, 0.01) !important;
}
.list-card-standard {
    border: 1px solid lightgray !important;
}

.liczba-produktow {
    font-weight: 400;
    font-size: 1.4em;
    z-index: 10000;
    padding-right: 10px;

}
.link-menu-nazwa {
    font-weight: 400;

}
.link-menu-nazwa-koszyk {
    font-weight: 400;
    font-size: 1.6em;
}
.wartosc-koszyka {
    font-weight: 400;
    font-size: 1.5em;
    z-index: 10000;
    padding-right: 10px;

}

@media (min-width: 992px) {
    .liczba-produktow {
        /*color: red;*/
    }

}

.card {
    margin-bottom: 15px;
    margin-top: 30px;
}
.card-body {
    flex: 1 1 auto;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}
.card .card-body, .card .card-footer {
    padding: 15px;
}
.card .card-footer {
    margin-bottom: 5px;
}
.form-inline {
    margin-top: 30px !important;
    display: inline-block;
}
.card .form-check {
    margin-top: 0.5rem;
}

.card-plain {
    margin-top: 40px;
}

.card .card-header-menu {

    padding: 1rem 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*background: linear-gradient(90deg, #bdbdbd, #fff);*/
}

.card .card-header-menu:not([class*="header-"]) {
    box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.8);
}

#wynik {
    text-align: left;
    margin-bottom: 0px;
    font-size: 1.1rem;
    line-height: 2rem;
    font-weight: 500;
}

#wynik ol {
    margin-bottom: 0px;
    overflow-y: auto;
    max-height: 500px;
}
.bg-success-light {
    background-color: rgba(76,175, 80, 0.5) !important;
}
.bg-tekstura2::after {
    content: '';
    background-image: url('/assets/img/tekstura2.jpg');
    background-repeat: repeat;
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
/* google maps */
.pac-container {
    z-index: 1051 !important;
}
a.dropdown-item {
    position: relative;
    width: auto;
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.8125rem;
    border-radius: 0.125rem;
    margin: 0 0.3125rem;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    min-width: 7rem;
    padding: 0.625rem 1.25rem;
    overflow: hidden;
    line-height: 1.428571;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
i.fas, i.far {
    padding-right: 10px;
}
.restauracja-lista div {
    line-height: 36px;
}
.restauracja-lista .alert:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    transform: scale(1.03);
}
.bg-gray {
    background-color: lightgray;
}
.bg-set-list, .bg-product-list {
    margin-bottom: 10px;

    padding: 15px;
    border: 1px solid lightgray;
    border-radius: 0.25rem;
    transition: all 0.3s ease-in-out;
}
.bg-set-list:first-child, .bg-product-list:first-child {
    margin-top: 10px;
}
.bg-set-list:hover, .bg-product-list:hover {
    box-shadow: 3px 3px 5px lightgray;
    background-color: #f2f2f2;
}
/*.bg-set-list:nth-child(even) {
    border: 2px solid lightgray;
    border-radius: 5px;
    background-color: #F9F9F9;
}
.bg-set-list:nth-child(odd) {
    border: 2px solid lightgray;
    border-radius: 5px;
    background-color: white;
}*/
.zestaw-1  {
    background-color: rgba(255,255,255, 0.3);
    background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 10%, rgba(255,255,255, 0.3) 72%, rgba(255,255,255, 0)100%);
}
.zestaw-2  {
    background-color: rgba(255,255,255, 0.1);
    background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 10%, rgba(255,255,255, 0.1) 72%, rgba(255,255,255, 0)100%);
}
.zestaw-3  {
    background-color: rgba(255,255,255, 0.3);
    background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 10%, rgba(255,255,255, 0.3) 72%, rgba(255,255,255, 0)100%);
}
.zestaw-4  {
    background-color: rgba(255,255,255, 0.1);
    background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 10%, rgba(255,255,255, 0.1) 72%, rgba(255,255,255, 0)100%);
}
.zestaw-5  {
    background-color: rgba(255,255,255, 0.3);
    background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 10%, rgba(255,255,255, 0.3) 72%, rgba(255,255,255, 0)100%);
}
.qrcode-in-column {
    width: 276px;
    height: 276px;
    padding: 10px;
    box-shadow: 0px 0px 5px gray;
}
.qrcode-on-right {
    margin: 10px;
    padding: 10px;
    width: auto;
    position: absolute;
    top: 34%;
    right: 0;
    box-shadow: 0px 0px 5px gray;
}
.qrcode img {
    width: fit-content;
    max-width: 250px;
}

/*ALERT */
#error {
    margin: 0px 0px;
}

.alert {
    padding: 10px 15px;
    transition: all 0.3s linear;
    border-radius: 0.25rem;
    line-height: 1.4rem;
}
.alert .alert-icon i {
    position: relative;
    top: unset;
}
.alert.alert-success {
    color: #121212;
    background-color: white;
    border: 1px solid #4caf50;
}
.alert.alert-success i:not(.fa-spinner) {
    color: #121212;
}
.alert.alert-success p:last-child {
    margin: 0px;
}

.alert.alert-danger {
    /*color: $kolorGlowny;*/
    color: #f55145;
    background-color: white;
    border: 1px solid #f55145;
}

.alert.alert-danger a, .alert.alert-danger .alert-link, .alert.alert-danger .close i {
    color: red;
    font-weight: 400;
}
.alert.alert-danger a:hover, .alert.alert-danger .alert-link:hover,  .alert.alert-danger .close i:hover {
    color: #cc0000;
    font-weight: 500;
}
.alert, .alert.alert-default {
    background-color: white;
    color: #555;
    border: 1px solid #555;
}
.alert-gosc {
    display: none;
    opacity: 0;
}
.alert-opis-z-ikona {
    margin-left: 5px;
    display: inline;
}
.alert-wynik {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 65px;
    width: calc(100% - 135px);
    z-index: 10000 !important;
    margin-bottom: 0px;
    padding: 8px 0px;
    transition: all 0.3s ease-in-out;
    min-height: 50px;
    opacity: 0;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
.alert-wynik > .container-fluid {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}



/*Sekcja 3 karty na stronie głównej*/
.card-profile .card-avatar, .card-testimonial .card-avatar {
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 5px 8px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    transition: all 0.3s ease-in-out;
    filter: grayscale(100%);
}
.card-profile .card-avatar:hover, .card-testimonial .card-avatar:hover {
    transform: scale3d(1.05,1.05,1.05);
    filter: sepia(0%);
    /*filter: grayscale(10%)*/
}
.card-profile .card-avatar {
    height: 200px;
    width: 200px;
    max-width: 200px;
    max-height: 200px;
}
.card-profile, .card-testimonial {
    margin-top: 30px;
    text-align: center;
    height: 90%;
}
/*Sekcja 3 karty koniec*/
/*Szablon*/


.main-raised {
    margin: 0px 0px 50px;
    border-radius: 0px;
    box-shadow: none;
}
.col-cennik-pizza:not(:first-child) {
    border-left: 1px solid gray;
}
.bg-cennik-pizza-aktualnie-wybrana {
    transition: all 0.3s linear;
}
@media (max-width: 575px){
    .main-raised {
        margin: -80px 0 20px 0 !important;
        border-radius: 0px !important;
        box-shadow: none !important;
    }
}
.main, main.main {
    background: transparent;
    padding-top: 65px;
    min-height: calc(100vh - 272px);
}
body.kiosk-custom-theme .main, main.main {
    min-height: calc(100vh - 50px);
}
.section {
    padding: 10px 0 10px 0;
}
.section.section-category {
    padding: 0 0 0 0;
    min-height: 80px;
}

.section.section-category.section-category-with-icons {
    min-height: 126px;
}
.section.section-header-offer {

}
.scroll-to-me:hover {
    cursor: pointer;
}
/*SECTION WHITE*/
.section-white {
    background-color: white;
}
.section-white h1, .section-white h2, .section-white h2, .section-white h4, .section-white h5, .section-white p {
    color: #121212;
}
.section-white {
    p, span:not(.btn span), ul>li, ol>li  {
        color: #121212;
    }
}
/*SECTION BLACK*/
.section-black {
    background-color: black;
}
.dark-theme .section-black {
    background-color: #212121;
}

.section-black div:not(.rotate-card) h1, .section-black div:not(.rotate-card) h2, .section-black div:not(.rotate-card) h3, .section-black h4, .section-black div:not(.rotate-card) h5, .section-black div:not(.rotate-card) p, .section-black div:not(.rotate-card) li {
    color: white;
}
.form-check .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
}

.form-check .form-check-input[readonly][checked]+.form-check-sign .check {
    border-color: #000000;
    opacity: .26;
}
.form-check.form-check-success .form-check-input:checked + .form-check-sign .check {
    background: #4caf50;
}
.form-check .form-check-label, .form-check label {
    color: rgba(0, 0, 0, 0.8);
    padding-left: 30px;
    font-size: 1rem;
}

.checkbox label, .radio label, label {
    font-size: 1rem;
}

.form-check .form-check-label span {
    top: 0px;
    left: 0px;
}
.form-check .form-check-label span.circle {
    border: 1px solid rgba(0, 0, 0, .54);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    top: 1px;
}

.form-check .form-check-label.is-invalid span.circle {
    border: 1px solid rgba(255, 0, 0, 0.5);
}
.form-check .form-check-label span.circle span.check {
    height: 14px;
    width: 14px;
    top: 2px;
    left: 2px;
}
/*Kategorie*/
.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
}
.kafelek-kategorii {
    background-position: center;
    height: calc(100% - 30px);;
    width: 100%;
    background-size:cover;
    min-height: 50px;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.24), 0 8px 5px -5px rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 6px;
    transition: all 1s ease;
}
.kafelek-kategorii img {
    margin: auto;
    display: block;
    transition: all 0.5s ease;
}
.kafelek-kategorii img:hover {

    transform: scale(1.08) ;
    /*-webkit-animation-name: flash;
    -webkit-animation-duration: 500ms;
    animation-name: flash;
    animation-duration: 0.5s;
    animation-iteration-count: 1;*/
}
/*@media (min-width: 992px) {
    .kafelek-kategorii {
        min-height: 290px;
    }
}
@media (min-width: 1200px) {
    .kafelek-kategorii {
        min-height: 350px;
    }
}*/
.kafelek-kategorii .kafelek-kategorii-tytul {
    bottom: 15px;
    left: 15px;
    margin: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    width: calc(100% - 30px);
    min-height: auto;
    text-transform: uppercase;
    text-shadow: none;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    border-radius: 0 0 6px 6px;
}

.kafelek-kategorii .kafelek-kategorii-tytul h3 {
    font-weight: bold;
    font-size: 2rem;
    color: #fff;
    text-shadow: 1px 0 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px gray, 1px 1px 0px black, -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black;
}

/*Oferta */
/*
col-sm
 */
@media (min-width: 519px) {

}

/*
col-md
 */
@media (max-width: 767px) {

    .col-menu {

    }

    .col-kategorie {
        width: 100%;
    }

    .col-oferta {
        background-color: transparent;
    }

    .btn-dodaj-ze-skladnikami {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
    }

    .btn-dodaj-ze-skladnikami-fixed {
        position: fixed;
        bottom: 10px;
        right: 65px;
        width: calc(100% - 135px) !important;
        height: 50px;
        animation-name: FloatingBottom;
        animation-duration: 1s;
        animation-iteration-count: 1;
    }

}



.col-menu {
    width: 300px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-oferta {
    width: calc(100% - 300px);
    position: relative;
    min-height: 76vh;

    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 40px;

}

/*
OFERTA  - KATEGORIE
*/
.col-kategorie {
    transition: all 0.6s ease-in-out;

}

.content {

}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky-kat {
    position: fixed;
    top: 0;
    z-index: 4;
    background: white;
    width: 100%;
    left: 0px;
    right: 0px;
    height: 140px;
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
}
.sticky-kat.menu-with-icons {
    height: 185px;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky-kat .menu-kat, .sticky-kat .clickable-menu-btn {
    margin-top: 80px;
}
.clickable-menu-btn {
    /*padding: 100% 0 !important;*/
    position: absolute;
    bottom: 30px;
}
.menu-with-icons .clickable-menu-btn {
    position: absolute;
    bottom: 36px;
}
.col-menu-kat {
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
    position: relative;
}
.menu-kat {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0px 5px;
}
.menu-kat div.ripple-container {
    position: relative;
}
.kiosk-custom-theme .ripple-container {
    display: none;
}
.menu-kat-ul {
    display: flex;
    flex-direction: row;
    transition: all .6s;
    justify-content: left;
    height: 55px;
    width: fit-content;
}

.menu-with-icons .menu-kat-ul {
    height: 110px;
}
.menu-kat img.ikona-kategorii {
    display: block;
    position: relative;
    width: 40px;
    height: auto;
    top: -10px;
    margin-left: calc(50% - 20px);
    margin-right: auto;
}
.menu-kat img.ikona-kategorii:active {
    transform: scale3d(0.9, 0.9, 0.9);
}
/*
MENU po lewej
 */
.list-group-item.active-link {
    z-index: 2;
    background-color: transparent;
    background: linear-gradient(90deg, white 25%, transparent, white 75%), linear-gradient(0deg, lightgray 0px, transparent 10px, transparent 90%, lightgray 100%);
    background-size: 400% 100%, 100% 100%;
    animation: gradientBorderFlow 2s ease-in-out backwards;
}
@keyframes gradientBorderFlow {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
.sticky-left-menu-kat {
    position: fixed;
    top: 100px;
    margin-top: auto;
    margin-bottom: auto;
    width: calc(16.666667% - 15px);
    height: calc(100% - 180px);
    background-color: white;
}
.left-menu-kat {
    overflow-y: scroll;
    height: 100%;
}
body.kiosk-custom-theme .left-menu-kat::-webkit-scrollbar {
    display: none;
}
body.kiosk-custom-theme .ul-left-menu-kat {
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: calc(100vh - 220px);
}

.ul-left-menu-kat .list-group-item {
    padding: 10px 0;
    /*border-bottom: 1px solid lightgray;*/
}
.ul-left-menu-kat li.list-group-item::after {
    content: "";
    width: 120px;
    border-bottom: 2px solid lightgray;
    position: absolute;
    bottom: 0;
    left: calc(50% - 60px);
    margin-right: auto;
    margin-left: auto;
    z-index: 3;
}

.ul-left-menu-kat .list-group-item .category-link-left {
    font-size: 1.3rem;
    line-height: 1.3rem !important;
    font-weight: bolder;
    margin-right: 0px;
    /*width: calc(100% - 55px);*/
    display: inline;
    height: fit-content;
    padding: 6px 0px !important;
    white-space: unset;
    text-align: center;
    width: 100%;
}
.ul-left-menu-kat-fixed {
    position: fixed;
    margin-top: auto;
    margin-bottom: auto;
}
.ul-left-menu-kat .list-group-item .category-image-place-left  {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.ul-left-menu-kat .list-group-item .category-image-place-left .category-image-left {
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 6px 0 0 0 !important;

}
.category-image-place-left .category-image-left:hover {
    cursor: pointer;
}
.btn-link:hover {
    cursor: pointer;
}
.ul-left-menu-kat .list-group-item .category-link-left {

}
.ul-left-menu-kat .list-group-item .btn-active-category-link-left {
    color: red;
}
/*
PODPOWIEDZI NA PODSUMOWANIU
 */
.list-product {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0px 5px;
}
.list-product-card {
    width: 261px;
}
.ul-list-product {
    display: flex;
    flex-direction: row;
    transition: all .6s;
    justify-content: left;
    height: auto;
    width: fit-content;
}
.btn-horizontal-scroll-bg-right {
    margin: auto;

    position: absolute;
    right: 10px;
    top: 30%;
    z-index: 2;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
}
.btn-horizontal-scroll-bg-left {
    margin: auto;

    position: absolute;
    left: 10px;
    top: 30%;
    z-index: 2;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
}
.btn-horizontal-scroll {
    width: 50px !important;
    height: 50px !important;
}
/*
OFERTA CD
rozwijany accordion ze składnikami wymienialnymi - checkboxy
*/
.grupa-tlo {

}

.tlo-grupa {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    max-height: 300px;
    border: 1px solid lightgray;
    border-radius: 0.25rem;
}
.tlo-grupa-2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    max-height: 300px;
    min-height: 150px;
    border: 1px solid lightgray;
    border-radius: 0.25rem;
}

.wypelnienie-tla-grupa {
    height: 100%;
    min-height: 150px;
    width: 100%;
    padding: 10px;
    border: none;
    background-color: rgba(0,0,0, 0.5);
    border-radius: 0.25rem;
}

.brak-wypelnienia-tla-grupa {
    height: 100%;

    width: 100%;
    padding: 10px;
    border: none;
}
.tlo-grupa::after {
    content: "";
}
div.tytul {
    border-bottom: 2px solid #042b2b;
    margin-bottom: 15px;
}
.tytul-grupa {
    min-height: 5px;
    font-weight: 700;
    text-transform: uppercase;
}

.podtytul-grupa {

    font-weight: 400;
    text-align: left;
    font-size: 1.2rem;
}
.podtytul-grupa-info-promocja {
    /*bottom: 10px;
    position: absolute;
    max-width: calc(100% - 50px);*/
    width: fit-content;
}
.tytul-grupa-2 {
    min-height: 5px;
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
}
.podtytul-grupa-2 {
    color: white  !important;
    font-weight: 400;
    font-size: 1.2rem;
}
.podtytul-grupa-2-info-promocja {
    color: white  !important;
    font-weight: 400;
    font-size: 1.2rem;
}
.card-product:not(.card-product-last) {
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
}
/*.card-product:hover {
    box-shadow: 3px 3px 5px lightgray;
    background-color: #f2f2f2;
}*/

.tytul-nazwa-produktu-3 {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5;
    text-transform: uppercase;
}

.accordion h3:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}
.accordion .collapsed h3:after {
    /* symbol for "collapsed" panels */
    content: "\2b";
}
.accordion .collapsed {
    cursor:pointer;
}
.tytul-zamowienie {
    user-select: text;
}
/* Accordion koniec*/
.dostepnosc {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.9rem;
    line-height: 2rem;
}
.row-btn-dodaj-do-koszyka {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 50px;
    padding-top: 5px;
}
.tooltip-inner {
    max-width: 500px !important;
}
/*nie wiem o co chodzi ale takie ustawienie działa - tooltip się nie przesówa dół/góra */
.tooltip {
    position: fixed;
}
.tytul-menu-restauracji {

}

h5.description {
    color: black;
}
.oferta-zestaw-nazwa {
    width:100%;
    text-transform: uppercase;
    font-weight: 600;
}
/*.oferta-zestaw-nazwa-span {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 8px;
    background: white;
    max-width: calc(100% - 30px);

    padding: 2px 10px 0px 10px;
    border-radius: 5px 5px 0 0;
}*/
.oferta-zestaw-nazwa-span {
    margin-bottom: 5px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    transform: translate3D(0px, 0px, 0px) !important;
    -webkit-transform: translate3D(0px, 0px, 0px) !important;
    opacity: 1 !important;
    animation-duration: 1s;
    animation-fill-mode: unset;
    -webkit-animation-iteration-count: unset;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: unset;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy;
    float: left;
}
.product-list-in-group {
    margin-left: 10px;
}
.oferta-zestaw-towar-nazwa {
    width:100%;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -2px;
    margin-bottom: 0px;
}
.oferta-zestaw-towar-podstawowy-cena {
    margin-top: 0px;
    margin-bottom: 0px;
}
.uwagi-do-zestawu {
    font-size: 0.9rem;
    margin: 5px 0;
}
.uwagi-do-zestawu-tytul {
    display: block;
}
.uwagi-do-zestawu-opis {
    padding-right: 8px;
    font-size: 1rem;
    font-weight: normal;
}
.uwagi-do-zestawu .form-check .form-check-label {
    padding-left: 30px;
    font-size: 0.9rem;
}
.text-border-left {
    border-left: 5px solid gray;
    padding-left: 5px;
}
.text-border-left-danger {
    border-color: red;
}
.tytul-grupa-skladnikow {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}
.label-skladniki {
    color: #4a4a4a;
}
span.skladniki {
    font-size: 0.75rem;
    text-transform: lowercase;
}

.btn-skladniki span.float-left {
    max-width: 80%;
}

.to-long-text-hidden {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    /*display: block;*/
}

.col-skladnik-wymienialny {
    height: auto;
}
.col-cennik-pizza {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0.75em;
    text-align: center
}

.opis-przed-inputem {
    padding-top: 30px;
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef  !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
}
.input-group-text-skladnik {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .375rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: left;
    white-space: nowrap;
    background-color: transparent  !important;
    border: 1px solid transparent !important;

}
.cena-skladnik-wymienialny {
    margin-left: 5px;
}
.nazwa-cena-skladnik {
    max-width: calc(100% - 103px);
}
/*OFERTA KONIEC*/
.text-header  {
    background-color: white;
    display: inline-block;
    margin: 0 !important;
    text-transform: uppercase;
    top: -28px;
    border: 1px solid lightgray;
    padding: 0 10px 0 10px;
    border-radius: 5px;
    position: absolute;
    max-width: calc(100% - 30px);
}
.dostawa-tekst-info {
    font-weight: 400;
}
.info {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px 0 20px;
}
.blockquote {
    padding: 5px 10px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
    font-size: 1rem;
}

.striped:nth-child(even) {
    background: repeating-linear-gradient(45deg,rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) 10px, rgba(0, 0, 0, 0.03) 10px, rgba(0, 0, 0, 0.03) 20px );

}
.striped {
    border-bottom: 3px solid white;
}

form {
    /*margin-bottom: 0px;*/
}
.form-dodaj-do-koszyka {
    margin-bottom: 0px;
}
.form-produkt {
    display: flex;
    height: 100%;

}
.btn-dodaj-do-koszyka sup {
    /*display: none;*/
}
sup {
    /*top: -0.8em;
    font-size: 50%;*/
}
.form-produkt .btn-dodaj-do-koszyka img {
    transition: all 0.2s linear;
}
.form-produkt .btn-dodaj-do-koszyka:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}
a.btn-dodaj-do-koszyka-podpowiedzi {
    cursor: pointer;
}
.form-produkt .btn-dodaj-do-koszyka-podpowiedzi img {
    transition: all 0.2s linear;
}
.form-produkt .btn-dodaj-do-koszyka-podpowiedzi:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}

.tytul-slajder {
    background-color: rgba(0,0,0, 0.5);
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}

.tytul-skladniki-podstawowe-3 {
    margin-bottom: 0px;
}

.tytul-skladniki-wymienialne-3 {
    margin-bottom: 0px;
}
.bg-skladniki-wymienialne {
    margin: 0 0 15px 0;
    padding: 0 !important;
    background-color: transparent;
    border-radius: 0;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn:hover {
    color: #999 !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 10px;
}
.bootstrap-select .dropdown-toggle .filter-option {
    height: auto !important;
}
.bootstrap-select .dropdown-menu {
    max-width: 93vw;
}
.bootstrap-select .dropdown-menu.inner {
    max-height: 200px;
}

.table th, .table td {
    padding: 0.2rem 0.2rem;
}
.table-row-inactive td {
    background-color: #ececec;
    color: #d4d4d4;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.2em;
}
.dataTables_length {
    float: left;
}
.tabprodukty_filter {
    float: right;
}
.zamowienie-lista {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    padding-left: 15px;
}
.zamowienie-lista > li {
    padding: 0.3rem 0rem;
    margin-bottom: 0;
    transition: all 1s linear;
    /*background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/
}

.zamowienie-lista > li:before {
    font-weight: bold;
}
.span-koszt-dostawy {
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    padding-bottom: 4px;
    padding-left: 10px;
}
.zamowienie-skladniki {
    font-size: 0.9rem;
    margin-top: 1px;
    margin-bottom: 1px;
}
.zamowienie-komentarz {
    font-size: 0.9rem;
    font-weight: 300;
}

.zamowienie-skladniki-wymienialne {

    line-height: 1rem;
    padding: 0px 0px 0px 0px;
    font-weight: 300;
}

.zamowienie-skladniki-lista {
    line-height: 1rem;
    padding: 0px 0px 0px 0px;
    font-weight: 300;
    text-transform: lowercase;
}

.widoczny {
    display: block;
}

.niewidoczny {
    display: none;
}

a i, button i, span i {
    padding-right: 10px;
}


textarea {
    font-style: italic;
    min-height: 38px !important;
    height: auto;
    resize: vertical;
    line-height: 1.428571 !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
    background-image: none !important;
}

.form-control {
    padding: 5px;
    font-size: 1rem;
    height: 38px;
    border: 1px solid #dfe0db;;
    background-color: rgba(255, 255, 255, 1);
}


.form-control:read-only {
    background-image: none;
}

.bootstrap-select.form-control {
    border-radius: 4px;
}
select.form-control:not([size]):not([multiple]) {
    height: 38px;
}


/*.form-control:invalid {
  background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #f44336 1px, rgba(210, 210, 210, 0) 1px);
}*/
.bg-light-black {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.form-control, label, input::placeholder {
    line-height: 1.4;
}
label {
    display: inline-block;
    margin-bottom: 5px;
}
.input-group>.form-control:first-child, .input-group>.custom-select:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
    font-size: 1rem;
}
.bmd-form-group [class^='bmd-label'].bmd-label-floating, .bmd-form-group [class*=' bmd-label'].bmd-label-floating {
    will-change: left, top, contents;
    margin: auto 0;
    line-height: 1.2rem;
}
/*input*/
.form-group {
    text-align: left;
    margin-bottom: 10px;
}

.bmd-form-group {

}
.bmd-form-group input.form-control:required {
    /*background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #f44336 1px, rgba(210, 210, 210, 0) 1px);*/
    border-bottom: 1px solid red;
}
.bmd-form-group input.form-control:required:not(:invalid) {
    /*background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #f44336 1px, rgba(210, 210, 210, 0) 1px);*/
    border-bottom: 1px solid #dfe0db;
    /*border-bottom: 1px solid green;*/
}
.bmd-form-group .bmd-help {
    background-color: white;
    text-align: left;
    padding: 0 5px;
    border: 1px solid rgba(61, 116, 186, 0.2);
    width: 100%;
}
.bmd-form-group:hover .bmd-help, .show-bmd-help .bmd-help {
    display: block;
}
.bmd-form-group:not(.has-success):not(.has-danger) [class^='bmd-label'].bmd-label-floating, .bmd-form-group:not(.has-success):not(.has-danger) [class*=' bmd-label'].bmd-label-floating {
    color: #495057;
    z-index: 1;
}

.bmd-form-group .bmd-label-floating, .bmd-form-group .bmd-label-placeholder {
    padding: 0px 5px;
    font-weight: 300 !important;
    top: 2rem;
}

.is-focused .bmd-label-floating, .is-filled .bmd-label-floating {
    top: 0rem;
    min-width: auto;
    padding: 0 5px;
    font-size: 1rem;
}
.btn-group {
    width: 100%;
    margin: 0px;
}
.open-picture-snippet-link, .discount-snippet-link {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    padding: 10px 10px 30px 30px;
    z-index: 0;
}

.open-picture-snippet-link:after {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    right: -50px;
    top: -50px;
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
    transform: rotate(45deg);
}
.discount-snippet-link:after {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background-color: red;
    right: -50px;
    top: -50px;
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
    transform: rotate(45deg);
}
.open-picture-snippet, .discount-snippet {
    z-index: 2;
    position: absolute;
    right: inherit;
}
.open-picture-snippet i {

}

@media (max-width: 991px) {
    .btn-group {
        margin: 0 0 0 0;
    }
}
.text-with-icon:hover {
    /*font-weight: bold;*/
}

.text-with-icon > i {
    padding-right: 10px;
}

option[value=""][disabled] {

}

option.disabled {
    color: rgba(0, 0, 0, 0.8);
    display: block;
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: bold;

    line-height: 1.5em;
}
.custom-select {
    height: 38px;
    font-size: 0.9rem;
    padding: 0.3rem 1.75rem 0.3rem 0.75rem;
}
.togglebutton label {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 614px){
    footer .copyright {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .tytul-nazwa-produktu-3 {
        margin-bottom: 5px;
    }

    .alert-wynik {
        /*width: calc(100% - 8px);
        left: 4px;
        bottom: 4px;*/
    }

}
@media (min-width: 768px) {
    .oferta-image {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: contain;
        background-position-x: center;
        background-position-y: center;
        background-color: transparent;
        padding-bottom: 60px;
        height: 100vh;
    }

    .col-menu {
        max-width: 300px;
    }

    .col-oferta {
        max-width: calc(100% - 300px);
        background-color: transparent;
    }

    .col-kategorie {
        width: 270px;
    }

    .btn-dodaj-ze-skladnikami {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
    }

    .btn-dodaj-ze-skladnikami-fixed {
        position: fixed;
        bottom: 10px;
        right: 65px;
        width: calc(100% - 135px) !important;
        height: 50px;
        animation-name: FloatingBottom;
        animation-duration: 1s;
        animation-iteration-count: 1;
    }

    .kiosk-custom-theme .btn-dodaj-ze-skladnikami-fixed {
        bottom: 105px;
        right: 80px;
        width: calc(100% - 160px) !important;
    }

}
@media (max-width: 991px) {
    .navbar-collapse {
        transform: translate3d(255px, 0, 0);
    }
    .nav-open .navbar-collapse {
        box-shadow: 0px 0px 10px black;
        overflow: auto;
        background: white;
    }
    .navbar-collapse::after {
        background-color: transparent;
    }

    .nav-open .navbar-translate {
        -webkit-transform: translate3d(-92%, 0, 0);
        -moz-transform: translate3d(-92%, 0, 0);
        -o-transform: translate3d(-92%, 0, 0);
        -ms-transform: translate3d(-92%, 0, 0);
        transform: translate3d(-92%, 0, 0);
    }
    .nav-open .container-navbar {
        margin-left: 0px !important;
    }
    .nav-open .navbar-collapse {
        width: 87%;
    }
    .nav-open .navbar-nav {
        overflow: hidden;
        height: auto;
    }

    .navbar-collapse .navbar-nav .nav-item:after{
        background-color: transparent;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link {
        margin: 10px 0px 10px 0px !important;
    }


    .navbar-collapse .navbar-nav .nav-item {
        width: 100%;
    }

    .navbar.navbar-transparent {
        color: #555;
        background-color: #fff !important;
        box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);

    }

    .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon {
        background-color: #555;
    }

    .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu {
        height: auto;
        overflow-y: auto;
    }

    .navbar .dropdown-menu .dropdown-item, .navbar .dropdown .dropdown-menu .dropdown-item {
        margin-left: 0.3125rem;
        margin-right: 0.3125rem;

    }

    .dropdown-submenu > .dropdown-menu {
        padding-left: 20px;
    }
}
/*@media (max-width: 1199px) {
    .main .section.section-page {
        min-height: 430px;
    }
}
@media (min-width: 1200px) {
    .main .section.section-page {
        min-height: 447px;
    }
}*/
/* wyświetlanie na ekranach dotykowych*/
@media (pointer:coarse) {
    .ingredients-list {
        padding: 10px 0;
    }
    h4, .h4 {
        font-size: 1.4rem;
    }
    .footer p, .footer a {
        font-size: 1.2rem;
    }
    .card.card-profile {

        box-shadow: none;
    }
    .btn {
        line-height: 1.2rem;
    }

    select.form-control:not([size]):not([multiple]), input.form-control {
        font-size: 1.2rem;
        height: 38px;
    }

    .produkt-ilosc, .produkt-ilosc-podpowiedzi, .quantity-of-modifiers {
        height: 38px;
        z-index: 1;
    }
    .bg-set-list {
        margin-bottom: 15px;
        margin-top: 15px;

    }

    .uwagi-do-zestawu, .bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label, .form-check, label {
        font-size: 1.2rem;
    }

    .bmd-form-group .bmd-label-floating, .bmd-form-group .bmd-label-placeholder {

    }

    .is-focused .bmd-label-floating, .is-filled .bmd-label-floating {
        top: 0rem;
        font-size: 1rem;
    }


    /* form check */
    .form-check .form-check-label, .form-check label {
        font-size: 1.2rem;
        padding-left: 40px;
    }
    .uwagi-do-zestawu .form-check .form-check-label, .uwagi-do-zestawu .form-check label {
        padding-left: 30px;
    }



    h1, .h1 {
        font-size: 3rem;
    }

    p {
        font-size: 1.2rem;
        line-height: initial;
    }

    .btn {
        font-size: 1.2rem;
    }

    .btn-dodaj-do-koszyka .fa-cart-arrow-down {
        display: none;
    }

    .btn-dodaj-do-koszyka-bez-skladnikow .btn, .btn-dodaj-zestaw-do-koszyka.btn {
        height: auto;
    }

    .btn-increment, .btn-increment-podpowiedzi, .btn-increment-modifiers {
        height: auto;
        border: 1px solid #dfe0db;
    }

    .custom-select {
        height: auto;
        font-size: 1rem;
    }

    .btn-dodaj-do-koszyka-bez-skladnikow-pizza .btn {
        height: auto;
    }

    .btn-dodaj-ze-skladnikami-fixed {
        right: 65px;
        width: calc(100% - 135px) !important;
    }

    .clickable-menu-btn {
        /*display: flex;*/
    }

    .col-menu-kat {

    }

    .menu-kat, .list-product {
        overflow-x: scroll;
    }

    .page-header-slim {
        height: 70vh;
        align-items: center;
        background-position: center center;
        background-size: cover;
        margin: 0;
        padding: 0;
        border: 0;
        display: flex;
    }


    .page-header-slim .title {
        color: #fff;
    }

    .page-header-slim > .container {
        color: #fff;
    }

    /*.container-fluid {
        padding-top: 60px !important;
        padding-bottom: 60px;
    }*/

    @media (max-width: 500px) {
        .container-site {
            padding-bottom: 155px;
        }
        .container-home {
            padding-bottom: 142px;
        }
    }


    @media (max-width: 767px) {
        .container-site {
            padding-bottom: 95px;
        }
        .container-home {
            padding-bottom: 95px;
        }

    }

    /*Wyświetlanie modali na urządzeniach dotykowych*/
    /*
    @media screen and (max-width: 767px) {
        .modal .modal-dialog {
            margin: 0px;
        }
        .card {
            margin: 0px;
            height: 100%;
            border-radius: 0px;
        }
        .modal-dialog .modal-content {
            border-radius: 0px;
        }
    }
    */
    @media (min-width: 768px) {
        .container-home {
            padding-bottom: 48px;
        }
    }
    /*status płatności kartą*/
    .status {
        display: block;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vh;
        text-align: center;
        font-weight: 600;
    }
    .tytulStatus {
        text-align: center;
        top: 8%;
        position: absolute;
        display: block;
        line-height: 2.5rem;
        font-size: 2.5rem;
    }
    .statusPlatnosciKartaTytul {
        top: 20%;
        width: 100%;
        text-align: center;
        font-size: 2rem;
        line-height: 2rem;
        position: relative;
        display: block;
    }
    .statusPlatnosciKarta {
        width: 100%;
        top: 30%;
        font-size: 2rem;
        line-height: 2rem;
        text-align: center;
        position: relative;
        display: block;
        text-transform: uppercase;
        margin-left: 10px;
    }
    .status-numer-zamowienia {
        font-weight: bolder;
        font-size: 3rem;
        color: red;
    }
    /*status płatności kartą KONIEC*/

    .navbar .navbar-nav .nav-item .nav-link, .dropdown-menu .dropdown-item, .dropdown-menu li>a {
        font-size: 1.2rem;
    }
    .koszyk-lista .btn-finalizuj {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .koszyk-lista {
        padding-bottom: 50px;
    }
}
/*status płatności kartą*/
.status {
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    text-align: center;
    font-weight: 600;
}
.tytulStatus {
    text-align: center;
    top: 8%;
    position: absolute;
    display: block;
    line-height: 2.5rem;
    font-size: 2.5rem;
    width: calc(100% - 100px);
    margin-right: 50px;
    margin-left: 50px;
}
.statusPlatnosciKartaTytul {
    top: 20%;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
    position: relative;
    display: block;
}
.statusPlatnosciKarta {
    width: 100%;
    top: 30%;
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-left: 10px;
}
.status-numer-zamowienia {
    font-weight: bolder;
    font-size: 3rem;
    color: red;
}
/*status płatności kartą KONIEC*/
/* rotating cards  rotating cards  rotating cards  rotating cards  rotating cards  rotating cards  rotating cards */

/* entire container, keeps perspective */
.rotate-card-container {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    margin-bottom: 30px;
}
/* flip the pane when hovered */
.rotate-card-container:not(.manual-flip):hover .rotate-card,
.rotate-card-container.hover.manual-flip .rotate-card{
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}


.rotate-card-container.static:hover .rotate-card,
.rotate-card-container.static.hover .rotate-card {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}
/* flip speed goes here */
.rotate-card  {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.90);
    transition: box-shadow .6s;
}
.front:hover, .back:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.90);
}
.inactive {
    filter: grayscale(100%);
}
/* front pane, placed above back */
.front {
    z-index: 2;
}

/* back, initially hidden pane */
.back {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
    z-index: 3;
}

.back .btn-simple{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 60px;
}

.rotate-card {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
}
div.rotate-card .content p,
div.rotate-card .content h1, div.rotate-card h2,
div.rotate-card .header h3, div.rotate-card .content h3 {
    color: #444444;
}
.rotate-card-container, .front, .back {
    width: 100%;
    height: 430px;
    border-radius: 20px;
}
.rotate-card .cover{
    height: 115px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;

}
.rotate-card .cover:before {
    content: " ";
    height: 20px;
    width: 20px;
    background: #333;
    border-radius: 20px;
    position: absolute;
    left: 20px;
    top: 20px;
    box-shadow: inset 0px 3px 3px gray;
}
.rotate-card .cover img{
    width: 100%;
}
.rotate-card .cover span.position {
    padding: 10px;
    margin: 10px 10px;
    font-size: 2rem;
    position: absolute;
}
.rotate-card .rotate-card-logo {
    border-radius: 0%;
    display: block;
    height: 120px;
    margin: -80px auto 0;
    overflow: hidden;
    width: 140px;
}
.rotate-card .rotate-card-logo img {
    background: none repeat scroll 0 0 transparent;
    width: 100%;
}
.rotate-card .rotate-card-percentage-discount {
    border-radius: 100%;
    background-color: #f33527;

    display: flex;
    height: 150px;
    margin: -100px auto 0;
    overflow: hidden;
    width: 150px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

/*.rotate-card .rotate-card-percentage-discount:after {
    content: "";
    border-radius: 100%;
    background-color: black;
    background: linear-gradient( 60deg , #528eff, #2f343c);
    display: block;
    position: absolute;
    height: 130px;
    margin: 10px -10px;
    overflow: visible;
    z-index: -1;
    width: 180px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}*/

.rotate-card .rotate-card-percentage-discount h1 {
    margin: auto auto;
}
.rotate-card .rotate-card-percentage-discount h1, .rotate-card .rotate-card-percentage-discount h1 span {
    transition: all 0.5s ease;
    font-size: 3rem;
}
.rotate-card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 5px 20px 5px;
    overflow: auto;
}
.rotate-card .content .main-card {
    height: 200px;
    text-align: center;
}
.rotate-card .back .content .main-card {
    height: 185px;
}
.rotate-card .name {
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: capitalize;
}
.rotate-card  h5{
    margin: 5px 0;
    font-weight: 400;
    line-height: 20px;
}
.rotate-card .profession {
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.rotate-card .rotate-card-footer {
    border-top: 1px solid #EEEEEE;
    color: #999999;
    margin: 30px 0 0;
    padding: 0 0 0 0;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 20px 20px;
}
.rotate-card .rotate-card-footer .social-links{
    font-size: 18px;
}
.rotate-card .rotate-card-footer .social-links a{
    margin: 0 7px;
}
.rotate-card .rotate-card-footer .btn-simple{
    margin-top: -6px;
}
.rotate-card .header {
    padding: 15px 20px 5px 20px;
    height: auto;
}
.rotate-card .motto{
    border-bottom: 1px solid #EEEEEE;
    color: #121212;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
}

.rotate-card .stats-container{
    width: 100%;
    margin-top: 50px;
}
.rotate-card .stats{
    display: block;
    float: left;
    width: 33.333333%;
    text-align: center;
}

.rotate-card .stats:first-child{
    border-right: 1px solid #EEEEEE;
}
.rotate-card .stats:last-child{
    border-left: 1px solid #EEEEEE;
}
.rotate-card .stats h4{
    font-weight: 300;
    margin-bottom: 5px;
}
.rotate-card .stats p{
    color: #777777;
}
/*      Just for presentation        */

.space-30{
    height: 30px;
    display: block;
}
.space-50{
    height: 50px;
    display: block;
}
.space-200{
    height: 200px;
    display: block;
}
.white-board{
    background-color: #FFFFFF;
    min-height: 200px;
    padding: 60px 60px 20px;
}
.ct-heart{
    color: #F74933;
}

pre.prettyprint{
    background-color: #ffffff;
    border: 1px solid #999;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
}
.atv, .str{
    color: #05AE0E;
}
.tag, .pln, .kwd{
    color: #3472F7;
}
.atn{
    color: #2C93FF;
}
.pln{
    color: #333;
}
.com{
    color: #999;
}

.btn-simple{
    opacity: .8;
    color: #666666;
    background-color: transparent;
}

.btn-simple:hover,
.btn-simple:focus{
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
}
.btn-simple i{
    font-size: 16px;
}

.navbar-brand-logo{
    padding: 0;
}
.navbar-brand-logo .logo{
    border: 1px solid #333333;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 60px;
}
.navbar .navbar-brand-logo .brand{
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
}
.navbar-default .navbar-brand-logo .brand{
    color: #555;
}


/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back {
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
    }
    .front {
        z-index: 4;
    }
    .rotate-card-container:not(.manual-flip):hover .back,
    .rotate-card-container.manual-flip.hover .back {
        z-index: 5;
        visibility: visible;
    }
}

/*SAMOOBSŁOGA KIOSK */
.btn-choose-pickup-method {
    margin-top: 100px;
    display: inline-block;
}

/*SYSTEM REZERWACJI*/
#booking {
    font-family: 'Cabin', sans-serif;
    background-color: transparent;
}
input.form-control::placeholder {
    opacity: 0;
}
.is-focused input.form-control::placeholder {
    color: red;
    opacity: 1;
}
.availability {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.9rem;
    line-height: 2rem;
}
.low-availability {
    background-image: linear-gradient(0deg,rgba(255,0,0,0) 5px, rgba(255,255,255,1) 6px),
    linear-gradient(90deg,rgba(255,0,0,1) 20%,rgba(255,0,0,0) 0),
    linear-gradient(90deg,rgba(0,0,0,0.1) 100%, rgba(255,0,0,0) 0);
    max-width: fit-content;
}
.avarage-availability {
    background-image: linear-gradient(0deg,rgba(255,0,0,0) 5px, rgba(255,255,255,1) 6px),
    linear-gradient(90deg, rgba(255,140,0,0.5) 10%, rgba(255,140,0,1) 50%,rgba(255,0,0,0) 0),
    linear-gradient(90deg,rgba(0,0,0,0.1) 100%,rgba(255,0,0,0) 0);
    max-width: fit-content;
}
.high-availability {
    background-image: linear-gradient(0deg,rgba(255,0,0,0) 5px, rgba(255,255,255,1) 6px),
    linear-gradient(90deg, rgba(109, 139, 227,0.5) 10%,rgba(109, 139, 227,1) 75%, rgba(255,0,0,0) 0),
    linear-gradient(90deg, rgba(0,0,0,0.1) 100%,rgba(255,0,0,0) 0);
    max-width: fit-content;
}
.very-high-availability {
    background-image: linear-gradient(0deg,rgba(255,0,0,0) 5px, rgba(255,255,255,1) 6px),
    linear-gradient(90deg, rgba(0,128,0, 0.5) 10%, rgba(0,128,0,1) 100%, rgba(255,0,0,0) 0),
    linear-gradient(90deg, rgba(0,0,0,0.1) 100%, rgba(255,0,0,0) 0);
    max-width: fit-content;
}

.loading-group-status {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-auto-width {
    width: auto !important;
}
.btn-zamow-ponownie {
    display: flex;
    align-items: center;
    line-height: inherit;
    height: 42px;
    padding-bottom: 9px;
    padding-top: 9px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-zamow-ponownie {
        display: none;
    }
}

/*
virtual kebord
 */
.ui-keyboard-input-current {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.2);
}
.ui-widget input, .ui-widget select {
    min-height: 38px;
    font-size: 1.5rem !important;
}
.ui-widget textarea, .ui-widget button {
    font-size: 2.4vw !important;
}
.ui-keyboard-actionkey .ui-keyboard-text {
    font-size: 1em !important;
    position: relative;
    top: 0em !important;
    left: 0em !important;
    font-weight: bold;
}
.ui-keyboard-button {
    margin: 2px !important;
}
.kiosk-custom-theme .ui-keyboard button.ui-keyboard-accept {
    color: #fff;
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}
.kiosk-custom-theme .ui-keyboard button.ui-keyboard-accept:hover {
    color: #fff !important;
    background-color: #47a44b !important;
    border-color: #39843c !important;
}
/*
Wyśrodkowanie tekstu w inpucie klawiatury*/
.ui-keyboard-preview-wrapper input.ui-keyboard-preview {
    text-align: center;
}
/*kupony rabatowe */
.alizarin{background: #f33527}
.amethyst{background:#9b59b6}
.emerald{background:#2ecc71}
.midnight-blue{background:#2c3e50}
.peter-river{background:#3498db}
.dl{background: white;
    padding:30px 0 0 0;
    border-radius:20px;
    position:relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.90);
    transition: box-shadow .6s;
}
.dl:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.90);
}
.dl:before{content:" ";
    height:20px;
    width:20px;
    background:#333;
    border-radius:20px;
    position:absolute;
    left:50%;top:20px;
    margin-left:-10px;
    box-shadow: inset 0px 3px 3px gray;
}
.dl .brand{text-transform:uppercase;letter-spacing:3px;padding:10px 15px;margin-top:10px;text-align:center;min-height:100px}
.dl .discount{min-height:50px;position:relative;font-size:80px;line-height:80px;text-align:center;font-weight:700;
    padding:20px 15px 0;
    color: white}
.dl .discount:after{content:" ";border-right:20px solid transparent;border-left:20px solid transparent;position:absolute;bottom:-20px;left:20%}
.dl .discount.alizarin:after{border-top:20px solid #f44336}
.dl .discount.peter-river:after{border-top:20px solid #3498db}
.dl .discount.emerald:after{border-top:20px solid #2ecc71}
.dl .discount.amethyst:after{border-top:20px solid #9b59b6}
.dl .discount .type{font-size:20px;letter-spacing:1px;text-transform:uppercase;margin-top:-30px}
.dl .descr{color:#999;margin-top:10px;padding:20px 15px}
.dl .ends{padding:0 15px;color:#f1c40f;margin-bottom:10px}
.dl .coupon{min-height: 38px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 10px;
    border-radius: 0 0 19px 19px;
    }
.dl .coupon a.open-code{
    color: white;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.dl .coupon .code{
    letter-spacing: 2px;
    border-radius: 4px 4px 15px 15px;
    margin-top: 5px;
    padding: 10px 15px;
    color: #f44336;
    background: rgba(255, 255, 255, 0.8);
}


/*----------------------------------*/
.btn-icon {
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.btn-icon:hover {
    transform: scale(1.2);
}
/*
.tooltip.show.tooltip-custom::before {
    width: 50vw;
    height: 50vw;
    !* background-color: rgba(0,0,0, 0.5);*!
    backdrop-filter: saturate(0%);
    position: absolute;
    display: block;
    top: 50%;
    z-index: -1;
    left: 50%;
    border-radius: 1000px;
    content: '';
    transform: translate(-50%, -50%);
    !* box-shadow: 0px 0 19px rgba(0,0,0, 0.3);*!

}*/
.platnosc-dodatkowy-opis {
    font-size: 12px;
    margin-top: -10px;
    line-height: normal;
}
.tooltip.tooltip-custom::before {
    width: 0px;
    height: 0px;
    backdrop-filter: saturate(100%);
    background-color: rgba(0,0,0, 0);
    content: '';
    transition: 1s all ease-in-out;
}

.tooltip-custom .tooltip-inner {
    background-color: white !important;
    border: none;
    border-radius: 0 0 10px 10px;
}
.tooltip-custom .tooltip-inner p {
    color: #555;
    font-size: 0.875rem;
}
.tooltip-custom {
    /*transition: 1s all ease-in-out;*/
    max-width: 95vw;
}
.tooltip-custom .tooltip-title {
    color: white;
    padding: 5px 10px;
    font-size: 1rem;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.tooltip-custom .button-close {
    font-size: 1em !important;
    height: 28px !important;
    width: 28px !important;
    line-height: 1em !important;
    display: inline-block;
    color: white;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    margin-top: -5px;
}
.tooltip-custom .button-close i {
    padding-left: 10px;
}
.tooltip-custom .button-close:hover {
    box-shadow: none;
    color: #999999;
}
/*--------------------------------------*/
.opinion-scale {
    width: 100%;
    height: 10px;
    border-radius: 10px;
    border: 1px solid gray;
}

.opinion-scale-row {
    display: flex;
    flex-wrap: wrap;
    height: 8px;
}
.col-20 {
    flex: 0 0 20%;
    max-width: 20%;
}
/*
OPINIE
 */
.opinion-title {
    font-size: 2rem;
}
.opinion-description {
    font-size: small;
}
.opinion-blockquote {
    margin-bottom: 50px;
}
.opinion-client-name-and-date {
    line-height: 2rem;
    padding: 0px 5px;
    background: #eee;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 30px);
}
.rating-box {
    position: relative;
    padding: 25px 25px 25px 25px;
    border-radius: 15px 15px;
    transition: all 0.2s ease;
}
.rating-box-input {
    width: 27%;
    opacity: 0;
    margin-top: -38px;
    z-index: -1;
    position: relative;
    float: right;
    display: block;
}
.col-rating-box {
    transition: all 0.5s ease;
}
.col-rating-box:hover {
    border-radius: 5px 5px;
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(0,0,0, 0.2);
}
.col-rating-box:hover i {
    color: white;
}
.rating-box:hover {

}
.rating-box header {
    font-size: 22px;

    font-weight: 500;
    margin-bottom: 20px;
    text-align: left;
}
.rating-box .stars {
    display: flex;
    align-items: center;
    gap: 25px;
}
.stars i {
    color: #e6e6e6;
    font-size: 25px;
    cursor: pointer;
    transition: color 0.5s ease;
}
.stars i.active {
    color: #4caf50;
}

.product-picture-td {

}
.product-picture-block {
    height:100%;
    width: 100%;
    min-width: 100px;
    min-height: 100px;
}
.product-without-picture-block {
    height:100%;
    width: 100%;
    min-width: 100px;
}
.product-picture-block.product-unvisible {
    /*backdrop-filter: saturate(0);*/
}
.product-picture-block .form-check .form-check-sign, .product-without-picture-block .form-check .form-check-sign {
    padding-right: 0;
}
.product-picture-block .form-check .form-check-sign .check {
    background-color: white;
}
.product-picture-block label, .product-without-picture-block label {
    padding: 0 7px !important;
}
.product-without-picture-block i {
    padding-right: 5px;
    padding-left: 5px;
}
.product-picture-block .product-picture-manage-btns {
    backdrop-filter: saturate(100%) blur(10px);
    padding: 5px 0 3px 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
    position: relative;
    top: 40px;
}
/*///////
//////////
////*/
.restimo-channel {
    border-radius: 5px;
    overflow: hidden;
    display: block;
}
.restimo-channel.channel-UBER {
    background-color: #06c16a;
    padding: 8px;

}
.restimo-channel.channel-GLOVO {
    background-color: #ffcc1c;
    padding: 5px;

}
.restimo-channel.channel-TAKEAWAY {
    background-color: white;
    border: 1px solid #ff8000;
    padding: 5px;
}