/************ 
** niceeat 
** App New Version StyleSheet
** Created:     10-10-2021
** Updated:     03-03-2021
** App Version: 3.1.0
************/
/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
# VARIABLES
# CONTAINERS
# HEADERS
# MENUS
# FOOTER

--------------------------------------------------------------*/
@import "icons/icomoon/styles.css";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Bitter:wght@400;700&family=Comfortaa:wght@400;700&family=Days+One&family=Great+Vibes&family=Inter:wght@100..900&family=Josefin+Sans:wght@300;400;600&family=Kanit:wght@300;400;600&family=Lato:wght@400;700&family=Libre+Baskerville&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Oswald:wght@300;600&family=Parisienne&family=Permanent+Marker&family=Playfair+Display:wght@400;700&family=Poppins:wght@400;700&family=Prompt:wght@400;600&family=Quicksand:wght@400;700&family=Roboto:wght@400;700&family=Shrikhand&family=Ultra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700&family=Rubik:wght@300;400;500;600&display=swap');

/* VARIABLES */
.font1 {
  font-family: 'Bitter', sans-serif;
}

.font2 {
  font-family: 'Roboto', sans-serif;
}

.font3 {
  font-family: 'Open Sans', sans-serif;
}

.font4 {
  font-family: 'Lato', sans-serif;
}

.font5 {
  font-family: 'Montserrat', sans-serif;
}

.font6 {
  font-family: 'Poppins', sans-serif;
}

.font7 {
  font-family: 'Nunito', sans-serif;
}

.font8 {
  font-family: 'Quicksand', sans-serif;
}

.font9 {
  font-family: 'Comfortaa', sans-serif;
}

.font10 {
  font-family: 'Great Vibes', sans-serif;
}

.font11 {
  font-family: 'Merry weather', sans-serif;
}

.font12 {
  font-family: 'Playfair Display', serif;
}

.font13 {
  font-family: 'Josefin Sans', sans-serif;
}

.font14 {
  font-family: 'Parisienne', cursive;
}

.font15 {
  font-family: 'Oswald', sans-serif;
}

.font16 {
  font-family: 'Alfa Slab One', cursive;
}

.font17 {
  font-family: 'Days One', sans-serif;
}

.font18 {
  font-family: 'Inter', sans-serif;
}

.font19 {
  font-family: 'Kanit', sans-serif;
}

.font20 {
  font-family: 'Libre Baskerville', serif;
}

.font21 {
  font-family: 'Permanent Marker', cursive;
}

.font22 {
  font-family: 'Prompt', sans-serif;
}

.font23 {
  font-family: 'Shrikhand', cursive;
}

.font24 {
  font-family: 'Ultra', serif;
}

.font25 {
  font-family: 'Dosis', serif;
}

.font26 {
  font-family: 'Rubik', serif;
}

.font27 {
  font-family: 'Outfit', sans-serif;
}

.fonts-selector option {
  font-size: 2.2rem;
}

.fonts-weight-selector option {
  font-size: 2.2rem;
  font-family: var(--font-titles);
}

