/*!*****************************************************************************************************************************************************************************!*\
  !*** 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;
}

.loading--vAL6a {
  background: #f7f7f8;
  height: 100vh;
  height: 100dvh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.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/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[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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/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/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[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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/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 {
  font-size: 14px;
  font-weight: 600;
  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/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[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/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/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[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[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;
  -webkit-user-select: none;
          user-select: 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/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[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/StatusSelectorModal/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alertWrap--bTrGZ{padding:15px 0px}.modalContent--BDMux{position:relative}.loadingOverlay--Ee9nO{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.8);z-index:10;opacity:0;transition:opacity 1s ease-in-out}.fadeIn--Wlnv2{opacity:1}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}
.clickableItem--cE0yy {
  cursor: pointer
}
.clickableItem--cE0yy:hover {
    text-decoration: underline;
  }

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/dts-css-modules-loader/index.js??ruleSet[1].rules[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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/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/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/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[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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%;
    max-width: 900px;
    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[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,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")}.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/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[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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;
}

.flexRowStart--ydv7P {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.redPoint--TRlOS {
    display: inline-block;
    background-color: var(--clrNbiMagenta);
    color: white;
    border-radius: 50%;
    width: 20px; /* Adjust the size as needed */
    height: 20px; /* Adjust the size as needed */
    text-align: center;
    line-height: 20px; /* Should match the height to center the text */
    font-size: 12px; /* Adjust the font size as needed */
}

/*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 {
    font-size: 1.6rem;
    font-weight: bold;
}

.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[6].use[1]!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].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[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;
}