@charset "UTF-8";
/*******************
GRID
********************/
body {
  font-family: "Raleway", sans-serif !important; }

p {
  font-family: "Raleway", sans-serif !important;
  color: #343a40; }

a,
a:hover,
a:focus {
  font-family: "Raleway", sans-serif;
  color: #cc7357; }

/*******************
GRID
********************/
/*** HEADER ***/
/*Header*/

header .site__title__logo {
    position: absolute;
    left: 20px;
    line-height: 100%;
    z-index: 99;
    width: 20% !important;
	background-color: white;
}

@media only screen and (max-width: 767px) {
	header .site__title__logo {

    top: 30% !important;
}


}


header .site__title__logo.txtBrand {
  top: 6px;
  left: -119px;
  width: 160px; }
  @media only screen and (max-width: 991px) {
    header .site__title__logo.txtBrand {
      display: none; } }

header .site__title--txt {
  position: relative;
  font-family: "Raleway", sans-serif !important;
  color: #fff !important;
  font-size: 35px !important;
  text-shadow: 2px 2px 4px #000; }
  @media only screen and (max-width: 991px) {
    header .site__title--txt {
      left: 0; } }
  @media only screen and (max-width: 767px) {
    header .site__title--txt {
      font-size: 24px !important; } }
  @media only screen and (max-width: 575px) {
    header .site__title--txt {
      font-size: 20px !important; } }

header .col-md-12 {
  background: rgba(0, 0, 0, 0.4) !important; }

header .nav-section .btn-dark.focus, header .nav-section .btn-dark:focus {
  box-shadow: 0 0 0 0.2rem #cc7357 !important; }

header .sign-section .btn-login {
  background: #cc7357 !important;
  color: #fff !important;
  color: none !important; }

header .sign-section .btn-login:hover {
  background: #bfd12c;
  color: #fff !important;
  color: none !important; }

header .input-default {
  font-family: "Raleway", sans-serif;
  background: #E5EDCD;
  color: #343a40; }

header .btn-default {
  font-family: "Raleway", sans-serif !important;
  background: #bfd12c !important;
  color: #fff !important;
  font-size: 26.7px !important; }

header .btn-default:hover {
  background: #cc7357 !important;
  color: #fff !important;
  color: none !important; }

header a.btn-default {
  background: #bfd12c !important;
  color: #fff !important; }

header a.btn-default:hover {
  background: #cc7357 !important;
  color: none !important;
  color: #fff !important; }

header a.btn-default p {
  color: #fff !important; }

header a.btn-default:hover p {
  color: #fff !important;
  color: none !important; }

header .btn-menu {
  font-family: "Raleway", sans-serif !important;
  background: #bfd12c;
  color: #fff !important; }

header .btn-menu:hover {
  color: #fff !important;
  background: #cc7357 !important; }

header .btn-menu.active {
  background: #cc7357 !important;
  color: #fff !important; }

header .dropdown-item:hover {
  background: #cc7357 !important;
  color: #fff !important; }

header .dropdown-menu {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

header .wrapUser .fa-user-circle {
  background: #cc7357 !important; }

header .wrapUser p {
  background: #E5EDCD !important; }

header .wrapUser select {
  background: #E5EDCD !important; }

/*Header*/
/*Header common*/
.navbar {
  background: #fff !important; }

.btn-brand {
  color: #343a40 !important; }

.btn-brand:hover {
  color: #cc7357 !important; }

/*Header common*/
/*FLAGS*/
div.wrapPanelFlag a {
  color: #cc7357 !important; }

.flag-arrow .fa-angle-down {
  color: #cc7357 !important; }

/*FLAGS*/
/*** /HEADER ***/
/*** SIDEBAR ***/
#sidebar .sidebar-header h3 {
  color: #343a40 !important; }

#sidebar .sidebar-header p {
  color: #343a40 !important; }

#sidebar ul li a {
  color: #343a40 !important; }

#sidebar ul li a:hover {
  color: #cc7357 !important; }

#sidebar ul li.active > a,
#sidebar a[aria-expanded="true"] {
  color: #343a40 !important; }

/*** /SIDEBAR ***/
/*** CONTENT ***/
#content article p span {
  color: #cc7357; }

#content article .hightlighted {
  color: #cc7357 !important; }

#content article .btn-def {
  font-family: "Raleway", sans-serif !important;
  background: #cc7357 !important;
  color: #fff !important; }

#content article .btn-def:hover {
  background: #bfd12c !important;
  color: #fff !important; }

#content .content__item--txt {
  font-family: "Raleway", sans-serif !important;
  color: #343a40 !important; }

#content .content__item--txtMain {
  font-family: "Raleway", sans-serif !important;
  color: #343a40 !important; }

#content footer .wrapFirst {
  background: #bfd12c !important; }

#content footer .wrapSecond {
  background: #cc7357 !important; }

/*Content common*/
.input-default {
  font-family: "Raleway", sans-serif !important;
  background: #E5EDCD;
  color: #343a40 !important; }

.btn-default {
  font-family: "Raleway", sans-serif !important;
  background: #bfd12c !important;
  color: #fff !important; }

.btn-default:hover {
  background: #cc7357 !important;
  color: #fff !important; }

/*Content common*/
/* MODALS */
.side-notify .fa-question-circle {
  color: #cc7357 !important; }

.tooltip-inner {
  background-color: #343a40 !important; }

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #343a40 !important; }

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #343a40 !important; }

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #343a40 !important; }

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #343a40 !important; }

.popover-header {
  background: #343a40 !important; }

.modal-header {
  background: #cc7357 !important; }

.modal-body button {
  border: #cc7357 solid 1px !important; }

.modal-body .svg-inline--fa {
  background: #cc7357 !important; }

.modal-header button.close {
  color: #cc7357 !important; }

/* MODALS */
/*******************
Scrollup
********************/
.scrollup,
.scrollup:hover,
.scrollup:focus {
  background: #cc7357 !important; }

/*******************
Scrollup
********************/
/* ADMIN */
.wrapAdmim .col-md-6:nth-child(2) .box {
  background: url(/Content/images/pic-admin-1.jpg) 0 0 no-repeat !important; }
  @media only screen and (max-width: 767px) {
    .wrapAdmim .col-md-6:nth-child(2) .box {
      display: none; } }

.wrapAdmim .col-md-6:nth-child(3) .box {
  margin-right: 1px;
  background: url(/Content/images/pic-admin-1.jpg) 0 0 no-repeat !important; }
  @media only screen and (max-width: 767px) {
    .wrapAdmim .col-md-6:nth-child(3) .box {
      display: none; } }

.wrapAdmim .box {
  background: #cc7357 !important; }

.wrapAdmim label.checkbox {
  color: #fff !important; }

.wrapAdmim label.checkbox a,
.wrapAdmim label.checkbox a:hover {
  color: #cc7357 !important; }

/* ADMIN */
/* SigIn */
#CaptchaInputText {
  background: #E5EDCD !important; }

.wrapSignIn .box {
  border: solid 1px #cc7357 !important; }
  .wrapSignIn .box h3 {
    color: #cc7357;
    border-bottom: solid 1px #343a40 !important; }
  .wrapSignIn .box button {
    border: #cc7357 solid 1px !important; }
  .wrapSignIn .box label input[type=text] {
    background: #E5EDCD !important; }

.wrapSignIn label.checkbox {
  color: #fff; }

.wrapSignIn label.checkbox a,
.wrapSignIn label.checkbox a:hover {
  color: #cc7357 !important; }

.wrapSignIn label.checkbox span {
  color: #cc7357 !important; }

/* SignIn */
/* Logged In */
.side-notify-order .fa-question-circle {
  color: #cc7357 !important; }

.boxOrder {
  border: 1px solid #cc7357 !important; }
  .boxOrder .slide-panel {
    border: 1px solid #cc7357 !important; }
    .boxOrder .slide-panel p {
      color: #fff !important;
      background: #bfd12c !important; }
    .boxOrder .slide-panel .slide-panel-inner .wrap-pay {
      background: #cc7357 !important; }
  .boxOrder .slide-open p {
    color: #fff !important;
    background: #bfd12c !important; }
    @media only screen and (max-width: 768px) {
      .boxOrder .slide-open p {
        border-bottom: 1px solid #cc7357 !important; } }
  .boxOrder .slide-close p {
    color: #fff !important;
    background: #bfd12c !important; }
    @media only screen and (max-width: 768px) {
      .boxOrder .slide-close p {
        border-bottom: 1px solid #cc7357 !important; } }
  .boxOrder .table tr:last-child {
    background: #cc7357 !important; }

/* Logged In */
/* Order */
.wrapOrder .box .detail:hover {
  color: #cc7357 !important; }

.wrapOrder .box .box-footer .wrap-number label.checkbox {
  color: #fff !important; }

.wrapOrder .box .box-footer .wrap-number label.checkbox a,
.wrapOrder .box .box-footer .wrap-number label.checkbox a:hover {
  color: #cc7357 !important; }

.wrapOrder .box .box-footer .wrap-number label.checkbox span {
  color: #cc7357 !important; }

.wrapOrder .box .wrap-meal .wrap-meal-category {
  color: #fff !important;
  background: #bfd12c !important;
  border-bottom: solid 1px #cc7357 !important; }

.wrapOrder .wrap-menu-a .box {
  border: solid 1px #cc7357 !important; }

.wrapOrder .wrap-menu-b .box {
  border: solid 1px #bfd12c !important; }

.wrapOrder .wrap-menu-c .box {
  border: solid 1px #ff5900 !important; }

.wrapOrder .wrap-menu-1 .box {
  border: solid 1px #055d8c !important; }

.wrapOrder .wrap-menu-2 .box {
  border: solid 1px #fcac49 !important; }

.wrapOrder .wrap-menu-3 .box {
  border: solid 1px #ad7748 !important; }

.wrapOrder .wrap-menu-4 .box {
  border: solid 1px #9ac12e !important; }

.wrapOrder .wrap-menu-a .box-footer {
  background: #cc7357 !important; }

.wrapOrder .wrap-menu-b .box-footer {
  background: #bfd12c !important; }

.wrapOrder .wrap-menu-c .box-footer {
  background: #ff5900 !important; }

.wrapOrder .wrap-menu-1 .box-footer {
  background: #055d8c !important; }

.wrapOrder .wrap-menu-2 .box-footer {
  background: #fcac49 !important; }

.wrapOrder .wrap-menu-3 .box-footer {
  background: #ad7748 !important; }

.wrapOrder .wrap-menu-4 .box-footer {
  background: #9ac12e !important; }

.wrapOrder .wrap-menu-a .box-header {
  background: #cc7357 !important; }

.wrapOrder .box:hover {
  background: #E5EDCD !important; }

.wrapOrder .box.menu-a {
  color: #fff !important; }
  .wrapOrder .box.menu-a p {
    color: #fff !important; }

.wrapOrder .box.menu-a:before,
.wrapOrder table tbody tr th .box.menu-a:hover:before {
  content: '';
  background: linear-gradient(140deg, rgba(126, 166, 9, 0.7) 25%, #cc7357 26%) !important; }

.wrapOrder .box.menu-b {
  color: #fff !important; }
  .wrapOrder .box.menu-b p {
    color: #fff !important; }

.wrapOrder .box.menu-b:before,
.wrapOrder table tbody tr th .box.menu-b:hover:before {
  background: linear-gradient(140deg, rgba(160, 160, 156, 0.7) 25%, #bfd12c 26%) !important; }

.wrapOrder .box.menu-c {
  color: #fff !important; }
  .wrapOrder .box.menu-c p {
    color: #fff !important; }

.wrapOrder .box.menu-c:before,
.wrapOrder table tbody tr th .box.menu-c:hover:before {
  background: linear-gradient(140deg, rgba(255, 89, 0, 0.7) 25%, #ff5900 26%) !important; }

.wrapOrder .box.menu-1 {
  color: #fff !important; }
  .wrapOrder .box.menu-1 p {
    color: #fff !important; }

.wrapOrder .box.menu-1:before,
.wrapOrder table tbody tr th .box.menu-1:hover:before {
  background: linear-gradient(140deg, rgba(5, 93, 140, 0.7) 25%, #055d8c 26%) !important; }

.wrapOrder .box.menu-2 {
  color: #fff !important; }
  .wrapOrder .box.menu-2 p {
    color: #fff !important; }

.wrapOrder .box.menu-2:before,
.wrapOrder table tbody tr th .box.menu-2:hover:before {
  background: linear-gradient(140deg, rgba(252, 171, 73, 0.7) 25%, #fcac49 26%) !important; }

.wrapOrder .box.menu-3 {
  color: #fff !important; }

.wrapOrder .box.menu-3:before,
.wrapOrder table tbody tr th .box.menu-3:hover:before {
  background: linear-gradient(140deg, rgba(173, 119, 72, 0.7) 25%, #ad7748 26%) !important; }

.wrapOrder .box.menu-4 {
  color: #fff !important; }
  .wrapOrder .box.menu-4 p {
    color: #fff !important; }

.wrapOrder .box.menu-4:before,
.wrapOrder table tbody tr th .box.menu-4:hover:before {
  background: linear-gradient(140deg, rgba(154, 193, 46, 0.7) 25%, #9ac12e 26%) !important; }

.wrapOrder .actual-day {
  background: #E5EDCD !important;
  color: #000 !important; }

.wrapOrder table thead tr th {
  background: #cc7357 !important;
  color: #fff !important; }

/* Order */
/* Status */
.wrap-status .btn-status,
.wrap-status .btn-status:hover {
  background: rgba(126, 166, 9, 0.8);
  color: #fff !important; }
  @media only screen and (max-width: 768px) {
    .wrap-status .btn-status span,
    .wrap-status .btn-status:hover span {
      color: #cc7357 !important;
      color: black; } }
  .wrap-status .btn-status.next,
  .wrap-status .btn-status:hover.next {
    color: rgba(126, 166, 9, 0.8) !important;
    background: #fff !important;
    border: solid 2px rgba(126, 166, 9, 0.8); }
    .wrap-status .btn-status.next .wrap-status-number,
    .wrap-status .btn-status:hover.next .wrap-status-number {
      background: rgba(126, 166, 9, 0.8) !important;
      color: #fff !important; }
      .wrap-status .btn-status.next .wrap-status-number span,
      .wrap-status .btn-status:hover.next .wrap-status-number span {
        color: #fff !important; }
    @media only screen and (max-width: 768px) {
      .wrap-status .btn-status.next,
      .wrap-status .btn-status:hover.next {
        border: none !important;
        background: none !important; } }
  .wrap-status .btn-status.next:hover,
  .wrap-status .btn-status:hover.next:hover {
    background: rgba(126, 166, 9, 0.8) !important;
    color: #fff !important; }
    .wrap-status .btn-status.next:hover .wrap-status-number,
    .wrap-status .btn-status:hover.next:hover .wrap-status-number {
      background: #fff !important;
      color: rgba(126, 166, 9, 0.8) !important; }
      .wrap-status .btn-status.next:hover .wrap-status-number span,
      .wrap-status .btn-status:hover.next:hover .wrap-status-number span {
        color: rgba(126, 166, 9, 0.8) !important; }
    @media only screen and (max-width: 768px) {
      .wrap-status .btn-status.next:hover,
      .wrap-status .btn-status:hover.next:hover {
        border: none !important;
        background: none !important; } }
  .wrap-status .btn-status.inactive,
  .wrap-status .btn-status:hover.inactive {
    background: rgba(126, 166, 9, 0.3);
    color: rgba(255, 255, 255, 0.6) !important; }
    @media only screen and (max-width: 768px) {
      .wrap-status .btn-status.inactive,
      .wrap-status .btn-status:hover.inactive {
        border: none !important;
        background: none !important;
        box-shadow: none !important; } }
  .wrap-status .btn-status .fa-caret-right,
  .wrap-status .btn-status:hover .fa-caret-right {
    color: rgba(126, 166, 9, 0.8) !important; }
  .wrap-status .btn-status .wrap-status-number,
  .wrap-status .btn-status:hover .wrap-status-number {
    background: #fff !important;
    border: solid 2px rgba(126, 166, 9, 0.8) !important;
    color: rgba(126, 166, 9, 0.8) !important; }
  @media only screen and (max-width: 768px) {
    .wrap-status .btn-status,
    .wrap-status .btn-status:hover {
      border: none !important;
      background: none !important;
      box-shadow: none !important; } }

/* Status */
/* Date */
.wrap-date div {
  border: solid 2px rgba(126, 166, 9, 0.8) !important; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active,
.datepicker table tr td.active:hover {
  background-color: #cc7357 !important; }

/* Date */
/* Sum */
.wrap-sum select {
  background: #E5EDCD !important; }

.wrap-sum table tr:first-child {
  background: #cc7357 !important; }

.wrap-sum table tr:nth-child(2) {
  background: #E5EDCD !important; }

.wrap-sum table.wrapPay tr {
  background: #cc7357 !important;
  color: #fff !important; }

.wrap-sum table.wrapPay tr:nth-child(2) {
  background: #fff !important;
  border-top: solid 1px #cc7357; }

/* Sum */
/* Order week btns */
.order-week-btn .wrap-order {
  background: #E5EDCD !important;
  border: solid 2px rgba(126, 166, 9, 0.8) !important; }
  .order-week-btn .wrap-order p {
    color: #cc7357 !important; }

/* Order week btn */
/* Basket */
.wrapBasket table tbody tr th,
.wrapBasket table tbody tr td {
  border-top: 1px solid #E5EDCD !important; }

.wrapBasket table tbody tr td:first-child {
  background: #E5EDCD !important; }

.wrapBasket table tbody tr.title:nth-child(n) td {
  background: #E5EDCD !important; }

.wrapBasket table tbody tr.title td:first-child {
  background: #cc7357 !important; }

/* Basket */
/* Default Common Btns */
.wrapCommonBtns .wrapHead {
  background: #cc7357 !important;
  color: #fff !important; }

.wrapCommonBtns button {
  border: #cc7357 solid 1px !important; }

.wrapCommonBtns label.checkbox {
  color: #fff !important; }

.wrapCommonBtns label.checkbox a,
.wrapCommonBtns label.checkbox a:hover {
  color: #cc7357 !important; }

.wrapCommonBtns label.checkbox span {
  color: #cc7357 !important; }

/* Default Common Btns */
/*** /CONTENT ***/
/* CSS for responsive iframe */
/* ========================= */
/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Master-CC-and-Rs {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden; }

/* inner wrapper: make responsive */
.responsive-wrapper {
  position: relative;
  height: 0;
  /* gets height from padding-bottom */
  /* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
    -webkit-overflow-scrolling: touch; overflow: auto; */ }

.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none; }

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-572x612 {
  padding-bottom: 107%; }

#modalFizetesiTajekoztato .modal-dialog {
  max-width: 1024px;
  border-radius: 0; }

/* Diéta szín */
select.dietaSzin option[value="menu-a"] {
  background: #cc7357 !important; }

select.dietaSzin option[value="menu-b"] {
  background: #bfd12c !important; }

.rendeles-title {
    background-color: #cc7357 !important;
    border: 5px solid #cc7357 !important;
}

.orders-item {
    border-bottom: 5px solid #cc7357 !important;
}

.card-order-header {
    background-color: #cc7357 !important;
}

.card-order-body {
    background-color: #bfd12c !important;
}

@media screen and (max-width: 767px) {
    .card-order-header {
        margin-left: auto !important;
        margin-right: auto !important;
        /*border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;*/
    }

    .card-order-body {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (max-width: 375px) {
    .card-order-header {
        width: 13rem !important;
        height: 11rem !important;
    }

    .card-order-body {
        width: 13rem !important;
        height: 11rem !important;
    }
}

.rendelesek {
    color: white;
    border: 5px solid #bfd12c !important;
    background-color: #bfd12c !important;
}

.modal-content {
    background-color: transparent !important;
    border: none !important;
}

.modal-body {
    border-bottom: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-body span {
    float: none !important;
}

/*@media only screen and (max-width: 376px) {
    #Termek > div > div > div {
        width: calc(8em * 1.8) !important;
    }
}*/

/*@media only screen and (min-width: 377px) and (max-width: 767px) {
    #Termek > div > div > div {
        width: calc(8em * 2.8) !important;
    }
}*/

/*@media only screen and (min-width: 768px) {
    #Termek > div > div > div {
        width: calc(8em * 3.5) !important;
    }
}*/

.group-title-wrapper {
    height: 40px !important;
    background-color: #cc7357 !important;
    box-shadow: 0 0 10px -5px #000 !important;
}

.group-title {
    color: white !important;
    font-weight: bold !important;
    font-size: 20px !important;
    padding-top: 10px !important;
    text-align: center !important;
}

.btnBack {
    background-color: #D8E4B5 !important;
    cursor: pointer !important;
}

input[type='radio']:checked:before {
    background: #cc7357 !important;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 3px solid #cc7357 !important;
    border-radius: 50%;
    outline: none;
}

.rendeles-adatok-title {
    background-color: #bfd12c !important;
    border: 5px solid #bfd12c !important;
}

.rendeles-adatok-item {
    border-bottom: 5px solid #bfd12c !important;
}

#maintable > tr > td:nth-child(2) {
    background: #e5edcd !important;
}

.wrapSignIn .box {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    background: #fff;
    border: solid 1px #e51d7f;
    margin: 50px 0;
    padding: 15px;
    box-shadow: 1px 2px 10px -5px #000;
}
    .wrapSignIn .box input,
    .wrapSignIn .box button,
    .wrapSignIn .box select {
        max-width: 350px;
        margin: 0 0 10px 0;
    }

.wrapCommonBtns .wrapHead {
    background: #bfd12c !important;
    color: #fff !important;
    width: 200px !important;
    padding: 10px 0 !important;
    margin: 0 0 0 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    float: none !important;
    display: inline-block !important;
}

.groupCard {
    border-color: #bfd12c !important;
    background: #cc7357 !important;
    color: white !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px !important
}

    .groupCard:hover {
        opacity: 0.6 !important;
        /*border-color: #F04C44;
        background: #F04C44;*/
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .groupCard:active {
        opacity: 0.4 !important;
        /*border-color: #F04C44;
        background: #F04C44;*/
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

.groupWrap {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: flex;
}

.alacarteCard {
    border-radius: 60px !important;
    border-bottom-width: 10px !important;;
}

.item-img-rounded {
    border-radius: 40px !important;
}

#Mennyiseg {
    border-radius: 6.3rem !important;
}

.button-rounded {
    border-radius: 6.3rem !important;
}

.wrapSignIn .box h3.wrapHead-Rounded {
    border: none !important;
    box-shadow: var(--box-shadow);
    border-top-left-radius: 2.3rem !important;
    border-top-right-radius: 2.3rem !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-bottom: 0px !important;
    width: 200px !important;
    background-color: #cc7357 !important;
}

.box.alacarteDetailsRounded {
    border-radius: 4.2rem !important;
    width: 300px !important;
}

.productDetailsPrice {
    height: 50px !important;
    width: 200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: white !important;
    background-color: #bfd12c !important;
    box-shadow: var(--box-shadow) !important;
    font-weight: bold !important;
    border-radius: 0 0 2.3rem 2.3rem !important;
}

.date-basket-wrapper {
    width: 150px;
    border: none !important;
    margin-top: 10px
}