/* VARIABLES */
:root {
  --color-nice-violet: #6900CC;
  --color-nice-violet-light: #F3E4FF;
  --color-minty-paradise: #00ffb7;
  --color-strawberry: #F60076;
  --color-eerie-black: #151224;
  --color-primary-magenta: #f1126f;

  --color-rosolanc-purple: rgb(167, 0, 204);
  --color-lemon-glacier: rgb(242, 255, 0);
  --color-lemon-glacier-light: rgb(253 255 216);
  --color-floral-white: rgb(255, 248, 241);
  --color-middle-red-purple: rgb(25, 7, 64);
  --color-primary-lust-priestess: rgb(184, 43, 137);
  --color-sugar-crystal: rgb(251, 249, 255);
  --color-primary-dark: rgb(195, 9, 88);
  --color-primary-light: rgb(255 220 231);

  --color-secondary-light: rgb(37, 13, 87);
  --color-secondary-lighter: rgb(134 116 173);
  --color-secondary-dark: rgb(18, 5, 46);
  --color-secondary-darker: rgb(28, 36, 47);
  --color-order-container: rgb(21, 18, 36);
  --color-order-navbar: rgb(21, 18, 36, 0.9);
  --color-dark-back: rgb(22, 27, 35);
  --color-middark-grey: rgb(94, 102, 110);
  --color-light-text: rgb(222, 222, 222);
  --color-semi-white: rgb(248, 249, 249);
  --color-text: rgb(73, 88, 110);
  --color-pizarra: rgb(29, 35, 38);
  --color-tiza: rgb(220, 228, 232);

  --color-black: rgb(0, 0, 0);
  --color-dark-grey: rgb(73, 80, 87);
  --color-mid-grey: rgb(172, 181, 189);
  --color-light-grey: rgb(237, 237, 237);
  --color-mid-white: rgba(255, 255, 255, 0.502);
  --color-white: rgb(255, 255, 255);
  --color-grey-33: rgb(51, 51, 51);
  --color-grey-4f: rgb(79, 79, 79);
  --color-grey: rgb(119, 119, 119);
  --color-grey-9b: rgb(155, 155, 155);
  --color-grey-bd: rgb(189, 189, 189);
  --color-grey-e0: rgb(224, 224, 224);
  --color-grey-f2: rgb(242, 242, 242);

  --color-blue: rgb(33, 150, 243);
  --color-blue-light: rgb(211, 234, 253);
  --color-purple: rgb(155, 81, 224);
  --color-purple-light: hsl(271, 71%, 92%);
  --color-red: rgb(244, 67, 54);
  --color-red-light: rgb(255, 188, 182);
  --color-orange: rgb(250, 105, 15);
  --color-orange-light: rgb(255 237 226);
  --color-yellow: rgb(255, 167, 38);
  --color-yellow-light: rgb(255, 238, 214);
  --color-green: rgb(15, 175, 97);
  --color-green-light: rgb(173, 255, 214);
  --color-bright-green: rgb(112 243 177);
  --color-yellow-basic: rgb(255, 216, 0);
  --color-yellow-basic-light: rgb(255, 247, 204);
  --color-bright-yellow: rgb(252, 249, 52);
  --color-bright-yellow-light: rgb(254, 254, 214);

  --color-instagram: rgb(225, 48, 108);
  --color-facebook: rgb(57, 73, 171);
  --color-whatsapp: rgb(37, 211, 102);
  --color-twitter: rgb(29, 161, 242);
  --color-youtube: rgb(255, 0, 0);
  --color-tripadvisor: rgb(0, 175, 135);
  --color-pinterest: rgb(189, 8, 28);
  --color-mybusiness: rgb(72, 128, 230);
  --color-skype: rgb(0, 175, 240);
  --color-linkedin: rgb(0, 119, 181);
  --color-messenger: rgb(0, 132, 255);
  --color-snapchat: rgb(255, 252, 0);

  --appnice-linear: linear-gradient(208.82deg, #FF2064 10.91%, #4D0071 159.39%);
  --color-linear-nice: linear-gradient(180.1deg, #190740 27%, #673AB7 101.04%);
  --color-linear-sunset: linear-gradient(97.37deg, #FFBD1B -0.21%, #F22198 85.16%);
  --color-linear-sunrise: linear-gradient(170.45deg, #FF2064 23.78%, #F8EF1C 95.04%);
  --color-linear-bluesky: linear-gradient(170.45deg, #006CC8 23.78%, #5BAEFD 95.04%);
  --color-linear-mint: linear-gradient(170.45deg, #00E3BB 23.78%, #00A5D9 95.04%);

  --font-titles: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-epilogue: 'Epilogue', sans-serif;

  --line-grey: 1px solid rgb(221, 221, 221);
  --line-dark: 1px solid rgb(237, 237, 237);
  --border-radius: 0.5rem;
  --gutter: 2rem;
  --space-h: 1.6rem;
  --space-v: 2.4rem;
  --space-v2: 3.2rem;

  /* ===== Colors ===== */
  --body-color: #FFFFFF;
  --sidebar-color: #FFF;
  --primary-color: #695CFE;
  --primary-color-light: #F6F5FF;
  --toggle-color: #DDD;
  --text-color: #707070;

  /* ====== Transition ====== */
  --tran-02: all 0.2s ease;
  --tran-03: all 0.3s ease;
  --tran-04: all 0.3s ease;
  --tran-05: all 0.3s ease;

  /*Light colors*/
  --bg-body: rgb(248, 247, 250);
  --bg-card: rgb(255, 255, 255);
  /*Dark colors*/
  --tbw-cell-vertical-padding: 4px;
  --tbw-cell-horizontal-padding: 8px;
  --tbw-cell-line-height: 1.5em;
}

/* RESEAT */
* {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  font-family: var(--font-titles);
  font-size: 1.4rem;
  min-height: 100vh;
  background: var(--color-white);
  position: initial;
  -webkit-font-smoothing: antialiased;
}

body.body_master::-webkit-scrollbar {
  width: 1rem;
}

body.body_master::-webkit-scrollbar-track {
  background-color: var(--color-grey-f2);
}

body.body_master::-webkit-scrollbar-thumb {
  background: var(--color-strawberry);
}

.app__orders-menu::-webkit-scrollbar,
.orderResume::-webkit-scrollbar {
  display: none;
}

.orderResume::-webkit-scrollbar-track {
  background-color: var(--color-grey-f2);
}

.orderResume::-webkit-scrollbar-thumb {
  background: var(--color-strawberry);
}

button:focus {
  outline: 0;
}

button {
  border: 0;
  cursor: pointer;
  font-family: var(--font-body);
}

b,
strong {
  font-weight: bold;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}


body {
  min-height: 100vh;
  background-color: var(--bg-body);
  transition: var(--tran-05);
}

::selection {
  background-color: var(--primary-color);
  color: #fff;
}

body.dark {
  --body-color: #18191a;
  --sidebar-color: #242526;
  --primary-color: #3a3b3c;
  --primary-color-light: #3a3b3c;
  --toggle-color: #fff;
  --text-color: #ccc;
}

body.logged .nice_appContainer {
  display: grid;
  grid-template-areas:
    'navbarmenu header'
    'navbarmenu maincontainer'
    'navbarmenu copyright';
  grid-template-columns: 7rem auto;
}

/*Niceeat Design System Styles*/
.n-card {
  background-color: var(--bg-card) !important;
  border-radius: 2rem;
  box-shadow: 0 3px 9px 1px rgba(51, 48, 60, 0.03), 0 9px 8px rgba(51, 48, 60, 0.02), 0 1px 6px 4px rgba(51, 48, 60, 0.01);
  transition: var(--tran-03);
}

.n-card-header {
  padding: 2.4rem;
}

.n-card-header h6 {
  font-size: 2rem;
  font-weight: 500;
}

.n-card-text {
  padding: 0 2.4rem 2.4rem;
}

.n-card-item {
  padding: 2.4rem;
}

.n-card-item-bigTitle {
  font-size: 2rem;
}

.n-card-item-bigSubtitle {
  font-size: 2.4rem;
  font-weight: 500;
}

.n-card-item-mediumTitle {
  font-size: 1.6rem;
  font-weight: 500;
}

.n-card-item-smallSubtitle {
  font-size: 1.8rem;
}

.n-card-table-item {
  padding: 1.6rem;
}

.n-card-lightText {
  color: var(--color-eerie-black) !important;
}

.n-card-lightTitle {
  color: var(--color-secondary-lighter) !important;
}

.n-sidecard-right,
.n-sidecard-left {
  border-radius: 0;
  box-shadow: 0 3px 9px 1px rgba(51, 48, 60, 0.03), 0 9px 8px rgba(51, 48, 60, 0.02), 0 1px 6px 4px rgba(51, 48, 60, 0.01);
}

.n-sidecard-right,
.n-sidecard-left {
  background-color: var(--bg-card);
}

.n-grid {
  display: grid;
}

.n-vh-padding {
  padding: 1.2rem;
}

.n-v-padding {
  padding: 1.2rem 0;
}

.n-w100 {
  width: 100%;
}

.n-btn {
  border: 0;
  border-radius: 1.2rem;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: 500;
  height: 4rem;
  line-height: 1.4em;
  padding: 0.8rem 1.4rem;
  transition: var(--tran-02);
  width: initial;
  min-width: max-content;
}

.n-btn-l {
  font-size: 1.8rem;
  height: 4.8rem;
  min-width: max-content;
}

.n-btn-icon {
  display: inline-flex;
  gap: 0.8rem;
}

.n-btn-icon i {
  font-size: 2rem;
  height: 2rem;
}

.n-icon-btn {
  width: 4rem !important;
  padding: 0.4rem;
  color: var(--color-nice-violet);
  height: 4rem;
  border-radius: 2.4rem;
  transition: var(--tran-02);
}

.n-pilltab {
  border: 0;
  border-radius: 3.2rem;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  height: 4rem;
  padding: 0.8rem 2rem;
  transition: var(--tran-02);
  width: initial;
  min-width: max-content;
}

.n-btn-brand {
  width: 100%;
}

.n-btn-brandBio {
  border: 0;
  border-radius: 3.2rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background-color: rgba(256, 256, 256, .8);
  color: var(--color-eerie-black);
  font-family: var(--font-body);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1em;
  height: 4.8rem;
  padding: 1.6rem 2.4rem;
  transition: var(--tran-02);
  margin-bottom: 3.2rem;
}

.n-btn-brandBio:hover {
  background-color: rgba(256, 256, 256, 1);
}

/* Tooltip container */
.n-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}

.n-text-primary {
  color: var(--color-strawberry);
}

.n-text-secondary {
  color: var(--color-eerie-black);
}

.n-text-nice-violet {
  color: var(--color-nice-violet);
}

.n-msgInlineRed {
  background-color: #ff69b480;
  padding: 0.8rem 1.6rem;
  border-radius: 0.5rem;
}

.f-light {
  font-weight: lighter;
}

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

.f-bold {
  font-weight: bold;
}

.f-300 {
  font-weight: 300;
}

.f-400 {
  font-weight: 400;
}

.f-500 {
  font-weight: 500;
}

.f-600 {
  font-weight: 600;
}

.f-700 {
  font-weight: 700;
}

.f-800 {
  font-weight: 800;
}

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

/*/Niceeat Design System Styles*/

.nice__appContainer-header {
  grid-area: header;
}

.nice__appContainer-nav {
  grid-area: navbarmenu;
  min-width: 7rem;
}

.nice__appContainer-body {
  grid-area: maincontainer;
  overflow: hidden;
}

.contain-xs {
  max-width: 60rem;
  margin: 0 auto !important
}

.contain-sm {
  max-width: 72rem;
  margin: 0 auto !important
}

.contain-md {
  max-width: 96rem;
  margin: 0 auto !important
}

.contain-lg {
  max-width: 120rem;
  margin: 0 auto !important
}

.contain-xl {
  max-width: 140rem;
  margin: 0 auto !important
}

/* ===== Sidebar ===== */
.sidebarNice {
  position: fixed;
  top: 0.4rem;
  left: 0.4rem;
  height: auto;
  width: 32rem;
  padding: 0;
  background: var(--color-order-navbar);
  transition: var(--tran-05);
  opacity: 1;
  z-index: 100;
  border-radius: 2.4rem;
  bottom: 0.4rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.sidebarNice .nav-links {
  height: 100%;
  padding: 1rem 0 0 0;
  overflow: auto;
}

.sidebarNice.close .nav-links {
  overflow: visible;
}


.sidebarNice .nav-links::-webkit-scrollbar {
  display: none;
}

.sidebarNice .nav-links li {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
}

.sidebarNice .nav-links li .dropdown-btn i {
  color: var(--color-white);
  line-height: 1rem;
  font-size: 2.2rem;
}

.sidebarNice.close {
  width: 7rem;
  border-radius: 4rem;
}

.sidebarNice.close:hover {
  opacity: 100;
}

.sidebarNice li.navlink {
  position: relative;
}

:focus-visible {
  outline: none;
}

/* ===== Reusable code - Here ===== */
.sidebarNice li {
  list-style: none;
  align-items: center;
  margin-top: 0.2rem;
}

.sidebarNice header .image,
.sidebarNice .icon {
  display: none;
}

.sidebarNice .icon {
  min-width: 5.4rem;
  border-radius: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
}

.sidebarNice .icon img {
  max-width: 48px;
  border-radius: 50%;
  width: 100%;
}

.sidebarNice .text,
.sidebarNice .icon {
  color: var(--color-white);
  transition: var(--tran-03);
}

.sidebarNice .text {
  font-size: 1.6rem;
  font-weight: 500;
  white-space: nowrap;
  opacity: 1;
}

.sidebarNice.close .text {
  opacity: 0;
  display: none;
}

.sidebarNice .nav-links li .sub-menu {
  font-family: var(--font-body);
  padding: 0 0 0 4rem;
  display: none;
}

.sidebarNice .nav-links li .sub-menu.blank {
  opacity: 1;
  pointer-events: auto;
  padding: 1rem;
}

.sidebarNice .nav-links li.showMenu .sub-menu {
  display: block;
}

.sidebarNice .nav-links li .sub-menu a {
  padding: 1rem 2.4rem;
  font-size: 1.4rem;
  text-decoration: none;
  color: var(--color-white);
  display: inline-block;
  white-space: nowrap;
}

.sidebarNice .arrow {
  color: var(--color-white);
}

.sidebarNice .active .arrow {
  transform: scaleY(-1);
}

.sidebarNice.close .nav-links li i.arrow {
  display: none;
}

.sidebarNice.close .nav-links li .sub-menu {
  position: absolute;
  left: 100%;
  top: -10px;
  margin-top: 0;
  padding: 0.8rem 1rem 1.6rem;
  border-radius: 0 2.4rem 2.4rem 0;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 0s;
  background-color: var(--color-order-container);
}

.sidebarNice.close .nav-links li:hover .sub-menu {
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
}

.sidebarNice .nav-links li .sub-menu .link_name {
  display: none;
}

.sidebarNice.close .nav-links li .sub-menu .link_name {
  font-size: 1.8rem;
  font-weight: 700;
  opacity: 1;
  display: block;
}

/************ ADMIN AREA ************/
.app__admin-area2cols {
  display: flex;

}

.app__container-sidebar {
  max-width: 70rem;
  min-width: 28rem;
  height: calc(100vh - 13rem);
  overflow-y: scroll;
  position: relative;
}

.app__content-wrapper {
  width: 100%;
  min-width: 98rem;
  padding: 2rem;
  height: calc(100vh - 16rem);
}

.app__container-sidebar form {
  position: relative;
}

.app__container-sidebar form .niceeat_save-btn {
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 1.5rem;
  background: var(--color-light-grey);
  z-index: 999;
}

.crm-title-agent {
  font-size: 2.4rem;
  font-weight: 600;
  font-family: var(--font-titles);
  margin-bottom: 3rem;
}

/* =========================== */

.sidebarNice header {
  position: relative;
}

.sidebarNice.close header .image {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sidebarNice header .logo-text {
  display: flex;
  flex-direction: column;
  padding: 2.3rem 1.6rem 2.2rem 2.4rem;
}

header .image-text .name {
  margin-top: 2px;
  font-size: 18px;
  font-weight: 600;
}

.sidebarNice header .image .logoapp {
  height: 12rem;
  min-width: 12rem;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  transition: var(--tran-03);
}

.sidebarNice header .image img {
  width: 40px;
  border-radius: 6px;
}

.appSidebarNav__menu--icon {
  fill: var(--color-white);
  height: 2.4rem;
  width: 2.4rem;
}

.sidebarNice header .toggle {
  position: absolute;
  top: 3.2rem;
  right: 1rem;
  transform: translateY(-50%) rotate(180deg);
  height: 40px;
  width: 40px;
  color: var(--sidebar-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  transition: var(--tran-05);
  background: var(--color-nice-violet);
  padding: 0.8rem;
}

.sidebarNice.close header .toggle {
  right: -48px;
}

.sidebarNice.close .fi-rr-cross-circle:before {
  content: "\f925" !important;
}

body.dark .sidebarNice header .toggle {
  color: var(--text-color);
}

.sidebarNice.close .toggle {
  transform: translateY(-50%) rotate(0deg);
}

.sidebarNice.close header .image-text {
  padding: 0;
}

.sidebarNice.close header .image .logoapp {
  min-width: 7rem;
  height: 7rem;
  max-width: 7rem;
  border-radius: 4rem;
}

.sidebarNice li a,
.sidebarNice li button.dropdown-btn {
  list-style: none;
  height: 100%;
  background-color: transparent;
  display: grid;
  grid-template-columns: 5.4rem auto 3rem;
  text-align: left;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  text-decoration: none;
  transition: var(--tran-03);
  padding: 1.3rem 0;
  cursor: pointer;
}

.niceeat_userProfile a {
  padding: 1rem;
  grid-gap: 1rem;
}

.sidebarNice li a:hover,
.sidebarNice li a.active {
  background-color: var(--color-strawberry);
}

.sidebarNice li a:hover .text,
.sidebarNice li a.active .text {
  color: var(--sidebar-color);
}

.sidebarNice.close li .sub-menu a.link_name:hover {
  background-color: transparent;
}

body.dark .sidebarNice li a:hover .text {
  color: var(--text-color);
}

.sidebarNice .menu-bar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0.8rem;
}

.sidebarNice .menu {
  overflow: auto;
  height: calc(100vh - 130px);
}

.sidebarNice .menu-client {
  overflow: auto;
  height: calc(100vh - 134px);
}

.sidebarNice.close .menu {
  overflow: unset;
}

.sidebarNice .bottom-content {
  background: var(--color-nice-violet);
  margin: 0 -8px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom-left-radius: 2.4rem;
  border-bottom-right-radius: 2.4rem;
}

.sidebarNice .bottom-content li {
  margin-top: 0;
}

.sidebarNice .bottom-content li a {
  padding: 16px 8px;
}

.sidebarNice .bottom-content li a:hover,
.sidebarNice .bottom-content li a.active {
  background-color: var(--color-strawberry);
  border-bottom-left-radius: 3.2rem;
  border-bottom-right-radius: 3.2rem;
}

.sidebarNice .menu::-webkit-scrollbar {
  display: none;
}

.sidebarNice .menu-bar .mode {
  border-radius: 6px;
  background-color: var(--primary-color-light);
  position: relative;
  transition: var(--tran-05);
}

.menu-bar .mode .sun-moon {
  height: 50px;
  width: 60px;
}

.mode .sun-moon i {
  position: absolute;
}

.mode .sun-moon i.sun {
  opacity: 0;
}

body.dark .mode .sun-moon i.sun {
  opacity: 1;
}

body.dark .mode .sun-moon i.moon {
  opacity: 0;
}

.menu-bar .bottom-content .toggle-switch {
  position: absolute;
  right: 0;
  height: 100%;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}

.toggle-switch .switch {
  position: relative;
  height: 22px;
  width: 40px;
  border-radius: 25px;
  background-color: var(--toggle-color);
  transition: var(--tran-05);
}

.switch::before {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  background-color: var(--sidebar-color);
  transition: var(--tran-04);
}

body.dark .switch::before {
  left: 20px;
}

.home {
  position: absolute;
  top: 0;
  top: 0;
  left: 250px;
  height: 100vh;
  width: calc(100% - 250px);
  background-color: var(--body-color);
  transition: var(--tran-05);
}

.home .text {
  font-size: 30px;
  font-weight: 500;
  color: var(--text-color);
  padding: 12px 60px;
}

.sidebarNice.close~.home {
  left: 78px;
  height: 100vh;
  width: calc(100% - 78px);
}

body.dark .home .text {
  color: var(--text-color);
}

@media (max-width: 800px) {
  .sidebarNice.close {
    width: 0;
    padding: 1rem 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sidebarNice.close .icon {
    display: none;
  }

  .sidebarNice.close header {
    width: 8rem;
  }

  .sidebarNice.close header .toggle {
    right: -24px;
    top: 2rem;
  }

  .sidebarNice.close header .image-text {
    padding-left: 1rem;
  }

  .sidebarNice.close header .image {
    justify-content: flex-start;
  }

  .sidebarNice.close header .image .logoapp {
    min-width: 4rem;
    height: 4rem;
    max-width: 4rem;
  }

  body.logged .nice_appContainer {
    display: block;
  }

  .sidebarNice.close .bottom-content {
    margin: 0 0 -15px;
  }
}

/*NICEEAT GRID SYSTEM*/
.nice__gridRow {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
}

.g-gap-0 {
  grid-gap: 0;
  align-items: center;
}

.g-gap-8 {
  grid-gap: 0.8rem;
}

.g-gap-16 {
  grid-gap: 1.6rem;
}

.g-gap-24 {
  grid-gap: 2.4rem;
}

.g-gap-32 {
  grid-gap: 3.2rem;
}

.nice__gridCol-6a {
  grid-column: 1 / span 6;
}

.nice__gridCol-6b {
  grid-column: 7 / span 6;
}

.nice__gridCol-4a {
  grid-column: 1 / span 4;
}

.nice__gridCol-4b {
  grid-column: 5 / span 4;
}

.nice__gridCol-4c {
  grid-column: 9 / span 4;
}

.nice__gridCol-4b-end {
  grid-column: 5 / span 8;
}

.nice__gridCol-5a {
  grid-column: 1 / span 5;
}

.nice__gridCol-7b {
  grid-column: 6 / span 7;
}

.nice__gridCol-7a {
  grid-column: 1 / span 7;
}

.nice__gridCol-5b {
  grid-column: 8 / span 5;
}

.nice__gridCol-8a {
  grid-column: 1 / span 8;
}

.nice__gridCol-8b {
  grid-column: 9 / span 4;
}

.nice__gridCol-3a {
  grid-column: 1 / span 3;
}

.nice__gridCol-3b {
  grid-column: 4 / span 3;
}

.nice__gridCol-3c {
  grid-column: 7 / span 3;
}

.nice__gridCol-3d {
  grid-column: 10 / span 3;
}

.nice__gridCol-2a {
  grid-column: 1 / span 2;
}

.nice__gridCol-2b {
  grid-column: 3 / span 2;
}

.nice__gridCol-2c {
  grid-column: 5 / span 2;
}

.nice__gridCol-2d {
  grid-column: 7 / span 2;
}

.nice__gridCol-2e {
  grid-column: 9 / span 2;
}

.nice__gridCol-2f {
  grid-column: 11 / span 2;
}

.nice__gridCol-210 {
  grid-column: 3 / span 11;
}

.nice__gridCol-12 {
  grid-column: 1 / span 12;
}

.nice__gridCol-9a {
  grid-column: 1 / span 9;
}

.nice__gridCol-9b {
  grid-column: 4 / span 9;
}

.nice__gridCol-10a {
  grid-column: 1 / span 10;
}

.nice__gridCol-1a {
  grid-column: 1 / span 1;
}

.nice__gridCol-111 {
  grid-column: 2 / span 12;
}

.d-none {
  display: none;
}

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.fl-end {
  align-self: flex-end;
}

.alg-center {
  align-items: center;
}

.alg-end {
  align-items: end;
}

.jfy-center {
  display: flex;
  justify-content: center;
}

.grid-center {
  justify-content: center;
}

.flex-center {
  justify-content: center !important;
  gap: 0.8rem;
}

.jfy-spc-btw {
  justify-content: space-between;
}

.h-100 {
  height: 100%;
}

.gap-0 {
  gap: 0;
}

.gap-8 {
  gap: 0.8rem;
}

.gap-16 {
  gap: 1.6rem;
}

.gap-24 {
  gap: 2.4rem;
}

.gap-32 {
  gap: 3.2rem
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-8 {
  margin-bottom: 0.8rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mb-16 {
  margin-bottom: 1.6rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

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

.mb-32 {
  margin-bottom: 3.2rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

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

.mb-60 {
  margin-bottom: 6rem;
}

.mb-70 {
  margin-bottom: 7rem;
}

.mb-80 {
  margin-bottom: 8rem;
}

.mb-90 {
  margin-bottom: 9rem;
}

.mb-100 {
  margin-bottom: 10rem;
}

.mb-120 {
  margin-bottom: 12rem;
}

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

.pt-16 {
  padding-top: 1.6rem;
}

.pt-24 {
  padding-top: 2.4rem;
}

.pt-32 {
  padding-top: 3.2rem;
}

.pt-40 {
  padding-top: 4rem !important;
}

.pt-48 {
  padding-top: 4.8rem;
}

.border-1 {
  border: 1px solid;
}

.border-2 {
  border: 2px solid;
}

.border-3 {
  border: 3px solid;
}

.border-4 {
  border: 4px solid;
}

.border-5 {
  border: 5px solid;
}

.border-b-1 {
  border-bottom: 1px solid;
}

/*//NICEEAT GRID SYSTEM*/
/*NICEEAT FONT SYSTEM */
.f-12 {
  font-size: 1.2rem;
}

.f-14 {
  font-size: 1.4rem;
}

.f-16 {
  font-size: 1.6rem;
}

.f-18 {
  font-size: 1.8rem;
}

.f-20 {
  font-size: 2rem;
}

.f-24 {
  font-size: 2.4rem;
}

.f-28 {
  font-size: 2.8rem;
}

.f-32 {
  font-size: 3.2rem;
}

.f-40 {
  font-size: 4rem;
}

.f-48 {
  font-size: 4.8rem;
}

.f-56 {
  font-size: 5.6rem;
}

.f-64 {
  font-size: 6.4rem;
}

.f-70 {
  font-size: 7rem;
}

.f-80 {
  font-size: 8rem;
}

.f-90 {
  font-size: 9rem;
}

/*//NICEEAT FONT SYSTEM */
/*SLIDER*/
.nice__slider {
  position: relative;
  min-height: 80rem;
}

.mySlides {
  display: none;
}

.nice-slideButton {
  padding: 2.4rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
  font-size: 2.8rem;
}

.nice-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
}

.nice-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}

.nice-slideBottombuttons {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.nice-slideBottombutton {
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  z-index: 99;
  background-color: transparent;
  border: 2px solid #ffffffc4;
  border-radius: 2rem;
  cursor: pointer;
}

.button-white {
  background-color: var(--color-white);
}

@media (max-width: 768px) {
  .nice-slideBottombuttons {
    bottom: -2rem;
  }

  .nice-slideButton {
    padding: 1.4rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: var(--color-white);
    font-size: 1.8rem;
  }
}

/* ANIMATION */
.nice-animate-fading {
  animation: fading 2s
}

@keyframes fading {
  0% {
    opacity: 0.5
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

.nice-animate-opacity {
  animation: opac 0.8s
}

@keyframes opac {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.nice-animate-top {
  position: relative;
  animation: animatetop 0.4s
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

.nice-animate-left {
  position: relative;
  animation: animateleft 0.4s
}

@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0
  }

  to {
    left: 0;
    opacity: 1
  }
}

.nice-animate-right {
  position: relative;
  animation: animateright 0.4s
}

@keyframes animateright {
  from {
    right: -300px;
    opacity: 0
  }

  to {
    right: 0;
    opacity: 1
  }
}

.nice-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0
  }

  to {
    bottom: 0;
    opacity: 1
  }
}

.nice-animate-zoom {
  animation: animatezoom 0.6s
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.nice-animate-input {
  transition: width 0.4s ease-in-out
}

.w3-animate-input:focus {
  width: 100% !important
}

/* CONTAINERS */
.app-container {
  font-family: var(--font-body);
  min-height: calc(100vh - 7rem);
  color: var(--color-eerie-black);
}

/*.app-container.dark-md,
.dark-md thead,
.dark-md .dataTables_filter label {
  background-color: #121327;
  color: var(--color-tiza);
}

.dark-md .app__container-body-table .dataTables_wrapper {
  background: #181b35;
}

.appnice__container {
  margin: 0 auto;
  max-width: 140rem;
  padding: 0 1.6rem;
  width: 100%;
}*/

/* HEADERS AND MENUS */
.appHeader {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  height: 7rem;
  background-color: var(--color-white);
  position: relative;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
}

.appHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app__container-header-navbar btn-navbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 2rem;
  align-content: center;
}

.app__container-header-navbar btn-navbarbilling {
  display: grid;
  grid-template-columns: repeat(7, auto);
  grid-gap: 2rem;
  align-content: center;
}

.app__container-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--color-tiza);
}

.appHeader__content {
  display: flex;
  align-items: center;
}

.app__containerBilling-filter {
  display: flex;
  margin-bottom: 2.4rem;
  gap: 1.4rem;
}

.appHeader__content span {
  line-height: 1rem;
}

.appHeader .welcome {
  color: var(--color-eerie-black);
}

.appHeader__content-menu {
  height: 2.5rem;
  width: 2.5rem;
  fill: var(--color-secondary-dark);
  cursor: pointer;
}

.region {
  position: relative;
  z-index: 1;
}

.app__containerSmalltitle {
  color: var(--color-eerie-black);
  font-family: var(--font-titles);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 2.4rem;
}

.nice__container {
  width: 100%;
  max-width: 114.8rem;
  margin: 0 auto;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ol li {
  font-weight: 600;
}

ol li ul li {
  font-weight: 400;
}

/*HEADERS*/
.appheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-order-container);
  color: var(--color-white);
  padding: 1rem 2.4rem 1rem 6.4rem;
  position: relative;
  z-index: 99;
}

.appheader-foodie {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-eerie-black);
  color: var(--color-white);
  padding: 1rem 2.4rem 1rem 2.4rem;
  position: relative;
  z-index: 99;
}

.appheader__userName {
  padding-left: 4rem;
}

.appheader__logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 2.4rem;
}

.appheader__logo a {
  height: 5rem;
}

.appheader__logo--image {
  width: 5rem;
  height: 5rem;
}

.close .appheader__logo--image,
.close .appheader__logo--imageClient {
  display: none;
}

.close header.niceeat_user {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header.niceeat_user {
  justify-content: flex-start;
  padding: 0;
}

.niceeat_user .appheader__logo--image {
  width: 16rem;
  height: 4rem;
}

.appheader__logo--imageClient {
  width: 16rem;
  height: 5rem;
  padding: 0.8rem;
}

.logo-plazoleta {
  width: 100%;
  max-width: 17rem;
}

.appheader-foodie .appHeader__content-menu {
  fill: var(--color-white);
}

.appHeader__content-menu {
  height: 2.5rem;
  width: 2.5rem;
  fill: var(--color-white);
  cursor: pointer;
}

.appheader__companyName h3 {
  font-family: var(--font-titles);
  font-size: 2rem;
  font-weight: 500;
  padding: 0.8rem;
}

.appheader__message {
  background: var(--color-yellow-basic);
  color: var(--color-eerie-black);
  font-family: var(--font-body);
  display: flex;
  justify-content: center;
  padding: 1.2rem 1.6rem;
  border-radius: 0.8rem;
}

.appheader__message--text {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}

.appheader__message--text a {
  color: var(--color-eerie-black);
  text-decoration: underline;
  font-weight: 600;
}

.dropdown-toggle {
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

.dropdown-toggle:focus {
  border: 0;
}

.appheader__usernav--usernotifications-button {
  height: 4rem;
  width: 4rem;
}

.appheader__usernav--announcement-button,
.appheader__usernav--help-button {
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  color: var(--color-white);
}

.search-icon {
  background-color: transparent;
}

.user-nav__notification {
  font-size: 1.2rem;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background-color: var(--color-strawberry);
  color: #fff;
  position: absolute;
  top: 0.4rem;
  right: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.appheader__usernav {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 4rem)5rem;
  grid-gap: 1.6rem;
}

.appheader__usernavAdmin {
  display: grid;
  align-items: center;
  grid-template-columns: 4rem 5rem;
  grid-gap: 1.6rem;
}

.appheader__usernav--usermenu a {
  display: block;
}

.appheader_usernav--announcement a {
  display: block;
}

.appheader__usernav-foodie {
  display: grid;
  align-items: center;
  grid-template-columns: auto 4rem;
  grid-gap: 1.6rem;
}

.appSidebarNav__profile {
  padding: 2.4rem;
  display: flex;
  gap: 1.6rem;
  align-items: center;
}

.appSidebarNav__name h3 {
  font-size: 1.8rem;
  font-weight: 500;
}

.appSidebarNav__name a.profile_link {
  color: var(--color-yellow-basic);
  font-size: 1.4rem;
}

.appSidebarNav__profile .appSidebarNav__photo {
  height: 6rem;
  width: 6rem;
  border-radius: 1rem;
  background-size: cover;
}

.user-nav__icon {
  height: 3rem;
  width: 2.3rem;
  fill: var(--color-white);
}

.appheader__usernav--help-button i,
.appheader__usernav--announcement-button i,
.appheader__usernav--usernotifications-button i {
  font-size: 2.4rem;
}

.appheader__usernav--usermenu-button {
  height: 5rem;
  width: 5rem;
  border-radius: 10rem;
  background: var(--color-nice-violet) !important;
  font-size: 2rem;
}

/*HEADER*/
.nice__site-menu {
  display: grid;
}

ul,
ol {
  list-style: none;
}

.nice__menuItem {
  margin-left: 1.8rem;
  margin-bottom: 0;
}

.nice__menuItem a {
  color: var(--color-white);
  padding: 1.6rem;
  font-size: 1.4rem;
  border-bottom: 0.2rem solid transparent;
  transition: all ease 0.5s;
  display: block;
}

.nice__menuItem a:hover {
  border-bottom: 0.2rem solid var(--color-strawberry);
}

.nice__menuItem a.nice__btnlined {
  display: block;
  padding: 1.2rem 2rem;
  background-color: var(--color-white);
  color: var(--color-strawberry);
  border-radius: 0.4rem;
  border: 2px solid var(--color-strawberry);
}

.nice__menuItem a.nice__headerBtn {
  display: block;
  padding: 1.2rem 2rem;
  background-color: var(--color-strawberry);
  color: var(--color-white);
  border-radius: 0.4rem;
  border: 2px solid var(--color-strawberry);
}

.nice__menuItem a.nice__headerBtn:hover {
  filter: brightness(1.1);
}

.user-nav .search {
  padding: 1.5rem;
}

.search_engine_city {
  padding: 2rem 4rem;
  text-align: center;
  transition: all ease 0.3s;
}

h1.title-search {
  font-size: 4.5rem;
  font-weight: 600;
  color: var(--color-strawberry);
}

h4.sub-title {
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
}

.search_engine_city .sub-title {
  margin-bottom: 1.8rem;
  font-size: 1.8rem
}

.search_engine_city .search-link {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.link-to-home {
  color: var(--color-strawberry);
  font-weight: 500;
  text-decoration: underline;
  font-size: 1.6rem;
}

.new-search {
  color: var(--color-white);
  display: flex;
  align-items: center;
  background: var(--color-green);
  border: 0;
  padding: 1rem 2rem;
  border-radius: 0.3rem;
}

.new-search__icon {
  height: 2.25rem;
  width: 2.25rem;
  fill: var(--color-white);
  margin-right: 1rem
}

.search_engine_city .form-group {
  display: flex;
  justify-content: center;
}

.search_engine_citySelect {
  margin-top: 2rem;
  font-size: 2rem;
  color: var(--color-mid-white);
  background: rgba(255, 255, 255, 0.1);
  border: 0;
  border-bottom: 2px solid var(--color-white);
  width: 100%;
  padding: 2rem;
}

.search_engine_city .select2-selection--single:not([class*=bg-]) {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--color-white);
  padding: 0.7rem 1rem;
  height: 4.6rem;
  border: 0;
  font-size: 1.8rem;
  border-radius: 0;
  border: 0;
  border-bottom: 0.2rem solid;
}

.niceeat_search__modal {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.niceeat_search__modal .niceeat_search__modalBox {
  background-color: var(--color-eerie-black);
  max-width: 90rem;
  width: 100%;
  border-radius: 2rem;
}

/*SEARCH HOME*/
.search_resultsBox {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
}

.niceeat_search__searchForm input[type="text"],
.niceeat_search__searchForm select {
  font-size: 1.6rem !important;
  font-family: var(--font-body);
  padding: 1rem 1.5rem !important;
  height: 5rem !important;
  color: var(--color-eerie-black) !important;
  display: block !important;
  width: 100% !important;
  border-radius: 1rem;
  border: 0;
}

.niceeat_search__searchForm select.search_cuisine {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.niceeat_search__searchForm .niceeat_btn__search {
  background: var(--color-yellow-basic);
  padding: 1rem 1.5rem;
  height: 5rem;
  border: 0;
  border-radius: 0.5rem;
  display: block;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

.niceeat_search__searchForm .niceeat_btn__search .search__icon {
  margin: 0 auto;
}

.niceeat_search__searchForm .niceeat_btn__search:hover {
  background: var(--color-yellow-basic-light);
}

.niceeat_search__searchForm .niceeat_btn__search .search__icon {
  fill: var(--color-eerie-black);
}

.niceeat_search__modal {
  width: 100%;
}

.searchbar-group {
  display: flex;
  align-items: center;
  border-radius: 1rem;
}

.nice__search-icon {
  padding: 1.5rem 0 1.5rem 1.5rem;
  background: var(--color-white);
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem;
}

.searchbar-group input[type="text"] {
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
  height: 5rem;
  color: var(--color-eerie-black);
  display: block;
  width: 100%;
  border-radius: 4rem;
  border: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.search__cats {
  display: flex;
  gap: 1.6rem;
  padding: 0 1.6rem;
}

.search__cats .dropdown-menu {
  width: 26rem;
}

.search__cats .dropdown-content ul {
  overflow-y: scroll;
  height: 37rem;
}

.search__catsButton-dropdown {
  height: 5rem;
  width: auto;
  border-radius: 0.8rem;
  color: var(--color-white) !important;
  background: var(--color-rosolanc-purple) !important;
  padding: 1.6rem 2.4rem;
  display: flex;
  align-items: center;
}

.search__catsButton-dropdown .dropdown__icon {
  fill: var(--color-white);
}

.search__cats .dropdown__menu--userItem a {
  display: block;
}

.city-switch a.dropdown-toggle {
  display: flex;
  align-items: center;
}

.city-switch a {
  padding: 1.5rem !important;
}

.city-switch .dropdown-content a {
  text-transform: capitalize;
  color: var(--color-secondary-dark);
}

.user-nav {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.user-nav>* {
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all ease 0.2s;
}

.user-nav__icon-box {
  position: relative;
  padding: 0;
}

.user-nav__icon-box .dropdown-content {
  min-width: 25rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.user-nav__icon {
  height: 2.25rem;
  width: 2.25rem;
}

.user-nav__user-photo {
  height: 3.5rem;
  border-radius: 10rem;
}

.user-nav__user-photoTop {
  height: 4rem;
}

.btn-sign {
  margin-right: 1.5rem;
}

.btn-sign a {
  padding: 0;
}

.nice__notificationBox {
  border-radius: 1rem !important;
  border: 0;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
  min-width: 24rem;
}

.nice__noinfoContainer {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  padding: 1.6rem 0;
  text-align: center;
  font-weight: 500;
}

.nice__noinfoContainer img {
  margin: 0 auto;
}

.brighttheme-notice {
  background-color: var(--color-white);
  border: 0;
}

.nice__copyright {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 500;
}

/*PNOTIFY*/
.ui-pnotify-title {
  color: var(--color-nice-violet);
  font-weight: 500;
}

.ui-pnotify {
  top: 20px;
  right: 20px;
  position: absolute;
  height: auto;
  z-index: 2;
  border-radius: 3px
}

body>.ui-pnotify {
  position: fixed;
  z-index: 100040
}

.ui-pnotify.alert-rounded>.ui-pnotify-container {
  border-radius: 100px
}

.ui-pnotify[class*=bg-]>.ui-pnotify-container {
  background-color: inherit;
  border-color: transparent;
  color: #fff
}

.ui-pnotify[class*=text-]>.ui-pnotify-container,
.ui-pnotify[class*=alpha-]>.ui-pnotify-container {
  background-color: inherit;
  border-color: inherit;
  color: inherit
}

.ui-pnotify.stack-top-left,
.ui-pnotify.stack-bottom-left {
  left: 20px;
  right: auto
}

.ui-pnotify.stack-bottom-right,
.ui-pnotify.stack-bottom-left {
  bottom: 20px;
  top: auto
}

.ui-pnotify.stack-modal {
  left: 50%;
  right: auto;
  margin-left: -150px
}

.ui-pnotify.stack-custom-right {
  top: auto;
  left: auto;
  bottom: 200px;
  right: 200px
}

.ui-pnotify.stack-custom-left {
  top: 200px;
  left: 200px;
  right: auto;
  bottom: auto
}

.ui-pnotify.stack-custom-top {
  right: 0;
  left: 0;
  top: 0
}

.ui-pnotify.stack-custom-bottom {
  right: 0;
  left: 0;
  bottom: 0;
  top: auto
}

.ui-pnotify.ui-pnotify-in {
  display: block !important
}

.ui-pnotify.ui-pnotify-move {
  -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-slow {
  -webkit-transition: opacity linear .6s;
  -o-transition: opacity linear .6s;
  transition: opacity linear .6s;
  opacity: 0;
  filter: alpha(opacity=0)
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
  -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-normal {
  -webkit-transition: opacity linear .4s;
  -o-transition: opacity linear .4s;
  transition: opacity linear .4s;
  opacity: 0;
  filter: alpha(opacity=0)
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
  -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-fast {
  transition: opacity .2s linear;
  -webkit-transition: opacity linear .2s;
  -o-transition: opacity linear .2s;
  transition: opacity linear .2s;
  opacity: 0;
  filter: alpha(opacity=0)
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
  -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
  transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-in {
  opacity: 1;
  filter: alpha(opacity=100)
}

.ui-pnotify-container {
  padding: 15px 20px;
  height: 100%;
  position: relative;
  left: 0;
  margin: 0;
  border-radius: 1.2rem;
}

.ui-pnotify-container:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

.ui-pnotify-container.ui-pnotify-sharp {
  border-radius: 0
}

.ui-pnotify-title {
  display: block;
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 1.6rem
}

.ui-pnotify-text {
  display: block
}

.ui-pnotify-text,
.ui-pnotify-text a {
  color: var(--color-eerie-black);
}

.ui-pnotify-icon {
  display: block;
  float: left;
  line-height: 1
}

.ui-pnotify-icon>[class^=icon-] {
  margin-top: 4px;
  margin-right: 15px
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
  float: right;
  margin-left: 8px;
  margin-top: 4px;
  line-height: 1;
  outline: 0
}

.ui-pnotify-modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1
}

body>.ui-pnotify-modal-overlay {
  position: fixed;
  z-index: 100039
}

.ui-pnotify[class*=bg-]>.brighttheme {
  background-color: inherit;
  border-color: inherit;
  color: inherit
}

.brighttheme-icon-closer,
.brighttheme-icon-sticker {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  width: 10px;
  height: 10px;
  outline: 0
}

.brighttheme-icon-closer:after,
.brighttheme-icon-sticker:after {
  content: '';
  font-family: 'Icomoon';
  font-size: 14px;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.brighttheme-icon-closer:after {
  content: "\ed6a"
}

.brighttheme-icon-sticker:after {
  content: "\ee70"
}

.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
  content: "\ee75"
}

.ui-pnotify[class*=alert-styled-] {
  border-width: 0;
  padding: 0
}

.ui-pnotify.alert-styled-left .brighttheme {
  border-left-width: 44px
}

.ui-pnotify.alert-styled-left:after {
  left: 0
}

.ui-pnotify.alert-styled-right .brighttheme {
  border-right-width: 44px
}

.ui-pnotify.alert-styled-right:after {
  right: 0
}

.brighttheme .ui-pnotify-action-bar {
  padding-top: 15px
}

.brighttheme .ui-pnotify-action-bar textarea,
.brighttheme .ui-pnotify-action-bar input {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  margin-bottom: 15px !important;
  color: #333;
  padding: 7px 12px
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input {
  border-color: #fff;
  color: #fff
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder {
  color: #fff
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder {
  color: #fff
}

.ui-pnotify[class*=bg-] .form-control {
  border-bottom-color: #fff;
  color: #fff
}

.ui-pnotify[class*=bg-] .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder {
  color: #fff
}

.ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder {
  color: #fff
}

.ui-pnotify-history-container {
  position: absolute;
  top: 0;
  right: 20px;
  width: 70px;
  border-top: none;
  padding: 0;
  z-index: 10000;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.ui-pnotify-history-container.ui-pnotify-history-fixed {
  position: fixed
}

.ui-pnotify-history-container .ui-pnotify-history-header {
  padding: 2px;
  text-align: center
}

.ui-pnotify-history-container button {
  cursor: pointer;
  display: block;
  width: 100%
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown {
  display: block;
  margin: 0 auto
}

@media (max-width: 480px) {
  .ui-pnotify-mobile-able.ui-pnotify {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: auto !important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smooth: antialiased;
  }

  .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
    border-bottom-width: 5px;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .ui-pnotify-mobile-able.ui-pnotify.stack-top-left,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left {
    left: 0;
    right: 0
  }

  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto
  }

  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow {
    border-top-width: 5px;
    border-bottom-width: 1px
  }

  .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade {
    opacity: .2;
    filter: alpha(opacity=20)
  }

  .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide {
    display: none !important
  }

  .ui-pnotify-mobile-able .ui-pnotify-container {
    border-radius: 0
  }
}

.app__container-table {
  overflow-x: auto;
  border: var(--line-dark);
  border-radius: 1rem;
  background: var(--color-white);
  padding: 2.4rem 2.4rem 0;
}

/************ PAGE-CITY ************/
.form-city {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem;
}

.form-city .form-item {
  margin-bottom: 2rem;
}

.form-item input[type="text"],
.form-item select {
  color: var(--color-eerie-black);
  padding: 0.7rem 1rem;
  height: 4.6rem;
  font-size: 1.6rem;
  border-radius: 0.5rem;
  border: 0;
}

.search-modal input[type="text"],
.search-modal select {
  border: 0;
  font-size: 1.5rem;
  padding: 1rem 2rem;
  color: var(--color-mid-white);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
}

.search-modal select option,
.search-modal select optgroup {
  color: var(--color-eerie-black);
}

.search-modal input[type="text"]:focus,
.search-modal select:focus {
  border: 0;
  font-size: 1.5rem;
  padding: 1rem 2rem;
  color: var(--color-mid-white);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
}



/************ PANEL ************/
.panel {
  border-radius: 1rem;
  border: 0;
  box-shadow: 1px 1px 2.5rem 0px rgba(0, 0, 0, 0.15);
}

/************ DATATABLE ************/
.app__container-body-table .dataTables_wrapper {
  background: var(--color-white);
  padding: 2.4rem;
  border-radius: 1rem;
}

.app__container-body-table .apptable thead {
  font-size: 1.4rem;
  text-transform: uppercase;
  text-align: left;
}

.app__container-body-table {
  padding: 2.4rem;
  font-size: 1.4rem;
  min-height: 47rem;
}

table h4 {
  font-weight: 600;
  font-size: 1.4rem;
}

thead {
  font-size: 1.3rem;
  color: var(--color-eerie-black);
  background-color: var(--color-semi-white);
}

tbody {
  font-size: 1.4rem
}

tbody .label {
  font-size: 13px
}

.table>tbody>tr:hover {
  background-color: var(--color-semi-white);
}

.table>tbody>tr>td {
  vertical-align: top !important
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 1.5rem;
  border-top: 1px solid var(--color-grey-f2);
}

.table thead th {
  padding: 1rem;
  font-weight: 600;
}

.table>thead>tr>th {
  border-bottom: var(--line-dark);
}

.table thead th:first-child {
  padding-left: 1.5rem;
}

.bg-odd {
  background-color: var(--color-semi-white);
}

tfoot td {
  font-weight: 500;
  font-size: 1.4rem;
}

.app-table-coupon img {
  max-width: 20rem;
}

.datatable-header {
  padding: 0 0 1.6rem;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: [filter-start] max-content [filter-end space-start] 1fr [space-end buttons-start] max-content [buttons-end lenght-start] max-content [lenght-end];
  grid-gap: 1rem;
  align-items: center;
}

.table__headerIcon {
  fill: var(--color-nice-violet);
  width: 2rem;
  height: 2rem;
}

.dataTables_filter label {
  display: grid;
  align-items: center;
  grid-gap: 2rem;
  grid-template-columns: 5rem 1fr;
  grid-template-rows: 1fr;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.dataTables_length label {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, auto);
  align-items: center;
}

.datatable-header .dt-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
}

.dataTables_length label {
  font-size: 1.6rem;
  margin: 0;
  font-weight: 500;
}

.n-trTitle_mobile {
  display: none;
}

@media screen and (max-width: 57.5em) {
  .modal-content__title {
    padding: 2rem 2rem 1.5rem;
  }

  .datatable-header .dataTables_filter {
    justify-self: center;
  }

  .datatable-header .dataTables_length {
    justify-self: center;
  }

  .datatable-header {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: auto;
    justify-content: center;
    grid-gap: 2rem 0;
    padding: 1rem;
  }

  .datatable-header .dt-buttons {
    justify-self: center;
  }
}

.datatable-footer {
  padding: 3rem 2rem 2rem;
  text-align: center;
  border-top: var(--line-dark);
}

.datatable-footer .dataTables_paginate span a {
  cursor: pointer;
  background: var(--color-mid-grey);
  border-radius: 3px;
  color: var(--color-white);
}

.datatable-footer .dataTables_paginate span a:hover {
  opacity: 0.7
}

.datatable-footer .dataTables_paginate span .current {
  background-color: var(--color-eerie-black);
}

.datatable-footer .dataTables_paginate .paginate_button {
  cursor: pointer;
  padding: 0.8rem 1.5rem;
  margin: 1rem;
  display: inline-block;
}

.btn-table {
  background-color: var(--color-white);
  border: 0;
}

.btn-table__icon {
  font-size: 2.4rem;
  color: var(--color-strawberry);
}

.btn-table__closeIcon {
  height: 2rem;
  width: 1.5rem;
  fill: var(--color-eerie-black);
}

.dt-buttons .dt-button {
  position: relative;
  background-color: var(--color-strawberry);
  color: var(--color-white);
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  white-space: nowrap;
  border: 0;
  border-radius: 0.8rem;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  height: 4rem;
  line-height: 1.4em;
  padding: 0.8rem 1.6rem;
  margin-left: 0.55rem;
  transition: all ease 0.2s;
  font-family: var(--font-body);
}

.dt-buttons .dt-button span {
  font-weight: 500;
}

.dataTable tbody td {
  padding: 1rem;
  vertical-align: middle;
}


.dataTables_scroll {
  clear: both
}

.dataTables_scroll .dataTables_scrollHead table {
  border-bottom: 0
}

.dataTables_scroll .dataTables_scrollHead th,
.dataTables_scroll .dataTables_scrollHead td {
  white-space: nowrap
}

.dataTables_scroll .dataTables_scrollBody {
  -webkit-overflow-scrolling: touch
}

.dataTables_scroll .dataTables_scrollBody table {
  border-bottom: 0
}

.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before,
.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after {
  content: none
}

.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
  border-top: 0
}

.dataTables_scroll .dataTables_scrollBody th,
.dataTables_scroll .dataTables_scrollBody td {
  white-space: nowrap
}

.dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing,
.dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.panel-body+.dataTables_wrapper,
.panel-body+*>.dataTables_wrapper {
  border-top: 1px solid #ddd
}

.panel-body>.dataTables_wrapper .datatable-footer {
  border-top: 0
}

.panel-body>.dataTables_wrapper .datatable-footer .dataTables_length,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_filter,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_info,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_paginate {
  margin-bottom: 0
}

.panel-flat>.panel-heading+.dataTables_wrapper>.datatable-header {
  padding-top: 0
}

.panel>.dataTables_wrapper .table-bordered {
  border: 0
}

.panel>.dataTables_wrapper .table-bordered>thead>tr>td:first-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>td:first-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:first-child,
.panel>.dataTables_wrapper .table-bordered>thead>tr>th:first-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>th:first-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:first-child {
  border-left: 0
}

.panel>.dataTables_wrapper .table-bordered>thead>tr>td:last-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>td:last-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:last-child,
.panel>.dataTables_wrapper .table-bordered>thead>tr>th:last-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>th:last-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:last-child {
  border-right: 0
}

.panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th,
.panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td {
  border-bottom: 0
}

.datatable-scroll-lg,
.datatable-scroll,
.datatable-scroll-sm {
  min-height: .01%
}

.panel-heading h6 {
  font-family: var(--font-titles);
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-eerie-black);
  margin-bottom: 1.6rem;
}

.datatable-scroll-wrap {
  width: 100%;
  min-height: .01%;
  overflow-x: auto
}

@media (max-width: 768px) {
  .datatable-scroll-sm {
    width: 100%;
    overflow-x: scroll
  }

  .datatable-scroll-sm th,
  .datatable-scroll-sm td {
    white-space: nowrap
  }

  .close header.niceeat_user {
    display: block;
  }
}

@media (max-width: 1024px) {
  .datatable-scroll {
    width: 100%;
    overflow-x: scroll
  }

  .datatable-scroll th,
  .datatable-scroll td {
    white-space: nowrap
  }
}

@media (max-width: 1199px) {
  .datatable-scroll-lg {
    width: 100%;
    overflow-x: scroll
  }

  .datatable-scroll-lg th,
  .datatable-scroll-lg td {
    white-space: nowrap
  }
}

@media (max-width: 768px) {

  .dataTables_info,
  .dataTables_paginate,
  .dataTables_length,
  .dataTables_filter,
  .DTTT_container,
  .ColVis {
    float: none !important;
    text-align: center;
    margin-left: 0
  }

  .dataTables_info,
  .dataTables_paginate {
    margin-top: 0
  }

  .datatable-header {
    text-align: center
  }

  .n-trTitle_mobile {
    display: block;
  }
}

.dt-rowReorder-float {
  position: absolute !important;
  table-layout: static;
  outline: 1px dashed #777;
  outline-offset: -1px;
  background-color: #fff;
  z-index: 1030;
  cursor: move;
  opacity: .9;
  filter: alpha(opacity=90)
}

.dt-rowReorder-moving {
  outline: 1px solid #777;
  outline-offset: -1px
}

.dt-rowReorder-noOverflow {
  overflow-x: hidden
}

.dataTable td.reorder {
  text-align: center;
  cursor: move
}

.dataTable {
  margin: 0;
  max-width: none;
  border-collapse: separate;
  color: var(--color-eerie-black)
}

.dataTable thead th,
.dataTable thead td {
  outline: 0;
  position: relative
}

.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting {
  cursor: pointer
}

.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting_asc_disabled,
.dataTable thead .sorting_desc_disabled {
  padding-right: 2.5rem
}

.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_asc_disabled:after,
.dataTable thead .sorting_desc_disabled:after {
  content: '';
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 12px;
  margin-top: -6px;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.dataTable thead .sorting:before {
  content: '\e9c1';
  margin-top: -2px;
  color: #999
}

.dataTable thead .sorting:after {
  content: '\e9c2';
  margin-top: -10px;
  color: #999
}

.dataTable thead .sorting_asc:after {
  content: '\e9c2'
}

.dataTable thead .sorting_desc:after {
  content: '\e9c1'
}

.dataTable thead .sorting_asc_disabled:after {
  content: '\e9c2';
  color: #ccc
}

.dataTable thead .sorting_desc_disabled:after {
  content: '\e9c1';
  color: #ccc
}

.dataTable tbody>tr:first-child>th,
.dataTable tbody>tr:first-child>td {
  border-top: 0
}

.dataTable tbody>tr:hover {
  background-color: var(--color-semi-white);
}

.dataTable tbody+thead>tr:first-child>th,
.dataTable tbody+tfoot+thead>tr:first-child>th,
.dataTable tbody+thead>tr:first-child>td,
.dataTable tbody+tfoot+thead>tr:first-child>td {
  border-top: 0
}

.dataTable tbody>tr strong {
  font-weight: 500;
}

.dataTable.table-bordered {
  border-collapse: collapse
}

.table a {
  color: var(--color-nice-violet);
}

table.table img {
  border-radius: 1.6rem;
  height: 9rem;
  width: 9rem;
  object-fit: cover;
}

table.table img.notification-avatar {
  max-width: 4rem;
  height: 4rem;
  width: 100%;
  border-radius: 4rem;
}

.nice__cataddonActions,
.nice__catMenuactions {
  display: grid;
  grid-gap: 1.6rem;
  grid-template-columns: auto auto;
  padding: 0 !important;
  justify-content: end;
}

.nice__addonActions {
  display: grid;
  grid-gap: 1.6rem;
  grid-template-columns: auto auto auto;
  padding: 0 !important;
  justify-content: end;
}

.nice__catSalesactions {
  display: grid;
  grid-gap: 1.6rem;
  grid-template-columns: auto auto auto;
  padding: 0 !important;
}

.btn__tableIcon {
  background: var(--color-white);
  border: 2px solid var(--color-strawberry);
  border-radius: 0.5rem;
  padding: 0.8rem 1.6rem;
  display: flex;
  justify-content: center;
  height: 4rem;
  align-items: center;
  transition: all ease 0.3s;
  color: var(--color-strawberry);
  font-size: 2.4rem;
  line-height: 1em;
}

.btn__tableIcon .btn__icon {
  fill: var(--color-strawberry);
  width: 1.8rem;
  height: 1.8rem;
}

.btn-delete {
  font-size: 2.4rem;
  color: var(--color-primary)
}

.btn-nice {
  color: var(--color-white);
  background: var(--color-strawberry);
}

.big-btn {
  font-size: 1.8rem;
  height: 4.8rem;
}

.btn-nice:hover {
  filter: brightness(1.1);
  transform: translateY(-3px);
}

.btn-niceBig {
  font-family: var(--font-titles);
  padding: 1.6rem 2.4rem;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-strawberry);
  border-radius: 0.4rem;
  border: 0;
  font-size: 1.5rem;
  transition: all ease 0.2s;
  min-height: 4rem;
}

.btn-cancelModal {
  padding: 1.2rem 2.5rem;
  color: var(--color-grey);
  cursor: pointer;
  font-family: var(--font-body);
  font-weight: 500;
  background: var(--color-white);
  border-radius: 0.5rem;
  display: block;
  align-items: center;
  font-size: 1.6rem;
  transition: all ease 0.3s;
}

.btn-ghost {
  padding: 1.2rem 2.5rem;
  color: var(--color-tiza);
  cursor: pointer;
  font-weight: 500;
  background: transparent;
  border-radius: 0.4rem;
  display: block;
  align-items: center;
  font-size: 1.4rem;
  transition: all ease 0.3s;
}

.visitorCounter {
  padding: 0 1rem 2rem;
}

.float-chat {
  position: fixed;
  width: 7rem;
  height: 7rem;
  bottom: 8rem;
  right: 2rem;
  background-color: var(--color-strawberry);
  color: #FFF;
  border-radius: 5rem;
  text-align: center;
  font-size: 30px;
  box-shadow: 0.2rem 0.2rem 1.5rem rgb(0 0 0 / 50%);
  z-index: 100;
  border: 4px solid var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
}

.float-chat .btn__icon {
  fill: var(--color-white);
  width: 3.5rem;
}

.my-float {
  margin-top: 16px;
}

.nice__cataddonActions,
.nice__addonActions,
.nice__catMenuactions {
  justify-content: stretch;
}

/************ BUTTONS ************/
.button-live {
  padding: 1rem 0;
}

.stepy-navigator .btn,
.modal-footer .btn {
  margin-bottom: 1rem;
}

.stepy-finish,
.stepy-finish:active,
.stepy-finish:hover,
.stepy-finish:focus {
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-strawberry);
  border-radius: 0.5rem;
  font-size: 1.5rem;
  margin-left: 1rem;
}

.stepy-header li div {
  background-color: var(--color-strawberry);
  border: 0.2rem solid var(--color-strawberry);
}

.stepy-header li.stepy-active div {
  border-color: var(--color-strawberry);
  color: var(--color-strawberry)
}

.stepy-header li:before,
.stepy-header li:after {
  background-color: var(--color-strawberry);
}

.btn-niceOrders {
  color: var(--color-white);
  background: var(--color-eerie-black);
  display: block;
  align-items: center;
  font-size: 1.6rem;
  height: 4rem;
  border-radius: 3.2rem;
}

.btn-icon {
  min-width: 4.8rem;
  border-radius: 4rem;
  height: 4.8rem;
}

.btn-icon-small {
  height: 3.2rem;
  width: 3.2rem;
  font-size: 1.4rem !important;
  padding: 0 !important;
  min-width: 2.4rem;
  border-radius: 2rem;
}

.btn-purple {
  padding: 1.2rem 2.5rem;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-nice-violet);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  transition: all ease 0.3s;
}

.btn-niceTable {
  padding: 1rem 2rem;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-strawberry);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  transition: all ease 0.3s;
  width: 100%;
  justify-content: center;
}

.btn-sign .appnice-btn {
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  grid-gap: 1rem;
  font-weight: 500;
}

.btn-sign .appnice-btn .dropdown__icon {
  fill: var(--color-white);
  margin-right: 0;
}

.appnice-btn {
  padding: 1rem 3rem;
  border-radius: 5rem;
  font-size: 1.6rem;
  line-height: 120%;
}

.appnice-btnxl {
  padding: 1.3rem 3rem;
  border-radius: 5rem;
  font-size: 1.8rem;
  line-height: 120%;
}

.button-toRight {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}

.btn-restaurant {
  padding: 1rem 2.5rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.btn-nice .btn__icon {
  height: 1.7rem;
  width: 1.7rem;
  fill: var(--color-white);
  float: left;
  margin-right: 1.2rem;
}

.btn-nice .btn__iconInvoice {
  height: 1.7rem;
  width: 1.7rem;
  fill: var(--color-white);
  float: right;
  margin-left: 1.2rem;
  transform: rotate(90deg);
}

.btn-security {
  width: 100%;
  max-width: 35rem;
  padding: 1.5rem;
  margin: 1rem 0;
  font-weight: 700;
  line-height: 1rem;
  font-size: 1.5rem;
  color: var(--color-white);
  border: 0;
  border-radius: 0.3rem;
  transition: all ease 0.3s;
}

.btn-security:hover {
  opacity: 0.8;
}

.btn-payment {
  padding: 0.5rem 3rem !important;
  line-height: 38px !important;
  font-size: 1.6rem !important;
  color: #FFF !important;
  font-weight: 300 !important;
  border: 0 !important;
  border-radius: 4px !important;
  transition: all ease 0.3s;
  text-align: center !important;
}

.mr-1 {
  margin-right: 1rem;
}

.btn-fw {
  width: 100%;
}

.btn-nice__dimiss {
  color: var(--color-strawberry);
  background: transparent;
  display: block;
  border: 2px solid;
  margin-right: 1.6rem;
}

.nice__actionsBtns {
  display: flex;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem;
  justify-content: flex-end;
}

.actionLink {
  text-decoration: none;
  color: var(--color-white);
}

.actionLink button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: fit-content;
}

.actionLink button:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}

legend {
  font-family: var(--font-titles);
  padding: 1.6rem 0;
  font-weight: 500;
}

.app__container-header {
  background-color: var(--color-order-navbar);
  color: var(--color-eerie-black);
  min-height: 6rem;
  padding: 0 2.4rem;
}

.app__container-header {
  border-bottom: var(--line);
  height: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app__container-header-title {
  padding: 0;
  display: flex;
  align-items: center;
}

.app__container-header-title h1 {
  font-family: var(--font-body);
  color: var(--color-grey-e0);
  font-size: 2.4rem;
  font-weight: 600;
}

.app__help-button {
  color: var(--color-white);
  border-radius: 2rem;
  height: 2.4rem;
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.6rem;
  font-size: 2rem;
  line-height: 0;
}

.app__container-header-navbar {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.app__container-header-navbar>button,
.app__container-header-navbar>a>button {
  background-color: var(--color-strawberry);
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  height: 4.8rem;
}

.btn-navbar .n-btn i {
  font-size: 2rem;
  height: 2rem;
  color: var(--color-white);
}

.btn-navbar .n-btn a {
  display: inline-flex;
  color: var(--color-white);
  font-weight: 500;
  align-items: center;
}

.btn-navbar .n-btn .btn__icon {
  fill: var(--color-white);
  margin-right: 1rem;
  height: 2.4rem;
  width: 2.4rem;
}

.app__container-header img {
  width: 100%;
  height: auto;
}

.app__container-header .appContent__iconCustom {
  background: transparent;
}

.nice__breadcrumbs {
  font-family: var(--font-body);
  font-size: 1.3rem;
  color: var(--color-eerie-black);
  padding: 1rem 2.4rem;
  font-weight: 500;
}

.nice__breadcrumbs a,
.nice__breadcrumbs a:visited {
  color: var(--color-grey);
  font-weight: 500;
}

.nice__breadcrumbs a:hover,
.underline {
  text-decoration: underline;
}

.message__niceCoins {
  background-color: var(--color-purple);
  color: var(--color-white);
  padding: 1rem 1.6rem;
  border-radius: 0.5rem;
  font-weight: 400;
  display: block;
}

.message__niceCoins-disable {
  background-color: var(--color-yellow-basic);
  color: var(--color-eerie-black);
  padding: 1rem 1.6rem;
  border-radius: 0.5rem;
  font-weight: 400;
  display: block;
}

.message__niceCoins-disable a {
  color: var(--color-nice-violet);
  font-weight: 600;
  text-decoration: underline;
  margin-left: 0.5rem;
}

.nice-shifts {
  display: flex;
  justify-content: flex-end;
}

#userAvatar .multibox {
  height: initial;
  margin: 0;
  width: 19.6rem;
}

#userThumbnail .multibox {
  max-width: 90rem;
  width: 100%;
  height: initial;
  margin: 0;
}

#logo .multibox,
#event-item-image .multibox,
#cupon-item-image .multibox,
#post-item-image .multibox,
#food-item-image .multibox {
  height: 20rem;
  margin: 0 !important;
  display: flex;
  position: relative;
}

#extraImage .multibox {
  max-width: 35rem;
  width: 100%;
  height: 24.5rem;
  margin: 1rem;
  padding: 1.5rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#portada .multibox {
  max-width: 77rem;
  width: 100%;
  height: auto;
  margin: 1rem;
  padding: 1.5rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#imagesGalleryGratuito,
#imagesGalleryPago {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  grid-gap: 0.8rem;
}

#imagesGalleryPago .multibox {
  max-width: 25rem;
  width: 100%;
  height: 18rem;
  margin: 1rem;
  padding: 1.5rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/************ PAGE-REGION ************/
.regionHome {
  height: 48rem;
  background-size: contain;
}

.regionItems {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: var(--font-titles);
}

.banner-home {
  background-position: top center;
  background-repeat: no-repeat;
}

.niceeat_search__city {
  max-width: 60rem;
  padding: 2rem;
}

a.niceeat_logo {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 2rem;
}

a.niceeat_logo img.niceeat_logo__home {
  width: 12.5rem;
  height: 12.5rem;

}

a.niceeat_logo img.niceeat_logo__horizontal {
  height: 9rem;
  width: 13.6rem
}

.niceeat_search__restaurant h1.title-search {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2em;
  margin: 2rem 0 1rem;
  text-align: center;
  color: var(--color-white);
  text-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.6);
}

.search_homeBox {
  display: flex;
  padding: 1rem;
  align-items: center;
}

.niceeat_search__searchForm input[type="text"]:focus,
.niceeat_search__searchForm select:focus {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  border: 0.1rem solid var(--color-white);
}

.txt-w {
  color: var(--color-white);
}

.region-coupons-container,
.region-events-container {
  margin: 0 auto;
}

.region-coupons__byDay,
.region-events__byDay {
  padding: 1.6rem;
}

.region-coupons__dayTitle h2,
.region-events__dayTitle h2 {
  font-weight: 600;
  font-size: 1.8rem;
}

.region-coupon__dayCoupon .region-coupon__image img,
.region-events__dayevents .region-event__image img {
  width: 12rem;
  border-radius: 1.6rem;
}

.region-coupon__couponInfo h3,
.region-event__containerInfo h3 {
  font-size: 1.6rem;
  font-weight: 600;
}

.region-coupon__infoSave h4,
.region-event__infoSave h4 {
  color: var(--color-eerie-black);
  font-size: 1.6rem;
  font-weight: 500;
}

.region-event__containerInfo i {
  font-size: 2rem;
}

.region-coupon__infoDate {
  margin-bottom: 0.8rem;
}

/************ DROPDOWN MENU *************/
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: var(--color-white);
  border-radius: 1rem;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
}

.open>.dropdown-menu {
  display: block;
}

.open>a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-content {
  color: var(--color-eerie-black);
  display: none;
  position: absolute;
  right: 0;
  background-color: var(--color-white);
  margin-top: 0.5rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.6rem;
}

.dropdown-content ul {
  display: grid;
  grid-gap: 0.8rem;
}

.dropdown-content ul li {
  padding: 0.8rem;
}

.dropdown-content a {
  border-radius: 0.5rem;
  color: var(--color-eerie-black);
  display: grid;
  grid-gap: 1rem;
  text-decoration: none;
  padding: 0.8rem;
}

.dropdown-content a:hover {
  background: var(--color-grey-f2);
}

.dropdown__icon {
  height: 2.25rem;
  width: 2.25rem;
  fill: var(--color-secondary-dark);
  float: left;
}

.dropdown__menu--notificationItem a {
  grid-template-columns: auto 16.5rem;
  align-items: start;
}

.dropdown-body__itemMessage {
  font-size: 1.2rem;
}

.user-nav__user-photo {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 5rem;
}

.dropdown__menu--userItem a {
  grid-template-columns: 2.4rem 1fr;
  align-items: center;
}

.dropdown__menu--userItem a i {
  font-size: 2.4rem;
}

.user__profile a {
  color: var(--color-strawberry);
}

.user__profile .dropdown__icon {
  fill: var(--color-strawberry);
}

/************ NAVIGATION DROPDOWN ************/
.user-nav__user {
  height: 6rem;
  align-items: center;
  display: flex !important;
}

.user-nav__user button,
.user-nav__user button:focus {
  height: 5rem;
  width: 5rem;
  background-size: cover;
  border-radius: 5rem;
  border: 3px solid var(--color-eerie-black);
  margin-right: 1.2rem;
  transition: all ease 0.3s;
  background-color: var(--color-eerie-black);
  background-position: center;
}

.user-nav__user button:hover {
  transform: translateY(-3px);
}

.user-nav__regions {
  padding: 0;
  height: 6rem;
}

.user-nav__regions .btn {
  padding: 2rem 1rem;
  height: 6rem;
}

.user-nav__user a {
  display: block;
  text-decoration: none;
  font-size: 1.4rem;
  transition: all ease 0.3s;
}

.dropdown-nice {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  color: var(--color-eerie-black);
  display: none;
  font-family: var(--font-body);
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 24rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.dropdown-menu-right a {
  padding: 0.8rem 1.4rem;
  font-size: 1.4rem;
}

.dropdown-content a:hover {
  background-color: #f1f1f1
}

.dropdown-filter:hover .dropdown-content {
  display: block;
}

/*.dropdown-nice:hover .dropdown-content {
  display: block;
}*/
.dropdown-content {
  padding: 0;
  list-style-type: none;
}

.notifications {
  max-height: 30rem;
  overflow-y: auto;
  padding: 0 1.5rem 2rem;
}

.notifications a {
  padding: 0.3rem 0;
}

.dropdown-content .dropdown-body__item {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: 1.6rem;
}

.dropdown-content .dropdown-body__itemImg a {
  padding: 0;
  border-radius: 100%;
}

.dropdown-content .dropdown-body__itemMessage {
  font-size: 1.3rem;
  line-height: 1.3em;
}

.dropdown-content .dropdown-body__itemDate {
  font-size: 1.2rem;
}

.dropdown-toggle {
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

.dropdown-toggle:focus {
  border: 0;
}

.dropdown-header {
  height: 4.5rem;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  border-bottom: var(--line-dark);
  font-weight: 500;
}

.dropdown-header a {
  color: var(--color-strawberry) !important;
  text-decoration: underline;
  padding: 0 !important;
  font-weight: 500;
}

.dropdown-content a {
  color: var(--color-eerie-black);
  display: grid;
}

.dropdown-header a:hover,
.dropdown-header a:visited {
  color: var(--color-eerie-black);
  background: transparent;
}

.dropdown__icon {
  height: 2.25rem;
  width: 2.25rem;
  fill: var(--color-secondary-dark);
  float: left;
  margin-right: 1.2rem;
}

/************ DROPDOWN FILTER *************/
.dropdown-check-list {
  display: inline-block;
}

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}

.dropdown-check-list ul.items li {
  list-style: none;
}

.dropdown-check-list.visible .anchor {
  color: #0094ff;
}

.dropdown-check-list.visible .items {
  display: block;
}

.dropdown-menu .filter_link {
  padding: 0.6rem 1rem 2rem;
  color: var(--color-strawberry);
  text-align: center;
  text-decoration: underline;
}

/************ COLLAPSIBLE ************/
.collapsible {
  background-color: var(--color-light-grey);
  color: var(--color-eerie-black);
  cursor: pointer;
  padding: 1.8rem;
  width: 100%;
  border: 0.1rem solid var(--color-mid-white);
  text-align: left;
  outline: none;
  font-size: 1.4rem;
  font-weight: 500;
  display: block;
}

.active-collapsible,
.collapsible:hover {
  background-color: var(--color-light-text);
}

.collapsible:after {
  content: '\002B';
  color: var(--color-eerie-black);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-collapsible:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: var(--color-white);
}

.contentboxcollapsible {
  padding: 2rem 0;
}

/************ ALERTS *************/
.alert {
  font-family: var(--font-body);
}

/************ FORMS *************/
.search__input {
  font-family: inherit;
  font-size: inherit;
  border: var(--line);
  padding: 0.8rem 2rem !important;
  border-radius: 5rem;
  width: 90%;
  transition: all 0.2s;
  margin-right: -3.25rem;
}

.search__input:focus {
  outline: none;
  width: 100%;
}

.search__input::-webkit-input-placeholder {
  color: var(--color-eerie-black);
}

.search__input:focus+.search__button {
  background-color: var(--color-white);
}

.search__button {
  border: none;
  background-color: var(--color-white);
}

.search__button:focus {
  outline: none;
}

.search__button:active {
  transform: translateY(2px);
}

.search__icon {
  height: 2rem;
  width: 2rem;
  fill: var(--color-eerie-black);
  display: block;
}

.login-form .checkbox input[type="checkbox"] {
  position: relative;
}

legend .legend__icon {
  fill: var(--color-eerie-black);
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  display: inline-block;
}

label {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: var(--color-eerie-black);
  font-weight: 600;
  font-family: var(--font-body);
}

label.disabled {
  color: var(--color-grey-9b);
}

.disabled .checkmark {
  border-color: var(--color-grey-9b);
}

button .disabled {
  background: var(--color-grey-9b);
  cursor: no-drop;
}

button.disabled {
  background-color: var(--color-grey-9b);
}

small {
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-bottom: 0.8rem;
  display: inline-block;
}

.label-search {
  display: inline-block;
  font-weight: 500;
  padding: 2px 5px 2px 5px;
  line-height: 1.5384616;
  border: 1px solid transparent;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.1px;
  border-radius: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 23rem;
  white-space: nowrap;
}

.checker span.checked {
  background: var(--color-green);
  color: var(--color-white);
  border-color: var(--color-green);
  border-radius: 0.2rem;
}

.checker span.checked,
.checker,
.checker span,
.checker input {
  border-radius: 0.2rem;
  width: 2rem;
  height: 2rem;
}

.checker span:after {
  content: "\e600";
  font-family: 'icomoon';
  font-size: 18px;
  line-height: 1;
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  filter: alpha(opacity=0);
}

.sp-dd {
  line-height: 1em !important;
}

.sp-input {
  width: 85% !important;
}

.sp-palette-button-container,
.sp-button-container {
  display: flex !important;
}

.sp-container {
  z-index: 9999;
}

.select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
  min-height: 4rem;
  border: 1px solid var(--color-grey-e0);
  background: var(--color-semi-white);
  color: var(--color-eerie-black);
  border-radius: 0.8rem;
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
  font-size: 1.4rem;
  border: 1px solid var(--color-grey-e0);
  border-radius: 0.8rem;
  background: var(--color-white);
  color: var(--color-eerie-black);
  box-shadow: none;
}

.select2-selection--multiple .select2-selection__choice {
  background-color: var(--color-light-grey);
  color: var(--color-nice-violet);
  border-radius: 5rem;
  cursor: default;
  float: left;
  margin: 0.5rem;
  padding: 0.7rem 1.5rem;
  font-weight: 500;
  font-size: 1.4rem;
}

.select2-results__options {
  font-family: var(--font-primary);
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="url"],
input[type="tel"],
textarea,
select {
  font-size: 1.4rem;
  border: 1px solid var(--color-grey-e0);
  border-radius: 0.8rem;
  background: var(--color-white);
  color: var(--color-eerie-black);
  box-shadow: none;
  padding: 0.8rem 1.6rem;
  height: 4rem;
  display: block;
  width: 100%;
}

.dark-thm input[type="text"],
.dark-thm input[type="password"],
.dark-thm input[type="search"],
.dark-thm input[type="email"],
.dark-thm input[type="number"],
.dark-thm input[type="datetime"],
.dark-thm input[type="datetime-local"],
.dark-thm input[type="date"],
.dark-thm input[type="month"],
.dark-thm input[type="time"],
.dark-thm input[type="week"],
.dark-thm input[type="url"],
.dark-thm input[type="tel"],
.dark-thm textarea,
.dark-thm select,
.dark-thm select.form-control {
  font-size: 1.4rem;
  border: 1px solid var(--color-grey-4f);
  border-radius: 0.8rem;
  background: rgb(35 32 49);
  color: var(--color-grey-e0);
  box-shadow: none;
  padding: 0.8rem 1.6rem;
  height: 4rem;
  display: block;
}

.dark-thm textarea.form-control {
  border: 1px solid var(--color-grey-4f);
  border-radius: 0.8rem;
  background: rgb(35 32 49);
  color: var(--color-grey-e0);
}

.dark-thm {
  background-color: var(--color-order-container);
  color: rgb(218 218 218);
}

.dark-thm .input-group-text {
  background-color: var(--color-strawberry);
  border: 2px solid var(--color-strawberry);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="number"]: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="url"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0 1rem 1rem 0;
}

select.form-control {
  font-size: 1.4rem;
  border: 1px solid var(--color-grey-e0);
  border-radius: 0.8rem;
  background: var(--color-white);
  color: var(--color-eerie-black);
  box-shadow: none;
  padding: 0.8rem 1.6rem;
  height: 4rem;
  display: block;
  width: 100%;
}

select#order_tipOption {
  padding: 0.8rem;
}

textarea.form-control {
  font-size: 1.4rem;
  border: 1px solid var(--color-grey-e0);
  border-radius: 0.8rem;
  background: var(--color-white);
  color: var(--color-eerie-black);
  box-shadow: none;
  padding: 0.8rem 1.6rem;
  height: 12rem;
  display: block;
  width: 100%;
}

.picker__header select {
  display: inline !important;
  padding: 0 0 0 0.5rem;
  width: 36%;
}

.picker__footer {
  display: flex;
}

.form-control:focus,
.dataTables_filter label input:focus {
  border-color: var(--color-nice-violet);
  box-shadow: none;
}

:-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--color-grey);
}

::placeholder {
  color: var(--color-grey) !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-grey) !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-grey) !important;
}

#uniform-term-condictions.checker span {
  margin-top: 4px;
}

.suggested-value {
  border: 2px solid var(--color-green) !important;
  padding: 0 0.8rem !important;
}

/************ MODAL ************/
.modal-backdrop.in {
  opacity: 0.7 !important;
}

.modal-app .modal-body label {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--color-eerie-black);
  margin-top: 0.5rem;
}

.modal-app .modal-body .control-label {
  margin-bottom: 1rem;
}

label.error {
  color: var(--color-red) !important;
  font-size: 1.3rem !important;
  text-transform: none;
  position: absolute;
  right: 0rem;
  font-weight: 500 !important;
  top: 0;
}

.modal-app .modal-body .validation-error-label,
.modal .modal-body .validation-error-label {
  color: var(--color-red);
  font-size: 1.3rem;
  text-transform: none;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.fade.in {
  overflow: auto;
}

.validation-valid-label {
  color: var(--color-green) !important;
}

.validation-error-label::before {
  content: '';
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

.input-group-addon,
.input-group-btn {
  width: initial;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.4375rem 1.2rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1em;
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-order-navbar);
  border: 2px solid var(--color-order-navbar);
}

.input-group-prepend .input-group-text {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.input-group-append .input-group-text {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.modal-app {
  display: flex;
  font-family: var(--font-primary);
  justify-content: center;
  margin: 1rem auto;
  color: var(--color-eerie-black);
}

.modal-dialog {
  width: initial;
  max-width: 90rem;
  margin: 2.4rem auto;
}

.modal-dialog-xs {
  width: initial;
  max-width: 60rem;
  margin: 2.4rem auto;
}

#formModalOrderitem .modal-dialog {
  width: initial;
  max-width: 55rem;
  margin: 2.4rem auto;
}

.modal-content {
  border-radius: 1rem;
  max-width: 90rem;
}

.modal-header {
  position: relative;
  padding: 0;
}

.modal-content__title {
  padding: 2rem 2.5rem 1.5rem;
}

.modal-content__title h4 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--color-eerie-black);
  line-height: 1em;
  min-width: 35rem;
  text-align: left;
}

.close-nice {
  background-color: var(--color-white);
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 1.6rem;
  right: 2rem;
  display: flex;
  border-radius: 2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  font-size: 2.4rem;
  line-height: 1rem;
}

.close-nice .btn__icon {
  width: 1.4rem;
  height: 2rem;
  fill: var(--color-eerie-black);
}

.modal-body {
  position: relative;
  padding: 1rem 2.5rem 2.5rem;
  font-family: var(--font-body);
}

.modal-body fieldset legend {
  font-size: 1.4rem;
}

.modal-footer {
  padding: 2rem;
  text-align: right;
  border-top: 1px solid var(--color-light-grey);
  display: flex;
  justify-content: flex-end;
}

.modal-order-detail {
  overflow: auto;
  max-height: calc(100vh - 22rem);
  padding: 0;
}

/* width */
.modal-order-detail::-webkit-scrollbar {
  width: 0.8rem;
}

/* Track */
.modal-order-detail::-webkit-scrollbar-track {
  background: var(--color-grey-f2);
}

/* Handle */
.modal-order-detail::-webkit-scrollbar-thumb {
  background: var(--color-strawberry);
  border-radius: 0.5rem;
}

.add-to-cart {
  display: block !important;
}

.modal-footer #btn-draft {
  margin-right: 1rem;
}

.modal-footer .btn {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {

  .modal-dialog-detail {
    display: flex;
    align-items: flex-end;
    height: 96vh;
    margin: 0 auto;
  }

  .modal-dialog-detail .modal-content {
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
    border: 0 !important;
    width: 100%;
  }

  .add-to-cart {
    position: fixed;
    background: var(--color-white);
    width: 100%;
    bottom: 5rem;
    left: 0;
    right: 0;
    border-radius: 2.4rem;
  }
}

.fc-view-harness {
  height: 100vh !important;
}

.order_boxpanel {
  box-shadow: 0 5px 1.5rem rgb(0 0 0 / 15%);
  border-radius: 1.5rem;
  padding: 2rem;
  margin-bottom: 2.4rem;
}

.fooditem-check_group,
.delivery__form--addonsGroup,
.delivery__form--drinksGroup {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-gap: 1rem;
  grid-auto-rows: auto;
  width: 100%;
}

.delivery__form--addonsGroup.multiple-addons {
  grid-template-columns: 1fr;
}

.delivery__form--addonsGroup .form-check-label {
  font-size: 1.4rem;
  font-weight: 400;
}

.form-check-label {
  display: flex;
  gap: 1.6rem;
}

.form-check-label+.form-check-label {
  margin-top: 1em;
}

.form-check-label:focus-within {
  color: var(--color-nice-violet);
}

.delivery__form--addonsGroup input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-white);
  margin: 0;
  font: inherit;
  color: var(--color-nice-violet);
  width: 1.9rem;
  height: 1.9rem;
  border: 0.2rem solid var(--color-nice-violet);
  border-radius: 50%;
  transform: translateY(-0.1rem);
  display: grid;
  place-content: center;
}

