/*

example to user the colors:

.class {
  color: var(--gb-color-blueDark);
}

*/

.iconbgchap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  height: 55px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iconbgchap.glass {
  border-top-style: none;
  border-radius: 100px;
  background-image: none;
  /*  background-color: black;*/
}

.width50 {
  width: 50px;
  max-width: 50px;
}

.mobileiosnavspacer {
  display: none;
}

:root {
    --gb-color-yellow:#ffc700;
    --gb-color-blueLigth:#0099d6;
    --gb-color-blueDark:#005cb4;
    --gb-color-red:#ff002f;
    --gb-color-greenDark:#57ae02;
    --gb-color-greenLigth:#70e003;
    --gb-color-orange:#ff7a00;
    --gb-color-greyDark:#383d3f;
    --gb-color-black:#171a1b;
    --gb-color-grey:#f2f2f2;
    --gb-color-greyLigth:#d8d8d8;
    /*Webflow Variables*/
    --neutral--600: #535354;
    --neutral--800: #383d3f;
    --accent--primary-1: #171a1b;
    --secondary--color-1: #171a1b;
    --neutral--100: white;
    --neutral--300: #f1f1f1;
    --general--shadow-01: #0e0e0e0f;
    --neutral--200: whitesmoke;
    --neutral--500: #969697;
    --neutral--400: #d5d5d6;
    --secondary--color-3: #0099d6;
    --secondary--color-5: #ffc700;
    --general--shadow-02: #f5333314;
    --system--red-100: #ffeff0;
    --system--300: #ff5a65;
    --secondary--color-2: #f2f1ff;
    --system--blue-300: #1d88fe;
    --secondary--color-4: #ff002f;
    --button-shadow--color-01: #f533330f;
    --neutral--700: #262626;
    --button-shadow--white-01: #14142b0a;
    --button-shadow--white-02: #14142b0f;
    --button-shadow--white-03: #14142b1a;
    --button-shadow--color-2: #f5333314;
    --button-shadow--color-03: #f533331a;
    --general--shadow-03: #f533331a;
    --general--shadow-04: #f5333324;
    --general--shadow-05: #f5333329;
    --general--shadow-06: #f533333d;
    --system--blue-400: #086cd9;
    --system--blue-200: #8fc3ff;
    --system--blue-100: #eaf4ff;
    --system--green-400: #11845b;
    --system--green-300: #05c168;
    --system--green-200: #7fdca4;
    --system--green-100: #def2e6;
    --system--red-400: #ff002f;
    --system--red-200: #ffbec2;
    --system--orange-400: #d5691b;
    --system--orange-300: #ff9e2c;
    --system--orange-200: #ffd19b;
    --system--orange-100: #fff3e4;
  }
  
    .navigation:hover .brunchbuttontooltip {
    visibility: visible;
   }

  .brunchbuttontooltip {
    /* position: absolute; */
    visibility: hidden;
    left: 0%;
    right: 0%;
    z-index: 701;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 127px;
    height: 53px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .brunchbutton {
      display: flex;
      width: 120px;
      height: 30px;
      justify-content: center;
      align-items: center;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px;
      cursor: pointer;
      /* background-color: @swatch_14fe1a71;
      color: @swatch_5fd84cd0;
       */
  }
  
    html {
      scroll-behavior: smooth !important;
    }
    
    h2 {
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 32px;
      line-height: 36px;
      font-weight: bold;
    }
    /*
    .body {
      display: block;
      grid-auto-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
      background-color: transparent;
      font-family: 'Open Sans', sans-serif !important;
      font-weight: 200 !important;
    }
    */
    
    /*
    .glass4 {
      border-style: solid;
      border-width: 1px;
      border-color: hsla(0, 0%, 84.7%, 0.7);
      border-radius: 7px;
      background-color: hsla(0, 0%, 90.6%, 0.7);
      box-shadow: 1px 1px 7px -2px #383d3f;
      opacity: 1;
    }*/
    
    .glass4 {
      border-style: solid;
      border-width: 1px;
      border-color: hsla(0, 0%, 84.7%, 0.7);
      border-radius: 7px;
      background-color: hsla(0, 0%, 100%, 0.7);
      box-shadow: 1px 1px 7px -2px #383d3f;
      transition-duration: 1s;
    }
    
    .glass {
      border-style: solid solid none;
      border-width: 1px;
      border-color: hsla(0, 0%, 94.9%, 0.7) hsla(0, 0%, 84.7%, 0.7) #ddd hsla(0, 0%, 94.9%, 0.7);
      border-radius: 7px 7px 0px 0px;
      background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 91.3%, 0.77)), to(hsla(0, 0%, 94.9%, 0.7)));
      background-image: linear-gradient(180deg, hsla(0, 0%, 91.3%, 0.77), hsla(0, 0%, 94.9%, 0.7));
      box-shadow: 1px 1px 7px -2px #383d3f;
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
    }
    
    .glass2 {
      border-width: 1px;
      border-color: hsla(0, 0%, 100%, 0.7) hsla(0, 0%, 84.7%, 0.7) hsla(0, 0%, 84.7%, 0.7) hsla(0, 0%, 100%, 0.7);
      border-top-style: solid;
      border-right-style: none;
      border-bottom-style: none;
      border-radius: 7px;
      background-color: hsla(0, 0%, 84.7%, 0.7);
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
      transition-duration: 1s;
    }

    .glass3 {
      border-radius: 7px;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
      transition-duration: 1s;
    }

    .glass8 {
      border-style: solid;
      border-width: 1px;
      border-color: hsla(0, 0%, 84.7%, 0.7);
      border-radius: 7px;
      background-color: hsla(0, 0%, 84.7%, 0.7);
      opacity: 1;
      transition-duration: 1s;
    }

    .mspacer6 {
      width: 3px;
      height: 3px;
      max-height: 3px;
      max-width: 3px;
    }

    .optioncontent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .brunchdropdowncontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    
    .brunchbutton1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 120px;
      height: 30px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 7px;
      background-color: #171a1b;
      color: #fff;
      cursor: pointer;
      box-shadow: 1px 1px 7px -2px #171a1b;
    }

    .joinBtnTemplate .brunchbutton1 {
      width: 85px !important;
    }
    
    .addrow {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    
    .panelmaincontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    
    .brunchswitchlabelcontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      margin-left: 23px;
      padding-right: 10px;
      padding-left: 7px;
    }
    
    .brunchswitchball {
      position: absolute;
      width: 20px;
      height: 20px;
      min-height: 20px;
      min-width: 20px;
      margin-top: 5px;
      margin-left: 5px;
      border-radius: 20px;
      background-color: #fff;
    }
    
    .panelviewcontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .panelviewcontainer .panelviewTemplate{
      width: 100%
    }
    
    .panelmainv {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .brunchswitch1 {
      position: relative;
      display: inline-block;
      height: 30px;
      border-radius: 20px;
      background-color: #171a1b;
      cursor: pointer;
    }
    
    .celllabel {
      max-height: 20px;
      max-width: 267px;
    }
    
    .brunchlabel1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width: 25vw;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 15px;
    }
    
    .cellcontent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 260px;
      height: 156px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
    }
    
    .bcheckbox {
      width: 17px;
      height: 17px;
      border-radius: 2px;
      background-color: #171a1b;
    }
    
    .eventtilecontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    .panelview {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding: 23px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .avismall {
      width: 45px;
      height: 45px;
      border: 3px solid #fff;
      border-radius: 77px;
      background-color: #383d3f;
      /* background-image: url('/assets/images/167950057_3167950057_2.jpg');*/
      background-position: 0px 0px;
      background-size: cover;
      box-shadow: 4px 4px 5px -2px rgba(0, 0, 0, .2);
    }
    
    .panelcontentv {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .brunchtooltip {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 16px;
      height: 16px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      border-radius: 20px;
      background-color: #171a1b;
      color: #d8d8d8;
      font-size: 11px;
      font-weight: 700;
    }
    
    .cellcontentcontainerv {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    
    .avismallcontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    
    .paneltabs {
      display: none;
    }
    
    .eventtitlemainwithclose {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    
    .verticallabel {
      position: absolute;
      top: auto;
      bottom: 0px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 120px;
      margin-bottom: -20px;
      margin-left: 12px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      font-weight: 700;
      text-align: center;
    }
    
    .verticallabelcontainer {
      position: relative;
      width: 100%;
      height: 130px;
    }
    
    .brunchcheckbox1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .cellcontrols {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
    
    .viewgridmain {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      height: 48vh;
      margin-right: -23px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    .panelcontent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-radius: 7px;
    }
    
    .viewsettings {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .cellmaincontainerv {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .panelmaincontainerbg {
      position: fixed;
      left: 0%;
      top: 0%;
      right: 0%;
      bottom: 0%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .panelmaincontainerbg.glass3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    
    .cellmaincontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    
    .mspacer23 {
      width: 23px;
      height: 23px;
      min-height: 23px;
      min-width: 23px;
    }
    
    .brunchswitch1container {
      display: none;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .eventtillemain {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width: 95%;
    }
    
    .brunchdropdown {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 120px;
      height: 30px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-width: 1px;
      border-color: #d8d8d8;
      border-radius: 7px;
      background-color: #171a1b;
      color: #fff;
      cursor: pointer;
    }
    
    .paneltab {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 46px;
      height: 200px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
    }
    
    .paneltab.glass {
      border-top-right-radius: 0px;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 0px;
    }
    
    .cellcontentcontainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-position: 0 0;
      background-size: cover;
      position: relative;
    }
    
    .panelmain {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .brunchtitle1 {
      font-family: Oswald, sans-serif !important;
      color: #171a1b;
      font-size: 27px;
      line-height: 30px;
      font-weight: 400 !important;
      text-transform: uppercase;
    }
    
    .brunchtitle2 {
      font-family: 'Open Sans', sans-serif;
      color: #171a1b;
      font-weight: 700;
    }
    
    .closemenubutton {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      color: #d8d8d8;
      font-size: 20px;
      font-weight: 700;
      cursor: pointer;
    }
    
    .darkglass3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow-x: hidden;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 7px;
      background-color: rgba(23, 26, 27, 0.7);
      box-shadow: inset 1px 1px 7px -1px rgba(23, 26, 27, 0.7);
    }
    
    .brunchred {
      background-color: #ff3349;
    }
    
    .grayletter {
      color: #383d3f;
    }
  
    /* */
  
    
  .hideOverflow{  
      overflow: hidden;}
  
  .avismallcontainer{position:relative;
  }
  
  .tooltiptopcontainerTemplate{position: fixed;
      z-index: 1000;
  }
  
  .tooltiptopcontainer {
   position: relative;   
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 180px;
  z-index: 1000;
  cursor:default;
  }
  
  .dropselectorwhite {
  border-style: solid;
  border-width: 0px 5px 7px;
  border-color: transparent transparent #fff;
  }
  
  .tooltiplabel {
  padding: 7px;
  border-radius: 7px;
  }
  
  .tooltipup {
      position: absolute;
      left: 0%;
      top: auto;
      right: 0%;
      bottom: 87%;
      z-index: 701;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-right: -170px;
      margin-left: -170px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      cursor:default;
  }
  .tooltiplabelup {
    max-width: 700px; 
      white-space: break-spaces;
      line-height: 20px;
      padding: 7px;
      border-radius: 7px;
      background-color: #171a1b;
      box-shadow: 1px 1px 7px -2px #000;
      color: #fff;
      text-align: center;
      font-size:14px;
      font-weight:300
  }
  .tooltipcontainer {
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .dropselectordowndarkgray {
      border-style: solid;
      border-color: #171a1b transparent transparent;
      border-top-width: 7px;
      border-right-width: 5px;
      border-left-width: 5px;
    }
  
  .panelsettingcontent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      align-items: center;
    }

    .panelsettingcontent .removeBrandingCustomURLContainer{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    } 
    .panelsettingcontent .removeBrandingCustomURLContainer #customURl{
      display: block;
      width: 100%;
      height: 38px;
      padding: 8px 12px;
      border-radius: 7px;
      font-size: 14px;
      line-height: 1.42857143;
      vertical-align: middle;
      color: #000 !important;
      border: 1px solid #cccccc;
    }

    .panelsettingcontent .exitspacecustomurlcheckbox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
  .darkglass5 {
    border-top: 1px solid hsla(0, 0%, 84.7%, 0.07);
    border-right: 1px solid rgba(0, 0, 0, 0.17);
    border-left: 1px solid hsla(0, 0%, 84.7%, 0.17);
    background-color: rgba(23, 26, 27, 0.9);
  }
  
  .darkglass4 {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-left: 1px solid hsla(0, 0%, 84.7%, 0.07);
    background-color: rgba(56, 61, 63, 0.87);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  
  .darkglass3selected {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 84.7%, 0.27);
    border-radius: 7px;
    background-color: rgba(23, 26, 27, 0.7);
    box-shadow: inset 1px 1px 7px -1px rgba(23, 26, 27, 0.7);
  }
  
  .editorbarcontainerin {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  
  .editorbarcontainerin.darkglass4 {
    border-bottom: 1px solid rgba(23, 26, 27, 0.17);
  }
  
  .mspacer4 {
    width: 7px;
    height: 7px;
    min-height: 7px;
    min-width: 7px;
  }
  
  .editoringrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .draggablearea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .editorbarcontainer {
    position: absolute;
    left: 37px;
    bottom: 150px;
    width: 93px;
    border-radius: 7px;
    box-shadow: 1px 1px 7px -2px #171a1b;
  }
  
  .editoringridleftspacercontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .editoricon {
    width: 23px;
    height: 23px;
  }
  
  .editoriconrightspacerrepeater {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .editorbarttop {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
  
  .editoriconexternal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
  }
  
  .mspacer1 {
    width: 1.26vw;
    height: 1.26vw;
    /* max-height: 23px; */
    max-width: 23px;
    min-height: 1.26px;
    min-width: 1.26vw;
  }
  
  .buttonrightspacer4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  
  
  .width100percent {
    width: 100%;
    max-width: 100%;
  }
  
    .glass6 {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.6);
    border-radius: 7px;
    background-color: hsla(0, 0%, 100%, 0.6);
    box-shadow: 1px 1px 6px -4px #383d3f;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .notificationcontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 320px;
  }
  
  .notificationpopup {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*min-width: 276px;*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .notificationspacerrightleft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 276px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .notification50centralizercontainer {
    position: fixed;
    left: 0%;
    top: 50%;
    right: 0%;
    bottom: auto;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50%;
    margin-left: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    z-index: 999999 !important;
  }
  
  .brunchtitle4 {
    margin-top: -3px;
    margin-bottom: -3px;
    font-family: Oswald, sans-serif;
    color: #171a1b;
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  .mspacer23alldevices {
    width: 23px;
    height: 23px;
    min-height: 23px;
    min-width: 23px;
  }
  
  .brunchdropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 7px;
    background-color: #171a1b;
    color: #fff;
    cursor: pointer;
  }
  
  .brunchinput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(56, 61, 63, 0.7);
    border-radius: 7px;
    color: #171a1b;
    font-weight: 700;
  }
  .inputspacer input{
    padding:0px 10px
  }
  .inputspacer ::-webkit-input-placeholder {
    text-align: center;
    color: #000;
    padding: 20px;
  }
  .inputspacer select,
  .inputspacer option{
    text-align: center;
    min-width:100px
  }
  .inputspacer {
    width: 100%;
  }
  
  .labelspacer {
    width: 100%;
  }
  
  .text-block {
    text-align: center;
  }
  
  .xcloseabsolute {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 7px;
    padding-right: 7px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .closemenubuttontiny {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #383d3f;
    font-size: 14px;
    line-height: 13px;
    font-weight: 700;
    cursor: pointer;
  }
  
  
  body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow-x: hidden;
    margin: 0px !important;
    font-weight: 200;
  }
  
  h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
  }
  
  /*
  .body {
    display: block;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
  }
  /
  
  /*
  .glass7 {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.6);
    border-radius: 7px;
    background-color: hsla(0, 0%, 100%, 0.37);
    box-shadow: 1px 1px 7px -4px rgba(56, 61, 63, 0.7);
  }*/

  .glass7 {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.6);
    border-radius: 7px;
    background-color: hsla(0, 0%, 100%, 0.37);
    box-shadow: 1px 1px 7px -4px rgba(56, 61, 63, 0.7);
  }

  /*

  .glass7 {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(216, 216, 216, 0);
    border-radius: 7px;
    background-color: rgba(216, 216, 216, 0.53);
    opacity: 1;
    transition-duration: 1s;
    box-shadow: inset 1px 1px 7px -1px rgba(23, 26, 27, 0.7);
  }
  */

  .glass5 {
    border-style: solid solid none;
    border-width: 1px;
    border-color: hsla(0, 0%, 94.9%, 0.7) hsla(0, 0%, 84.7%, 0.7) #ddd hsla(0, 0%, 94.9%, 0.7);
    border-radius: 7px 7px 0px 0px;
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(hsla(0, 0%, 91.3%, 0.77)),
      color-stop(50%, rgba(174, 183, 187, 0.7)),
      to(hsla(0, 0%, 94.9%, 0.7))
    );
    background-image: linear-gradient(180deg, hsla(0, 0%, 91.3%, 0.77), rgba(174, 183, 187, 0.7) 50%, hsla(0, 0%, 94.9%, 0.7));
    box-shadow: 1px 1px 7px -2px #383d3f;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  }
  
  .homebg {
    box-shadow: 1px 1px 3px 0 #000;
  }
  
  .redlayer1 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-image: linear-gradient(37deg, #f3e1e3, transparent 37%);
  }
  
  .sessiondatetime {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .myeventsessionslistcontainer {
    margin-bottom: -23px;
  }
  
  .dropselectordowndarkgray {
    border-style: solid;
    border-color: #171a1b transparent transparent;
    border-top-width: 7px;
    border-right-width: 5px;
    border-left-width: 5px;
  }
  
  .tooltiplabelup {
    padding: 7px;
    border-radius: 7px;
    background-color: #171a1b;
    box-shadow: 1px 1px 7px -2px #000;
    color: #fff;
    text-align: center;
  }
  
  .spacerupwidth100percent {
    width: 100%;
  }
  
  .categoryfilters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .optionline {
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 84.7%, 0.67);
  }
  
  .categoryicon {
    height: 7.2vw;
    min-width: 7.2vw;
    border-style: solid;
    border-width: 0.5vw;
    border-color: hsla(0, 0%, 100%, 0.97);
    border-radius: 1077px;
    background-color: #0099d6;
  }
  
  .cursorpointer {
    cursor: pointer;
  }
  
  .cursorpointer:hover {
    text-decoration: underline;
  }
  
  .brunchlistitemcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .categoryiconandtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .sessionnamecontainer {
    width: 11vw;
    max-width: 11vw;
    min-width: 11vw;
    cursor: pointer;
  }
  
  .bluelayer {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-image: radial-gradient(circle farthest-corner at 0% 0%, #96dcfa, transparent);
  }
  
  .mspacer6balancerpotrait {
    display: none;
    width: 6px;
    height: 6px;
    min-height: 6px;
    min-width: 6px;
  }
  
  .sessiondatetimetooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .brunchtooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 20px;
    background-color: #171a1b;
    color: #d8d8d8;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
  }
  
  .brunchtitle3 {
    font-family: Oswald, sans-serif;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  .myeventsnamecontrols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .categoryiconspacerrightrepeater {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .tooltipup {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    margin-left: -170px;
    margin-right: -170px;
    bottom: 87%;
    z-index: 701;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .brunchbuttoncircle1 {
    position: relative;
  }
  
  .brunchbuttoncircle1label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 10px;
    min-height: 32px;
    min-width: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 77px;
    background-color: #171a1b;
    box-shadow: 1px 1px 7px -2px #171a1b;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
  }
  
  .tooltipcontainer {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .redlayer3 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-image: linear-gradient(317deg, #f3e1e3, transparent 23%);
  }
  
  .cellcontrols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .sessionnameandlink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .myeventseventinfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .redlayer2 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-image: linear-gradient(219deg, #f3e1e3, transparent 57%);
  }
  
  .brunchlink {
    text-decoration: unset;
    color: #000;
    line-height: 19px;
    cursor: pointer;
  }
  
  .brunchlink:hover {
    text-decoration: underline;
  }
  
  .bluelayercenter {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-image: radial-gradient(circle farthest-corner at 60% 50%, #e5edf0, transparent 47%);
  }
  
  .expandarrow {
    margin-top: -9px;
    font-size: 35px;
    line-height: 6px;
    cursor: pointer;
    /*padding-bottom: 28px;*/
  }
  .rotate180{
    transform:rotate(180deg)
  }
  .mspacer5 {
    width: 3.7vw;
    height: 3.7vw;
    max-height: 45px;
    max-width: 45px;
    min-height: 3.7vw;
    min-width: 3.7vw;
  }
  
  .sessionreports {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .spacerright {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .myeventssessionitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .homebgcolor {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-color: #fff;
    font-family: 'PT Serif', serif;
  }
  
  .myeventsviewroomscontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .categoryicons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .height23 {
    width: auto;
    height: 23px;
    min-width: 77px;
  }
  
  .categoryiconfilter {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 0.305vw solid #fff;
    cursor: pointer;
  }
  
  .iconcategorysmall {
    width: 2.3vw;
    height: 2.3vw;
    min-height: 2.3vw;
    min-width: 2.3vw;
    border: 0.305vw solid #fff;
  }
  
  .brunchred {
    background-color: #ff3349;
  }
  
  .editEventInput{
    border:unset; 
    background:rgba(255,255,255,0);
    border-radius: 5px;
    text-transform:uppercase
  }
  .editEventInput:focus{
    outline:unset;
  }
  
  
  
  
  
  .eventsmain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .linktonewmyevents {
    position: relative;
    text-align: center;
  }
  
  .eventscategoryrepeater {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .eventsmain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .linktonewmyevents {
    position: relative;
    text-align: center;
  }
  
  .eventscontentcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .eventsnewlabelcontainer {
    position: absolute;
    width: 100%;
  }
  
  .textcenter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
  
  .eventscontainercard {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 312px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  
  .eventscontainercard.glass7 {
    cursor: pointer;
  }
  
  .eventscontainercard.glass7:hover {
    box-shadow: 3px 3px 20px -5px rgba(56, 61, 63, 0.27);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    z-index: 601;
  }
  
  .eventsnewlabelspacerrright {
    position: relative;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .homecategories {
    box-shadow: 1px 1px 3px 0 #000;
  }
  
  .eventscontainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75vw;
    margin-right: -23px;
    margin-bottom: 23px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .categoryiconhome {
    height: 97px;
    min-width: 97px;
    border: 6px solid #fff;
  }
  
  .combodivs {
    display: none;
  }

  
  #my-events-block {
    margin-top: 6%;
  }
  
  .create_fullpagebackground {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 91vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
  }
  
  .body .create_2columnscontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_middlecolumn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  
  .body .create_divider {
    width: 1px;
    height: 79vh;
    background-color: #d8d8d8;
    margin-bottom: 3vh;
  }
  
  .body .create_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 37vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_circleyellow {
    width: 132px;
    height: 132px;
    border-radius: 100%;
    background-color: #ffc700;
  }
  
  .body .create_spacer1 {
    height: 50px;
  }
  
  .body .create_largetextgray {
    width: 60vw;
    font-family: Oswald, sans-serif;
    color: #9ca8ad;
    font-size: 37px;
    line-height: 112%;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
  }
  
  .body .checkboxTextGray{
    color: black;
    padding-top: 9px;
    font-weight: 14;
  }
  
  .body .divCheckIsTest{
    margin-top: -20px;
  }
  
  .body .create_smalltext {
    max-width: 360px;
    margin-top: -3px;
    margin-bottom: -3px;
    color: #000;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
  }
  
  .body .create_buttonblue {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 161px;
    height: 38px;
    border-radius: 11px;
    background-color: #0099d6;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px #00000059;

    /* Firefox-specific properties */
    display: -moz-box; 
    -moz-box-pack: center;
    -moz-box-align: center;
  }

  .createBtnLayoutSelected{
    height: 16vh !important;
  }
  
  .body .create_buttonblue:active {
    background-color: #0069c1;
  }
  
  .body .create_buttondarkblue{
    background-color: #0069c1 !important;
  }
  
  
  .body .create_spacer2 {
    width: 100px;
    height: 90px;
  }
  
  .body .create_spacer3 {
    width: 30px;
    height: 30px;
  }
  
  .body .create_spacer4{
    width: 30px;
    height: 5px;
  }
  
  .body .create_circleblue {
    width: 132px;
    height: 132px;
    border-radius: 100%;
    background-color: #0099d6;
  }
  
  .body .create_buttongray {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 177px;
    height: 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 11px;
    background-color: #383d3f;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
  }
  
  .body .create_buttongray:active {
    background-color: #171a1b;
  }
  
  .body .create_buttonyellow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 177px;
    height: 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 11px;
    background-color: #ffc700;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
  }
  
  .body .create_buttonyellow:active {
    background-color: #f5b000;
  }
  
  .body .create_eventname {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  
  .body .create_boxistest {
    width: 23px;
    height: 23px;
    border-style: solid;
    border-width: 1px;
    border-color: #0099d6;
    border-radius: 6px;
  }
  
  .body .create_istest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .body .create_progressbarblue {
    position: relative;
    z-index: 255;
    width: 237px;
    height: 6px;
    border-radius: 30px;
    background-color: #0099d6;
  }
  .body .fixNavBarLobby{
    margin-bottom: 0px !important;
  }
  
  .body .customDatePicker{
    height: 46px;
    border-radius: 10px;
    border-color:  #c3cdd1;
    border-style: solid;
    border-width: thin;
    text-align: center;
    outline: unset;
    width: 100%;
  }
  
  .body .blackText {
    color: black;
  }
  
  .body .errorBorder{
    border-color: red !important;
    border-style: solid !important;
    border-radius: 10px !important;
  }
  
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0099d6!important;
  }
  
  .custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #0099d6
  }
  .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #0099d6
  }
  .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    background-color: #75d8ff; 
  }
  
  .custom-control-label::before, .custom-control-label::after {
    width: 2.25rem;
    height: 2.25rem;
  }
  
  .custom-control-label{
    padding-left: 20px;
    padding-top: 4%;
  }
  
  .body .inputNameEvent{
    width: 100%;
    text-transform: uppercase;
  }
  
  .body .inputNameEvent:focus {
    color: black;
    outline: unset;
  }
  
  input::placeholder {
    color: #383d3f;
    opacity: 1;
  }
  
  textarea{
    height: 150px;
    vertical-align: top;
    resize: none;
    overflow: auto;


    color: inherit;
    font: inherit;
    font-style: inherit;
    font-variant-ligatures: inherit;
    font-variant-caps: inherit;
    font-variant-numeric: inherit;
    font-variant-east-asian: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    margin: 0;
  }
  
  .inputNameEvent::placeholder {
    color: #d8d8d8 !important;
    opacity: 1;
  }
  
  .body .inputScretKey{
    border-color: #c3cdd1;
    border-radius: 9px;
    border-style: solid;
    border-width: thin;
    height: 46px;
    text-align: center;
    outline: unset;
    width: 100%;
  } 
  
  .body input{
    color: #000000 !important;
  }
  
  .body textarea{
    color: #000000 !important;
  }
  
  .body .create_largetext {
    max-width: 360px;
    font-family: Oswald, sans-serif;
    color: #000;
    font-size: 37px;
    line-height: 112%;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    z-index: 99999;
  }
  
  .body .create_largetext.roomLayoutsText {
    max-width: 100vw;
    text-transform: uppercase;
  }
  
  .body .create_publicprivatecontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_2columnbuttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .body .create_back {
    position: absolute;
    left: 27px;
    top: 27px;
    right: auto;
    bottom: auto;
    color: #0069c1;
    font-weight: 300;
    cursor: pointer;
  }
  
  .body .create_eventnamecontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .body .create_header {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    height: 11vh;
    background-color: #383d3f00;
  }
  
  .body .create_secrettype {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 177px;
    height: 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-style: none;
    color: #9ca8ad;
  }
  
  .body .create_spacer5 {
    width: 177px;
    height: 100px;
  }
  
  .body .create_secretkey {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .body .create_publicprivatecontainerin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .body .create_whencontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_howlongcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_recordcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .body .create_spacer6 {
    display: none;
    width: 100px;
    height: 100px;
  }
  
  .body .create_spacer7 {
    display: none;
    width: 30px;
    height: 30px;
  }
  
  .body .create_layouts {
    width: 313px;
    height: 211px;
    background-color: #ffc700;
  }
  
  .body .create_layoutcontainerin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 90vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*overflow-y: hidden;*/
    max-height: 74vh;
  }
  
  .body .create_roomlayoutrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 90vw;
  }
  
  .body .create_sliding {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #0099d6;
  }
  
  .body .sliderow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 90vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .body .create_spacer37 {
    width: 30px;
    height: 71px;
  }
  
  .body .create_spacer32 {
    width: 30px;
    height: 25px;
  }
  
  .body .create_progressbarbg {
    width: 270px;
    height: 6px;
    margin-top: -6px;
    border-radius: 30px;
    background-color: #d8d8d8;
  }
  
  .body .create_date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .body .create_datetype {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 177px;
    height: 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-style: none;
    color: #9ca8ad;
  }
  
  .body .create_datetime {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .body .create_nextright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .body .create_layoutcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  /* The custom checkBoxcontainer */
  .checkBoxcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .checkBoxcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .checkBoxcontainer:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a background Color */
  .checkBoxcontainer input:checked ~ .checkmark {
    background-color:#eee;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkBoxcontainer input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkBoxcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  
  
  .roomLayoutItem{cursor: pointer;}
  
  .customBullet{
    background: #000 !important;
    width: 12px !important;
    height: 12px !important;
  }
  
  .plantitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .featureslist {
    margin-bottom: -7px;
  }
  
  .featuresrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .brunchbullet {
    width: 20px;
    height: 20px;
  }
  
  .mspacer3 {
    width: 0.36vw;
    height: 0.36vw;
    max-height: 6.57px;
    max-width: 6.57px;
  }
  
  .brunchlabel2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 25vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 15px;
  }
  
  .planlogo {
    width: 90px;
    height: 90px;
  }
  
  .planlogomark {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .image {
    width: 100%;
    height: 100%;
  }
  
  .image-2 {
    width: 100%;
    height: 100%;
  }
  
  .textheight19 {
    line-height: 19px;
  }
  
  .responsive_imagefill {
    border-radius: 7px;
  }
  
  .planmobilemessage {
    display: none;
  }
  
  .brunchlink2 {
    color: #fff;
    line-height: 19px;
    cursor: pointer;
  }
  
  .brunchlink2:hover {
    text-decoration: underline;
  }
  
  .brunchlink2:active {
    font-weight: 700;
  }
  
  .dmenucontainerin {
    width: 37vw;
    margin-right: 23px;
    padding-top: 23px;
    padding-right: 23px;
    padding-left: 23px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  
  .dmenumobile-items {
    display: none;
  }
  
  .image-5 {
    height: 100%;
  }
  
  .navbar {
    position: fixed;
    top: 0px;
    z-index: 2000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .navbar a{text-decoration: none;}
  
  .dmenucontainer {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: auto;
    z-index: 701;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-right: -170px;
    margin-left: -170px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .dmenuopener {
    position: relative;
  }
  
  .navbarlinks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .logo {
    width: 120px;
    height: 31.34px;
  }
  
  .navbardesktopmiddle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .navdesktopcornerlink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .navmobilecornerlink {
    display: none;
  }
  
  .hamburgerslice {
    width: 20px;
    height: 3px;
    background-color: #fff;
  }
  
  .hamburgermiddle {
    width: 20px;
    height: 3px;
  }
  
  .combostyles {
    display: none;
  }
  
  .darkglass7 {
    z-index: 2000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(23, 26, 27, 0.9);
    box-shadow: 1px 1px 7px -2px #383d3f;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .brunchtextdesc {
    line-height: 30px;
  }

  .notification50corner {
    position: fixed;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 227px;
    padding-right: 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }


  .editortopmovablearea{cursor:move;}
  .darkglass3 {overflow-x: hidden;}
  
  /*General Scrollbar Styling */
  ::-webkit-scrollbar {
    width: 5px;
  }
  ::-webkit-scrollbar-track {
    background-color: hsba(195, 15, 11, 0.7);
   -webkit-border-radius: 20px;
    border-radius: 20px;
  }
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: gray;
  }

  /*brunchScLightGray Scrollbar Styling */
  .brunchScLightGray::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: red;
  }


  
.carouselimage {
  width: 20.5vw;
  max-width: 313px;
  border-radius: 7px;
  box-shadow: 1px 1px 7px -4px #383d3f;
  cursor: pointer;
}

.carouselmosaic {
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  -ms-grid-columns: 2fr 2fr 2fr 2fr 2fr;
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  overflow: scroll;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 2fr 2fr 2fr 2fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  padding: 23px;
  height: 87%;
  scroll-behavior: smooth;
}

.carrousellabel {
  margin-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}

.image-4{
  width: 96%;
  padding: 2%;
  border-radius: 14px;
}

.brunchcarousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 79vh;
}

.iframeHelp{
  position: inherit;
  margin-top: -13vh;
  left: 0;
  width: 92vw;
  height: 89vh;
}
.carouselimage:hover {
  box-shadow: 3px 3px 20px -5px #383d3f;
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}
.panelsettings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1910px) {
  .carouselmosaic {
    -ms-grid-columns: 2fr 2fr 2fr 2fr;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    -ms-grid-rows: 2fr 2fr 2fr 2fr;
    grid-template-rows: 2fr 2fr 2fr 2fr;
  }
}

  @media screen and (max-height: 800px) {
    .w-layout-grid{
      height: 90%;
    }
    .brunchcarousel{
      max-height: 69vh;
      height: 113%;
    }
    
  }
  @media screen and (max-width: 991px) {
    .panelmaincontainerbg{
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    .mobileiosnavspacer {
      height: 36px;
    }
    .iframeHelp{
      width: 92vw;
      height: 72vh;
    }
    .responsive_chatcontainer{
      height: 65vh !important;
    }
    .body .create_layoutcontainerin{
      height: 40vh;
      /*overflow-y: hidden;*/
    }
    .carouselmosaic {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
    }
  
    .carouselimage {
      width: 19vw;
    }
  
    .optionmenucontainer {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .carrousellabel {
      line-height: 16px;
    }  
   
    .mobiledisplaynone {
      display: none
    }

    .dmenucontainer {
      margin-top: 18px;
      padding-right: 23px;
    }

    .brunchswitchlabelcontainer {
      line-height: 33px;
    }
  
    .panelmainv {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    .panelview {
      padding: 9px;
    }
  
    .viewgridmain {
      height: 47vh;
      margin-right: -9px;
    }
  
    .mspacer23 {
      width: 9px;
      height: 9px;
      min-height: 9px;
      min-width: 9px;
    }
  
    .eventtillemain {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .paneltab {
      height: 152px;
    }
  
    .brunchtitle1 {
      font-size: 17px;
      line-height: 19px;
    }

    .notification50centralizercontainer {
      left: 0%;
      top: 0px;
      right: 0%;
      bottom: auto;
      -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate(0px, 0px);
      z-index: 999999 !important;
    }
  
    .brunchtitle4 {
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: 17px;
      line-height: 19px;
    }

    .sessiondatetime {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .myeventsessionslistcontainer {
      margin-bottom: -9px;
    }
  
    .brunchtitle3 {
      font-size: 11px;
      line-height: 12px;
    }
  
    .tooltipup {
      margin-right: -100px;
      margin-left: -100px;
    }
  
    .expandarrow {
      cursor: pointer;
    }
  
    .myeventssessionitem {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .widthmobileextensor {
      width: auto;
      max-width: none;
      min-width: auto;
    }
  
    .eventscontainer {
      width: auto;
      margin-right: 0px;
      padding-bottom: 9px;
      padding-left: 9px;
    }
  
    .categoryiconhome {
      height: 70px;
      min-width: 70px;
      border-width: 5px;
    }
    
    .body .create_2columnscontainer {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .body .create_progressbarblue {
      width: 177px;
    }
  
    .body .create_progressbarbg {
      width: 237px;
    }

    .notification50corner {
      padding-top: 220px;
      padding-right: 9px;
    }
  
    .featureslist {
      display: none;
    }
  
    .planlogo {
      width: 50px;
      height: 50px;
    }
  
    .planmobilemessage {
      display: block;
    }

    .tooltiptopcontainer {
      width: 100px;
      text-align: center;
    }

    .brunchtextdesc {
      line-height: 20px;
    }
    
    .deckmobileheightspacer {
      height: 116px;
    }
  }

  @media screen and (max-width: 767px) {
    .deckmobileheightspacer {
      height: 116px;
    }

    .responsive_chathideshowcontainer {
      width: 89vw;
      margin-right: 6px;
      display: none;
    }
    

    .dmenudesktopitems {
      display: none;
    }
  
    .dmenucontainerin {
      width: 100vw;
    }
  
    .dmenumobile-items {
      display: block;
    }
  
    .dmenucontainer {
      margin-top: 23px;
    }
  
    .navbarlinks {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  
    .navbardesktopmiddle {
      display: none;
    }
  
    .navdesktopcornerlink {
      display: none;
    }
  
    .navmobilecornerlink {
      display: block;
    }

    .notification50corner {
      padding-top: 9px;
      padding-right: 9px;
      -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate(0px, 0px);
    }
  
    .featureslist {
      display: none;
    }
  
    .planlogo {
      width: 37px;
      height: 37px;
    }

    .brunchdropdowncontainer {
      display: none;
    }
  
    .brunchswitchlabelcontainer {
      line-height: 23px;
    }
  
    .avismall {
      width: 32px;
      height: 32px;
    }
  
    .viewgridmain {
      height: 41vh;
    }
  
    .eventtillemain {
      max-width: 90%;
    }

    .tooltiplabelup {
      width: 70%;
    }
  
    .tooltipcontainer {
      display: none;
    }

    .tooltipup {
      display: none;
    }
  
    .categoryiconhome {
      height: 60px;
      min-width: 60px;
    }

    .body .create_card {
      width: auto;
      padding-right: 3vw;
      padding-left: 3vw;
    }
  
    .body .create_layouts {
      width: 129px;
      height: 87px;
    }

    .customBullet {
      width: 7px !important;
      height: 7px !important;
    }

    .panelsettings {
      display: none;
    }
  }

  @media screen and (max-width: 479px) {
    .myeventsessionslistcontainer {
      margin-bottom: -6px;
    }

    .brunchbuttontooltip {
      visibility: visible;
    }
  
    .mspacer6balancerpotrait {
      display: block;
    }
  
    .w-layout-grid{
      grid-template-columns: 2fr 2fr;
    }

    .sessionnameandlink {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .myeventseventinfo {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .mspacer23 {
      width: 6px;
      height: 6px;
      min-height: 6px;
      min-width: 6px;
    }
  
    .expandarrow {
      line-height: 7px;
    }
  
    .sessionreports {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .iconcategorysmall {
      width: 5vw;
      height: 5vw;
      min-height: 5vw;
      min-width: 5vw;
      border-width: 0.33vw;
    }

    .brunchswitchlabelcontainer {
      font-size: 14px;
    }
  
    .panelmainv {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  
    .brunchlabel1 {
      line-height: 15px;
    }
  
    .cellcontent {
      width: 220px;
    }
  
    .panelview {
      padding: 6px;
    }
  
    .paneltabs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .verticallabel {
      margin-left: 7px;
    }
  
    .viewgridmain {
      height: 54vh;
      margin-right: -6px;
    }
  
    .viewsettings {
      display: none;
    }
  
    .panelsettings {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
     
    .eventtillemain {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  
    .paneltab {
      width: 33px;
    }
  
    .paneltab.glass {
      width: 33px;
    }

    .eventscontainer {
      padding-bottom: 6px;
      padding-left: 6px;
    }

    .body .create_fullpagebackground {
      width: 100vw;
      height: auto;
      min-height: 80vh;
    }
  
    .body .create_2columnscontainer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .body .create_column {
      width: 100vw;
    }
  
    .body .create_middlecolumn {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  
    .body .create_divider {
      width: 82vw;
      height: 1px;
    }
  
    .body .create_card {
      width: auto;
      padding: 6vh 9vw;
    }
  
    .body .create_spacer1 {
      height: 5vh;
    }
  
    .body .create_largetextgray {
      width: 70vw;
    }
  
    .body .create_spacer2 {
      height: 5vh;
    }
  
    .body .create_spacer3 {
      height: 5vh;
    }
  
    .body .create_buttongray {
      background-color: #383d3f;
    }
  
    .body .create_eventname {
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
    }
  
    .body .create_2columnbuttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .body .create_back {
      position: static;
      margin-left: 30px;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
    }
    .body #DivCreateRoomLayout .create_back {
      margin-top: 25px;
    }
  
    .body .create_spacer5 {
      display: none;
      height: 5vh;
    }
  
    .body .create_secretkey {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .body .create_spacer6 {
      display: block;
      height: 5vh;
    }
  
    .body .create_spacer7 {
      display: none;
      height: 5vh;
    }
  
    .body .create_layouts {
      width: 129px;
      height: 87px;
    }
  
    .body .create_spacer37 {
      display: none;
      height: 5vh;
    }
  
    .body .create_spacer32 {
      height: 5vh;
    }
  
    .body .create_datetime {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .body .create_nextright {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .notification50centralizercontainer {
      top: 50%;
      -webkit-transform: translate(0px, -50%);
      -ms-transform: translate(0px, -50%);
      transform: translate(0px, -50%);
      z-index: 999999 !important;
    }

    .notification50corner {
      left: 0%;
      top: 14%;
      padding-top: 0px;
      padding-right: 0px;
      -webkit-transform: translate(0px, -50%);
      -ms-transform: translate(0px, -50%);
      transform: translate(0px, -50%);
    }

    .featureslist {
      display: block;
    }

    .brunchlabel2 {
      line-height: 15px;
    }

    .planmobilemessage {
      display: none;
    }

    .dmenucontainer {
      margin-top: 24px;
    }
  
    .logo {
      width: 200px;
    }

    .brunchtextdesc {
      line-height: 30px;
    }

    .notificationcontent {
      width: 71vw;
    }

    .carouselmosaic {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      width: 92vw;
      padding: 3%;
    }
  
    .carouselimage {
      width: 40vw;
      height: 100%;
    }
  
    .mspacer23 {
      width: 6px;
      height: 6px;
      min-height: 6px;
      min-width: 6px;
    }
  
    .optionmenucontainer.darkglass {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .brunchcarousel{
      width: 90vw;
      max-height: 50vh;
    }

    .mobileiosnavspacer {
      display: none;
    }
  
    .chat_typingfeature {
      max-width: 100%;
      margin-bottom: 6px;
    }
  
    .responsive_screencamcontainer {
      max-height: none;
      margin-bottom: -6px;
      padding-bottom: 6px;
    }
  
    .responsive_chatcontainer {
      z-index: 10000;
      height: 50vh;
      justify-content: center;
      position: fixed;
      top: 50%;
      bottom: 0%;
      left: auto;
      right: 0%;
      transform: translate(0, -50%);
      transition: right 0.7s cubic-bezier(0, 0.6, 0.32, 0.95) 0s;
    }

    .responsive_chatcontainer.hideChatPortrait {
      right: -91%;
    }

    .responsive_chatcontainer.showChatPortrait {
      right: 0;
    }
  
    .responsive_chatsideicon {
      height: 100%;
    }
  
    .responsive_textchatinner {
      margin-bottom: 6px;
    }
  
    .deckmobileheightspacer {
      display: none;
    }
  
    .responsive_chatcontainersub {
      background-color: rgba(255, 255, 255, .94);
      flex: 0 auto;
      justify-content: space-between;
      padding: 12px;
    }
  
    .responsive_chatfieldclick {
     /*  padding-left: 6px;
      padding-right: 6px; */
    }
  
    .responsive_chathideshowcontainer {
      width: 89vw;
      margin-right: 6px;
    }
  
    .dynamic_chatcontainer {
      height: auto;
    }
  
    .dyamic_chat_typingfeature {
      margin-bottom: 6px;
    }
  }

  #component_chatv3_input_sendmessage::placeholder {
    color: #383d3f;
    opacity: 1;
    text-align: left;
    display: block;
  }

  /* Firefox */
  #component_chatv3_input_sendmessage::-moz-placeholder {
    text-align: left;
    display: block;
  }

  /* Chrome, Safari */
  #component_chatv3_input_sendmessage::-webkit-input-placeholder {
    text-align: left;
    display: block;
  }

  /* IE */
  #component_chatv3_input_sendmessage:-ms-input-placeholder {
    text-align: left;
    display: block;
  }

  /* Edge */
  #component_chatv3_input_sendmessage::-ms-input-placeholder {
    text-align: left;
    display: block;
  }  
@media (max-height: 500px) and (orientation: landscape) {
  .brunchbuttontooltip {
    visibility: visible;
  }
}