@font-face {
font-family: OpenSans;
src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
font-family: Nunito;
src: url('fonts/Nunito-VariableFont_wght.ttf') format('truetype');
}
@font-face {
font-family: password;
src: url('fonts/password.ttf') format('truetype');
}
.tooltip{
  z-index:16777270!important;
}
.container.container-error {padding:0;position:relative;
 text-align:center!important;  z-index:999!important;
   transition: all 0.3s ease;
}
.alert-warning{
background:red!important
}
.container.container-error > div.row.alert-warning{
margin:0 !important;
   transition: all 0.3s ease;
}
.modal {
  z-index:16777271!important;
}
.timer{position:fixed;z-index:16777271!important;text-align:center;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.timer span{display:inline-block;color:#fff;font-size:8em}
.menucancel {float:left!important}
.opacity-0 {opacity:0}
html {max-width:100%!important;width:%!important;overflow-x: hidden;font-family:OpenSans, Arial, sans-serif;margin:0!important;padding:0!important;
overflow: -moz-scrollbars-vertical;overflow-y:scroll; color:#000;
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
font-size:0.9em;
}
table.fontfamily tbody{
overflow: -moz-scrollbars-vertical;
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
}
select , .overflow-auto{
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #333; 
}

::-webkit-scrollbar-thumb {
    background: #ddd; 
}
body{margin:0!important;padding:0!important;max-width:100vw;width:100vw;position:relative}
.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input.password{
font-family: password;
}
.carousel-item { animation: taadaa 2s;
 animation-fill-mode: forwards;
transition: transform 1s ease-in; 
}


@keyframes taadaa { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
h1,h2,h3,h4,h5,h6{font-family:Nunito, Arial, sans-serif;color:#333}
h1.marketingHead, h2.marketingHead{text-align:center;position:relative;
}
.responseOrdernumber h1{font-size:10em}
h3.discounth3 span, h5.discounth3 span{font-size:1.5em;color:red;font-weight:700;}
h1.marketingHead:after, h2.marketingHead:after{position:absolute;top:calc(100% + 10px);left:50%;margin-left:-65px;width:130px;content:"";
background-image:url("img/line-black-png.png");background-position: center center;background-repeat:no-repeat;
background-size:130px auto;display: inline-block;height:14px;}
h2.marketingHead span, h1.marketingHead span{width:auto;}
h2.featurette-heading {margin-top:0}
h2.featurette-heading span {display:block}
.carousel-item .container .carousel-caption{background:rgba(0,0,0,0.7);padding:15px;border-radius:8px;	 }
a, .btn{ transition: all .3s ease;}
a:hover, .btn:hover, .btn:focus{ box-shadow:none!important;transition: all .3s ease;}
.bg-dark a {color:#f3f3f3!important;text-decoration:none;}
.bg-dark a:hover {color:#eee!important;}
a.btn-primary.btn-lg, .btn-primary{color:#000!important;background-color:#ffa500;border-color:#ffa500}
a.btn-primary:hover, .btn-primary:hover{color:#fff;background-color:#dd8f00;border-color:#dd8f00}
a.btn-primary:focus, .btn-primary:focus, a .btn-primary:active, .btn-primary:active{color:#333!important;background-color:#fff!important;border-color:#868686!important}
button.stripe-button{transition: all .3s ease;background-size:auto 50px;background-image:url("img/stripe-payment-logo.png");
background-position: left center;background-repeat:no-repeat;border:1px solid #6772E5;color:#6772E5;background-color:#fff;
line-height:45px;padding-left:77px;padding-right:10px;border-radius:8px;font-size:1.3em;font-weight:700;box-shadow:none;}
button.stripe-button:hover{transition: all .3s ease;color:#fff;background-color:#6772E5;}
.btn-secondary{color:#fff;background-color:#000!important;border-color:#000}
.btn-secondary:hover{color:#fff;background-color:#3b3b3b;border-color:#3b3b3b}
.btn-light{color:#333;background-color:#f8f9fa;border-color:#333}
.btn-light:hover{color:#333;background-color:#ddd;border-color:#333}
.btn-light:focus{color:#333;background-color:#eee;border-color:#333;box-shadow:0 0 0 .25rem rgba(0,0,0,.5)}
table.table.table-striped tr td.w-50.name{border:none!important}
table.table.table-striped tr td.w-50.name:focus{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
table.tables-list tr td button.hosttablelist {opacity:0.3;  pointer-events: none;cursor: not-allowed;}
table.tables-list tr.active td button.hosttablelist {pointer-events: auto;opacity:1; cursor: pointer;}
table.tables-list tr.hosttablelist td .table-container{}
table.tables-list tr.hosttablelist td .table-container table{margin-top:10px;box-shadow: 0 5px 15px rgba(0,0,0,0.3);border:1px solid #ddd;}
table.tables-list tr.hosttablelist td .table-container table tr td.name{width:30%}
table.tables-list tr.hosttablelist td .table-container table tr td.name:focus{box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
table tr td span.tabletext, table tr td span.text{display:inline-block;min-width:60px;}
table tr td span.tabletext{font-size:1.1em;min-width:110px;text-align:right;margin-right:10px}
footer{margin:0!important;padding:0!important;}
main {padding:0!important;}
footer, footer h5{color:#fff;}
footer h5{display:block;position:relative;height:auto;margin-bottom:15px;}
footer h5:after{position:absolute;top:calc(100% + 4px);left:0;width:75px;content:"";
background-image:url("img/line-white-png.png");background-position: center center;background-repeat:no-repeat;
background-size:75px auto;display: inline-block;height:8px;}
footer .d-flex a img{height:50px;width:auto;}
footer .nav li a i{font-size:1.4em;}
@media (max-width: 768px) {
footer, footer h5{text-align:center;}
footer h5:after{left:50%;margin-left:-37px;}
      }
.bg-success{background-color:#2baa00!important}
.products-box{position:relative;z-index:1;}
.products-box > div  {position:relative;z-index:1;width:100%;
  transition: box-shadow 0.3s ease-in-out;display:block;}
.products-box div.products-price span {font-size:1.3em}
.container-fluid.marketing .comment p{font-size:1.25rem;font-weight:300}
.products-box > div:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.products-box h4{margin-top:10px;position:relative;}
.products-box h4 span.icomoon{position:absolute;right:0;top:5px;}
.themed-grid-col p > span a{color:#000!important;text-decoration:none;margin-left:8px;display:inline-block}
.products-box p > span > span{display:block;text-align:right;}
 p.d-flex span.w-50{width:50%;min-width:50%;}
 p.d-flex span.w-50 > span,  span.hours, .row.hosts span, .row.hosts span a{font-size:16px;color:#333!important;text-decoration:none;border:none!important}
 p.d-flex span.w-50 .d-block.py-2 a {margin:0;}
.container-fluid .row .col-md-7 p{text-align: justify;}
.col-md-7 p a.fs-5 {font-size:22px!important;color:#333!important}
.col-md-7 p a.fs-5 img{display:block;margin:7px 0 -7px 0!important}
.container-fluid .row .col-md-5{overflow:hidden}
.container-fluid .row .col-md-5 > div{overflow:hidden}
 a.fancybox{position:relative;overflow:hidden}
 a.fancybox:after{transition: opacity 0.5s ease; opacity:0;font-family: "bootstrap-icons"; text-shadow: 0px 0px 4px #000000;font-size:40px;position:absolute; top:50%;left:50%;text-align:center;width:50px;line-height:50px;
 margin-left:-25px;margin-top:-25px;content:"\f62c";color:#fff;background:transparent;}
  a.fancybox:hover:after{opacity:1;transition: opacity 0.5s ease; }
.container-fluid .row .col-md-5 > div.gallery ul{list-style:none;width:100%;max-width:100%;overflow:hidden}
.container-fluid .row .col-md-5 > div.gallery ul li{width:25%;max-width:25%;display:inline-block;overflow:hidden}
.container-fluid .row .col-md-5 > div.gallery ul li a img{width:calc(100% - 5px);margin:0 auto;height:auto;}
.container-fluid .row .col-md-5 a{overflow:hidden;transition: transform 1s ease-in;display:inline-block;}
.container-fluid .row .col-md-5 a div{overflow:hidden;}
a .icon-images{transition: transform 1s ease-in;}
a:hover .icon-images{opacity:0.8;transition: transform 1s ease-in;}
.products-box a.img{overflow:hidden;width:100%!important;max-width:100%!important;display:block!important;}
.container-fluid .row .col-md-5 a div img, .products-box a img, .products-image a img{transform-origin: center center;
transition: transform 1s ease-in;}
.products-image a{overflow:hidden;display:inline-block;}
.container-fluid .row .col-md-5 a:hover{transition: transform 1s ease-in;border:1px solid #ddd;}
.container-fluid .row .col-md-5 a div:hover img, .products-box a img:hover, .container-fluid .row .col-md-5 a:hover img, .products-image:hover a img{transform: scale(1.2);}
.container-fluid.marketing .featurette-divider:last-child{display:none;}
.container-fluid.marketing .row > div{position:relative;}
.products-info div{position:relative;}
div.quantity{width:auto;margin-top:-10px;padding:0;}
.products-info div.price div input, div.quantity input{margin:0 10px;width:50px;height:50px;line-height:50px;text-align:center;box-shadow:none;border-radius:50%;
color: #333333;background-color:#ffa500;border:1px solid #ffa500;padding:0;}
.products-info div.price div input.active, div.quantity input.active{color:#fff;background-color:green;border:1px solid green;}
 div.quantity input{margin:2px 10px -2px 10px;}
.products-info div.price div input:focus{box-shadow:none;border:1px solid #ffa500;}
.products-info div.price div button.addProducts i{margin-right:5px;font-size:1.3em;}
.products-info div.price div button.addProducts{margin:-5px 0 5px 20px!important;font-size:0.7em;}
.products-info div.price div > i, div.quantity i {cursor:pointer;width:20px;height:30px;margin:0!important;}
div.quantity i {font-size:1.6em;}
.products-box h6{margin-top:12px;line-height:1em;font-size:1.2em;}
.products-box .description{line-height:1.1em;}
.products-box .description .shortdescription{max-height:2.2em!important;overflow:hidden}
.products-box  span.shipping{z-index:5;position:absolute;top:4px;left:10px;padding:0;background-color:transparent;}
.products-box span.shipping span{background-color:transparent;margin:0!important;background:#f8f8f8;
display:inline-block;width:48px!important;height:48px;line-height:48px!important;text-align:center;border:1px solid #ddd;border-radius:50%;
}
.products-box span.shipping span img{display:inline-block;border-radius:50%;height:40px!important;width:auto!important;}
.products-box span.shipping span.moped,.productsrow span.moped, .products-info span.moped, .noshippingspan span.nomoped {z-index:5!important;background-color:#fff;background-image:url("../images/moped.png");background-position: center center;background-repeat:no-repeat;
background-size:80% auto;}
.productsrow span.moped{position:absolute;bottom:5px;left:-5px;width:35px!important;height:35px!important;border:1px solid #ddd;
border-radius:50%;}
.products-info span.moped {display:inline-block;vertical-align:bottom;width:60px!important;height:50px!important;background-size: auto 120%;}
.noshippingspan span.nomoped {border:1px solid red;background-image:url("../images/nomoped.jpg");border-radius:50%;
width:25px!important;height:25px!important;margin-top:-8px;margin-right:0;right:0;top:0;position:absolute;}
@media (max-width: 768px){
.productsrow span.moped{bottom:auto;left:auto;top:0;right:0;}
}
@media (max-width:1100px){
.noshippingspan span.nomoped {margin-top:-5px;margin-right:-5px;}
.row.cart-table div span.nomoped {margin-top:-24px;margin-right:3px;}
}
.products-box div span.shipping img{width:auto!important;height:30px!important;}
.products-box span.favourite{width:48px!important;height:48px;line-height:48px!important;font-size:28px;cursor:pointer;
z-index:5;position:absolute;right:10px;top:4px;text-align:center;background:#f8f8f8;border:1px solid #ddd;border-radius:50%;}
.products-info span.favourite{position:relative;font-size:28px;cursor:pointer}
.products-box span.favourite i, .products-info span.favourite i{color:#333;}
.products-box span.favourite.active i, .products-info span.favourite.active i {color:red;}
.productsrow span.materialsspan{position:absolute!important;top:-10px;left:-10px;width:48px!important;height:48px!important;
border-radius:50%;line-height:48px!important;text-align:center;background:transparent;}
.productsrow span.materialsspan img.food_materials{border:1px solid #ddd;background:#fff;border-radius:50%;display:inline-block;width:auto!important;height:30px!important;}
.products-box span.spicy {position:absolute;right:0;bottom:0;width:48px;height:48px;border-radius:50%;border:1px solid #ddd;
background-size: auto 80%;background-color:#fff;background-image:url("../images/spicy.png");background-position: center center;background-repeat:no-repeat;}
span.favourite.active.actived{animation: favouriteAnimation 1s ease-in-out 1; }
  @keyframes favouriteAnimation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.8);
    }
    100% {
        transform: scale(1);
    }
}
.products-info p.social_medias a {color:#333;font-size:1.3em;text-decoration:none;margin-left:5px;}
.products-info p.map span.icomoon, .products-info p.map i {color:#333;font-size:1.3em;margin-left:5px;}
.products-info p.map a {color:#333;text-decoration:none;}
.products-info p.my-3 img{margin:-4px 0 4px 2px}
.longtext{text-align:center;font-family: Cormorant;font-size:1.2em;}
#headenavbar a, .header-links a {display:inline-block;margin-left:10px;}
.header-links a i, .header-links a span.icomoon{font-size:1.8em;color:#ffa500;}
.header-links a.functionslink span.icomoon{font-size:1.4em;line-height:30px;}
#headenavbar .langlist{list-style:none;margin:0;text-align:center;}
#headenavbar .langlist li {cursor:pointer;text-transform:uppercase;line-height:40px;text-align:center;display:inline-block;color:#fff;font-size:1.2em;padding:0 5px;}
#headenavbar .langlist li.active {color:#ffbb3c;border-bottom:1px solid #ffbb3c;}
#headenavbar .navbar-nav .nav-item a i{font-size:1.3em!important;}
.page-content {
    margin-top: calc(4.2rem + 1px); /* A navbar magassága (3.5rem) plusz egy kis különbség */
}
.page-content > .container-fluid.position-fixed{top:0;left:0;margin:0;z-index:999!important; transition: all 0.3s ease;}
.page-content > .container-fluid.position-fixed > div{margin-top:0!important; transition: all 0.3s ease;}
header {position:relative;z-index:16777270!important;}
header nav a.navbar-brand{color:#ffa500!important;font-weight:700;font-size:1.8em;height:3.5rem;vertical-align:middle;line-height:1.4em;}
header nav a.navbar-brand img{border:1px solid #fff;height:100%;width:auto;display:inline-block;vertical-align:top;margin:0 8px 0 0;}

.header-links a.favoriteslink{display:none;}
.header-links a.favoriteslink.active{display:inline-block;}
.header-links a.cartlink{font-size:0em;width:0;display:inline-block;opacity:0;position:relative;}
.header-links a.cartlink i{font-size:0;display:none;}
.header-links a.cartlink.active{opacity:1;font-size:1em;width:auto;}
.header-links a.cartlink.active i{font-size:1.5em;display:inline-block;}
.header-links a.cartlink .cartcontent{position:absolute;font-weight:700;width:100%;text-align:center;left:0;top:0;}
.toCart {position:absolute;z-index:16777271!important;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);}
.toCart h4 {background:#fff;display:inline-block}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-select:focus,
.form-select:active,
textarea.form-control.rounded-3:focus, select.form-control.rounded-3:focus{   
  border-color: #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(25, 25, 25, 0.6);
  outline: 0 none;
}
.loadmodals{position:fixed;overflow: hidden!important;left:0;bottom:0;max-width:100%!important;z-index:16777271!important;}

.modal .custom-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:transparent; 
  z-index: 999; 
}
.modal-body .selectdiv, form .selectdiv{position:absolute;top:50px;left:0;padding:0!important;max-width:300px;width:auto;max-height:160px!important;
overflow-x:hidden;overflow-y:auto;display:none;
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
}
form .selectdiv{top:80px;max-height:248px!important;}
.selectdiv::-webkit-scrollbar {
    width: 10px;
}

.selectdiv::-webkit-scrollbar-track {
    background: #333; 
}

.selectdiv::-webkit-scrollbar-thumb {
    background: #ddd; 
}
.selectdiv p{white-space:nowrap;cursor:pointer;margin:0;padding:0 8px;line-height:2em;}
.selectdiv p span{width:50px;min-width:50px;display:inline-block;}

.selectdiv p:hover {
    background-color: #f0f0f0;
}  
form div span.icomoon.icomoon-eye{ 
position:absolute;opacity:0.8;
  top:20px;right: 7px;cursor:pointer;
}
form#updateusers div span.icomoon.icomoon-eye{ 
  top:49px;
}
form div {
  position: relative;
}
form .selectdiv{z-index:999;
position: absolute;
}
form.content-form{ position: relative;}
form .form-control,form .form-select{height:calc(3.5rem + 2px);line-height:1.25}
form.content-form.verificationCode .mb-3 label{display:block;width:100%}
form.content-form.verificationCode .mb-3 .formtag{display:inline-block;width:10%}
form.content-form.verificationCode .mb-3 input.form-control.formtag{display:inline-block;width:calc(90% - 2px)}
.form-control.is-invalid{background:none;}
label.form-label{position:relative}
legend.col-form-label {font-size:1.1em;font-family:Nunito, Arial, sans-serif;}
 label span.required, legend span.required {
  color: red;font-size:1.2em;
  margin-left: 5px;display:inline-block!important;
}
label.form-label span.required{position:absolute;top:0;right:-10px;margin:0}
.form-floating label{white-space:nowrap;}
.form-floating span.required{
  color: red;font-size:1.2em;
  position: absolute;
  top: 0;z-index:9999;
  right: 5px;
}
.modal-body > div.required{width:100%;text-align:right;line-height:1em;margin:0 0 5px 0;
  color: red; font-size:0.8em;
  position: relative;
}
form{position:relative;}
form > div.required{width:auto;line-height:1em;margin:0;
  color: red; font-size:0.8em;
  position: absolute;right:0;top:0;
}
.modal-body form > div.required{top:-15px;}
.modal-body p a.functionslink{color:#333;}
.modal-body{margin:0;padding-top:20px!important;padding-bottom:20px!important;}
.bg-danger{background: red; background: linear-gradient(to bottom, #ff0000, #cc0000);}
.modal-body .progress{position:relative;margin:10px 0 0 0;height:2rem;z-index:1!important;}
.progress .progress-bar{position:relative;z-index:1!important;background: #d7d7d7;color:#333;
border-right:1px solid #9f9f9f;}
.progress .progress-bar:last-child{border-right:none;}
.progress-bar.bg-success{background: #2baa00!important;color:#fff;}
.card.bronze .card-header{background: linear-gradient(to bottom, #CD7F32, #8B4513);}
.card .card-header h4{text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;
color: #000; }
.card .card-body h1.card-title.pricing-card-title{text-align:center;position:relative;width:100%}
.card .card-body h1.card-title.pricing-card-title span.discount{font-weight:700;color:#fff;white-space:nowrap;font-size:0.6em;position:absolute;border-radius:50%;
width:90px;line-height:90px;text-align:center;top:-70px;right:-15px;transform: rotate(45deg);
background-image:url("img/discount.png");background-position: center center;background-repeat:no-repeat;
background-size:100% 100%;
}
@media (max-width:1100px){
.card .card-body h1{font-size:2.1em;}
}
@media (max-width:1400px){
.page-content > .container-fluid{padding-left:10px;padding-right:10px;  }
.page-content > .container-fluid > .container.position-relative{width:calc(100% - 20px)!important;min-width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;}
}
.card .card-body h1.card-title.pricing-card-title span.oldprice{text-decoration: line-through;font-size:0.8em;margin-right:5px}
.card .card-body h1.card-title.pricing-card-title span.newprice{color:red;font-weight:700;}
.card .card-body h1.card-title.pricing-card-title .d-block {font-size:0.6em;}
.card .card-body h1.card-title.pricing-card-title .d-block span.oldprice{font-size:0.5em;}
.card .card-body h1.card-title.pricing-card-title .d-block span.newprice{font-size:0.7em;}
.card.silver .card-header{background: linear-gradient(to bottom, #C0C0C0, #808080);}
.card.gold .card-header{background: linear-gradient(to bottom, #FFD700, #DAA520);}
.card.platina .card-header{background: linear-gradient(to bottom, #E5E4E2, #B5B3B0);}
table.text-center.prices tr td span.icomoon-checkmark, table.table.table50 tr td span.icomoon-checkmark{color:green}
table.text-center.prices tr td span.icomoon-cancel-circle, table.table.table50 tr td span.icomoon-cancel-circle{color:red}
table.text-center.prices tbody th.text-start{padding:10px;line-height:1em;}
div.alert.alert-success{background: #2baa00;color:#fff!important;}
.alert-dismissible .btn-close{padding:0!important;opacity:1;
border:none!important;box-shadow:none!important;top:3px;right:3px;}
div.alert .btn-close{ filter:invert(1) grayscale(100%) brightness(200%)}
.blog p, p.lead{color:#333;font-size:1.25rem;font-weight:300}
p strong {font-family: tahoma, Arial, sans-serif;
  display: inline;color:#5f5f5f;
}

form textarea{position:relative;
  resize: none;
  overflow-y:auto!important;
  height:auto!important;
  min-height:30px!important;
  max-height:400px!important;

}
form#saveproducts textarea:focus{
  height:auto!important;
  min-height:50px!important;
  max-height:400px!important;
}


.modal-body .alert{text-align:center}
.modal-body{max-height:calc(100vh - 12rem)!important;overflow-y:auto;
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
position:relative;
}

.modal-xl .modal-body{max-height:calc(100vh - 14rem)!important;overflow-y:hidden;}
.modal-dialog.modal-dialog-scrollable  .modal-body{max-height:auto!important;overflow-y:auto;}
@media (max-width:1200px){
.modal-xl{max-width:calc(100vw - 18px)!important;min-width:calc(100vw - 18px)!important;
margin-left:5px!important;margin-right:5px!important;}
}
@media (max-width:1000px){
.modal-body.p-5{padding:10px!important}
}
::placeholder {
  color: #999; 
}

.loadcontent{display:none;position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.7);
background-image:url("img/rainbow-spinner-loading.gif");background-position: center center;background-repeat:no-repeat;
background-size:180px auto;}
.cookie-box{position:fixed; z-index:16777271!important;width:100%;bottom:0;left:0;padding:20px 10px 10px 10px;background:rgba(0,0,0,0.7);color:#fff;text-align:center;}
.cookie-box p{margin:0;}
.cookie-box p span {display:inline-block;margin:0 10px;}
.cookie-box p a {text-decoration:underline;color:#fff;}
.cookie-box p a.btn {text-decoration:none;}
.table tbody tr td.text-center button{display:block;margin:0 auto 8px auto;white-space:nowrap;}
div.hostlist, .table.sortable tbody tr td{font-size:1.1em;position:relative;padding:10px 10px;
vertical-align:middle;}
.table.sortable tbody tr td.text-center button{margin:0 auto!important}
.table.sortable tbody tr td.text-center button + button{margin-left:10px!important}
div.hostlist a, .table.sortable tbody tr td a{color:#333;text-decoration:none;border:none!important}
.table.sortable tbody tr td img{width:auto;height:auto;max-height:100px;max-width:100px;}
div.hostlist .host-status, .table.sortable tbody tr td.products-status, .table.sortable tbody tr td.menu-categories {cursor:pointer;}
div.hostlist .host-status span, .table.sortable tbody tr td.products-status span, .table.sortable tbody tr td.menu-categories span{font-size:1.6em}
div.hostlist button {min-width:100%;}
.table tbody tr td.qrcode a:hover::after, a.qrcode:hover::after  {
    content: "\f29a"; /* Bootstrap letöltés ikonjának Unicode karaktere */
    font-family: 'bootstrap-icons'; /* A Bootstrap ikonok betűtípusának beállítása */
    position: absolute; /* Abszolút pozícionálás, hogy az ikon a kép felett legyen */
    top: 50%; text-align:center;font-size:1.3em;
    left: 50%;width:40px;line-height:40px;margin-top:-20px;margin-left:-20px;
    color: #fff; border-radius: 50%;background-color: rgba(0, 0, 0, 0.8); 
}


.table.table50 tbody tr td{font-size:1.1em;position:relative;
width:50%;padding:10px 10px;vertical-align:middle;
}
.table.table50 tbody tr td span.message{margin-left:10px;display:none}
.table.table50 tbody tr td span.message.success{color:#fff;padding:5px;margin-bottom:-10px;margin-top:-15px;border-radius:3px;background:#2baa00;}
.table.table50 tbody tr td span.icomoon{cursor:pointer;margin:10px 10px;font-size:1.3em;vertical-align:bottom;}
.table.table50 tbody tr td span.icomoon.icomoon-download2{vertical-align:middle;}
.table.table50 tbody tr td img{width:70px;height:auto;}
.table.table50 tbody tr td:first-child{font-weight:bold;}
.table.table50 tbody tr:hover td{background:#ddd}
.table.table50 tbody tr:last-child td{ border:none; }
.table.table50 tbody tr td a{color:#333;text-decoration:none;}
.table.table50 tbody tr td a span{vertical-align:bottom;}
@media (max-width: 768px) {

.navbar-toggler {box-shadow:none;border:1px solid #949494!important;color:#949494!important;}
#headenavbar, #headenavbar .navbar-nav{text-align:center}
.container.position p.text-end{text-align:center!important}
.me-3.address{display:block}
.header-links.d-inline{position:absolute;right:68px;}
.modal-body.p-5.pt-0{padding-top:20px!important;}
#headenavbar a, .header-links a {display:inline-block;margin-left:5px;}
.header-links a i, .header-links a span.icomoon{font-size:1.5em;}
.navbar-collapse.collapse.show .header-links.d-inline, a.functionslink.logoff{display:none}
.table.table50 tbody tr td{width:auto;}
.table.table50 tbody tr td.text-end{text-align:left!important;}
.search-page .row.buttons > .col-lg-6.col-sm-12.col-md-12:first-child {margin-bottom:10px;}
      }
.tab-pane .checkform{padding:0;position:absolute;width:100%;top:0;left:0;}
.tab-pane .checkform .alert{margin-top:0!important;text-align:center;position:relative;z-index:999999;margin-bottom:0!important;}
.alert a{font-weight:bold;color:#fff;}
.alert {visibility: hidden;
animation: alertfadeIn 1s ease-in-out forwards;
 transform: rotateX(90deg); /* Elforgatás 90 fokkal */
  transform-origin: center bottom;
padding:0;margin-bottom:0;position:relative;
 	  }
  @keyframes alertfadeIn {
      from {visibility: hidden; height:0;transform: rotateX(90deg); 
        opacity: 0; padding:0 1rem;margin-bottom:0;
      }
      to {transform: rotateX(0deg);height:auto;
        opacity: 1;visibility: visible;
padding:1rem 1rem;margin-bottom:1rem;
      }
    }  
.nav-tabs .nav-link{color:#333;background-color:#f7f7f7;border-color:#ddd #ddd #fff}
.nav-tabs .nav-link.active{color:#fff;background-color:#333;border-color:#000 #000 #000}
.tab-content{position:relative;width:100%;background-color:#f7f7f7;border:1px solid #ddd}

 .nav.nav-tabs{white-space:nowrap!important;max-width:auto!important;width:auto!important;}
 .nav.nav-tabs li.nav-item{display:inline-block;position:relative;}
 .nav.nav-tabs li.nav-item span.required{background:#fff;
 border-radius:50%;width:10px;line-height:15px;font-size:1.3em;height:10px;text-align:center;position:absolute;color:red;top:3px;right:3px;}

.tab-content {
  position: relative;
  overflow: hidden;
}

.tab-content .tab-pane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.tab-content .tab-pane.active {
  transform: translateX(0);
}

.tab-content .tab-pane.next {
  transform: translateX(100%);
}

.tab-content .tab-pane.prev {
  transform: translateX(-100%);
}
.row .rowcover, .search-page div.cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(255, 255,255,0.4)}
 #drop-area {position:relative;overflow:hidden;
      border: 2px dashed #ccc;
      border-radius: 8px;
      padding: 20px;
      text-align: center;
      cursor: pointer;
    }
#drop-area.is-invalid {border: 2px dashed red;}
 #drop-area input{width:100%;height:100%;z-index:10;position:absolute;top:0;left:0;opacity:0;}
 #drop-area .icomoon{font-size:3em}
 #drop-area i.bi.bi-trash-fill{display:none;z-index:11;cursor:pointer;font-size:1em;position:absolute;color:#fff;top:5px;right:5px;
 border:1px solid #fff;background:red;border-radius:50%;width:25px;line-height:25px;text-align:center;}
 #drop-area .icomoon.icomoon-cancel-circle{display:none;
 z-index:11;cursor:pointer;font-size:1.3em;position:absolute;color:#fff;top:5px;right:5px;
 border:1px solid #fff; }
 #drop-area.highlight .icomoon.icomoon-cancel-circle,  #drop-area.highlight i.bi.bi-trash-fill{display:block;}
 #drop-area #file-list{position:absolute;background:rgba(255,255,255,0.6);width:calc(100% - 10px);white-space:nowrap;bottom:5px;left:5px;overflow:hidden;}
#drop-area.highlight { border-color: #218838;}
#drop-area img {position:relative;max-width:80%!important;margin:0 10% 10px 10%!important; display:block;}
#drop-area .cover, .menulogo-layer .cover{position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;font-size:1.2em;z-index:9999;
background:rgba(255, 255,255,0.8);display:table}
#drop-area .cover span,  .menulogo-layer .cover span{display:table-cell;vertical-align:middle;}
div.uploadimage input{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;}
.image-preview-container > div.image-preview{display:inline-block;margin-right:5px;position:relative;}
.image-preview-container > div.image-preview > img{display:block;margin:0;width:auto;height:100px;}
.image-preview-container > div.image-preview .delete-icon{position:absolute;top:5px;right:5px;cursor:pointer;width:20px;line-height:20px;text-align:center;background:#fff;color:red;text-align:center;}
.image-preview-container > div.image-preview > input{display:none}
form .uploaded span{display:inline-block;}
form .uploaded .icomoon{margin-left:5px;font-size:2.2em;cursor:pointer;}
form .uploaded input{opacity:0;}
a.documentumreader{color:red;text-decoration:none;font-size:1.2em;line-height:1em;padding:0;}
#modaldocumentumreader .modal-dialog .modal-body{height:75vh;min-height:75vh;}
.modal-header h2 .text-muted{font-weight:700!important;color:#333!important}
.modal-dialog, .modal{z-index:2147483647!important;}
.modal-dialog .modal-body.scroll{overflow-y:scroll}
.modal-dialog .modal-body ul.list-unstyled li{list-style-type: circle;font-size:1.2em;}
.modal-dialog .modal-body .bg-globe{background-image:url("img/eco-friendly-packaging.jpg");background-position: center center;background-repeat:no-repeat;
background-size:100% auto;}
.col.marketingphoto img{width:80%;height:auto;margin:0 10%}
.shadow-sm{transition: all .3s ease;}
.shadow-sm:hover{ box-shadow:0 1rem 3rem rgba(0,0,0,.2)!important;transition: all .3s ease;transform: scale(1.05);}
.details {padding:10px;background:#eee;border:1px solid #ddd;border-radius:5px;}
.details table{padding:0;margin:0;width:100%;border-collapse:collapse;line-height:1.3em;font-size:1.1em;}
.details table tr td:first-child{width:50%;padding-right:10px;}
#modaluserCart h6, #modaluserFavourites h6, #favorits h6{font-size:1.2em;}
#modaluserCart table.cart-table, #modaluserOrder table.cart-table, #modaluserFavourites table.cart-table, 
#favorits table.cart-table {width:100%;text-align:center;border-collapse:collapse;}
#modaluserCart table.cart-table tr td, #modaluserOrder table.cart-table tr td, #modaluserFavourites table.cart-table tr td, #favorits table.cart-table tr td {border-bottom:1px solid #dee2e6;}
#favorits table.cart-table tr td > span{height:100px;font-size:1.1em;}
.row.cart-table div > span > span, #modaluserCart table.cart-table tr td > span > span, #favorits table.cart-table tr td > span > span
{display:inline-block;line-height:2.1em;vertical-align:bottom;width:30px;}
.row.cart-table div i, #modaluserCart table.cart-table tr td i, #favorits table.cart-table tr td i{cursor:pointer;font-size:1.2em;}
.row.cart-table div > span i, #modaluserCart table.cart-table tr td > span i, #favorits table.cart-table tr td > span i{
display:inline-block;font-size:1.4em;margin:0 5px;}
.row.cart-table div a, #modaluserCart table.cart-table tr td a, #favorits table.cart-table tr td a{color:#333;text-decoration:none;}
.row.cart-table div:first-child {line-height:1em;}
@media (max-width: 1000px) {
.row.cart-table div > span i, #modaluserCart table.cart-table tr td > span i, #favorits table.cart-table tr td > span i{margin:0 1px;}
.modal-dialog.modal-lg{max-width:calc(100vw - 25px);width:calc(100vw - 25px);margin-left:10px;margin-right:auto;}
}
#favorits table.cart-table tr td:first-child{width:25%;text-align:left;}
#favorits table.cart-table tr:last-child td, #modaluserFavourites table.cart-table tr:last-child td , #modaluserFavourites table.cart-table.border-bottom:last-child{border-bottom:none!important;}
#modaluserFavourites table.cart-table tr td{width:25%;}
#favorits table.cart-table tr td:first-child, #modaluserFavourites table.cart-table tr td:first-child {width:50%;}
#favorits table.cart-table tr td:nth-child(2n) {text-align:left;}
#favorits table.cart-table tr td:nth-child(3n){width:20%;text-align:center;}
#favorits table.cart-table tr td:last-child, #modaluserFavourites table.cart-table tr td:last-child{width:15%;text-align:right;}
#favorits table.cart-table tr td > i, #modaluserFavourites table.cart-table tr td > i{font-size:1.4em;cursor:pointer;line-height:3em;}

#modaluserCart table.cart-table tr td:last-child{width:100px;text-align:right;}
#modaluserCart table.cart-table tr td:first-child img{width:50%;height:auto}
#modaluserCart table.cart-table tr td:first-child span, #modaluserFavourites table.cart-table tr td:first-child span{width:100%;line-height:1em;display:block!important;margin:8px 0;}
label.paytype span{display:none;}
.row.qrcodegenerator span.icomoon{font-size:2em;margin:0 8px;cursor:pointer;}
.border-secondary{border-color:#c0c0c0!important}
.btn-primary:disabled{color:#8c8c8c;background-color:#fff;border-color:#8c8c8c; cursor: not-allowed;
  pointer-events: all !important;}
input:disabled, .form-check-label.disabled, .form-check.disabled, .form-check-input:disabled{ cursor: not-allowed;pointer-events: all !important;}
.form-check-label i.text-danger{ display:none;}
.form-check-label.disabled i.text-danger{ display:inline-block;}
div.invalid input, div.invalid input:focus{ border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
form label img {height:auto!important;width:125px!important;}
form .row.socialurls label span.icomoon {font-size:18px!important;}
form .row.socialurls label img {margin:-4px 0 4px 0;width:auto!important;height:18px!important;}
.waitLayer{margin:0 auto;width:auto;text-align:center}
.waitLayer img{width:120px;height:auto;}
.waitLayer span{display:block;font-size:1.2em;font-weight:700;text-align:center}
.host_types{transition: all .3s ease;overflow:hidden}
.host_types.inactive{max-height:47px;transition: max-height 1s ease-out;}
.host_types.active{max-height:800px;transition: max-height 1s ease-out;}
.host_types label{display:inline-block;margin:0 20px 0 20px;}
.host_types label .form-check-input{display:inline-block;margin:-2px 5px 0 0;}
.socialurls.host_types label{display:inline-block;margin:0;}
.showall{position:absolute;top:5px;right:5px;line-height:2em;}
.showall span{font-size:1.2em}
.editedmenu{background:#fff;padding:0!important;}
form#newmenu{width:100%;max-width:100%;overflow:hidden;}
form#newmenu .row{width:100%;max-width:100%;margin:0;padding:0;}
.editedmenu .row, .editedmenu .col-12 {padding:0!important;}
.editedmenu .row{position:relative;margin:0!important;width:100%;min-width:100%;padding:0!important;min-height:30px;vertical-align:middle;}
.editedmenu > div span.icomoon{position:absolute;z-index:999;left:5px;top:50%;margin-top:-12px;width:25px;line-height:25px;
color:#333;font-size:0.9em;cursor:pointer}
#menudesign span.icomoon.active{color:green;}
.editedmenu > div  > div, .editedmenu > div  > div  > div{width:100%;min-width:100%;margin:0!important;padding:0!important;text-align:center;}
[contenteditable="true"] {border: 1px solid transparent;}
[contenteditable="true"]:focus {border: 1px solid #dee2e6;outline: none; box-shadow:none;}
#menudesign div.resizable {padding:0!important;width:100%;position: relative;
            resize: vertical; 
            overflow: hidden; 
      display: flex;
      align-items: center;
      justify-content: center;
        }
#menudesign div.resizable	span.resize-handle {
      position: absolute!important;
      bottom:0;
      right: 0;
     line-height:25px;width:25px;
	  text-align:center;
      cursor: ns-resize;
      background-color: #333!important;
	  z-index:99999;color:#fff!important;font-size:1.3em;
    }
.resizable:hover{-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);}
.menulogo{ display: flex;
    justify-content: center; /* Vízszintes középre igazítás */
    align-items: center; }
.menulogo-layer{resize: both;max-height:100%!important;
  overflow: hidden; width:auto!important;}
.menulogo-layer img{height:100%;max-height:auto;position:relative;z-index:1;display:block;width:auto;max-width:100%!important;margin:0 auto!important;}
.form-switch{padding-left:3em;height:3em}
.form-check-label{line-height:1em;font-size:1em;}
.menu-device{position:absolute;right:0;display:inline-block;top:10px;right:10px;}
.menu-device .btn i{font-size:1.5em;}
#menudesign .form-check .form-check-label{font-size:1.1em;line-height:2.1em;}
.form-check-input{width:1.2em;height:1.2em;box-shadow:none!important}
.form-switch .form-check-input{width:2.5em;margin-top:0.5em;margin-left:-2em;margin-right:0.3em;}
.form-check-inline .form-check-input{width:15px;height:15px;margin-top:0.5em;}
.form-check.form-check-inline.w-auto .form-check-input{width:20px!important;height:20px!important;width:1.2em;height:1.2em;margin-top:3px!important;}
.form-check.form-check-inline.w-auto .form-check-input:checked{background:green!important;}
table tr td span .form-check.form-check-inline.w-auto .form-check-input{border:none!important;background:red!important;width:15px!important;height:15px!important;margin-top:18px!important;}

.menutools, .menutools .row, .menutools .row > div{background:#eee!important;}
.colorpicker input, .menutools .textcolor input , .menutools .categoriesbackground input{display:inline-block;
width:2em!important;height:2em!important;
border:2px solid #dee2e6!important;box-shadow:none!important;border-radius:2em!important;}
.bg-light .colorpicker label{font-size:1.1em;width:50%;text-align:right;padding-right:5px;line-height:1.6em!important;vertical-align:top;padding:0!important}
.menutools input{margin-top:0;}
.menutools{display:none;max-width:calc(100%-10px)!important;}
.menutools > div > div{padding:0!important;}
.menutools .textcolor{vertical-align:middle;}
.menutools{position:relative;z-index:999;padding:0!important;}
.menutools h5{margin:0!important;width:100%!important}
.menutools #textsize{width:50px;text-align:center;box-shadow:none!important;border:1px solid #ddd!important;
font-size:1em;line-height:2.3em;border-radius:0}
.menutools label{vertical-align:middle;margin-bottom:0!important;padding:0 0 0 10px!important;font-size:1.2em;text-align:left;margin-right:8px;
line-height:50px;display:block;width:100%;}
label .sp-original-input-container{position:absolute;top:0;height:50px;margin:0!important;}
label .sp-colorize-container.sp-add-on{ display:block!important;margin:8px 0 0 5px!important;}
.menueditor label .sp-colorize-container.sp-add-on{ margin:9px 0 0 5px!important;}

table.fontfamily{position:absolute;z-index:999;top:11px;left:30%;z-index:16777271!important;width:68%;background:#fff;border-collapse:collapse;overflow:hidden;padding:0;}
.form-check table.fontfamily{width:200px;top:10px;left:110px;}
table.fontfamily tbody{display: block;overflow-y: hidden;max-height: 50px; transition: all .3s ease;}
table.fontfamily:hover tbody{overflow-y: auto;max-height: 200px; transition: all .3s ease;}
table.fontfamily tbody tr {width: 100%;display: none;}
table.fontfamily tbody tr.active {display: table;table-layout: fixed;}
table.fontfamily tbody tr td{font-size:1em;width:100%;white-space:nowrap;padding:3px 5px 3px 25px!important;transition: all .3s ease;overflow:hidden;}
table.fontfamily tbody tr.active td{background-image:url("img/green-tick.png");
font-size:1em;padding:3px 5px 3px 25px;background-position: 3px center;background-repeat:no-repeat;
background-size: auto 70%;}
table.fontfamily:hover tbody tr, table.fontfamily tbody tr.active{display: table;table-layout: fixed;}
table.fontfamily:hover tbody tr td{}
table.fontfamily tbody tr td:hover{background-color:#ddd}
.spectrum.with-add-on{position:absolute;opacity:0;z-index:-1}
 .form-switch .form-check-input,  .form-switch .form-check-input:focus, .form-check .form-check-input, .form-check .form-check-input:focus{ background-color:#dee2e6!important;box-shadow:none!important;border:2px solid #dee2e6!important;}
 .form-switch .form-check-input:checked,.form-check .form-check-input:checked{background-color:green!important;}
 .form-check .form-check-input:checked{border:2px solid green!important;}

label.form-check-label.w-100 img {margin:-5px 0 5px 0}
.form-check-inline label.form-check-label.w-100 img {margin:-1px 0 1px 0!important}
div .form-check.form-check-inline.w-auto.p-0{min-width:150px!important;}
.deletematerial{cursor:pointer}
.resizable .menulogo-layer .menulogo-cover{position:absolute;opacity:0;transition: all .3s ease;top:0;left:0;z-index:98;border: 2px dashed #ccc;
background-color:rgba(255,255,255,0.7)!important;width:100%;height:100%;background-image:url("img/upload-icon.png");
background-position: center center;background-repeat:no-repeat;background-size: 50px auto;
}
.menulogo-cover.highlight { border-color: #218838;}
.resizable .menulogo-layer:hover .menulogo-cover {opacity:1;}
.resizable .menulogo-layer input{position:absolute;top:0;left:0;z-index:99;opacity:0;width:100%;height:100%;}
.menulogo-layer i{display:none;z-index:9999;width:25px;line-height:25px;text-align:center;cursor:pointer;font-size:1.1em;position:absolute;
color:#fff;background:#333;border-radius:50%;top:50%;left:105%;margin-top:-12px;}
.menulogo-layer.active i{display:block;}
.editedmenu .categoriesparent{width:100%;max-width:auto;white-space:nowrap;overflow-y:hidden;overflow-x:auto;scrollbar-width: thin; 
scrollbar-color: #333 #ddd; }
.editedmenu .categoriesparent div{overflow:hidden;}
.editedmenu .categoriesparent:hover{-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);}
.scrolling-tabs {
      overflow-x: auto;
      white-space: nowrap;
	  width:100%;max-width:100%;
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
    }
.scrolling-tabs ul.nav.nav-tabs{display:block;width:auto!important;max-width:auto!important;white-space: nowrap;}
table.sortable{min-width:100%;width:100%!important;max-width:100%!important;}
table.sortable tbody{min-width:100%;width:100%;max-width:100%!important;}
table.sortable tbody tr{cursor:ns-resize;min-width:100%;width:100%;max-width:100%!important;}
.ui-sortable-helper { display: table; box-sizing: border-box;}
table.sortable tbody:after{
    content: "-";
    display: block;
    line-height: 20px;
    color: transparent;
}
table thead tr th, table tbody tr td{position:relative;}
table tbody tr td{vertical-align:middle;}
table.sortable tbody tr td:first-child{padding-left:30px;}
table.sortable tbody tr td:first-child i{left:0;}
table.sortable tbody tr td:first-child {padding-left:30px;
background-image:url("img/sortable.png");
background-position: left center;background-repeat:no-repeat;background-size: 25px auto;
      background-repeat: no-repeat;
    }
.allergens-layer .form-check{width:33%;display:inline-block;}
.allergens-layer > .row{max-width:calc(100% - 10px)!important;width:calc(100% - 10px)!important;overflow:hidden;}
@media (max-width: 1000px) {
.allergens-layer{max-width:72%!important;width:72%!important;overflow:hidden;padding:0!important}
.allergens-layer .row.mb-2{padding:8px!important;}
}
@media (max-width: 800px) {
.allergens-layer{max-width:100%!important;width:100%!important;}
}
@media (max-width: 1000px) {
.allergens-layer .bg-light .form-check.form-check-inline.w-auto.p-0{width:calc(50% - 40px)!important;min-width:calc(50% - 40px)!important;max-width:calc(50% - 40px)!important;}
.allergens-layer .bg-light .form-check.form-switch{width:50%!important;max-width:50%!important;}
.allergens-layer .bg-light .form-check.form-switch .form-check-label{width:100%!important;}
}
.allergens-layer .form-check label.form-check-label{margin-right:45px;}
.form-check label.form-check-label img{width:auto!important;margin:-6px 0 6px 5px;height:30px!important;}
.form-check label.form-check-label img + span{display:inline-block;line-height:22px!important;}
#choosepackage .form-check label.form-check-label img{margin-left:0;margin-right:0;}
@media (max-width: 1050px) {

#choosepackage .form-check label.form-check-label img{display:inline-block;}
}
.previousContent{display:none;}
.tab-pane {
      display: flex;
      flex-direction: column;
    }
.flex-fill {min-height:calc(100% - 55px)!important;height:calc(100% - 55px)!important;
      flex: 1;
    }
    .d-flex.align-items-end {
      align-self: flex-end;
    }
.tab-content .tab-pane .text-start.buttons{margin-top:10px;height:44px;}
.breadcrumb li.breadcrumb-item a{color:#333;text-decoration:none;}
.relatedproductsList .form-control.form-control-sm, form .form-control.form-control-sm{max-height:calc(1.5em + (.5rem + 2px))!important;font-size:.875rem;
background:#eee; }
 form .form-control.form-control-sm{background:#fff; }
.relatedproductsList .form-control.form-control-sm:focus, form .form-control.form-control-sm:focus{box-shadow:none;border-color:#ddd;}
.relatedproductsList .productsList{max-height:0px;overflow-y:hidden;
   opacity: 0;visibility: hidden;transition: all 1s ease;
    }
	.relatedproductsList.active .productsList{transition: all 1s ease;
  opacity: 1;visibility: visible;max-height:200px;overflow-y:auto;margin-bottom:10px;
overflow: -moz-scrollbars-vertical;
scrollbar-width: thin; 
scrollbar-color: #333 #ddd; 
    }
.relatedproductsList .form-check input[type="checkbox"] {
      display: none;
    }
	.checklayer{position:relative;}
#choosepackage .relatedproductsList .form-check input[type="checkbox"], .checklayer .form-check input[type="checkbox"] {
      display: block;opacity:0;position:absolute;float:none;top:0;left:20px;margin:0;
    }
.checklayer .form-check .form-check-label i{font-size: 1.4em;}
.relatedproductsList .form-check input[type="checkbox"] + .form-check-label::before, .checklayer .form-check input[type="checkbox"] + .form-check-label::before {
      content: "\2713";
      display: inline-block;
      font-size: 1.2em;
      width: 1.2em;
      height: 1.2em;
      line-height: 1.2em;
      text-align: center;
      background-color: #ddd;
      color: #fff;
      border-radius: 0.25em;
      margin-right: 0.5em;
    }

.checklayer .form-check input[type="checkbox"]:checked + .form-check-label::before, .relatedproductsList .form-check input[type="checkbox"]:checked + .form-check-label::before {
      content: "\2713";
      background-color: #28a745;
    }
.form-check-label input[type="checkbox"]:checked{
  content: "\2713";
      background-color: #28a745;
}
	 #map {
            height: 400px;
        }
.menucontent, .menucontent div {position:relative;}
.menucontent div.order-list{display:none;position:fixed;top:4.5em;right:10px;z-index:999;
width:60px;height:60px;min-width:60px;min-height:60px;background-color:#eee;transition: all 0.3s ease;background-image:url("img/checklist.png");
background-position: center center;background-repeat:no-repeat;background-size: 70% auto;invert(100%) ;
      background-repeat: no-repeat;cursor:pointer;
	  border:2px solid #231F20;border-radius:8px;
}
.menucontent .tab-content{min-height:30vh!important}
.menucontent .nav-link{z-index:1;}
.menucontent .products-description{position:relative;padding-bottom:10px;margin-bottom:10px;max-height:80px;overflow:hidden;transition: height 0.3s ease; }
.menucontent .products-description.active{max-height:auto;}
.menucontent .products-description .show-more{position:absolute;right:10px;bottom:0;z-index:999;}
.products-description::after {z-index:99;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
    pointer-events: none; 
}
.menucontent .products-description.active::after, .menucontent .products-description.hiddenAfter::after {display:none;
}
.menucontent div.order-list.active{display:block;}
.menucontent div.order-list:hover{border:2px solid #333;background-color:#ddd;transition: all 0.3s ease;}
.menucontent .addList{ cursor:pointer;}
.menucontent .addList button:first-child{color:#333;}
.menucontent .addList button:last-child{ display:none;border-color:green;}
.menucontent .addList.active button:last-child{ display:block;}
.menucontent .addList.active button:first-child{ display:none;}
.menucontent .img-fluid{max-width:70%;width:70%;height:auto;}
.menucontent .findproducts img{display:inline-block;margin:0 3px;cursor:pointer;position:relative;}
.menucontent .findproducts > span > span{position: relative; }
.menucontent .findproducts span.materialsList-parent > span.active:after {
font-family: 'bootstrap-icons'; 
content: "\f26e"; 
color: green; 
font-size: 25px; 
position: absolute;
width:20px;text-align:center;
margin-top:-6px;
top: 0;
left: 0;
    }
.menucontent .findproducts span.allergensList-parent > span.active:after {
font-family: 'bootstrap-icons'; 
content: "\f62a"; 
color: red; 
font-size: 25px; 
position: absolute;
width:20px;text-align:center;
margin-top:-6px;
top: 0;
left: 0;
    }
.menucontent .findproducts > span{display:inline-block;margin:0 10px;}
.menucontent .findproducts label{display:inline-block;margin-left:5px;font-weight:700}
.menucontent .findproducts > label:first-child{font-size:1.2em;font-weight:500}
.menucontent div.order-list.up {
animation: orderUp 1s ease-in-out forwards;
 	  }
  @keyframes orderUp {
      0% {background-color:#fff;
width:60px;height:60px;min-width:60px;min-height:60px;
      }
   50% {background-color:#ffa500;
width:80px;height:80px;min-width:80px;min-height:80px;
      }
   100% {background-color:#fff;
width:60px;height:60px;min-width:60px;min-height:60px;
      }
    } 
.confirmation-layer{position:absolute;}
#raiting .star-wrapper {
    display: inline-block;
    cursor: pointer;position:relative;
}
#raiting input[type="radio"] {
position:absolute;top:50%;left:50%;opacity:0;
}
#raiting label {
    display: block;
    font-size: 2.5em;line-height:0.7em; /* A csillag ikonok mérete */
    color: #c0c0c0; /* Alapértelmezett szín */
    cursor: pointer;position:relative;
}

#raiting label:hover,
#raiting input[type="radio"]:checked + label {
    color: gold; /* Arany szín */
}
.form-check input[type="radio"].form-check-input{ width:1.2em!important;height:1.2em!important;box-shadow:none!important}
.form-check input[type="radio"].form-check-input:checked{border-color:green!important;background:green!important;box-shadow:none!important}
span.stars {display: inline-block;font-size: 2.5em;line-height:0.7em;color: #c0c0c0; }
span.stars.gold {color: gold; }
.products-name h4{display: inline-block;}
.card p span.h4 img{height:12px;width:auto;display:inline-block;margin:-2px 0 2px 10px}
li.nav-item .inactivereview{color:#fff;font-size:0.6em;position:absolute;border-radius:50%;top:0;right:0;width:15px;line-height:15px;background:red;text-align:center;}
.menucategories , .menulinks{
 padding:0;
  position: relative;
}
.menucategories{max-height:auto!important;height:auto!important;display:block;overflow:hidden}
.menucategories .tab-content{max-height:auto!important;height:auto!important;display:block;overflow:hidden}
.menucategories .nav-wrapper {
  overflow-x: hidden;
  white-space: nowrap;
  position: relative;z-index:9!important;
}

.menucategories .nav-tabs {
  display: inline-block;
}

.menucategories .nav-tabs .nav-item {
  margin-right: 5px;
}

.menucategories .nav-tabs .nav-item:last-child {
  margin-right: 0;
}

.menucategories .nav-tabs .nav-link {
  padding: .5rem 1rem;
  border: none !important;
}
.menulinks{text-align:center;}
.menulinks .nav-arrows {
  position: absolute; 
display:none;top: 0;
padding:0 3px;width: 40px; 
  text-align:center;
  cursor: pointer;
  z-index: 99!important;
}
.menulinks .nav-arrows:hover  i { transition: all 0.3s ease;background: rgba(255,255,255,0.8);}
.menulinks .nav-arrows i{background: rgba(255,255,255,0.6);
font-size:1.4em;  display: inline-block;transition: all 0.3s ease;
  vertical-align: middle;
  text-align: center;  padding: .4rem 0;
}
.menulinks .nav-arrows.left {
  left: 0;
}
.menulinks .nav-arrows.right {
  right:0;
}

.container-fluid.menucontent div{background:transparent!important;}
@media (max-width:1000px){
.container-fluid.menucontent > div.container{
max-width:calc(100% - 20px);width:calc(100% - 20px);min-width:calc(100% - 20px);margin:0 10px!important;}
.menucategories{ max-width:100%;width:100%;min-width:100%;margin:0!important;
}
}
@media (max-width:768px){
.container-fluid.menucontent, .container-fluid.menucontent > div.container{ max-width:100%;width:100%;min-width:100%;margin:0!important;
padding:0;
}
}
#menuTabContent .border-bottom:last-child{border:none!important}
#menuTabContent .tab-content {background:transparent!important;border:none;
    }
  #menuTabContent .tab-pane {background:transparent!important;
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      height: auto;display:block;border:1px solid #ddd;
   transition: all 0.3s ease;border-bottom-left-radius:10px;border-bottom-right-radius:10px;
   padding:15px;
    }
  #menuTabContent .tab-pane.show.active {
      position: relative;overflow:hidden;
    left: 5px;left:0;
   transition: all 0.3s ease;
    }
 #menuTabContent .tab-pane.inactived {    
   transition: all 0.3s ease;
    left: -100%;
    }
	.search-layer .w10{min-width:130px;display:inline-block;}
	.search-layer .w14{min-width:14%;}

@media (max-width:1300px){
.sm-none{display:none}
}
@media (max-width:1100px){
.search-layer label span.d-inline img{height:25px!important;width:auto!important;}
.container.container-error{display:flex;width:100%!important;min-width:100%!important;max-width:100%!important;display:block;}
.container.container-error > div.row.alert-warning{
width:100%!important;min-width:100%!important;max-width:100%!important;display:block;
margin:0!important
}
}
.row .col-14{width:14%}
@media (max-width:768px){
.row .col-14{width:20%}
.search-layer label span.d-inline img{height:20px!important;width:auto!important;}
}
.search-layer div label span{line-height: 12px;display: inline-block;}
.search-layer input[type="checkbox"].form-check-input{border-color:#ddd!important;}
.search-layer div label input[type="checkbox"].form-check-input{
      content: "\2713";
      display: inline-block;
      font-size: 1.2em;
      width: 1.2em;min-width: 1.2em;
      height: 1.2em;
      line-height: 1.2em;
      text-align: center;
      background-color: #fff;
      color: #fff;border-color:#ddd!important;
      border-radius: 0.25em;
      margin-right: 0.5em;
    }
.search-layer div label input[type="checkbox"].form-check-input:checked{box-shadow:none;border-color:#ddd!important;  content: "\2713";
      background-color: #28a745;}
.search-layer div.allergensList label input[type="checkbox"].form-check-input{
background-color: #fff; color: red!important;
content: "\2716"; 
 }
.search-layer div.allergensList label.form-check-label input[type="checkbox"].form-check-input:checked{ 
color: red!important;border-color:red!important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23fff'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    background-position: center;
      background-color: red;
	  }

.search-page h5 {font-size: 1em;}
div.types .h4{position: absolute;z-index:100;cursor:pointer;
    bottom:-10px;left:calc(100% - 24px);}
.search-layer div.types{position:relative;max-height:70px;overflow:hidden; transition: max-height 0.3s ease-in-out;}
.search-layer .mb-2.col-md-2.col-2{ display:inline-block;width:14%;}
@media (max-width:1000px){
.search-layer label .ms-1.d-inline{display:none!important;}
}
@media (max-width:768px){
.search-layer .mb-2.col-2{ display:inline-block;width:13.7%;}
.search-layer div.allergensList .col label.form-check-label{display:inline-block;min-width:auto!important;width:auto!important;
margin:0!important;}
.search-layer div .col label.form-check-label img{display:inline-block;margin:0!important;padding:0!important;}
.search-layer div label.form-check-label input[type="checkbox"]
{ font-size: 1em;margin-top:-2px;
      width: 1em;min-width: 1em;
      height: 1em;
      line-height: 1em;
	  }
.search-layer div.types{max-height:50px;}
}


.search-layer div.types i.bi.bi-chevron-down{display:block;}
.search-layer div.types i.bi.bi-chevron-up{display:none;}
.search-layer div.types.active i.bi.bi-chevron-down{display:none;}
.search-layer div.types.active i.bi.bi-chevron-up{display:block;}
.search-layer div.types.active::after{display:none;}
.search-layer div.types.active{  max-height: 1000px;}
.search-layer p.h5 span{font-family:Nunito, Arial, sans-serif;font-size:0.9em;}
.address-layer.border-danger{
 background-color: #d7dce1!important;
}
.mt-n1{border:1px solid red;
margin-top: -1.5rem !important;
}
.form-range {
  background-color: #fff;
}
 .form-range::-webkit-slider-runnable-track{background-color:red}; 
 .form-range::-moz-range-track{background-color:red}; 
/* Csúszka csíkjának szegélye */
.form-range:focus {
  outline: none;
  box-shadow: none!important;
}
/* Csúszka csíkjának mozgatható hüvelykujja */
.form-range::-webkit-slider-thumb {
  background-color: #000; /* fekete hüvelykujj */
  border: 1px solid black; /* fekete szegély */
  border-radius: 0; /* szögletes szél */
  box-shadow: none!important;
}

.form-range::-moz-range-thumb {
  background-color: #000; /* fekete hüvelykujj */
  border: 1px solid black; /* fekete szegély */
  border-radius: 0; /* szögletes szél */
  box-shadow: none!important;
}

.form-range::-ms-thumb {
  background-color: #000; /* fekete hüvelykujj */
  border: 1px solid black; /* fekete szegély */
  border-radius: 0; /* szögletes szél */
  box-shadow: none!important;
}
.form-range:focus::-webkit-slider-thumb{  background-color: #000;}
.form-range:focus::-moz-range-thumb{background-color: #000;}

.form-range::-moz-range-thumb:active{background-color: #000;}
.form-range::-webkit-slider-thumb:active {
  background-color: #FF8000;
}
/* Csúszka csíkjának mozgatható része alatt lévő alapértelmezett sáv színe */
.form-range::-webkit-slider-runnable-track {width:97.2%;background-color: #FF8000;}
.form-range::-moz-range-track{width:97.2%;background-color: #FF8000;}
 .orderhostlist form .form-select,.orderhostlist .form-select {height:calc(2rem + 2px);line-height:1.25}
 .orderhostlist .form-select:focus{box-shadow:none!important;}
 .orderhostlist .form-select  {box-shadow:none!important;
    background-color: black!important;
    color: white!important; 
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23ffffff'><polygon points='0,0 100,0 50,50'/></svg>")
    no-repeat;
  background-size: 16px;
  background-position: calc(100% - 7px) 10px;
  background-repeat: no-repeat;
  }
.btn.border.border.rounded-3.typeform{margin:10px 0;}
.typeform.border-dark, span.p-3.border.rounded-3.border-dark { transition: all 0s ease; position:relative;}
.row.menu-locally span.p-3.border.rounded-3{display:inline-block;margin:10px;}
.typeform img, span.p-3.border.rounded-3 img{position:relative;z-index:1;width:100%;}
.typeform img{width:100%;max-width:50px;height:auto;}
@media (max-width:768px){
.search-layer .w10{line-height:1em;min-width:33%;}
.search-layer .w10 label{line-height:1em;font-size:0.8em;}
.search-layer .w10 label .form-check-input{margin-top:0;}
.search-results{width:calc(100vw - 80px);}
.page-content > .container-fluid.my-5{margin-top:1rem!important;}
h2.marketingHead{padding:0;margin:20px 0 10px 0!important;font-size:1.4em;}
h2.marketingHead:after{display:none;}
.btn.border.border.rounded-3.typeform{padding:0;border:none;margin:0;}
p.d-flex.type-head, .search-layer{}
.container-error{position:absolute;margin-top:-10px}
#raiting label {
    font-size: 2em;line-height:0.7em; 
}
}

span.p-3.border.rounded-3.border-dark:after {
font-family: 'bootstrap-icons'; 
content: "\f26e"; 
color: green; 
font-size: 80px; 
position: absolute;
width:80px;height:80px;text-align:center;
top: 50%;
left: 50%;
margin-top:-60px;
margin-left:-40px;
    }
.d-inline .form-check-input:checked {
    background-color: green!important;
    border-color: green!important; /* Optional: Change border color */
}
button.typeform.border-dark{ background-color:#eee;transition: all 0s ease;background-image:url("img/green-tick.png");
background-position: center center;background-repeat:no-repeat;background-size: auto 100%;}

.row.menu-locally div input[type="checkbox"]{opacity:0;z-index:999;background:transparent!important;}
.row.menu-locally span.border-success{background:#ddd;}
.img-fluid{min-width:100%;height:auto}
.file-peview .img-fluid{margin:0 10%;display:inline-block;min-width:80%;max-width:80%;width:80%;height:auto}
.search-results > div > div a{text-decoration:none;color:#333;}
.search-results p{line-height:1.1em;margin:0;}
.search-results > div:hover{background:#eee;}
.search-results > div > div {width:20%;}
.search-results > div > div:last-child {width:80%;color:#333;}
.search-results > div > div img{width:98%;margin:0 1%;height:auto;}
.form-floating.keyword button {
 visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
color: #fff; 
background:#333;
font-size: 20px; 
position: absolute;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
width:50px;line-height:50px;text-align:center;cursor:pointer;
top: 0;
right: 0;
border:none;box-shadow:none;
    }
.form-floating.keyword.active button {
visibility: visible;
  opacity: 1;
}
.form-floating.keyword:after:hover {background:#6c6c6c;}
.newhead{width:100%; display:block;}
span.deletekeyword, p.type-head{cursor:pointer;}
p.type-head .bi.bi-chevron-up{display:none;}
p.type-head.active .bi.bi-chevron-up{display:inline-block;}
p.type-head.active .bi.bi-chevron-down{display:none!important;}
.img-fluid.new-image{margin:0 auto;max-width:100px!important;width:100px!important;min-width:100px!important;}
@media (max-width:900px){
header nav a.navbar-brand img {display:none;}
}
@media (max-width:768px){
header nav a.navbar-brand{font-size:1.4em;height:3.5rem;vertical-align:middle;line-height:1.8em;}

.modal-body .col.marketingphoto{display:none}
.modal-body .col.bg-globe ul li{text-align:center;}
.nav-item.sm-none{display:block}
.pt-sim-3{margin-top:1rem!important}
.col-xs-6{flex:0 0 auto;width:50%}
.col-xs-3{flex:0 0 auto;width:25%}
.col-xs-9{flex:0 0 auto;width:75%}
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.products-box.animated{
    opacity: 0;
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
  }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    opacity: 1;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
/* Alapértelmezett stílusok */
.accordion-button {
    border-color: #ddd!important; color:#fff!important;
	box-shadow:none!important;background-color: #333!important; border-color: #333!important;
}

/* Aktív állapotban */
.accordion-button:focus,
.accordion-button:active {color:#fff!important;
    border-color: #333!important; /* Aktív border szín */
    background-color: #333!important; /* Aktív háttérszín */
    color: #fff!important; /* Aktív szövegszín */
}
.accordion-button:not(.collapsed){color:#fff!important;background-color:#333!important;box-shadow:none}
.accordion-button.collapsed::after {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.fullscreen {display: block;background-color:transparent;width:50px;height:41px;background-image:url("img/fullscreen.png");
background-position: center center;background-repeat:no-repeat;background-size:100% auto ;
box-shadow:none;border:1px solid #fff;border-radius:5px;padding:0;position:fixed;bottom:15px;right:15px; z-index:16777270!important;}
  :fullscreen .fullscreen {
    display: none;
  }
  #menuTabContent .row.productsrow{position:relative;z-index:2;}
  #menuTabContent .row.productsrow .imageslayers{position:relative;z-index:2;}
  #menuTabContent .row.productsrow .added, .products-box .added, .name .added {position:absolute;top:50%;left:50%;width:100px;height:100px;
  line-height:100px;z-index:16777270!important;
  margin-left:-50px;margin-top:-50px;border-radius:50%;transform: scale(0);text-align:center;
  background-color:#2DB700!important;z-index:3;color:#fff; animation: scaleAnimation 2s ease-in-out 1; }
 td.name .added {width:50px!important;height:50px;
  line-height:50px!important;  margin-left:-25px;left:100%;margin-top:0!important;top:0!important;}
#menuTabContent .row.productsrow .added::before, .products-box .added::before, .name .added::before {
    content: "\f633"; /* Bootstrap ikon pipa */
	font-size:80px;
    font-family: "bootstrap-icons"; /* Bootstrap ikon betűtípus */
    font-weight: bold; /* Ikon vastagsága */
    color: #fff; /* Pipa színe */
}
td.name .added::before{font-size:30px!important;}
.sendOrderParent.d-block button.senduserOrder{animation: scaleinAnimation 2s ease-in-out 1; }  
@keyframes scaleinAnimation {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.8);
    }
    100% {
        transform: scale(1);
    }
}
  @keyframes scaleAnimation {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.8);
    }
    100% {
        transform: scale(0);
    }
}
.cke_contents {min-height:30px!important;max-height:auto!important;}
.cke_contents iframe{max-height:auto!important;display:block;}
.menucategories .menulinks.fixed{z-index:999;left:0;
position:fixed;
}
.d-flex.productsrow {
    overflow: hidden;
    height: auto !important;
    max-height: 1000px; /* Beállítunk egy elég nagy értéket a max-height-hoz */
    transition: max-height 0.5s ease-in-out;
}

.dnone.d-flex.productsrow {
    max-height: 0 !important;
    transition: max-height 0.5s ease-in-out;
	padding:0!important;margin:0!important;
	border:none!important;
}
.chat {z-index:16777270!important;
            border: 1px solid #ccc;
            width: 100%;
            max-width: 350px;
            border-top-left-radius: 10px;border-top-right-radius: 10px;}
.chat .chat-box {
            width: 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: #f8f9fa;           
 max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
        }
.chat a .bi.bi-chevron-compact-down, .chat.active a .bi.bi-chevron-compact-up{ display:none}
.chat a .bi.bi-chevron-compact-up, .chat.active a .bi.bi-chevron-compact-down{ display:block}

.chat.active .chat-box {
 max-height: 80vh;transition: max-height 0.25s ease-in;
        }

        .chat-messages {
            flex-grow: 1;
            max-height: 60vh;
            overflow-y: auto;
			scrollbar-width: thin; 
            scrollbar-color: #333 #ddd; 
            padding: 0;
        }

        .chat-messages p {
            background-color: #e9ecef;
            padding:8px;
			line-height:1.1em;
            border-radius: 5px;
            margin:0 0 10px 0;
            width: 95%;
        }

        .chat-messages .sent {
            margin-left:10px;
            background-color: #007bff;
            color: white;
            align-self: flex-end;
        }

        .chat-input {
            padding: 10px 0;
            border-top: 1px solid #ccc;
        }

        .chat-input form {
            display: flex;
        }

        .chat-input input {
            flex-grow: 1;
            border-radius: 0;
        }
.received .load {
 
}
@keyframes loadingDots {
  0% { content: "."; }
  33% { content: ". ."; }
  66% { content: ". . ."; }
  100% { content: "."; }
}

.received .load::after {
  content: "";
  display: inline-block;
  animation: loadingDots 1s steps(3, end) infinite;
}