.delivery__form--addonsGroup input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: var(--color-nice-violet);
  ;
}

input[type="radio"]:focus {
  outline: 0;
  outline-offset: 0;
}

.delivery__form--addonsGroup input[type="radio"]:checked::before {
  transform: scale(1);
}

.price-c {
  color: var(--color-primary-accent);
}

.fooditem-check,
.bookingConfig-check {
  font-size: 1.5rem;
}

.item-check .checkbox .checker {
  position: relative;
  top: 0;
  margin-right: 1rem;
}

.fooditem-check .checkbox .checker,
.bookingConfig-check .checkbox .checker,
.orderConfig-check .checkbox .checker {
  position: relative;
  top: 0;
  margin-right: 1rem;
}

.containercheck {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 1.4rem !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: initial !important;
  font-weight: normal !important;
  line-height: 1.4em;
  padding-left: 3.2rem;
}

.containercheck-detail {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 1.4rem !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: initial !important;
  font-weight: normal !important;
  line-height: 1.4em;
}

.input-group-btn .btn {
  height: 4rem;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.9rem;
  width: 1.9rem;
  background-color: var(--color-white);
  border: 0.2rem solid var(--color-nice-violet);
  border-radius: 0.3rem;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input~.checkmark {
  background-color: var(--color-white);
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked~.checkmark {
  background: var(--color-nice-violet);
  color: var(--color-white);
  border-color: var(--color-nice-violet);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  line-height: 1;
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  content: "\e600";
  font-family: 'icomoon';
  font-size: 18px;
  line-height: 1;
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  filter: alpha(opacity=0);
}

/*MENUS*/
.appSidebarNav {
  font-size: 1.6rem;
  font-family: var(--font-titles);
  height: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: -29rem;
  width: 29rem;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
  opacity: 1;
  background-color: var(--color-eerie-black);
  overflow-x: hidden;
  transition: 0.3s;
  color: var(--color-white);
  /* 0.5 second transition effect to slide in the sidenav */
}

.foodie-navbar {
  background-color: var(--color-eerie-black);
}

.appSidebarNav__header {
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.appSidebarNav__header-logo img {
  height: 3rem;
}

.appSidebarNav__header-appname {
  color: var(--color-white);
}

.appSidebarNav__header-closebtn {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.appSidebarNav__header-closebtn a {
  cursor: pointer;
  line-height: 1.4rem;
  padding: 1rem;
}

.appSidebarNav__header-closebtn a i {
  color: var(--color-white);
  font-size: 2.4rem;
}

.appSidebarNav__menu {
  padding: 1rem 0;
  font-family: var(--font-titles);
}

.appSidebarNav__menu li {
  margin-bottom: 0;
}

.appSidebarNav__menutitle {
  position: relative;
}

.appSidebarNav__menutitle img {
  position: absolute;
  top: 0;
  right: 8rem;
}

.appSidebarNav__menu a {
  padding: 1.2rem 2rem 1.2rem 2rem;
  text-decoration: none;
  color: var(--color-white);
  display: grid;
  grid-template-columns: 2.4rem auto;
  grid-gap: 1.6rem;
  align-items: center;
  transition: 0.3s;
  font-size: 1.4rem;
  font-weight: 500;
}

.appSidebarNav__menu a.no-icon {
  grid-template-columns: 1fr;
}

.appSidebarNav__menu a:hover {
  background-color: var(--color-primary-dark);
}

.appSidebarNav__menu a.active {
  color: var(--color-white);
  font-weight: 500;
  background: var(--color-strawberry);
}

.appSidebarNav__menu .dropdown-btn {
  background-color: transparent;
  padding: 1.2rem 2rem 1.2rem 2rem;
  text-decoration: none;
  color: var(--color-white);
  display: grid;
  grid-template-columns: 2.4rem auto 1rem;
  grid-gap: 1.6rem;
  align-items: center;
  transition: 0.3s;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: left;
  width: 100%;
}

.dropdown-container {
  display: none;
}

.dropdown-container a {
  grid-template-columns: 1fr;
  padding-left: 7rem;
  font-weight: 400;
}

.appSidebarNav__menu .disabled {
  padding: 1.2rem 2rem 1.2rem 2rem;
  text-decoration: none;
  color: var(--color-mid-white);
  ;
  display: grid;
  grid-template-columns: 2.4rem auto;
  grid-gap: 1.6rem;
  align-items: center;
  transition: 0.3s;
  font-size: 1.4rem;
  font-weight: 500;
}

.disabled .appSidebarNav__menu--icon {
  fill: var(--color-mid-white);
}

.dropdown-container .disabled {
  padding: 1.2rem 2.4rem 1.2rem 6.4rem;
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-mid-white);
}

/*APP MODALS*/
.modal.fade-r .modal-dialog {
  -webkit-transform: translateX(0, -25%);
  -o-transform: translateX(0, -25%);
  transform: translateX(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.app-modalRight .modal-dialog {
  position: fixed;
  right: 0;
  height: 100vh;
  background: #fff;
  margin: 0;
}

.app-modalRight .modal-content {
  box-shadow: none;
}

.app-modalRight .modal-body {
  height: calc(100vh - 6rem);
  padding-bottom: 9rem;
  overflow-y: auto;
}

.app-modalRight .modal-body .tabcontent {
  height: calc(100vh - 13rem);
  overflow: auto;
  padding: 2.4rem 1.6rem 3.2rem 0;
}

.app-modalRight .modal-footer {
  display: block;
  border-top: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
  background: var(--color-white);
  bottom: 0;
  border-top-left-radius: 2.4rem;
  border-top-right-radius: 2.4rem;
  box-shadow: 0 0 1.5rem rgb(0 0 0 / 15%);
}

.app-modalRight .modal-footer .btn-mFooter {
  font-size: 1.8rem;
  width: 50%;
  padding: 1.6rem 2.4rem;
  cursor: pointer;
  font-weight: 500;
  border: 2px solid var(--color-strawberry);
  border-radius: 1rem;
  text-align: center;
  transition: all ease 0.25s;
  font-family: var(--font-titles);
  background: var(--color-white);
  color: var(--color-strawberry);
}

.app-modalRight .modal-footer .btn-mFooter:hover {
  filter: brightness(1.1);
}

.n-inputBg {
  background: var(--color-grey-f2);
  padding: 1.6rem;
  border-radius: 0.8rem;
}

.select2-selection--multiple .select2-selection__choice {
  background: var(--color-purple-light);
  color: var(--color-eerie-black);
  border-radius: 0.5rem;
  cursor: default;
  float: none;
  margin: 0.8rem;
  padding: 1rem 1rem;
  font-weight: 500;
  font-size: 1.4rem;
}

.app-modalRight .validation-error-label,
.app-modalCenter .validation-error-label {
  color: var(--color-strawberry);
  display: block;
  margin-top: 0.8rem;
  font-size: 1.3rem;
  text-transform: none;
  position: absolute;
  right: 0rem;
  top: 0;
}

.privacyText {
  font-size: 1.2rem;
  line-height: 1.4em;
}

.modal-body h3 {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  font-weight: 600;
  border-bottom: 0;
  display: flex;
  padding-bottom: 0.4rem;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ft-title {
  background: var(--color-eerie-black);
  padding: 0.8rem 1.6rem !important;
  border-radius: 0.8rem;
  font-weight: 500 !important;
  color: var(--color-white);
}

input[type="color"] {
  width: 50%;
  height: 5rem;
}

/*IN APP MESSAGE*/
#modalInAppMessageDialog {
  display: flex;
  align-items: center;
}

#modalInAppMessageDialog .modal-dialog {
  max-width: 60rem;
}

#modalInAppMessageDialog .modal-body {
  padding: 0 0 2.4rem;
}

.inappmsg-img {
  width: 100%;
  max-width: 90rem;
  margin-bottom: 1.6rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.inappmsg-video {
  margin-bottom: 1.6rem;
}

.modal-body h2.inappmsg-title {
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-bottom: 1rem;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  font-family: var(--font-titles);
  width: 100%;
  padding: 0 2.4rem;
}

.modal-body p.inappmsg-desc {
  font-size: 1.4rem;
  line-height: 1.4em;
  margin-bottom: 1.8rem;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  font-family: var(--font-titles);
  width: 100%;
  padding: 0 2.4rem;
}

.modal-body .inappmsg-btn {
  font-size: 1.6rem;
  font-weight: 600;
  font-family: var(--font-titles);
  display: inline-block;
  text-align: center;
  padding: 1rem 2rem;
  border-radius: 0.4rem;
  min-height: 4rem;
}

.modal-body .inappmsg-cta {
  padding: 0 2.4rem;
}

/************ FORMS *************/
.form-group {
  margin-bottom: 2.4rem;
  position: relative;
  font-family: var(--font-body);
  width: -webkit-fill-available;
}

.inputIcon-right {
  padding: 1rem 1.2rem;
  height: 4rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.inputIcon-right i {
  font-size: 2rem;
}

.picker--time,
.picker__holder {
  max-width: 100%;
}

.picker__holder {
  width: 100%;
}

.header-payment {
  padding: 1.6rem 1.6rem;
  background: var(--color-grey-f2);
  border-radius: 0.8rem 0.8rem 0 0;
}

.payment-sourceContainer {
  display: grid;
  grid-template-columns: 15rem 1fr 1fr;
  grid-gap: 2.4rem;
  align-items: center;
}

.paymentTotals h2 {
  font-size: 3.2rem;
}

.paymentTotals h2 span {
  color: var(--color-nice-violet);
  font-size: 3.2rem;
  font-weight: 500;
}

.paymentTotals h3 {
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
}

.paymentTotals h3 span#pending {
  color: var(--color-red);
}

.payments-container {
  padding: 1.6rem 1.6rem 0;
}

.payment-optionIcon {
  font-size: 1.6rem;
}

.payment-optionIcon i {
  font-size: 2.4rem;
  color: var(--color-eerie-black);
  margin-right: 0.8rem;
}

.payment-optionIcon img {
  max-width: 3rem;
  margin-right: 0.8rem;
}

/************ ADS *************/
.nice__offers {
  display: grid;
  grid-gap: 2.4rem;
  justify-content: center;
}

.nice__offer {
  display: grid;
  grid-gap: 1.6rem;
  padding: 2.4rem;
  border: var(--line);
  border-radius: 2rem;
  margin-bottom: 2.4rem;
  max-width: 60rem;
  text-align: center;
}

.nice__offer img {
  width: 100%;
  height: auto;
}

.nice__offer h3 {
  font-family: var(--font-titles);
  font-size: 2.4rem;
  font-weight: 500;
}

.nice__announcementContainerSubscription .nice__announcement {
  display: block;
  background: #151224;
  color: #f2f2f2;
  z-index: 999;
  text-align: center;
  padding: 1.6rem;
  font-size: 1.4rem;
  font-family: var(--font-body);
}

.nice__announcement a {
  color: var(--color-bright-yellow);
}

.nice__announcement-inapp {
  max-width: 60rem;
  border: var(--line-dark);
}

.nice__announcement-inapp img {
  width: 100%;
  max-width: 60rem;
}

.nice__announcement-inapp h3 {
  padding: 2.4rem;
  font-size: 2.4rem;
  font-weight: 600;
  font-family: var(--font-titles);
  color: var(--color-eerie-black);
}

.nice__announcement-inapp p {
  font-size: 1.4rem;
  padding: 0 2.4rem;
  line-height: 1.4em;
}

.nice__announcement-inapp a {
  display: block;
  width: 100%;
  padding: 2.4rem;
}

/************ TABS ************/
/* Style the tab */
.tab {
  overflow: hidden;
  border-bottom: var(--line-grey);
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1.6rem 2rem;
  transition: 0.2s;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-grey-9b);
  position: relative;
}

/* Change background color of buttons on hover */

/* Create an active/current tablink class */
.tab button.active {
  color: var(--color-eerie-black);
}

.tab button:after {
  transition: all 0.3s cubic-bezier(1, 0, 0, 1);
  will-change: transform, box-shadow, opacity;
  position: absolute;
  content: "";
  height: 3px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 3px 3px 0px 0px;
  background: var(--color-strawberry);
  box-shadow: 0px 4px 10px 3px rgba(60, 180, 250, 0.15);
  opacity: 0;
  transform: scale(0, 1);
}

.tab button.active:after {
  opacity: 1;
  transform: scale(1, 1);
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 3.2rem 0 0;
  border: 0;
  border-top: none;
}

/* VERTICAL TAB */
.app__welcomeTabs {
  grid-template-columns: auto 1fr;
}

/* Style the buttons inside the tab */
.tabVertical button {
  display: block;
  background-color: inherit;
  color: var(--color-eerie-black);
  padding: 1.6rem 1.6rem;
  width: 100%;
  border: none;
  border-radius: 0.5rem;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-family: var(--font-titles);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}

/* Change background color of buttons on hover */
.tabVertical button:hover {
  background-color: var(--color-purple-light);
}

/* Create an active/current "tab button" class */
.tabVertical button.active {
  background-color: var(--color-eerie-black);
  color: var(--color-white);
}

/* Style the tab content */
.tabcontentVertical {
  overflow: auto;
}

.tabcontentVertical h4 {
  font-family: var(--font-titles);
  font-size: 2rem;
  font-weight: 500;
}

.tabcontentVertical p {
  font-size: 1.4rem;
  line-height: 1.6em;
}

.tabcontentVertical ul {
  font-size: 1.4rem;
  line-height: 2.4em;
  list-style: disc;
  padding-left: 2rem;
}

/************ BUTTONS *************/
.btn {
  font-family: var(--font-titles);
  font-size: 1.5rem;
  padding: 1rem 2rem;
}

.delivery__formCounter .btn {
  padding: 0;
  transition: all ease 0.2s;
}

.delivery__formCounter .btn:hover {
  filter: brightness(1.1);
  transform: translateY(-3px);
}

.appbtn__noicon {
  height: 4rem;
  border-radius: 0.5rem;
  background-color: var(--color-strawberry);
  color: var(--color-white);
  padding: 1rem 2rem;
  font-weight: 600;
  font-size: 1.4rem;
}

.app__more-info {
  color: var(--color-strawberry);
  font-weight: 500;
  text-decoration: underline;
}

.app__help-button img {
  height: 2rem;
  width: 2rem;
  margin: 0 1rem;
}

/************ BUTTON CART *************/
.btn-orderItems {
  background-color: var(--color-white);
  border-radius: 100%;
  color: var(--color-eerie-black);
  height: 7rem;
  width: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: -1rem 0 -1rem -1rem;
  transition: all ease 0.2s;
  font-size: 3.2rem;
}

.btn-orderItems:hover {
  transform: translateY(-5px);
  cursor: pointer;
}

.order_buttonFront {
  display: grid;
  align-items: center;
  justify-content: space-between;
  background: var(--color-eerie-black);
  color: var(--color-white);
  z-index: 1;
  min-height: 5.6rem;
  cursor: pointer;
  grid-template-columns: auto auto 1fr;
  padding: 0 2rem 0;
  grid-gap: 1.6rem;
  border-radius: 4rem;
  border: 2px solid var(--color-strawberry);
  font-family: var(--font-body);
}

.order-buttonContainer {
  position: fixed;
  bottom: 1.6rem;
  z-index: 4;
  right: 3rem;
}

.orderQuantityProducts {
  font-size: 1.6rem;
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
  background-color: var(--color-eerie-black);
  color: var(--color-white);
  position: absolute;
  top: -0.3rem;
  right: -0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.25);
}

.delivery__icon {
  width: 4rem;
  height: 3.2rem;
  fill: var(--color-white);
}

.view_order {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
}

.orderPriceProducts {
  font-size: 1.8rem;
  font-weight: 500;
}

/************ FOOTER *************/
.nice__copyright {
  padding: var(--space-v2) var(--gutter);
}

/************ USER ORDERS ************/
.user__orderStatusbar {
  display: grid;
}

.n-orderStatus h3 {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-eerie-black);
  margin-bottom: 1.6rem;
}

.n-orderStatus {
  padding: 0;
  list-style: none;
  counter-reset: step;
}

.n-orderStatus .n-orderDot {
  position: relative;
  text-align: center;
}

.n-orderStatus .n-orderDot:before {
  content: '';
  counter-increment: step;
  width: 40px;
  height: 40px;
  border: 2px solid #bebebe;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 27px;
  background: var(--color-white);
  color: var(--color-mid-grey);
  text-align: center;
  font-weight: bold;
}

.n-orderDot i {
  color: var(--color-white);
  position: absolute;
  top: 1.6rem;
  left: calc(50% - 1.6rem);
  font-size: 3.2rem;
}

.n-orderStatus img {
  width: 10rem;
}

.n-orderStatus .n-orderDot:before {
  transform: scale(1);
  animation: pulse-nice 2s infinite;
}

.nice__orderFooter {
  background-color: var(--color-eerie-black);
  color: var(--color-white);
  padding: 2.4rem;
}

.created-with img {
  min-height: 3.2rem;
}

@keyframes pulse-nice {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(104, 58, 183, 0.702);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(238, 29, 93, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(238, 29, 93, 0);
  }
}

@keyframes beat-nice {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}

.n-orderStatus .n-orderDot:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--color-mid-grey);
  top: 15px;
  left: -50%;
  z-index: -1;
}

