/*!*****************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!./app/appRoot/app.css ***!
  \*****************************************************************************************************************************************************************************/

html {
    /*
    Allows us to use rem using in 10's (eg '2.5rem' = '25px')
    62.5% of 16px = 10px
    */
    font-size: 62.5%;
}

body {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

/* here we must force iPhone (as of iOS16.4) users' input fields to a large enough value that it doesn't auto-zoom for them */

@supports (-webkit-overflow-scrolling: touch) {
    .is-iphone select,
    .is-iphone select:focus,
    .is-iphone textarea,
    .is-iphone textarea:focus,
    .is-iphone input,
    .is-iphone input:focus {
      font-size: 21px;
    } 
}

#root {
    position: relative !important;
}

#root {
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}

@supports (height: 100dvh) {
    #root {
        height: 100dvh;
    }
}

.MuiDialog-container,
.ReactModalPortal {
    font-family: 'Inter', sans-serif;
}

.venueLoaderOverlay {
    position: fixed;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./app/appRoot/react-carousel.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.BrainhubCarousel__arrows{position:relative;padding:21px;border:none;overflow:hidden;outline:0;font-size:0;line-height:0;background-color:#7b59ff}.BrainhubCarousel__arrows span{display:block;position:absolute;top:50%;left:50%;border-style:solid;border-color:#fff;border-width:3px 3px 0 0;padding:5px;transition:.3s;font-size:0}.BrainhubCarousel__arrows:hover{background-color:#8768ff}.BrainhubCarousel__arrows:hover span{display:block;position:absolute;top:50%;left:50%;border-style:solid;border-color:#fff;border-width:3px 3px 0 0;padding:5px;transition:.3s;font-size:0}.BrainhubCarousel__arrows:hover:enabled{background-color:#8768ff}.BrainhubCarousel__arrows:hover:enabled span{border-color:#fff;margin:0}.BrainhubCarousel__arrows:disabled{background-color:#ccc}.BrainhubCarousel__arrowLeft span{-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg);margin-left:2.45px}.BrainhubCarousel__arrowRight span{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);margin-left:-2.45px}.BrainhubCarousel--isRTL .BrainhubCarousel__arrowLeft span{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);margin-left:-2.45px}.BrainhubCarousel--isRTL .BrainhubCarousel__custom-arrowLeft span{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.BrainhubCarousel--isRTL .BrainhubCarousel__arrowRight span{-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg);margin-left:2.45px}.BrainhubCarousel--isRTL .BrainhubCarousel__custom-arrowRight span{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.BrainhubCarousel--isRTL .BrainhubCarousel__arrows:hover span{margin:0}.BrainhubCarousel__arrow--disable{pointer-events:none}.BrainhubCarousel__dots{display:flex;justify-content:center;list-style:none;margin:0;padding:0;font-size:0;line-height:0}.BrainhubCarousel__dots.BrainhubCarousel__dots--isRTL{direction:rtl}.BrainhubCarousel__dots .BrainhubCarousel__dot{outline:0;padding:10px;border:none;opacity:.5;font-size:0;cursor:pointer;-webkit-appearance:none}.BrainhubCarousel__dots .BrainhubCarousel__dot.BrainhubCarousel__dot--selected{opacity:1 !important}.BrainhubCarousel__dots .BrainhubCarousel__dot:hover{opacity:1}.BrainhubCarousel__dots .BrainhubCarousel__dot:before{content:"";display:block;width:5px;height:5px;border-radius:50%;padding:0;border:none;background:#000}.BrainhubCarousel__dots .BrainhubCarousel__thumbnail{outline:0;padding:10px;border:none;opacity:.5;font-size:0;cursor:pointer}.BrainhubCarousel__dots .BrainhubCarousel__thumbnail.BrainhubCarousel__thumbnail--selected{opacity:1 !important}.BrainhubCarousel__dots .BrainhubCarousel__thumbnail:hover{opacity:1}.BrainhubCarousel__thumbnail[type=button]{-webkit-appearance:none}.BrainhubCarousel--isRTL+.BrainhubCarousel__dots{direction:rtl}.BrainhubCarouselItem{display:flex;justify-content:center;align-items:center;position:relative}.BrainhubCarouselItem.BrainhubCarouselItem--clickable{cursor:pointer}.BrainhubCarouselItem .debug-number{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;font-size:2em;text-shadow:0px 0px 9px #fff}.BrainhubCarousel__container{width:100%;overflow:hidden}.BrainhubCarousel{overflow:hidden;display:flex;align-items:center}.BrainhubCarousel.BrainhubCarousel--isRTL{direction:rtl}.BrainhubCarousel.BrainhubCarousel--isRTL .BrainhubCarousel__trackContainer .BrainhubCarousel__track{direction:rtl}.BrainhubCarousel .BrainhubCarousel__trackContainer{overflow:hidden}.BrainhubCarousel .BrainhubCarousel__trackContainer .BrainhubCarousel__track{display:flex;overflow:hidden;list-style:none;margin:0;padding:0}.BrainhubCarousel .BrainhubCarousel__trackContainer .BrainhubCarousel__track.BrainhubCarousel__track--transition{transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.BrainhubCarousel__arrows{cursor:pointer}.jimtest1{color:red}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/globals/typography.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.appWrap--PolXL {
  font-family: 'Inter', sans-serif
}

.appWrap--PolXL button, .appWrap--PolXL a { /* @todo: determine which other elements need default setting */
    font-family: 'Inter', sans-serif;
  }

/** WEIGHTS **/

.typReg--ZVguI {
  font-weight: 400;
}

.typMed--FNi6H {
  font-weight: 500;
}

.typBold--ynlRn {
  font-weight: 700;
}

/** SIZES **/

.typSize1--GswSJ {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.typSize2--jBdOt {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.typSize3--NQWv3 {
  font-size: 1.4rem;
  line-height: 2rem;
}

.typSize4--uv7M0 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.typSize5--V2XF0 {
  font-size: 1rem;
  line-height: 1.6rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./app/appRoot/diaryMobile.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.root--IvDz4 {
  padding: 0;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}

.fixedBottom--PdtZ_ {
  position: fixed;
  bottom: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
}

.wrapperContents--AvQau {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)
}

.wrapperContents--AvQau button {
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    color: #992662;
    font-size: 14px
  }

.wrapperContents--AvQau button span {
      text-transform: capitalize;
    }

.wrapperContents--AvQau button svg {
      margin-right: 12px;
    }

.venueLoaderOverlay--Ljsoo {
  position: fixed;
  z-index: 200;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5)
}

.venueLoaderOverlay--Ljsoo > * {
    line-height: 1.2;
    margin-bottom: 15px;
    max-width: 80%;
  }

.venueLoaderBar--HVs95 {
  width: 220px;
  height: 6px;
  background: #c2c2c2;
  position: relative;
  border: 1px solid #919191;
  border-radius: 3px
}

.venueLoaderBarInner--JwqUU {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: min-width ease-out 0.2s;
    background: #e7e7e7;
    border-radius: 3px;
    width: 0%; /* will get changed in jsx */
  }

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/ActionButton/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--tc8hn {
  box-shadow: none !important
}
.root--tc8hn {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: none
}
.rootFullWidth--Xwtjl {
    width: 100%;
  }
.rootInButtonGroup--NcLqe {
    border-radius: 0
  }
.rootInButtonGroup--NcLqe:not(:first-child) {
     margin-left: -1px;
    }
.rootInButtonGroup--NcLqe:first-child {
     border-radius: 4px 0 0 4px;
    }
.rootInButtonGroup--NcLqe:last-child {
     border-radius: 0 4px 4px 0;
    }
.rootInButtonGroup--NcLqe:hover, .rootInButtonGroup--NcLqe:focus {
      z-index: 10;
    }
.rootPrimary--QmAia {
   background-color: var(--clrNbiMagenta);
   border: solid 1px var(--clrNbiMagentaDark);
   color: #fff
  }
.rootPrimary--QmAia:hover {
       background-color: #81174e;
    }
.rootPrimary--QmAia:focus {
       background-color: #a51b63;
       border: solid 1px #80174e;
    }
.rootSecondary--vaRfd {
     background-color: #fff;
     color: var(--clrNbiMagenta);
     border: solid 1px var(--clrNbiMagenta);
    padding-top: 6px;
    padding-bottom: 6px
  }
.rootSecondary--vaRfd:hover {
       color: var(--clrNbiMagenta);
       border: solid 1px var(--clrNbiMagenta);
     }
.rootSecondary--vaRfd:focus {
       color: #992662;
       border: solid 1px var(--clrNbiMagenta);
       background-color: var(--clrNbiMagentaTint);
     }
.smallSize--BR0kP {
  font-size: 1.2rem;
}
.regularSize--EgXju {
  font-size: 1.4rem;
}
.largeSize--tG2xp {
  font-size: 1.6rem;
}
.iconSmall--QQ236 {
}
.iconSmall--QQ236 svg {
      font-size: 1.2rem !important;
    }
.iconRegular--pdy6O {
}
.iconRegular--pdy6O svg {
      font-size: 1.4rem !important;
    }
.iconLarge--XNheK {
}
.iconLarge--XNheK svg {
      font-size: 1.8rem !important;
  }
.warningOverride--FDk51 {
  background-color: var(--clrWarning) !important;
  border: solid 1px var(--clrWarningDark) !important;
  color: #fff !important;
}
.warningOverride--FDk51 {
  /* @todo: add better focus and hover colors */
}
.successOverride--eNeGA {
  background-color: var(--clrGood) !important;
  border: solid 1px var(--clrGoodDark) !important;
  color: #fff !important;
}
.successOverride--eNeGA {
  /* @todo: add better focus and hover colors */
}
.infoOverride--dnqx7 {
  background-color: var(--clrInfo) !important;
  border: solid 1px var(--clrInfoDark) !important;
  color: #fff !important;
}
.infoOverride--dnqx7 {
  /* @todo: add better focus and hover colors */
}
.errorOverride--EPemv {
  background-color: var(--clrBad) !important;
  border: solid 1px var(--clrBadDark) !important;
  color: #fff !important;
}
.errorOverride--EPemv {
  /* @todo: add better focus and hover colors */
}
.standbyOverride--DeC82 {
  background-color: var(--clrStandby) !important;
  border: solid 1px var(--clrStandby) !important;
  color: #fff !important;
}
.standbyOverride--DeC82 {
  /* @todo: add better focus and hover colors */
}
.borderRadiusV2--BCDGe {
  border-radius: 30px;
}
.singleLineTruncation--vVNI6 {
  text-overflow: ellipsis;
  overflow: hidden;
}
.borderThemeColor--TXrGA {
  border-color: var(--clrNbiMagenta);
}
.borderGreyColor--K5uvX {
  border-color: var(--clrGreyLight);
}
.fontThemeColor--yBfbN {
  color: var(--clrNbiMagenta);
}
.fontBlackColor--IZAon {
  color: #333333;
}
.hideButton--eX1s2 {
  opacity: 0;
}
.loadingWrapper--A5L2s {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/globals/colors/colors.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
/****** This is an auto-generated file. Do not edit directly. Edit 'packages/design-v2/globals/colors/app-vars.module.css' and then run 'packages/design-v2/node-scripts/css-variable-convert.js' ******/
.clrGreyDark--zjyyL {
  color: var(--clrGreyDark);
}
.bgClrGreyDark--evOxT {
  background-color: var(--clrGreyDark);
}
.clrGreyHeavy--pRk3G {
  color: var(--clrGreyHeavy);
}
.bgClrGreyHeavy--Ukv3A {
  background-color: var(--clrGreyHeavy);
}
.clrGreyMedium--dDCAQ {
  color: var(--clrGreyMedium);
}
.bgClrGreyMedium--UWWJG {
  background-color: var(--clrGreyMedium);
}
.clrGreyLight--GVdCV {
  color: var(--clrGreyLight);
}
.bgClrGreyLight--axqLS {
  background-color: var(--clrGreyLight);
}
.clrGreySuperLight--Egtkc {
  color: var(--clrGreySuperLight);
}
.bgClrGreySuperLight--J6nqH {
  background-color: var(--clrGreySuperLight);
}
.clrNbiMagenta--KuoCw {
  color: var(--clrNbiMagenta);
}
.bgClrNbiMagenta--bWl4H {
  background-color: var(--clrNbiMagenta);
}
.clrNbiMagentaDark--GsXtK {
  color: var(--clrNbiMagentaDark);
}
.bgClrNbiMagentaDark--GvwJ1 {
  background-color: var(--clrNbiMagentaDark);
}
.clrNbiMagentaLight--kf5uH {
  color: var(--clrNbiMagentaLight);
}
.bgClrNbiMagentaLight--MXZrN {
  background-color: var(--clrNbiMagentaLight);
}
.clrNbiMagentaTint--M0m7e {
  color: var(--clrNbiMagentaTint);
}
.bgClrNbiMagentaTint--JMNOU {
  background-color: var(--clrNbiMagentaTint);
}
.clrGood--wF_QT {
  color: var(--clrGood);
}
.bgClrGood--VHzFK {
  background-color: var(--clrGood);
}
.clrGoodDark--nT0k5 {
  color: var(--clrGoodDark);
}
.bgClrGoodDark--mXBmB {
  background-color: var(--clrGoodDark);
}
.clrGoodLight--_3E8b {
  color: var(--clrGoodLight);
}
.bgClrGoodLight--dCXeX {
  background-color: var(--clrGoodLight);
}
.clrBad--IDDwy {
  color: var(--clrBad);
}
.bgClrBad--m8ZNR {
  background-color: var(--clrBad);
}
.clrBadDark--p1nyY {
  color: var(--clrBadDark);
}
.bgClrBadDark--WP1MK {
  background-color: var(--clrBadDark);
}
.clrBadDarker--QWIrE {
  color: var(--clrBadDarker);
}
.bgClrBadDarker--mIpwL {
  background-color: var(--clrBadDarker);
}
.clrBadLight--fv6pL {
  color: var(--clrBadLight);
}
.bgClrBadLight--sBMiH {
  background-color: var(--clrBadLight);
}
.clrWarning--VQOvs {
  color: var(--clrWarning);
}
.bgClrWarning--taBiT {
  background-color: var(--clrWarning);
}
.clrWarningDark--GEhIf {
  color: var(--clrWarningDark);
}
.bgClrWarningDark--KO8ts {
  background-color: var(--clrWarningDark);
}
.clrWarningLight--k4dvB {
  color: var(--clrWarningLight);
}
.bgClrWarningLight--La3r1 {
  background-color: var(--clrWarningLight);
}
.clrStandby--kFigT {
  color: var(--clrStandby);
}
.bgClrStandby--c21oy {
  background-color: var(--clrStandby);
}
.clrInfo--aW82p {
  color: var(--clrInfo);
}
.bgClrInfo--WF6Ns {
  background-color: var(--clrInfo);
}
.clrInfoLight--uL8vT {
  color: var(--clrInfoLight);
}
.bgClrInfoLight--Fwsnr {
  background-color: var(--clrInfoLight);
}
.clrInfoDark--tjASo {
  color: var(--clrInfoDark);
}
.bgClrInfoDark--KcEU9 {
  background-color: var(--clrInfoDark);
}
.clrFT--r01E9 {
  color: var(--clrFT);
}
.bgClrFt--RuMSU {
  background-color: var(--clrFT);
}
.clrSblPending--u0X_y {
  color: var(--clrSblPending);
}
.bgClrSblPending--b0yVg {
  background-color: var(--clrSblPending);
}
.clrStatusConfirmed--GStjr {
  color: var(--clrStatusConfirmed);
}
.bgClrStatusConfirmed--Bwrmq {
  background-color: var(--clrStatusConfirmed);
}
.clrStatusUnconfirmed--qpwdy {
  color: var(--clrStatusUnconfirmed);
}
.bgClrStatusUnconfirmed--nnGLe {
  background-color: var(--clrStatusUnconfirmed);
}
.clrStatusSeated--X3KMN {
  color: var(--clrStatusSeated);
}
.bgClrStatusSeated--ICGOa {
  background-color: var(--clrStatusSeated);
}
.clrStatusPartiallySeated--oz1ta {
  color: var(--clrStatusPartiallySeated);
}
.bgClrStatusPartiallySeated--DTSB3 {
  background-color: var(--clrStatusPartiallySeated);
}
.clrStatusCancelled--IVA6o {
  color: var(--clrStatusCancelled);
}
.bgClrStatusCancelled--bC4pu {
  background-color: var(--clrStatusCancelled);
}
.clrStatusReserved--JLv_A {
  color: var(--clrStatusReserved);
}
.bgClrStatusReserved--rumXR {
  background-color: var(--clrStatusReserved);
}
.clrStatusOrdered--LyuOn {
  color: var(--clrStatusOrdered);
}
.bgClrStatusOrdered--ANKHq {
  background-color: var(--clrStatusOrdered);
}
.clrStatusResetTable--NU0xc {
  color: var(--clrStatusResetTable);
}
.bgClrStatusResetTable--IDYv7 {
  background-color: var(--clrStatusResetTable);
}
.clrStatusTableSet--qRJeG {
  color: var(--clrStatusTableSet);
}
.bgClrStatusTableSet--iGNIM {
  background-color: var(--clrStatusTableSet);
}
.clrStatusBlocked--IIfXc {
  color: var(--clrStatusBlocked);
}
.bgClrStatusBlocked--cb5Nf {
  background-color: var(--clrStatusBlocked);
}



/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./app/components/Login/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/

.loaderOverlay--JLHff {
    position: fixed;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.coverTransparency--TD9FC {
    background-color: rgba(255, 255, 255, 0.9);
}
.coverNonTransparency--brCA6 {
    background-color: rgba(255, 255, 255, 1);
}
.flexCenter--KbcQb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wholeView--N63CE {
    height: 100vh;
    background-image: url(../assets/bg.fa4b2102c70ff5e34d64.jpg);
    background-size: cover;
    background-position: center;
    padding: 0 40px;

}
.mainContainer--Pj_ty {
    min-width: 300px;
    max-width: 400px;
    min-height: 360px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 10px 10px #eee;
}
.imageContainer--A9qrX {
    width: 90%;
    height: 90%;
    /*background-color: #1d91c5;*/
}
.loginButton--JPVGx {
    margin-top: 20px;
    width: 90%;
    /*background-color: #02A7EB;*/
}
.forgotPassword--LaRbX {
    width: 130px;
    border: solid 0.5px #fff;
    border-bottom-color: #3c3c3c;
    padding: 5px;
    margin-top: 20px;
}
.forgotPassword--LaRbX:hover {
    cursor: pointer;
}
.versionContainer--RQ7Sp {
    margin-top: 40px;
}
.versionText--mXtqZ {
    color: #ccc;
}
.popupLoadingTextArea--mZvzy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.popupLoadingBodyText--C7Fbr {
    color: #ababab;
    white-space: pre-line;
    margin-bottom: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/bookingCreator.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.root--xlXkG {
    height: 100vh;
    height: 100dvh;
    /* width: 100vw; */
    width: 100%;

    /*
    * needs this for scrollend listeners to work
    */
    overflow: auto;
}

.savingLoaderOverlay--vjbYs {
    position: fixed;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
}

.abortBtn--M0UH7 {
    position: absolute;
    bottom: 10px;
    right: 15px;
}

.cancelConfirmContent--faSCq {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.highlight--R5UuY {
    font-weight: 700;
    color: var(--clrNbiMagenta);
}

.clickable--wrV6e {
    text-decoration: underline;
    cursor: pointer;
}

.txt--LcwVl {
    margin-top: 3px;
    margin-bottom: 0px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/newBookingOverlay/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}

.space1--ix_W6, .space1W--DF75T {
  width: var(--space1);
}

.space1--ix_W6, .space1H--dCyMR {
  height: var(--space1);
}

.space2--OnI2N, .space2W--WAyiV {
  width: var(--space2);
}

.space2--OnI2N, .space2H--F9QCU {
  height: var(--space2);
}

.space3--HR_jv, .space3W--BLqzf {
  width: var(--space3);
}

.space3--HR_jv, .space3H--pXL0g {
  height: var(--space3);
}

.space4--GAoKJ, .space4W--SXL7_ {
  width: var(--space4);
}

.space4--GAoKJ, .space4H--goQgz {
  height: var(--space4);
}

.space5--fKQeL, .space5W--fn4Rg {
  width: var(--space5);
}

.space5--fKQeL, .space5H--fDyQ_ {
  height: var(--space5);
}

.space6--SC0Qp, .space6W--sMOyi {
  width: var(--space6);
}

.space6--SC0Qp, .space6H--avzye {
  height: var(--space6);
}

.space7--xlrJq, .space7W--dWELv {
  width: var(--space7);
}

.space7--xlrJq, .space7H--AIGpi {
  height: var(--space7);
}

.space8--kuIa6, .space8W--N5fU5 {
  width: var(--space8);
}

.space8--kuIa6, .space8H--JsepQ {
  height: var(--space8);
}

.space9--nOFQg, .space9W--fJmnQ {
  width: var(--space9);
}

.space9--nOFQg, .space9H--U2mry {
  height: var(--space9);
}

.space10--AdkPv, .space10W--qPbx1 {
  width: var(--space10);
}

.space10--AdkPv, .space10H--qeLIE {
  height: var(--space10);
}

:root {
    /* also exists as TS var FADE_SPEED */
    --fade-speed-edit-booking: 200ms;
}

.root--MUase {
    background-color: #F7F7F8;
    min-height: 100vh;
    position: relative;
}

.header--YIvIa {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
}

.mainHeader--JsOq8 {
    padding: var(--space3);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.title--mD7je {
    font-size: 1.8rem;
    font-weight: 700;
}

.btnWrap--mh75c {
    width: 9.5rem;
}

.content--KAosm {
    position: relative;
    padding: var(--space3);
    background-color: #f7f7f8
}

.content--KAosm > * {
        margin-bottom: var(--space3);
    }

.content--KAosm {

    overflow: auto;
    opacity: 1;
    transition: opacity 200ms;
    transition: opacity var(--fade-speed-edit-booking);
}

.content--KAosm.fadeMode--jNq2L {
        opacity: 0;
    }

.loginBtns--Wc7mE{
    display: inline-block;
    margin: 10px;
}

.alertPanel--EzVJl {
    /* padding: 15px 15px 15px 15px; */
}

.alertWrap--MbmNV {
    padding: 0px 15px 15px 15px;
}

.overLoader--QoZmz {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    z-index: 50;
    opacity: 0.3;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/alert-panel/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--IHvQk{padding:3px 12px}.link--uzii_ a{color:#fff}.btn--y1UnY{max-width:140px;margin-top:10px}.warningContainer--wGRn1{display:flex;flex-direction:row;padding-top:8px;cursor:default;align-items:flex-end}.warningContainer--wGRn1.warningLink--nlXAU{cursor:pointer}.alertText--AaNep{line-height:17px}.alertText--AaNep.link--uzii_{border-bottom:.5px solid #fff}.alertIcon--sb7ZP{width:18px;height:18px;padding-right:2px}.alertIcon--sb7ZP>span{width:18px;height:18px;display:block}.alertIcon--sb7ZP>span>svg{font-size:18px}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BookingSummary/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
/** WEIGHTS **/
/** SIZES **/
.summaryLabel--bzi7V {
  color: var(--clrNbiMagenta);
}
.summaryDetailContainer--DdiOP {
  min-height: 4.4rem;
  display: flex;
  flex-direction: row;
  white-space: pre-wrap;
}
.flexCenter--vfCIp {
  display: flex;
  align-items: center;
}
.flexRow--rzJFH {
  display: flex;
  flex-direction: row;
}
.paddingLeftView--ZeDpD {
  padding: 10px 0 10px 11px;
}
.detailViewContainer--Hj5yJ {
  display: flex;
}
.borderBottomContainer--NpQI_ {
  border-bottom: 0.5px solid var(--clrGreyMedium);
}
.seatNowBtn--YGriZ {
  margin: 10px 0px 10px 10px;
}
.icon--Vyo1Q svg {
  height: 40px;
  width: 26px;
  fill: var(--clrGreyHeavy);
}
.icon--Vyo1Q {
}
.icon--Vyo1Q {
  }
.icon--Vyo1Q .embeded-svg {/*these are the mui5 icons that didn't centre vertically quite as well as the built in mui4 icons*/
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
.loadingContainer--xP5nd {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100%;
  opacity: 0.4;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btwStyle--upGaL {
    /*display: inline-block;*/
    display: flex;
    height: var(--space5);
    margin-right: var(--space2);
    margin-top: var(--space2);
    border-radius: 30px;
    background-color: var(--clrGreySuperLight);
    align-items: center;
    padding: 0 var(--space3);
    line-height: var(--space5);
    white-space: nowrap;
}
.tagStyle--mnunG {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-left: var(--space1);
}
.tagContainer--a3lIw {
    display: flex;
    flex-flow: wrap;
}


/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/tag-icon/style.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--DYYVf{color:#000;height:14px;font-size:12px;line-height:1;display:inline-block;margin:0 1px 0 0}.rootIsBirthdayIcon--ZfOwJ{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.rootIsInvertedIcon--VBt_r{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.icon--ipyyT{background:#000;height:14px;width:14px;margin:0 2px 0 0;display:inline-block;-webkit-mask-size:cover;mask-size:cover}.iconIsInverted--tAzmn{height:12px;width:12px;background-color:#fff}.iconIsGrey--itey8{background-color:rgba(0,0,0,.5)}.matIcon--okG83{height:16px !important;width:16px !important}.matIconIsInverted--Bp8Hi{height:14px !important;width:14px !important;fill:#fff !important}.matIconIsStandbyListIcon--F5LRb{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.iconWrapIsInverted--rEku0{border-radius:50%;width:18px;height:18px;background-color:#000;display:flex;justify-content:center;align-items:center}.tooltipFallback--LFcRK{min-width:8px;min-height:8px;border-radius:50%;background-color:#000;display:inline-block}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BookingStatusList/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.squareContainer--ns6zM {
  background-color: var(--clrStatusUnconfirmed);
  height: 24px;
  width: 24px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/DropdownList/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
:root {
  --input-padding: 8px;
  --dropdown-width: 384px;
}
.root--vJajy {
  width: 100%;
  position: relative;
}
.dropdownList--dcquj {
  position: absolute;
  top: 54px;
  left: 0;
  width: calc(100% - 16px) ;
  box-shadow: 2px 2px 8px var(--clrGreyLight);
  border-radius: 8px;
  padding: 8px;
  z-index: 1000;
  background-color: #fff;
}
.standbyOverride--D92M6 {
  background-color: var(--clrStandby);
}
.showComponent--qD0y0 {
  display: block;
}
.hiddenComponent--rdjHJ {
  display: none;
}
.listHeader--CN2k1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.listInput--NSECn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--clrGreyMedium);
}
.title--qKOHj {
  font-size: 1.8rem;
  font-weight: 700;
}
.status--qwPC4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*padding: var(--input-padding);*/
}
.changeButton--fgigD {
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--clrNbiMagenta);
}
.overlayContainer--OaJGZ {
  display: flex;
  flex-direction: column;
}
.overlayList--H2Dms {
  overflow-y: auto;
  padding-right: 5px;
  max-height: calc(100vh - 126.5px);
}
.overlayListWithInput--UAOcC {
  overflow-y: auto;
  padding-right: 5px;
  max-height: calc(100vh - 161px);
}
.disableChange--uYKOB {
  color: var(--clrGreyLight);
}
.disableChange--uYKOB :hover{
  text-decoration: none;
}
@supports (height: 100dvh) {
  .overlayList--H2Dms {
    max-height: calc(100dvh - 126.5px);
  }

  .overlayListWithInput--UAOcC {
    max-height: calc(100dvh - 161px);
  }
}
.alertWrap--arOss {
  padding: 15px 0px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/RadioList/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--o8KXK {
  background-color: #fff;
}
.listHorizon--rAHdF {
  height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-color: var(--clrGreyMedium);
  padding-left: 8px;
  cursor: pointer;
}
.hiddenBorder--uH0xu {
  border-bottom-style: none;
}
.listHorizon--rAHdF:hover {
  background-color: var(--clrGreySuperLight);
}
.listHorizonSelected--ZIAry {
  background-color: var(--clrNbiMagentaTint);
}
.iconHorizon--tP7H5 {
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.6rem;
}
.title--K9Jko {
  margin-left: 8px;
}
.titleItem--QZRbW {
  margin-left: 11px;
}
.tail--eXNKo {
  max-width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.tailTitle--paHya {
  color: var(--clrGreyMedium);
}
.tailTitleDisabled--pnSV_ {
  color: var(--clrBad);
}
.boldTailTitle--iAMbX {
  font-weight: bold;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/DropDownHeader/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/

.root--a9SsK {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}

.title--Wn_u1 {
  font-size: 1.8rem;
  font-weight: 700;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/CustomNumberInput/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.root--oMPfo {
  display: flex;
  flex-direction: column;
}

.icon--DrOkQ {
  color: var(--clrNbiMagenta);
  width: 2.4rem;
  height: 2.4rem;
}

.iconWrap--N6oDV {
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchIcon--dPG0L {
  color: var(--clrNbiMagenta);
  width: 2.4rem;
  height: 2.4rem;
}

.searchInput--ucljp {
  width: 100%;
  font-size: 1.8rem;
  flex-grow: 1
}

.searchInput--ucljp input {
  }

.searchInput--ucljp input::-webkit-outer-spin-button,
  .searchInput--ucljp input::-webkit-inner-spin-button {
     /* display: none; <- Crashes Chrome on hover */
     -webkit-appearance: none;
     margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  }

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

.endAdornment--vbXdQ {
  padding-right: 10px;
  color: var(--clrGreyHeavy);
}

.errorMessage--jiydu {
  color: var(--clrBad);
}

.noneIcon--O8pDK {
  width: 0px;
  padding: 12px 0px 12px 10px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../packages/design-v2/common/ModalContainer/styles.global.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.ReactModal__Overlay {
    z-index: 300 !important;
}

.ReactModal__Overlay {
    opacity: 0;
    transition: opacity 500ms ease-in-out; /* must be higher than other modals */
}

.ReactModal__Content {
    max-height: calc(100vh - 60px)
}

@supports (height: 100dvh) {
    .ReactModal__Content {
        max-height: calc(100dvh - 60px)
    }
  }

.ReactModal__Overlay--after-open{
    opacity: 1;
}

.ReactModal__Overlay--before-close{
    opacity: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/StatusSymbol/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--i4ccN {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.isDropdownIcon--UeFkO {
  padding-left: 10px;
}
.modalRoot--_brfc {
  height: 24px;
  width: 28px;
  border-radius: 5px;
}
.titleRoot--Orf0l {
  height: 26px;
  width: 26px;
  border-radius: 5px;
}
.statusText--OszWH {
  overflow: visible !important
}
.statusText--OszWH {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 0px
}
.modalRoot--_brfc .statusText--OszWH, .titleRoot--Orf0l .statusText--OszWH {
    font-size: 1.6rem !important;
  }
.modalRoot--_brfc .statusText--OszWH, .titleRoot--Orf0l .statusText--OszWH {
    font-weight: 500;
  }
.largeStatusSymbolA--bKnlO, .largeStatusSymbolB--ZFJvf {
  font-size: 1.3rem
}
.isWindows--3_jhm .largeStatusSymbolA--bKnlO, .isWindows--3_jhm .largeStatusSymbolB--ZFJvf {
    translate: 0px 1px;
  }
.modalRoot--_brfc .largeStatusSymbolA--bKnlO, .titleRoot--Orf0l .largeStatusSymbolA--bKnlO, .modalRoot--_brfc .largeStatusSymbolB--ZFJvf, .titleRoot--Orf0l .largeStatusSymbolB--ZFJvf {
    font-size: 1.4rem !important;
  }
.modalRoot--_brfc .largeStatusSymbolA--bKnlO, .titleRoot--Orf0l .largeStatusSymbolA--bKnlO, .modalRoot--_brfc .largeStatusSymbolB--ZFJvf, .titleRoot--Orf0l .largeStatusSymbolB--ZFJvf {
    font-weight: 500;
  }
.largeStatusSymbolA--bKnlO {
}
.modalRoot--_brfc.isWindows--3_jhm .largeStatusSymbolA--bKnlO, .titleRoot--Orf0l.isWindows--3_jhm .largeStatusSymbolA--bKnlO {
    translate: 0px -1px;
  }
.largeStatusSymbolB--ZFJvf {
}
.modalRoot--_brfc .largeStatusSymbolB--ZFJvf, .titleRoot--Orf0l .largeStatusSymbolB--ZFJvf {
    translate: unset;
  }
.statusType--bs0Oc,
.statusName--YQwFK {
  font-weight: normal !important;
  font-size: 1.5rem !important;
}
.statusName--YQwFK {
  color: #000 !important;
}
.statusNameForTitle--iLe7G {
  font-size: 1.6rem !important;
  color: var(--clrGreyDark) !important;
}
.statusNameForHeader--bryDv {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
}
.smallNameText--SU6yi {
  font-size: 1.2rem;
}
.reducedWidth--xiMYE {
  width: 80%;
  padding-left: 8px;
  padding-right: 2px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BCComponentWrapper/style.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.wrapperRoot--hyVWm {
  position: relative;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 10px
}
  .wrapperRoot--hyVWm .wrapperHeader--NtJmO {
    padding: 0 0 3px 3px;
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .wrapperRoot--hyVWm .wrapperHeader--NtJmO .label--SuIek {
      color: var(--clrNbiMagenta);
    }
.hiddenComponent--pjYhA {
  display: none;
}
.warningBorder--gJt9u {
  border: 3px solid var(--clrWarning);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/CustomerTab/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.customerTabContainer--O5ucw {
  padding: 12px;
  background: #FFFFFF;
  border-radius: 10px;
}

.labelContainer--xEeH0 {
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.label--KFEFF {
  color: var(--clrNbiMagenta);
}

.detailsContainer--ISyqB {
  margin-top: 10px;
}

.input--Gi8tI {
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.moreActionContainer--ElUtQ {
  padding-top: 15px;
}

.moreDisabledActionContainer--_mFxy {
}

.moreDisabledActionContainer--_mFxy > div > svg, .moreDisabledActionContainer--_mFxy > div {
    color: var(--clrGreyMedium);
  }

.contentCenter--lQqft {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.showMoreLabel--G4Mos {
  padding-left: 7px;
  color: var(--clrNbiMagenta);
  cursor: pointer;
}

.divider--SnJe4 {
  margin-top: var(--space1);
  margin-bottom: var(--space2);
  width: 100%;
  height: 1px;
  background-color: rgba(194, 194, 194, 0.5);
}

.rowItem--ToS7c {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rowItem--ToS7c:hover {
  overflow: visible;
}

.spaceBtw--NS77E {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.visitCountBox--IWblk {
  max-width: 90px;
  text-align: right;
  margin-right: var(--space3);
}

.greyColor--iAm6y {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--clrGreyHeavy);
}

.avgSpend--RsqOj {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--clrGreyHeavy);
}

.detailText--QMKaK {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000000;
}

.rightSpace--PUydX {
  margin-right: 16px;
}

.tagContainer--Z2uSk {
  display: flex;
  flex-flow: wrap;
}

.btwStyle--ZPSyP {
  /*display: inline-block;*/
  display: flex;
  height: var(--space5);
  margin-right: var(--space2);
  margin-top: var(--space2);
  border-radius: 30px;
  background-color: var(--clrGreySuperLight);
  align-items: center;
  padding: 0 var(--space3);
  line-height: var(--space5);
  white-space: nowrap;
}

.tagStyle--KQje0 {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-left: var(--space1);
}

.square--PqNjN {
  width: 24px;
  height: 24px;
  justify-content: center;
}

.fieldContainer--PKLVB {
  display: flex;
  flex-direction: column;
}

.newCustomerActionContainer--gj3Pm {
  flex: 1;
  justify-content: end;
}

.clickableIconContainer--jT7zl {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  color: rgba(0, 0, 0, 0.46);
  min-width: 90px
}

.clickableIconContainer--jT7zl .iconCommonStyle--kO43U {
    margin-right: 16px;
    cursor: pointer;
  }

.clickableIconContainer--jT7zl .clickableIcon--W7_Wa {
    color: var(--clrNbiMagenta);
    cursor: pointer;
    border-bottom: 1px solid var(--clrNbiMagenta);
  }

.clickableIconContainer--jT7zl span svg {
    fill: rgba(0, 0, 0, 0.46);
  }

.unClickIcon--hRdc4 {
  width: 24px;
  cursor: pointer;
}

.hideCustomerTitle--SVIlh {
  display: none;
}

.expandIconContainer--B2nyy {
  display: flex;
  justify-content: center;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  align-items: center;
  cursor: pointer;
}

.expandIconContainerCollapsed--ndgRs {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.expandIconContainerExpanded--wpBm8 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 10px;
}

.customerTabContainer--O5ucw .noPadding--LMRAq {
  padding: 0 !important;
}

.spaceUnderBirthdayTitle--upucr {
  margin-bottom: 4px;
}

.customerTabContainer--O5ucw .firstNameContainer--GQ358 {
  margin-top: 5px;
}

.customerTabExtraPadding--eFQLM {
  padding: 15px 15px 21px 15px;
}

.noLeftPadding--bCXrS {
  padding-left: 0px;
}

.customerInputHiddenContainer--zYHPu {
  display: none;
}

.customerConfirmContainer--l1wEn {
  display: flex;
  flex-direction: column;
}

.confirmTitle--iFFC2 {
  margin-top: 15px;
}

.confirmActionContainer--HCpJu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 250px;
  margin-top: 15px;
}

.totalVisit--TO8hp {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrNbiMagenta);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/SimpleSelect/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.menuItemSelected--ou1I2 {
  background-color: #666 !important;
}

.menuItemSelectedFp--esxRQ, .menuItemSelectedFp--esxRQ:hover {
  color: var(--clrNbiMagenta) !important;
}

.fpTextSize--lsfZI {
  font-size: 1.6rem !important;
}

.singleSelectedValue--xIMe1 {
  font-size: 1.2rem;
  line-height: 1.6rem}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/PreventDoubleClickToZoom/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.root--LOjkl {
  height: 100%;
  touch-action: manipulation;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/flag-phone-picker-react/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--Fmrui{display:flex;flex-direction:row}.isFocused--XuE16{border:1px solid var(--clrNbiMagenta);border-radius:6px;padding:0px 4px}.prefixContainer--fofOQ{min-width:125px;display:flex;align-items:flex-end}.prefixPaddingContainer--kj6d2{align-items:flex-start;padding-top:1.5rem}.wrapperContainer--GCmA_{align-items:flex-start;padding-top:0px}.prefixDiaryPaddingContainer--KGFzs{align-items:flex-start;padding-top:16px}.phoneNumberInputContainer--JrZ_d{flex:1}.bold--VN24O{color:#000 !important}.bold--VN24O{font-weight:bold}.phoneIcon--pN47w{color:var(--clrGreyMedium);border-bottom:1px solid var(--clrGreyLight);height:31px;display:flex;align-items:flex-end}.phoneIcon--pN47w svg{padding-bottom:4px}.prefixFlagContainer--LoZ1w{padding-bottom:0px !important}.prefixFlagContainer--LoZ1w{width:125px}.prefixFlagContainer--LoZ1w button{height:32px}.prefixFlagContainerIsNcf--Js5Pg{padding-left:5px}.prefixFlagContainerIsNcf--Js5Pg button{height:42px}.prefixButtonContainer--NvX7g{padding:3px 15px 3px 2px !important;border-width:0px !important;border-bottom-width:thin !important;border-radius:0px !important;border-color:#949494 !important}.prefixButtonContainer--NvX7g>span:first-child{padding:0px 8px 0px 0px !important}.darkMode--a0IoJ>div>button>span:first-child>span:nth-child(2){color:#fff}.darkMode--a0IoJ>div>ul,.darkMode--a0IoJ>div>ul>div,.darkMode--a0IoJ>div>ul>div>input{background:#858585}.darkMode--a0IoJ>div>ul>div>input{color:#fff;border-width:1px;border-style:solid;border-color:#fff}.darkMode--a0IoJ>div>ul>div>input::-webkit-input-placeholder{color:#fff;opacity:.7}.darkMode--a0IoJ>div>ul>div>input::placeholder{color:#fff;opacity:.7}.darkMode--a0IoJ>div>ul>div>input::placeholder::-ms-input-placeholder{color:#fff;opacity:.7}.isDiary--OGN3M>div>div>p{font-size:12px}.isDiary--OGN3M>div>div>div>input{padding:6px 0px !important}.isDiary--OGN3M>div>div>div>input:hover{outline:none !important}.isDiary--OGN3M>div>div>div>input:focus{outline:none !important}.isDiary--OGN3M>div>div>div::before{border-color:rgba(0,0,0,.12)}.isDiary--OGN3M>div>div>div:hover::before{border-width:1px !important;border-color:rgba(0,0,0,.12) !important}.isDiary--OGN3M>div>div>div[class~=Mui-error]:hover::before{border-color:rgba(0,0,0,0) !important}.isDiary--OGN3M>div>div>div[class~=Mui-focused]:hover::before{border-color:rgba(0,0,0,0) !important}.isDiary--OGN3M>div>div>div[class~=Mui-focused]::after{border-bottom-color:var(--clrNbiMagenta) !important}.isDiary--OGN3M>div>div>div::after{border-bottom-width:1px !important}.isDiary--OGN3M>div>div>div[class~=Mui-focused]::after{border-bottom-width:2px !important}.isDiaryPrefixButtonContainer--f9jbR{border-color:rgba(0,0,0,.12) !important}.dropDownListUp--d8Kzc ul{margin-top:-220px !important}.whiteBackground--LXc23 button{background-color:#fff}.containerNCF--HQPir{padding-top:3px}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/NotePanel/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.noteInputContainer--rIVHU {
  position: relative
}

.noteInputContainer--rIVHU label[data-shrink=true] {
    padding-left: 0px;
    color: var(--clrGreyMedium);
  }

.noteInputLabel--mJEAi {
  padding-left: 30px;
  color: var(--clrGreyHeavy);
  margin-top: -0.3rem;
}

.noteInput--b3_GP {
  padding-left: 30px;
  color: var(--clrGreyDark);
  padding-bottom: 0.5rem;
}

.displayOnly--siYyR {
  padding-bottom: 0.8rem;
}

.noteInputIconContainer--couxK {
  position: absolute;
  bottom: 11px;
  width: 1.8rem;
  height: 1.8rem
}

.noteInputIconContainerIsFocused--i9sJp {
     margin-top: var(--space3);
  }

.noteInputIcon--kItYX {
  width: 1.8rem;
  height: 1.8rem;
  color: var(--clrGreyHeavy);
}

.fullWidth--dEB0U {
  width: 100%;
}

.divider--GlOIk {
  margin-top: 6px;
  margin-bottom: var(--space2);
  width: 100%;
  height: 1px;
  background-color: rgba(194, 194, 194, 0.5);

}

.displayInfo--qLqZu {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: var(--space1);
  color: var(--clrGreyMedium);
}

.topic--ek0iM {
  margin-bottom: 3rem;
}

.displayContainer--HbBAu {
  margin-top: calc(var(--space2) + var(--space1));
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/TagPanel/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/

.searchContainer--ziziB {
  position: relative;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
}

.tagListItem--BMISM {
  width: 100%;
}

.tagListItemContainer--EL_k6 {
  cursor: pointer;
  height: 44px
}

.tagListItemContainerSelected--YYq7F {
    background: var(--clrNbiMagentaTink);
  }

.searchField--EvZBe {
  width: 100%;
  padding-bottom: 5px;
}

.borderContainer--L8gMv {
  margin-left: 16px;
  border-bottom: 0.5px solid var(--clrGreyMedium)
}

li:last-child .borderContainer--L8gMv {
    border-bottom: none;
  }

.contentContainer--e_dzH {
  height: 43px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.iconContainer--lV5gH{
  padding: 0px 8px 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.titleContainer--rv3iX{
  flex: 1
}

.titleContainer--rv3iX .text--u3VTi {
    color: rgba(0, 0, 0, 0.8);
  }

.checkContainer--iPLk4{
  padding: 0px 8px;
}

.checkbox--WkzH8 {
}

.checkbox--WkzH8 svg {
    font-size: 2.2rem;
  }

.searchIcon--WIvO4 {
  width: 27px;
  height: 27px;
  color: var(--clrGreyHeavy);
}

.fullWidth--FAdww {
  width: 100%;
}

.tagSearchItem--WlXzh {
  padding: 0px
}

.tagSearchItem--WlXzh li {
    padding: 0px;
  }

.tagChip--jqTgU {
  display: inline-block;
  padding: 8px 2px;
}

.chipLabel--AXCKU {
  color: rgba(0, 0, 0, 0.8);
}

.riskyBackground--S9vu1 {
  background: #FFF0F0;
}

.tagIcon--qNsne {
  padding-left: 5px;
}

.matIcon--Kp6wn {
  color: var(--clrGreyHeavy);
  height: 1.6rem;
  width: 1.6rem;
  margin: 0 2px 0 0;
  display: inline-block;
}

.dynamicIcon--mjr2T {
  /*background: var(--clrGreyHeavy);*/
  height: 1.6rem;
  width: 1.6rem;
  margin: 0 2px 0 0;
  display: inline-block;
}



/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/EditableBookingDetails/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.statusWrap--YZT8L {
  min-height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.timeSelectorWrap--W3Oqf {
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.timeSelectorWrapWithWalkin--Do0OI {
  padding: 0 !important;
}

.sblWrap--W9k38 {
  padding: 0 0 16px 0;
}

.autoTableSeaterWrap--qTAUq {
  min-height: 47px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 5px;
}

.durationWrap--D_IIS {
  z-index: 20;
  position: relative;
  padding: 10px 0;
}

.paxWrap--ee7C_ {
  z-index: 30;
  position: relative;
  padding: 10px 0;
}

.rowItem--NeIXb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 40px;
}

.recurringSwitchWrap--XZUT5 {
  justify-content: flex-end;
}

.detailsContainer--Hylhg {
  margin-top: 10px;
}

/*.spaceLeft {*/

/*  margin-left: var(--space3);*/

/*}*/

.bookingSummaryHeaderWrapper--v5wIM {
  display: flex;
  justify-content: space-between;
}

.bookingControlsWrapper--fj6Ee {
  padding-top: 16px;
}

.withLeftIcon--mXQRO {
  display: flex;
}

.wideDateStatusContainer--uen9K {
  display: flex;
  justify-content: space-between;
  padding: 8px 0 8px 0;
}

.wideDatePanelContainer--_H1b7 {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.wideStatusContainer--j0e8s {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: end
}

.wideStatusContainer--j0e8s > div {
    width: 280px;
  }

.moveBookingStatusUp--jWr3D {
  align-items: end;
}

.spaceBtwShortSummaryTimeSelectorWalkin--Z9HrU {
  margin-bottom: 12px;
}

.venueCloseContainer--urxmm {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 777px;
  border: 1px solid #DFDFDF;
  border-radius: 16px;
  flex: 1
}

.venueCloseContainer--urxmm .venueCLoseTitle--agc6c {
    margin-top: 40px;
    font-weight: 500;
  }

.venueCloseContainer--urxmm .venueCloseImage--Mk1xW {
    width: 280px;
    height: 280px;
    margin-top: 180px;
    background-color: #F6F6F6;
    border-radius: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BookingShortSummary/style.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.summaryContainer--s2w_q {
  background: #FFFFFF;
  border-radius: 10px 10px 0 0;
}

.summaryLabelContainer--fmF3F {
  display: flex;
  /*padding: 16px 16px 5px 16px;*/
  padding-bottom: 5px;
  justify-content: space-between;
}

.summaryLabel--x2k1c {
  color: var(--clrNbiMagenta);
}

.summaryDetailContainer--AeyqT {
  height: 4.4rem;
  display: flex;
  flex-direction: row;
}

.flexCenter--zZnaj {
  display: flex;
  align-items: center;
}

.dropDownContainer--K6gcH {
  margin-top: 21px;
}

.shortSummaryContainer--Bwmgb {
  padding-bottom: 11px;
  border-bottom: #C2C2C2 1px solid;
}

.bookingMethodWrapper--vVSHw {
  display: flex;
  flex-direction: row;
}

.bookingMethodItem--kgwhC {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--clrGreyLight);
}

.bookingMethodItem--kgwhC:hover {
  cursor: pointer;
}

.bookingMethodItemActive--O4YS3 {
  background-color: rgba(153, 38, 98, 0.1);
  color: var(--clrNbiMagenta);
  border-color: var(--clrNbiMagenta)
}

.bookingMethodItem--kgwhC:first-child {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}

.bookingMethodItem--kgwhC:last-child {
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}


/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/InlinePillSelector/style.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}
/** WEIGHTS **/
/** SIZES **/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--Vj0Wb {
  display: flex;
  position: relative;
}
.btnWrap--y9eZB {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
.plusBtn--TnZCn,
.pillBtn--Zzm84 {
  transition: none;
  padding: 0px;
  font-size: 1.4rem;
  line-height: 2rem;

  margin-right: var(--space1);
  height: var(--space5);
  border-radius: var(--space3);
  cursor: pointer;
  color: var(--clrGreyHeavy);
  border: 1px solid var(--clrGreyLight);
  background: white
}
.plusBtn--TnZCn:hover, .pillBtn--Zzm84:hover {
    background-color: var(--clrNbiMagentaTint);
    border-color: var(--clrNbiMagenta);
  }
.plusBtn--TnZCn.isSelected--wABIs, .pillBtn--Zzm84.isSelected--wABIs {
    background-color: var(--clrNbiMagentaTint);
    border-color: var(--clrNbiMagenta);
  }
.pillBtn--Zzm84 {
  flex-grow: 1;
  text-transform: none;
}
.noMarginBtn--zVXiz {
  margin: 0px;
}
.pillBtnSmall--EW_rl {
  min-width: var(--space6);
}
.plusBtn--TnZCn {
  width: var(--space6);
}
.iconWrap--GB2iK {
  display: flex;
  align-items: center;
  width: var(--space5);
  justify-content: flex-start;
}
.icon--Y5lLC {
  font-size: 24px;
  color: var(--clrGreyHeavy);
}
.dropdown--GQKuM {
  position: absolute;
  right: 0;
  left: 0;
  top: calc(var(--space5) + var(--space3));

  box-shadow: 2px 2px 8px var(--clrGreyLight);
  z-index: 1;
  background-color: #FFF;
}
.dropdownItem--D5a8o {
  display: block
}
.dropdownItem--D5a8o:last-child > * {
    border-bottom: none;
  }
.customInput--jfq8T {
  padding: 10px 0;
  flex: 1;
}
.multiInput--gGtym {
  display: flex;
  flex-direction: row;
}
.space--CiVa8 {
  width: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/PaxSelector/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container--bt_R8 {
  min-height: 32px; /*hard coding height so that the pax loader does not create height issues*/
}

.hideContainer--f2AKV {
  display: none;
}

.paxContainer--q9mWJ {
  margin: 0px;
  padding: 0px;
}

.paxLoader--USY23{
  position: absolute;
  top: -100%;
  left: 50%;
}



/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/DurationSelector/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hideContainer--dm6Sx {
  display: none;
}


/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/BookingMethodControls/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookingMethodWrapper--iXoMi {
  display: flex;
  flex-direction: row;
}

.bookingMethodItem--S_TDx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--clrGreyLight);
}

.bookingMethodItem--S_TDx:hover {
  cursor: pointer;
  border-color: var(--clrNbiMagenta);
  background-color: rgba(153, 38, 98, 0.1);
}

.bookingMethodItemActive--eN1Xn {
  background-color: rgba(153, 38, 98, 0.1);
  color: var(--clrNbiMagenta);
  border-color: var(--clrNbiMagenta)
}

.bookingMethodItem--S_TDx:first-child {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}

.bookingMethodItem--S_TDx:last-child {
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}


/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/TimeSelector/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.selectedAvailableTimeWrapper--PQFp6 {
  display: flex;
  align-items: center;
  height: 40px;
}
.accessTimeIcon--mMsPn {
  margin-right: 10px;
  color: var(--clrGreyHeavy);
}
.coverText--LvTPM {
  color: var(--clrGreyMedium);
  text-transform: capitalize;
  margin-left: 3px;
}
.outOfRangeError--xhPGb {
  margin-left: 35px;
  margin-bottom: 10px;
}
.showPastTimesMenuStartItem--UAeOI {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0 15px;
}
.manualTime--jWp3L {
  color: red;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/TimeSelector/wide.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/

.root--fJc89 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.customRoot--dJxNj {
  align-items: start;
}

.imgBox--ATk_W {
  width: 24px;
  height: 24px;
  margin-right: 7px;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  border-bottom: 1px solid #999999;
  padding-bottom: 4px;
}

.timeSlotContainer--C20sK {
  flex: 1;
  z-index: 10;
  padding: 1px;
  /* border: 0.5px solid rgb(239 239 239 / 40%); */
  min-height: 32px;
  max-height: 180px;
  overflow-y: auto;
  display: flex;
}

.timeSlotExpandContainer--zWrvj {
  max-height: none;
  max-height: initial;
}

.container--grJR0 {
  flex: 1;
}

.expandContainer--tQ9DM{
  padding-top: 8px;
}

.selectedAvailableTimeWrapper--Trn20 {
  display: flex;
  align-items: center;
  height: 40px;
}

.accessTimeIcon--LQoTC {
  margin-right: 10px;
  color: var(--clrGreyHeavy);
}

.coverText--i3tLx {
  color: var(--clrGreyMedium);
  text-transform: capitalize;
  margin-left: 3px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/TimeSelector/TimeSlot/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--b6GTz {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 10px;
          column-gap: 10px;
  row-gap: 5px;
  flex: 1;
}

.childContainer--Uj8e7 {
  cursor: pointer;
}

.child4--VzfUF {
  height: 32px;
  width: calc(25% - 7.5px);
  box-sizing: border-box;
}

.child6--Emjoh {
  height: 32px;
  width: calc(16.66% - 8.35px);
  box-sizing: border-box;
}

.child--gVDI8 {
  height: 30px;
  border-radius: 10px;
  border: 1px solid #DFDFDF;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 7px;
}

.child--gVDI8:hover {
  background-color: #f3f3f3;
}

.selectedChild--jJnvF {
  border: 1px solid #992662;
  background: #FFF5FB;
}

.title--GXKEM {
  color: #333;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  flex-grow: 1;
}

.selectedChild--jJnvF > .title--GXKEM {
  color: #992662;
}

.tailTitle--Idz53 {
  color: rgba(51, 51, 51, 0.93);
  text-align: right;
  font-size: 10px;
  font-weight: 100;
  line-height: normal;
  padding-top: 3px;
  flex: 1;
  margin-left: 6px;
}

.childHourStart--gKdjd > .title--GXKEM {
  font-weight: 700;
}

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

.errMsgContainer--hFxnl {
  flex: 1
}

.errMsgContainer--hFxnl > span {
    padding-left: 1px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
  }

.errMsg--t7kJU {
  color: #F18C16;
}

.slotIconContainer--WaY0l {
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding-left: 8px;
}

.disableSlotIconContainer--Pf_72 {
  opacity: 0.2;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/StackedPillSelector/style.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}
/** WEIGHTS **/
/** SIZES **/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--j0h22 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btnWrap--tIPW2 {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 10px;
  -webkit-column-gap: 4px;
          column-gap: 4px;
  flex: 1;
  /* & > * {
    margin-top: var(--space1);
    margin-bottom: var(--space1);
  } */
}
.iconWrap--ohiey {
  width: var(--space5);
  display: flex;
  align-items: center;
  height: var(--space5)
}
.iconWrap--ohiey > span > svg {
    /* for ui5 icons */
    width: 24px;
    fill: var(--clrGreyHeavy);
  }
.icon--S0wzl {
  font-size: 24px;
  color: var(--clrGreyHeavy);
}


/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/Pill/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}
/** WEIGHTS **/
/** SIZES **/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.pillBtn--VSnlR {
  font-size: 1.4rem;
  line-height: 2rem;
  height: var(--space5);
  border-radius: var(--space3);
  cursor: pointer;
  color: var(--clrGreyHeavy);
  border: 1px solid var(--clrGreyLight);
  background: white
}
.pillBtn--VSnlR:hover {
     background-color: var(--clrNbiMagentaTint);
    border-color: var(--clrNbiMagenta);
  }
.pillBtn--VSnlR {
  flex-grow: 1;
  text-transform: none;
}
.selected--l4XKU {
  background-color: var(--clrNbiMagentaTint);
  border-color: var(--clrNbiMagenta);
  color: var(--clrNbiMagenta);
}
.title--juq2X {
  font-size: 1.4rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/ServiceSelector/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container--nL1Jb {
  padding: 10px 0;
}

.serviceContainer--lAav0 {
  display: flex;
}

.selectorContainer--vM9UV {
  flex: 1;
}

.autoMessage--orh2z {
  font-size: 15px;
  color: #ffbb2f;
}

.footer--f8S0A {
  padding-left: 32px;
  display: flex;
  justify-content: flex-end
}

.footerHasMessage--Us119 {
    justify-content: space-between;
  }

.autoUpdateSwitch--bdhi9 {
  display: flex;
  align-items: center
}

.autoUpdateSwitch--bdhi9 > label {
    margin-right: 0px;
  }

.autoUpdateSwitch--bdhi9.wideSwitch--uoYlX {
}

.autoUpdateSwitch--bdhi9.wideSwitch--uoYlX > div > label {
    margin: 0px
  }

.autoUpdateSwitch--bdhi9.wideSwitch--uoYlX > div > label > span {
      margin-right: 0px;
    }

.autoUpdateSwitch--bdhi9.wideSwitch--uoYlX > p {
    margin-left: 20px;
  }

.autoUpdateSwitchLabel--vkq6l {
  margin-right: 10px;
  color: var(--clrGreyMedium);
  margin-top: 1px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/ToggleSwitch/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.root--K8cQj {
    display: flex;
    align-items: center
}

    .root--K8cQj label {
        margin-right: 0;
    }

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/SectionSelector/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/

.outOfRangeError--EZBew {
    margin-left: 50px;
    margin-bottom: 10px;
}
.root--KagWH {
    padding: 10px 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/table-seater/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--Ric88{display:block}.root--Ric88.hasUnderline--RYBba{border-bottom:1px solid rgba(0,0,0,.42);padding-bottom:2px;padding-top:5px}.root--Ric88.hasRecurringUnderline--TEzDl{border-bottom:1px solid rgba(0,0,0,.42);padding:0}.root--Ric88.hasRecurringUnderline--TEzDl.wideRoot--CYCxB{border-bottom:.5px solid rgba(0,0,0,.5)}.root--Ric88.wideRoot--CYCxB{height:24px}.row2--OSNBc{display:flex}.mainRow--M2zm8{display:flex}.selectWrap--twcUc{flex-grow:1}.selectRecurringStyle--E57mx{width:270px;overflow:hidden}.selectWrapWide--75LGw{width:auto !important;width:initial !important}.menuItemText--APrCM{padding:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menuItemTextSelected--dNxom{background:blue}.menuItemMid--lNUZa{max-width:calc(100% - 34px);width:100%;display:flex;align-items:center}.menuItemIconWrap--HpYHA svg{width:21px;-webkit-transform:translateY(3px);transform:translateY(3px);margin-left:5px}.menuItemIconWrap--HpYHA svg.walkinIcon--yx_Av{margin-right:-6px;height:21px;-webkit-transform:translateY(1px);transform:translateY(1px)}.menuItemIconWrap--HpYHA svg.onlineIcon--f1hQi{height:19px;-webkit-transform:translateY(1px);transform:translateY(1px);margin-right:-3px}.menuItemIconWrap--HpYHA svg.tableJoinIcon--MkrtY{-webkit-transform:rotateZ(90deg) translateX(3px);transform:rotateZ(90deg) translateX(3px);margin-left:1px;margin-right:-8px}.tableValidationMsg--qEqH_{font-size:1.2rem !important;margin-top:5px !important}.sectionHeaderWrap--E7h3w{padding:0 !important;display:block !important;opacity:1 !important}.sectionHeader--aydkr{padding:9px 5px 9px 10px;margin:0;color:#898989;background-color:#f3f3f3;pointer-events:none}.footerKey--V_1w9{margin-top:10px;overflow-x:auto;width:100%}.footerKeyRow--W1_03{padding:5px 0 6px;color:#898989;font-size:1.2rem;display:flex;justify-content:flex-start;align-items:flex-end;min-width:268px}.footerKeyRow--W1_03>*{padding:0 10px 0 0;position:relative}.footerKeyRow--W1_03>*:last-child{padding-right:0}.footerKeyRow1--DvKxB span{font-size:1.5rem;font-weight:bold;display:inline-block;color:#546e7a}.footerKeyOnline--d5CTt svg{height:19px;-webkit-transform:translateY(4px);transform:translateY(4px)}.footerKeyShared--LrVop svg{width:20px;-webkit-transform:translateY(6px);transform:translateY(6px)}.footerKeyCovers--mmpul{margin-left:15px}.footerKeyCovers--mmpul span{font-size:12px !important}.footerKeyCovers--mmpul span{position:absolute;left:-12px}.footerKeyWalkin--kjtxP svg{height:20px;width:12px;-webkit-transform:translateY(2px);transform:translateY(2px)}.footerKeyWalkin--kjtxP svg path{-webkit-transform:translateX(-6);transform:translateX(-6)}.fullWidth--FFslO{width:100%}.noTables--zJ1A5{width:100%}.tableContainer--U6NfO{display:flex;flex-direction:column}.tableList--rZMnc{padding-right:5px;position:relative}.tableList--rZMnc>div{-webkit-transform:none !important;transform:none !important}.tableList--rZMnc>div{position:relative;border-radius:0px;box-shadow:none;margin:0px;width:100%;left:0px;top:0px}.tableList--rZMnc>div>div{border:0px !important}.tableList--rZMnc>div>div{overflow:visible;overflow:initial;-webkit-transform:none;transform:none;position:relative;margin:0px;padding:0px;box-shadow:none;border-radius:0px;background:rgba(0,0,0,0);top:0px}.tableList--rZMnc>div>div>div{max-height:calc(100vh - 126.5px);overflow-y:auto;padding:0px}.checkboxManualJoinFC--PSp1x{margin:0px;white-space:nowrap}.checkboxManualJoinFC--PSp1x>span:nth-child(2){display:block}@media(max-width: 510px){.checkboxManualJoinFC--PSp1x>span:nth-child(2){display:none}}@supports(height: 100dvh){.tableList--rZMnc>div>div>div{max-height:calc(100dvh - 126.5px)}}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/AutoTableSeater/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--aW_7f {
    display: flex;
}
.iconWrap--TqqTy {
    width: var(--space5);
    display: flex;
    align-items: center
}
.iconWrap--TqqTy > span {
        height: 24px;
    }
.iconWrap--TqqTy svg {
        width: 24px;
        fill: var(--clrGreyHeavy);
    }
.tableSeaterWrap--TT_sI {
    flex: 1;
    flex-grow: 1;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/standby-confirmation-message/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--fCpz5{padding:15px 0;white-space:pre-wrap}.errorMsg--t8g0e{margin-bottom:15px}.errorWrap--hr7t6{margin-top:10px}.btn--jQpMc{color:#fff !important;border-color:#fff !important}.btnIsDisabled--jWNiJ{opacity:.3 !important}.btnsWrap--OxcjH{margin-top:10px;display:flex;justify-content:space-between;width:100%}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/standby-list-table-seater/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--mcj8c{padding:15px 0}.standbyIcon--orzco{font-size:1.9rem !important}.standbyIcon--orzco{color:#fff;margin-right:6px;margin-top:-1px}.headingRow--BUIAt{margin-top:-2px;margin-bottom:10px;display:flex}.warnMsg--u9ujm{margin-bottom:15px}.errorMsg--zJVHL{margin-bottom:15px}.errorWrap--uExSH{margin-top:10px}.btn--MXKU2{color:#fff !important;border-color:#fff !important}.btnIsDisabled--c9MpP{opacity:.3 !important}.resendBtnWrap--gEq54{display:flex;margin-top:17px;justify-content:space-between}.resendBtnWrap--gEq54>*{margin-left:10px !important}.resendBtnWrap--gEq54>*:first-child{margin-left:0 !important}.timeRow--ur1z9{display:flex;justify-content:space-between;margin-top:19px;margin-left:-10px}.timeWrap--LBcWS{display:flex}.cancelBtnWrap--LmWFB{display:flex;align-items:flex-end}.flexibleTimeText--ZozhO{margin-left:8px !important;margin-top:10px !important;font-size:1.2rem !important}.flexibleTimeText--ZozhO{color:#fff}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/time-selector/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--KPg5t{margin-right:5px}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/standby-list-table-seater/SeatTimeButton/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn--O8e5N{color:#fff !important;border-color:#fff !important}.btnIsDisabled--8eZiy{opacity:.3 !important}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/time-slot-messaging/style.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--FitT4{padding:0px;background-color:#fff;margin-top:5px}.errorMsg--lDYgs,.msg--MX42c{font-size:1.4rem !important}.errorMsg--lDYgs{margin-top:5px !important}.waitListBtn--BzuuS,.standbyBtn--gqvkM{margin-top:8px !important;margin-left:0 !important}.waitListBtnIsRemoveState--OkTXW,.standbyBtnIsRemoveState--nkCtR{margin-left:5px !important}.waitListBtnIsDesignV2--TzPdS,.standbyBtnIsDesignV2--DCHn5{margin:15px 0 0 0 !important}.standbyIcon--A6Z9C{font-size:1.8rem !important}.standbyIcon--A6Z9C{margin:-1px 5px 0 0}.msgWrap--XVENv{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start}.msgWrapCenterText--IeaIr{align-items:center;text-align:center}.leftAlign--snl8q{width:calc(100% - 36px);padding-left:36px;display:flex;flex-direction:column;align-items:start}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/WalkInButtonsPanel/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}

.space1--xjgh6, .space1W--il3uo {
  width: var(--space1);
}

.space1--xjgh6, .space1H--XsLdv {
  height: var(--space1);
}

.space2--f2Hng, .space2W--F5F2e {
  width: var(--space2);
}

.space2--f2Hng, .space2H--fH0Mn {
  height: var(--space2);
}

.space3--hTBQp, .space3W--BUqb8 {
  width: var(--space3);
}

.space3--hTBQp, .space3H--kilZu {
  height: var(--space3);
}

.space4--CzOVi, .space4W--OKUtE {
  width: var(--space4);
}

.space4--CzOVi, .space4H--jVxcX {
  height: var(--space4);
}

.space5--hbMR0, .space5W--V3DMj {
  width: var(--space5);
}

.space5--hbMR0, .space5H--ZEM64 {
  height: var(--space5);
}

.space6--f2xQK, .space6W--xgxTk {
  width: var(--space6);
}

.space6--f2xQK, .space6H--iyI_M {
  height: var(--space6);
}

.space7--HAgqN, .space7W--kw9m_ {
  width: var(--space7);
}

.space7--HAgqN, .space7H--gEpaF {
  height: var(--space7);
}

.space8--JLVrM, .space8W--v0nd6 {
  width: var(--space8);
}

.space8--JLVrM, .space8H--p1JAR {
  height: var(--space8);
}

.space9--edufX, .space9W--GpZAC {
  width: var(--space9);
}

.space9--edufX, .space9H--xf9Lz {
  height: var(--space9);
}

.space10--Hu5tM, .space10W--JUb12 {
  width: var(--space10);
}

.space10--Hu5tM, .space10H--A0V_t {
  height: var(--space10);
}

.root--dBD_O {
    margin-top: var(--space3);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/DatePickerPanel/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/

.imgBox--tHxoV {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.5)
}

    .imgBox--tHxoV svg {
        -webkit-transform: translateY(-1px);
                transform: translateY(-1px);
    }
.datePickerContainer--QK9Xq {
    flex: 1;
    z-index: 10;
}
.root--E9HqX {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px 0
}
.rootIsSimpleMode--4OyDa {
        margin-bottom: 8px;
    }
.wideRoot--nB0vB {
    margin: 0px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/DatePicker/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.root--dihfo, .datePickerContainer--h17nD {
  flex: 1;
  display: inline-block;
  width: 100%;
}

.datePickerContainer--h17nD {
  position: relative;
}

.datePickerWhiteContainer--I4P7J {
  background-color: #fff;
}

.pickerContainer--Tvfi3 {
  position: absolute;
  display: inline-block;
  padding-top: 5px;
}

.childContainer--_hDzQ {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 8px;
}

.todayBtnContainer--xIVcx {
  padding: 15px;
}

.btnText--W4wbZ {
  /* font-size: 20px; */
  /*
    Should add style for today button
  */
}

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

.simpleModeText--oZ1k1 {
  font-size: 1.6rem;
  display: block;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

.changeButton--PA22i {
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--clrNbiMagenta);
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BidirectionalStepper/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/

:root {
  --stepperSizeSmall: 32px;
  --stepperSizeRegular: 44px;

  --stepperFontSmall: 22px;
  --stepperFontRegular: 26px;
}

.root--HzBx2 {
  flex: 1;
}

.stepperContainer--z7rrZ {
  display: flex;
  flex-direction: 'row';
}

.midContainer--Svn7U {
  flex: 1;
  position: relative;
}

.overContainer--PqH2W {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: inline-grid
}

.overContainer--PqH2W button {
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
  }

.containerSmall--EiUor {
  height: 32px;
  height: var(--stepperSizeSmall);
}

.containerRegular--lJdsg {
  height: 44px;
  height: var(--stepperSizeRegular);
}

.iconLeftContainer--bTrI4, .iconRightContainer--Nr3i6 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 2px);
}

.iconContainerSmall--MWVma {
  width: calc(32px - 2px);
  width: calc(var(--stepperSizeSmall) - 2px);
}

.iconContainerRegular--M9LLR {
  width: calc(44px - 2px);
  width: calc(var(--stepperSizeRegular) - 2px);
}

.iconSizeSmall--bdCFj {
  font-size: 22px;
  font-size: var(--stepperFontSmall);
}

.iconSizeRegular--JSp7v {
  font-size: 26px;
  font-size: var(--stepperFontRegular);
}

.iconLeftContainer--bTrI4, .iconRightContainer--Nr3i6, .overEffectContainer--XOnGc {
  border: 1px solid var(--clrGreyLight);
}

.childContainer--vvJC4 {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-left: 0px;
  border-right: 0px;
}

.overEffectContainer--XOnGc {
  width: 100%;
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 0px;
  border-right: 0px;
}

.iconLeftContainer--bTrI4:hover, .iconRightContainer--Nr3i6:hover, .overEffectContainer--XOnGc:hover {
  border-color: var(--clrNbiMagenta);
}

.iconContainerSelected--PK2QC {
  border-color: var(--clrNbiMagenta);
  background-color: var(--clrNbiMagentaTint);
}

.iconLeftBtn--jolx5, .iconLeftContainer--bTrI4 {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.iconRightBtn--WSTkU, .iconRightContainer--Nr3i6 {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.iconEnableColor--lYUq3 {
  color: var(--clrNbiMagenta);
}

.iconDisableColor--WB3ha {
  color: #FFFFF;
}

.selectedBorderColor--DzKLZ {
  border-color: var(--clrNbiMagenta);
}

.selectedBackgroundColor--DwDzR {
  background-color: var(--clrNbiMagentaTint);
}

.disableState--gwGxd {
  opacity: 0.5;
}

button.disableState--gwGxd {
  /* opacity: 0; */
}

.disableState--gwGxd > .iconLeftContainer--bTrI4, .disableState--gwGxd > .iconRightContainer--Nr3i6, .disableState--gwGxd > .overEffectContainer--XOnGc, .disableState--gwGxd > .childContainer--vvJC4 {
  color: white !important;
}

.disableState--gwGxd > .iconLeftContainer--bTrI4, .disableState--gwGxd > .iconRightContainer--Nr3i6, .disableState--gwGxd > .overEffectContainer--XOnGc, .disableState--gwGxd > .childContainer--vvJC4 {
  background-color: var(--clrGreyMedium);
  border-color: var(--clrGreyMedium);
}



/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/date-picker-overlay/style.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--IgWlV{padding:15px}.calender--pJ6Sn{margin:auto;width:150px}.calenderWrap--Q50K9{position:relative}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/SimpleListPanel/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.rightTitleStyle--faJhZ {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--clrNbiMagenta);
  line-height: 22px;
  text-align: right;
  flex: 1;
}

.lineHorizontalV2--df0jL {
  width: 100%;
  height: var(--space4);
  display: flex;
  flex-direction: row;
  margin-top: var(--space1);
}

.divider--AddSo {
  margin-top: var(--space1);
  width: 100%;
  border-bottom: 1px solid var(--clrGreyMedium);
}

.labelStyle--F_XHe {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--clrGreyDark);
  line-height: var(--space4);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/CustomerHistory/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.appWrap--NEo45 {
  font-family: 'Inter', sans-serif
}

.appWrap--NEo45 button, .appWrap--NEo45 a { /* @todo: determine which other elements need default setting */
    font-family: 'Inter', sans-serif;
  }

/** WEIGHTS **/

.typReg--cEkZq {
  font-weight: 400;
}

.typMed--sJGyK {
  font-weight: 500;
}

.typBold--M_7FY {
  font-weight: 700;
}

/** SIZES **/

.typSize1--tqXjQ {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.typSize2--ydM5n {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.typSize3--tGOmc {
  font-size: 1.4rem;
  line-height: 2rem;
}

.typSize4--wL1eZ {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.typSize5--DeEAE {
  font-size: 1rem;
  line-height: 1.6rem;
}

.root--Ui77R {
  padding: var(--space4) 0 var(--space4) var(--space4);
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.cardRoot--iYL9i {
    width: 100%;
    margin-top: 10px
}

.cardRoot--iYL9i:first-child {
         margin-top: 0;
    }

.loadButton--afOie {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
}

.errorContainer--u6lth {
  color: red;
  padding: 0px 0px 15px 0px;
}

.loadingContainer--dI_lZ {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100%;
  opacity: 0.4;
  background: white;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.cardList--ipRVq {
    max-height: 450px;
    overflow-y: auto;
    width: 100%;
    padding: 5px 0 0 0;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BookingCardCompact/style.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.root--CFkKp {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    width: 100%;
    border-radius: var(--space1);
    position: relative
}

.isEditable--Q2pKE .root--CFkKp {
      cursor: pointer;
    }

.rootV2--b4bEo {
  height: 56px;
  align-items: center;
  border-radius: 0;
  min-width: 0;
}

.statusBox--UcwwH {
    min-width: var(--space7);
    display: flex;
    flex-direction: column;
    border-radius: 8px 0 0 8px;
    font-size: 1.4rem;
    padding: 4px;
}

.statusCapital--cM9Nn {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
    min-height: 34px;
    text-align: center;
    line-height: 3.4rem;
    border-top-left-radius: var(--space1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px
}

.isEditable--Q2pKE .statusCapital--cM9Nn {
        cursor: pointer;
    }

.statusCapital--cM9Nn:hover {
    }

.isEditable--Q2pKE .statusCapital--cM9Nn:hover {
        opacity: 0.6;
      }

.statusCapitalLocked--HBo47 {
    }

.isEditable--Q2pKE .statusCapitalLocked--HBo47 {
         cursor: not-allowed
      }

.isEditable--Q2pKE .statusCapitalLocked--HBo47:hover {
           opacity: 1;
         }

.paxBoxCovers--_wdhS {
    padding: 8px 0;
    font-weight: 700;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background: #F8F8F8
}

.isEditable--Q2pKE .paxBoxCovers--_wdhS {
        cursor: pointer;
    }

.paxBoxCovers--_wdhS:hover {
    }

.isEditable--Q2pKE .paxBoxCovers--_wdhS:hover {
        background-color: #e9e9e9;
      }

.paxBoxCoversLocked--kVd27 {
    }

.isEditable--Q2pKE .paxBoxCoversLocked--kVd27 {
         cursor: not-allowed
      }

.isEditable--Q2pKE .paxBoxCoversLocked--kVd27:hover {
           background-color: transparent;
         }

.isOverTableCapacity--HKN_f {
    background-color: #FFC0BE;
}

.rotateWords--fPWNP {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    align-items: center;
    justify-content: center;
    margin: 9px;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.detailContainer--Pxgsr {
    padding: 2px 3px var(--space1) 3px;
    width: 100%
}

.isEditable--Q2pKE .detailContainer--Pxgsr {
        cursor: pointer;
    }

.detailContainer--Pxgsr:hover {
    }

.isEditable--Q2pKE .detailContainer--Pxgsr:hover {
          background-color: #e9e9e9;
        }

.bookTime--QqFKs {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1;
    margin-top: 3px;
    max-height: 29px;
    overflow: hidden;
}

.timeSmaller--nYG8A {
    font-size: 1rem;
    line-height: 1.6rem;
}

.userName--S63KH {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    margin-top: 6px;
    padding-right: 4px;
}

.tableAssign--MW6Bu {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    margin-top: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.numberCenterV--fDyyd {
    line-height: var(--space3);
    text-align: left;
    padding-left: 7px;
}

.divider--HC7R6 {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    height: 1px;
    background: #F0F0F0;
}

.centerItems--eRXRJ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tContainer--okLgf {
    margin-left: var(--space1);
}

.customerContainer--iIB2J {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.iconStyle--fLd58 {
    color: var(--clrNbiMagenta);
    margin-right: 2px;
    height: var(--space3);
    width: var(--space3);
}

.tIconStyle--FoU9k {
    height: 17px;
    width: 17px;
}

.flexCenter--QANZG {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.icon--bVcaH svg {
    margin-right: 2px;
    padding-top: 4px;
    height: var(--space3);
    width: var(--space3);
    fill: var(--clrNbiMagenta);
}

.tagIconStyle--bHET7 {
    width: var(--space3);
    height: var(--space3);
}

.showComponent--JQ0qA {
    display: block;
}

.hiddenComponent--TZJNw {
    display: none;
}

.dropdownList--wicRM {
    position: absolute;
    top: var(--space2);
    left: var(--space2);
    width: calc(100% - var(--space3));
    box-shadow: 2px 2px var(--space2) var(--clrGreyLight);
    border-radius: var(--space2);
    padding: var(--space2);
    z-index: 100;
    background-color: #fff;
}

.ftBooking--Eb5CQ {
    background-color: var(--clrFT);
}

.alertWrap--uCzRP {
    padding: 15px 0px;
}

.detailContainerRow--mTsjY {
    display: flex;
    flex-direction: row;
    /*align-items: flex-end;*/
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    flex-wrap: wrap;
}

.detailContainerRowChild--L6LKU {
    display: flex;
    width: 55%;
    gap: var(--space1);
}

.detailContainerRowChild--L6LKU:nth-child(2) {
    justify-content: flex-end;
    width: 40%;
}

.ellipsisElement--VxNhu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.root--CFkKp .withDivider--GlEI5 {
    border-bottom: 2px solid #d3d3d3;
}

.smallNameText--FkqaI {
    font-size: 1.2rem;
}

.flexVerticalContainer--uKDTS {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.coverBoxNoPadding--inx5u {
    padding: 0 !important;
}

.coverBoxNoPadding--inx5u {
    width: 32px;
    height: 40px;
    align-self: center;
}

.statusBoxV2--Aq_Hb {
  width: 32px;
  display: flex;
  flex-direction: column;
  border-radius: 8px 0 0 8px;
  font-size: 1.4rem;
  padding: 4px
}

.statusBoxV2--Aq_Hb.leftMargin--McLB0 {
        margin-left: 8px;
    }

.statusCapitalV2--FCBAp {
  height: 40px;
  margin-bottom: 0;
  margin-right: 4px;
}

.contentContainerV2--Xwj7k {
  display: flex;
  flex: 1;
  min-width: 0;
}

.contentContainerInMiddle--tCqNC {
  height: 36px;
  margin-right: 4px;
  flex: 1;
  min-width: 0;
}

.flexRowSpaceBetween--VA0NP {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.userNameV2--RxaAx {
  margin-top: 0;
  min-width: 0;
}

.contentContainerAtEnd--JUUPd{
  display: flex;
  flex-direction: row;
  width: 70px
}

.contentContainerAtEnd--JUUPd.rightMargin--f88uz {
      margin-right: 8px;
    }

.tableContainerV2--z_Ktn {
  margin-top: 2px;
  width: 28px;
  height: 32px;
  line-height: 14px;
  margin-left: 4px;
  justify-content: center;
}

.iconStyleV2--ECX27 {
    color: var(--clrNbiMagenta);
    height: var(--space3);
    width: var(--space3);
}

.iconV2--z0f56 svg {
    padding-top: 4px;
    height: var(--space3);
    width: var(--space3);
    fill: var(--clrNbiMagenta);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/cover-input/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--Pxm2J{display:flex;flex-direction:column;align-items:center;width:100%}.rootIsSmall--obCT7{width:auto}.numberInput--_qQfC{width:93px}.numberInput--_qQfC input{text-align:center;font-size:3rem;padding:10px 10px 5px 10px}.numberInput--_qQfC input[type=number]::-webkit-outer-spin-button,.numberInput--_qQfC input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numberInput--_qQfC input[type=number]{-moz-appearance:textfield}.numberInputIsSmall--_xpN7{width:40px !important;margin-top:0 !important;margin-bottom:0 !important}.numberInputIsSmall--_xpN7 legend>span{display:none}.numberInputIsSmall--_xpN7 input{font-size:1.5rem;padding:8px 5px 5px 5px;height:auto}.numberInputIsLight--fFcRf input{background-color:rgba(255,255,255,.5);border-radius:5px}.incrementBtnIsSmall--g1HLL{width:27px !important;height:27px !important;min-height:27px !important}.incrementIcon--fD3Lt{margin-bottom:10px}.incrementIconIsSmall--VauWY{font-size:1.9rem}.incrementIconIsDesignV2--IHS3_{font-size:1.2rem}.decrementIconIsDesignV2--ukByD{color:#992662}.minusBtn--f109m{margin-right:4px !important}.minusBtn--f109m{margin-left:10px}.plusBtn--tUA7N{margin-left:4px !important}.minusBtnV2--AByiK{background-color:#fff !important}.minusBtnV2--AByiK{border:1px solid #992662;margin-bottom:16px}.disabledMinusBtnV2--CsA52{box-shadow:none !important}.disabledMinusBtnV2--CsA52{margin-bottom:16px}.plusBtnV2--AuYSh{box-shadow:none !important}.plusBtnV2--AuYSh{margin-bottom:16px}.inputWrap--zgEOi{display:flex;flex-direction:row}.inputWrapDesignV2--JngBC{align-items:end}.inputWrap--zgEOi{justify-content:center}.inputWrapIsLandscape--rpbOn{justify-content:flex-start}.inputWrapIsDesignV2--fLOJr{margin-top:8px;align-items:center}.message--cS3G8{margin:3px 0 0 0}.message--cS3G8 p{margin:0}.centerVertical--iW4Yv{align-items:center}.orderOne--aOAYt{order:1}.numberInputIsDesignV2--n6s8m{order:2;width:60px;margin-left:2px;margin-right:2px;margin-top:0}.numberInputIsDesignV2--n6s8m input{font-size:2.2rem;font-weight:600;padding-bottom:14px}.orderThree--A5NNf{order:3}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/design-v2/common/BookingLinks/style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root{--clrGreyDark: #333333;--clrGreyHeavy: #808080;--clrGreyMedium: #C2C2C2;--clrGreyLight: #DFDFDF;--clrGreySuperLight: #F8F8F8;--clrNbiMagenta: #992662;--clrNbiMagentaDark: #992662;--clrNbiMagentaLight: #A51B63;--clrNbiMagentaTint: #FFF5FB;--clrGood: #54C66D;--clrGoodDark: #409b54;--clrGoodLight: #79e991;--clrBad: #FF0000;--clrBadDark: #cb0000;--clrBadDarker: #921e1e;--clrBadLight: #ff6a6a;--clrWarning: #F18C16;--clrWarningDark: #d37407;--clrWarningLight: #ffb45d;--clrStandby: #4669ac;--clrInfo: #29b6f6;--clrInfoLight: #5bc8f8;--clrInfoDark: #1d91c5;--clrFT: rgba(3,208,244,0.65882);--clrSblPending: #4669ac;--clrStatusConfirmed: #ceffe1;--clrStatusUnconfirmed: #ffe6a6;--clrStatusSeated: #0ae228;--clrStatusPartiallySeated: #f68b1f;--clrStatusCancelled: #ff0030;--clrStatusReserved: #F4A155;--clrStatusOrdered: #7998E8;--clrStatusResetTable: #A89DF1;--clrStatusTableSet: #C189BF;--clrStatusBlocked: #AFAFAF;--clrStatusFinished: #ccc;--clrStatusSeatedOrdered: #267347}.root--Z6Fy3{padding:15px}.root--Z6Fy3.isDesignV2--PCYRH{box-sizing:border-box;width:100%;background:#fff;border-radius:10px;padding:16px}.box--WMciv{display:flex;flex-direction:row;justify-content:flex-end}.box--WMciv .addBtn--WcNzm{margin:5px;width:40px;height:40px}.designV2Box--Vraoh{margin-top:0;justify-content:flex-start}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/design-v2/common/BookingLinks/BookingLinkItem/style.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--Q1qGG{display:flex;align-items:center;margin:8px 0}.root--Q1qGG.isEditMode--rnlqo{margin:12px 0}.leftMargin--XRZmC{margin-left:16px}.nameInput--_aGQZ{width:200px}.urlInput--VX9Ug{min-width:150px;flex-grow:1}.inputProps--Tsawp{font-size:1.6rem}.editIconV2--bYgG0,.deleteIconV2--Y8wBv{color:var(--clrNbiMagenta);margin-left:5px}.notesIcon--FZJ9g,.linkIcon--gbYRh{color:var(--clrGreyHeavy);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.linkWrap--PZ4Fw{display:flex;flex-grow:1}.underLine--ArBrU{color:var(--clrGreyDark);text-decoration:underline}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BookingHistory/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.lineHorizontal--SdEqa {
  width: 100%;
  height: var(--space4);
  margin: 10px 0 10px 0;
  display: flex;
  flex-direction: row;
}

.lineHorizontalV2--xj__I {
  width: 100%;
  height: var(--space4);
  display: flex;
  flex-direction: row;
}

.divider--pCP9R {
  margin-top: var(--space1);
  width: 100%;
  border-bottom: 1px solid var(--clrGreyMedium);
}

.iconBox--G2sh3 {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

.iconColor--Saky_ {
  color: rgba(0, 0, 0, 0.5);
}

.rowSpaceBetween--_naeh {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: var(--space4);
  margin: 10px 0 var(--space2) 0;
}

.rightLineHorizontal--tCHaO {
  width: 320px;
  height: var(--space4);
  margin-right: var(--space3);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.dateStyle--ND0id {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: rgba(60, 60, 67, 0.6);
  margin-left: var(--space2);
  line-height: var(--space4);
}

.labelStyle--eDu5u {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--clrGreyDark);
  line-height: var(--space4);
}

.toggleStyle--y167d {
  width: var(--space7);
  height: var(--space4);
  margin-left: 20px;
  margin-top: -10px;
}

.showActionContainer--Ol4j1 {
  padding: 15px 0 0 0;
}

.contentCenter--RCXC9 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.showChangesLabel--tXF76 {
  padding-left: 7px;
  color: var(--clrNbiMagenta);
  cursor: pointer;
}

.loadingContainer--woI3V {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.4;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/ChangesCard/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}
/** WEIGHTS **/
/** SIZES **/
.root--JyMFM {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: var(--space1)
  
}
.root--JyMFM > div {
    border-bottom: 1px solid var(--clrGreyLight);
    padding: 2px
  }
.root--JyMFM > div:last-child {
      border-bottom: none
    }
.rootNoPadding--gVFs8 {
  padding: 0px 0px 16px 0px;
}
.method--dBLPb {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clrNbiMagentaLight);
  display: flex
}
.method--dBLPb {
  }
.method--dBLPb .embeded-abc {
      width: 1.8rem;
      height: 1.8rem;
      display: flex;
      fill: var(--clrNbiMagentaLight);
    }
.type--YecVa {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: uppercase;
  margin: 0;
}
.changeInfo--Bxgzr {
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: uppercase;
  color: var(--clrGreyDark)
}
.staffInfo--i4PO9 {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clrGreyDark);
  opacity: 0.7;
}
.verticalBottom--OtsbU {
  vertical-align: text-bottom;
  font-size: 1.8rem
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/RepeatBooking/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.repeatBookingTabContent--ovymw{margin-top:16px}.loadingContainer--XqFza{width:100%;height:100%;position:absolute;left:0px;top:0px;background:#fff;opacity:.6;display:flex;align-items:center;justify-content:center}.loadingContainer--XqFza>div{position:static !important;position:initial !important;right:auto !important;right:initial !important;bottom:auto !important;bottom:initial !important}.recurringBookingList--FZGUn{margin-top:15px}.inputs--MnRsM:first-child{margin-right:10px}.inputs--MnRsM{margin-bottom:10px}.errorMessage--LIhxC{color:#f44336;margin-left:70px}.nextLoader--s1FFw{color:#000 !important}.nextLoader--s1FFw{position:absolute;z-index:10;right:50%;bottom:50%}.invisibleButton--o1Gmk{width:270px;position:absolute;z-index:100;height:45px}.hideButton--OyqeU{display:none}.msg--ekuL8{margin-top:10px;color:#fff;padding:16px;font-size:1.3rem;display:flex;align-items:center;background:#ffb45d;border-radius:4px}.msg--ekuL8 svg{margin-right:4px}.doneContainer--saYoH{display:flex}.doneContainer--saYoH .doneIcon--g9Xhi{margin:10px 10px 0}.doneContainer--saYoH .doneMessage--MaGqv{margin-top:11px}.doneContainer--saYoH .doneMessageFailure--_y4eZ{color:#ce0000}.doneContainer--saYoH .doneMessageSuccess--IFPFr{color:#155724}.doneContainer--saYoH.wideDoneContainer--GQJ2U{flex:1;justify-content:end;flex-direction:row-reverse}.fillColorSuccess--Fdx_6{fill:#155724}.fillColorWarning--_uEES{fill:#f68b1f}.fillColorError--Y0de9{fill:#ce0000}.flexContainerHorizontal--N8ln4{width:100%;display:flex;flex-direction:row}.itemDisplaySpaceBTW--mv0Jz{justify-content:space-between;align-items:center}.inputAreaSmall--sFprf{width:30px}.inputAreaMedium--tP1D_{width:30px}.spaceTopSmall--_iOaA{margin-top:5px}.spaceRightSmall--oji37{margin-right:5px}.flexEnd--jGQZU{justify-content:flex-end}.flexEnd--jGQZU>.spaceRightSmall--oji37{margin-left:8px;margin-right:0px}.serviceSelect--GbaRS{margin-left:var(--space3);margin-top:var(--space2)}.bottomSpace--ZfBot{margin-top:var(--space4);display:flex;flex-direction:row}.dateContainer--H4JbE{display:flex;flex-direction:row}.untilSpan--jRkJh{padding-right:10px}.datePickerContainer--W7AXa{width:257px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:15px}.leftAlign--ip32X{justify-content:flex-start;margin-top:24px}.leftAlign--ip32X>.spaceRightSmall--oji37{margin-left:8px}.repeatLabel--sKb8X{padding:15px 0px 6px 0px}.repeatLabel--sKb8X>span{font-size:14px;font-weight:500}.warningMsg--iUgOt{display:flex}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/RepeatBooking/RepeatBookingList/wide.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.repeatListContainer--xMZu9{margin-bottom:20px;position:relative;overflow:hidden}.repeatListItem--rxkZw,.repeatListItemNotWide--F2gKT{display:flex;flex-direction:row;height:33px}.repeatListItem--rxkZw>div,.repeatListItemNotWide--F2gKT>div{align-items:end;flex-direction:row}.repeatListItemNotWide--F2gKT{padding-top:10px}.checkboxContainer--LJVMF{display:flex;padding-right:12px}.checkbox--w040h{display:flex;margin:0px;width:24px}.checkboxCtrl--VQeN8{padding:0px}.peopleContainer--mxEqU{display:flex;flex-direction:row;padding-right:8px}.people--uXeES{width:55px}.durationContainer--IZTw7{display:flex;flex-direction:row;padding-right:8px}.duration--PiODl{width:85px}.serviceContainer--UO13y{display:flex;flex-direction:row;padding-right:8px}.service--cvATl{width:98px}.tableContainer--suVq3{flex:1;display:flex;flex-direction:row;align-items:center;padding-right:8px;position:relative}.tableContainer--suVq3>div{flex:1}.tableLoadingContainer--Qn46a{position:absolute;width:calc(100% - 65px);left:0px;top:0px;height:100%;opacity:.4;background:#fff;display:flex;align-items:center;justify-content:center}.timerContainer--KUfnG{width:152px;padding-right:8px}.timer--hnzw1{width:152px}.iconContainer--x0BZ_{display:flex;flex-direction:row;align-items:end;width:24px}.validityIcon--_izsH{margin:0px;padding:0px;height:24px}.errorMessage--d8v2f{color:#f44336;padding-left:36px;padding-right:32px;padding-top:4px}.disableContainer--dZ83I{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;opacity:.6;background:#fff}.wideContainer--zFV1R{flex:1}.wideContainer--zFV1R>div{flex:1}.wideContainer--zFV1R>div>div{flex:1}.serviceContainer--UO13y.wideContainer--zFV1R{flex:2}.repeatListItemNotWide--F2gKT>.timerContainer--KUfnG{flex:1}.repeatListItemNotWide--F2gKT>.timerContainer--KUfnG>div>div{width:100%}.fillColorError--mUe8i{fill:#ce0000}.fillColorSuccess--SKYBD{fill:#155724}@media(max-width: 560px){.serviceContainer--UO13y.wideContainer--zFV1R{flex:1}.service--cvATl{width:auto;width:initial}.service--cvATl>div:nth-child(2)>div:nth-child(2)>div>div{width:90%}}@media(max-width: 505px){.service--cvATl{width:auto;width:initial}.service--cvATl>div:nth-child(2)>div:nth-child(2)>div>div{width:55px}}@media(min-width: 548px){.timerMiniContainer--U00Ik{display:none}}@media(max-width: 547px){.timerWideContainer--g4scq{display:none}.peopleContainer--mxEqU,.durationContainer--IZTw7{max-width:60px}}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/RepeatBooking/RepeatInput/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--zh_Lr{display:flex}.container--WQ0h6{height:33px !important}.container--WQ0h6{display:flex;flex-direction:column}.inputContainer--TFT89{display:flex;flex-direction:row;flex:1;align-items:end}.img--jjTqc{display:flex;padding-bottom:1px}.icon--ZTsm4{width:21px;height:21px;color:rgba(0,0,0,.5)}[dir=ltr] .input--pTe7S{text-align:right}[dir=rtl] .input--pTe7S{text-align:left}.input--pTe7S{color:#000;font-size:15px;font-weight:500;flex:1;padding-bottom:3px}.border--yulQr{border-bottom:.5px solid rgba(0,0,0,.5)}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/RepeatBooking/TypeSwitch/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--Q21R0{display:flex;flex-direction:row;width:170px;align-items:center;justify-content:space-between}.imgBox--GoNPg{width:24px;height:24px;color:rgba(0,0,0,.5);padding-right:8px}.switchContainer--TI1K0{position:relative;display:flex;flex-direction:row;height:33px;width:135px;border:solid .5px var(--clrGreyMedium);border-radius:30px;cursor:pointer}.buttonContainer--rDg_Y{width:67px;display:flex;justify-content:center;align-items:center;border-radius:30px}.labelBtn--whW4L{color:rgba(51,51,51,.7)}.buttonOver--xGoVB{position:absolute;background:#fff5fb;width:67px;height:31px;border-radius:30px;border:1px solid var(--clrNbiMagenta);display:flex;justify-content:center;align-items:center;left:0px;top:0px;transition:left 100ms}.buttonOver--xGoVB>.labelBtn--whW4L{color:var(--clrNbiMagenta)}.switchState--SNoQN{left:66px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/InlineAlert/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.notificationContainer--FyrcE {
  border-radius: 4px;
  justify-content: space-between;
  padding: 12px 0;
  /*height: 48px;*/
  box-sizing: border-box;
}
.containerForMobile--sDP3T {
  padding: 8px 0;
  /*height: 40px;*/
  box-sizing: border-box;
}
.flexRowAlignCenter--YUJYa {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.flexColumnAlignStart--pdDI3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.wrapperForText--kMvRK {
  justify-content: space-between;
  width: 100%;
  flex: 1;
}
.notificationIconContainer--OjKVm {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  width: 24px;
  height: 24px;
}
.notificationTitle--TCQpH {
  font-weight: 700;
  margin-right: 15px;
}
.tailText--liiCG {
  margin-right: 15px;
  font-weight: 500;
}
.textMobile--aHvxM {
  font-size: 14px;
}
.subContentMobile--H2oBX {
  margin: 8px 0;
}
.successContainer--qwQU7 {
  background-color: #F2FBF4;
  border: 1px solid #54C66D;
}
.successColor--egL7j {
  color: #54C66D;
}
.warningContainer--uNmin {
  background-color: #FEF9EE;
  border: 1px solid #F18C16;
}
.warningColor--AyRHj {
  color: #F18C16;
}
.errorContainer--nsTkr {
  background-color: #FFF0F0;
  border: 1px solid #FF0000;
}
.errorColor--KhXe1 {
  color: #FF0000;
}
.infoContainer--_f0Kj {
  background-color: #EFFAFF;
  border: 1px solid #00C2FF;
}
.infoColor--I2ciG {
  color: #00C2FF;
}
.defaultContainer--FXG8t {
  background-color: #FFF5FB;
  border: 1px solid #A91264;
}
.defaultColor--ppTDY {
  color: #A91264;
}
.clickable--J7g5P {
  cursor: pointer;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/RecurringBookingSwitch/style.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/
:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}
.root--RcAq0 {
  display: flex;
  align-items: center
}
.root--RcAq0 label {
    margin-right: 0;
  }
.title--euVWb {
  margin-right: 10px;
  color: var(--clrNbiMagenta);
  margin-top: 1px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/PaymentTab/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/

.itemContainer--h3KUZ {
  margin-top: 16px;
}
.priceContainer--jZbet {
  margin-top: 16px;
  padding: 4px;
}
.itemRoot--gW392 {
  padding: 4px;
  display: inline-block;
  cursor: pointer
}
.itemRoot--gW392 .tabItemContainer--eHOBh {
    border-radius: 30px;
    border: solid 1px #F4F4F4;
    background: #F4F4F4;
    display: flex;
    height: 31px;
    justify-content: center;
    align-items: center;
    padding: 0px 10px
  }
.itemRoot--gW392 .tabItemContainer--eHOBh span {
      color: rgba(0, 0, 0, 0.8);
    }
.itemRoot--gW392 .tabItemContainer--eHOBh:hover {
      border-color: var(--clrNbiMagenta)
    }
.itemRoot--gW392 .tabItemContainer--eHOBh:hover span {
        color: var(--clrNbiMagenta);
      }
.itemRoot--gW392 .tabItemContainerSelected--U40h9 {
      border-color: var(--clrNbiMagenta);
      background: #F5EAF0
    }
.itemRoot--gW392 .tabItemContainerSelected--U40h9 span {
        color: var(--clrNbiMagenta);
      }
.itemRootDisabled--CUAkw {
  opacity: 0.5;
  pointer-events: none;
}
.priceInput--GVjwY {
  position: relative
}
.priceInput--GVjwY .input--oh8TI {
    padding-left: 40px;
    color: var(--clrGreyDark);
    padding-bottom: 0.5rem;
  }
.priceInput--GVjwY .inputUsd--Xz7fe {
    padding-left: 20px;
    color: var(--clrGreyDark);
    padding-bottom: 0.5rem;
  }
.priceInput--GVjwY .label--uRr8E {
    padding-left: 40px;
    color: var(--clrGreyHeavy);
    margin-top: -0.3rem;
  }
.priceInput--GVjwY .labelUsd--oXmsf {
    padding-left: 20px;
    color: var(--clrGreyHeavy);
    margin-top: -0.3rem;
  }
.priceInput--GVjwY label[data-shrink=true] {
    padding-left: 0px;
    font-size: 1.2rem;
    color: var(--clrGreyMedium);
  }
.priceInput--GVjwY .iconContainer--HZGhK {
    position: absolute;
    bottom: 13px;
    width: 1.8rem;
      height: 1.8rem
  }
.priceInput--GVjwY .iconContainer--HZGhK .icon--q3gSC {
      width: 1.8rem;
      height: 1.8rem;
      color: var(--clrGreyHeavy);
    }
.priceInput--GVjwY .iconContainer--HZGhK .currencyLabel--WPYyn {
      color: var(--clrGreyHeavy);
    }
.paymentChangeMsgSuccess--O7qYL{
  color: var(--clrGood);
}
.paymentTypeChangeMsg--WHDV7{
  padding-left: 4px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/ManagePreAuth/style.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}

.space1--YKCmb, .space1W--A3ATe {
  width: var(--space1);
}

.space1--YKCmb, .space1H--VFhgq {
  height: var(--space1);
}

.space2--eLddY, .space2W--VtCm8 {
  width: var(--space2);
}

.space2--eLddY, .space2H--ocWam {
  height: var(--space2);
}

.space3--ZcAR0, .space3W--qU1nH {
  width: var(--space3);
}

.space3--ZcAR0, .space3H--G4_81 {
  height: var(--space3);
}

.space4--cTX4T, .space4W--gyQM8 {
  width: var(--space4);
}

.space4--cTX4T, .space4H--sbcWf {
  height: var(--space4);
}

.space5--R1f5Y, .space5W--Dt5zD {
  width: var(--space5);
}

.space5--R1f5Y, .space5H--CnEPm {
  height: var(--space5);
}

.space6--WWa6P, .space6W--ZDskG {
  width: var(--space6);
}

.space6--WWa6P, .space6H--TaZPv {
  height: var(--space6);
}

.space7--Gyr10, .space7W--LCkLG {
  width: var(--space7);
}

.space7--Gyr10, .space7H--cvCcm {
  height: var(--space7);
}

.space8--scnv0, .space8W--BJzFx {
  width: var(--space8);
}

.space8--scnv0, .space8H--QcXX7 {
  height: var(--space8);
}

.space9--jPagn, .space9W--MEpNA {
  width: var(--space9);
}

.space9--jPagn, .space9H--eLc5f {
  height: var(--space9);
}

.space10--O2yGy, .space10W--vAIiR {
  width: var(--space10);
}

.space10--O2yGy, .space10H--pXbrq {
  height: var(--space10);
}

.slideRoot--eAzoG {
  height: 100vh;
  width: 100vw;
}

.label--wAUBU {
  color: var(--clrNbiMagenta);
}

.root--KVbpQ {}

.pannelRoot--pGtcU {
  padding: 12px;
  margin: 12px;
  background: #FFFFFF;
  border-radius: 10px;
}

.pannelRootPopup--tsVG4 {
  padding: 0 14px 14px 14px
}

.pannelRootPopup--tsVG4 .preAuthContent--K_UfZ {
    display: flex
  }

.pannelRootPopup--tsVG4 .preAuthContent--K_UfZ .leftColumn--qSWQG {
      width: 200px;
      line-height: 24px;
      font-size: 16px;
      font-weight: 500;
    }

.pannelRootPopup--tsVG4 .preAuthContent--K_UfZ .rightDetails--FcCfi {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.5);
      flex: 1;
    }

.pannelRootPopup--tsVG4 .extraMargin--eYxuq {
    margin-top: 10px;
  }

.pannelRootPopup--tsVG4 .leftColumnExtraSpace--FT2Da {
    height: 40px;
    align-items: center;
  }

.pannelRootPopup--tsVG4 .preAuthInfo--GTc9j {
    margin-top: 10px;
    font-size: 16px;
  }

.header--UEWil {
  padding: 14px 14px 24px 14px;
  background-color: white;
  display: flex;
  justify-content: space-between
}

.header--UEWil .title--YgJji {
    font-size: 24px;
    font-weight: 700;
  }

.header--UEWil .closeIcon--srm2f {
    cursor: pointer;
    align-self: center;
  }

.header--UEWil .titleForDm--yi5XE {
    font-size: 20px;
    font-weight: 700;
  }

.title--YgJji {
  font-size: 1.8rem;
  font-weight: 700;
}

.rowContainer--D7daG {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 5px;
  height: 40px;
}

.rowInputContainer--_Lp08 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 45px;
}

.input--T0ZNu {
  font-size: 16px;
  border-radius: 4px;
  width: 120px;
}

.rowBtnContainer--rppEo {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding-top: 15px;
}

.rowBtnGroup--mMq3w {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 24px
}

.rowBtnGroup--mMq3w .buttonContainer--ykDrJ {
    margin-left: 16px;
    margin-right: 16px;
  }

.title--YgJji {
  font-size: 18px;
  font-weight: 300;
  color: #333333
}

.subTitle--T1MbG {
  font-size: 10px;
  color: #000000;
  opacity: 0.4;
}

.disabledTitle--rKqh4 {
  color: #DFDFDF;
}

.errorSuccessContainer--KwFDK {
  margin-left: 200px;
}

.error--TLTii {
  color: #FF0000
}

.success--dHixB {
  color: #54C66D
}

.iconTextWrap--FoFec {
  display: flex;
}

.iconWrap--Fom4s {
  width: var(--space5);
  height: 23px
}

.iconWrap--Fom4s svg {
      width: 24px;
      fill: var(--clrGreyHeavy);
  }

.loadingWrapper--bTucV {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/PaymentLinkInfo/style.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--r7yUz{position:relative;margin:0;padding:18px 22px 20px 22px;display:flex;flex-direction:column;min-height:180px}.rootWrap--eg4IQ{padding:16px}.containerLinkPayment--q1Yjq{width:100%;height:100vh;background-color:#f7f7f8}.checkbox--GW3b6{padding:0 !important}.checkboxWrap--bbT4q{margin:10px 0 12px -2px}.overlay--HQcPL{margin:0 !important}.overlay--HQcPL{position:absolute;left:5px;right:5px;top:5px;bottom:5px;background-color:#fff;z-index:10;flex-direction:column;justify-content:space-between;padding:15px;display:flex}.overlayFooter--Ygqeu{display:flex;justify-content:flex-end}.dropdownHeaderWrapper--PTPWy{padding:var(--space3);background-color:#fff}.url--ShL1T{color:#787878 !important}.url--ShL1T{font-size:1rem}.urlIsTruncated--TC7TZ{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emailField--O77Nx{display:block;width:100%}.sendFooter--YIIZV{display:flex;justify-content:flex-end;align-items:center;margin-top:8px;border-top:1px solid rgba(0,0,0,.42);padding-top:15px}.sendFooterMessage--WMbbS{display:flex;justify-content:flex-start;align-items:center;padding-top:10px;padding-bottom:5px}.imageColumn--sL9dj{padding-right:10px}.contentColumn--SUkj4{min-width:0;flex-grow:1}.contentColumn--SUkj4>*{margin-bottom:5px !important}.contentColumn--SUkj4>*:last-child{margin-bottom:0 !important}.contentWrapHide--RauyY{display:none}.contentWrapShowImage--A81p0{display:flex}.sendPaymentLinkContainer--CX7Jd{display:flex;flex-wrap:wrap;justify-content:space-between}.sendPaymentLinkContainer--CX7Jd .sendSmsContainer--HkI2Y{line-height:40px;flex-basis:400px;margin-bottom:10px}.sendPaymentLinkContainer--CX7Jd .sendEmailContainer--FOZ9G{line-height:40px;flex-basis:400px;margin-bottom:10px}.sendPaymentLinkContainer--CX7Jd .sendEmailContainer--FOZ9G div div{width:100%}.sendPaymentLinkContainerNoMarginPadding--j8Ymh{padding-top:0px !important;margin-bottom:0px !important}.sendPaymentLinkContainerPadding--EgUcF{padding-top:10px}.imgSend--KPYCT{width:60px;content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAActpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgSW1hZ2VSZWFkeTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KKS7NPQAAHbpJREFUeAHtXXmQHFd5/2bvQ9IeOmzZlrSWFWxkGy1gXHYcR2PAgC1iyVBOOUVRWgdycKQs/klRVKUYUin+SKUKkcodAqNwVgFmlXJIYSNrFGN8glfxEZtIYiVhS5bW2l3r3J0rv19P92zv7M7s9HT39Ovu97Z6+3rH937v/fr7vvde9ySKxaLooBHQCCyOQNvil/VVNwhcee8X+pF+GJu1Z3ZJ/kPgtS3GkfN/B5FkykyWMfdj5rWx1370ZeueeUvv3CKQ0BrEHYQgQxI5DGMbMvc87sMWRJhGoSQMt3HuQZoM9jo0iIAmiAPgTM2QRBJra1QTOCjVk6jUPBlr05qmfkw1QZbACqTYgShJcwsLIZaolZQJA7KMLhU5zvc1QSpa39QSJIVFjKDMpQrJfDulWZbBRqKMau0CFGxBE8QEw9QUIzjdbsMnjod7Uem01iylpo81QUCKYcCwCxu1RdQ1RanF6/9PzUKtshtkGas/WbRixpIgIMYImpHEiIpP4XevpM9CoqT9Lki1/GNDENO3ICm4aW3RWE+kVtnNLS6+SuQJAmIMoUFT2HZg08QACB4Ey/xKgSjjHuSnbBaRJYiNGDuVRT8agu1BNSJLlMgRxGZKfTEa/S80tfgSJI2c6RUpgoAcKTSS9jGC45Tho8DsYjtEIkSCICBGEq2RxrYBmw7BI3AUIoyAKJngRXEnQagJYvoZHFXZ7g4GndonBPYi311hduRbfALG92xBDppSY9g0OXxHu+EC2DZjZls1nEmQCUOnQUytkQZoW4METpftGIEDSEGza9xxygAThEqD2LSGJkeAnabBotlmodMmodAgIEY/wE1j0+YUQIhAoG9CbTKlel2UJwjIkQSIo9j6VAdTy+cIAQ4J71B9pEtpE8s0qfYDSE0OR30vFJHZpvvNNlZWYCU1iGlS7QZqO5VFzmPBWnp6pXDhvMe5hia7PZCUw8HKmVzKEQTkGAJYNKm2YItH6OuXgTs/IrmTx+Tc0wekmM3Go97za3kQpzS5xudfDvZMKYKAHMOAI4MtPibV2nUycNud0tLRYfSE4pnTMrnvP+JKEvolSZBkzABDgX/K+CAgxwjwyGCLDTna1l8jK+/YViYH6i6JwdXSv/3jQKGfp3ELbPuM2ReUqLsSGsQE5BtKINIkIXpvvl26Nl1ftbTC7KycyfynJCbeqBon4jcegCZJB13HwAkSN3Ik2tul55231CSHvVNM/+xRyR07bL8Up+PASRIoQUCONFo7NiNVJMfA++4xzCgnvfzC2FNy8WVlzHInonsRdw80yYgXGTWSR2AEiRs56FOs3Hq3yLIVjbSTXDr0kpx/5vGG0kYgUWAkCYQgcSQHh3GtkapGO2zMR7gCIUnTR7FAjhQ6SGzMKmOkatv9rslBUnGEiyYaJxVjGHaafaepVW+qBkEFR1C72IxWdWx6uyy/eavnDcoRrslHHxKZnvI87xBk2FTHvWkEiRs5lhrGddsRSZKzzxyI6whX00jSFIKAHEl0iP1uO0UY0nOkasXtH5C2y9c1RdwYDwPfgdGtjN8g+04QkGMYlWBFIj9D3ugwrttGjukIV1OWpfhKEJCD6yU4gL/BbSdQPr254NDtSFWj9Zw9diiOCx2PAq9haBLfnDG/R7FGUYHok4MLDj0Yxm2UHEzXsX5TaRISJl6MAvsW+5hvwTeCQHvshtRbfZNckYwXW3AYlGgcBh686764LXTcavY1X2D3xcSCwCOQ9hu+SFwl09s3rpNbNw9VuevP5YENG2XF2rX+ZO4i10I+LydfekGyTX4B668fDnSm35eRLc8JAnIMo20z2JrqlP/5h2+XBz9xl4tupZO6RQBt7zYLN+l9cdr9MLHSqGVTyeEGVZ02Mgiwz6W9ro2nBDFtwS1eC6nz0wjUicAWsw/WGX3paJ4RBIIlUdyDSxepY2gEfEXgQbMvelKIJwSBQP2QJu2JRDoTRwjkcjkpFArCvd/HjgQLNnLa7JOupWhznUMpgxR20Z/v8AgsL7N56623vMyual6JREIGBgaq3lfsBvtiCtsut3K5Jog2rdw2gbv07LivP/3vkjt7wsgo0dYphexFaWnvkmIhL8V8Vlo7eiU/e15aWtDcre3m/W4p5mbmpUngHgPTtLTP3Z+cXSHD2z5t3AvRP5pao27Xa7kmCABLhwi0SIra29stq/o6JCEgRCs+H5Q3q5nAcbFNWvs3SaJAMrSASFydUXqfpLVnSBKtXXjRpEUKM1PYJs2ESMdQLO3/91RP6Tx8/9MQeciN2K4IAoamULg2rdy0gMu0xWKxlEOiVYrFhEghZ3R4aoPOoQ9L2+p3LCihcOGUJNq6JNEx//Xf4sy0zI7/l2SnjyAffLwOeRoBZdDPCWHYwD4KLZJqVPaGnXQUPIRCXdt4jQqu05UQaGkxmxBagCFRnJXWnsuk5x2fWZQcjNPSs2YBOYy0nX3See390r7yRiMfahZjYxqrHEYMV9hl9tWGpHajQXajRE7O6BAwAgkYV0aAj1HEg75z072SQGdnyL91THInnoS/cQHvqNwibSvfblznv2L2nMz8H95MRHqSpn1dUqhFcmdelKJhniEzgyRm/uWUoTogEOyrOxqRuiGCgJFJFLa9kQJ1Gm8RoOlTxJ/BjGJO2tfcjM5+mVFI9vQLMnvoe/BLeuF9FOCLbCwVXpiFSoDP0r4M2maNzLzxrCSmX5HsxP+U7ufO4T5MsMIl5Ew/JrQmlgX2dvbZRhx2Uz9b+dS9T9UdU0f0FQGOYhmhmIceKEjbmuHSKTTBzOGH0MH5DCxK64pr4FJ0Gvdmx38Ch5xLl8CDQWgUqB1qDGoZYzO1B1LhHjx+lBFiE8uoJ/6lrAMne8cEAROpqrY6KUTHbQIChpPeYphKLC135lWzc6OJ4bi3LJt7BTh75leS532E1hUbjD289lJ8gxCWYQHy0VGHBokAQbgs3rGZ5ZggQHN3CVH9XwUE5kax0JTwFywtIfmLRsfGhIbhcCd6Ly+LW+SQb/5C+ZyOPVhUIoMxclUoOemcNzGd/zyW0EcgOO67jggCBo4AJPOREwG4IlAFmlh2J71wofSx69bB66Ae4D9guJZmVtkUQ53bVgxJy4qNRu0Z33DIzeFhgxA4LjvpjMUyLFPOSBXafxz2HXEivSOCIOOUk8x13OYgUHbS0bFzGLVioKPevmq4ZDbB98idfr4sTOemj8C0Wm+c56ePmloCjn454Jiag+YWh8WsuZby/VAfpJxIXzdBTPtNaw8n6DYhbtnEMpz0nGRfexyO9iWj5M5rfk861t4Gs6tLchNj6O80pdD3MUnIwPPsiScMErTBie991+ekd8tnEYF+B4hRioTzBDhiJ1DpVkj/U4vU7YtY3lg9dd1VT6QwxZmeyckvT59VXuSVnW3yjtXLF5WzbPoYTjqc6uxZmT32mHRuxIeyETqGPmhs+bPH0O/NJSRmTjzveeeDpTPT1xAsx+q+8Y/l4gv/UiIK70aHHGbNjQnuUeuk1r4ugoBxSWSytVZGYbyXLRTl5IXSUzWM8lPmOYKUjAE63Nk3npbixZOYMPxoecKwdXnJpCrVk9rAHB62iFG6YWif2SMPG056EXMhViiXY10I954jWnXNi9RFEGAxEm48ois9TZ+yk47OXsTiRIbc2eOSG/tbaR+4zpw4JClapXD+NcmeeVnaV2+RtstuMuIa/5BP9tQvJffmi8awMNailMwsEihaJpZV5xEcZKyTavslCQKmDSHxzmoZhPl6e0tCLu+Zb3aoWB+aWLVC2Umn38ChWWOhYUmj5N6E7zGF1bt5+CXGEC5zAhnOcOb8BRzCEcdQsJGGeyOATCQG82GInonFWu1E3+ZCxnGeVAu1kS+lGqmWOOzX+9Dx7rgqNC8BVYU7gUnACawOYcdP0BeB851gZzee/Jhhz3OlL+cxOFwLLYPRrkQe67YMR9xMw2skF3Mxj600vSsHkc40yYwYkfk3gpqkatUm1gSpBUxY7rHj9l19Kzr7LYbIPLdGnLw67keeEZhJX6xJR3AxtdgN61pNgkAFcThsgxVZ5X3vqjUqi+ebbP39/b7l7Thj/nR1uH6zxBjyhZlVdUSrZKhWR4IEUT50bx6WVZt+S3k5oy7gSvyS1v3vGgpbNWv28aoEgfbA46CxNfTNRIg/VPOJzeH3I5qJmZ9lPXrdh+SP3nujn0V4nfcOs68vmm9VgiA2mdW3aCoFLvK3OK5/3wdk29WD8t2OaxWQSItgIfDQ5bfJn2wr+UTWNYX37ONVtchSBFGyXvwRy3vu/B3pXXOF7Gtdq6SMcRfqB33D8sl775DLOrFsRf3gjCCmytmuZL3gCH7qQ++Wn/VfK4cTczO9Ssoac6F+1H2t/O72bbJ2mfLtxDcO6VIsCNVGsZILYqpwAT9U82e3Xi3f6drsiTRhWYvlSWUdZuLV/NBjbVfIe+/+gLz0033y8pnzDqVoavQkShutLLEaQaqqnMoMmnW+4ZqNknzXtfKddu9GnaOwFqtZ+LsphyS55oP3yW1P/Vie+PUpN1n5mZZ9fgFBqvkgShHkg7dukc3veY887CE5/ERa570QAZrD2Vvulrs2X7XwphpXFu3zCzQIbLFhyKvE6BVHqh7YeoO8iIV1fvgbPe0tMrxqmRrNEwMp2IaHhz8sH+/fL9/8+auq1biPfR+ThmN2wRYQBDeT9ghBHZMcn7n7Jvlu7xbfROhpa5W3D5Y+w+lbITrjBQj8eOgO+WRXp3ztMfMzQwtiBHYhiZLnEWQxE4uRAg2XrR6UT95zu6/kCLSCunD50eW/LX96z22qIZGsFEg5gtx29RrZ+t7b5aHOt1XKqs8jhsD3l90on773d/EBO2uZfeAVTFZKMI8gKvgf3auvkn0z/ZVy6vOIIvC9yQG5dd1qVWpn+CF2YeYRBDeS9ptBHGfxhfLsUbw/PV368l8QMugy/UegmC9I4fhrkptuzg8AOahR0h63kiAcwVIizL5+UgonlR0zVwKjsApBchTxEMyfM97yUq0a8zhQOYo172bQkucnJ/GVjqwkrliLt0UruRy0dLr8RhBIXJqRAsmh7u+NzONAZa/zb0y1ETSRhk8ZPm341NEh3AjQbM6rTQ4CPI8DZQ1iOuhKtkB+ZkZaDx2Wlg3rpYjxc6/CxMWsPHr8jFfZRSqfP3hb6ScUvKpU4sykzL4RDpPZPmFo1yBDXoHhRz5UyXz6aOfdD3T9zbP4+onQkMNEYshCxE6QebaXFUGlPUlC551PIx3UR4Bmcf4ovs+l3kjVUuCVuVA2sZCifHGp1EHfp6puu3TJcN7dyKLXYrlBr3ZawxmH5ijAPA5hKHPBTpD+MFWET6WWLH4Y5qorGx7h0mux/GlxkiMEznitype5ECoTq7JGhQv4yTD6JWgQHdRAgD7i7K/HVR7GrQeosgaxE6SvnpSqxeEIF59WpybnfjFJNRljI8/pNw0fMQL1LXPBIAiGtYbCXCk671957AXZ98sTYa5GaGU/fyknf/PDl/Ct34nQ1qFScIsTlgYZqowQxvPPPvyifHvfkTCKHlqZSY7Pfv05+beXXg9tHaoIPsTrdie9SrxwXf6rJw7LiamL8qlt10pvV+Sqp1RjjJ84J7u+97y8ehZfjo9osDRI2SmJQj35NONTjU83HfxB4MUjU7Jzz7NRJofBCYsg5WEtf+Bsfq5PTZyVj/3jk8KnnA7eIkBf775vPSunZiP9ADI4EWkbhKqfT7m///13yg0bFz4D9Fqs6sSpthaLzngE/Y2qQFgapGqEsN/gU45POz3C5a4laa7+xbcPxoocRCzyBLG6BUe4+PTTwTkC1kjVDw6HYzWu8xpWTxFpE6uy2jQNpvEk/PxHrzdGuPrwYeU71w1WRtPnNgTow9FMjbi/Yavx/EOLIAsN9PnxInPGp+Bvvn5R/u4PbzJIsqo7NkrUcRvSLP3LR16JLTkImNU7hh2jF+IEHOG6e/fjeoSrRhvufeK40CyNq+YANEOExyLIGE/iFNjwNB20876w1emrfX7fKwtvxOvKOKtrEWQqXnUv1ZYk4VOST0sdxJhYfeAfnordSFWttrcIUitO5O/xaRn3ES4641x9QPNThzkELCd97kpMjzjCdXzqknz5Y1tit4Yr7iNVtbq81iA2dB557YzxFI3T8hT6YHf965NxdsZtPWDhodYgFZjQxPh4+ln56v3Dsv7yaP92yJ5HDsnXDv6mAgF9akfAIkgsnXQ7EPbjCbzr/rFvPicfvXm9XL/IGi573DAez2Tz8tPnTsgvjupvgtVoP4MTlokVu2HeGsCUb/3wmWOy/7lovQhEcnzrp0c0OcqtXPXA4ISlQarGivuNxw9NyIVsQd5/01rpbA/Fb35XbbLTk5fk+/89LhMXZ6vG0TfmI2ARZHz+ZX1mR4CmSPv5bHl5iv1eWI6ffnlC/mn/EZmI9jscXjbHODMzTCz8cKFxwgs6LI5AmF/A4kjVyA+e1yNVizftolctTlg+CCPpX6xZFKq5i9YLWHwahyVwApSrBXRwhECZC3aCaEe9Dgy5PIVPY9XXcMX1Bac6mrCeKGUu2AkyVU9KHaeEgMovYJ2CM85lI3F8wcmj/lnmgp0gZdZ4VEjks+HyFL6GqtLXU7gK4L5/flKvqXLX+8pc0ARxB6TxlObTmk/toAPNvji//ech/osSZNzDAmKVFUe4+NQOcg2XfsHJ0y5X5kKiWCyWc8b3SOdOylebe7D1Pe+W53MrmluoR6VdvbxHJrrL3z32KNc6ssnnpWX6TZnO5euIrF6UG6ZflZ8fUWfFAoZ4ExZKdhOL1w5aN/TeGQLrl/fKRGdAxG5tlfyKAelrC/dMvzPEfYs9jwOVBCnbXr4VH8GMr1y+TCa7QY6W8oOn6bVMtLUbJFnX09X0siNW4DwOaIK4bN21K5bLW93LXebiTXKSZKqnX67QJHEDaE2CZNzkHLe0qwcG5FyXYu+MQIudBUlo8unQEAIZe6p5GgTOCdlTnma3R9THcwj0w9YnOS61K2rOgCQ0+Wj66eAIgWmTA+VE8whiXs2U7+qDBQjQEc7BIVaWHDaJafpd0R/AqJpNhpAdZirl1QSpRKTG+ZrOkiNMWz8s4WxHj6HtwiJvwHJmKsvXBKlEpMo5Hd+Ly1dKmMhhVYXa7rLBlXoY2AKk+j5TeWsBQbQfUgmRyPpl3YbjG+Qw7kKpnF250Nah50pqQ7bA/2D0BQQx8xitnVd87rZ398gkRoXCTA6rtay5kjZMLOqwAIFF+7wmyAKc5i509CyTruXRcnJJku6B1dLWHh4/aq5FfD1yRJCMr6KEIPOuFf3SuUyNCUDP4cIwcHffSmnr6PQ86xBnmFlM9kU1CPyQKUTeu1iCOFwjOdq7uqNdVZKkf1BoQuoge80+vwCKRQlixlpU5SzIIUIXEokWWTa4KvrksLUZTUiakjEPVfv6UgSJzaw6ydE7MBjKYVy3nZumJLVmTAP7uHOCmCqnasIogUmHddnKNbEkh9WONClJEj4oYhZGq5lXxGEpNCJPEJKDDmsUhnHddmySxNCi8SJJzT5ekyBgFhMfdQu8qunpoHYPrNLksDUQh4FjRJKjZh+3ITD/sCZBzKjp+UmicUZyRG2Ow6uWIUlocsZgrmTJvh1LgtDW1uRYgk7WXEm0JxTdEwQqaBxQ7lkCztDcjsUch1etQZLABI3oXMkes2/XRKseDcIM0jVzCcFNjs709K+M1RyHV81CbRtBktTVp+siCJiWAdgHsIUyWHMcrR0doZRfBaFJkgjNlRww+/SS0NZFEDOX3UvmpmAEY44Ds+N0PHVwh4A1V+IuFyVS192X6yYIGBe6Id/yHIde3u1ZryRJuBwnxBOKSw7t2sGqmyBmopQ9scrHxhyHngD0pYlCPlfiqA87Igi0SBqIKz9xWJ7jwCiMDv4gYMyVQJOEbK6E2iPtBBFHBDEz3uWkgGbH7aQziU2HJiAA09V4ryQ8cyWO+65jgpi+iJIjWhxl6dDvNzSBGbYizAnFEAwDc+SKfrSj4JggZu4pR6X4HJkOY1cfXv6J+ktOPuPYcPYgSQjmSlKN1K8hgoCJGRSmxBuH1hxHe6d+fbSRDuBlGpKEJq6CgW8MZhqRqyGCmAXRngv0hSo6iHF9yamRxm5GGpq4ik0oso869j0srBomCBg5jkx2Wxk1e2/NcegJwGYjv3R5NHW5rEeRuZLdZl9dWvBFYjRMEOaFglPYNX3Yt72rS7/kxAZQOHBZjwLvlXBYN+UGJlcEMQsecSOA07TGHAc+Hq3fAHSKXPPjWxOKAc6VjLittWuCgKEZCPFVt4LUk76zFx8XUNMJrEf8WMYhSQKaK/mq2Tdd4e6aIGbpKex9NbWMOY7e2H+exlVjB5bYmiuBadykwL6Y8qIsTwgCpk5BmBEvBKrMw5jjwASgnuOoRCZk55wrgWncpAnFEbNPugbJE4JQCj9MrfIch54AdN3QqmRgzJXAVPYxeGJaWfJ5RhBmCJJwvPmglbmbPb9Aruc43CCobtoOmMr2uZKZS7NeCXvQ7INe5bfkd7EaKWgEiTg501BInD1jrBDlF8j1HEdDEIYiEU1mLg/qaGuTX7w+4YXM7HMjXmRkz8NTDcKMweAx7KhJGgqZV34NfwMfVIbNqkO0EeDyoFUdnnXBXWbf8xQ0z6SzSwVB0zhveOh3S/Z1e3b6OKII8BlYPPScF7Wj35H2IqPKPHwhCAuBwNQiByoLrOf8kSefkY2J8/VE1XFCjMDmMy/Lq2+86bYGXMbesMWyVOG+EcQseAf2HJN2HH61/2G5pviW43Q6gfoIFBMJuWHyZfnJM2NuhWXfYh/zLSSKxaJvmTPjK+/9wjB2GWwNrYN+/5br5PgVw3Ku4DeXIaEOviPAh96p538mr5yeclsWnfIktIdrltUSxHeCsHCQJIndfh43Gq5b3S+rB/HJ0LUbGs1CpwsIgdbsjJyfOCm/On5C3rgw45UUd4AcGa8yq5ZPUwjCwkGSEey+wWMdNAIuEXgA5Ei7zKOu5E2zW8wKPVCXVDqSRqA6Ak0jB0VoGkFYmEmShod/mYcOsUbgS83SHBbKTTOxrAK5h7mVxm4nj3XQCNSJwB6QY6TOuJ5Fa6oGsaQ2K7rHOtd7jcASCARCDsoUCEFYsCYJUdChDgQCIwdlC4wgLNwkyed4rINGYBEEHgjCrLLLEYgPYheAx3oIuBIRfQ4ESI500EgEqkGsyptAcAiYs6M6xBsB9gElyMFmUEKDWP0BmsTVshQrH70PLQIkh+/LR5ygo4QGsQSGJuG6GpLkoHVN72ODANt82OwDylRaKYIQFQA0jl0Smx4GBggxCWxrao5x1eqrlIlVCQ5Mrl249pXK6/o8Ugh8DsTYrWqNlCYIQQNJktiNYmtouTzS6aAmAvQ3doAcGTXFK0mlnIlVCZYJ4BCu7628p89DiwDbckh1chBd5TWIvQuYJlcK17Q2sQMTnmNqjZTKJlUllKEiCIUHSYawS2Pbik2H8CBwAKKOgBzj4RE5ZBrEDqzWJnY0lD4Ondawoxk6DWIX3tQmHAHZbr+uj5VBgL4Gv1c1roxEDgUJNUGsuoIoSRynsW3ApkPwCByFCDSnMsGL4k6CSBDEggBESeGYcyfaibdAae6e5tRuECPV3GL9Ky1SBCFMIEk/diTJF3muQ9MQ+BJKIjmmmlZiEwqKHEEszEz/JIVz/WqvBYo/+z3IlkO34/5kH2yukSWIBauNKDtwTZteFjDu9jSlRrFFlhgWPJEniFVRm+lF80sTxQLG2d7wMZAkcqZUNRhiQxA7ACDLCM5JlC326/q4KgIHcYekSFeNEdEbsSSI1ZYgyjCOSZQd2LRWsYAp7S0zisQYm38rPmexJoi9mUEWkmQE23b79Rge70Wd0yDFaAzrvqDKmiAVkJi+CsnCLYkt6pqFmiKDjYQYBTGmsNfBREATZImuYGqWJKJxi4rPQp8iw01rCqBQI2iC1ACn8papXZK4bm1hIUyZEJCdpNBaAkDUEzRB6kGpRhyQJonbw9iGzD2PgzLLaC6Nmds49yBDBnsdGkRAE6RB4GolMzUNidKPjXuGpPG/dK1RzUNNMGXmkzH3Y+Y1ksG6Z97SO7cIaIK4RdDD9CDWELLrR0dnp9dBAQQ0QRRoBC2Cugj8P410MGpzimNsAAAAAElFTkSuQmCC")}.btnSave--mfbzH{margin-left:5px !important}.btnSend--iGyKt{white-space:nowrap;display:block}.btnLink--_hGoa{margin-right:10px}.sendAndOpenLinkBtnContainer--EVGt0{display:flex}.btnOpenLink--bTNVZ{white-space:nowrap;display:block;margin-left:10px}.linkIcon--RyGe4{width:1.4rem !important;height:1.4rem !important}.linkWrap--jWjCS{display:flex;align-items:center}.statusMsg--DNcjK{font-size:1.4rem !important;margin-right:10px !important;text-align:right !important;line-height:1.2 !important}.statusMsg--DNcjK{flex-grow:1}.underlinedText--dNeqD{text-decoration:underline}.warnMsg--FnLds{font-size:1.2rem !important}.warnMsg--FnLds{padding:2px 11px 5px}.errorMsg--ENrQH{font-size:1.2rem !important}.errorMsg--ENrQH{line-height:1.2}.spLinkBtn--HjJVh{font-size:1.5rem !important;background-color:#4669ac !important;color:#fff !important}.spLinkBtnIcon--vIsZs{width:1.7rem !important;height:1.7rem !important}.spLinkBtn--HjJVh[disabled]{cursor:not-allowed !important;background-color:#ababab !important}.sendEmailWrap--zhJCW{display:flex}.offlineMsg--ig9Af{margin:7px 0 10px}.loadingWrapper--D3Fkr{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0}.divider--qEQFm{margin-top:8px;padding-top:15px;border-top:1px solid rgba(0,0,0,.42)}.title--jJ5H4{font-size:1.4rem;color:#992662}.customerHeader--emuTR{margin-top:10px}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOptionsRadio/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.radWrap--fdAPG{display:block;margin-bottom:5px}.radGrp--ZA69Y{display:block}.radBtn--L3dw3{padding:3px 5px;order:2;margin-top:7px}.radBtnDesignV2--ucqdf{padding:3px 5px;order:2}.radLbl--KSuW9 span{font-size:1.6rem}.radLbl--KSuW9{display:flex;flex-direction:column;align-items:center;margin:0}.validationMsg--CQnAj{margin-top:15px}.validationMsgIsCentered--njHO5{text-align:center}.counterMessage--ojOXX{display:flex;justify-content:space-between;align-items:center}.box--Z_kYD{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.box--Z_kYD .boxItems--E9FlO{padding:8px;min-width:25%;max-width:25%;display:flex;flex-direction:column}.box--Z_kYD .boxItemsV2--AQiin{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%;border-bottom:2px solid #d3d3d3}.box--Z_kYD .boxItemsV2WithOutDivider--3OnJQ{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOption/narrow/menuOptionNarrow.style.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--eumua{background-color:#f3f3f3 !important}.root--eumua{flex-grow:1;text-align:center;height:100%}.rootIsDark--WMXFJ{background-color:rgba(255,255,255,.11) !important}.root--eumua{padding:12px 11px 13px}.rootHasCb--upFpy{padding:16px 4px}.root--eumua>*{margin-top:8px}.root--eumua>*:first-child{margin-top:2px}.contentWrap--aOfYq{display:flex;justify-content:center}.price--WIAy3{font-size:2rem !important}.price--WIAy3{margin-top:7px;margin-bottom:8px}.priceHasCb--B6Qc4{margin-top:3px;margin-bottom:4px}.link--wiY1i{word-break:break-all}.linkHasCb--L_e5Z{margin-top:0;margin-bottom:4px}.label--Zp7Ba pre,.description--61U3k pre{white-space:pre-wrap}.description--61U3k,.paymentText--wpn0A{font-size:1.3rem;line-height:1.3}.label--Zp7Ba{font-size:1.6rem;line-height:1.3}.labelHasCb--cSzDN{line-height:1.2;position:relative}.labelIsStacked--oIRDB{font-size:1.5rem}.description--61U3k{margin-top:12px !important}.description--61U3k{min-height:2rem;max-height:105px;overflow-y:auto;display:block}.descriptionHasCb--HqEd4{margin-top:0}.description--61U3k ul{text-align:left;padding-left:30px}.description--61U3k p{margin:2px 0 0}.descriptionDesignV2--oRk1u{color:#858589}.checkbox--IBqYt{padding:0}.designV2Container--lMEOQ{background-color:#fff;display:flex;flex-direction:column;padding:10px 0;border:1px #fff solid}.designV2Description--fstE3{display:flex;flex-direction:column}.designV2Children--CgqoZ{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.designV2ChildrenRight--YrvDs{display:flex;flex-direction:column;align-items:center;margin-left:auto}.designV2Extras--fYfiE{border-top:2px solid #d3d3d3}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOptionsExtras/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--iiTPC{display:flex;justify-content:center;margin-top:13px}.extrasBtnText--t7Bya{flex-grow:1;line-height:1.2;font-size:1.3rem}.table--BEn69{border:none !important}.table--BEn69 td{border:none !important}.table--BEn69 td{padding:3px 0 3px 0;line-height:1.2;font-size:1.1rem}.table--BEn69 td:last-child{text-align:right;padding-right:0}.table--BEn69 tr:last-child td{border-bottom:none}.editIconBtn--Ygjfo{padding:6px 4px}.editIconBtn--Ygjfo svg{font-size:1.8rem}.editIconBtnDesignV2--v3f2m{padding:6px 0px;margin-right:4px;margin-top:-1px}.addIcon--KOjbZ{font-size:1.8rem}.designV2--aa_fI{width:100%;max-width:1200px}.designV2Extras--uw27J{border-top:2px solid #d3d3d3}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOption/wide/menuOptionWide.style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--oloZH{height:100%;background-color:#f3f3f3}.rootIsDark--c8Lsr{background-color:rgba(255,255,255,.11)}.root--oloZH{padding:12px 11px 13px}.rootHasCb--gmGBy{padding:16px 4px}.root--oloZH>*{margin-top:8px}.root--oloZH>*:first-child{margin-top:2px}.contentWrap--nGu7g{display:flex;justify-content:center}.price--LW5UT{margin-top:4px}.priceHasCb--vwbKh{margin-top:3px;margin-bottom:4px}.link--tXMLq{word-break:break-all}.linkHasCb--YPwf2{margin-top:0;margin-bottom:4px}.label--JUGaj pre,.description--ubBCR pre{white-space:pre-wrap}.description--ubBCR,.paymentText--j5MS5{font-size:1.3rem;line-height:1.3}.label--JUGaj{line-height:1.3}.labelHasCb--M8VG0{line-height:1.2;position:relative}.labelIsStacked--VQlZf{font-size:1.5rem}.description--ubBCR{max-height:105px;overflow:auto;display:block}.descriptionHasCb--ONQ6u{margin-top:0}.description--ubBCR ul{text-align:left;padding-left:30px}.description--ubBCR p{margin:2px 0 0}.descriptionDesignV2--HfVRc{color:#858589}.checkbox--ChbiV{padding:0}.designV2Container--HSxzj{background-color:#fff;display:flex;flex-direction:row;padding:10px 0;border:1px #fff solid}.withDivider--oLjRp{border-bottom:2px solid #d3d3d3}.designV2Description--MaHbl{display:flex;flex-direction:column}.designV2Children--w7jlA{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.titleWrapper--OXYPN{flex:1;display:flex;flex-direction:column;justify-content:center}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOptionsSpinner/style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.radWrap--Iv1UL{display:block}.radGrp--HXkaD{display:block}.radBtn--psSym{padding:3px 5px}.radLbl--uy7W7{margin-right:18px}.validationMsg--ubHCR{margin-top:15px}.validationMsgIsDesignV2--Ab7BY{margin-top:10px;padding:0 16px 5px}.counterMessage--UaF3C{display:flex;justify-content:space-between;align-items:center}.msg--DOp4n{padding-right:10px}.box--VVTRf{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.box--VVTRf .boxItems--HD8Tj{padding:8px;min-width:25%;max-width:25%;display:flex;flex-direction:column}.box--VVTRf .boxItemsV2--aS8Fy{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%;border-bottom:2px solid #d3d3d3}.box--VVTRf .boxItemsV2WithOutDivider--mKXsw{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOptions/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alert--Xs2aQ{margin-top:12px}.root--_pt3n,.root--_pt3n *{box-sizing:border-box}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/ChildMenuOptionOverlay/style.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container--IgmzY{position:absolute;top:50%;right:0px;bottom:auto;left:calc(100% - 800px);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.paper--Cbfy1{margin-left:20px;margin-right:20px;padding:15px;width:100%}.paperIsStacked--ioBFZ{margin-left:8px;margin-right:8px;padding:12px 4px;width:100%}.btn--KE0VZ{line-height:1.4}.btnWrap--KRE5i{padding:15px 0 0 0;justify-content:space-between}.btnWrapIsStacked--l2UfJ{padding:15px 8px 0;justify-content:space-between}.title--ZrJyV{padding:5px 8px 5px}.titleIsStacked--ZeXHD{text-align:center}.content--lK8kX{padding:8px 5px;box-sizing:border-box}.content--lK8kX *{box-sizing:border-box}.contentInner--LtT5D{transition:max-height 1s ease-in-out;max-height:800px}.contentInnerIsStacked--o9W9A{max-height:none}.contentInner--LtT5D{min-height:150px}.contentInner--LtT5D.isLoading--I6u5y{max-height:100px;display:flex;justify-content:center;align-items:center}.explicitWrap--wvNW3{padding-top:20px}.explicitWrapIsStacked--ZU5Zm{padding-top:0}.implicitWrap--Bb_OM{padding-top:12px;padding-bottom:10px}.implicitWrapIsStacked--ivL0b{padding-top:4px;padding-bottom:4px}.implicitHeader--cGgdi{margin-bottom:12px;font-size:2rem;text-align:center}.closeButton--XopVo{position:absolute;right:1px;top:1px;color:gray}.buttonRight--JbKMD{justify-content:flex-end}.box--eFgPI{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.box--eFgPI .boxItems--w9lYa{padding:8px;min-width:25%;max-width:25%}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/ChildMenuOptionImplicitList/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--dorbO{padding:5px}.grid--TMo5y{justify-content:center}.listItem--L15SE{position:relative;flex-grow:1;display:flex;flex-direction:column;height:100%}.optionsText--bMi7u{margin-bottom:8px !important}.box--iOUQA{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.box--iOUQA .boxItems--jG0g6{padding:8px;min-width:25%;max-width:25%;display:flex;flex-direction:column}.boxV2--YUi44{display:flex;justify-content:center;flex-direction:column}.boxV2--YUi44 .boxItemsV2--zofIv{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%;border-bottom:2px solid #d3d3d3}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/ChildMenuOptionExplicitList/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--uzDqc{padding:5px 0}.rootIsStacked--DeNge{padding:5px}.footer--qzH0J{display:flex;justify-content:space-between;padding-left:10px;padding-right:10px}.footerIsStacked--Ycjt4{flex-direction:column}.footerIsStacked--Ycjt4>*{display:flex;justify-content:center;margin-top:10px}.footerNoCarouselShown--f6NKO{margin-top:10px}.listItemsWrap--Me42U{width:100%;padding:5px}.grid--KATcy{justify-content:center}.gridItemIsStacked--jDJFU{padding:4px !important}.listItem--rJe74{position:relative;flex-grow:1;display:flex;flex-direction:column;height:100%}.listItemIsStacked--bXY8I{padding:4px}.listItemIsNarrow--HzulG{padding:0}.listItemCheckbox--jskDD{position:absolute;top:0;left:8px}.optionsText--lM5qr{margin-bottom:8px !important;font-size:1.7rem !important;text-align:center !important}.dots--VKIog{margin-top:20px;margin-bottom:5px}.dots--VKIog .BrainhubCarousel__dot{background-color:rgba(0,0,0,0)}.dots--VKIog .BrainhubCarousel__dot:before{background:#000 !important;width:9px !important;height:9px !important}.dotsIsDark--NGW9h .BrainhubCarousel__dot:before{background:#e0e0e0 !important}.singleList--FaxVd{padding-left:5px;padding-right:5px}.singleListIsStacked--vTVtQ{padding-left:0;padding-right:0}.carouselNavBtns--vwtYW>*{margin:0 5px}.carouselNavBtnsIsStacked--CUIF_{width:100%;display:flex;justify-content:space-between;margin-top:5px;margin-bottom:10px}.box--cl6nG{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.box--cl6nG .boxItems--hapQF{padding:8px;min-width:25%;max-width:25%;display:flex;flex-direction:column}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-options-section/MenuOptionsCheckbox/style.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.box--FFJkH{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.box--FFJkH .boxItems--GQdf2{padding:8px;min-width:25%;max-width:25%;display:flex;flex-direction:column}.box--FFJkH .boxItemsV2--ycZrh{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%;border-bottom:2px solid #d3d3d3}.box--FFJkH .boxItemsV2WithOutDivider--ZXlUz{padding:8px;min-width:25%;display:flex;flex-direction:column;width:100%}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/BookingUpsellOptionsPanel/bookingOptions.style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.title--Qr9aw {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #992662;
    font-weight: 700;
}
.toggle--s6TAM{
    margin-left: 4px;
}
.container--md42O {
    background-color: #fff;
    border-radius: 10px;
    padding: 6px 0px 2px 0px;
}
.paddingSmall--VmN8m {
    padding-left: 17px;
}
.preWrap--sykrq {
    white-space: pre-wrap;
    line-height: 24px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/CommunicationsPanel/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.appWrap--KNWHE {
  font-family: 'Inter', sans-serif
}

.appWrap--KNWHE button, .appWrap--KNWHE a { /* @todo: determine which other elements need default setting */
    font-family: 'Inter', sans-serif;
  }

/** WEIGHTS **/

.typReg--bBuMn {
  font-weight: 400;
}

.typMed--a3ZZN {
  font-weight: 500;
}

.typBold--WI458 {
  font-weight: 700;
}

/** SIZES **/

.typSize1--N5O3e {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.typSize2--NIs3d {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.typSize3--Yw6mF {
  font-size: 1.4rem;
  line-height: 2rem;
}

.typSize4--JS5v7 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.typSize5--M85NR {
  font-size: 1rem;
  line-height: 1.6rem;
}

.checkBox--dh8T8 {
    padding-left: 0px;
    margin-left: -2px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/StaffName/style.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.appWrap--OytW7 {
  font-family: 'Inter', sans-serif
}

.appWrap--OytW7 button, .appWrap--OytW7 a { /* @todo: determine which other elements need default setting */
    font-family: 'Inter', sans-serif;
  }

/** WEIGHTS **/

.typReg--C9jGK {
  font-weight: 400;
}

.typMed--At6Oi {
  font-weight: 500;
}

.typBold--mQ4Mr {
  font-weight: 700;
}

/** SIZES **/

.typSize1--aIkw4 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.typSize2--pUTm6 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.typSize3--ltUwU {
  font-size: 1.4rem;
  line-height: 2rem;
}

.typSize4--Q92gZ {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.typSize5--AFB4c {
  font-size: 1rem;
  line-height: 1.6rem;
}

.root--o9Av6 {
  padding: var(--space3);
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.titleLineHorizontal--cZCr6 {
  width: 100%;
  height: 22px;
  margin-bottom: var(--space3);
}

.titleStyle--aBcYr {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--clrNbiMagenta);
  line-height: 22px;
}

.noBorder--f8yFc, .noBorder--f8yFc:before, .noBorder--f8yFc:after, .noBorder--f8yFc:hover:before {
  border: none !important;
}

.noBorder--f8yFc > input {
  padding-bottom: 3px;
}

.iconColor--VbVq6 {
  color: var(--clrGreyHeavy)
}

.inputAdornmentWrapper--_7ySB {
  margin-right: 2px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-creator/src/app/components/StaffNamePanelContainer/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hidden--wkIyH {
    display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/NewCustomerFormContainer/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.newCustomerFormContainer--xchXC{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/NewCustomerForm/style.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.newCustomerContainer--eFYJZ{overflow:hidden;position:relative;width:100%}.slideContainer--L3JP8{display:flex}.transitionContainer--xj6ZS{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.slideInContainer--Eiva5{flex:0 0 100%}.nonHeight--f1PP6{height:0px}.customerWithBookedByBorder--Pj_FV{border:solid 1px rgba(0,0,0,.4);border-radius:10px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/DisplayExistingCustomer/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.appWrap--eZ4OC {
  font-family: 'Inter', sans-serif
}

.appWrap--eZ4OC button, .appWrap--eZ4OC a { /* @todo: determine which other elements need default setting */
    font-family: 'Inter', sans-serif;
  }

/** WEIGHTS **/

.typReg--GeIFM {
  font-weight: 400;
}

.typMed--KfaA7 {
  font-weight: 500;
}

.typBold--Qz3WS {
  font-weight: 700;
}

/** SIZES **/

.typSize1--yNgWo {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.typSize2--_GHm0 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.typSize3--nzo6s {
  font-size: 1.4rem;
  line-height: 2rem;
}

.typSize4--tSAlG {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.typSize5--_qJzH {
  font-size: 1rem;
  line-height: 1.6rem;
}

:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}

.space1--ewpvj, .space1W--VFsLH {
  width: var(--space1);
}

.space1--ewpvj, .space1H--cchU_ {
  height: var(--space1);
}

.space2--yx7Ne, .space2W--P5D8m {
  width: var(--space2);
}

.space2--yx7Ne, .space2H--wlhtV {
  height: var(--space2);
}

.space3--OMz87, .space3W--vXw0o {
  width: var(--space3);
}

.space3--OMz87, .space3H--SWkYN {
  height: var(--space3);
}

.space4--sptSB, .space4W--lMeU9 {
  width: var(--space4);
}

.space4--sptSB, .space4H--GRU4U {
  height: var(--space4);
}

.space5--NpXON, .space5W--i8cgO {
  width: var(--space5);
}

.space5--NpXON, .space5H--HKNh5 {
  height: var(--space5);
}

.space6--nXT6k, .space6W--dlaN1 {
  width: var(--space6);
}

.space6--nXT6k, .space6H--yYelY {
  height: var(--space6);
}

.space7--gTaAe, .space7W--HpwVM {
  width: var(--space7);
}

.space7--gTaAe, .space7H--NZJ5N {
  height: var(--space7);
}

.space8--pshM5, .space8W--niZuj {
  width: var(--space8);
}

.space8--pshM5, .space8H--Ab_fu {
  height: var(--space8);
}

.space9--UaGyn, .space9W--SQtLB {
  width: var(--space9);
}

.space9--UaGyn, .space9H--tLDQ1 {
  height: var(--space9);
}

.space10--x6AGX, .space10W--qgKim {
  width: var(--space10);
}

.space10--x6AGX, .space10H--N420O {
  height: var(--space10);
}

.rootContainer--yiTz8 {
  margin: -10px 30px;
  height: 100%;
}

.mainContainer--HTS5_ {
  margin: 10px;
}

.mainContainerDm--bUDl8 {
  margin: 0px 0px 10px 0px;
}

.flexContainer--qNWSk {
  display: flex;
  flex-direction: row;
}

.customizeLine--sjsha {
  height: var(--space7);
  width: 100%;
}

.verticalSpaceM--p7WC8 {
  margin-top: 20px;
}

.subscribeContainer--JQhum {
  margin-left: -8px;
  line-height: 40px;
}

.titleSubscribeContainer--rqHBV {
  margin-left: -8px;
  align-items: center;
}

.verticalSpaceS--anaHU {
  margin-top: 10px;
}

.showMoreDetailsContainer--mqCb4 {
  display: flex;
  flex-direction: row;
  color: #992662;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 23px;
  cursor: pointer;
}

.showMoreDetails--V6QG2 {
  text-decoration: underline;
  line-height: 22px;
  padding-left: 7px;
}

.collapsed--Pbzex {
  margin-top: -34px;
}

.customerDisplayWithBg--LqI3I {
  background-color: #fff;
  padding: 16px;
  border-radius: 10px;
}

.noPaddingContainer--Arkpg {
  padding: 0px;
}

.bottomSpace--anG3V {
  padding-bottom: 20px;
}

.customerTitleContainer--XifIj {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*align-items: center;*/
}

.clickableIconContainer--Gr3Ci {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  /*color: rgba(0, 0, 0, 0.46);*/
  min-width: 90px
}

.clickableIconContainer--Gr3Ci .iconCommonStyle--pCc_W {
    margin-right: 16px;
    cursor: pointer;
  }

.clickableIconContainer--Gr3Ci .clickableIcon--cAQKo {
    color: var(--clrNbiMagenta);
    cursor: pointer;
    border-bottom: 1px solid var(--clrNbiMagenta);
  }

.clickableIconContainer--Gr3Ci span svg {
    fill: rgba(0, 0, 0, 0.46);
  }

.unClickIcon--NTAUr {
  width: 24px;
  cursor: pointer;
}

.clickableIconContainer--Gr3Ci .expandIconContainer--eGEZj {
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  cursor: pointer;
}

.clickableIconContainer--Gr3Ci .expandIconContainerCollapsed--_VbNC {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.clickableIconContainer--Gr3Ci .expandIconContainerExpanded--aRIld {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.checkboxLabelStyle--zdtVM {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.00938em;
}

.greyColor--J_UMB {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--clrGreyHeavy);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/SearchCustomer/style.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* @import "../../globals/typography-mixins.css"; */
.customerTabContainer--rQmbv {
  padding: 0px 12px;
  background: #FFFFFF;
  border-radius: 10px;
}
.phonePicker--LLQEN {
}
.phonePicker--LLQEN ul {
    max-height: 380px;
  }
.phonePickerIsWide--BNnW9 {
  }
.phonePickerIsWide--BNnW9 ul {
      max-height: 230px;
    }
.labelContainer--B02zl {
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.label--n1d80 {
  color: var(--clrNbiMagenta);
  font-size: 16px;
}
.clickableIconContainer--HBOvh {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.46);
  min-width: 60px;
}
.clickableIconContainer--HBOvh .clickableIcon--vdupF {
  width: 24px;
  color: var(--clrNbiMagenta);
  cursor: pointer;
  border-bottom: 1px solid var(--clrNbiMagenta);
}
.clickableIconContainer--HBOvh span svg {
  fill: var(--clrNbiMagenta);
}
.clickableIconContainer--HBOvh .unClickIcon--smVYH {
  cursor: pointer;
}
.detailsContainer--qD_l5 {
  margin-top: 16px;
  padding: 0 5px;
}
.input--EJJcl {
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fieldContainer--Y5CFQ {
  display: flex;
  flex-direction: column;
}
.fieldContainer--Y5CFQ .firstNameContainer--FU_Yv {
  margin-top: 5px;
}
.error--wzKWp {
  font-size: 13px;
  color: var(--clrBad);
  margin: 8px 0px;
}
.phoneError--V0Gqz {
  margin: 8px !important;
}
.duplicatedErrorMsg--eX8va {
  line-height: 13px;
  margin-top: -10px;
}
.searchCustomerHeader--JZhjX {
  padding: 0;
  margin-bottom: 16px;
  line-height: inherit;
}
.helperText--afqYr {
  font-size: 16px;
  margin-bottom: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/UsersTable/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
/* @import "../../globals/typography.module.css"; */
.noneBorder--o0KXv {
  padding: 0px 8px;
}
th.noneBorder--o0KXv {
  padding: 8px 8px;
}
.noneBorder--o0KXv:not(:first-child) {
  border-left: none;
}
.tableContainer--ZA_Ft {
  table-layout: fixed;
}
.usersTable--WouU9 tr th:first-child, .usersTable--WouU9 tr td:first-child {
  padding-left: 4px;
}
.usersTableMobile--kHV1R tr td:first-child {
  text-align: center;
  border-right: solid 1px var(--clrGreyLight);
}
.label--E3uUE {
  color: var(--clrNbiMagenta);
}
.noData--Dt3Sf {
  color: var(--clrGreyMedium);
  width: 30%;
  text-align: center;
}
.iconDirection--K2Qrs svg {
  color: var(--clrNbiMagentaDark) !important
}
.ellipsis--syIK6 {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  pointer-events: none
}
.usersTable--WouU9 {
  table-layout: fixed;
}
.clickableRow--BFgf3 {
  cursor: pointer;
}
.noResults--quVzY {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 8px;
}
.tableOnDm--MI_UA {
  width: auto !important;
}
.tableOnDm--MI_UA {
  height: 240px;
}
.tableWithoutData--j5w0D {
  height: 190px;
}
.paginationForCustomerSearchForm--pqSJe {
  margin: 5px
}
.radioMobile--P4lZZ {
  display: flex;
  align-items: center;
}
.radioMobile--P4lZZ span {
  margin-left: -5px;
  }
.navToCreateNewCustomer--K7kE7 {
  color: var(--clrNbiMagenta);
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
}
.isAllowedCreateNewCustomer--jRZUD {
  text-transform: none;
  text-transform: initial;
  margin-left: 4px;
  font-size: 1.3rem;
}
.lastRow--Xz23K {
  padding: 0px 16px;
  height: 39px
}
.translateX--FF7Y7 {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px)
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/CustomerSearchResultTab/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.rootContainer--_5aA2 {
  width: 100%;
  border-bottom: solid 1px #d5d5d5;
  min-height: 72px;
  cursor: pointer;
}

.icon--Wcq5M {
  color: var(--clrNbiMagenta);
  width: 2.4rem;
  height: 2.4rem;
}

.iconWrap--I9QwB {
  width: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.flexColumn--J_0KT {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.flexRow--jFoZQ {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tagIconStyle--AjjyQ {
  width: var(--space3);
  height: var(--space3);
}

.nameSpace--EQGbk {
  width: 130px;
  margin-right: 6px;
}

.contentSpace--u1O_3 {
  flex: 1;
}

.hideTextOverflow--aHhM4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.emailSpace--wS5ZM {
  max-width: 200px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/ExistingCustomerSearch/style.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rootContainer--DVnJa{display:flex;flex-direction:column;width:100%;justify-content:space-between;margin-top:8px}.rootContainerDm--B8t3k{background-color:#fff;border-radius:10px}.createBtn--cOiJi{margin-bottom:16px;text-transform:none;font-weight:bold;font-size:1.6rem;padding:5px 10px 8px 11px;text-align:left;line-height:1.2}.arrowIcon--bIdej{font-size:2.4rem !important}.searchResultTable--G1gQa{display:flex;flex-direction:column;align-items:flex-end;padding:0px 3px 1px 1px}.smallTopMargin--ypxfG{margin-top:20px}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/BookedBy/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.customerTabContainer--d324k {
  padding: 12px;
  background: #FFFFFF;
  border-radius: 10px;
  width: 100%;
}

.labelContainer--buBBO {
  padding: 4px;
}

.label--aaP9a {
  color: var(--clrNbiMagenta);
}

.detailsContainer--ccfN_ {
  margin-top: 10px;
}

.narrow--eCNeA {
  display: grid;
  grid-template-areas:
      'first last'
      'phone'
      'email company';
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.wide--UY51C {
  display: grid;
  grid-template-areas:
      'first last'
      'phone'
      'email company';
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

.input--CjOSj {
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.gridContainer {*/

/*  */

/*}*/

.fieldContainer--hVx93 {
  display: flex;
  flex-direction: column;
}

.error--VKxoT {
  font-size: 12px;
  color: var(--clrBad);
  margin: 8px 0px;
}

.checkBoxContainer--JhUgR {
  margin-top: -10px;
}

.phoneSection--zRKEe {
  margin-top: -3px;
}

.communicationContainer--xIhAb {
  margin-top: -20px;
}

.communicationTitle--rzuog {
  font-size: 12px;
  font-weight: 700;
  margin-top: 0
}

.iconContainer--sMaEZ {
  width: 24px;
  margin: -22px 3px 0 -2px;
  color: rgba(0, 0, 0, 0.12);
}

.bottomSpacer--cMfM9 {
  margin-bottom: 10px;
}

.infoIcon--aTxor {
  margin-top: 7px;
  margin-left: 15px;
  color: #992662;
}

.header--GKuw8 {
  display: flex;
  flex-direction: row;
}

.bookedByDmContainer--HT1zi {
  background: #FFFFFF;
  border-radius: 10px;
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.4);
  margin-top: 15px;
}

.bookedByDmContainer--HT1zi .bookedByInfoContainer--dQIXV {
  padding: 0 16px 0px 16px;
}

.bookedByDmContainer--HT1zi .phonePicker--ZitHo ul {
  max-height: 380px;
}

.bookedByDmContainerNoBorder--wB8Hx {
  padding: 16px;
  background: #FFFFFF;
  border-radius: 10px;
}

.bookedByDmContainer--HT1zi .spaceBetween--TmTsR {
  justify-content: space-between;
  align-items: center;
  padding: 5px 16px;
}

.bookedByDmContainer--HT1zi .expandIconContainer--nyeBG {
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  cursor: pointer;
}

.bookedByDmContainer--HT1zi .expandIconContainerCollapsed--dIiHZ {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.bookedByDmContainer--HT1zi .expandIconContainerExpanded--g9ejF {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header--GKuw8 .toggleLabel--OGR8s {
  margin-right: 0;
}

.header--GKuw8 .toggleLabelText--RmBe4 {
  line-height: 36px;
}

.bookedByInfoContainer--dQIXV .companyContainerForWideView--rTiry {
  margin-top: 6px;
}

.bookedByInfoContainer--dQIXV .commTitle--ogmC2 {
  line-height: 40px;
  padding-top: 16px;
}

.disableExpandArrowIcon--Qhl5G {
  pointer-events: none;
}

.expandSpaceInBookedBy--ew8MZ {
  padding: 10px 0;
}

.separateBbInfoIntoTwoColumns--qYHZz {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.iconForBbInNewBooking--UckWg {
  color: rgba(0, 0, 0, 0.42);
}

.phoneSectionForBbInNewBooking--RyICZ {
  margin-top: 8px;
  margin-bottom: 8px;
}

.communicationContainerForBbInNewBooking--UAXOi {
  margin-top: 15px;
  width: 48%;
}

.inputForBbInNewBooking--jAkE9 {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.greyColor--Rz2vF {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--clrGreyHeavy);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/EditRecurringBooking/style.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--rkdga{padding:auto}.container--pp1RN{display:flex;flex-direction:column}.header--IY5HJ{justify-content:space-between;display:flex;padding:8px 0px;border-bottom:1px solid #e1e1e1;margin-top:5px}.bookingRow--jj_l6{display:flex;flex-direction:row;align-items:center;padding:5px 0px}.date--q0AEv{flex:1}.open--HaZ4g{padding-left:16px}.checkbox--eZFHf{padding-left:16px}.btn--H8cR3{border-radius:4px;padding:.5rem .75rem}.deleteBooking--JIdXo{align-items:flex-end;display:flex;flex-direction:column;padding-top:16px}.loadingContainer--IgMBI{position:absolute;width:100%;left:0px;top:0px;height:100%;opacity:.4;background:#fff;display:flex;align-items:center;justify-content:center}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/SlidingContainer/style.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.wideSlideContainer--FNckG {
  z-index: 99;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: row-reverse;
  transition: background-color 500ms ease;
}

.slideActive--TUcEA {
  background-color: rgba(0, 0, 0, 0.5);
}

.slideInactive--u8mp9 {
  background-color: rgba(0, 0, 0, 0);
}

.root--TTlKq {
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  float: right;
  position: absolute;
  z-index: 99;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wideContainer--UShcn {
  width: 800px;
  position: static;
  position: initial;
}

.scrollBar--WcmWt {
  overflow-y: auto;
  width: 100%;
}

.alignRight--I8T7K {
  align-items: end !important;
}

.alignRight--I8T7K {
  background-color: rgba(0, 0, 0, 0.5);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/booking-creator/src/app/components/EditCustomerForm/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editCustomerContainer--_65SI{width:100%;background-color:#fff;overflow-y:auto}.editCustomerContainerWide--x6NV_{height:100%;background-color:#fff;overflow-y:auto}.editCustomerHeader--xkwEo{height:44px;line-height:44px;padding:16px}.alertWrap--__USl{padding:15px 15px 0 15px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-card-list/src/app/bookingCardList.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/

.loadingRoot--qcWGt {
  padding-top: 30px;
}

.loadingRoot--qcWGt,
.root--s4h45 {
  width: 100%;
  background-color: var(--clrGreySuperLight);
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.bookingCardWrap--E3jwD {
  /*padding: var(--space1) 0;*/
  padding: 1px 0;
  min-width: 220px;
}

.bookingConflictCardWrap--GVfz9 {
  /*padding: var(--space1) 0;*/
  min-width: 220px;
  background-color: #fff
}

.noBooking--ewiWc {
  display: flex;
  align-items: center;
}

.scrollable--4DA8L {
  overflow: auto;
  flex: 1 1 auto;
}

.noBookingContainer--aQ73k {
  display: flex;
  flex-direction: column;
  overflow: auto;
  align-items: center;
  flex: 1 1 auto;
}

.conflictTitle--O2VF1 {
  color: var(--clrNbiMagenta);
  background-color: #fff;
  padding: 16px;
}

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

.venueCloseContainer--UtaQV {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 777px;
  border: 1px solid #C2C2C2;
  border-radius: 16px;
  flex: 1;
  margin: 27px;
  padding: 32px
}

.venueCloseContainer--UtaQV .venueCLoseTitle--Eeuk3 {
    font-weight: 500;
    height: 40px;
  }

.venueCloseContainer--UtaQV .flexBoxForImage--xPaGz {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
  }

.venueCloseContainer--UtaQV .venueCloseImage--jSJXI {
    width: 280px;
    height: 280px;
    background-color: #FFF;
    border-radius: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/ServiceQuantityOverview/style.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}
/** WEIGHTS **/
/** SIZES **/
.container--Js6xt {
  display: flex;
  width: calc(100% - (var(--space2) * 2));
  align-items: center;
  justify-content: space-between;
  padding: var(--space2);
}
.containerExpanded--auKCk {
  background: var(--clrGreyLight);
}
.serviceItem--aWImR {
  display: flex;
  flex-direction: column;
  margin-right: var(--space3)
}
.withMinWidth--QRUgu {
  min-width: 24px;
}
.serviceTotal--d0kHj {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: var(--space1);
  margin-right: 20px;
}
.title--PWPf4 {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  white-space: nowrap;
}
.ellipsis--WzC27 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text--wANF_ {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: var(--clrGreyHeavy);
  white-space: nowrap;
}
.scrollable--nsIFf {
  overflow-x: auto;
  display: flex;
}



/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-card-list/src/app/StaffNamePanelContainer/style.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hidden--rTMCX {
    display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-card-list/src/app/FilterOption/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.option--Qa9Tx {
  box-sizing: border-box;

  /* Auto layout */
  
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--space2);
  
  text-transform: capitalize;
  
  background: #FFFFFF;
  /* Secondary/Light */
  
  border: 1px solid var(--clrGreyLight);
  border-radius: 30px;
  color: var(--clrGreyDark);
  cursor: pointer;
}

.selectedOption--NKDfw {

  background: var(--clrNbiMagentaTint);
  /* Secondary/Hover Stroke */

  border: 1px solid var(--clrNbiMagentaDark);
  color: var(--clrNbiMagentaDark);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/booking-card-list/src/app/BookingFiltersCompact/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container--caSJq {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}

.flex--DjpDF {
  display: flex;
  flex-direction: row;
  background: var(--clrGreySuperLight);
  padding: var(--space2);
  gap: var(--space1);
}

.topFilter--P3G6i {
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 5px 10px;
    flex-wrap: wrap;
    min-height: 62px;
}

/* Hide scrollbar for Chrome, Safari and Opera */

.topFilter--P3G6i::-webkit-scrollbar {
  display: none;
}

.topFilterChild--iCZvG {
    display: flex;
    gap: var(--space1);
    min-width: 90px;
    max-width: 400px;
    overflow-x: auto;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none
}

/* Firefox */

.topFilterChild--iCZvG:nth-child(1) {
    }

.topFilterChild--iCZvG:nth-child(1) > * {
            white-space: nowrap;
        }

.topFilterChild--iCZvG:nth-child(2) {
       justify-content: start;
       flex: 1;
    }

@media only screen and (max-width: 450px) {
    .topFilter--P3G6i {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }

    .topFilterChild--iCZvG {
        width: 100%;
    }

    .topFilterChild--iCZvG:nth-child(2) {
        width: 100%;
    }

}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/MobileHeader/style.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.root--_3dCP {
  background-color: var(--clrGreySuperLight);
  border: 1px solid var(--clrGreyLight);
}

.headerWrapper--ifWVy {
  display: flex;
  height: 64px;
  border-bottom: 1px solid var(--clrGreyLight);
}

.headerHamburgerWrapper--I2nfZ {
  height: 100%;
  width: 64px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clrNbiMagenta);
}

.hamburgerIcon--iqErH {
  margin-top: 5px;
  width: 18px;
  height: 18px;
}

.hamburgerIconSpan--AMeOz {
  background: #fff;
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 5px;
  margin-bottom: 3px;
  transition: all 0.3s linear
}

.hamburgerIconSpanOpen--DbXvt {
  }

.hamburgerIconSpanOpen--DbXvt:nth-child(1),
    .hamburgerIconSpanOpen--DbXvt:nth-child(3){
        height: 3px;
        -webkit-transform: translate(0px, 5px) rotate(-45deg) scalex(1.3);
                transform: translate(0px, 5px) rotate(-45deg) scalex(1.3);
        margin: 0;
    }

.hamburgerIconSpanOpen--DbXvt:nth-child(2){
        height: 0;
        margin: 0;
    }

.hamburgerIconSpanOpen--DbXvt:nth-child(3){
        height: 3px;
        -webkit-transform: translate(0px, 2px) rotate(45deg) scalex(1.3);
                transform: translate(0px, 2px) rotate(45deg) scalex(1.3);
    }

.datePickerSmallMobileContainer--Xc7RS {
  zoom: 0.85;
}

.datePickerLargeMobileContainer--hRCCs {
  zoom: 1.15
}

.headerVenueWrapper--ZQbWU {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.headerVenueName--yuL8T {
  font-size: 10px;
  font-weight: 400;
}

.dateSelectionWrapper--sR_u7 {
  display: flex;
  padding: 10px;
  padding-bottom: 5px;
}

.datePickerWrapper--w5pfP {
  display: flex;
  align-items: center;
  padding-right: 5px;
  z-index: 90;
  position: relative;
  flex: 1;
}

.noteWrapper--be7XK {
  display: flex;
  align-items: center;
  /* padding: 10px; */
  padding-left: 5px;
  width: 160px;
  position: relative;
  
}

.customDot--HAm1P {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  right: 20px;
  top: 5px;
  background: var(--clrNbiMagentaDark);
}

.noteBtn--yqiXa {
  padding: 5px 10px;
  border: 1px solid var(--clrGreyLight);
  background-color: #fff;
  text-transform: none;
  position: relative;
}

.noteBtnIcon--Mu4OC {
  margin-top: 2px;
  color: var(--clrNbiMagenta)
}

.noteWrapper--be7XK .blocksNum--hFTvP {
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: var(--clrNbiMagenta);
  width: 16px;
  height: 16px;
  border-radius: 8px;
}

.noteWrapper--be7XK .blocksNum--hFTvP span {
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.serviceSelectionWrapper--tQnk1 {
  display: flex;
  padding: 10px;
  padding-top: 5px;
  min-height: 3.8rem; /* we need a hard coded height here so that the MobileHeader can work out the height on page load */
}

.selectionWrapper--qODtx {
  overflow: auto;
  flex: 1;
  font-size: 1rem;
}

.selectionWrapper--qODtx:nth-child(1) {
  margin-right: 5px;
}

.selectionWrapper--qODtx:nth-child(2) {
  margin-left: 5px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/MenuList/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.root--v0uGl {
  background: #FFFFFF;
  border-radius: 10px;

  color: #fff;
  display: inline-block;
  max-width: 268px;
  width: 268px;
}
.navContainer--eZHYd {
  padding: 0px !important
}
.navContainer--eZHYd div:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
.title--hiFoz {
  padding: 16px;
  height: 20px;
}
.text--F6aQE {
  color: var(--clrNbiMagenta);
}
.itemContainer--exJgv {
  height: 44px;
  padding: 11px 15px
}
.itemContainerBorderBottom--ihxCH {
    border-color: rgba(198,198,200,0.50196);
    border-bottom-width: 1px;
    border-style: solid;
  }
.itemContainerSelected--VQiQv {
    background: #FFFBFD !important;
  }
.itemTextRoot--E55Wn {
  padding: 0px;
  margin: 0px;
}
.itemText--yuEmR {
  padding-top: 1px;
  letter-spacing: -0.408px;
  color: var(--clrGreyDark)
}
.itemTextSelected--ISy0K {
    color: var(--clrNbiMagenta);
  }




/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./app/components/Header/style.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.menuContainer--XFk6r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  background-color: var(--clrGreySuperLight);
  padding: var(--space4);
  position: fixed;
  top: 66px;
  left: 0;
  right: 0;
  border-right: 2px solid rgba(133, 133, 133, 0.1);
  z-index: 90;
  overflow: visible;
  overflow: initial;
  height: 100vh;
  padding-top: 20px;
}

.headerFixed--aTvpj {
  position: relative;
  top: 0;
  width: 100%;
}

.fixedBottom--g2lbF {
  margin-bottom: var(--space13);
}

.scrollable--VCP2c {
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/venue-selector/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/

/** WEIGHTS **/

/** SIZES **/

.appWrap--HfWQG {
  font-family: 'Inter', sans-serif
}

.appWrap--HfWQG button, .appWrap--HfWQG a { /* @todo: determine which other elements need default setting */
    font-family: 'Inter', sans-serif;
  }

/** WEIGHTS **/

.typReg--znfXT {
  font-weight: 400;
}

.typMed--xmPeb {
  font-weight: 500;
}

.typBold--X9RD7 {
  font-weight: 700;
}

/** SIZES **/

.typSize1--Po5oV {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.typSize2--cH7aS {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.typSize3--KG2AY {
  font-size: 1.4rem;
  line-height: 2rem;
}

.typSize4--nyjfo {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.typSize5--eg3Mb {
  font-size: 1rem;
  line-height: 1.6rem;
}

.rootBox--IRRUx {
  background: url(../assets/bg.fa4b2102c70ff5e34d64.jpg) no-repeat !important;
  background-size: cover !important;
}

.rootBox--IRRUx {
  width: 100%;
  height: 100%;
  padding: 2rem 0;
  flex: 1;
}

.contentBox--fOKJ8 {
    width: 80%;
    padding: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    min-height: 500px;
}

.marginMedium--b48pa {
    margin-top: 2rem;
}

.flexCenterVertical--uQJAu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.versionStyle--bWNmN {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #ccc;
}

.logoContainer--_fWby {
    width: 200px;
    margin-bottom: 2rem;
}

.btnWrap--cayDC {
    display: flex
}

.btnWrap--cayDC button:first-child {
        margin-right: 10px;
    }

.searchInput--jTd9H{
    padding: 10px 0;
    font-size: 1.8rem; /* on ios this will get overridden at top level css*/
}

.fade-in--XnUhk {
    background-color: white;
    transition: background-color 0.3s ease opacity 0.3s ease-in-out;
}

.fade-in--XnUhk.loaded--BAI5l {
    opacity: 1;
    background-color: #C2C2C2;
}

.fade-in--XnUhk.selected--k8vIX {
    opacity: 1;
    background-color: white;
}

.slide-in--IcKnj {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.slide-in--IcKnj.loaded--BAI5l {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.slide-in--IcKnj.selected--k8vIX {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/icon-button/style.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.root--LZPd5{margin:6px 8px}.rootClearMargins--GFT_y{margin:0}.btnIsUl--um6vB{display:inline-block}.btnIsUlIsSelected--RG9sM{border-bottom:2px solid #000}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./app/components/Notes/style.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}

.space1--PxDZI, .space1W--xRDT4 {
  width: var(--space1);
}

.space1--PxDZI, .space1H--Du_N9 {
  height: var(--space1);
}

.space2--syQdr, .space2W--id67R {
  width: var(--space2);
}

.space2--syQdr, .space2H--DiV7L {
  height: var(--space2);
}

.space3--XEI9R, .space3W--qsLxA {
  width: var(--space3);
}

.space3--XEI9R, .space3H--HHtNT {
  height: var(--space3);
}

.space4--mDw2t, .space4W--poOyT {
  width: var(--space4);
}

.space4--mDw2t, .space4H--yiuED {
  height: var(--space4);
}

.space5--ETRr1, .space5W--yXMML {
  width: var(--space5);
}

.space5--ETRr1, .space5H--XIvl1 {
  height: var(--space5);
}

.space6--lwPpT, .space6W--_crSU {
  width: var(--space6);
}

.space6--lwPpT, .space6H--xasIW {
  height: var(--space6);
}

.space7--Cqm0i, .space7W--KozER {
  width: var(--space7);
}

.space7--Cqm0i, .space7H--mLbSN {
  height: var(--space7);
}

.space8--MgM2r, .space8W--yrc4F {
  width: var(--space8);
}

.space8--MgM2r, .space8H--QxvK6 {
  height: var(--space8);
}

.space9--LOImw, .space9W--qS5O1 {
  width: var(--space9);
}

.space9--LOImw, .space9H--noQVj {
  height: var(--space9);
}

.space10--kVKyK, .space10W--irNIK {
  width: var(--space10);
}

.space10--kVKyK, .space10H--GC3Vz {
  height: var(--space10);
}

.containerNotes--ok8fE {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    /*padding: var(--space3);;*/
    background-color: #f7f7f8;
    text-align: center;
}

.header--WNhvI {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.title--d34Oq {
    font-size: 1.8rem;
    font-weight: 700;
}

.btnWrap--hKnG8 {
    width: 9.5rem;
}

.spaceMedium--ddRiY {
    margin-top: var(--space3);
    padding: var(--space3);
}

.spaceOutside--cx8z3 {
    padding: var(--space3);
    background-color: white;
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/components/blockout-by-service-editor/style.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --space1: 4px;
    --space2: 8px;
    --space3: 16px;
    --space4: 24px;
    --space5: 32px;
    --space6: 40px;
    --space7: 48px;
    --space8: 56px;
    --space9: 64px;
    --space10: 72px;
    --space11: 80px;
    --space12: 88px;
    --space13: 96px;
}

.space1--hFXjN, .space1W--INEYr {
  width: var(--space1);
}

.space1--hFXjN, .space1H--CiOuP {
  height: var(--space1);
}

.space2--X4pye, .space2W--giA_o {
  width: var(--space2);
}

.space2--X4pye, .space2H--ONtRb {
  height: var(--space2);
}

.space3--rXx1f, .space3W--LKDcy {
  width: var(--space3);
}

.space3--rXx1f, .space3H--v8qv6 {
  height: var(--space3);
}

.space4--Whb1u, .space4W--riRzN {
  width: var(--space4);
}

.space4--Whb1u, .space4H--N5LE_ {
  height: var(--space4);
}

.space5--ox2kT, .space5W--V0RcH {
  width: var(--space5);
}

.space5--ox2kT, .space5H--eBSyx {
  height: var(--space5);
}

.space6--ZuEhn, .space6W--KdCKJ {
  width: var(--space6);
}

.space6--ZuEhn, .space6H--wjBuH {
  height: var(--space6);
}

.space7--oGuTK, .space7W--YW4kd {
  width: var(--space7);
}

.space7--oGuTK, .space7H--hcjcS {
  height: var(--space7);
}

.space8--S92GY, .space8W--ed1_u {
  width: var(--space8);
}

.space8--S92GY, .space8H--GGbQY {
  height: var(--space8);
}

.space9--a3N8T, .space9W--Jj9Uh {
  width: var(--space9);
}

.space9--a3N8T, .space9H--AA4zu {
  height: var(--space9);
}

.space10--eTmIY, .space10W--L_iXU {
  width: var(--space10);
}

.space10--eTmIY, .space10H--Pi0jb {
  height: var(--space10);
}

/***** If you are adding variables here, also run 'yarn css-variable-convert' from the `packages/design-v2` directory css classes, enums and colors objects are auto-generated *****/

:root {
  --clrGreyDark: #333333;
  --clrGreyHeavy: #808080;
  --clrGreyMedium: #C2C2C2;
  --clrGreyLight: #DFDFDF;
  --clrGreySuperLight: #F8F8F8;
  --clrNbiMagenta: #992662;
  --clrNbiMagentaDark: #992662;
  --clrNbiMagentaLight: #A51B63;
  --clrNbiMagentaTint: #FFF5FB;
  --clrGood: #54C66D;
  --clrGoodDark: #409b54;
  --clrGoodLight: #79e991;
  --clrBad: #FF0000;
  --clrBadDark: #cb0000;
  --clrBadDarker: #921e1e;
  --clrBadLight: #ff6a6a;
  --clrWarning: #F18C16;
  --clrWarningDark: #d37407;
  --clrWarningLight: #ffb45d;
  --clrStandby: #4669ac;
  --clrInfo: #29b6f6;
  --clrInfoLight: #5bc8f8;
  --clrInfoDark: #1d91c5;
  --clrFT: rgba(3,208,244,0.65882);
  --clrSblPending: #4669ac;
  --clrStatusConfirmed: #ceffe1;
  --clrStatusUnconfirmed: #ffe6a6;
  --clrStatusSeated: #0ae228;
  --clrStatusPartiallySeated: #f68b1f;
  --clrStatusCancelled: #ff0030;
  --clrStatusReserved: #F4A155;
  --clrStatusOrdered: #7998E8;
  --clrStatusResetTable: #A89DF1;
  --clrStatusTableSet: #C189BF;
  --clrStatusBlocked: #AFAFAF;
  --clrStatusFinished: #ccc;
  --clrStatusSeatedOrdered: #267347;
}

.containerNew--N5kou {
    border-radius: 8px;
    background-color: white;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.containerBlockoutWideVersion--BLRGb {
    width: 100%;
    height: 100%;
    background-color: #f7f7f8;
}

.containerBlockout--AHMBG {
  width: 100vw;
  height: 100vh;
  background-color: #f7f7f8;
}

.typeButtonContainer--hMEYc {
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-bottom: 16px;
}

/*blockout service button*/

.typeButtonContainer--hMEYc > :nth-child(1) {
  border-radius: 4px 0 0 4px;
}

/*hide service button*/

.typeButtonContainer--hMEYc > :nth-child(2) {
  border-radius: 0 4px 4px 0;
}

.typeButton--R4JDj {
  /*background-color: #FFF5FB;*/
  border: 1px solid var(--clrGreyLight);
  font-size: 12px;
  cursor: pointer;
  padding: 8px 12px;
}

.typeButtonActive--c_bQK {
  background-color: var(--clrNbiMagentaTint);
  border-color: var(--clrNbiMagenta);
  color: var(--clrNbiMagenta);
}

.blockAllday--IWWIW {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42)
}

.blockAllday--IWWIW >div {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--clrGreyDark);
    }

.input--cHWW_ {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.header--Tx9Pj {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.title--XCBiE {
    font-size: 1.8rem;
    font-weight: 700;
}

.newTitle--YG7ea {
    margin-bottom: 16px;
}

.btnWrap--lzp1a {
    width: 9.5rem;
}

.spaceOutside--t4UAg {
    padding: var(--space3);
    background-color: white;
}

.ellipsis--COtWq {
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lastTips--FNH0f {
    margin-bottom: 16px;
}

.emptySpace--kzmrA {
    width: 48px;
    height: 48px;
}

.spaceMedium--JmwjA {
    margin-top: var(--space3);
    padding: var(--space3);
}

.blockoutTimePickerContent--LGYQs {
    width: 100%;
    margin-top: 40px;
}

.displayInRow--D1maR {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[7].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].use[3]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[4]!../packages/components/toast-dialog/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customBtnWrap--mzzXZ{display:flex}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[8].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!../packages/design-v2/common/AlertModal/style.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.root--cgUlx {
    display: flex;
    flex-direction: column;
    padding: 11px;
    background-color: #fff;
    /*width: 100%;*/
}
.title--XnpK6 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}
.content--GQGWV {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 16px 0;
}
.buttonContainer--LPdbU {
    display: flex;
    justify-content: space-between;
}
.buttonLeft--lZmKF {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.underlineButton--bDggG {
    background: none;
    border: none;
    padding: 0;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: underline;
    cursor: pointer;
}