.n-orderStatus .n-orderDot:first-child:after {
  content: none;
}

.n-orderStatus .n-orderDot+.n-orderDot:after {
  background: var(--color-strawberry);
}

.n-orderStatus .n-orderDot:first-child:before {
  border-color: var(--color-nice-violet);
  background: var(--color-nice-violet);
  color: var(--color-white);
}

.n-orderStatus .n-orderDot+.n-orderDot:before {
  border-color: var(--color-nice-violet);
  background: var(--color-nice-violet);
  color: var(--color-white);
}

.n-imageAnimated {
  max-width: 16rem;
  margin: 0 auto 3.2rem;
  border-radius: 2rem;
}

.order__messageStatus {
  background-color: var(--color-yellow-basic-light);
  padding: 1.6rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: 500;
  color: var(--color-eerie-black);
  transform: scale(1);
  animation: beat-nice 2s infinite;
}

.order__messageStatusgreen {
  background-color: var(--color-green-light);
  padding: 1.6rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: 500;
  color: var(--color-eerie-black);
  transform: scale(1);
}

.google_reviewsBadge {
  background-color: var(--color-white);
  padding: 0.8rem 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid var(--color-grey-e0);
  color: var(--color-pizarra);
  font-weight: 600;
  transition: var(--tran-03);
}

.google_reviewsBadge:hover {
  transform: translateY(-3px);
}

.google_reviewsBadge img {
  width: 5rem;
}

.nice__orderTicketcompany {
  display: none;
}

#nice_comanda hr {
  display: none;
}

.nice_comanda-header {
  display: none;
}

.invoice-boxContainer {
  padding: 4rem;
  background: var(--color-grey-33);
  display: flex;
  position: relative;
  justify-content: center;
  border-radius: 1.6rem;
}

.invoiceButtonsContainer {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.4rem;
  gap: 3rem;
}

.invoice-box {
  position: relative;
  background: var(--color-white);
  padding: 3rem;
  width: 100%;
  max-width: 50rem;
}

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

img.invoice_companyLogo,
img.invoice_extraimage {
  max-width: 180px;
  max-height: 130px;
  object-fit: contain;
}

.annulated-invoice {
  position: absolute;
  top: 50%;
  opacity: 0.5;
  z-index: 99;
  color: hotpink;
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  left: 18%;
  font-size: 4rem;
  font-weight: 600;
}

.cufe_qr {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cufe_qr img {
  max-width: 220px;
}

.payment-invoice-statusPendiente {
  z-index: 99;
  color: white;
  font-size: 1.8rem;
  background: var(--color-red);
  padding: 1rem;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  max-width: 50rem;
}

.payment-invoice-statusPagada {
  z-index: 99;
  color: white;
  font-size: 1.8rem;
  background: var(--color-green);
  padding: 1rem;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  max-width: 50rem;
}

.printdivider {
  margin: 5px 0;
  border-bottom: 1px dashed;
}

.delivery__actionsButtons,
.delivery__actionNotes {
  margin-bottom: 2.4rem;
}

.user_orderPayment h2,
.user__orderStatusbar h2,
.client_dataContainer h2 {
  font-weight: bold;
  margin: 1rem 0;
}

.order_transferMessage {
  height: 7rem !important;
}

.user_orderPayment {
  padding: 0 0 2rem;
}

.user_orderPayment h3 {
  border: 2px solid var(--color-yellow);
  background-color: rgba(255, 216, 0, 0.12);
  border-radius: 1rem;
  padding: 3.5rem;
  margin-bottom: 1.6rem;
}

.nice-contactCompany {
  font-size: 1.8rem;
  padding: 2.4rem;
  text-align: center;
  line-height: 1.4em;
}

.btn-paymentApproved {
  color: var(--color-white) !important;
}

.order__paymentMessage,
.message__config {
  padding: 2rem;
  border: 1px solid var(--color-yellow);
  border-radius: 1rem;
}

.order__paymentMessage p {
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-bottom: 0;
  letter-spacing: 0.02rem;
}

.whatsapp_linkP {
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 600;
  background-color: var(--color-whatsapp);
  color: var(--color-white);
  padding: 1rem 2rem;
  margin-top: 1rem;
}

.pickup-address i {
  background-color: var(--color-nice-violet);
  color: var(--color-white);
  padding: 1rem;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  line-height: 1em;
}

.nice__whatsapp-link {
  background-color: var(--color-whatsapp) !important;
  color: var(--color-white) !important;
  align-items: center;
}

.nicedelivery__serviceHeader {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  padding: 1.6rem;
}

.nicedelivery_route {
  padding: 1.6rem;
}

.nicedelivery__serviceAction {
  padding: 0 1.6rem 1.6rem;
}

.service_button {
  padding: 2.4rem;
  width: 100%;
  background: var(--color-eerie-black);
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 500;
}

.pickup-address {
  margin-bottom: 1rem;
}

.nicedelivery__services {
  width: 100%;
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
  grid-gap: 1.6rem;
  min-height: initial;
}

.nice__noitemsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 36rem);
}

.nice__noitem {
  max-width: 60rem;
}

.nice__noitem a {
  background: var(--color-strawberry);
  color: var(--color-white);
  padding: 1rem;
}

.nice__noitem h2 {
  font-size: 2.6rem;
  font-weight: 600;
  color: var(--color-eerie-black);
  margin-bottom: 0.5rem;
}

.nice__noitem p {
  font-size: 1.8rem;
  color: var(--color-eerie-black);
  margin-bottom: 2.5rem;
}

.nice__deliveryOrderPrice span {
  color: var(--color-nice-violet);
  font-size: 1.8rem;
  font-weight: 500;
}

.nice__orderPaymentstatus {
  padding: 0.4rem 0.8rem;
  display: inline-block;
  border-radius: 0.8rem;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.paymentPendiente {
  background-color: rgb(253 244 239);
  color: var(--color-red);
}

.paymentAprobado {
  background-color: rgb(221 255 238);
  color: rgb(11 155 85);
}

.success-icon {
  font-size: 3rem;
  background: var(--color-green-light);
  color: var(--color-green);
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 2px solid;
  line-height: 0;
}

.rejected-icon {
  font-size: 3rem;
  background: var(--color-primary-light);
  color: var(--color-red);
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 2px solid;
  line-height: 0;
}

.rejected-text p {
  max-width: 35rem;
  width: 100%;
}

.success-niceeat-logo img,
.rejected-niceeat-logo img {
  height: 2.4rem;
}

.status {
  padding: 0.8rem 2.4rem;
  border-radius: 0.8rem;
}

.status p {
  margin-bottom: 0;
}

.status i {
  font-size: 1.6rem;
  line-height: 0;
  border: 2px solid;
  border-radius: 5rem;
  height: 3rem;
  width: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
}

/* Estilo de proceso o pendiente */
.pending {
  background-color: #fff3cd;
  color: #856404;
}

/* Estilo de éxito */
.success {
  background-color: var(--color-green-light);
  color: #155724;
}

/* Estilo de rechazo */
.rejected {
  background-color: #f8d7da;
  color: #721c24;
}

/************ NICE INVOICE ******************/
.fve-status {
  background: var(--color-green-light);
  border-radius: 2rem;
  padding: 1.2rem 2.4rem;
  display: inline-block;
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-grey-33);
}

/************ NICE BIO ******************/
.brand-buttonContainer {
  padding: 0.8rem;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 1.6rem;
  align-items: center;
}

/*REVIEWS*/
.review-gc .rwp-stars {
  width: 165px;
  margin-bottom: 20px;
  margin-left: -15px
}

.review-gc .rwp-stars:after,
.review-gc .rwp-stars:before {
  content: " ";
  display: table
}

.review-gc .rwp-stars input[type="radio"] {
  display: none
}

.review-gc .rwp-stars .rwp-star {
  float: right;
  display: block;
  width: 15px;
  height: 30px;
  background-image: url(../images/rating-dish.png);
  background-repeat: no-repeat;
  background-size: 30px;
  margin: 0;
  padding: 0
}

.review-gc .rwp-stars .rwp-star.rwp-even {
  background-position: -15px -30px
}

.review-gc .rwp-stars .rwp-star.rwp-odd {
  background-position: 0 -30px
}

.review-gc .rwp-stars .rwp-star:last-child {
  background: 0 0
}

.review-gc .rwp-stars .rwp-rating:checked~.rwp-star,
.review-gc .rwp-stars .rwp-star:hover,
.review-gc .rwp-stars .rwp-star:hover~.rwp-star {
  background-position: 0 0
}

.review-gc .rwp-stars .rwp-rating:checked~.rwp-star.rwp-even,
.review-gc .rwp-stars .rwp-star.rwp-even:hover,
.review-gc .rwp-stars .rwp-star:hover~.rwp-star.rwp-even {
  background-position: -15px 0
}

.review-gc-labels {
  margin-bottom: 5px
}

.review-gc-labels:after,
.review-gc-labels:before {
  content: " ";
  display: table
}

.review-gc-label {
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700
}

.review-gc-score {
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700
}

.review-gc-base {
  display: block;
  width: 100%;
  background-color: #eee;
  height: 10px
}

.review-gc-value {
  display: block;
  background-color: #2196f3;
  height: inherit;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .4)
}

.rwp-five-stars {
  width: 80px;
  height: 16px;
  background-size: 16px;
  background-position: 0 -16px
}

.rwp-five-stars div {
  background-position: 0 0;
  background-size: 16px;
  background-image: inherit;
  display: block;
  height: 16px
}

/************ FOODIE PROFILE ************/
.foodie-banner {
  height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.foodie__cover {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: -5rem;
  align-items: flex-end;
  padding: 2.4rem;
  grid-gap: 2.4rem;
  text-align: center;
}

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

.foodie__cover .logo img {
  max-width: 14.4rem;
  border-radius: 2rem;
  border: 3px solid var(--color-nice-violet);
}

.foodie__cover .name h1 {
  font-size: 3.2rem;
  line-height: 1.2em;
  color: var(--color-eerie-black);
  font-weight: 600;
  margin-bottom: 0.8rem;
}

.foodie__cover .name span {
  color: var(--color-eerie-black);
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
  display: inline-block;
}

section.main-section {
  max-width: 114rem;
  margin: 0 auto;
  padding: 5rem 1rem;
}

.foodie__bio {
  padding: 2.4rem;
  font-size: 1.6rem;
}

.toolbar-foodie {
  display: grid;
  grid-gap: 1.6rem;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
}

.toolbar-foodie__item {
  background: var(--color-eerie-black);
  border: 0;
  border-radius: 1rem;
  padding: 1.6rem 2rem;
  color: var(--color-white);
  text-align: center;
}

.toolbar-foodie__item h3 {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 0.8rem;
  font-weight: 500;
}

.toolbar-foodie__item span {
  font-size: 2.2rem;
  line-height: 2.2rem;
}

.foodie-places h2,
.foodie-title h2 {
  font-weight: 600;
}

.foodie-places__container {
  width: 100%;
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 2rem;
  padding: 2rem;
  margin-bottom: 3rem;
  border-bottom: var(--line-dark);
}

.foodie-places-containerItem {
  text-align: center;
}

.foodie-places-containerItem a {
  display: block;
  color: var(--color-eerie-black);
}

.foodie-places-containerItem img {
  width: 9rem;
  border-radius: 40rem;
  margin-bottom: 2rem;
  transition: all ease 0.3s;
}

.foodie-places-containerItem img:hover {
  box-shadow: 0 0px 15px 1px var(--color-strawberry);
}

.foodie-places-containerItem h3 {
  font-size: 1.4rem;
  font-weight: 500;
}

.foodie__info {
  padding: 2rem;
  border: 1px solid #efefef;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.foodie__info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.foodie__info ul li {
  padding: 2rem 0.5rem;
  border-bottom: 1px solid #efefef;
  width: 100%;
}

.foodie__infoContainer h3 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-strawberry);
}

.foodie-comments {
  background: var(--color-sugar-crystal);
  border-radius: 2rem;
}

.foodie-comments__commentHeader a,
.foodie-comments__commentHeader a:hover,
.foodie-comments__commentHeader a:visited {
  color: var(--color-strawberry);
}

.foodie-comments_listItem {
  display: grid;
  grid-template-columns: 9rem 1fr;
  grid-gap: 2rem;
  padding: 2rem;
}

.foodie-title {
  margin-bottom: 2.4rem;
}

.usuario-uknw {
  background-color: var(--color-eerie-black);
  width: 8rem;
  height: 8rem;
  border-radius: 13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-mid-white);
}

.foodie-comments_userImage {
  width: 10rem;
  height: 10rem;
  border-radius: 13rem;
  margin-top: 0.5rem;
}

.foodie-comments__commentContainer {
  padding: 2rem;
}

.user-container {
  max-width: 90rem;
  margin: 0 auto;
}

.user-container_images {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
}

/************ FOODIE USER ************/
.view-moreInfo {
  display: inline-block;
  padding: 1.6rem 0 0.2rem;
  font-weight: bold;
  border-bottom: 2px solid;
}

.user-bookings .navigation>li>a {
  background-color: var(--color-eerie-black);
  font-size: 1.8rem;
  padding: 1.5rem 2rem;
  color: var(--color-white);
  border-radius: 0.5rem;
  margin: 1rem;
}

.user-bookings .navigation>li>a.active {
  background-color: var(--color-strawberry);
}

.user-bookings #list-booking-type {
  padding: 2rem;
}

.user-bookings .invoice-grid h3 {
  font-size: 1.8rem;
}

.user_orderLabel {
  margin-right: 1rem;
}

.user-orders .client__data {
  margin-bottom: 1rem;
}

.user_ordersList {
  list-style: none;
  padding: 0;
}

.nice_softprovider {
  padding: 2.4rem 0 0;
  text-align: center;
  color: var(--color-strawberry);
  display: grid;
  grid-gap: 0.8rem;
}

.nice_softprovider img {
  height: 2.4rem;
}

.n-orderSent {
  color: var(--color-eerie-black);
  font-weight: 600;
  font-size: 1.6rem;
}

.user-orders .app__container-header h3 {
  font-size: 1.8rem;
  font-weight: 600;
}

.app__containerOrder {
  margin-bottom: 0.8rem;
  font-family: var(--font-body);
}

.user_orderBody .user_orderStatus {
  margin-bottom: 2.4rem;
}

.nice__customerReceipt {
  padding: 2.4rem;
  background: var(--color-white);
  box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
  margin-top: 2.4rem;
  border-top: 2px dashed #dedede;
}

.user-orders .client_dataContainer {
  border-bottom: var(--line);
  padding: 0 0 1.6rem;
}

.nice__progressbar {
  display: flex;
  justify-content: center;
  padding: 2.4rem 0;
}

.user_orderHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}

.user_orderTitle {
  font-size: 2rem;
  font-weight: 600;
}

.user_orderStatus .btn-nice {
  display: inline-block;
  margin-left: 1rem;
}

.user_orderDetailitems {
  list-style: none;
  padding: 0;
}

.user_orderDetailaddons {
  padding: 2rem 0 0;
}

.user_orderDetailitem {
  border-bottom: 0.1rem solid var(--color-light-grey);
  padding: 1rem 0;
}

.user_orderDetailedCosts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0.8rem;
  transition: all ease 0.1s;
  cursor: pointer;
}

.user_orderDetailedCosts:hover {
  background-color: var(--color-purple-light);
}

.user_orderTotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem 0 0;
  border-top: var(--line);
}

.user_orderTotal span {
  font-size: 1.6rem;
  font-weight: 600;
}

.close-deliverySidebar {
  background: transparent;
  color: var(--color-tiza);
  font-size: 3rem;
}

.delivery__form--image img {
  width: 100%;
  min-height: 54rem;
  object-fit: cover;
  max-height: 54rem;
}

.delivery__form--item {
  padding: 2.4rem;
  border-bottom: 1px solid var(--color-grey-e0);
}

.delivery__form--itemTitle {
  padding: 0 0 0.8rem;
  font-weight: 600;
  color: var(--color-eerie-black);
  font-size: 2rem;
}

.delivery__form--itemDescription {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.4em;
  color: var(--color-eerie-black);
}

.stock_available {
  color: var(--color-green);
  font-size: 1.6rem;
}

.delivery__form--itemPrice {
  font-size: 1.8rem;
  font-weight: bold;
}

.delivery__form--itemPrice .normal-price {
  color: var(--color-eerie-black);
}

.delivery__form--itemPrice .reduced-applied {
  color: var(--color-eerie-black);
  text-decoration: line-through;
  opacity: 0.7;
  font-weight: bold;
}

.delivery__form--addons {
  padding: 1.6rem 1.6rem;
  position: relative;
  border: 2px solid transparent;
  margin: 0 1.6rem;
  border-radius: 1rem;
}

.delivery__form--addons.obligatorio {
  border: 2px solid var(--color-purple);
  margin: 1.6rem;
}

.delivery__form--addonTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}

.delivery__form--addonTitleContainer {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-eerie-black);
}

.delivery__form--addons label {
  margin-bottom: 0;
}

.delivery__form--addonTitle .nice__groupminmax {
  font-size: 1.2rem;
  margin-left: 0.5rem;
}

.delivery__form--addonTitle .nice__grupoOblg {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  background: var(--color-purple-light);
  padding: 0.8rem 0.8rem;
  border-radius: 0.5rem;
  color: var(--color-nice-violet);
  font-weight: 500;
  line-height: 1em;
}

.delivery__form--itemNote {
  padding: 0.8rem 2.4rem 1.6rem;
}

.delivery__form--itemNote textarea {
  height: 8rem;
}

.nice__productAddon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nice__productCounter {
  font-size: 2.4rem;
  border: 0;
  text-align: center;
  padding: 0;
  font-weight: 500;
  max-width: 10rem;
}

.nice__addonCounter {
  font-size: 1.4rem !important;
  padding: 0 !important;
  font-weight: 500;
  height: 3.2rem !important;
  width: 3rem !important;
  border: 0 !important;
  text-align: center;
}

.delivery__formFooter .btn-nice span {
  font-weight: 600;
}

/************ ORDER RESUME *************/
.orderResume {
  font-family: var(--font-body);
  color: rgb(218 218 218);
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  right: -44rem;
  width: 100%;
  max-width: 44rem;
  box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.6);
  opacity: 1;
  background-color: var(--color-order-container);
  overflow-x: hidden;
  transition: 0.3s;
  padding-bottom: 2.4rem;
  overflow-y: overlay;
}

.orderResume__header {
  padding: 2.4rem 2.4rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.5rem;
  grid-template-columns: auto 1fr auto;
}

.orderResume__header-closebtn {
  align-self: stretch;
  display: flex;
}

.orderResume__header-closebtn a {
  cursor: pointer;
  line-height: 1.4rem;
}

.orderResume__header-closebtn a .icon {
  fill: var(--color-secondary-dark);
  width: 2rem;
  height: 2rem;
}

.orderResume__header-logo h3 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1em;
}

.orderResume .order-items {
  padding-bottom: 1.6rem;
}

.order-noitems i {
  font-size: 7.2rem;
  padding: 0;
}

.order-noitems span {
  font-size: 1.6rem;
  padding: 0.8rem;
}

.orderdetail-icon {
  fill: var(--color-lemon-glacier);
}

.orderResume__header-logo h2 {
  font-family: var(--font-titles);
  font-size: 2rem;
  font-weight: 600;
}

.order__timeAmount {
  display: grid;
  align-items: flex-start;
  padding: 0 2.4rem 0;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.6rem;
}

.order__timeAmount i {
  font-size: 2.4rem;
  color: var(--color-lemon-glacier);
}

.orderDivider {
  border-bottom: 0.1rem solid rgb(255 255 255 / 15%);
}

.order_optionTitle {
  padding: 1.2rem 2.4rem 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2em;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background: #ffffff0a;
  margin-bottom: 1.6rem;
}

.order_niceeatButton {
  padding: 0 2.4rem 1.6rem;
}

.order_optionTitle i {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nice__coins .order_optionTitle {
  font-size: 1.6rem;
}

.order_optionTitle span {
  font-size: 1.6rem;
  border: 1px solid;
  padding: 1rem;
  border-radius: 2rem;
}

.order_sidebarText {
  padding: 0.8rem 2.4rem;
}

.small-helptext {
  font-size: 1.2rem;
}

.order-totalQty {
  font-size: 1.3rem;
}

.app_posCart .order-option {
  padding-bottom: 0.8rem;
}

.orderResume .menu-plate {
  border: 0;
}

.orderResume .menu-plateContent {
  padding: 0.8rem 0;
}

.order-option {
  padding: 0 2.4rem 1.6rem;
  display: grid;
  grid-gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(0.5rem, 1fr));
  align-items: center;
}

h3.divTopbar-title {
  padding: 1.6rem 2.4rem 1.6rem;
  font-family: var(--font-titles) !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
  line-height: 1.2em;
}

.order-optionButton {
  background-color: rgb(255 255 255 / 6%);
  color: var(--color-white);
  line-height: 1.2em;
  font-size: 1.6rem;
  padding: 1.2rem 1rem;
  height: initial;
  cursor: pointer;
  width: 100%;
  display: grid;
  gap: 0.8rem;
}

.order-optionButton i {
  font-size: 2.4rem;
}

.order-optionButton:hover {
  background-color: rgb(255 255 255 / 10%);
}

.order-userInfo {
  padding: 0 2.4rem;
  display: grid;
  grid-gap: 0.8rem;
}

/* .nice__orderTypeSide {
  display: none;
} */

.app_posCart .nice__orderTypeSide {
  display: block;
}

.gradient-bg {
  background: -o-linear-gradient(left, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(18.06%, #f31197), color-stop(60.19%, #a755d6), to(#7437bc));
  background: linear-gradient(90deg, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
}

.order-account {
  background-color: var(--color-nice-violet);
  padding: 1rem 1rem;
  font-family: var(--font-titles);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2em;
  border-radius: 3.2rem;
  color: var(--color-white);
  width: 100%;
}

.order-account img {
  width: 3.2rem;
  margin-right: 0.6rem;
}

.order-account a {
  color: var(--color-white);
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 1.4rem;
}

.n-webRegister {
  font-size: 1.4rem;
  padding: 1.6rem 0 0;
  text-align: center;
}

.n-webRegister a {
  color: var(--color-yellow-basic);
}

.order__iconU {
  height: 3.6rem;
  width: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  display: flex;
}

.order__iconU img {
  height: 2.4rem;
}

.order__iconU i {
  font-size: 2.2rem;
}

.order__addressContainer {
  width: 30rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order__userdata {
  display: flex;
  grid-gap: 0.5rem;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.4em;
}

.order__iconU .btn__icon {
  height: 2.4rem;
  fill: var(--color-yellow-basic);
  width: 2.4rem;
}

.order_addonsDescription h3 {
  font-size: 1.4rem;
  font-weight: bold;
}

.order_addonsDescription p {
  font-size: 1.2rem;
}

.order-cartCounter {
  font-size: 1.3rem;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 50%;
  background-color: var(--color-strawberry);
  color: #fff;
  position: relative;
  top: -0.2rem;
  right: -0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nodelivey_zone {
  background-color: var(--color-red) !important;
  color: var(--color-white) !important;
  padding: 0.3rem 1rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 0.5rem;
  font-weight: 500;
}

.order-items,
.order_totalContainer,
.order_promoCode,
.order_fidelityQty {
  padding: 0 2.4rem 0;
}

/************ NICE COINS *************/
.niceCoins-container {
  padding: 2.4rem;
}

.nice__coinsCard {
  color: var(--color-white);
  background: var(--color-nice-violet);
  padding: 2.4rem;
  border-radius: 2rem;
  gap: 1.6rem;
  width: 100%;
  max-width: 38rem;
}

.nice__coinsCard-name {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
}

.nice__coinsCard img {
  width: 6rem;
  border-radius: 50%;
  object-fit: cover;
  height: 6rem;
  display: block;
  background: var(--color-white);
}

.nice__coinsCard-balance h4 {
  font-size: 1.4rem;
  font-weight: 400;
}

.nice__coinsCard-balance span {
  font-size: 3rem;
  font-weight: 500;
}

.nice__coins {
  background: var(--color-nice-violet);
  color: var(--color-white);
  margin: 2.4rem;
  border-radius: 2.4rem;
}

.nice__coins .nicecoin__icon {
  width: 3.6rem;
  background: var(--color-yellow-basic);
  padding: 0.2rem;
  height: 3.6rem;
  border-radius: 4rem;
  border: 4px solid var(--color-yellow);
  display: inline;
  color: var(--color-eerie-black);
  font-size: 2.4rem;
}

.myniceCoins {
  display: block;
  padding: 1rem 0;
  font-size: 1.6rem;
}

#fidelityQtyApplied {
  background: var(--color-purple-light);
  padding: 0.6rem 1.6rem;
  border-radius: 0.5rem;
  color: var(--color-nice-violet);
  font-weight: 500;
  display: inline-block;
}

#removeFidelityQty {
  color: var(--color-white);
  font-weight: 500;
  padding: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  transition: var(--tran-03);
}

#removeFidelityQty:hover {
  text-decoration: underline;
}

.tipOption {
  display: grid;
  grid-template-columns: 12rem 9rem;
  align-items: center;
  grid-gap: 0.8rem;
}

.order_detailsContainer {
  padding: 0 2.4rem 0;
}

#order-listprice {
  height: 4rem;
}

.order_detailsContainer label {
  color: #999;
}

.order_promoCode,
.order_fidelityQty {
  padding-bottom: 2.4rem;
}

#applyCoupon,
#applyFidelityQty {
  height: 4rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#promoapplied {
  padding: 1rem 0 0;
  display: inline-block;
  color: var(--color-green);
}

.order_promoCode a {
  color: var(--color-red);
  font-weight: 500;
  margin: 0 1rem;
  text-decoration: underline;
}

.map_orders_container {
  padding: 0;
}

#orderzone_name,
#ordertip_option {
  font-weight: 600;
  color: var(--color-white);
  background-color: var(--color-green);
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
  margin-left: 0.5rem;
  display: inline-block;
}

.freeDelivery {
  background: var(--color-green-light);
  color: var(--color-eerie-black);
  border-radius: 0.8rem;
  padding: 0.8rem 1.6rem;
  font-weight: 500;
}

.order-helptext {
  padding-bottom: 1rem;
}

.orderdetail-icon {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  vertical-align: bottom;
  background: rgb(21 18 36);
}

.order__buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6rem, auto));
  grid-auto-rows: auto;
  grid-gap: 1.6rem;
  justify-content: flex-start;
  align-items: center;
}

.order__buttons a,
a.deliverymaplink,
a.deliverymaplink:visited {
  color: var(--color-strawberry);
  font-weight: 500;
}

.order__buttonsEdit a,
.order__buttonsDelete a {
  background-color: var(--color-strawberry);
  border-radius: 0.5rem;
  color: var(--color-white);
  display: inline-block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  line-height: 1em;
  font-size: 1.4rem;
}

.order__buttonsDelete a {
  color: var(--color-tiza);
  display: inline-block;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
  background: transparent;
  font-size: 2rem;
  padding: 0;
}

.order__buttonsDelete .btn__icon {
  height: 1.6rem;
  fill: var(--color-white);
  width: 2rem;
}

#order-form-info .order_totalContainer {
  padding: 0;
}

.order_totalContainer h4 {
  font-size: 1.8rem;
}

.order_buttonFront h5 {
  font-size: 1.3rem;
  display: block;
  color: var(--color-white);
  text-align: center;
  grid-column: span 3;
  padding-bottom: 1rem;
}

.order-conditions {
  padding: 0 2.5rem 2.4rem;
  font-size: 1.2rem;
  text-align: justify;
}

.order-conditions h3 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.policy a {
  color: var(--color-strawberry);
}

.order-conditions a {
  color: var(--color-yellow-basic);
}

.order-continue {
  padding: 0 2.5rem;
}

.btn-orderConfirm {
  display: block;
  width: 100%;
  padding: 1.5rem;
  font-weight: 600;
  border-radius: 5rem;
}

.order__Items-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.order__Items-list .order-item {
  padding: 1rem 0 1.6rem;
}

.order__Items-list .orderItemDetails {
  display: flex;
  justify-content: space-between;
}

.order__Items-list .orderItemDetails .order_itemAmount {
  font-weight: 600;
  margin-right: 1rem;
}

.order__Items-list .orderItemDetails .order_itemDescription {
  width: 100%;
  max-width: 30rem;
}

.order__Items-list .orderItemDetails .order_itemDescription h3 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3em;
  display: grid;
  grid-template-columns: auto 1fr;
}

.user_orderDeliveryCost {
  display: flex;
  justify-content: space-between;
}

.order_totalContainer p,
.order_totalContainer h3 {
  display: grid;
  grid-template-columns: 1fr 10rem;
}

.order_totalContainer p span,
.order_totalContainer h3 span {
  text-align: right;
}

.order__Items-list .orderItemDetails .order_itemDescription h3 span.order_itemPrice,
.order-item .orderAddons .addon_item span.addon_price {
  text-align: right;
}

.order-item .orderAddons .addon_item {
  display: grid;
  grid-template-columns: 1fr 11rem;
}

.order-accountButtons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 2.4rem;
  grid-gap: 1.6rem;
}

.btn-niceSidebar {
  font-size: 1.4rem;
  padding: 1.2rem 2rem;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-strawberry);
  border-radius: 0.5rem;
  border: 0;
  display: block;
  align-items: center;
  font-size: 1.5rem;
  transition: all ease 0.3s;
}

.order__Items-list .orderItemDetails .order_itemPrice {
  text-align: right;
  width: 10rem;
}

.detail__orderNotes h3 {
  color: var(--color-strawberry);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 1.2rem;
}

.orderAddons {
  display: flex;
  justify-content: space-between;
}

.orderAddons .order_addonsDescription {
  width: 100%;
  font-weight: 500;
}

.orderAddons .order_addonsPrice {
  width: 10rem;
  text-align: right;
}

.order_totalContainer {
  border: 2px solid var(--color-nice-violet);
  margin: 0 2.4rem 0.8rem;
  border-radius: 2rem;
  padding: 0.8rem;
}

.app_posCart .order_infoContainer {
  border: 0;
  padding: 0.4rem 1.6rem;
  margin: 0;
}

table.order_table_pricing {
  width: 100%;
}

table.order_table_total {
  width: 100%;
}

.order_totalfinalContainer {
  padding: 0.3rem 2.5rem;
  margin-bottom: 0.8rem;
}

table.order_table_total td {
  font-size: 1.8rem;
}

table.order_table_pricing td,
table.order_table_total td {
  padding: 0.8rem;
}

.tableTextRight {
  text-align: right;
}

#order-form-info h2,
#invoice-box h2 {
  font-weight: 600;
  font-size: 2.4rem;
}

.detail__orderType {
  color: var(--color-strawberry);
  font-size: 1.6rem;
}

.detail__orderType span {
  font-weight: 600;
}

.order_statusContainer {
  background: var(--color-light-text);
  padding: 1rem 1.5rem 1.5rem;
}

.delivery_options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.delivery_option label {
  text-transform: none !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
}

#delivery_annotation {
  height: 8rem;
}

.nice__comandaDetail {
  line-height: 1.6em;
}

.table-comanda,
.table-comprobante {
  width: 100%;
}

.table-comanda>tbody>tr>td,
.table-comanda>tfoot>tr>td {
  padding: 0.8rem;
}

.table-comprobante th {
  padding: 0.8rem;
  font-size: 1.5rem;
}

.table-comanda tr,
.table-comprobante tr {
  cursor: pointer;
  transition: all ease 0.1s;
}

.table-comanda tr:hover,
.table-comprobante tr:hover {
  background-color: var(--color-purple-light);
}

.table-comanda tr.bg-light {
  background-color: var(--color-semi-white);
}

.table-comanda td,
.table-comprobante td {
  padding: 0.8rem;
}

.n-btn-plateStatus {
  padding: 0.4rem 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  height: initial;
}

.statusNew {
  background: var(--color-blue-light);
}

.statusPreparing {
  background: var(--color-bright-yellow);
}

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

.orderitem-Qty {
  width: 2rem;
}

.cash-registerTitle {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
}

.comprobante-title {
  font-size: 2rem;
  font-weight: 600;
}

#differenceValue {
  padding: 0;
  border-radius: 0.5rem;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
}

.extra-invoiceInfo {
  padding: 1.6rem;
}

#orderQRCode img {
  max-width: 160px;
}

/*slider button*/
.activeOrders_header {
  display: grid;
  grid-template-columns: 23rem 1fr auto;
  grid-gap: 2.4rem;
  grid-template-rows: auto;
  padding: 1.6rem 2.4rem 0;
}

.online-orderService {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 0.8rem 2.4rem;
  justify-content: center;
  border-radius: 0.5rem;
  min-width: 30.8rem;
}

.online-orderService.open-store {
  background: var(--color-purple-light);
}

.online-orderService.close-store {
  background: var(--color-grey-f2);
  color: var(--color-grey);
}

.online-orderService span {
  font-weight: 600;
  font-size: 2rem;
  color: var(--color-nice-violet);
}

.switch-btn {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom: 0;
}

.switch-btn input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-btn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-btn:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider-btn {
  background-color: var(--color-green);
}

input:focus+.slider-btn {
  box-shadow: 0 0 1px var(--color-green);
}

input:checked+.slider-btn:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider-btn.round {
  border-radius: 34px;
}

.slider-btn.round:before {
  border-radius: 50%;
}

@media (max-width: 768px) {
  html {
    box-sizing: border-box;
    font-size: 60%;
  }

  .nice__progressbar li {
    display: grid;
    width: 100%;
    position: relative;
    grid-template-columns: 4rem 1fr;
    align-items: baseline;
    grid-gap: 1rem;
    text-align: left;
    margin-bottom: 0.5rem;
  }

  .nice__progressbar li:after {
    content: none;
  }

  .delivery__form--addonTitle {
    font-size: 1.4rem;
  }

  .order__paymentMessage p {
    font-size: 1.4rem;
  }

  .orderResume {
    width: 100%;
  }

  .orderPriceProducts {
    padding: 1rem;
    font-size: 1.6rem;
    text-align: right;
  }

  .order_promoCode button {
    font-size: 1.6rem;
  }

  .order_optionTitle {
    font-size: 1.6rem;
  }

  .user_orderPayment h2,
  .user__orderStatusbar h2,
  .client_dataContainer h2 {
    text-align: center;
  }

  .btn-payment-type {
    display: grid;
  }
}

/*ADMIN STYLES*/
.niceadmin__boxniceCoins {
  background-color: var(--color-purple-light);
  padding: 3.2rem;
  border-radius: 1rem;
  margin-bottom: 3rem;
}

/*CRM*/
.activity-container {
  padding: 2.4rem;
  border: 1px solid var(--color-light-grey);
  margin-bottom: 1.6rem;
  border-radius: 0.5rem;
  box-shadow: 0px 7px 15px rgb(0 0 0 / 10%);
}

.activity-title {
  display: grid;
  grid-template-columns: 1fr 1fr 17rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}

.activity-date {
  font-size: 1.4rem;
  text-align: right;
}

.activity-agent {
  margin-bottom: 0.8rem;
  color: var(--color-strawberry);
  font-size: 1.6rem;
}

/*EXTRAS*/
.relative {
  position: relative;
}

/*WIDGET*/
.bt-line-primary {
  border-top: 5px solid var(--color-strawberry);
}

.bt-line-orange {
  border-top: 5px solid var(--color-orange);
}

.bt-line-yellow {
  border-top: 5px solid var(--color-yellow);
}

.bt-line-green {
  border-top: 5px solid var(--color-green);
}

.bt-line-blue {
  border-top: 5px solid var(--color-blue);
}

.bt-line-grey {
  border-top: 5px solid var(--color-grey);
}

/************ APP MODULE HEADER ************/
.btn-sign-responsive {
  display: none;
}

.subscription-box {
  font-family: var(--font-primary);
  color: var(--color-eerie-black);
  font-size: 1.4rem;
}

.subscription-box a {
  color: var(--color-green);
  font-weight: 500;
}

.btn-upgrade {
  padding: 0.5rem 1rem;
}

.niceeat_btnPayment {
  padding: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  background-color: var(--color-strawberry);
  color: var(--color-white);
  border-radius: 0.3rem;
}

.app__container-header-link {
  width: initial;
  font-family: var(--font-primary);
  color: var(--color-strawberry);
  font-size: 1.4rem;
  background-color: transparent;
  margin-right: 2rem;
  border-radius: 0.4rem;
  padding: 0;
  text-decoration: underline;
  font-weight: 600;
}

.app__container-header-navbar .appContent__icon-box {
  position: relative;
  margin: 0;
  border: 0;
}

.app__container-header-navbar .appContent__icon {
  height: 1.8rem;
  width: 1.8rem;
  fill: var(--color-white);
}

.helpbutton {
  background-color: var(--color-white);
  padding: 0;
}

.helpbutton .appContent__icon {
  height: 2rem;
  width: 2rem;
  fill: var(--color-strawberry);
}

.btn-adminperiod {
  padding: 1rem 2.5rem;
  background: var(--color-strawberry);
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  font-weight: 500;
  gap: 1rem;
}

.app__container-body-widget {
  padding: 1.4rem 2.4rem 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  grid-gap: 2rem;
}

.app__container-body-widget .widget,
.stockvalue .widget {
  color: var(--color-white);
  padding: 1.6rem;
  border-radius: 0.8rem;
  display: grid;
  align-items: center;
  position: relative;
  background: var(--color-order-navbar) !important;
}

.app__container-body-widget .widget h3,
.stockvalue .widget h3 {
  font-size: 1.6rem;
  line-height: 1.4rem;
  font-weight: 300;
  font-family: var(--font-titles);
}

.app__container-body-widget .widget span,
.stockvalue .widget span {
  font-family: var(--font-titles);
  font-size: 2.4rem;
  line-height: 2.2rem;
  padding: 0.8rem 0 0;
  display: block;
  font-weight: 500;
}

.widget__content i {
  font-size: 2.4rem;
}

.light-widget {
  background: var(--color-white) !important;
  color: var(--color-eerie-black) !important;
}

.app__topContainer {
  background: var(--color-white);
  padding: 3rem;
  border-radius: 0.5rem;
  margin: 3rem;
  box-shadow: 1px 1px 2.5rem 0px rgba(0, 0, 0, 0.2);
}

.app__containerBox {
  max-width: 114rem;
  margin: 0 auto;
  color: var(--color-eerie-black)
}

.app__panel {
  padding: 2.5rem;
  border: var(--line-dark);
  border-radius: 1rem;
  background: var(--color-white);
  box-shadow: 1px 1px 25px 0px rgba(0, 0, 0, 0.2);
  color: var(--color-eerie-black);
}

.app__panel h2 {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.app__panel ol {
  font-size: 1.4rem;
  line-height: 1.6em;
  padding-left: 1.5rem;
}

.app__panel ol>li {
  margin-bottom: 1rem;
}

.payment_proccessBox h2 {
  font-size: 2rem;
  font-weight: 600;
}

.table-container {
  padding: 0 0 2.4rem;
  overflow-x: auto;
  border: var(--line-dark);
  border-radius: 1rem;
  background: var(--color-white);
  box-shadow: 1px 1px 25px 0px rgb(0 0 0 / 20%);
}

.nice_fourcerofour {
  font-size: 8rem;
  font-family: var(--font-titles);
  font-weight: 700;
  color: var(--color-strawberry);
  display: block;
  line-height: 1em;
}

@media (max-width: 768px) {
  .app__container-body-widget {
    grid-gap: 1rem;
  }

  .app__container-body-widget .widget h3 {
    font-size: 1.4rem;
  }

  .app__container-body-widget .widget span {
    font-size: 1.8rem;
    padding: 0;
  }

  .btn-sign-responsive {
    display: block;
    margin-right: 1rem;
  }

  .btn-niceRounded {
    border-radius: 4rem;
    padding: 0.8rem;
    background: var(--color-strawberry);
    width: 4rem;
    height: 4rem;
  }

  .btn-niceRounded i {
    font-size: 2.2rem;
    color: var(--color-white);
  }

  .appheader-foodie {
    padding: 1rem 1.6rem;
    background: var(--color-eerie-black);
    color: var(--color-white);
  }

  .app__containerBilling-filter {
    display: grid;
  }
}

.btn-niceRounded .appSidebarNav__menu--icon {
  height: 1.6rem;
  width: 1.6rem;
}

/*TEXT*/
/*COLORS*/
.gradient-bg {
  background: -o-linear-gradient(left, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(18.06%, #f31197), color-stop(60.19%, #a755d6), to(#7437bc));
  background: linear-gradient(90deg, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
}

.bg-nice-violet {
  background-color: var(--color-nice-violet) !important;
  border-color: var(--color-nice-violet) !important;
  color: var(--color-white) !important;
}

.bg-nice-violet-lt {
  background-color: var(--color-nice-violet-light) !important;
  border-color: var(--color-nice-violet-light) !important;
  color: var(--color-eerie-black) !important;
}

.bg-nice {
  background-color: var(--color-strawberry) !important;
  border-color: var(--color-strawberry) !important;
  color: var(--color-white) !important;
}

.bg-nice2 {
  background-color: var(--color-eerie-black) !important;
  border-color: var(--color-eerie-black) !important;
  color: var(--color-white) !important;
}

.bg-nice-magenta {
  background-color: var(--color-primary-magenta) !important;
  color: var(--color-white);
}

.bg-yellow-basic {
  background-color: var(--color-yellow-basic) !important;
  color: var(--color-eerie-black) !important;
}

.bg-nice-light {
  background-color: var(--color-primary-light) !important;
  color: var(--color-strawberry);
}

.bg-niceyellow,
.bg-niceyellow:hover {
  background-color: var(--color-yellow-basic) !important;
  color: var(--color-black) !important;
}

.bg-blue {
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
  color: var(--color-white);
}

.bg-blue-light {
  background-color: var(--color-blue-light) !important;
  border-color: var(--color-blue-light) !important;
  color: var(--color-blue);
}

.bg-red {
  background-color: var(--color-red) !important;
  border-color: var(--color-red) !important;
  color: var(--color-white);
}

.bg-red-light {
  background-color: var(--color-red-light) !important;
  border-color: var(--color-red-light) !important;
  color: var(--color-red);
}

.bg-yellow {
  background-color: var(--color-yellow) !important;
  border-color: var(--color-yellow) !important;
  color: var(--color-white);
}

.bg-yellow-light {
  background-color: var(--color-yellow-light) !important;
  border-color: var(--color-yellow-light) !important;
  color: var(--color-yellow);
}

.bg-white {
  background-color: var(--color-white) !important;
  border-color: var(--color-white) !important;
  color: var(--color-eerie-black) !important;
}

.bg-green {
  background-color: var(--color-green) !important;
  border-color: var(--color-green) !important;
  color: var(--color-white) !important;
}

.bg-green-light {
  background-color: var(--color-green-light) !important;
  border-color: var(--color-green-light) !important;
  color: var(--color-green) !important;
}

.bg-purple {
  background-color: var(--color-nice-violet) !important;
  border-color: var(--color-nice-violet) !important;
  color: var(--color-white);
}

.bg-orange {
  background-color: var(--color-orange) !important;
  border-color: var(--color-orange) !important;
  color: var(--color-white);
}

.bg-orange-light {
  background-color: var(--color-orange-light) !important;
  border-color: var(--color-orange-light) !important;
  color: var(--color-orange);
}

.bg-mid-grey {
  background-color: var(--color-mid-grey) !important;
  border-color: var(--color-mid-grey) !important;
  color: var(--color-white);
}

.bg-dark-grey {
  background-color: var(--color-dark-grey) !important;
  border-color: var(--color-dark-grey) !important;
  color: var(--color-white);
}

.bg-facebook {
  background-color: var(--color-facebook) !important;
  border-color: var(--color-facebook) !important;
  color: var(--color-white);
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: var(--color-white);
  outline: none;
}

.bg-nice {
  background-color: var(--color-strawberry) !important;
  border-color: var(--color-strawberry) !important;
  color: var(--color-white) !important;
}

.text-nice {
  color: var(--color-strawberry) !important;
}

.bg-nice2 {
  background-color: var(--color-eerie-black) !important;
  border-color: var(--color-eerie-black) !important;
  color: var(--color-white) !important;
}

.text-nice2 {
  color: var(--color-eerie-black) !important;
}

.bg-nice-magenta {
  background-color: var(--color-primary-magenta) !important;
  color: var(--color-white);
}

.text-nice-magenta {
  color: var(--color-primary-magenta) !important;
}

.bg-yellow-basic {
  background-color: var(--color-yellow-basic) !important;
  color: var(--color-eerie-black) !important;
}

.bg-white {
  background-color: var(--color-white) !important;
  border-color: var(--color-white) !important;
  color: var(--color-eerie-black) !important;
}

.bg-nice-light {
  background-color: var(--color-primary-light) !important;
  color: var(--color-strawberry);
}

.bg-niceyellow,
.bg-niceyellow:hover {
  background-color: var(--color-yellow-basic) !important;
  color: var(--color-black) !important;
}

.bg-blue {
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
  color: var(--color-white);
}

.bg-blue-light {
  background-color: var(--color-blue-light) !important;
  border-color: var(--color-blue-light) !important;
  color: var(--color-blue);
}

.bg-red {
  background-color: var(--color-red) !important;
  border-color: var(--color-red) !important;
  color: var(--color-white);
}

.bg-red-light {
  background-color: var(--color-red-light) !important;
  border-color: var(--color-red-light) !important;
  color: var(--color-red);
}

.bg-yellow {
  background-color: var(--color-yellow) !important;
  border-color: var(--color-yellow) !important;
  color: var(--color-white);
}

.bg-yellow-light {
  background-color: var(--color-yellow-light) !important;
  border-color: var(--color-yellow-light) !important;
  color: var(--color-yellow);
}

.bg-green {
  background-color: var(--color-green) !important;
  border-color: var(--color-green) !important;
  color: var(--color-white) !important;
}

.text-green {
  color: var(--color-green) !important;
}

.text-red {
  color: var(--color-red) !important;
}

.bg-green-light {
  background-color: var(--color-green-light) !important;
  border-color: var(--color-green-light) !important;
  color: var(--color-green) !important;
}

.bg-purple {
  background-color: var(--color-nice-violet) !important;
  border-color: var(--color-nice-violet) !important;
  color: var(--color-white);
}

.bg-orange {
  background-color: var(--color-orange) !important;
  border-color: var(--color-orange) !important;
  color: var(--color-white);
}

.bg-orange-light {
  background-color: var(--color-orange-light) !important;
  border-color: var(--color-orange-light) !important;
  color: var(--color-orange);
}

.bg-mid-grey {
  background-color: var(--color-mid-grey) !important;
  border-color: var(--color-mid-grey) !important;
  color: var(--color-white);
}

.bg-dark-grey {
  background-color: var(--color-dark-grey) !important;
  border-color: var(--color-dark-grey) !important;
  color: var(--color-white);
}

.bg-facebook {
  background-color: var(--color-facebook) !important;
  border-color: var(--color-facebook) !important;
  color: var(--color-white);
}

.bg-plazoleta {
  background-color: var(--color-rosolanc-purple) !important;
  border-color: var(--color-rosolanc-purple) !important;
  color: var(--color-white) !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--color-semi-white) !important;
}

.order_table_pricing .form-control[disabled],
.order_table_pricing .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: rgb(35 32 49) !important;
  color: var(--color-grey-e0) !important;
}

.pac-container {
  z-index: 9999 !important;
}

/*HEADERS THEMES*/

.thm_header .main_navigation ul.navigation_list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.thm_header .main_navigation ul>li.menu_item {
  margin: 0 0.5rem;
  font-size: 1.8rem;
}

.thm_header .main_navigation ul>li>a {
  display: block;
  padding: 1.4rem 1rem;
  color: var(--color-light-text);
  transition: all ease 0.5s;
  border-bottom: 1px solid transparent;
}

.thm_header .main_navigation ul>li>a:hover {
  border-bottom: 1px solid;
}

.nice__appContainer-body .nice__slider img.nice__sliderDemo {
  width: 100%;
}

.goog-te-gadget-simple {
  white-space: nowrap;
  border: 0;
  border-radius: 1rem;
  padding: 1rem !important;
}

.shopping-cartButton {
  background: transparent;
  margin-right: 1.2rem;
  position: relative;
  padding: 1rem;
  font-size: 2rem;
}

.shopping-cartButton i {
  font-size: 2.8rem;
  height: initial;
}

.menu-resp i {
  font-size: 2.8rem;
}

.search-menuItems {
  min-width: 20rem;
}

.thm_deliveryMenu .searchBar {
  padding: 0;
}

.thm_deliveryMenu .searchBar input {
  padding-left: 3rem;
  border: 2px solid var(--color-eerie-black);
  border-radius: 1.2rem;
}

.thm_deliveryMenu .searchBar i {
  position: absolute;
  left: 3.2rem;
}

/*HOME ABOUT*/
.thm_about1 h2 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2em;
  padding: 4.8rem 2.4rem 1.6rem;
}

/*CUPONES RESTAURANTES*/
.theme-coupons-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 32%));
  grid-gap: 4rem 2rem;
  padding: 2rem;
}

.theme-coupon__container .box {
  max-width: 37rem;
  margin-bottom: 2rem;
  background: var(--color-white);
  box-shadow: 0 0 1.5rem 0 rgb(0 0 0 / 25%);
  border-radius: 2rem;
}

.theme-coupon__containerImage img {
  width: 100%;
  max-width: 90rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}

.theme-coupons .thm_container {
  padding: 0 2.5rem
}

.theme-coupon__containerInfo {
  padding: 2.4rem 2.4rem 1.8rem;
  display: grid;
  color: var(--color-eerie-black);
  grid-gap: 1.6rem;
}

.theme-coupon__infoDate {
  font-size: 1.8rem;
}

.theme-coupon__claimed {
  color: var(--color-strawberry);
  font-size: 1.8rem;
}

.theme-coupon__containerInfo h3 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-bottom: 0.5rem;
}

.theme-coupon__promo {
  color: var(--color-white);
  padding: 1rem 2rem;
  font-size: 2.4rem;
  line-height: 1em;
  font-weight: bold;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.theme-coupon__title h2 {
  font-size: 2rem;
  line-height: 1.4em;
  font-weight: bold;
  position: relative;
}

.theme-cuponcode_title {
  font-size: 1.8rem;
  font-weight: 500;
}

.theme-couponcode button.btn-copy {
  background: none;
  font-weight: 500;
  color: var(--color-nice-violet);
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 0 0 1.6rem;
  width: fit-content;
  margin: 0 auto;
}

.theme-coupon__infoDescription {
  text-align: justify;
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin-bottom: 1.5rem;
}

.theme-coupon__extraInfo {
  font-size: 1.4rem;
  position: absolute;
  bottom: 0;
  background-color: rgb(0 0 0 / 56%);
  color: var(--color-white);
  padding: 1rem 2rem;
  width: 100%;
  text-align: center;
}

.theme-coupon__extraInfo .theme-coupon__infoAsistants {
  line-height: 1.4em;
}

.theme-coupon__extraInfo span {
  font-size: 2.4rem;
  font-weight: bold;
}

.theme-couponcode button.btn-couponcode {
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 2px dashed var(--color-nice-violet);
  padding: 1.5rem 2rem;
  border-radius: 1.2rem;
  background: var(--color-purple-light);
}

.theme-couponcode {
  display: grid;
  grid-gap: 1.6rem;
}

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

.theme-coupons-container {
  padding-bottom: 2rem !important;
}

/*HEADER ORDER TYPE*/
.nice__orderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.n__ordType {
  padding: 1.6rem;
}

.nice__orderContainer .n__ordType {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  justify-content: center;
}

.topbarcover {
  display: grid !important;
  grid-gap: 1.6rem !important;
  justify-content: initial !important;
}

.topbarcover h2 {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

.topbarcover .order-optionButton {
  color: var(--color-eerie-black);
  border: 2px solid;
  border-radius: 0.8rem;
  font-weight: 600;
  padding: 0.8rem 0.8rem;
}

.topbarcover .order-option {
  padding: 0;
  display: grid;
  grid-gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(0.5rem, 1fr));
  align-items: center;
  width: 100%;
}

.nice__orderContainer .n__ordType h3 {
  font-family: var(--font-titles);
  font-size: 1.8rem;
  font-weight: 500;
  max-width: 40rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nice__orderContainer .n__ordType .order__userdata {
  grid-gap: 1rem;
}

.nice__orderContainer .orderTypeIcon {
  width: 3.2rem;
  height: 3.2rem
}

.n__ordInfo {
  text-overflow: ellipsis;
  overflow: hidden;
}

/*GOOGLE MAP*/
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#description {
  font-family: var(--font-titles);
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.map-container {
  height: 50rem;
  margin-bottom: 3rem;
}

.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: var(--font-titles);
}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {
  font-family: var(--font-titles);
  font-size: 13px;
  font-weight: 300;
}

#pac-input,
#orderzone-pac-input {
  font-family: var(--font-titles);
  font-size: 1.4rem;
  border: 2px solid var(--color-grey-e0);
  padding: 0.7rem 1.5rem;
  color: var(--color-eerie-black);
  display: block;
  width: 100%;
  border-radius: 1rem;
  background: var(--color-white);
  margin-bottom: 1rem;
  text-overflow: ellipsis;
}

#orderzone_map {
  border-radius: 1rem;
}

.gm-fullscreen-control {
  top: 4rem !important
}

#pac-input:focus,
#orderzone-pac-input:focus {
  border-color: var(--color-eerie-black);
}

/* Autocompletar sugerencias */
.autocomplete-suggestion-item {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
}

.autocomplete-suggestion-item:hover {
  background-color: #f0f0f0;
}

/* Para asegurar que el contenedor de sugerencias no se rompa */
#autocomplete-suggestions {
  list-style: none;
  /* Si usas ul/li, quitar viñetas */
  margin: 0;
  padding: 0;
  /* Los estilos para position: absolute, etc. ya los pusimos inline en el HTML */
}

#title {
  color: #fff;
  background-color: var(--color-eerie-black);
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

#target {
  width: 345px;
}

.delvTime-buttons .btn-delvTime {
  float: left;
  margin: 0 1.6rem 0 0;
  width: 100px;
  height: 40px;
  position: relative;
}

.delvTime-buttons input[type="radio"]:checked+label {
  background-color: var(--color-strawberry);
  height: 4rem;
  border-radius: 0.8rem;
  border: 0;
  color: var(--color-white);
}

.delvTime-buttons label,
.delvTime-buttons input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.delvTime-buttons label {
  padding: 0.8rem;
  cursor: pointer;
  z-index: 90;
}

.delvTime-buttons input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.ui-datepicker {
  display: none;
  padding: 2.4rem;
  background-color: var(--bg-card) !important;
  border-radius: 2rem;
  box-shadow: 0 3px 9px 1px rgba(51, 48, 60, 0.03), 0 9px 8px rgba(51, 48, 60, 0.02), 0 1px 6px 4px rgba(51, 48, 60, 0.01);
}

.ui-datepicker-header {
  display: grid;
  grid-template-columns: auto 13rem auto;
  grid-template-areas: 'prev month next';
  text-align: center;
  margin-bottom: 1.6rem;
  grid-gap: 0.8rem;
  align-items: center;
}

.ui-datepicker-header span {
  font-weight: 500;
}

.ui-datepicker-header a {
  cursor: pointer;
  height: 3.2rem;
  border: 1px solid var(--color-grey-e0);
  border-radius: 3rem;
  width: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-datepicker-prev {
  grid-area: prev;
}

.ui-datepicker-next {
  grid-area: next;
}

.ui-datepicker-title {
  grid-area: month;
}

.ui-datepicker-calendar {
  width: 100%;
}

.ui-datepicker-calendar thead {
  background-color: var(--color-white);
}

.ui-datepicker-calendar thead tr th {
  height: 3.2rem;
}

.ui-datepicker-calendar thead tr th span {
  font-weight: 500;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-calendar tbody tr td {
  width: 3.2rem;
  height: 3.2rem;
}

.ui-state-disabled span.ui-state-default {
  color: var(--color-grey-bd);
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-calendar a.ui-state-default {
  color: var(--color-eerie-black);
  background-color: var(--color-white);
  border-radius: 3rem;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-calendar a.ui-state-default:hover {
  background-color: var(--color-grey-f2);
}

.ui-datepicker-calendar a.ui-state-active {
  background-color: var(--color-strawberry);
  color: var(--color-white);
}

/*LIGHT GALLERY*/
@font-face {
  font-family: 'lg';
  src: url("fonts/lg.eot?n1z373");
  src: url("fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("fonts/lg.woff?n1z373") format("woff"), url("fonts/lg.ttf?n1z373") format("truetype"), url("fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.lg-icon {
  font-family: 'lg';
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 0;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

/* .group {
  *zoom: 1;
} */

.group:before,
.group:after {
  display: table;
  content: "";
  line-height: 0;
}

.group:after {
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*SELECT 2*/
/************ SELECT2 ************/
.select2-results__option {
  font-size: 1.4rem;
}

.select2-container {
  outline: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left
}

.select2-selection--single {
  cursor: pointer;
  outline: 0;
  display: block;
  height: 4rem;
  padding: 0.8rem 1.6rem;
  line-height: 1.5384616;
  position: relative;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select2-selection--single:hover,
.select2-selection--single:focus,
.select2-container--open .select2-selection--single {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset
}

.select2-selection--single:not([class*=bg-]) {
  background-color: #fff;
  color: #333
}

.select2-selection--single[class*=bg-]:hover,
.select2-selection--single[class*=bg-]:focus,
.select2-container--open .select2-selection--single[class*=bg-] {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset
}

.select2-selection--single[class*=bg-] .select2-selection__placeholder {
  color: #fff
}

.select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.75)
}

.select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select2-selection--single .select2-selection__rendered>i {
  margin-right: 10px
}

.select2-selection--single .select2-selection__clear {
  position: relative;
  cursor: pointer;
  float: right;
  font-size: 0;
  line-height: 1;
  margin-top: 2px;
  margin-left: 5px;
  opacity: .75;
  filter: alpha(opacity=75)
}

.select2-selection--single .select2-selection__clear:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

.select2-selection--single .select2-selection__clear:after {
  content: '\ed6b';
  font-family: 'icomoon';
  display: inline-block;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-selection--single .select2-selection__arrow:after {
  content: '\e9c5';
  font-family: 'Icomoon';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -8px;
  font-size: 16px;
  line-height: 1;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  content: '\e9c6'
}

.select2-selection--single .select2-selection__arrow b {
  display: none
}

.select2-container--disabled .select2-selection--single {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
  background-color: #fafafa;
  color: #999
}

.select2-container--disabled .select2-selection--single[class*=bg-] {
  -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset
}

.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}

.select2-selection--multiple {
  display: block;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: text;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select2-selection--multiple:not([class*=bg-]) {
  background-color: #fff
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
  border-color: #ddd
}

.select2-selection--multiple .select2-selection__rendered {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  list-style: none;
  margin: 0;
  padding: 0 2px 2px;
  width: 100%
}

.select2-selection--multiple .select2-selection__placeholder {
  color: #999
}

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
  background-color: #fafafa;
  color: #999
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
  -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
  opacity: .9;
  filter: alpha(opacity=90)
}

.select2-container--disabled .select2-selection--multiple,
.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--disabled .select2-selection--multiple .select2-search__field {
  cursor: not-allowed
}

.select2-selection--multiple .select2-selection__choice>i {
  margin-right: 10px
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  cursor: pointer;
  float: right;
  font-size: 14px;
  margin-top: 3px;
  line-height: 1;
  margin-left: 7px;
  opacity: .75;
  filter: alpha(opacity=75)
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  opacity: .6;
  filter: alpha(opacity=60)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  display: none
}

.select2-selection--multiple .select2-search--inline {
  float: left
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
  font-size: 100%;
  margin-top: 2px;
  padding: 7px 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  margin-left: 7px;
  /* -webkit-appearance: textfield */
}

.select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.select2-dropdown {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.select2-results {
  display: block
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}

.select2-results>.select2-results__options {
  padding-bottom: 7px;
  max-height: 250px;
  overflow-y: auto
}

.select2-search--hide+.select2-results>.select2-results__options {
  padding-top: 7px
}

.select2-results:first-child>.select2-results__options {
  padding-top: 7px
}

.select2-results__option {
  padding: 7px 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px
}

.select2-results__option+.select2-results__option {
  margin-top: 1px
}

.select2-results__option i {
  margin-right: 10px
}

.select2-results__option i.icon-undefined {
  display: none
}

.select2-results__option[role=group] {
  padding: 0
}

.select2-results__option.select2-results__option--highlighted {
  background-color: #f5f5f5
}

.select2-results__option[aria-disabled=true] {
  color: #999;
  cursor: not-allowed
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.6)
}

.select2-results__option[aria-selected=true] {
  background-color: #2196F3;
  color: #fff
}

.select2-results__options--nested>.select2-results__option {
  padding-left: 24px;
  padding-right: 24px
}

.select2-results__group {
  display: block;
  padding: 7px 12px;
  font-size: 14px;
  line-height: 1.82;
  text-transform: uppercase;
  cursor: default;
  margin-top: 7px;
  margin-bottom: 7px
}

.select2-results__option:first-child>.select2-results__group {
  margin-top: 0
}

.select2-results__message {
  color: #999;
  cursor: default
}

.select2-dropdown[class*=bg-] .select2-results__message {
  color: rgba(255, 255, 255, 0.75)
}

.select2-results__option.loading-results {
  padding-top: 0
}

.select2-results__option.loading-results+.select2-results__option {
  margin-top: 7px
}

.select2-results__option--load-more {
  text-align: center;
  margin-top: 7px;
  cursor: default
}

.select2-container--open .select2-dropdown {
  left: 0
}

.select2-container--open .select2-dropdown--above {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--above[class*=bg-] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--open .select2-dropdown--below[class*=bg-] {
  border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.select2-search--dropdown {
  display: block;
  position: relative;
  padding: 12px
}

.select2-search--dropdown:after {
  content: '\e98e';
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  left: 24px;
  color: inherit;
  display: block;
  font-size: 12px;
  margin-top: -6px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: .6;
  filter: alpha(opacity=60)
}

.select2-search--dropdown+.select2-results .select2-results__message:first-child {
  padding-top: 0
}

.select2-search--dropdown .select2-search__field {
  height: 36px;
  padding: 7px 12px;
  padding-left: 36px;
  border-radius: 3px;
  border: 1px solid #ddd;
  outline: 0;
  width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
  display: none
}

.select-lg.select2-selection--single {
  height: 40px;
  padding: 9px 0;
  font-size: 14px
}

.select-lg.select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  padding-right: 34px
}

.select-lg.select2-selection--single .select2-selection__arrow:after {
  right: 15px
}

.select-lg.select2-selection--multiple .select2-selection__choice {
  padding: 9px 15px;
  font-size: 14px
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 9px 0;
  font-size: 14px
}

.select-sm.select2-selection--single {
  height: 34px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.6666667
}

.select-sm.select2-selection--single .select2-selection__rendered {
  padding-left: 11px;
  padding-right: 26px
}

.select-sm.select2-selection--single .select2-selection__arrow:after {
  right: 11px
}

.select-sm.select2-selection--multiple .select2-selection__choice {
  padding: 6px 11px;
  font-size: 12px;
  line-height: 1.6666667
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 6px 0
}

.select-xs.select2-selection--single {
  height: 32px;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.6666667
}

.select-xs.select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
  padding-right: 24px
}

.select-xs.select2-selection--single .select2-selection__arrow:after {
  right: 10px
}

.select-xs.select2-selection--multiple .select2-selection__choice {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.6666667
}

.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 5px 0;
  font-size: 12px;
  line-height: 1.6666667
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
  background-color: rgba(0, 0, 0, 0.25)
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
  color: #fff
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
  background-color: rgba(0, 0, 0, 0.2)
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
  background-color: rgba(0, 0, 0, 0.1)
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  z-index: 99;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0)
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: fixed !important;
  width: 1px !important
}

.select2-result-repository {
  padding-top: 7px;
  padding-bottom: 7px
}

.select2-result-repository__avatar {
  float: left;
  width: 60px;
  margin-right: 15px
}

.select2-result-repository__avatar img {
  width: 100%;
  height: auto;
  border-radius: 100px
}

.select2-result-repository__meta {
  margin-left: 70px
}

.select2-result-repository__title {
  font-weight: 500;
  word-wrap: break-word;
  margin-bottom: 2px
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
  display: inline-block;
  font-size: 12px
}

.select2-result-repository__description {
  font-size: 12px
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
  margin-right: 15px
}

.select-flex li.select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1.6rem 0.8rem 0.8rem;
  flex-wrap: wrap;
}

.select-flex .select2-selection__rendered {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*DATETIMEPICKER*/
.daterangepicker {
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: auto;
  padding: 0
}

.daterangepicker.dropdown-menu {
  max-width: none;
  background-color: transparent;
  border: 0;
  z-index: 9999;
  -webkit-box-shadow: none;
  box-shadow: none
}

.daterangepicker.dropup {
  margin-top: -7px
}

.daterangepicker .ranges,
.daterangepicker .calendar {
  float: left
}

.daterangepicker.opensleft .calendars {
  float: left
}

.daterangepicker.opensright .calendars {
  float: right
}

.daterangepicker.single .calendar {
  float: none;
  margin-left: 0;
  margin-right: 0
}

.daterangepicker.single .ranges {
  display: none
}

.daterangepicker.show-calendar .calendar {
  display: block
}

.daterangepicker .calendar {
  display: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 7px;
  padding: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.daterangepicker table {
  width: 100%;
  margin: 0
}

.daterangepicker table tbody th,
.daterangepicker table tbody td {
  cursor: pointer
}

.daterangepicker th,
.daterangepicker td {
  white-space: nowrap;
  text-align: center
}

.daterangepicker th.week,
.daterangepicker td.week {
  font-size: 80%;
  color: #ccc
}

.daterangepicker th {
  color: #999;
  font-weight: 400;
  font-size: 12px
}

.daterangepicker th>i {
  top: 0
}

.daterangepicker th.prev,
.daterangepicker th.next {
  cursor: pointer
}

.daterangepicker th.available:hover,
.daterangepicker th.available:focus {
  color: #333
}

.daterangepicker td.available:hover,
.daterangepicker td.available:focus {
  background-color: #f5f5f5
}

.daterangepicker td.off,
.daterangepicker td.disabled {
  color: #ccc
}

.daterangepicker td.disabled {
  cursor: not-allowed
}

.daterangepicker td.in-range {
  background-color: #f5f5f5
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.active:focus {
  background-color: #26A69A;
  color: #fff;
  border-radius: 3px
}

.daterangepicker .table-condensed tr>th,
.daterangepicker .table-condensed tr>td {
  padding: 10px;
  line-height: 1
}

.daterangepicker .table-condensed thead tr:last-child th {
  padding-top: 14px
}

.daterangepicker .table-condensed .month {
  font-size: 15px;
  line-height: 1;
  color: #333;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400
}

.daterangepicker select {
  display: inline-block
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%
}

.daterangepicker select.yearselect {
  width: 40%
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 60px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0
}

.daterangepicker .daterangepicker_input {
  position: relative
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  right: 11px;
  top: auto;
  bottom: 10px;
  color: #999
}

.daterangepicker .daterangepicker_input input {
  padding-left: 11px;
  padding-right: 34px
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 12px 0
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed
}

.ranges {
  background-color: #fff;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 200px;
  margin-top: 7px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.opensright .ranges {
  margin-left: 0
}

.opensleft .ranges {
  margin-right: 0
}

.ranges ul {
  list-style: none;
  margin: 0;
  padding: 7px 0
}

.ranges ul+.daterangepicker-inputs {
  border-top: 1px solid #e5e5e5
}

.ranges ul li {
  color: #333;
  padding: 8px 12px;
  cursor: pointer;
  margin-top: 1px
}

.ranges ul li:first-child {
  margin-top: 0
}

.ranges ul li:hover,
.ranges ul li:focus {
  background-color: #f5f5f5
}

.ranges ul li.active {
  color: #fff;
  background-color: #26A69A
}

.ranges .daterangepicker-inputs {
  padding: 12px;
  padding-top: 19px
}

.ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
  margin-top: 19px
}

.ranges .daterangepicker-inputs .daterangepicker_input>span {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
  color: #999
}

.ranges .daterangepicker-inputs+.range_inputs {
  border-top: 1px solid #e5e5e5
}

.ranges .range_inputs {
  padding: 12px
}

.ranges .range_inputs .btn {
  display: block;
  width: 100%
}

.ranges .range_inputs .btn+.btn {
  margin-top: 12px
}

@media (min-width: 769px) {
  .ranges {
    margin: 7px
  }
}

.daterange-custom {
  cursor: pointer
}

.daterange-custom:after {
  content: '';
  display: table;
  clear: both
}

.daterange-custom .label,
.daterange-custom .badge {
  margin: 4px 0 0 7px;
  vertical-align: top
}

.daterange-custom .label-icon {
  margin-top: 0;
  margin-right: 5px
}

.daterange-custom-display {
  display: inline-block;
  position: relative;
  padding-left: 21px;
  line-height: 1
}

.daterange-custom-display:after {
  content: '\e9c9';
  font-family: 'icomoon';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s
}

.daterange-custom.is-opened .daterange-custom-display:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.daterange-custom-display>i {
  display: inline-block;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -.015em
}

.daterange-custom-display b {
  display: inline-block;
  margin-left: 4px;
  font-weight: 400
}

.daterange-custom-display b>i {
  font-size: 11px;
  display: block;
  line-height: 12px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400
}

.daterange-custom-display em {
  line-height: 30px;
  vertical-align: top;
  margin: 0 4px
}

@media (max-width: 769px) {

  .opensleft,
  .opensright {
    left: 0 !important;
    right: 0
  }

  .opensleft .calendars,
  .opensright .calendars {
    float: none
  }

  .daterangepicker.opensleft .ranges,
  .daterangepicker.opensright .ranges,
  .daterangepicker.opensleft .calendar,
  .daterangepicker.opensright .calendar,
  .daterangepicker.opensleft .calendars,
  .daterangepicker.opensright .calendars {
    float: none
  }

  .daterangepicker {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
  }

  .daterangepicker .calendar {
    margin-left: 0;
    margin-right: 0
  }

  .daterangepicker .ranges {
    width: 100%
  }
}

.picker {
  width: 100%;
  text-align: left;
  position: absolute;
  top: 100%;
  margin-top: -1px;
  z-index: 990;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.picker__input {
  cursor: default
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  position: absolute;
  display: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-width: 0;
  border-bottom-width: 0;
  max-width: 290px;
  max-height: 0;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.picker--opened .picker__holder {
  max-height: 480px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  display: block
}

.picker__box {
  padding: 14px
}

.picker__header {
  text-align: center;
  position: relative;
  font-size: 15px;
  line-height: 1;
  padding-top: 15px;
  padding-bottom: 15px
}

.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px
}

.picker__year {
  color: #999;
  font-size: 12px;
  font-weight: 400
}

.picker__select--month,
.picker__select--year {
  border-color: #ddd;
  height: 32px;
  font-size: 13px;
  line-height: 1.6666667;
  margin-left: 5px;
  margin-right: 5px;
  outline: 0
}

.picker__select--month {
  width: 35%
}

.picker__select--year {
  width: 22.5%
}

.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 8px;
  top: 50%;
  margin-top: -16px;
  border-radius: 2px;
  line-height: 1
}

.picker__nav--prev:before,
.picker__nav--next:before {
  font-family: 'icomoon';
  display: block;
  font-size: 16px;
  width: 16px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  background-color: #f5f5f5
}

.picker__nav--prev {
  left: 0
}

.picker__nav--prev:before {
  content: '\e9c8'
}

.picker__nav--next {
  right: 0
}

.picker__nav--next:before {
  content: '\e9cb'
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-bottom: 14px
}

.picker__table td {
  margin: 0;
  padding: 0
}

.picker__weekday {
  width: 14.285714286%;
  font-size: 12px;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 14px;
  color: #999;
  font-weight: 400
}

.picker__day {
  padding: 7px
}

.picker__day--today {
  position: relative;
  background-color: #f5f5f5
}

.picker__day--today:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 6px solid #26A69A;
  border-left: 6px solid transparent
}

.picker__day--outfocus {
  color: #ccc
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #333;
  background-color: #f5f5f5
}

.picker__day--highlighted:before {
  border-top-color: #fff
}

.picker__day--highlighted,
.picker__day--selected {
  border-radius: 3px
}

.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #fff;
  background-color: #26A69A
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background-color: #26A69A;
  color: #fff
}

.picker__day--disabled,
.picker__day--disabled:hover {
  background: #fafafa;
  color: #999;
  cursor: default
}

.picker__day--disabled:before {
  border-top-color: #999
}

.picker__day--highlighted .picker__day--disabled,
.picker__day--highlighted .picker__day--disabled:hover {
  background-color: #bbb
}

.picker__footer {
  text-align: center
}

.picker__footer button {
  border: 0;
  background: #fff;
  padding: 6px 11px;
  border-radius: 3px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block
}

.picker__footer button:hover,
.picker__footer button:focus {
  outline: 0;
  background-color: #f5f5f5
}

.picker__footer button:before {
  height: 0
}

.picker__button--today:before {
  content: '';
  margin-right: 5px;
  position: relative;
  display: inline-block;
  top: -1px;
  width: 0;
  border-top: 6px solid #2196F3;
  border-left: 6px solid transparent
}

.picker__button--close:before {
  content: '\D7';
  display: inline-block;
  position: relative;
  margin-right: 5px;
  top: 1px;
  line-height: 1;
  font-size: 16px
}

.picker__button--clear:before {
  content: '';
  display: inline-block;
  position: relative;
  top: -3px;
  width: 8px;
  margin-right: 5px;
  border-top: 2px solid #F44336
}

.picker--time {
  min-width: 256px;
  max-width: 320px
}

.picker--time .picker__box {
  padding: 0
}

.picker__list {
  list-style: none;
  padding: 7px 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto
}

.picker__list-item {
  position: relative;
  padding: 7px 12px
}

.picker__list-item:hover,
.picker__list-item:focus {
  cursor: pointer;
  background-color: #f5f5f5;
  z-index: 10
}

.picker--time .picker__button--clear {
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 11px;
  background-color: #fcfcfc;
  margin-top: 1px;
  outline: 0;
  border: 0;
  border-top: 1px solid #eee;
  text-align: center;
  margin-bottom: -7px;
  margin-top: 7px
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  background-color: #f5f5f5
}

.picker__list-item--highlighted {
  z-index: 10
}

.picker__list-item--highlighted,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #fff;
  background-color: #26A69A
}

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background-color: #26A69A;
  color: #fff;
  z-index: 10
}

.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background-color: #fafafa;
  color: #999;
  cursor: not-allowed;
  z-index: auto
}

/*STEPY*/
.stepy-step {
  padding: 20px;
  padding-top: 0
}

.stepy-header {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
  table-layout: fixed;
  width: 100%
}

.panel-flat>.stepy-header {
  border-top: 1px solid #ddd
}

.stepy-header li {
  cursor: pointer;
  display: table-cell;
  vertical-align: top;
  width: auto;
  padding: 20px 0;
  text-align: center;
  position: relative
}

.stepy-header li span {
  display: block;
  margin-top: 10px;
  color: #999
}

.stepy-header li:before,
.stepy-header li:after {
  content: '';
  display: block;
  position: absolute;
  top: 43px;
  width: 50%;
  height: 2px;
  background-color: #EE1D5D;
  z-index: 9
}

.stepy-header li:before {
  left: 0
}

.stepy-header li:after {
  right: 0
}

.stepy-header li:first-child:before,
.stepy-header li:last-child:after {
  content: none
}

.stepy-header li div {
  background-color: #EE1D5D;
  font-size: 0;
  position: relative;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 38px;
  height: 38px;
  border: 2px solid #EE1D5D;
  z-index: 10;
  line-height: 34px;
  text-align: center;
  border-radius: 50%
}

.stepy-header li div:after {
  content: '\ed6c';
  font-family: 'icomoon';
  display: inline-block;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 34px;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

.stepy-header li.stepy-active:after,
.stepy-header li.stepy-active~li:before,
.stepy-header li.stepy-active~li:after {
  background-color: #f5f5f5
}

.stepy-header li.stepy-active~li div {
  border-color: #eee;
  background-color: #fff;
  color: #ccc;
  font-size: 14px
}

.stepy-header li.stepy-active~li div:after {
  content: none
}

.stepy-header li.stepy-active div {
  cursor: auto;
  border-color: #EE1D5D;
  background-color: #fff;
  color: #EE1D5D
}

.stepy-header li.stepy-active div:after {
  content: '\e913'
}

.stepy-header li.stepy-active span {
  color: #333
}

@media (max-width: 769px) {
  .stepy-header {
    margin-bottom: 20px
  }

  .stepy-header li {
    display: block;
    float: left;
    width: 50%;
    padding-bottom: 0
  }

  .stepy-header li:first-child:before,
  .stepy-header li:last-child:after {
    content: ''
  }

  .stepy-header li.stepy-active:last-child:after {
    background-color: #EE1D5D
  }
}

@media (max-width: 480px) {
  .stepy-header li {
    width: 100%
  }

  .stepy-header li.stepy-active:after {
    background-color: #EE1D5D
  }
}

.stepy-navigator {
  text-align: right
}

.stepy-navigator .btn+.btn {
  margin-left: 5px
}

/*WYSIWYG*/
.wysihtml5-toolbar {
  margin: 0;
  padding: 15px 20px;
  padding-bottom: 0;
  display: block;
  background-color: #fcfcfc;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.wysihtml5-toolbar>li {
  display: inline-block;
  list-style: none;
  margin: 0 15px 15px 0
}

.wysihtml5-toolbar .dropdown-menu {
  max-height: 200px;
  overflow-y: auto
}

.wysihtml5-toolbar .dropdown-menu .color-select>li>a:hover,
.wysihtml5-toolbar .dropdown-menu .color-select>li>a:focus {
  background-color: #f5f5f5;
  color: #333
}

.wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu {
  display: none !important
}

.wysihtml5-toolbar .dropdown-toggle>[class*=icon-] {
  margin-right: 7px
}

.wysihtml5-toolbar .dropdown-toggle .caret {
  margin-left: 7px
}

.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: 700
}

.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic
}

.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline
}

.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 40px
}

.wysihtml5-toolbar .wysihtml5-colors {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  pointer-events: none;
  left: 12px;
  top: 10px;
  border-radius: 100px
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: #000 !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important
}

.wysiwyg-color-black {
  color: #000
}

.wysiwyg-color-silver {
  color: silver
}

.wysiwyg-color-gray {
  color: gray
}

.wysiwyg-color-white {
  color: #fff
}

.wysiwyg-color-maroon {
  color: maroon
}

.wysiwyg-color-red {
  color: red
}

.wysiwyg-color-purple {
  color: purple
}

.wysiwyg-color-fuchsia {
  color: #f0f
}

.wysiwyg-color-green {
  color: green
}

.wysiwyg-color-lime {
  color: lime
}

.wysiwyg-color-olive {
  color: olive
}

.wysiwyg-color-yellow {
  color: #ff0
}

.wysiwyg-color-navy {
  color: navy
}

.wysiwyg-color-blue {
  color: blue
}

.wysiwyg-color-teal {
  color: teal
}

.wysiwyg-color-aqua {
  color: aqua
}

.wysiwyg-color-orange {
  color: orange
}

/*EXTRA*/
#hubspot-messages-iframe-container {
  display: none !important;
}

/*THEMES GENERAL*/
.theme-marketplace .navigation {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.message__closedStore {
  background-color: var(--color-purple-light);
  color: var(--color-purple);
  padding: 1.6rem;
  border-radius: 1.6rem;
  border: 1px solid;
  font-weight: 500;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.2em;
}

.thm_homePage main {
  overflow: hidden;
}

.thm_header .main_navigation ul>li>a {
  cursor: pointer;
}

.shdw-25 {
  box-shadow: 1px 20px 20px rgba(0, 0, 0, 0.10);
}

.companySidebar {
  font-size: 1.6rem;
  height: 100%;
  position: fixed;
  z-index: 1049;
  top: 0;
  left: -76rem;
  width: 29rem;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);
  opacity: 1;
  overflow-x: hidden;
  transition: 0.5s;
}

.companySidebar .themeSidebarNav__menu {
  list-style: none;
  padding: 0;
}

.companySidebar .appSidebarNav__submenu-ul li {
  padding: 0 1rem;
  margin-bottom: 0 !important;
  position: relative;
}

.companySidebar .themeSidebarNav__menu a {
  padding: 1.6rem;
  text-decoration: none;
  color: var(--color-light-text);
  display: block;
  transition: 0.3s;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}

.thm_sliderContainer {
  width: 100%;
  max-width: 192rem;
  margin: 0 auto;
}

.rounder-slider img {
  border-radius: 2rem;
}

.slider-text {
  position: absolute;
  bottom: 16rem;
  z-index: 2;
  display: flex;
  align-items: center;
  color: var(--color-white);
  left: 0;
  width: 100%;
}

.theme-banner {
  padding: 2.4rem;
}

.theme-banner .thm_container {
  max-width: 90rem;
  position: relative;
  z-index: 1;
}

.btn-addtoCart {
  min-height: 4rem;
}

.nice__themecover {
  margin-top: -8rem;
  position: relative;
  z-index: 3;
}

.nice__coverContainer {
  background-color: var(--color-white);
  border-radius: 3.2rem;
  padding: 2rem 2.4rem;
  grid-template-columns: 12.4rem 1fr 30%;
  font-size: 1.6rem;
  line-height: 1.4em;
}

.coverMarketplace {
  grid-template-columns: repeat(2, 1fr);
}

.nice__coverLogo img {
  border-radius: 100%;
  width: 100%;
}

.nice__coverBusinessInfo h1 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2em;
}

.nice__coverOrderInfo {
  padding: 0 0 0 2.4rem;
  border-left: 1px solid var(--color-grey-bd);
}

.nice__coverOrderType h3 {
  font-size: 1.8rem;
}

.order__typeTopbar span {
  font-size: 1.4rem;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.f-width {
  width: 100%;
}

/*TOOLBAR*/
.toolbar-nice__item span {
  margin-right: 0.5rem;
}

.toolbar-nice__iconbox {
  position: relative;
  margin: 0 2rem 0 0;
  border: 0;
  background-color: var(--color-white);
  cursor: pointer;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%;
  transition: all ease 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toolbar-nice__icon {
  height: 1.8rem;
  width: 1.8rem;
  fill: var(--color-dark-back);
}

.theme-title {
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}

.theme-title h2 {
  font-size: 4.8rem;
  font-weight: bold;
}

.thm_aboutTitle h2 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 3rem;
}

.theme-title p {
  font-size: 3rem;
  line-height: 1em;
  margin-bottom: 2rem;
  font-weight: 500;
  color: var(--color-white);
}

.theme-title h3 {
  font-size: 4rem;
  line-height: 1.3em;
  font-weight: 700;
  margin-bottom: 1.6rem;
}

.toolbar-nice .thm_container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem;
  gap: 1.6rem;
}

.toolbar-nice__item {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cuisines {
  font-weight: 500;

}

/*INDEX*/
.gallery-item:hover {
  cursor: pointer;
}

.footer-company__socialmedia {
  padding: 2rem 0;
  margin-bottom: 4rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(4rem, auto));
  justify-content: flex-start;
  grid-gap: 1rem;
}

a.socialmedia-item {
  color: var(--color-white);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  border-radius: 5rem;
}

a.socialmedia-item img {
  width: 2.4rem;
  height: 2.4rem;
}

.facebook {
  background-color: var(--color-facebook);
}

.instagram {
  background-color: var(--color-instagram);
}

.twitter {
  background-color: var(--color-twitter);
}

.whatsapp {
  background-color: var(--color-whatsapp);
}

.tripadvisor {
  background-color: var(--color-tripadvisor);
}

.pinterest {
  background-color: var(--color-pinterest);
}

.youtube {
  background-color: var(--color-youtube);
}

.snapchat {
  background-color: var(--color-snapchat);
}

.tiktok {
  background-color: var(--color-black);
}

.opening-days strong {
  font-weight: bold;
}

.float-wa {
  position: fixed;
  width: 6rem;
  height: 6rem;
  bottom: 8rem;
  right: 2rem;
  background-color: var(--color-whatsapp);
  color: #FFF;
  border-radius: 5rem;
  text-align: center;
  font-size: 30px;
  box-shadow: 0.2rem 0.2rem 1.5rem rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-- COMMENTS*/
.thm_reviewBadge {
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 2.4rem;
}

.theme-comments .thm_container {
  padding: 0 2.5rem;
  position: relative;
  z-index: 1;
}

.btn_sites {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem 3.5rem;
  border-radius: 3.2rem;
  transition: all ease 0.4s;
  filter: brightness(110%);
  box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.15);
}

.btn_sites:hover {
  filter: brightness(120%);
}

.thm_commentsContainer {
  padding: 2rem;
  margin-bottom: 2rem;
}

.theme-comments_listItem {
  border-bottom: 1px dashed;
}

.thm_commentsUserdata {
  display: grid;
  grid-template-columns: auto 1fr;
}

.theme-comments_userImage {
  width: 7rem;
  height: 7rem;
  border-radius: 13rem;
  margin-right: 2rem;
  object-fit: contain;
}

.usuario-uknw {
  background-color: var(--color-eerie-black);
  width: 7rem;
  height: 7rem;
  border-radius: 13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-mid-white);
}

.usuario-uknw .icon-user {
  font-size: 3.5rem;
}

.thm_commentsHeader {
  line-height: 1.6em;
}

.theme-comments__answer {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 1.6rem;
  border-left: 2px solid;
}

.theme-comments__answer .answer-header {
  margin-bottom: 1.6rem;
}

.thm_commentsScore {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-gap: 1.6rem;
  padding: 1.6rem 0;
}

/*- FOOD MENU*/
/*MENU*/
.searchBar {
  position: relative;
}

.searchBar i {
  position: absolute;
  color: var(--color-eerie-black);
  top: 1.2rem;
  left: 1.2rem;
  font-size: 1.6rem;
}

.searchBar .search-menuItems {
  padding-left: 3.2rem;
}

.header_foodMenu {
  position: relative;
  margin-top: -12rem;
  margin-bottom: 6rem;
  padding: 20rem 2rem 15rem;
  color: var(--color-white);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.theme-menu .thm_pageHeader {
  position: relative;
  color: var(--color-white);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.theme-menuHeadercontainer {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.theme-menu-container {
  padding: 0;
}

.containerSlidePad {
  padding: 1.6rem 0;
}

.thm_deliveryMenu {
  font-size: 1.6rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  justify-content: flex-start;
  display: flex;
}

.menu-plates__containerFeatured::-webkit-scrollbar-thumb,
.thm_deliveryMenu::-webkit-scrollbar-thumb {
  background-color: rgb(255 255 255 /65%);
  border-radius: 1rem
}

.menu-plates__containerFeatured::-webkit-scrollbar-track,
.thm_deliveryMenu::-webkit-scrollbar-track {
  background-color: rgb(255 255 255 / 29%);
}

.menu-plates__containerFeatured::-webkit-scrollbar,
.thm_deliveryMenu::-webkit-scrollbar {
  height: 0.8rem;
}

.theme-menu .thm_pageHeader {
  min-height: 60rem;
}

.theme-menu .dark-bg::after {
  content: '';
  background-color: rgb(0 0 0 / 40%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.thm_pageHeader {
  position: relative;
  padding: 3rem 2rem;
  color: var(--color-white);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}

a.thm_navItem {
  display: inline-block;
  cursor: pointer;
  padding: 1.6rem 1.8rem;
  margin-right: 20px;
  transition: all .3s ease;
}

a.thm_navItem:hover {
  background: rgba(39, 10, 10, 0.1);
  border-bottom: 2px solid;
}

.theme-menu .thm_container {
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.theme-menuNav .thm_containerMd {
  border-radius: 2rem;
  padding: 1.6rem 2rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.thm_containerMd {
  border-radius: 2rem;
  max-width: 124rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.theme-menu__catFeaturedContainer,
.theme-menu__catContainer {
  padding-bottom: 4.8rem;
}

.menuBodycontainer {
  background-position: top center;
  background-repeat: repeat;
  background-attachment: fixed;
  margin-top: 3rem;
}

.theme-menu__categoryImage {
  width: 100%;
  height: auto;
  margin-bottom: 2.4rem;
}

.theme-menu__categoryTitle {
  font-size: 4rem;
  line-height: 1em;
  margin-bottom: 2.4rem;
}

.theme-menu__categoryDescription {
  font-size: 1.8rem;
  margin-bottom: 3.2rem;
  line-height: 1.4em;
}

.theme-menu__catFeaturedContainer .theme-menu__categoryTitle {
  text-align: left;
}

.menu-plates__containerFeatured {
  display: flex;
  gap: 4rem;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
}

.menu-plates__containerFeatured .menu-plate {
  padding: 0;
}

.menu-plates__containerFeatured .menu-plate .menu-plate__image a {
  cursor: pointer;
}

.menu-plates__containerFeatured .menu-plate .menu-plate__image img {
  max-width: 27rem;
  height: 27rem;
  object-fit: cover;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
}

.menu-plates__containerFeatured .menu-plateContent {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.8rem;
  position: relative;
  align-items: self-end;
}

.menu-plates__containerFeatured .theme-menu__categoryTitle {
  text-align: left;
}

.menu-plates__containerFeatured .menu-plate .menu-plate__infoTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.upselling-products {
  padding: 0.8rem 2.4rem 0;
}

.upselling-products .menu-plates__containerFeatured .menu-plate .menu-plate__image img {
  max-width: 12.8rem;
  height: 12.8rem;
  object-fit: cover;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
}

#upselling-products .reduced-price,
#upselling-products .menu-plate__infoTitle,
#upselling-products .reduced-applied,
#upselling-products .normal-price {
  color: rgb(218 218 218);
  font-weight: 400;
}

#upselling-products .menu-plate__infoTitle {
  font-weight: 600;
}

#upselling-products .menu-plate__infoPrice {
  font-size: 1.4rem;
}

.menu-plate .menu-plate__image a {
  cursor: pointer;
  display: block;
}

.rounded-image img {
  border-radius: 1rem;
}

.menu-plateContent {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.8rem;
  position: relative;
  padding: 1.6rem;
}

.menu-plates__container-2col-izq {
  display: grid;
  grid-template-columns: repeat(2, minmax(42rem, 1fr));
  grid-gap: 2.4rem 4rem;
}

.menu-plates__container-2col-izq .menu-plate {
  grid-template-columns: 18rem 1fr;
  grid-gap: 2.4rem;
  align-items: center;
}

.menu-plates__container-2col-izq .menu-plate .menu-plate__image img,
.menu-plates__container-2col-der .menu-plate .menu-plate__image img {
  width: 100%;
  height: 18rem;
  object-fit: cover;
}

.menu-plates__container-2col-der {
  display: grid;
  grid-template-columns: repeat(2, minmax(42rem, 1fr));
  grid-gap: 2.4rem 4rem;
}

.menu-plates__container-2col-der .menu-plate {
  grid-template-columns: 1fr 18rem;
  grid-template-areas: 'text image';
  grid-gap: 2.4rem;
  align-items: center;
}

.menu-plates__container-2col-der .menu-plate .menu-plate__image {
  grid-area: image;
}

.menu-plates__container-2col-der .menu-plate .menu-plateContent {
  grid-area: text;
}

.menu-plates__container-2col-noimage {
  display: grid;
  grid-template-columns: repeat(2, minmax(42rem, 1fr));
  grid-gap: 2.4rem 4rem;
}

.menu-plates__container-2col-noimage .menu-plate .menu-plate__image {
  display: none;
}

.menu-plates__container-2col-noimage .menu-plateContent {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}

.menu-plates__container-2col-noimage .menu-plateContent .menu-plate__price {
  display: grid;
  grid-gap: 0.8rem;
  justify-content: right;
}

.menu-plates__container-2col-noimage .menu-plateContent .menu-plate__price .menu-plate__add {
  display: flex;
  justify-content: flex-end;
}

.menu-plates__container-4col,
.menu-plates__container-4col-1col {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 4rem;
}

.menu-plates__container-4col .menu-plate,
.menu-plates__container-4col-1col .menu-plate {
  grid-template-rows: 27rem auto;
}

.menu-plates__container-4col .menu-plate .menu-plate__image img,
.menu-plates__container-4col-1col .menu-plate .menu-plate__image img {
  width: 100%;
  height: 27rem;
  object-fit: cover;
}

.menu-plates__container-3col {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 4rem;
}

.menu-plates__container-3col .menu-plate {
  grid-template-rows: 37.3rem auto;
}

.menu-plates__container-3col .menu-plate .menu-plate__image img {
  height: 37.3rem;
  width: 100%;
}

.menu-plates__container-4col .menu-plateContent,
.menu-plates__container-4col-1col .menu-plateContent,
.menu-plates__container-3col .menu-plateContent,
.menu-plates__container-2col-izq .menu-plateContent,
.menu-plates__container-2col-der .menu-plateContent {
  display: grid;
  grid-gap: 1.6rem;
}

.menu-plates__spacing {
  padding: 1.6rem;
}

.menu-plate__imageContainer {
  transition: all ease 0.3s;
}

.menu-plate__imageContainer img {
  object-fit: cover;
  cursor: pointer;
}

.menu-plate {
  display: grid;
  grid-gap: 0.8rem;
  transition: all ease 0.3s;
}

.menu-plate.rounded-circle {
  border-radius: 1rem;
}

.menu-plate__info {
  flex: auto;
}

.menu-plate__title {
  display: flex;
  justify-content: space-between;
}

.menu-plate__infoTitle {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0.8rem;
  color: var(--color-light-text);
}

.menu-plate__infoTitle a img {
  width: 2.4rem;
  margin-right: 0.5rem;
}

.menu-plate__alergens {
  margin-bottom: 0.8rem;
  display: grid;
  align-items: center;
  grid-gap: 0.4rem;
  grid-template-columns: repeat(6, 3.5rem);
}

.menu-plate__alergens img {
  width: 2.2rem;
  margin-right: 0.8rem;
}

.menu-plate__alergens i {
  background-color: var(--color-white);
  color: var(--color-eerie-black);
  height: 2.8rem;
  width: 2.8rem;
  padding: 0.2rem;
  border-radius: 3rem;
  display: inline-flex;
  margin: 0.4rem;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
}

.menu-plate__alergens2 {
  grid-template-columns: repeat(11, 1fr);
}

.menu-plate__alergens .alg-recomended i {
  background: #fafd91;
}

.menu-plate__alergens .alg-new i {
  background: #d6c5ff;
}

.menu-plate__alergens .alg-spicy i {
  background: #ffbfbf;
}

.menu-plate__alergens .alg-glutenfree i {
  background: #fddba6;
}

.menu-plate__alergens .alg-peanut i {
  background: #ffe7c3;
}

.menu-plate__alergens .alg-veggie i {
  background: #d3ffb3;
}

.menu-plate__alergens .alg-shrimp i {
  background: #fd9191;
}

.menu-plate__alergens .alg-dairy i {
  background: #ddf6ff;
}

.menu-plate__alergens .alg-egg i {
  background: #f7f7f7;
}

.menu-plate__alergens .alg-fish i {
  background: #91effd;
}

.menu-plate__alergens .alg-soy i {
  background: #91fdb9;
}

.menu-plate__infoDescription {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  line-height: 1.4em;
  color: var(--color-light-text);
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.menu-plate__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-plate__infoPrice {
  font-size: 1.8rem;
  line-height: 1.6em;
}

.reduced-price {
  font-weight: bold;
  color: var(--color-eerie-black);
  margin-right: 0.8rem;
}

.normal-price {
  font-weight: bold;
  color: var(--color-eerie-black);
}

.reduced-applied {
  text-decoration: line-through;
  opacity: 0.8;
  color: var(--color-light-text);
  font-weight: bold;
}

.multiple-addons-qty i {
  height: 3rem;
  font-size: 2.4rem;
}

.menu-plate__add .add-product,
.delivery__formCounter .multiple-addons-qty {
  background: var(--color-eerie-black);
  color: var(--color-white);
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2rem;
  font-size: 2.4rem;
}

.delivery__formCounter .multiple-addons-qty[disabled] {
  background: var(--color-grey-bd);
}

.delivery__formCounter {
  justify-content: flex-end;
}

.delivery__formCounter button.btn-icon {
  min-width: 4rem;
  height: 4rem;
}

.delivery__formCounter i {
  font-size: 3rem;
  line-height: 1.6em;
  height: 4rem;
  display: block;
}

.disclaimer {
  font-size: 1.4rem;
  padding: 3rem;
  text-align: center;
  border-top: 0.1rem solid #ddd;
  color: var(--color-light-text);
}

[role="tablist"] {
  min-width: 550px;
}

[role="tab"],
[role="tab"]:focus,
[role="tab"]:hover {
  position: relative;
  z-index: 2;
  top: 2px;
  margin: 0;
  margin-top: 4px;
  padding: 3px 3px 4px;
  border: 1px solid hsl(219deg 1% 72%);
  border-bottom: 2px solid hsl(219deg 1% 72%);
  border-radius: 5px 5px 0 0;
  overflow: visible;
  background: hsl(220deg 20% 94%);
  outline: none;
  font-weight: bold;
}

[role="tab"][aria-selected="true"] {
  padding: 2px 2px 4px;
  margin-top: 0;
  border-width: 2px;
  border-top-width: 6px;
  border-top-color: rgb(36 116 214);
  border-bottom-color: hsl(220deg 43% 99%);
  background: hsl(220deg 43% 99%);
}

[role="tab"][aria-selected="false"] {
  border-bottom: 1px solid hsl(219deg 1% 72%);
}

[role="tab"] span.focus {
  display: inline-block;
  margin: 2px;
  padding: 4px 6px;
}

[role="tab"]:hover span.focus,
[role="tab"]:focus span.focus,
[role="tab"]:active span.focus {
  padding: 2px 4px;
  border: 2px solid rgb(36 116 214);
  border-radius: 3px;
}

[role="tabpanel"] {
  padding: 5px;
  border: 2px solid hsl(219deg 1% 72%);
  border-radius: 0 5px 5px;
  background: hsl(220deg 43% 99%);
  min-height: 10em;
  min-width: 550px;
  overflow: auto;
}

[role="tabpanel"].is-hidden {
  display: none;
}

[role="tabpanel"] p {
  margin: 0;
}

/*NEW THEMES*/
.nice__shop {
  height: 100%;
  min-height: 100vh;
}

.nice__shop .nice__thmHeader {
  padding: 4rem 2.4rem 1.6rem;
}

.nice__shop .nice__thmHeader .logo img,
.nice__shop .nice__miniHeader .logo img {
  max-width: 18rem;
  max-height: 15rem;
}

.nice__shop .nice__thmBody {
  padding: 0.8rem 2.4rem 2.4rem;
}

.nice__shop .toolbar-nice__item {
  margin-bottom: 2.4rem;
}

.nice__shop .about h1 {
  font-size: 3.2rem;
  margin-bottom: 0.8rem;
}

.nice__shop .about p {
  font-size: 1.6rem;
  line-height: 1.4em;
  margin: 0 0 1.6rem;
}

.nice__shop .slider .owl-carousel .owl-item img {
  border-radius: 1rem;
}

.nice__shop .owl-theme .owl-dots {
  padding: 0.4rem;
}

.nice__shop .schedule button {
  border: 1px solid;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  justify-content: center;
  margin-bottom: 1.6rem;
}

.nice__shop .schedule .opening-days {
  display: none;
}

.nice__shop .navigation ul li {
  margin-bottom: 1.6rem;
}

.nice__shop .navigation ul li a {
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  height: 5.6rem;
  line-height: 1.4em;
  transition: var(--tran-02);
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.nice__shop .footer-company__socialmedia {
  justify-content: center;
}

.created-with svg {
  max-width: 10rem;
}

.nice__shop .nice__thmMenuHeader {
  min-height: 75rem;
  padding: 1.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nice__shop .nice__miniHeader {
  min-height: 24rem;
  padding: 1.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nice__shop .nice__thmMenuHeader .actions,
.nice__shop .nice__miniHeader .actions {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 1.6rem;
  color: var(--color-eerie-black);
  font-size: 2rem;
}

.nice__shop .nice__thmMenuHeader .actions a,
.nice__shop .nice__thmMenuHeader .actions a:hover,
.nice__shop .nice__thmMenuHeader .actions a:visited,
.nice__shop .nice__miniHeader .actions a,
.nice__shop .nice__miniHeader .actions a:hover,
.nice__shop .nice__miniHeader .actions a:visited {
  color: var(--color-eerie-black);
}

.nice__shop .actions .nav-button,
.nice__shop .actions .bagde {
  width: 4rem;
  height: 4rem;
  background: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
  line-height: 1em;
}

/*LemonTree*/
.nice__lemontree {
  height: 100%;
  min-height: 100vh;
}

.nice__lemontree .nice__thmHeader {
  padding: 4rem 2.4rem 1.6rem;
}

.nice__lemontree .nice__thmHeader .logo img,
.nice__lemontree .nice__miniHeader .logo img {
  max-width: 18rem;
  max-height: 15rem;
}

.nice__lemontree .nice__thmBody {
  padding: 0.8rem 2.4rem 2.4rem;
}

.nice__lemontree .toolbar-nice__item {
  margin-bottom: 2.4rem;
}

.nice__lemontree .about h1 {
  font-size: 3.2rem;
  margin-bottom: 0.8rem;
}

.nice__lemontree .about p {
  font-size: 1.6rem;
  line-height: 1.4em;
  margin: 0 0 1.6rem;
}

.nice__lemontree .slider .owl-carousel .owl-item img {
  border-radius: 1rem;
}

.nice__lemontree .owl-theme .owl-dots {
  padding: 0.4rem;
}

.nice__lemontree .schedule button {
  border: 1px solid;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  justify-content: center;
  margin-bottom: 1.6rem;
}

.nice__lemontree .schedule .opening-days {
  display: none;
}

.nice__lemontree .navigation ul li {
  margin-bottom: 1.6rem;
}

.nice__lemontree .navigation ul li a {
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 500;
  height: 5.6rem;
  line-height: 1.4em;
  transition: var(--tran-02);
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.nice__lemontree .footer-company__socialmedia {
  justify-content: center;
}

.created-with svg {
  max-width: 10rem;
}

.nice__lemontree .nice__thmMenuHeader {
  min-height: 32rem;
  padding: 1.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nice__lemontree .nice__miniHeader {
  min-height: 24rem;
  padding: 1.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nice__lemontree .nice__thmMenuHeader .actions,
.nice__lemontree .nice__miniHeader .actions {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 1.6rem;
  color: var(--color-eerie-black);
  font-size: 2rem;
}

.nice__lemontree .nice__thmMenuHeader .actions a,
.nice__lemontree .nice__thmMenuHeader .actions a:hover,
.nice__lemontree .nice__thmMenuHeader .actions a:visited,
.nice__lemontree .nice__miniHeader .actions a,
.nice__lemontree .nice__miniHeader .actions a:hover,
.nice__lemontree .nice__miniHeader .actions a:visited {
  color: var(--color-eerie-black);
}

.nice__lemontree .actions .nav-button,
.nice__lemontree .actions .bagde {
  width: 4rem;
  height: 4rem;
  background: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
  line-height: 1em;
}

.nice__lemontree .nice__thmMenuHeader .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.nice__lemontree .nice__thmMenuHeader .logo img {
  max-width: 28rem;
}

.menuBodycontainer .menu-plates__containerFeatured {
  gap: 2rem;
}

.nice-bio-theme .rounded-circle {
  border-radius: 3rem;
}

/*POSTS*/
#postModal {
  background-color: rgba(0, 0, 0, 0.5);
}

#postModal .contain-full {
  max-width: 64rem;
  width: 100%;
}

.modal-header__post {
  padding: 2rem;
}

.modal-header__post img.logo-user {
  max-height: 6rem;
}

.modal-body__postInfoheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post-count-liked {
  padding: 0.5rem;
}

.modal-body__postTags .tag {
  border-radius: 0.4rem;
  padding: 0.8rem 1rem;
  display: inline-block;
  font-weight: 600;
  background: var(--color-green-light);
}

.modal-body__post .post-title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.6rem;
  margin-bottom: 1rem;
}

.modal-body__postContent {
  text-align: justify;
  font-size: 1.4rem;
  line-height: 1.4em;
  margin: 2.5rem 0;
}

.subscription-payment-total {
  background: var(--color-purple-light);
  padding: 1.6rem 1.6rem 0.1rem;
  border-radius: 1rem;
}

.btn-payment-type {
  background-color: var(--color-white);
  color: var(--color-grey);
  padding: 1.6rem;
  border: 1px solid var(--color-grey);
  border-radius: 1rem;
  width: 100%;
}

.btn-payment-type i {
  font-size: 2.4rem;
}

.payment-type-form {
  padding-top: 1.6rem;
}

.btn-payment-type.active {
  border: 1px solid var(--color-purple);
  color: var(--color-white);
  background: var(--color-purple);
  font-weight: 500;
}

/* Estilos generales del loader */
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  color: var(--color-white);
  justify-content: center;
  gap: 1.6rem;
  align-items: center;
  z-index: 9999;
}

/* Estilo para el spinner */
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

.loader p {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 1.6rem;
}

/* Animación del spinner */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Estilos para el overlay y el spinner */
#loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Fondo semi-transparente */
  z-index: 9999;
  /* Asegurarse que está encima de todo */
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  border: 8px solid rgba(255, 255, 255, 0.3);
  border-top: 8px solid white;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  animation: spin 1slinear infinite;
  justify-self: center;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {

  .nice__shop .nice__thmHeader .logo img,
  .nice__shop .nice__thmMenuHeader .logo img {
    max-width: 15rem;
    max-height: 12rem;
  }

  .nice__shop .about h1 {
    font-size: 2.2rem;
  }

  .nice__shop .about p {
    font-size: 1.4rem;
  }

  .nice__shop .navigation ul li a {
    font-size: 1.6rem;
    height: 4.8rem;
  }

  .nice__shop .nice__thmMenuHeader {
    min-height: 18.4rem;
  }

  .nice__lemontree .nice__thmHeader .logo img,
  .nice__lemontree .nice__thmMenuHeader .logo img {
    max-width: 15rem;
    max-height: 12rem;
  }

  .nice__lemontree .about h1 {
    font-size: 2.2rem;
  }

  .nice__lemontree .about p {
    font-size: 1.4rem;
  }

  .nice__lemontree .navigation ul li a {
    font-size: 1.6rem;
    height: 4.8rem;
  }

  .nice__lemontree .nice__thmMenuHeader {
    min-height: 18.4rem;
  }

  .menu-plate__imageContainer img {
    width: 12.8rem;
    height: 12.8rem;
  }

  .menu-plates__containerFeatured::-webkit-scrollbar,
  .thm_deliveryMenu::-webkit-scrollbar {
    height: 0;
  }

  .containerSlidePad {
    padding: 1.6rem 0;
  }

  .menuBodycontainer {
    padding: 0 1.6rem;
  }

  .theme-menuNav .thm_containerMd {
    border-radius: 0;
    display: grid;
  }

  .theme-menuHeadercontainer {
    margin-top: 0;
  }
}

/*/NEW THEMES*/

/*RESPONSIVE*/
@media (max-width: 800px) {
  .appheader__companyName {
    display: none;
  }

  .appheader {
    padding: 1rem 1.6rem 1rem 4.8rem
  }

  .appheader__message--text span {
    display: none;
  }

  .appheader__message--text .appbtn__noicon {
    padding: 1rem 1.6rem;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .appheader__logo {
    grid-gap: 2rem;
    width: 6rem;
  }

  .appheader__usernav {
    grid-gap: 1.5rem;
    grid-template-columns: repeat(3, 4rem)5rem;
  }

  .appheader__usernav-foodie {
    grid-template-columns: auto 4rem;
    grid-gap: 1.6rem;
  }

  .order__address {
    display: inline-block;
    width: 30rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .view_order {
    font-size: 1.6rem;
  }

  .app__welcomeTabs {
    grid-template-columns: 1fr;
  }

  .tabVertical {
    width: 100%;
    height: initial;
  }

  .tabVertical button {
    padding: 1rem 1.6rem;
    width: 100%;
    font-size: 1.2rem;
  }

  .tabcontentVertical {
    float: left;
    padding: 2.4rem 0.8rem;
    width: 100%;
    height: initial;
  }

  .tabcontentVertical p,
  .tabcontentVertical ul {
    font-size: 1.2rem;
  }

  .thm_deliveryMenu {
    display: block;
    font-size: 1.4rem;
  }

  /************ HEADER APP ***********/
  .app__container-header {
    border-bottom: var(--line);
    height: initial;
    display: block;
    align-items: center;
    padding: 1.6rem;
  }

  .app__container-header-title {
    padding: 0 0 1.6rem;
    justify-content: center;
  }

  .app__container-header-title h1 {
    font-size: 2rem;
    font-weight: 500;
  }

  .d-sm-none {
    display: none;
  }


  .btn-navbar {
    display: flex;
    gap: 0.8rem;
    justify-content: center;
  }

  .dp-gridMobile {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  .n-btn {
    font-size: 1.4rem;
  }

  .big-btn {
    font-size: 1.6rem;
  }

  .nice__productCounter {
    padding: 0.8rem 0.4rem;
    max-width: 6rem;
  }

  .n-btn-icon span {
    display: none;
  }

  .n-card-item {
    padding: 1.6rem;
  }

  .f-width {
    width: 100%;
  }

  .mr08 {
    margin-right: 0.8rem !important;
  }

  .btn-navbar .n-btn .btn__icon {
    display: none;
  }

  .app__container-body-table {
    padding: 2.4rem;
  }

  .appheader__usernav--usernotifications-button {
    height: 4rem;
    width: 4rem;
  }

  .appheader__usernav--usermenu-button {
    height: 4rem;
    width: 4rem;
  }

  .appheader__logo a {
    height: 4rem;
  }

  .appheader__icon--image {
    width: 4rem;
    height: 4rem;
  }

  .city-switch a {
    padding: 1rem !important;
    font-size: 1.2rem;
  }

  .btn-sign {
    display: none;
  }

  .order__detailLink button {
    display: flex;
    justify-content: center;
    font-size: 1.3rem;
  }

  .user-orders .app__container-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .user-orders .btn-navbar {
    display: flex;
  }

  .n-orderSent {
    font-weight: 600;
    font-size: 1.4rem;
  }

  .user-orders .app__container-header h3 {
    font-size: 1.6rem;
    font-weight: 600;
  }

  .user-orders .n-btn {
    font-size: 1.6rem;
    margin-right: 0;
    width: 100% !important;
    padding: 1.6rem 1.6rem;
    height: auto;
    border-radius: 3.2rem;
  }

  .user-orders .client__data {
    line-height: 1.6em;
  }

  .nice__gridRow {
    display: block;
  }

  .app-modalRight .modal-dialog {
    width: 100%;
  }

  .app-modalRight .modal-footer {
    gap: 0;
  }

  .app-modalRight .modal-footer .btn-mFooter {
    font-size: 1.6rem;
  }

  .appheader__userName {
    display: none;
  }

  /*SIDEBAR ORDERS*/

  .btn-niceSidebar {
    font-size: 1.3rem;
  }

  .orderAddons {
    font-size: 1.3rem;
  }

  /*FOODIE PROFILE*/
  .foodie__cover .name h1 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }

  .foodie__cover .name span {
    font-size: 1.4rem;
  }

  .foodie__cover .logo img {
    border-radius: 2rem;
    max-width: 12rem;
  }

  .foodie__bio {
    padding: 0 2.4rem 2.4rem;
    font-size: 1.4rem;
  }

  .foodie-banner {
    height: 16rem;
  }

  .toolbar-foodie {
    display: grid;
    grid-gap: 1.6rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    padding: 0 2.4rem;
  }

  section.main-section {
    padding: 5rem 2.4rem;
  }

  .sec-nice h2 {
    font-size: 2rem;
    line-height: 1.2em;
    margin-bottom: 2rem;
    text-align: center;
  }

  .sec-nice h4 {
    font-size: 1.7rem;
    margin-bottom: 3rem;
    text-align: center;
  }

  .user-container_images {
    display: grid;
    grid-gap: 2rem;
  }

  .foodie__cover {
    gap: 1.6rem;
  }

  /*FORMS*/
  label {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }

  textarea.form-control {
    font-size: 1.4rem;
  }

  .result-container {
    padding: 0;
  }

  .result-header h1 {
    font-size: 1.6rem;
    padding: 0;
    margin-bottom: 1.6rem;
  }

  .searchbar-group input[type="text"] {
    font-size: 1.4rem;
    height: 4rem;
  }

  .nice__search-icon {
    padding: 0.6rem 0 0.6rem 0.6rem;
  }

  .delivery__formCounter button {
    height: 3.2rem;
    width: 3.2rem;
    padding: 0 !important;
    min-width: 2.4rem;
    font-size: 2rem;
  }

  .delivery__form--image img {
    min-height: 32rem;
    max-height: 32rem;
  }

  /*SEARCH BAR REGION*/
  .niceeat_search__searchForm .search_words,
  .niceeat_search__searchForm input[type="text"],
  .niceeat_search__searchForm select {
    font-size: 1.4rem !important;
    padding: 0.8rem 1.6rem 0.8rem 0.8rem !important;
    height: 4rem !important;
  }

  .search__cats {
    padding: 0;
  }

  .search__catsButton-dropdown {
    height: 4rem;
    width: 4rem;
    border-radius: 3rem;
    padding: 0.8rem;
  }

  .search__catsButton-dropdown i {
    font-size: 2.2rem;
  }

  .search__cats .dropdown__menu--userItem a {
    display: block;
    font-size: 1.3rem;
  }

  .search__catsButton-dropdown .dropdown__icon {
    height: 2rem;
    width: 2rem;
    margin-right: 0;
  }

  .search__catsButton-dropdown span {
    display: none;
  }

  .search_homeBox {
    display: grid;
    background: transparent;
    padding: 1rem;
    border-radius: 0;
    grid-gap: 2rem;
  }

  .search_resultsBox {
    display: grid;
    background: transparent;
    border-radius: 0;
    grid-gap: 1.6rem;
    grid-template-columns: 1fr auto;
    padding: 0;
  }

  .nice-slideBottombutton {
    height: 0.8rem;
    width: 1.6rem;
  }

  .containerSlide {
    padding: 0;
  }

  /*HOME ABOUT*/
  .thm_about1 h2 {
    font-size: 2.4rem;
  }

  /*COUPONS*/
  .theme-coupon__containerInfo h3 {
    font-size: 1.8rem;
  }

  .theme-coupon__infoDate {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }

  .theme-cuponcode_title {
    font-size: 1.4rem;
  }

  .theme-coupon__title h2 {
    font-size: 1.8rem;
  }

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

  .theme-coupon__infoSave {
    display: grid;
    margin: 2rem 0 0;
  }

  .theme-couponcode button.btn-couponcode {
    font-size: 1.6rem;
    margin: 1rem;
  }

  /*ORDERS*/
  .activeOrders_header {
    grid-template-columns: 1fr;
  }

  .nice__slider {
    min-height: 19rem;
  }

  .themes-container {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  }

  /*THEMES GENERAL*/
  /*INDEX*/
  .footer-company__socialmedia {
    grid-template-columns: repeat(auto-fit, minmax(4rem, auto));
    justify-content: center;
    grid-gap: 1rem;
    margin-bottom: 0;
  }

  .thm_aboutTitle h2 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1.6rem;
  }

  .theme-title h3 {
    font-size: 2.8rem;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 1.6rem;
  }

  .toolbar-nice .thm_container {
    display: block;
  }

  .toolbar-nice__item {
    font-size: 1.4rem;
    padding: 0.8rem 2.4rem;
  }

  /*-- COMMENTS*/
  .theme-comments_listItem,
  .theme-comments__answer {
    display: block;
    padding: 1.6rem;
    font-size: 1.3rem;
  }

  .theme-comments_userImage {
    width: 5rem;
    height: 5rem;
  }

  .thm_commentsContainer {
    padding: 2rem 0 0;
  }

  .thm_CommentsDate {
    font-size: 1.4rem;
  }

  .thm_commentsScore {
    font-size: 1.4rem;
    display: grid;
  }

  .thm_commentsComment {
    font-size: 1.4rem;
  }

  .btn_sites {
    font-size: 1.4rem;
    padding: 1.5rem;
  }

  /*-- COVER*/
  .nice__themecover {
    margin-top: 0;
  }

  .nice__coverContainer {
    grid-template-columns: 1fr;
    font-size: 1.4rem;
  }

  .topbarcover h2 {
    font-size: 1.6rem;
  }

  .coverMarketplace {
    padding: 1.6rem;
  }

  .topbarcover .order-optionButton {
    padding: 1.2rem 0.6rem;
  }

  .nice__coverLogo {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .nice__coverBusinessInfo h1 {
    font-size: 2.4rem;
    text-align: center;
  }

  .nice__coverAddress {
    text-align: center;
    display: inline-block;
  }

  .nice__coverOrderInfo {
    border: 0;
    border-top: 1px solid var(--color-grey-bd);
    padding: 1.6rem 0 0;
  }

  .nice__coverBusinessInfo a {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }

  .topbarcover {
    padding: 0 !important;
  }

  .nice__coverOrderType h3 {
    font-size: 1.2rem;
  }

  .slider-text {
    bottom: 4.8rem;
    padding: 2.4rem;
  }

  /*-- FOOD MENU RESPONSIVE*/
  .theme-menuNav .thm_container {
    padding: 0;
  }

  .theme-menu .thm_pageHeader {
    min-height: 14rem;
  }

  a.thm_navItem {
    margin-right: 1rem;
  }

  .nav-tabs:before {
    content: none;
    color: var(--color-eerie-black);
    font-size: 12px;
    line-height: 1.6666667;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    opacity: 0.9;
  }

  .nav-tabs>li.active>a:after,
  .nav-tabs>li.active>a:hover:after,
  .nav-tabs>li.active>a:focus:after {
    content: none;
  }

  .theme-menu-container ul.nav-tabs li.nav-item a {
    font-size: 1.3rem;
    padding: 1rem 2.5rem;
    border: 0;
    margin-bottom: 2px;
  }

  .nav-tabs>li {
    margin-bottom: -2px;
  }

  .theme-menu__categoryTitle {
    font-size: 2.8rem;
  }

  .theme-menu__categoryDescription {
    font-size: 1.4rem;
    line-height: 1.4em;
  }

  .theme-title {
    margin-bottom: 0;
  }

  .theme-title h2 {
    font-size: 2.4rem;
    line-height: 1.3em;
    margin-bottom: 0;
  }

  .theme-title h4 {
    font-size: 1.6rem;
  }

  .thm_deliveryMenu::-webkit-scrollbar {
    height: 0;
  }

  .menu-plates__container-4col .menu-plate .menu-plate__image img,
  .menu-plates__container-3col .menu-plate .menu-plate__image img {
    height: 15.4rem;
    width: 100%;
  }

  .menu-plates__container-4col-1col .menu-plate__imageContainer {
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }

  .menu-plates__container-4col-1col .menu-plate .menu-plate__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }

  .menu-plates__container-2col-izq,
  .menu-plates__container-2col-der {
    grid-template-columns: 1fr;
  }

  .menu-plates__container-2col-izq .menu-plate {
    grid-template-columns: 12rem 1fr;
    grid-gap: 1.6rem;
  }

  .menu-plates__container-2col-der .menu-plate {
    grid-template-columns: 1fr 12rem;
    grid-gap: 1.6rem;
  }

  .menu-plates__container-2col-izq .menu-plate .menu-plate__image img,
  .menu-plates__container-2col-der .menu-plate .menu-plate__image img {
    height: 12rem;
  }

  .menu-plates__container-2col-noimage {
    grid-template-columns: 1fr;
    grid-gap: 0.8rem;
  }

  .menu-plates__container-2col-noimage .menu-plateContent {
    grid-template-columns: 1fr;
    grid-gap: 0.8rem;
  }

  .menu-plates__container-2col-noimage .menu-plateContent .menu-plate__price {
    display: flex;
    justify-content: space-between;
  }

  .menu-plates__container-4col .menu-plateContent,
  .menu-plates__container-4col-1col .menu-plateContent,
  .menu-plates__container-3col .menu-plateContent,
  .menu-plates__container-2col-izq .menu-plateContent,
  .menu-plates__container-2col-der .menu-plateContent {
    grid-gap: 0.8rem;
  }

  .menu-plates__container-4col,
  .menu-plates__container-3col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 2rem;
    justify-content: center;
  }

  .menu-plates__container-4col-1col {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    justify-content: center;
  }

  .menu-plates__container-4col .menu-plate,
  .menu-plates__container-3col .menu-plate {
    grid-template-rows: 15.4rem auto;
  }

  .menu-plates__container-4col-1col .menu-plate {
    grid-template-rows: auto auto;
  }

  .menu-plates__spacing {
    padding: 1.6rem;
  }

  .theme-menu__catFeaturedContainer,
  .theme-menu__catContainer {
    padding-bottom: 2.4rem;
  }

  .menu__image-first .menu-plate .menu-plate__image img {
    height: 14rem;
  }

  .menu__image-first .menu-plate {
    grid-template-rows: auto auto;
  }

  .menu__image-first .menu-plate__infoDescription {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 14rem;
  }

  .menu__image-first .menu-plate__infoPrice {
    margin-bottom: 1.6rem;
  }

  .menu__image-first .menu-plate__infoTitle {
    font-size: 1.4rem;
  }

  .theme-menu__title {
    margin-bottom: 0;
    text-align: center;
  }

  .theme-menu__categoryTitle text-center {
    font-size: 2.8rem;
  }

  .menu-plates__containerFeatured .menu-plate .menu-plate__image img {
    height: 13.6rem;
    max-width: 12.8rem;
  }

  .menu-plate {
    grid-gap: 0.8rem;
  }

  .menu-plateContent {
    padding: 1.6rem;
  }

  .menu-plate:hover {
    background: transparent;
  }

  .menu-plates__containerFeatured .menu-plate {
    min-width: 12.8rem;
  }

  .menu-plates__containerFeatured .menu-plate .menu-plate__infoTitle {
    width: 12.8rem;
  }

  .menu-plate__infoTitle {
    font-size: 1.3rem;
    display: inline-block;
    margin-bottom: 0.8rem;
  }

  .menu-plate__infoTitle a {
    padding: 0.5rem 0;
    display: inline-block;
  }

  .menu-plate__alergens {
    display: grid;
    align-items: center;
    grid-gap: 0.4rem;
    grid-template-columns: repeat(4, 2.8rem);
  }

  .menu-plate__alergens i {
    height: 2.4rem;
    width: 2.4rem;
    font-size: 1.4rem;
    margin: 0;
  }

  .menu-plate__infoDescription {
    font-size: 1.2rem;
    color: var(--color-middark-grey)
  }

  .menu-plate__infoPrice {
    font-size: 1.2rem;
  }

  .menu__image-first .menu-plate__price {
    display: grid;
  }

  .nav-tabs {
    border: 0;
    padding: 0;
  }

  .order-buttonContainer {
    width: 100%;
    right: 0;
    padding: 0.4rem 2.4rem;
    bottom: 1rem;
    z-index: 99;
  }

  .invoice-boxContainer {
    padding: 0;
    background: transparent;
  }

  .nice__progressbar {
    display: grid;
    grid-template-columns: 1fr;
  }

  .btn-niceOrders {
    font-size: 1.6rem;
  }

  /* .nice__orderContainer {
    padding: 0.8rem 1.6rem;
  } */

  .nice__orderContainer .n__ordType h3 {
    font-size: 1.4rem;
    max-width: 30rem;
  }

  .nice__orderContainer .orderTypeIcon {
    width: 2.4rem;
    height: 2.4rem
  }

  .nice__orderContainer .n__ordType button {
    font-size: 1.4rem;
    padding: 0.8rem 1.6rem;
  }

  .nice__orderContainer .n__ordType {
    display: grid;
    align-items: center;
    gap: 0.8rem;
    justify-content: center;
  }

  a.socialmedia-item {
    width: 3.6rem;
    height: 3.6rem;
  }

  a.socialmedia-item img {
    width: 2rem;
    height: 2rem;
  }

  #formModalOrderitem .modal-dialog {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 3rem;
    bottom: 0;
    align-items: initial;
  }

  #formModalOrderitem .modal-content {
    margin-bottom: 5rem;
  }
}

/*NICE BIO*/
.nice-bioSite {
  display: grid;
  min-height: 100vh;
  width: 100%;
}

.nice__bioBg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.nice-bioMessage,
.nice-bioHeader,
.nice-bioBody {
  position: relative;
  z-index: 2;
}

.nice-bioMessage {
  width: 100%;
  padding: 1.6rem;
}

.nice-bioHeader img {
  max-width: 17rem;
  max-height: 17rem;
}

.nice__bioMaincontent {
  min-width: 30rem;
  max-width: 48rem;
  width: 100%;
}

.nice-bioTitle {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1em;
}

.nice-bioDescription {
  font-size: 1.6rem;
  line-height: 1.2em;
}

.nice-bioButtonsContainer {
  padding: 1.6rem 0;
  grid-template-columns: 1fr 1fr;
}

.nice-bioButtonsContainer a {
  display: block;
}

.nice-bioButtonsContainer.rounded-corners img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}

.nice-bioButtonsContainer a button {
  padding: 1.6rem 2.4rem;
  width: 100%;
  border: 0;
  font-weight: 500;
  font-size: 1.6rem;
}

.rounded-corners {
  border-radius: 1.6rem;
}

.top-rounded-corners {
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}

.rounded-circle {
  border-radius: 50%;
}

.nice__tableCat {
  grid-template-columns: repeat(3, 1fr) auto;
  align-items: center;
  transition: var(--tran-03);
}

.reorder_catTable {
  display: flex;
  align-items: center;
}

.reorder_catTable .btn-table__icon,
.reorder_pageTable .btn-table__icon {
  fill: var(--color-strawberry);
  margin-right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
}

.nice__tablePage {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 23.5rem));
  align-items: center;
  transition: var(--tran-03);
}

.reorder_pageTable {
  display: flex;
  align-items: center;
}

.nice__tablePage a {
  color: var(--color-eerie-black);
}

.nice__pageImage img {
  width: 100%;
  max-width: 8rem;
  height: auto;
  border-radius: 1rem;
}

.trumbowyg-editor p,
.trumbowyg-editor ul,
.trumbowyg-editor h1,
.trumbowyg-editor h2,
.trumbowyg-editor h3,
.trumbowyg-editor h4,
.trumbowyg-editor h5,
.trumbowyg-editor h6 {
  margin-bottom: 2.4rem;
}

.trumbowyg-editor h1 {
  font-size: 4.8rem;
}

.trumbowyg-editor h2 {
  font-size: 4rem;
}

.trumbowyg-editor h3 {
  font-size: 2.8rem;
}

.trumbowyg-editor h4 {
  font-size: 2.4rem;
}

.trumbowyg-editor h5 {
  font-size: 2rem;
}

.trumbowyg-editor h6 {
  font-size: 1.6rem;
}

.trumbowyg-editor p {
  font-size: 1.4rem;
  line-height: 1.6em;
}

.trumbowyg-editor ul li {
  list-style: disc;
  margin-left: 3.4rem;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: normal;
}

.trumbowyg-editor ol li {
  list-style: decimal;
  margin-left: 3.4rem;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: normal;
}

.trumbowyg-editor img {
  border-radius: 2rem;
}

.trumbowyg-editor blockquote {
  font-size: 2rem;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.4em;
  margin-bottom: 3rem;
  background: var(--color-purple-light);
  padding: 2.4rem;
  border-radius: 2rem;
}

.trumbowyg-editor table {
  margin-bottom: var(--tbw-cell-line-height);
}

.trumbowyg-editor th,
.trumbowyg-editor td {
  height: calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height));
  min-width: calc(var(--tbw-cell-horizontal-padding) * 2);
  padding: var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding);
  border: 1px solid #e7eaec;
}

.trumbowyg-editor th {
  text-align: left;
  padding: 1rem;
  background: var(--color-grey-f2);
  color: var(--color-eerie-black);
  font-size: 1.6rem;
  padding: 0.8rem;
  border: 1px solid var(--color-grey-e0);
}

.nice_table-kds .owl-carousel .owl-nav button.owl-prev,
.nice_table-kds .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  background: rgba(21, 18, 36, 0.8);
  color: var(--color-white);
  width: 7rem;
  top: calc(100vh /3);
  border-radius: 5rem;
  line-height: 1.3em;
  display: block;
  height: 7rem;
}

.nice_table-kds .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.nice_table-kds .owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.kds-command {
  max-width: 32rem;
  border: 1px solid var(--color-grey-e0);
  background: var(--color-grey-f2);
}

.dark-mode {
  background: var(--color-dark-back);
}

@media (max-width: 800px) {}