body {
  margin: 0;
  font-family: Roboto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@-webkit-keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.Toastify__progress-bar--animated {
  -webkit-animation: Toastify__trackProgress linear 1 forwards;
          animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  -webkit-transform-origin: right;
          transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@-webkit-keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  -webkit-animation-name: Toastify__bounceInLeft;
          animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  -webkit-animation-name: Toastify__bounceInRight;
          animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  -webkit-animation-name: Toastify__bounceInDown;
          animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  -webkit-animation-name: Toastify__bounceInUp;
          animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  -webkit-animation-name: Toastify__bounceOutLeft;
          animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  -webkit-animation-name: Toastify__bounceOutRight;
          animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  -webkit-animation-name: Toastify__bounceOutUp;
          animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  -webkit-animation-name: Toastify__bounceOutDown;
          animation-name: Toastify__bounceOutDown;
}

@-webkit-keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  -webkit-animation-name: Toastify__zoomIn;
          animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  -webkit-animation-name: Toastify__zoomOut;
          animation-name: Toastify__zoomOut;
}

@-webkit-keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  -webkit-animation-name: Toastify__flipIn;
          animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  -webkit-animation-name: Toastify__flipOut;
          animation-name: Toastify__flipOut;
}

@-webkit-keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@-webkit-keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  -webkit-animation-name: Toastify__slideInLeft;
          animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  -webkit-animation-name: Toastify__slideInRight;
          animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  -webkit-animation-name: Toastify__slideInDown;
          animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  -webkit-animation-name: Toastify__slideInUp;
          animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  -webkit-animation-name: Toastify__slideOutLeft;
          animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  -webkit-animation-name: Toastify__slideOutRight;
          animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  -webkit-animation-name: Toastify__slideOutUp;
          animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  -webkit-animation-name: Toastify__slideOutDown;
          animation-name: Toastify__slideOutDown;
}

/*# sourceMappingURL=ReactToastify.css.map */
:root {
  --cobuDarkBlue: #272163;
  --cobuWhite: white;
  --cobuYellow: #fec100;
  --cobuLightGrey: #f9f8fa;
  --cobuGreen: rgba(52, 236, 22, 1);

  --cobuLightGreyPointZeroThree: rgba(39, 33, 99, 0.03);
  --cobuLightGreyPointZeroFive: rgba(39, 33, 99, 0.05);
  --cobuLightGreyPointOne: rgba(39, 33, 99, 0.1);
  --cobuLightGreyPointTwo: rgba(39, 33, 99, 0.2);
  --cobuLightGreyPointThree: rgba(39, 33, 99, 0.3);
  --cobuLightGreyPointFive: rgba(39, 33, 99, 0.5);
  --cobuLightGreyPointSix: rgba(248, 248, 248, 1);
  --cobuLightGreyPointSeven: rgba(173, 174, 181, 1);
  --cobuLightGreyPointEigth: rgba(221, 221, 221, 1);
  --cobuDarkBlueDisable: rgba(118, 118, 118, 0.3);
  --cobuBlack50: #00000080;

  --cobuBlack: #171341;
  --cobuTurquoise: #16bbd2;
  --cobuTurquoiseLight: rgba(22, 187, 210, 0.8);
  --cobuRed: #ec1659;
  --cobuPurple: #a031e4;
  --cobuWarning: #e45a5a;
  --cobuLightLightGrey: #504a8a;
  --cobuError: #ef4a4a;
  --cobuErrorPointOne: rgba(239, 74, 74, 0.1);
  --iconInfoWarning: #fe8900;
  --tooltipText: #fcfbfd;

  --headerHeight: 80px;
  --footerHeight: 85px;

  --zIndexDropdown: 2;
  --zIndexModal: 3;
  --cobuLightYellow: #fff5d7;
}

.pointer {
  cursor: pointer !important;
}

.border-red {
  border: 2px solid var(--cobuError) !important;
}

.position-relative {
  position: relative !important;
}

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

.display-none {
  display: none !important;
}

.display-flex {
  display: flex;
}

.color-light-grey-5 {
  color: var(--cobuLightGreyPointFive) !important;
}

.color-danger {
  color: var(--cobuRed);
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-size-24 {
  font-size: 24px;
}

.weight-500 {
  font-weight: 500 !important;
}

.bold {
  font-weight: bold;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-top-8 {
  margin-top: 8px;
}

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

.margin-top-24 {
  margin-top: 24px;
}

.margin-top-32 {
  margin-top: 32px;
}

.margin-right-8 {
  margin-right: 8px;
}

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

.margin-right-24 {
  margin-right: 24px;
}

.margin-right-32 {
  margin-right: 32px;
}

.margin-right-40 {
  margin-right: 40px;
}

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

.margin-bottom-8 {
  margin-bottom: 8px;
}

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

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-24 {
  margin-left: 24px;
}

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

.margin-right-40 {
  margin-right: 40px;
}

.modal-title {
  margin: 0;
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--cobuDarkBlue);
}

.modal-text {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--cobuDarkBlue);
}

.modal {
  position: fixed;
  z-index: var(--zIndexModal);
  margin-top: 13%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
}

.modal-content {
  background-color: var(--cobuWhite);
  padding: 40px;
  border-radius: 6px;
  margin: 0px 15px;
}

.modal-small-text {
  font-family: Roboto;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(39, 33, 99, 0.5);
}

.content-container {
  padding: 16px 122px 0 122px;
}

h2 {
  color: var(--cobuDarkBlue);
  font-size: 32px;
}

.height-20 {
  height: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.height-50 {
  height: 50px;
}

.height-35 {
  height: 35px;
}

.font-style-normal {
  font-style: normal;
}

.modal-width {
  width: '668px !important';
}

.checkboxlayout input {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
}

.checkboxlayout p {
  float: left;
  margin-left: 10px;
  margin-top: 25px;
}

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

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

.warning-background {
  background-color: var(--cobuWarning);
}

.cobu-dark-blue-background {
  background-color: var(--cobuDarkBlue);
}

.cobu-turquoise-background {
  background-color: var(--cobuTurquoiseLight);
}
.cobu-gray-background {
  background-color: rgba(39, 33, 99, 0.5);
}

.light-grey-text {
  color: rgba(39, 33, 99, 0.5);
}

.underline {
  text-decoration: underline;
}

.default-text {
  color: var(--cobuDarkBlue);
}

.tableContainer {
  overflow: scroll;
  border: 2px solid rgba(39, 33, 99, 0.1);
  border-radius: 8px;
}

.tableContainer::-webkit-scrollbar {
  display: none;
}

.tableContainer {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

button,
a {
  cursor: pointer;
}

button {
  color: var(--cobuDarkBlue);
  text-align: center;
  border-radius: 8px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

button:disabled,
button[disabled] {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

input,
select,
textarea {
  height: auto;
  border: 0;
  border-radius: 6px;
  border: 1px solid var(--cobuLightGreyPointTwo);
  background-color: var(--cobuWhite);
  color: var(--cobuDarkBlue);
  padding: 0;
  padding-left: 15px;
  font-size: 18px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 22px;
}

input,
textarea,
select {
  min-height: 32px;
  font-size: 16px;
}

input:not(.event-datetime-selector)[type='datetime-local']::-webkit-calendar-picker-indicator {
  background: none;
}

input[type='datetime-local'] {
  background: url(/static/media/arrow-down.31b9f7a7.svg) no-repeat right;
  background-position: right 16px top 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input.event-datetime-selector[type='datetime-local']::-webkit-calendar-picker-indicator {
  /* background: none; */
  width: 56px;
  height: 14px;
  padding: 9px 0px 9px 8px;
  border-left: solid 1px var(--cobuLightGreyPointTwo);
  cursor: pointer;
}

input.event-datetime-selector {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

input.event-datetime-selector[type='date']::-webkit-calendar-picker-indicator {
  /* background: none; */
  width: 56px;
  height: 14px;
  padding: 9px 0px 9px 8px;
  border-left: solid 1px var(--cobuLightGreyPointTwo);
  cursor: pointer;
}

input.event-datetime-selector[type='date'] {
  background: url(/static/media/arrow-down.31b9f7a7.svg) no-repeat right;
  background-position: right 16px top 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='radio'] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 20px;
  padding: 4px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #272163;
  min-height: 0;
  outline: none;
  margin-right: 8px;
}

/* appearance for checked radiobutton */
input[type='radio']:checked {
  background-color: #272163;
}

input[type='checkbox'].cobu-checkbox {
  /* remove standard background appearance */
  -webkit-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 20px;
  padding: 4px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #272163;
  min-height: 0;
  outline: none;
  margin-right: 8px;
}

/* appearance for checked radiobutton */
input[type='checkbox'].cobu-checkbox:checked {
  background-color: #272163;
}

select {
  /* width: 100%; */
  border: 1px solid var(--cobuLightGreyPointTwo);
  padding-right: 35px;
  background: url(/static/media/arrow-down.31b9f7a7.svg) no-repeat right;
  background-position: right 16px top 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  resize: none;
  height: auto;
  padding: 0.5rem;
  min-height: 100px;
}

input[type='text']:focus,
input[type='password']:focus {
  outline: none;
}

input:focus,
select:focus,
textarea:focus,
.dropzone:focus {
  border: 1px solid #272163;
  outline: none !important;
}

label {
  font-size: 14px;
  line-height: 16px;
  color: rgba(39, 33, 99, 0.5);
}

h1,
h2,
h3,
h4,
h5,
p {
  color: var(--cobuDarkBlue);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.h1-title {
  font-weight: 400;
  font-size: 32px;
  line-height: 37px;
  margin: 24px 0;
}

p {
  font-weight: normal;
}

a[href^='mailto'] {
  color: var(--cobuTurquoise);
}

#footer {
  height: var(--footerHeight);
  background-color: var(--cobuDarkBlue);
  margin: 0px;
  text-align: center;
  padding: 24px;
  height: auto;
}

#footer > .version {
  color: var(--cobuWhite);
}

#footer > .footer-content {
  color: var(--cobuWhite);
  font-size: 14px;
  font-weight: 500;

  margin: 0px;
}

.btn-primary {
  background-color: var(--cobuYellow);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.btn-secondary {
  background-color: var(--cobuLightGreyPointOne);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.btn-danger {
  background-color: var(--cobuRed);
  color: white;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.btn-large {
  height: 60px;
  border: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.btn-small {
  height: 30px;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.btn-standard {
  min-height: 35px;
  height: auto;
  min-width: 72px;
  width: auto;
  padding: 12px;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.btn-secondary2 {
  background-color: #3424c2;
  color: var(--cobuWhite);
}

.btn-ghost {
  border: none;
  background: transparent;
}

.btn-ghost:hover {
  text-decoration: underline;
}

.dropzone {
  background: var(--cobuLightGreyPointZeroThree);
  border-radius: 8px;
  border: 1px dashed var(--cobuLightGreyPointTwo);
}

.content-container {
  padding: 16px 122px 0 122px;
}

.form-error {
  color: var(--cobuRed);
  font-weight: 500;
}

.toast {
  background-color: var(--cobuDarkBlue);
  padding: 16px 32px;
  border-radius: 8px;
  color: var(--cobuWhite);
}

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

.Toastify__toast-body {
  background-color: var(--cobuDarkBlue);
  padding: 16px 32px;
  border-radius: 8px;
  color: var(--cobuWhite);
  margin: 0;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Toastify__progress-bar--animated {
  opacity: 0 !important;
}

.Toastify__toast-container {
  background-color: transparent;
  bottom: 100px;
  right: 122px;
}

.Toastify__close-button {
  display: none;
}

.Toastify__toast--default {
  background-color: transparent;
  padding: 0;
}

@-webkit-keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.search {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: 40px;
  border-radius: 8px;
  border: 1px solid var(--cobuLightGreyPointOne);
}

.search-expanded {
  position: relative;
  border: 0;
}

.search-expanded input {
  height: 43px;
  max-width: 320px;
  padding-left: 40px;
  border: 1px solid var(--cobuLightGreyPointOne);
  width: 320px;
}

.search-small {
  position: relative;
  border: 0;
}

.search-small input {
  height: 43px;
  max-width: 160px;
  padding-left: 40px;
  border: 1px solid var(--cobuLightGreyPointOne);
}

.search-input {
  margin: 0 8px 0 0;
  width: 100%;
  min-height: unset;
  border: 0;
  font-family: Roboto;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}


.search-input:focus {
  border: 0 !important;
}

.search-input::-webkit-input-placeholder {
  color: var(--cobuLightGreyPointFive);
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
}

.search-input:-ms-input-placeholder {
  color: var(--cobuLightGreyPointFive);
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
}

.search-input::placeholder {
  color: var(--cobuLightGreyPointFive);
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
}

.search-icon {
  position: absolute;
  left: 15px;
  top: 13px;
}

.text-elipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-button {
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 4px;
  padding: 4px 12px 4px 12px;
  margin: 0 auto;
  background-color: var(--cobuLightGreyPointOne);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
}

.center-aligned {
  display: flex;
  justify-content: center;
  align-content: center;
}

.noData {
  border: 2px solid var(--cobuLightGreyPointOne);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px;
}

.menu-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.tab-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.tab-text {
  color: var(--cobuDarkBlue);
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.float-spinner-parent {
  position: relative;
}

.noraml {
  font-weight: 400;
}

.semi-bold {
  font-weight: 500;
}

.bold {
  font-weight: 800;
}

.label {
  font-size: 14;
}

.paragraph {
  font-size: 16px;
}

.sub-heading {
  font-size: 18px;
}

.heading {
  font-size: 26px;
}

.heading2 {
  font-size: 24px;
}

.heading3 {
  font-size: 22px;
}

.heading4 {
  font-size: 20px;
}

.title {
  font-size: 32px;
}

.cursor-pointer {
  cursor: pointer;
}

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


.underline-text {
  text-decoration: underline;
}

.linethrough-text {
  text-decoration: line-through;
}

.right-margin {
  margin-right: 10px;
}

.right-left {
  margin-left: 10px;
}
html * {
  font-family: Roboto;
}

#main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#page {
  min-height: calc(100vh - var(--headerHeight) - var(--footerHeight));
  width: 100%;
}

.input-field-container {
  margin-bottom: 4px;
}

.submit-button {
  height: 60px;
  border: 0;
  border-radius: 12px;
  background-color: var(--cobuYellow);
  color: var(--cobuDarkBlue);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
}

::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: var(--cobuLightGreyPointFive);
}

:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: var(--cobuLightGreyPointFive);
}

::placeholder {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: var(--cobuLightGreyPointFive);
}

.error-text {
  color: var(--cobuWarning);
}

.error-border {
  border: 3px solid var(--cobuWarning);
}

.form-field-error-box {
  color: var(--cobuWarning);
  font-weight: 500;
  font-size: 14px;
  height: 20px;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.cobu-text {
  font-size: 20px;
  font-weight: 400;
  color: var(--cobuWhite);
  margin-top: 10px;
}

.overlay-with-modal {
  display: flex;
  justify-content: center;
}

.small-text {
  font-size: 14px;
  line-height: 19px;
  color: var(--cobuDarkBlue);
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: var(--cobuLightGreyPointOne);
}

::-webkit-scrollbar-thumb {
  background: var(--cobuLightGreyPointFive);
}

.profile-image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.cobu-royal-table-head {
  background-color: var(--cobuLightGreyPointFive) !important;
  color: white !important;
  font-weight: bold;
}

th.cobu-royal-table-head {
  border-right: solid 1px white;
}

.textAlignStart {
  text-align: start;
}

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

.flex-row {
  display: flex;
  display: flex-row;
}

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

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

.justify-start {
  justify-content: flex-start;
}

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

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

.bullet {
  position: absolute;
  padding: 4px 8px;
  z-index: 2;
  background: var(--cobuYellow);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2;
}

.color-warning {
  color: var(--cobuWarning);
}

.color-dark-blue {
  color: var(--cobuDarkBlue);
}

.full-width {
  width: 100%;
}

.text-capitalize {
  text-transform: capitalize;
}

.blink {
  -webkit-animation: blinker 1.5s linear infinite;
          animation: blinker 1.5s linear infinite;
}

@-webkit-keyframes blinker {
  50% {
    opacity: 0.2;
  }
}

@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}

#header {
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: space-between;
  color: var(--cobuWhite);
  background-color: var(--cobuDarkBlue);
  height: var(--headerHeight);
  padding: 0 122px;
}

.logo {
  width: 100px;
}

.logout-button {
  margin-right: 122px;
  width: 100px;
  height: 30px;
  border-radius: 7px;
  border: none;
  background-color: var(--cobuYellow);
  color: var(--cobuWhite);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.header-nav-menu {
  display: flex;
  flex-direction: row;
  flex: 1 1;
  justify-content: flex-end;
  grid-gap: 40px;
  gap: 40px;
}

.menu-item {
  color: #FFF
}
.dropdown-content {
  position: absolute;
  right: 0px;
  top: 60px;
  padding: 16px;
  min-width: 110px;
  background: var(--cobuWhite);
  border: 2px solid var(--cobuLightGreyPointOne);
  box-sizing: border-box;
  border-radius: 12px;
  z-index: var(--zIndexDropdown);
}

.info-text {
  color: var(--cobuYellow);
  font-weight: bold;
  font-size: 16px;
}

.user {
  color: var(--cobuLightGreyPointFive);
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  margin: 8px 0;
}

.log-out {
  color: var(--cobuDarkBlue);
  font-weight: bold;
  font-size: 16px;
}

.minWidth150 {
  width: 150px;
}

.menuIcons {
  min-width: 80px;
}

.floatLeft {
  float: left;
}

.dropdown-actions-btn-unselected {
  background-color: white;
}

.dropdown-actions-btn-selected {
  background-color: white;
}

.dropdown-actions-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border-style: solid;
  border-width: 0.5px;
  border-color: lightgray;
  height: 30px;
  padding: 4px 12px 4px 12px;
  font-size: 14px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-actions-dropdown {
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 4px;
  position: absolute;
  width: 150px;
  background: white;
  box-shadow: 0px 0px 6px 0px rgba(39, 33, 99, 0.1);
  z-index: 99;
}

.dropdown-actions-option {
  padding: 8px 0 8px 16px;
  font-size: 14px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-actions-option:hover {
  background-color: #efeff3;
}

.more-actions-btn {
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 4px;
  padding: 4px 12px 4px 12px;
  background-color: rgba(39, 33, 99, 0.1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.more-actions-btn-unselected {
  background-color: rgba(39, 33, 99, 0.1);
}

.more-actions-btn-selected {
  color: white;
  background-color: var(--cobuDarkBlue);
}

.more-actions-dropdown {
  margin-top: 4px;
  padding: 8px;
  position: absolute;
  width: auto;
  background: white;
  box-shadow: 0px 0px 6px 0px rgba(39, 33, 99, 0.1);
}

.more-actions-option {
  padding: 6px 0 6px 16px;
  font-size: 14px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.more-actions-option:hover {
  background-color: #efeff3;
}

.NotFound_container__PScWX {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: var(--cobuDarkBlue);
  padding-top: 74px;
}

.NotFound_title__1Oxqn {
  font-weight: 900;
  font-size: 100px;
  line-height: 117px;
}

.NotFound_text__2P0O1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}

.Spinner_spinner__1Neu5 {
  display: flex;
  justify-content: center;
  margin-bottom: 35px;
}

.Spinner_floatSpinner__36mUW {
  overflow:auto;
  position:absolute;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0, 0.7);
  z-index: 99;
}
.buildinglist-container {
  padding: 50px;
}

.buildinglist-title {
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--cobuDarkBlue);
  margin: 0 0 20px 0;
}

.buildinglist-grid {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 32px;
  gap: 32px;
}

.button-container {
  display: flex;
  width: 189px;
}

.button-width {
  width: 189px;
}

.building-header-buttons {
  display: flex;
  flex-direction: row;
}

.HorizontalList_componentWrapper__1ChXW > div {
    margin-right: 24px
}
.OverviewCard_wrapper__GnPHN {
  padding: 8px 16px;
  border: solid 1px transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 80px;
  border-radius: 4px;
  cursor: pointer;
}

.OverviewCard_wrapper__GnPHN {
  border: solid 1px var(--cobuLightGreyPointThree);
}

.OverviewCard_wrapper__GnPHN > div {
  margin: 8px;
}

div.OverviewCard_extradetails__1EBkA i
{
  
  display: block;
  clear: both;
  margin: 3px;
  color:grey;

}


.red {
  background-color: var(--cobuRed);
  color: var(--cobuWhite);
}

.yellow {
  background-color: var(--cobuYellow);
  color: var(--cobuDarkBlue);
}

.green {
  background-color: var(--cobuGreen);
  color: var(--cobuDarkBlue);
}

.pagination {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
}

.main-header {
  border-bottom: 2px solid rgba(39, 33, 99, 0.1);
  background-color: #f4f4f8;
  font-size: 16px;
  font-weight: bold; 
  text-align: center;
  padding: 12px 10px; 
}

.sub-header {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 8px 10px;
}
.CobuTableAdvanced_searchPosition__3b32D {
  position: absolute;
  right: 123px;
  top: 203px;
  display: flex;
  align-items: center;
}

.CobuTableAdvanced_flexRow__3Si6e {
  display: flex;
  flex-direction: row;
  grid-column-gap: 20px;
  -webkit-column-gap: 20px;
          column-gap: 20px;
  align-items: center;
}

.CobuTableAdvanced_noData__3Rzow {
  border: 2px solid var(--cobuLightGreyPointOne);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px;
}

.CobuTableAdvanced_titleLabel__3gNJB {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
}

.CobuTableAdvanced_highlightSearch__Vkb_u {
  border: 2px solid var(--cobuLightGreyPointOne);
}

.CobuTableAdvanced_searchInput__3UcxW {
  margin: 0 8px 0 0;
  width: 150%;
  min-height: unset;
  border: 0;
  font-family: Roboto;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
}

.CobuTableAdvanced_searchInput__3UcxW:focus {
  border: 2px solid var(--cobuYellow);
}
.tableHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  grid-column-gap: 25px;
  -webkit-column-gap: 25px;
          column-gap: 25px;
  margin: 10px 0;
}

.tableTitle {
  color: var(--cobuDarkBlue);
}

.switchSelected {
  background-color: var(--cobuDarkBlue);
  color: var(--cobuWhite);
}

.defaultSwitch {
  color: rgba(39, 33, 99, 0.5);
}

.assignment-tags {
  overflow: auto;
}

.CobuSwitcher_firstSwitch__OJVn- {
  border-radius: 10px 0 0 10px;
}

.CobuSwitcher_lastSwitch__1O8c7 {
  border-radius: 0 10px 10px 0;
}

.CobuSwitcher_switch__1rBeU {
  border-radius: 0;
  border-left: none !important;
  border-right: none !important;
}

.CobuSwitcher_switchGeneral__3U7DR {
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px;
  width: 194px;
  color: rgba(39, 33, 99, 0.5);
  border: 2px solid rgba(39, 33, 99, 0.1);
}

.CobuSwitcher_switchSelected__1jm3A {
  background-color: var(--cobuDarkBlue);
  color: var(--cobuWhite);
}

.CobuTooltip_tooltip__1C4Q9 {
  padding: 16px !important;
  background-color: var(--cobuDarkBlue) !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  color: var(--tooltipText) !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 21px !important;
  max-width: 50vw;
  white-space: break-spaces;
  word-wrap: break-word;
}

.BuildingCard_buildingCardContainer__3G4ST {
  display: flex;
  flex-direction: column;
}

.BuildingCard_buildingCard__2Pr7c {
  position: relative;
  width: 275px;
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
}

.BuildingCard_buildingCardImg__2xo1s {
  display: block;
  width: 275px;
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.BuildingCard_buildingCard-icon__3AZnt {
  width: 135px;
  height: 140px;
}

.BuildingCard_buildingCardOverlay__znHm8 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(39, 33, 99, 0.4);
}

.BuildingCard_buildingCard__2Pr7c:hover .BuildingCard_buildingCardOverlay__znHm8 {
  opacity: 1;
}

.BuildingCard_buildingCardTitle__fPv5u {
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--cobuDarkBlue);
  max-width: 275px;
  margin: 8px 0 0 0;
}

.BuildingCard_defaultImageBuilding__2nCEr {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cobuLightGreyPointOne);
}

.BuildingCard_defaultImageBuilding__2nCEr > svg {
  fill: var(--cobuLightGreyPointOne);
}

.BuildingCard_defaultImageBuilding__2nCEr:hover > svg {
  fill: var(--cobuDarkBlue);
  transition: 0.5s ease;
}

.ForgottenPasswordForm_errorContainer__jybSj {
  background-color: white;
  color: var(--cobuDarkBlue);
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  font-weight: 500;
}

.ForgottenPasswordForm_errorMessage__nwQhB {
  margin-left: 16px;
}

.ForgottenPasswordContainer_passwordContainer__2n7p6 {
  background-color: var(--cobuDarkBlue);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ForgottenPasswordContainer_left__EcjBe {
  margin: auto;
}

.ForgottenPasswordContainer_right__okv-r {
  max-width: 420px;
  margin-left: 64px;
  color: white;
  display: flex;
  flex-direction: column;
}

.ForgottenPasswordContainer_info__3hMw6 {
  flex-basis: 100%;
}

.ForgottenPasswordContainer_successContainer__3uRD6 {
  background-color: white;
  color: var(--cobuDarkBlue);
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  font-weight: 500;
}

.GatheringForm_gridContainer__3WtPo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
}

.GatheringForm_item__2whCz {
  display: flex;
  flex-direction: column;
}

.GatheringForm_title__1G7ww {
  color: var(--cobuDarkBlue);
}

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

.GatheringForm_flexColumn__3esjj {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

.GatheringForm_flexRow__38o7x {
  display: flex;
  flex-direction: row;
}

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

.GatheringForm_formButtons__1GZFL {
  display: flex;
  flex-direction: row-reverse;
}

.GatheringForm_radioInpuContainer__1JRAD {
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--cobuLightGreyPointTwo);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 18px;
}

.GatheringForm_disabled__3NwSQ {
  opacity: 0.3;
  border-color: var(--cobuDarkBlueDisable);
}

.GatheringForm_rsvpRequiredContainer__1cFVU {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr;
  grid-gap: 0px 24px;
  gap: 0px 24px;
  grid-template-areas: 'rsvpRequired attendees';
}

.GatheringForm_rsvpRequired__XBMD3 {
  grid-area: rsvpRequired;
}

.GatheringForm_attendees__3z50v {
  grid-area: attendees;
}

p {
  font-size: 14px;
  line-height: 16px;
  color: rgba(39, 33, 99, 0.5);
}

.GatheringForm_span__1gXr6 {
  font-size: 12px;
  color: rgba(39, 33, 99, 0.5);
}

.GatheringForm_borderedSection__z6ymu {
  padding: 12px;
  background: rgba(39, 33, 99, 0.03);
  border-radius: 4px;
  border: solid 1px lightgray;
}

.GatheringForm_unborderedSection__1IeWf {
  padding: 12px 0px;
}

.ImageDropzone_dropzoneWrapper__yeXr1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 193px;
  min-width: 500px;
  cursor: pointer;
}

.ImageDropzone_dropzoneWrapper__yeXr1 p {
  color: var(--cobuDarkBlue);
}

.ImageDropzone_preview__2D2WJ {
  max-height: 40vh;
  padding: 16px 16px 8px 16px;
  width: -webkit-fill-available;
}

.ImageDropzone_dropImageText__1I83E {
  margin-top: 15px;
}

.row:hover {
  background-color: rgba(39, 33, 99, 0.05);
}
.creatorContainer {
  display: flex;
  justify-content: center;
}
.GenericModal_hide__grhOp {
  display: none;
}

.GenericModal_overlay__16ngp {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--cobuBlack50);
  color: var(--cobuDarkBlue);
  z-index: var(--zIndexModal);
  opacity: 1;
}

.GenericModal_modal__2Lt4I {
  padding: 40px;
  position: fixed;
  z-index: var(--zIndexModal);
  width: 668px;
  border-radius: 6px;
  background-color: var(--cobuWhite);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.GenericModal_overflowAutoScroll__3JOaC {
  overflow: scroll;
}

.GenericModal_modalStretch__lDVt- {
  position: fixed;
  z-index: var(--zIndexModal);
  width: 668px;
  position: relative;
  margin: 10% auto;
  border-radius: 6px;
  background-color: var(--cobuWhite);
}

.GenericModal_buttons__NxlrW {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.GenericModal_buttonsStretch__xZg-D {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  padding-bottom: 10px;
  margin-right: 25px;
}

.GenericModal_modalTitle__3qN-2 {
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 16px;
  color: var(--cobuDarkBlue);
}

.GenericModal_headerContainer__3Cn2e {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.GenericModal_modalContainer__1SH8_ {
  max-height: 75vh;
}

.TextDelimeter_paragraph__DhEXF {
  color: var(--cobuLightGreyPointFive);
}
.TextDelimeter_content__g68bA {
  white-space: normal;
  white-space: initial;
}

.TextDelimeter_seeMessage__1zun7 {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  color: #272163;
}

.GatheringsTable_star__2ovyv {
    width: 20px;
}

.GatheringsTable_ratingContainer__2RalT {
    display: flex;
    align-items: center;
    grid-column-gap: 4px;
    -webkit-column-gap: 4px;
            column-gap: 4px;
}

.GatheringsTable_starsContainer__YZWZD {
    padding-top: 3px;
  }
.Breadcrumbs_crumbContainer__3Pv8e {
  display: flex;
  align-items: center;
}

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

.Breadcrumbs_link__1UErd {
  color: var(--cobuLightGreyPointFive);
  text-decoration: none;
}

.Breadcrumbs_selected__L8PUE {
  color: var(--cobuDarkBlue);
  text-decoration: none;
}

.Breadcrumbs_hide__1XYd- {
  display: none;
}

.Breadcrumbs_banner__pYLfE {
  background: var(--cobuLightGreyPointOne);
  border-radius: 4px;
  padding: 4px 8px;
}
.Breadcrumbs_bannerText__n5c6b {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin: 4px 8px;
  color: var(--cobuDarkBlue);
}

.GatheringFormContainer_container__24lpN {
  padding: 12px 120px;
}

.GatheringFormContainer_crumbContainer__1jaN8 {
  padding: 12px 0;
}

.GatheringRSVPs_container__2v8-Y {
  padding: 0 122px 0 122px;
  margin-top: 32px;
}

.GatheringRSVPs_btnCustom__aGNwv {
  width: auto;
  min-height: auto;
  font-weight: 500;
  text-decoration: none;
  color: var(--cobuDarkBlue);
  border-radius: 12px;
}

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

.GatheringRSVPs_controlAction__2ztmL {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.GatheringRSVPs_upcomingEventsDates__3FcIS {
  padding: 8px;
  border-radius: 8px;
  border: solid 1px var(--cobuYellow);
  color: var(--cobuDarkBlue);
}

.GatheringRSVPs_starsContainer__3mbge {
  padding-top: 3px;
}

.GatheringRSVPs_star__1PoEt {
  width: 20px;
}

.ServerErrorPage_container__33bEx {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: var(--cobuDarkBlue);
  padding-top: 74px;
}

.ServerErrorPage_title__3ZlBV {
  font-weight: 900;
  font-size: 100px;
  line-height: 117px;
}

.ServerErrorPage_text__4ShV9 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}

.gatherings-container {
  padding: 24px 122px 0 122px;
}

.gatherings-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: 194px;
  border: 2px solid rgba(39, 33, 99, 0.1);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(39, 33, 99, 0.5);
}

.gatherings-btn-selected {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: 194px;
  border: 2px solid rgba(39, 33, 99, 0.1);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  background-color: var(--cobuDarkBlue);
}

.gatherings-btn-selected > p {
  color: var(--cobuWhite);
}

.upcoming {
  border-radius: 10px 0 0 10px;
}

.past {
  border-left: 0px;
  border-right: 0px;
}

.template {
  border-radius: 0 10px 10px 0;
}

.middle {
  border-right: none;
  border-left: none;
}
.gatherings-new-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  height: 35px;
  width: 179px;
  border-radius: 8px;
  background: var(--cobuYellow);
  color: var(--cobuDarkBlue);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}

.gathering-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--cobuBlack50);
  cursor: pointer;
}

.gathering-delete-modal {
  padding: 40px;
  position: fixed;
  z-index: var(--zIndexModal);
  margin-top: 250px;
  width: 668px;
  border-radius: 6px;
  background-color: var(--cobuWhite);
}

.gathering-delete-modal-btns {
  display: flex;
  float: right;
}

.gathering-delete-modal-btn {
  padding: 8px 12px 8px 12px;
  width: -webkit-max-content;
  width: max-content;
  border-radius: 8px;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}

.btn-cancel {
  background-color: #e9e9ef;
}

.btn-delete {
  background-color: var(--cobuYellow);
}

.gathering-container {
  padding: 40px;
}

.comments-container {
  padding: 24px 24px 0px 24px;
  border: 1px solid #2721631a;
  border-radius: 8px;
  height: 608px;
  overflow: auto;
}

.single-thread-container {
  padding-right: 24px;
  padding-bottom: 100px;
  overflow: auto;
  max-height: 400px;
}

.comments-container-txt {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
  color: var(--cobuTextBlack);
  margin-top: 0px;
}

.comments-container-content {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: var(--cobuDarkBlue);
  margin-top: 0px;
  margin-bottom: 9px;
  max-width: 500px;
  white-space: normal;
  word-break: break-word;
}

.comments-container-content-hidden {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  color: var(--cobuLightGreyPointThree);
  margin-top: 0px;
  margin-bottom: 9px;
  max-width: 500px;
  white-space: normal;
  text-decoration: line-through;
  word-break: break-word;
}

.comment {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-top: 12px;
}

.comment:hover {
  background-color: var(--cobuLightGreyPointOne);
}

.comment-blink {
  -webkit-animation: blink 1s ease-in-out 3;
          animation: blink 1s ease-in-out 3;
}

@-webkit-keyframes blink {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: var(--cobuYellow);
  }
  100% {
    background-color: white;
  }
}

@keyframes blink {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: var(--cobuYellow);
  }
  100% {
    background-color: white;
  }
}

.comment-child {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: 56px;
  padding-top: 12px;
}

.comment-child:hover {
  background-color: var(--cobuLightGreyPointOne);
}

.pinnedComment {
  background-color: var(--cobuTurquoiseLight);
}

.comment-time {
  margin-top: 0px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
  color: rgba(126, 126, 126, 1);
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}

.ellipsis {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 40px;
  right: 0;
}

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

.small-list {
  position: absolute;
  top: 20px;
  right: 120px;
  z-index: var(--zIndexDropdown);
}

.removed-label {
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  color: white;
}

.bw {
  opacity: 0.2;
}

.new-comment-input {
  border: white;
  width: 100%;
}

.new-comment-input:focus {
  border: 0px solid white !important;
}

.new-comment-input-modal {
  width: 98%;
}

.email-txt-area {
  width: 97%;
}

.reply-input {
  border: white;
}

.reply-input:focus {
  border: 0px solid white !important;
}

.input-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  border-radius: 12px;
  border: 1px solid var(--cobuLightGreyPointTwo);
}

.txt-area-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 12px;
  border: 1px solid var(--cobuLightGreyPointTwo);
}

.camera {
  align-self: center;
}

.camera:hover {
  cursor: pointer;
}

.comments-bottom-fields {
  display: flex;
}

.comment-horizontal {
  display: flex;
  margin-bottom: 12px;
}

.comment-reply-btn {
  margin-top: 0px;
  color: var(--cobuRed);
  cursor: pointer;
}

.reply-input {
  padding: 15px;
  width: 95%;
}

.filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* padding: 10px; */
  height: 35px;
}

.single-filter {
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--cobuLightGreyPointOne);
  border-radius: 4px;
  background-color: var(--cobuWhite);
  color: var(--cobuDarkBlue);
  cursor: pointer;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding: 0 12px;
}

.single-filter-selected {
  background-color: var(--cobuDarkBlue);
  color: var(--cobuWhite);
}

.line {
  position: absolute;
  top: 60px;
  left: 20px;
  width: 3px;
  height: 100%;
  background-color: #e9e9ef;
}

.left-line {
  position: absolute;
  top: 60px;
  left: -36px;
  width: 3px;
  height: 100%;
  background-color: #e9e9ef;
}

.curve {
  position: absolute;
  top: 30px;
  left: -34px;
  height: 3px;
  width: 32px;
  background-color: #e9e9ef;
}

.contentContainer {
  display: flex;
}

.timeFilterCommentsContainer {
  width: 830px;
}

.CommentSectionFilter_sectionFilterContainer__1U9-I {
  width: 342px;
  display: flex;
  flex-direction: column;
}

.CommentSectionFilter_singleSectionFilter__30P0x {
  height: 35px;
  background: rgba(39, 33, 99, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.CommentSectionFilter_singleSectionFilterOption__2rhSR {
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
  height: 32px;
  color: var(--cobuDarkBlue);
}

.CommentSectionFilter_singleSectionFilterOptionSelected__sFqY- {
  color: var(--cobuWhite);
  background-color: var(--cobuDarkBlue);
}

.CommentSectionFilter_avatar__Y_ek4 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  margin: 0px 8px;
}

.CommentSectionFilter_filterOptionsContainer__3hZ6B {
  max-height: 144px;
  overflow: auto;
}

.CommentSectionFilter_commentsCount__2QC5p {
  width: 24px;
  height: 24px;
  background-color: var(--cobuYellow);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.CommentSectionFilter_commentsCountSelected__PPhE5 {
  color: var(--cobuDarkBlue);
}
.CommentSectionFilter_imgTitleContainer__XAmXk {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.NoComments_contentContainer__If3ZL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 608px;
}

.GroupCard_card__2A318 {
  display: flex;
  border-radius: 12px;
  background-color: var(--cobuRed);
  width: 382px;
}

/* Add some padding inside the card container */
.GroupCard_container__26odh {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
  position: relative;
  height: 100%;
  left: 5px;
  border: 2px solid var(--cobuLightGreyPointOne);
  border-left: none;
  border-top: none;
  border-radius: 12px;
}

.GroupCard_containerImg__dHda1 {
  height: 90px;
  width: 100%;
}

.GroupCard_img__L8Ojw {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 100px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.GroupCard_imgModal__1iI44 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 100px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.GroupCard_content__1j7e3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  height: 100%;
}

.GroupCard_contentTittleh2__3OWeS {
  color: var(--cobuRed);
  font-size: 18px;
}

.GroupCard_contentBodyh3__1mye5 {
  color: var(--cobuDarkBlue);
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.GroupCard_contentLinks__2tzjp {
  margin-top: 1.5em;
}

.GroupCard_contentLinks__2tzjp div:nth-child(2) {
  border-top: 1px solid rgba(39, 33, 99, 0.1);
  border-bottom: 1px solid rgba(39, 33, 99, 0.1);
}

.GroupCard_contentLink__1e5St {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}

.GroupCard_contentLink__1e5St p {
  color: var(--cobuDarkBlue);
  font-weight: 500;
  font-size: 16px;
}

.GroupCard_contentLinksRight__BdQr_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 18%;
}

.GroupCard_contentLinksRight__BdQr_ p {
  color: var(--cobuDarkBlue);
  background-color: var(--cobuLightGreyPointOne);
  align-items: center;
  padding: 10px 1px;
  border-radius: 26px;
  width: 40px;
  text-align: center;
}

.GroupCard_pencil__3wKY7 {
  cursor: pointer;
}

.GroupCard_inputTitle__29vVg {
  color: var(--cobuRed);
  font-size: 18px;
  border: none;
  margin: 0;
  padding: 0;
}

.GroupCard_inputTitle__29vVg:focus {
  border: none;
}

.GroupCard_contentModal__3D77K {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 0;
  height: 100%;
}

.GroupCard_textareadesc__3iLfX {
  font-size: 16px;
  padding: 6px;
  margin: 0;
  font-weight: 400;
  border: 1px solid var(--cobuDarkBlue);
}

.Groups_groupList__2Tp_C {
  padding-left: 2em;
}
.Groups_groupList__2Tp_C li {
  list-style: none;
  font-size: 20px;
  font-weight: bold;
  color: var(--cobuDarkBlue);
}
.Groups_groupListli__uCAD0:before {
  display: inline-block;
  content: '\2022';
  color: var(--cobuRed);
  font-size: 30px;
  vertical-align: middle;
  line-height: 20px;
  width: 1em;
  margin-left: -1em;
}
.Groups_contentGroups__ZjAoV {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.Groups_groupContainer__gPMEH {
  flex: 0 0 28%;
  padding: 1em 0.75em;
}

/* Cobu pink is #ED145B */
:root {
  --pink: #ED145B;
}

.tags button {
  padding: 10px 16px;
  margin: 10px;
  font-family: sans-serif;
  font-size: 14px;
  border-radius: 20px;
  cursor: pointer;
}

.tags button:focus {
  outline: none;
}

.tags .inactive {
  color: #ED145B;
  color: var(--pink);
  background-color: white;
  border: 2px solid #ED145B;
  border: 2px solid var(--pink);
}

.tags .active {
  color: white;
  background-color: #ED145B;
  background-color: var(--pink);
  border: 2px solid #ED145B;
  border: 2px solid var(--pink);
}

.tags .presentational-container {
  margin-bottom: 15px;
  margin-top: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tags .presentational-container p {
  margin: 0px;
  margin-right: 8px;
  padding: 0px;
}

@media (max-width: 700px) {
  .tags .presentational-tag {
    font-size: 11px;
    padding: 8px 12px;
    margin: 5px 5px;
  }
}

.tabs-container {
  display: flex;
  flex: 1 1;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid rgba(39, 33, 99, 0.1);
}

.tabs-container > button:last-child {
  border: none;
}

.tabs-container > button {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: 194px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--cobuDarkBlue);
  border-radius: 0px;
  margin: 0px;
  border: none;
  border-right: 2px solid rgba(39, 33, 99, 0.1);
}

.tab-selected {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: 194px;
  border: 2px solid rgba(39, 33, 99, 0.1);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  background-color: var(--cobuDarkBlue);
  color: white !important;
}

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

.LoginForm_inputField__26Iz7 {
  width: 405px;
  height: 61px;
  margin: 0;
}

.LoginForm_loginButton__7hb0m {
  width: 420px;
  margin-top: 20px;
}

.login-container {
  background-color: var(--cobuDarkBlue);
  height: 94vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.left-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 326px;
  height: 146px;
  margin-right: 64px;
}

.right-container {
  width: 420px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.forgotten-password-container {
  width: 420px;
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
  color: var(--cobuYellow);
}

.cobu-logo {
  width: 240px;
  height: 70px;
  margin-bottom: 24px;
}

.login-text {
  width: 326px;
}

.invalid-block-container {
  display: flex;
  align-items: center;
  width: 420px;
  height: 72px;
  background-color: var(--cobuWhite);
  border-radius: 12px;
  margin-bottom: 4px;
}

.invalid-block-text {
  width: 310px;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--cobuDarkBlue);
}

.exlamation-mark-container {
  padding: 15px;
}

.empty-invalid-block-container {
  width: 420px;
  height: 72px;
  margin-bottom: 4px;
}

.reg-phone-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reg-phone-form-button{
    width: 420px;
    height: 60px;
}

.reg-phone-form-field {
    width: 405px !important;
    margin-bottom: 24px;
}
.register-phone-container {
  width: 100%;
  height: 100vh;
  background-color: var(--cobuDarkBlue);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.reg-phone-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 610px;
  margin-top: 150px;
}

.reg-phone-title-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 40px;
  font-size: 32px;
  color: var(--cobuWhite);
  font-weight: 900;
  margin-top: 20px;
}

.reg-phone-text-container {
  display: flex;
  align-items: center;
  text-align: center;
  height: 62px;
  font-size: 16px;
  color: var(--cobuWhite);
  margin: 24px 0;
}

.reg-suc-container {
    width: 100%;
    height: 100vh;
    background-color: var(--cobuDarkBlue);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reg-suc-title {
    font-size: 32px;
    color: var(--cobuWhite);
    font-weight: 900;
    margin-top: 210px;
}

.reg-suc-text {
    width: 610px;
    margin-top: 30px;
    font-size: 24px;
    color: var(--cobuWhite);
    text-align: center;
}

.reg-suc-building {
    font-size: 28px;
    color: var(--cobuTurquoise);
    font-weight: 500;
    margin-top: 10px;
}

.reg-sec-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    width: 420px;
}

.reg-sec-skip {
    font-size: 18px;
    font-weight: 500;
    color: var(--cobuYellow);
    margin-top: 30px;
}
.reg-ver-input {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 10px;
}

.reg-ver-input:focus {
  outline: none;
  border: 1px solid var(--cobuYellow) !important;
}
.reg-ver-input-container {
  width: 450px;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.reg-ver-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.reg-ver-form-button {
  width: 420px;
  margin-top: 30px;
}
.reg-ver-form-input input[type='number'] {
  height: 80px !important;
  width: 80px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: none !important;
  box-sizing: border-box;
  border-radius: 6px !important;
  margin: 10px !important;
  outline: none;
  color: var(--cobuWhite) !important;
  font-weight: 500 !important;
  font-size: 48px !important;
  text-align: center;
  font-family: Roboto;
}

.reg-ver-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--cobuDarkBlue);
}

.reg-ver-content {
    width: 50%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reg-ver-title {
    height: 40px;
    font-weight: 900;
    font-size: 32px;
    line-height: 37px;
    color: var(--cobuWhite);
    margin-bottom: 15px;
}

.reg-ver-text {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--cobuWhite);
    margin-bottom: 25px;
}

.phone-number {
    color: var(--cobuTurquoise);
    font-weight: 500;
    margin-left: 10px;;
}

.reg-ver-footer {
    display: flex;
    flex-direction: column;
    align-items: center2;
    margin-top: 32px;
}

.reg-ver-second-text {
    font-size: 16px;
    color: var(--cobuWhite);
    margin-right: 15px;
}

.reg-ver-footer-row {
    display: flex;
    margin-bottom: 15px;
}

.reg-var-action-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: var(--cobuYellow);
    cursor: pointer;
}
.ResetPasswordContainer_passwordContainer__3O7ja {
  background-color: var(--cobuDarkBlue);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ResetPasswordContainer_left__174MX {
  margin: auto;
}

.ResetPasswordContainer_right__2fXEM {
  max-width: 420px;
  margin-left: 64px;
  color: white;
  display: flex;
  flex-direction: column;
}

form {
  display: flex;
  flex-direction: column;
}

.ResetPasswordContainer_successContainer__2eedk {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  font-weight: 500;
}

.ResetPasswordContainer_text__1ZzUX {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  max-width: 610px;
}

.ResetPasswordContainer_login__IH7yA {
  width: 420px;
}

.ResetPasswordForm_errorContainer__3ac2w {
  background-color: white;
  color: var(--cobuDarkBlue);
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  font-weight: 500;
}

.ResetPasswordForm_errorMessage__fv7EK {
  margin-left: 16px;
}

.RSVPGatheringDetail_gathDetailContainer__3SKJd {
  width: 100%;
  height: 100%;
}

.RSVPGatheringDetail_gathPlaceDate__3sIby {
  height: 19px;
  width: 327px;
  display: flex;
  align-items: center;
}

.RSVPGatheringDetail_titleAttendContainer__T5C77 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  font-size: 32px;
  color: var(--cobuYellow);
  padding-left: 24px;
}

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

.RSVPGatheringDetail_aboutContainer__A-aMg {
  height: 19px;
  display: flex;
  align-items: flex-end;
  margin-top: 30px;
  font-weight: bold;
  font-size: 16px;
  color: var(--cobuDarkBlue);
  padding-left: 24px;
}

.RSVPGatheringDetail_buildingContainer__1ThPq {
  height: 19px;
  display: flex;
  align-items: flex-end;
  margin-top: 30px;
  font-weight: bold;
  font-size: 16px;
  color: var(--cobuDarkBlue);
}

.RSVPGatheringDetail_descriptionBox__G7sfs {
  width: 396px;
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}

.RSVPGatheringDetail_descriptionContainer__1WR52 {
  font-size: 16px;
  color: var(--cobuDarkBlue);
  margin-top: 16px;
}

.RSVPGatheringDetail_infoBox__1zceP {
  width: 288px;
  height: 238px;
  display: flex;
  background: #ffffff;
  border: 2px solid rgba(39, 33, 99, 0.1);
  box-sizing: border-box;
  border-radius: 12px;
  border-left: none;
  margin: 20px 24px 20px 20px;
}

.RSVPGatheringDetail_gathDateLocation__2dLmi {
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  color: var(--cobuDarkBlue);
}

.RSVPGatheringDetail_attendButton__3_IuF {
  width: 180px;
  height: 45px;
  border-radius: 4px;
  background-color: var(--cobuYellow);
  color: var(--cobuDarkBlue);
  border: none;
  padding: 0;
  font-size: 16px;
  color: var(--cobuDarkBlue);
  font-weight: bold;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.RSVPGatheringDetail_bringContainer__3Cejg {
  height: 75px;
  background: rgba(39, 33, 99, 0.1);
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
  margin-top: 16px;
}

.RSVPGatheringDetail_bringContainer__3Cejg p {
  color: var(--cobuDarkBlue);
}

.RSVPGatheringDetail_yellowBox__392BG {
  width: 15px;
  height: 100%;
  padding: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #fec100;
}

.RSVPGatheringDetail_infoContainer__3en4v {
  display: flex;
  flex-direction: column;
  width: calc(100% - 15px);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
}

.RSVPGatheringDetail_infoDate__2KYYv {
  height: 30px;
  font-weight: 500;
  font-size: 16px;
  color: var(--cobuDarkBlue);
  border-top-right-radius: 8px;
}

.RSVPGatheringDetail_infoCreator__5oNVG {
  height: 30%;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed var(--cobuLightGreyPointTwo);
  display: flex;
  padding-bottom: 5px;
}

.RSVPGatheringDetail_creatorImageContainer__2jogg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.RSVPGatheringDetail_creatorProfileImage__1zzUx {
  height: 100%;
  width: auto;
}

.RSVPGatheringDetail_creatorContainer__3EQKr {
  display: flex;
}
.RSVPGatheringDetail_creatorName__20ZLO {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  color: var(--cobuDarkBlue);
  padding-left: 10px;
}

.RSVPGatheringDetail_gathCreator__1BE0Z {
  font-size: 12px;
  color: var(--cobuLightGreyPointFive);
}

.RSVPGatheringDetail_locationAttendingContainer__bjsel {
  height: calc(70% - 30px);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  color: var(--cobuDarkBlue);
  font-size: 16px;
}

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

.RSVPGatheringDetail_icon__7pLu9 {
  width: 15px;
  height: 20px;
  padding: 5px;
}

.RSVPGatheringDetail_addCalendarButton__2HNmv {
  width: 240px;
  height: 26px;
  display: flex;
  justify-content: center;
  border: none;
  align-items: center;
  border-radius: 4px;
  background-color: var(--cobuLightGreyPointOne);
  color: var(--cobuDarkBlue);
  font-size: 12px;
  font-weight: 500;
}


.calendar-button {
    width: 230px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cobuWhite);
    margin: 16px;
    border-radius: 8px;
    padding: 0 16px;
    font-size: 20px;
    font-weight: 500;
    color: var(--cobuDarkBlue);
}

.calendar-icon {
    margin-right: 12px;
}

.CalendarModal_calendarButtonContainer__2WhDq {
  width: 588px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--cobuLightGreyPointZeroThree);
  padding: 8px 24px;
  border: 1px dashed var(--cobuLightGreyPointTwo);
  border-radius: 8px;
  justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 32px;
}

.CalendarModal_closeIconContainer__iu3OD {
  display: flex;
  justify-content: flex-end;
  width: 785px;
}

.CalendarModal_contentWidth__3G7ui {
  width: 668px;
}

.RSVPModal_contentWidth__2dvkX {
    width: 282px;
}

.RSVPModal_rsvpCloseIconContainer__1HLjD {
    display: flex;
    justify-content: flex-end;
    width: 392px;
}

.RSVPModal_rsvpButton__FzVzO {
    height: 55px !important;
    margin-top: 16px;
}

.RSVPModal_cannotAttendButton__2PEQA {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 140px;
    background: #E9E9EF;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    margin-right: 16px;
}

.RSVPModal_buttonContainer__rBUfy {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}

.RSVPModal_saveButton__3D8sm {
    height: 35px;
    width: 60px;
    font-size: 16px;
}
.RSVPGatheringContainer_rsvpGathHeader__2pk3f {
  background-color: var(--cobuDarkBlue);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.RSVPGatheringContainer_rsvpGathImageContainer__14QVQ {
  width: 816px;
  height: 315px;
  overflow: hidden;
  margin-top: 24px;
}

.RSVPGatheringContainer_gathImage__1Vams {
  display: block;
  width: 100%;
  height: auto;
}

.RSVPGatheringContainer_rsvpGathContent__2Csnb {
  width: 100%;
  display: flex;
  justify-content: center;
}

.RSVPGatheringContainer_rsvpGathDetailContainer__2U-4F {
  width: 816px;
  border-radius: 10px;
  background: var(--cobuWhite);
  box-shadow: 0px 4px 10px rgba(39, 33, 99, 0.1);
}

.rsvp-left-container {
  display: flex;
  flex-direction: column;
  justify-content: left;
  width: 420px;
  height: 263px;
  margin-right: 58px;
}

.rsvp-button-container {
  width: 420px;
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}

.rsvp-login-button {
  width: 200px;
}

.rsvp-register-button {
  width: 200px;
  height: 60px;
  border-radius: 12px;
  background-color: inherit;
  color: var(--cobuYellow);
  border: 2px solid var(--cobuYellow);
  font-size: 20px;
  font-weight: 500;
  font-family: Roboto;
  cursor: pointer;
}
.rsvp-image-container {
  width: 602px;
  height: 410px;
  background-color: inherit;
}

.rsvp-image-container > img {
  width: 100%;
}

.terms {
  align-self: flex-start;
  color: var(--cobuWhite);
}

.terms > a {
  color: var(--cobuYellow);
}

.mobileWrapper {
  background-color: var(--cobuDarkBlue);
  height: 100vh;
  width: 100vw;
}

.mobileWrapper .skipBtn {
  margin-top: 10px;
  margin-left: 12px;
  font-size: 17px;
  line-height: 20px;
}

.mobileContent {
  display: flex;
  flex-direction: column;
  color: white;
}

.mobileContent .contentMain {
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-row-gap: 12px;
  row-gap: 12px;
  text-align: center;
}

.RsvpDescription {
  color: var(--cobuWhite);
  font-size: 18px;
  line-height: 27px;
}

.mobileContent .contentMain h1 {
  color: var(--cobuYellow);
}

.mobileContent .contentMain p {
  color: var(--cobuWhite);
  font-size: 16px;
  line-height: 24px;
}

.rsvp-register-container {
  background-color: var(--cobuDarkBlue);
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.rsvp-register-logo {
  width: 360px;
  height: 70px;
  margin-top: 175px;
}

.rsvp-register-text {
  width: 360px;
  height: 23px;
  margin: 32px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: var(--cobuWhite);
}

.rsvp-register-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rsvp-register-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.separator-field-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 4px;
  border-top: 1px dashed var(--cobuLightLightGrey);
  width: 857px;
}

.rsvp-register-button-container {
  display: flex;
  justify-content: center;
}

.register-button {
  width: 420px;
  margin-top: 32px;
}

.space {
  margin-right: 16px;
}

.field-long {
  width: 405px;
}

.field-short {
  width: 260px;
}
.MoreActions_minWidth150__yO57T {
  minwidth: 150px;
}

.PerksContainer_description__1K8DI {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50vw;
}

.PerksContainer_tableTitle__3eheD {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin: 24px 0 12px 0;
}

.PerksContainer_title__VhGRW {
  margin: 24px 0;
  font-weight: normal;
}

.PerksContainer_merchantCell__1P5_8:hover {
  text-decoration: underline;
}

.MerchantForm_createMerchant__FRcye {
  display: flex;
  flex-direction: row;
}

.MerchantForm_createMerchantForm__LNY6- {
  display: flex;
  flex-direction: column;
  width: 320px;
  margin-right: 12px;
}

.MerchantForm_addCategory__2Ce14 {
  align-self: center;
  width: 320px;
  margin-top: 12px;
  margin-left: 12px;
}

.PerkForm_gridContainer__3OYoM {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
}

.PerkForm_item__33cXG {
  display: flex;
  flex-direction: column;
}

.PerkForm_title__3wGDa {
  color: var(--cobuDarkBlue);
}

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

.PerkForm_flexColumn__16pU7 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

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

.PerkForm_formButtons__wRVEd {
  display: flex;
  flex-direction: row-reverse;
}

.GatheringFeedback_tableTitle__1iGS_ {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin: 24px 0 12px 0;
}

.GatheringFeedback_title__2nMk8 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-weight: normal;
}

.GatheringFeedback_starsContainer__2qnJW {
  padding-top: 3px;
}

.GatheringFeedback_star__1kAF_ {
  width: 20px;
}

.StatsBox_box__u3-Kx {
  display: flex;
  border-radius: 12px;
}

.StatsBox_container__58vKT {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
  position: relative;
  height: 100%;
  top: -1px;
  left: 5px;
  border: 2px solid var(--cobuLightGreyPointOne);
  border-left: none;
  border-radius: 12px;
}

.StatsBox_content__1D_aq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  height: 100%;
}

.StatsBox_textContainer__vpSw2 {
  display: flex;
  align-items: space-between;
  flex-direction: column;
  justify-content: center;
}

.StatsBox_title__AS9T9 {
  font-weight: bold;
  font-size: 18px;
}

.StatsBox_description__3EmyR {
  font-size: 14px;
  line-height: 21px;
  color: var(--cobuLightGreyPointFive);
  margin-top: 4px;
}

.StatsBox_input__zNULV {
  margin-top: 4px !important;
  width: 98%;
}

.StatsBox_label__3jrZs {
  margin-bottom: 0px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--cobuLightGreyPointFive);
}

.StatsBox_errorMsg__1soM0 {
  margin-top: 0px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--cobuError);
}

.StatsBox_numberBox__3PmhK {
  width: 78px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cobuLightGreyPointZeroThree);
  border-radius: 58px;
  font-weight: bold;
  font-size: 22px;
  color: var(--cobuDarkBlue);
}

.StatsBox_footer__32nyb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(39, 33, 99, 0.1);
  margin: 0 16px;
  height: 100px;
  font-weight: 500;
  font-size: 16px;
  color: var(--cobuDarkBlue);
}

.StatsBox_commentSentimentTitle__2ViL9 {
  font-size: 24px;
  font-weight: bold;
}

.CircularProgressBar_circleBackground__Txk0z,
.CircularProgressBar_circleProgress__2s7ZP {
  fill: none;
}

.CircularProgressBar_circleBackground__Txk0z {
  stroke: #ddd;
}

.CircularProgressBar_circleProgress__2s7ZP {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.Dashboard_container__2xbQd {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}

.Dashboard_column__3wwJ_ {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.Dashboard_subtitleContainer__3UDlP {
  margin-top: 18px;
  display: flex;
  align-items: center;
}

.Dashboard_subtitle__1TDD1 {
  font-size: 16px;
  font-weight: 700;
  margin-left: 8px;
  font-size: 16px;
  font-weight: bold;
  color: var(--cobuDarkBlue);
}

.Dashboard_spinner__2ziF2 {
  display: flex;
  justify-content: center;
  margin-top: 200px;
}

.Dashboard_onBoardingContainer__FckcA {
  padding: 40px 102px;;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cobuLightYellow);
  border-left: 20px solid var(--cobuYellow);
}

.Dashboard_onBoardingTitle__38XIq {
  font-size: 32px;
  color: var(--cobuYellow);

}

.Dashboard_onBoardingRightContent__2YzAW {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-column-gap: 20px;
  -webkit-column-gap: 20px;
          column-gap: 20px;
}

.Dashboard_completeOnBoarding__1mmod {
  color: var(--cobuWhite);
  background-color: var(--cobuTurquoise);
}

.Dashboard_jumpStartContainer__UrB-q {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 40px;
  -webkit-column-gap: 40px;
          column-gap: 40px;
}

.Dashboard_jumpStartLinkContainer__13C8R {
  flex: 1 1;
}

.Dashboard_jumpStartLink__3rBbM {
  border: 1px dashed var(--cobuBlack);
  border-radius: 10px;
  font-size: 24px;
  padding: 40px 20px;

}

.Dashboard_boxContainer__1NaYa {
  display: flex;
  border-radius: 12px;
  background-color: var(--cobuTurquoise);
  margin-bottom: 30px;
  margin-right: 40px;
}

.Dashboard_boxContent__1fE4S {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
  position: relative;
  height: 100%;
  left: 5px;
  border: 2px solid var(--cobuLightGreyPointOne);
  border-left: none;
  border-radius: 12px;
  padding: 20px;
}

.Dashboard_jumpStartHeading__2X9__ {
  color: var(--cobuTurquoise);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}

.Dashboard_jumpStartSubHeading__2e41h {
  color: var(--cobuLightGreyPointFive);
}

.Dashboard_copyJumpStart__1xG7C {
  text-align: end;
  margin-right: 40px;
  margin-bottom: 6px;
}
.VendorFormContainer_container__2sclr {
  background-color: var(--cobuDarkBlue);
  min-height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
}

.VendorFormContainer_header__U0nDn {
  padding: 1.5% 7%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.VendorFormContainer_form__1UcYe {
  display: flex;
  justify-content: center;
}
.VendorFormContainer_spinner__3uSSS {
  display: flex;
  justify-content: center;
  margin-top: 200px;
}

.VendorFormContainer_hide__3lL47 {
  display: none;
}

.VendorFormContainer_overlay__34CMX {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--cobuBlack50);
  color: var(--cobuDarkBlue);
  z-index: var(--zIndexModal);
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.VendorFormContainer_centerModal__1IstP {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cobuDarkBlue);
  height: 100vh;
}

.VendorForm_formContainer__3XeIN {
  width: 770px;
  margin: 16px;
  padding: 2% 5%;
  background-color: #ffffff;
  border-radius: 8px;
}
.VendorForm_gridContainer__2MEac {
  display: grid;
  grid-gap: 2em;
}
.VendorForm_item__3He4V {
  display: flex;
  flex-direction: column;
}

.VendorForm_prefilled__xDbJf {
  background-color: var(--cobuLightGrey);
  color: var(--cobuLightGreyPointFive);
}

.VendorForm_vendorFormTextarea__9gTWG {
  height: 106px;
  outline: none;
  padding: 16px;
}

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

.EditBuildingContainer_container__21QTP {
  display: grid;
  grid-gap: 24px;
}

.EditBuildingContainer_content__KPfGH {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px dashed rgba(39, 33, 99, 0.2);
  background: rgba(39, 33, 99, 0.03);
}

.EditBuildingContainer_code__3cJnd {
  padding: 24px;
  max-height: 200px;
}

.EditBuildingContainer_toggleContainer__xp0gJ {
  display: flex;
  border-radius: 8px;
  border: 1px dashed rgba(39, 33, 99, 0.2);
  background: rgba(39, 33, 99, 0.03);;
  align-items: center;
  padding: 20px 24px;
}

.EditBuildingContainer_newQRCode__18CPL {
  background-color: #CEEEF4; /* Light blue */
  padding: 16px;
  border-radius: 8px;
}

.EditBuildingContainer_originalQRCode__2LBqh {
  background-color:  #FCEFCA; /* Light yellow */
  padding: 16px;
  border-radius: 8px;
}

.EditBuildingContainer_codeWrap__1YY2m {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}

.EditBuildingContainer_qrCode__2p9GC {
  width: 100px;
  height: 100px;
}

.EditBuildingContainer_CodeDetail__2wKjX p {
  margin: 4px 0;
}


#noGridInput {
    margin: 15px 0 0 0;
}

#onBoardingHeading {
    color: var(--cobuDarkBlue);
    margin: 27px 0 13px 0;

}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.item {
    display: flex;
    flex-direction: column;
}

.title {
    color: var(--cobuDarkBlue);
}

.errorTitle {
    color: var(--cobuError);
}

.nonEditable {
    background-color: lightgray;
}

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

.flexColumn {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

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

.formButtons {
    display: flex;
    justify-content: flex-end;
}

.radioInpuContainer {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--cobuLightGreyPointTwo);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 18px;
}

.disabled {
    opacity: 0.3;
    border-color: var(--cobuDarkBlueDisable);
}

.rsvpRequiredContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-gap: 0px 24px;
    gap: 0px 24px;
    grid-template-areas: 'rsvpRequired attendees';
}

.rsvpRequired {
    grid-area: rsvpRequired;
}

.attendees {
    grid-area: attendees;
}

p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(39, 33, 99, 0.5);
}


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

.rowTextStyle {
    display: flex;
    flex: 60% 1;
    background-color: 'red';
    color: var(--cobuDarkBlue);
}

.switchStyle {
    -webkit-transform: scale(0.6);
            transform: scale(0.6)
}

.additional-url-container {
    margin: 10px 0
}

#building-form {
    overflow: 'auto';
    height: 75%
}

.review-description {
    margin: 4px 0 0 0;
}

#form-container {
    overflow: 'auto';
}
.checkbox-row {
    margin: 0 0 14px 0;
}
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}


/*# sourceMappingURL=react-draft-wysiwyg.css.map*/
.FormField_chatList__3PCWH{display:flex;flex-direction:row;grid-gap:10px;gap:10px;justify-content:flex-start}
.grid {
  display: grid;
  grid-gap: 10px;
}

.item {
  display: flex;
  flex-direction: row;
}

.auto-grow-container {
  margin: 15px 0 0 0;
}

.row-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}

.add-content {
  color: rgba(39, 33, 99, 0.5);
  color: var(--grey-blue-50, rgba(39, 33, 99, 0.5));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

#trash-icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#noGridInput {
    margin: 15px 0 0 0;
}

#onBoardingHeading {
    color: var(--cobuDarkBlue);
    margin: 27px 0 13px 0;

}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.item {
    display: flex;
    flex-direction: column;
}

.title {
    color: var(--cobuDarkBlue);
}

.errorTitle {
    color: var(--cobuError);
}

.nonEditable {
    background-color: lightgray;
}

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

.flexColumn {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

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

.formButtons {
    display: flex;
    justify-content: flex-end;
}

.radioInpuContainer {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--cobuLightGreyPointTwo);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 18px;
}

.disabled {
    opacity: 0.3;
    border-color: var(--cobuDarkBlueDisable);
}

.rsvpRequiredContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-gap: 0px 24px;
    gap: 0px 24px;
    grid-template-areas: 'rsvpRequired attendees';
}

.rsvpRequired {
    grid-area: rsvpRequired;
}

.attendees {
    grid-area: attendees;
}

p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(39, 33, 99, 0.5);
}

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

.rowTextStyle {
    display: flex;
    flex: 60% 1;
    background-color: 'red';
    color: var(--cobuDarkBlue);
}

.switchStyle {
    -webkit-transform: scale(0.6);
            transform: scale(0.6)
}

.additional-url-container {
    margin: 10px 0
}

#building-form {
    overflow: 'auto';
    height: 75%
}

.review-description {
    margin: 4px 0 0 0;
}

#form-container {
    overflow: 'auto';
}
.DeactivateBuildingContainer_container__V9GoG {
  display: grid;
  grid-gap: 24px;
}

.DeactivateBuildingContainer_content__35Atm {
  display: flex;
  border-radius: 8px;
  border: 1px dashed rgba(39, 33, 99, 0.2);
  background: rgba(39, 33, 99, 0.03);
}

.DeactivateBuildingContainer_code__3nRhd {
  padding: 24px;
  max-height: 200px;
}

.DeactivateBuildingContainer_toggleContainer__1eFVz {
  display: flex;
  border-radius: 8px;
  border: 1px dashed rgba(39, 33, 99, 0.2);
  background: rgba(39, 33, 99, 0.03);;
  align-items: center;
  padding: 20px 24px;
}

.DeactivateBuildingContainer_qrCode__3MF0j {
  width: 120px;
  height: 120px;
}

.DeactivateBuildingContainer_codeWrap__12zQc {
  display: flex;
  align-items: center;
  margin-left: 32px;
}

.DeactivateBuildingContainer_CodeDetail__2gHmP {
  margin-left: 24px;
}

.Admins_filterField__6l0BG {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  border: 1px solid var(--cobuLightGreyPointOne);
  padding: 0 16px;
  margin: 0 8px;
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 700;
}

.Admins_filterSearchContainer__XNp9y {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.Admins_search__wSjr1 {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  border: 1px solid var(--cobuLightGreyPointOne);
}
.Admins_searchIconContainer__3PdVL {
  width: 14px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Admins_searchBy__ngalk {
  display: flex;
  width: 310px;
  border: none;
}

.Admins_selectContainer__KyI5R {
  width: 160px;
  border: 1px solid var(--cobuLightGreyPointOne);
}
.Admins_addUserButton__1QZRs {
  height: 35px;
  display: flex;
  align-items: center;
}
.Admins_container__3v07o {
  display: flex;
  justify-content: space-between;
}

.Admins_tableContainer__24gOi {
  width: 'fit-content';
}

.AdminDetails_roleContainer__1cGB7 {
  font-size: 12px;
  border: 1px solid rgba(39, 33, 99, 0.1);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 12px;
}

.AdminDetails_deleteButton__44rhw {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cobuErrorPointOne);
  color: var(--cobuError);
  font-size: 12px;
  border-radius: 4px;
  padding: 4px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

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

.AdminDetails_addBuildingButton__3ec2h {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(39, 33, 99, 0.1);
  color: #272163;
  font-size: 12px;
  border-radius: 4px;
  padding: 4px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.AdminDetails_selectContainer__19v5k {
  width: 450px;
}

.GenericModalWithOutButtons_hide__3FAh7 {
  display: none;
}

.GenericModalWithOutButtons_overlay__3KkiZ {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--cobuBlack50);
  color: var(--cobuDarkBlue);
  z-index: var(--zIndexModal);
  opacity: 1;
}

.GenericModalWithOutButtons_modal__FsiuE {
  padding: 40px;
  position: fixed;
  z-index: var(--zIndexModal);
  width: 668px;
  position: relative;
  margin: 10% auto;
  border-radius: 6px;
  background-color: var(--cobuWhite);
}

.GenericModalWithOutButtons_modalTitle__uc83w {
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 16px;
  color: var(--cobuDarkBlue);
}

.GenericModalWithOutButtons_headerContainer__f_l-g {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.UsernameDisplay_container__320BY {
  display: flex;
}
.ReviewReceivedForm_content__2dtyp {
  display: flex;
  flex-direction: column;
}

.ReviewReceivedForm_container__oBBL9 {
  display: flex;
}

.ReviewReceivedForm_containerControls__3R2Ni {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ReviewReceivedForm_buttons__3OYsc {
  display: flex;
  justify-content: flex-end;
}
.Rating_container__3_T70 {
  display: flex;
  margin-top: 1em;
  width: 60%;
}

.Rating_star__2ZZ05 {
  cursor: pointer;
}

.Rating_containerError__3q3_n {
  display: flex;
  margin-top: 1em;
  border: 2px solid #ef4a4a !important;
  width: 60%;
}

.ReviewReceivedDetails_hide__Quena {
  display: none;
}

.ReviewReceivedDetails_overlay__JyKkm {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  color: var(--cobuDarkBlue);
  z-index: var(--zIndexModal);
  opacity: 1;
}

.ReviewReceivedDetails_modal__2c8T5 {
  background-color: var(--cobuWhite);
  padding: 24px 24px 0 24px;
  width: 620px;
  height: calc(100vh -  var(--headerHeight) -  var(--footerHeight) - 24px);
  margin-bottom: 85px;
  float: right;
  margin-top: var(--headerHeight);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.ReviewReceivedDetails_bottonContainer__15fBw {
  width: 135px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ReviewReceivedDetails_button__3UPj7 {
  height: 20px; 
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 12px 8px 12px;
}

.ReviewReceivedDetails_editButton__24izF {
  background-color: var(--cobuYellow);
}

.ReviewReceivedDetails_cancelButton__3ET3A {
  background-color: var(--cobuLightGreyPointOne);
}

.ReviewReceivedDetails_textStyle__e6PEB {
  color: var(--cobuLightGreyPointFive);
  font-size: 18px;
}
.ReviewReceivedDetails_lineHeight__1LF65 {
  line-height: 27px;
}
.styles_container__3sV4k {
    border: 2px solid rgba(39, 33, 99, 0.1);
    border-radius: 12px;
    margin-bottom: 24px;
}

p {
    margin: 0
}

.styles_commentHeader__1kONE {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: rgba(39, 33, 99, 0.5);
    border-bottom: 1px solid rgba(39, 33, 99, 0.1);
    padding: 17px 24px 15px;
}

.styles_commentContainer__2MvV1 {
    padding: 24px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 24px;
    row-gap: 24px;
}

.styles_comment__3eyA8 {
    display: flex;
    grid-column-gap: 16px;
    -webkit-column-gap: 16px;
            column-gap: 16px;
    align-items: baseline;
}

.styles_contents__3CuJS {
    flex: 1 1
}

.styles_viewThread__1gqy7 {
    color: var(--cobuRed);
    font-size: 14px;
    cursor: pointer;
}

.styles_fetchMore__3VIqz {
    font-size: 14px;
    color: var(--cobuTurquoise);
    cursor: pointer;
}
.styles_row__3W6Yh {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    -webkit-column-gap: 16px;
            column-gap: 16px;
}

.styles_input__RUGno {
    display: flex;
    flex-direction: column;
}

.styles_header__1T3Nf {
    display: grid;
    grid-template-columns: 1fr auto;
}

.styles_formButtons__1t80A {
    display: flex;
    grid-column-gap: 12px;
    -webkit-column-gap: 12px;
            column-gap: 12px;
}

.styles_imagePicker__2xhQT {
    width: 50%
}
.PostManagement_container__3VATZ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

li {
  color: var(--cobuWarning);
}

.PostManagement_toggleContainer__ipOw3 {
  display: flex;
  border-radius: 8px;
  align-items: center;
  padding: 20px 24px;
}

.PostManagement_bottomContainer__rGcFe {
  display: flex;
  width: 100%;
}

.PostManagement_buttonsContainer__HHu9L {
  width: 50%;
  text-align: end;
}

.PostManagement_togglesContainer__2MljM {
  width: 50%;
}

.gridContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
}

.item {
    display: flex;
    flex-direction: column;
}

.title {
    color: var(--cobuDarkBlue);
}

.errorTitle {
    color: var(--cobuError);
}

.nonEditable {
    background-color: lightgray;
}

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

.flexColumn {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

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

.formButtons {
    display: flex;
    justify-content: flex-end;
}

.radioInpuContainer {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--cobuLightGreyPointTwo);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 18px;
}

.disabled {
    opacity: 0.3;
    border-color: var(--cobuDarkBlueDisable);
}

.rsvpRequiredContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-gap: 0px 24px;
    gap: 0px 24px;
    grid-template-areas: 'rsvpRequired attendees';
}

.rsvpRequired {
    grid-area: rsvpRequired;
}

.attendees {
    grid-area: attendees;
}

p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(39, 33, 99, 0.5);
}

.span {
    font-size: 12px;
    color: rgba(39, 33, 99, 0.5);
}

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

.rowTextStyle {
    display: flex;
    flex: 60% 1;
    background-color: 'red';
    color: var(--cobuDarkBlue);
}

.switchStyle {
    -webkit-transform: scale(0.6);
            transform: scale(0.6)
}
.ResidentManagement_loadingContainer__2x14Q{
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
  }
.ResidentProfile_profileImage__RCaOR {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.ResidentProfile_row__SbmDN {
    display: flex;
    flex-direction: row;
}

.ResidentProfile_spaceBtw__Z8V46 {
    justify-content: space-between;
}

.ResidentProfile_alignCenter__3LMDg {
    align-self: center;
}

.ResidentProfile_phoneDetailsView__he15h {
    background-color: #E7E6ED;
    padding: 10px;
    border-radius: 5px;
    align-self: center;
}

.ResidentProfile_tableViewMin__1d6e5 {
    flex: 30% 1;
}

.ResidentProfile_tableViewMax__2cDf9 {
    flex: 70% 1;
}

.ResidentProfile_seperator__16cqu {
    background-color: #D3D3D3;
    height: 1px;
}

.ResidentProfile_loadingContainer__19fCw {
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
}

.ResidentProfile_container__38FIH {
    border-radius: 10px;
    border-width: 1px;
    border-color: #D3D3D3;
    background-color: 'red';
    border-style: solid;
    padding: 8px
}

.ResidentProfile_noData__1dGw4 {
    border: 2px solid var(--cobuLightGreyPointOne);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 150px;
}

.ResidentProfile_titleLabel__13mfq {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
}
.CobuSwitchList_container__PUE19 {
    border-radius: 10px;
    border-width: 1px;
    border-color: #D3D3D3;
    background-color: 'red';
    border-style: solid;
    padding: 8px
}

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

.CobuSwitchList_rowTextStyle__o-mhd {
    display: flex;
    flex: 60% 1;
    background-color: 'red';
    color: var(--cobuDarkBlue);
}

.CobuSwitchList_switchStyle__PFFTz {
    -webkit-transform: scale(0.6);
            transform: scale(0.6)
}
.notes-container {
  padding: 12px;
  border: 1px solid #D3D3D3;
  border-radius: 10px;
  box-sizing: border-box;
}

.notes-list {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.note-item {
  padding: 12px;
  background-color: white;
  border-radius: 6px;
  margin-bottom: 10px;
  border-left: 3px solid #3498db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.note-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.add-note {
  width: 100%;
}

.note-textarea {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #D3D3D3;
  border-radius: 6px;
  resize: vertical;
  font-family: inherit;
  box-sizing: border-box;
} 
.PinnedPostManagement_loadingContainer__2C0DG{
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
  }
.ActiveSurvey_loadingContainer__3KY-w{
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
  }
.GoogleReview_loadingContainer__1-81K {
  padding: 16px 122px 0 122px;
  justify-content: center;
  align-items: center;
}

.GoogleReview_row__36thS {
  display: flex;
  flex-direction: row;
}

.GoogleReview_flex1__2tJ6C{
  flex: 1 1;
}

.GoogleReview_flex3__1arnr{
  flex: 3 1;
}

.GoogleReview_margin100__vDFy1{
  margin-right: 100px;
}

.GoogleReview_flex2__2-fDM{
  flex: 4 1;
}

.GoogleReview_spaceBtw__K0jIt {
  justify-content: space-between;
}
.CustomDropDown_invitecell__2EjIg {
    padding: 5px;
    border-radius: 4px;
}
.Attribution_selectUserBtn__1J6Cd {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    background-color: white;
    height: 45px;
}

.Attribution_selecteduser__2bIvH {
    border-style: dotted;
    border-radius: 10px;
    padding: 10px;
    border-color: var(--cobuTurquoise);
    background-color: var(--cobuTurquoiseLight);
}

.Attribution_userPlaceholderContainer__37C6u {
    padding: 20px;
    background-color: rgba(39, 33, 99, 0.1);
    border-radius: 10px;
}

.Attribution_notesContainer__13eTX {
    display: flex;
    flex-direction: column;
}
.ContentModerationContainer_tableColumn__hxBqG {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
}

.ContentModerationContainer_userName__o0f4N {
  width: 160px;
  white-space: normal;
}

.ContentModerationContainer_groupColumn__2mwV3 {
  width: 240px;
}

.ContentModerationContainer_building__2HYPH {
  width: 160px;
  white-space: normal;
}

.ContentModerationContainer_contentColumn__w9ImQ {
  width: 300px;
  white-space: wrap;
  cursor: pointer;
  text-align: start;
}

.ContentModerationContainer_contentCreatedAt__2OotA {
  color: var(--cobuTextBlack);
}

.ContentModerationContainer_contentCreatedAt__2OotA::first-letter,
.ContentModerationContainer_contentColumn__w9ImQ::first-letter {
  text-transform: uppercase;
}

.ContentModerationContainer_smallColumn__2rlUp {
  width: 80px;
}

.ContentModerationContainer_actionsColumn__1IZfO {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.ContentModerationContainer_actionsColumn__1IZfO > button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #2721631a;
  border-radius: 3px;
  margin-right: 8px;
  border: none;
  padding: 4px 8px;
  font-weight: 500;
}

.ContentModerationContainer_reviewButton__3uh0K {
  font-weight: 500;
  color: var(--cobuTextBlack);
}

.ContentModerationContainer_reviewAboveButton__BGPy2 {
  visibility: hidden;
  font-weight: 500;
  background-color: #fec100 !important;
}

.ContentModerationContainer_contentImages__1lyX8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ContentModerationContainer_contentImages__1lyX8 > div {
  display: block;
  height: 140px;
  width: 140px;
  border-radius: 8px;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.ContentModerationContainer_viewAllImages__2OxS8 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  border-radius: 8px;
  text-align: center;
}

.ContentModerationContainer_viewAllImages__2OxS8 > button {
  width: 100%;
  color: white;
  position: relative;
  top: 0px;
  left: -120px;
  background: rgba(0, 0, 0, 0.6);
}

.ContentModerationContainer_greenText__3AKZI {
  color: green;
}

.ContentModerationContainer_redText__2j9Pp {
  color: red;
}

.ContentModerationContainer_positiveSentiment__QbgQu {
  background-color: var(--cobuTurquoise);
  color: white;
  border-radius: 4px;
  padding: 6px;
  text-align: center;
}

.ContentModerationContainer_negativeSentiment__Si1-u {
  background-color: red;
  color: white;
  border-radius: 4px;
  padding: 6px;
  text-align: center;
}

.ContentModerationContainer_undefinedSentiment__3deCV {
  background-color: lightgray;
  color: white;
  border-radius: 4px;
  padding: 6px;
  text-align: center;
}

.ContentModerationContainer_commentDetailsActions__21BR6 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.ContentModerationContainer_contentImages__1lyX8 {
  display: flex;
  flex-direction: row;
}

#comments-moderation-table > div > table > tbody > tr > td:first-child {
  width: 10px;
}

#comments-moderation-table > div > table > thead {
  text-transform: uppercase;
}

#proposed-groups > div > table > thead > tr:first-child > th {
  border-right: 2px solid rgba(39, 33, 99, 0.1);
}

#proposed-groups > div > table > thead > tr > th {
  border-right: 2px solid rgba(39, 33, 99, 0.1);
}

#proposed-groups > div > table > thead > tr > th {
  width: 120px;
}

#proposed-groups > div > table > thead > tr:first-child > th:last-child {
  border-right: none;
}

#proposed-groups > div > table > thead > tr > th:last-child {
  border-right: none;
}

#proposed-groups > div > table > tbody > tr > td:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

#proposed-groups > div > table > tbody > tr > td > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  width: 180px;
  font-weight: normal;
}

.tableColumn {
  font-size: 14px;
}

.suggestingUser {
  width: 140px !important;
}

.proposedGroupTitle {
  width: 180px;
  white-space: normal !important;
  font-weight: 500 !important;
  color: var(--cobuPurple);
}

#proposed-groups > div > table > tbody > tr > td > div::first-letter {
  text-transform: uppercase;
}

.proposedGroupDescription {
  width: 300px;
  white-space: normal !important;
}

.actionsColumn {
  width: 150px !important;
}

.rejectionReason {
  color: lightcoral;
}

.BuildingPmsIntegrationManagement_container__46Zrx {
  display: grid;
  grid-gap: 24px;
}

.BuildingPmsIntegrationManagement_content__aYmal {
  display: flex;
  border-radius: 8px;
  border: 1px dashed rgba(39, 33, 99, 0.2);
  background: rgba(39, 33, 99, 0.03);
}

.BuildingPmsIntegrationManagement_code__8Nwj0 {
  padding: 24px;
  max-height: 200px;
}

.BuildingPmsIntegrationManagement_toggleContainer__2ilx1 {
  display: flex;
  border-radius: 8px;
  border: 1px dashed rgba(39, 33, 99, 0.2);
  background: rgba(39, 33, 99, 0.03);
  ;
  align-items: center;
  padding: 20px 24px;
}

.BuildingPmsIntegrationManagement_qrCode__1tHMu {
  width: 120px;
  height: 120px;
}

.BuildingPmsIntegrationManagement_codeWrap__3OnTR {
  display: flex;
  align-items: center;
  margin-left: 32px;
}

.BuildingPmsIntegrationManagement_CodeDetail__3sftI {
  margin-left: 24px;
}

.BuildingPmsIntegrationManagement_gridContainer__a2wrr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
}

.BuildingPmsIntegrationManagement_item__3oW7R {
  display: flex;
  flex-direction: column;
}

.BuildingPmsIntegrationManagement_title__3BT1b {
  color: var(--cobuDarkBlue);
}

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

.BuildingPmsIntegrationManagement_flexColumn__34AH_ {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

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

.BuildingPmsIntegrationManagement_formButtons__2zwGh {
  display: flex;
  flex-direction: row-reverse;
}
#group-event-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
  margin-top: -20px;
}

#group-event-form select {
  background: rgba(55, 72, 172, 0.3) 96% 0;
  width: 100%;
  height: 45px;
  overflow: hidden;
  border: 1px solid #3728AC;
  border-radius: 5px;
  font-size: 13px;
}

#group-event-form select:disabled {
  background: rgba(219, 219, 219, 0.5) 96% 0;
  border: 1px solid #D4D4D4;
}

.half-form-width {
  display: inline-block;
  width: 48%;
  margin: 25px 0;
}

.what-to-bring {
  margin-top: 25px;
}

.max {
  margin-top: 25px;
  width: 250px;
}

#group-event-form .img-button-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

#group-event-form .img-button-container > button {
  margin-top: 20px;
}

label.select-label {
  color: #303f9f;
  font-size: 12px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 2;
}

@media only screen and (max-width: 600px) {
  .half-form-width {
      width: 100%;
  }
}
.marginTop1 {
  margin-top: 25px;
}

#GroupsContainer {
  width: 90%;
  margin-left: 5%;
  margin-top: 1%;
}

#GroupsContainer h2 {
  text-align: center;
}

.group-form > div {
  margin: 10px 0;
  min-width: 200px;
} 

.group-modal-content h3,
.group-form > h3 {
  text-align: center;
}

.group-modal-content button {
  margin-top: 20px;
}

.warning-text {
  color: red;
}
.tableHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  grid-column-gap: 10px;
  -webkit-column-gap: 10px;
          column-gap: 10px;
  margin: 10px 0;
}

.tableTitle {
  color: var(--cobuDarkBlue);
}

.switchSelected {
  background-color: var(--cobuDarkBlue);
  color: var(--cobuWhite);
}

.defaultSwitch {
  color: rgba(39, 33, 99, 0.5);
}

.container {
  padding: 50px;
}

.table-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.table-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  grid-gap: 20px;
  gap: 20px;
}

.selected-tab-cell {
  background-color: var(--cobuGreen);
}

.change-assignment-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

.select-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.property-container {
  margin: 50px;
}

.tag-input {
  width: 100%;
}

.main-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.single-assignment {
  flex: 1.5 1;
}

.bulk-assignment {
  flex: 1 1;
}

.tag-attributes {
  flex: 1.5 1;
}


input[type="file"] {
  display: none;
}

.csv-container {
  display: flex;
  flex-direction: row;
  grid-gap: 0 10px;
  gap: 0 10px;
}
.property-container {
  margin: 50px;
}

.UploadRentRoll_pageWrapper__N1lGe {
  padding: 40px;
}

.UploadRentRoll_headerWrapper__1PddT > div {
  width: 40%;
}

.UploadRentRoll_column__3Azh8 {
  font-size: 18px;
  color: black;
  font-weight: 400;
}

.UploadRentRoll_fileUploadWrapper__3CM5w {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  border: 1px dashed #27216333;
  border-style: dashed;
  background: #2721630f;
  border-radius: 8px;
  margin-top: 4px;
}

.UploadRentRoll_sheetFileinput__3QJiY {
  display: block;
  width: 100%;
  height: 200px;
  width: 560px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.table-wrapper > div > table > thead > tr > td {
  width: 100%;
  padding: 0px;
}

select.column-match {
  border-radius: 0px;
  border: 1px dashed #272163;
}

input.row-select {
  border-radius: 50%;
}

.TenantMatching_pageWrapper__2ZbGZ {
  padding: 40px;
}

.TenantMatching_headerWrapper__uj7vn > div {
  width: 40%;
}

.TenantMatching_column__39YKq {
  font-size: 18px;
  color: black;
  font-weight: 400;
  width: 200px;
}

#users-table > div > div > table,
#tenant-matching-table > div > table {
  margin-bottom: 0px !important;
}

#users-table > div > div {
  overflow: auto !important;
}

#tenant-matching-table > div {
  max-height: 400px !important;
  overflow: auto !important;
}

#users-table > div > div > table > thead > tr > th:nth-last-child(1) > div {
  justify-content: center;
}

/* #users-table > div > div > table > tbody > tr > td > div {
  margin-top: 48px;
  margin-bottom: 48px;
}

#users-table > div > div > table > tbody > tr > td:nth-last-child(1) > div {
  margin-top: 0px;
} */

#users-table > div > div > table > tbody > tr > td:nth-last-child(1),
#users-table > div > div > table > thead > tr > th:nth-last-child(1) {
  width: 800px !important;
  max-width: 800px !important;
  padding: 0px !important;
}

#tenant-matching-table > div {
  border-radius: 0px;
  border-right: none;
}

#tenant-matching-table > div > table > tbody > tr > td {
  border-bottom: 2px solid rgba(39, 33, 99, 0.1);
}

td {
  padding: 0px;
}

.last-sync-status-FAILED {
  text-align: center;
  padding: 4px 16px;
  border-radius: 4px;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--cobuRed);
}

td:first-child {
  text-transform: capitalize !important;
}

.building-dropdown-select {
  text-transform: lowercase !important;
}

.building-dropdown-select::first-letter {
  text-transform: uppercase !important;
}

.last-sync-status-SUCCESS {
  text-align: center;
  padding: 4px 16px;
  border-radius: 4px;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--cobuTurquoise);
}

.last-sync-status-PENDING {
  text-align: center;
  padding: 4px 16px;
  border-radius: 4px;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--cobuLightGreyPointFive);
}

#buttons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0px;
}


.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.formButtons {
  display: flex;
  justify-content: flex-end;
}

.item {
  display: flex;
  flex-direction: column;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.formButtons {
  display: flex;
  justify-content: flex-end;
}

.item {
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.completed-flyer-switch {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 0 10px;
  gap: 0 10px;
  margin-bottom: 20px;
  align-self: flex-end;
}

.EventManagement_loadingContainer__2csl-{
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
  }
#form-container {
  overflow: 'auto';
}

.item {
  display: flex;
  flex-direction: column;
  margin: 16px 0 0 0;
}

.form-container {
  background-color: #f2f2f2;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content {
  background-color: var(--cobuWhite);
  padding: 15px;
  border-radius: 12px;
  border: 1px solid var(--cobuBlack);
}

.logo-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 20px 0;
  border-radius: 4px;
}

.building-logo {
  width: 100%;
  height: 10vh;
  align-self: center;
  object-fit: scale-down;
}

@media (min-width: 1025px) {
  .building-logo {
    height: 12vh;
  }
}

.ceterAlign {
  text-align: center;
}

.referredBy {
  color: #667085;
  margin: 30px 0;
  white-space: pre-line;
  font-size: 12px;
}

.referAFriend {
  font-size: 21px;
}

.footer {
  margin: 20px 0 0 0;
  color: #344054;
}

.submit-another {
  font-size: 17px;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  background-color: #272163;
}

.form-submit {
  font-size: 17px;
  font-weight: bold;
  padding: 12px;
  display: block;
  width: 100%;
  background-color: #272163;
}

.footer-img {
  width: 170px;
  height: 50px;
}

.footer-img-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 90px 0 0 0;
}

.footer-description {
  color: #344054;
  margin: 0 0 20px 0;
  text-align: center;
}

.thankyou-container {
  height: 85vh;
}

.terms-and-condition {
  white-space: pre-line;
}

.FormSection_container__3Hdc5,.FormSection_rhombus__2L13Q{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:transparent;background-color:var(--rhombusColor, transparent);padding:25px;transition:all .5s}@media screen and (min-width: 750px){.FormSection_container__3Hdc5,.FormSection_rhombus__2L13Q{padding:20px 20%}}.FormSection_content__1dd67{width:100%}.FormSection_bg-image__2maCN{height:30vh;background-size:100% 100%}@media screen and (min-width: 750px){.FormSection_bg-image__2maCN{height:15vw;background-size:100% 150%;background-position-y:50%}}.FormSection_rhombus__2L13Q{margin-top:39px}.FormSection_rhombus__2L13Q::before,.FormSection_rhombus__2L13Q::after{content:"";position:absolute;width:0;border-style:solid}.FormSection_rhombus__2L13Q::before{top:-40px;left:0;border-top:0px solid rgba(0,0,0,0);border-left:100vw solid rgba(0,0,0,0);border-right:0 solid rgba(0,0,0,0);border-bottom:41px solid transparent;border-bottom:41px solid var(--rhombusColor, transparent);display:"block";display:var(--showTopBorder, "block")}@media screen and (min-width: 750px){.FormSection_rhombus__2L13Q::before{border-left:40vw solid rgba(0,0,0,0)}}.FormSection_rhombus__2L13Q::after{bottom:-40px;left:0;border-width:41px 100vw 0 0;border-color:transparent rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-color:var(--rhombusColor, transparent) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:"block";display:var(--showBottomBorder, "block")}@media screen and (min-width: 750px){.FormSection_rhombus__2L13Q::after{border-width:41px 40vw 0 0}}
.ReferralPageV1_container__1YInC{background-color:#000}@media screen and (min-width: 750px){.ReferralPageV1_container__1YInC{display:flex;flex-direction:column;justify-content:center;align-items:center}}.ReferralPageV1_thankyouContent__2t3A5{display:flex;height:100vh}@media screen and (min-width: 750px){.ReferralPageV1_content__13Xno{width:40vw}}.ReferralPageV1_hedingSection__3YOuy{color:var(--cobuWhite);text-decoration:underline;padding:30px;text-align:center;background-color:var(--cobuTurquoise);margin:0}.ReferralPageV1_headerImage__3Rod2{max-width:50%;height:35%;align-self:start;padding:5px;background-color:var(--backgroundColor)}@media screen and (min-width: 750px){.ReferralPageV1_headerImage__3Rod2{align-self:center}}.ReferralPageV1_messageWrapper__1Zwrz{display:flex;grid-gap:0 20px;gap:0 20px;color:var(--cobuWhite);white-space:pre-line}.ReferralPageV1_profileImage__J2kJE{min-width:80px;width:80px;height:80px;min-height:80px;border-radius:50%;box-shadow:0px 4px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:33px;font-weight:bold}.ReferralPageV1_noWordSpacing__l37gP{word-spacing:0px}.ReferralPageV1_cobuAppLogo__3Msvy{width:80%}.ReferralPageV1_inputItem__1xRxo{display:flex;flex-direction:column}.ReferralPageV1_modal__VQt42{position:fixed;z-index:1;top:0;overflow:auto;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}@media screen and (min-width: 750px){.ReferralPageV1_modal__VQt42{width:40vw}}.ReferralPageV1_modalContent__1NvbE{height:100%;display:flex;flex-direction:column;justify-content:center}.ReferralPageV1_modalForm__CWw0t{background-color:#fff;margin:20px;border-radius:10px;overflow-y:scroll;overflow-x:hidden}.ReferralPageV1_modalReferralForm__2DOhn{padding:15px 30px}.ReferralPageV1_modalFormHeader__3EFPz{padding:10px 10px 0 10px;background-color:#edebff;display:flex;flex-direction:column;align-items:center;border-top-right-radius:10px;border-top-left-radius:10px}.ReferralPageV1_formCloseIcon__mv4FE{align-self:flex-end;padding:5px 0 5px 10px;margin:0 0 4px 0;position:absolute;width:20px;height:20px}@media screen and (min-width: 750px){.ReferralPageV1_formCloseIcon__mv4FE{position:relative}}.ReferralPageV1_formFields__1s14A{display:flex;flex-direction:column;grid-gap:8px 0;gap:8px 0}.ReferralPageV1_shareIcon__1QF46{width:100px;height:100px}@media screen and (min-width: 750px){.ReferralPageV1_shareIcon__1QF46{width:150px;height:150px}}.ReferralPageV1_combined-bonus__3YM9K{font-style:italic}.ReferralPageV1_noActiveOffer__fmMiw{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:250px;border:1px solid #d8d8d8;border-radius:10px;padding:20px;font-size:16px;line-height:24px;color:#000;color:var(--cobuBlack, #000);background-color:#fff;background-color:var(--cobuWhite, #fff);text-align:center;display:flex;align-items:center;justify-content:center}
.ModalFloatLoader_modal__3b-1e{position:fixed;z-index:1;top:0;overflow:auto;height:100%;width:100%;background-color:#000;background-color:rgba(0,0,0,.4)}
.no-referral-container {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

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

.manage-lead {
  text-decoration: underline;
}

.manage-lead-comment {
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  overflow: hidden
}
.leadManagementForm_formButtons__3Okrf{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}
.referral-settting-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.entrata-item-0 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.table-separater {
  background-color: black;
  width: 0.5px;
}

select {
  text-transform: capitalize;
}

.create-referral-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.diagonal-user-type-section {
  padding: 20px;
  background-color: var(--cobuLightGreyPointZeroFive);
  margin: 0 0 20px 0;
}

.diagonal-user-type-content {
  margin: 20px 0 0 0;
}

.create-referral-item {
  display: flex;
  flex-direction: column;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.item {
  display: flex;
  flex-direction: column;
}

.UploadBranchData_fileUploadWrapper__3h4J4 {
  border: 2px dashed #ccc;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.UploadBranchData_fileUploadWrapper__3h4J4:hover {
  border-color: #666;
}

.UploadBranchData_fileInput__15fuf {
  display: none;
} 
.Deeplink_loadingContainer__26fam{
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
}

.Deeplink_qrCode__1RA8_ {
    width: 120px;
    height: 120px;
}
  
.AddEntrataConfig_header__2z36u {
  padding: 2.5% 9%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.AddEntrataConfig_container__3pq6l {
  background-color: var(--cobuDarkBlue);
  min-height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
}

.AddEntrataConfig_grid__1rL9N {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.AddEntrataConfig_item__1lOx- {
  display: flex;
  flex-direction: column;
}

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

.AddEntrataConfig_form__2PQna {
  background-color: white;
  padding: 2% 5%;
  display: flex;
  flex-direction: column;
}

.AddEntrataConfig_logo__1Lhw5 {
  width: 100px;
}

.AddEntrataConfig_containersuccess__3-fT0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  width: 40%;
  background-color: #f4f4f4;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.AddEntrataConfig_heading__1wpEU {
  color: #272163;
  font-size: 24px;
  margin-bottom: 20px;
}

.AddEntrataConfig_paragraph__3fVGR {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
}

.AddEntrataConfig_button__1KmPH {
  background-color: #272163;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

.AddEntrataConfig_button__1KmPH:hover {
  background-color: #1f1a5c;
}

.AddEntrataConfig_linkContainer__Z9W1V {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0 20px 0;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.item {
  display: flex;
  flex-direction: column;
}


.last-sync-status-FAILED {
  text-align: center;
  padding: 4px 16px;
  border-radius: 4px;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--cobuRed);
}

.last-sync-status-SUCCESS {
  text-align: center;
  padding: 4px 16px;
  border-radius: 4px;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--cobuTurquoise);
}

#buttons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0px;
}

td:nth-child(1),
td:nth-child(5),
td:nth-child(6) {
  max-width: 800px !important;
}

.ActiveQueues_loadingContainer__2qESr {
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
}

.ActiveQueues_status__3PSBw {
    padding: 5px 10px;
    border-radius: 8px;
    color: white;
    text-align: center;
    font-weight: bold;
    width: 150px;
}

/* Different background colors for each status */
.ActiveQueues_pending__3_Rjd {
    background-color: #ff9800;
    /* Orange for pending */
}

.ActiveQueues_processing__TXQVr {
    background-color: #2196f3;
    /* Blue for processing */
}

.ActiveQueues_completed__3fwlK {
    background-color: #4caf50;
    /* Green for completed */
}

.ActiveQueues_failed__1QP9G {
    background-color: #f44336;
    /* Red for failed */
}

.ActiveQueues_failureReason__3eNLo {
    color: #f44336; /* Red color for failure reason */
    font-size: 0.9em;
    padding: 5px;
    border-radius: 4px;
    white-space: normal;
    overflow: hidden;
    background-color: #ffe6e6; /* Light red background */
}

.ActiveQueues_noFailureReason__2fscF {
    color: #777; /* Grey color for placeholder */
    text-align: center;
}

.AddYardiConfig_header__37DR9 {
  padding: 2.5% 9%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.AddYardiConfig_container__3TIur {
  background-color: var(--cobuDarkBlue);
  min-height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
}

.AddYardiConfig_grid__1gyTS {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.AddYardiConfig_item__vNfy3 {
  display: flex;
  flex-direction: column;
}

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

.AddYardiConfig_form__1Fm9t {
  background-color: white;
  padding: 2% 5%;
  display: flex;
  flex-direction: column;
}

.AddYardiConfig_logo__2zBN8 {
  width: 100px;
}

.AddYardiConfig_containersuccess__3OS4v {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  width: 40%;
  background-color: #f4f4f4;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.AddYardiConfig_heading__27FwE {
  color: #272163;
  font-size: 24px;
  margin-bottom: 20px;
}

.AddYardiConfig_paragraph__3xo82 {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
}

.AddYardiConfig_button__2UZT3 {
  background-color: #272163;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

.AddYardiConfig_button__2UZT3:hover {
  background-color: #1f1a5c;
}

.AddYardiConfig_linkContainer__1cimd {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0 20px 0;
}

.MyBuildingTiles_container__Vp9Ei{padding:30px}.MyBuildingTiles_addNewTile__14K1i{cursor:pointer;text-decoration:underline;color:rgba(39,33,99,.5);text-align:center}
/* Container Styles */
.EditBuildingImages_uploaderContainer__2dBA3 {
    padding: 20px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    text-align: center;
}

/* Uploaded Images Section */
.EditBuildingImages_uploadedImagesContainer__10R8F {
    margin-top: 20px;
}

.EditBuildingImages_imageGrid__16ZLY {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 15px;
    gap: 15px;
}

.EditBuildingImages_imageWrapper__cmC_9 {
    position: relative;
    cursor: pointer;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
}

.EditBuildingImages_imageWrapper__cmC_9:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}

.EditBuildingImages_uploadedImage__3DDgA {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

/* Remove Icon */
.EditBuildingImages_removeIcon__1MwDC {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 24px;
    font-weight: bold;
    color: white;
    background: rgba(255, 0, 0, 0.8);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.EditBuildingImages_removeIcon__1MwDC:hover {
    background: red;
}

/* Loading Container */
.EditBuildingImages_loadingContainer__2SaOd {
    padding: 16px 122px 0 122px;
    justify-content: center;
    align-items: center;
}


/* Zoomed Image Overlay */
.EditBuildingImages_zoomedImageOverlay__3KWuE {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.EditBuildingImages_zoomedImageContainer__1pHYA {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    border-radius: 8px;
}

.EditBuildingImages_zoomedImage__aiNcI {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
}

.EditBuildingImages_closeButton__1xv0c {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    background: rgba(255, 0, 0, 0.8);
    color: white;
    font-size: 24px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    border-radius: 50%;
}

.EditBuildingImages_closeButton__1xv0c:hover {
    background: red;
}
.content-container {
    padding: 20px;
}

.tiles-container {
    display: flex;
    flex-direction: row;
}

.tile-container {
    background-color: #000;
    border-radius: 16px;
    padding: 20px;
    width: 180px;
    height: 180px;
    color: #fff;
    cursor: pointer;
}

.title-container {
    font-size: 24px;
    font-weight: bold;
}

.title-line1 {
    color: #64b5f6; /* Blueish color */
}

.title-line2 {
    color: #f06292; /* Pinkish color */
}

.description {
    font-size: 14px;
    line-height: 1.5;
    color: #bdbdbd;
}
.boolean-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
  }
  
  .boolean-box--true {
    background-color: green;
  }
  
  .boolean-box--false {
    background-color: red;
  }
.CreateQuestionnaire_addNewQuestion__1eAfO{cursor:pointer;text-decoration:underline;color:rgba(39,33,99,.5);text-align:center}.CreateQuestionnaire_container__1BVJ-{padding:30px}.CreateQuestionnaire_questionNameContainer__IlkdV{display:flex;flex-direction:row;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;align-items:center}.CreateQuestionnaire_submitSurvey__3IQye{display:flex;flex-direction:row;justify-content:flex-end;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}
.QuestionnaireList_container__3ubaf{padding:30px}.QuestionnaireList_createSurvey__1dKFw{display:flex;flex-direction:row;justify-content:flex-end}
.UGC_container__1gipc{padding:20px 50px}.UGC_sourceContainer__3dVDb{display:flex;flex-direction:row;align-items:flex-end;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.UGC_rowContainer__2bGj6{display:flex;flex:1 1;flex-direction:row;align-items:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;justify-content:space-between}.UGC_textButton__yr-iL{min-width:unset;min-height:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px}.UGC_grid__1ipE4{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.UGC_commentsContainer__3LIwl{display:flex;flex-direction:column;grid-row-gap:50px;row-gap:50px}.UGC_videoTableContainer__25SPR{margin-top:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:24px;width:100%}.UGC_videoTableContainer__25SPR h2{color:#272163;font-size:20px;font-weight:600;margin-bottom:16px}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e{position:relative;display:inline-block;width:60px;height:34px}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e input{opacity:0;width:0;height:0}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e input:checked+.UGC_slider__1Xdll{background-color:#4caf50}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e input:focus+.UGC_slider__1Xdll{box-shadow:0 0 1px #4caf50}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e input:checked+.UGC_slider__1Xdll:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e .UGC_slider__1Xdll{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.UGC_videoTableContainer__25SPR .UGC_switch__1Rc9e .UGC_slider__1Xdll:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.UGC_videoTableContainer__25SPR .UGC_videoTableContainer__25SPR{margin-top:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:24px;width:100%}.UGC_videoTableContainer__25SPR .UGC_videoTableContainer__25SPR h2{color:#272163;font-size:20px;font-weight:600;margin-bottom:16px}.UGC_videoTableContainer__25SPR .UGC_addVideoContainer__vxU8u{display:flex;margin-top:16px;padding-top:16px;border-top:1px solid #eaeaea}.UGC_videoTableContainer__25SPR .UGC_addVideoContainer__vxU8u .UGC_videoUrlInput__3lUHT{flex:1 1;padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;margin-right:12px;font-size:14px}.UGC_videoTableContainer__25SPR .UGC_addVideoContainer__vxU8u .UGC_videoUrlInput__3lUHT:focus{outline:none;border-color:#272163;box-shadow:0 0 0 2px rgba(39,33,99,.1)}
.QuestionnaireResult_otherCCIContainer__2bQvG{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}.QuestionnaireResult_cciContainer__1ttBr{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}.QuestionnaireResult_rowContainer__1pbdq{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.QuestionnaireResult_optionGrid__WN4_v{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.QuestionnaireResult_otherCCIOption__200Ve{padding:20px;border-radius:10px;background-color:var(--cobuLightGreyPointEigth)}.QuestionnaireResult_container__3Mc_P{padding:40px}.QuestionnaireResult_answerContainer__bpizf{display:flex;flex-direction:column;grid-row-gap:15px;row-gap:15px}.QuestionnaireResult_questionsWithAnswerContainer__3zNko{display:flex;flex-direction:column;grid-row-gap:20px;row-gap:20px}
#noGridInput {
    margin: 15px 0 0 0;
}

#onBoardingHeading {
    color: var(--cobuDarkBlue);
    margin: 27px 0 13px 0;

}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.item {
    display: flex;
    flex-direction: column;
}

.title {
    color: var(--cobuDarkBlue);
}

.errorTitle {
    color: var(--cobuError);
}

.nonEditable {
    background-color: lightgray;
}

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

.flexColumn {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

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

.formButtons {
    display: flex;
    justify-content: flex-end;
}

.radioInpuContainer {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--cobuLightGreyPointTwo);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 18px;
}

.disabled {
    opacity: 0.3;
    border-color: var(--cobuDarkBlueDisable);
}

.rsvpRequiredContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-gap: 0px 24px;
    gap: 0px 24px;
    grid-template-areas: 'rsvpRequired attendees';
}

.rsvpRequired {
    grid-area: rsvpRequired;
}

.attendees {
    grid-area: attendees;
}

p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(39, 33, 99, 0.5);
}


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

.rowTextStyle {
    display: flex;
    flex: 60% 1;
    background-color: 'red';
    color: var(--cobuDarkBlue);
}

.switchStyle {
    -webkit-transform: scale(0.6);
            transform: scale(0.6)
}

.additional-url-container {
    margin: 10px 0
}

#building-form {
    overflow: 'auto';
    height: 75%
}

.review-description {
    margin: 4px 0 0 0;
}

#form-container {
    overflow: 'auto';
}

.create-container { 
    padding: 20px 20px 20px 20px;
}

.first-section-heading {
    color: var(--cobuDarkBlue);
}

.section-heading {
    color: var(--cobuDarkBlue);
    margin: 100px 0 30px 0;
}

.createEditBuildingForm {
    display: flex;
    flex-direction: column;
}

.section-container {
    padding: 20px;
    background-color: var(--cobuLightGreyPointSix);
    border: 2px dashed var(--cobuLightGreyPointTwo);
}

.sticky-header {
    background-color: var(--cobuYellow);
}

.sticky-header-container {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0px;
    padding: 20px 0 0 0;
    background-color: var(--cobuWhite);
}

.header-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.header-list-divider {
    height: 50px;
    width: 2px;
    background-color: var(--cobuDarkBlue);
}

.header-list-item {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.tab-focused {
    background-color: var(--cobuLightBlue);
    border: 2px solid var(--cobuDarkBlue);
    border-radius: 8px;
    box-shadow: 0 0 5px var(--cobuDarkBlue);
}
#noGridInput {
    margin: 15px 0 0 0;
}

#onBoardingHeading {
    color: var(--cobuDarkBlue);
    margin: 27px 0 13px 0;

}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.item {
    display: flex;
    flex-direction: column;
}

.title {
    color: var(--cobuDarkBlue);
}

.errorTitle {
    color: var(--cobuError);
}

.nonEditable {
    background-color: lightgray;
}

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

.flexColumn {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

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

.formButtons {
    display: flex;
    justify-content: flex-end;
}

.radioInpuContainer {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--cobuLightGreyPointTwo);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 18px;
}

.disabled {
    opacity: 0.3;
    border-color: var(--cobuDarkBlueDisable);
}

.rsvpRequiredContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-gap: 0px 24px;
    gap: 0px 24px;
    grid-template-areas: 'rsvpRequired attendees';
}

.rsvpRequired {
    grid-area: rsvpRequired;
}

.attendees {
    grid-area: attendees;
}

p {
    font-size: 14px;
    line-height: 16px;
    color: rgba(39, 33, 99, 0.5);
}


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

.rowTextStyle {
    display: flex;
    flex: 60% 1;
    background-color: 'red';
    color: var(--cobuDarkBlue);
}

.switchStyle {
    -webkit-transform: scale(0.6);
            transform: scale(0.6)
}

.additional-url-container {
    margin: 10px 0
}

#building-form {
    overflow: 'auto';
    height: 75%
}

.review-description {
    margin: 4px 0 0 0;
}

#form-container {
    overflow: 'auto';
}

.create-edit-container { 
    padding: 0 20px 20px 20px;
}

.section-heading {
    color: var(--cobuDarkBlue);
    margin: 100px 0 30px 0;
}

.createEditBuildingForm {
    display: flex;
    flex-direction: column;
}

.section-container {
    padding: 20px;
    background-color: var(--cobuLightGreyPointSix);
    border: 2px dashed var(--cobuLightGreyPointTwo);
}

.sticky-header {
    background-color: var(--cobuYellow);
}

.sticky-header-container {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0px;
    padding: 20px 0 0 0;
    background-color: var(--cobuWhite);
}

.header-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.header-list-divider {
    height: 50px;
    width: 2px;
    background-color: var(--cobuDarkBlue);
}

.header-list-item {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.ManageWordsForm_capitalizeInput__16Yqn {
    text-transform: capitalize;
} 
.ManageWordsList_container__1HqCa {
    display: flex;
    flex-direction: row;
    grid-gap: 20px;
    gap: 20px;
}

.ManageWordsList_tableContainer__AmtnU {
    flex: 1 1;
    min-width: 0;
}

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

.ManageWordsList_tableContent__8f0HM {
    white-space: normal;
}

.ManageWordsLoader_loadingContainer__38WSw{
  padding: 16px 122px 0 122px;
  justify-content: center;
  align-items: center;
}

.ManageWordsLoader_comment__3qiCJ {
  text-align: center;
}

.BuildingNotes_notesSection__1OVQi {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.BuildingNotes_sectionTitle__mKjWp {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.BuildingNotes_notesList__2XU_q {
  max-height: 400px;
  overflow-y: auto;
  margin-top: 15px;
}

.BuildingNotes_noteItem__3u7TF {
  padding: 15px;
  background-color: white;
  border-radius: 6px;
  margin-bottom: 15px;
  border-left: 3px solid #3498db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.BuildingNotes_noteHeader__1oY6e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.BuildingNotes_noteHeaderLeft__1kZ3f {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}

.BuildingNotes_pinButton__qeEzx {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.BuildingNotes_pin__3Dwj0 {
  width: 18px;
  height: 18px;
  fill: #95a5a6;
  transition: fill 0.2s ease;
}

.BuildingNotes_pinActive__1mugU {
  width: 18px;
  height: 18px;
  fill: #e74c3c;
  transition: fill 0.2s ease;
}

.BuildingNotes_pinButton__qeEzx:hover .BuildingNotes_pin__3Dwj0 {
  fill: #7f8c8d;
}

.BuildingNotes_pinButton__qeEzx:hover .BuildingNotes_pinActive__1mugU {
  fill: #c0392b;
}

.BuildingNotes_addNote__yAe3T {
  width: 100%;
}

.BuildingNotes_noteTextarea__3ZNIW {
  width: 100%;
  padding: 12px;
  border: 1px solid #D3D3D3;
  border-radius: 6px;
  resize: vertical;
  font-family: inherit;
  box-sizing: border-box;
  min-height: 100px;
}

.BuildingNotes_noteTextarea__3ZNIW:focus {
  outline: none;
  border-color: #3498db;
}

.BuildingNotes_pinCheckboxContainer__7X07Z {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.BuildingNotes_pinCheckboxLabel__22VuG {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.BuildingNotes_pinCheckbox__O5xWc {
  margin-right: 8px;
}

.BuildingNotes_noData__gtNAq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  color: #95a5a6;
}

.BuildingNotes_noData__gtNAq svg {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
}

.BuildingNotes_titleLabel__HXZol {
  font-size: 16px;
  font-weight: normal;
  color: #7f8c8d;
} 
.UploadRentRoll_pageWrapper__D2H9z {
  padding: 40px;
}

.UploadRentRoll_headerWrapper__3QwgB > div {
  width: 40%;
}

.UploadRentRoll_column__JmfH0 {
  font-size: 18px;
  color: black;
  font-weight: 400;
}

.UploadRentRoll_fileUploadWrapper__3BZNF {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  border: 1px dashed #27216333;
  border-style: dashed;
  background: #2721630f;
  border-radius: 8px;
  margin-top: 4px;
  position: relative;
}

.UploadRentRoll_sheetFileinput__2sUMC {
  display: block;
  width: 100%;
  height: 200px;
  width: 560px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.UploadRentRoll_uploadButton__3oJuf {
  padding: 6px 24px;
  margin-top: 10px;
  background-color: #272163;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.UploadRentRoll_uploadButton__3oJuf:hover:not(:disabled) {
  background-color: #1a1647;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.UploadRentRoll_uploadButton__3oJuf:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
  opacity: 0.7;
}

.UploadRentRoll_buttonContent__2HwIW {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}

.UploadRentRoll_spinner__3g7Uf {
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  -webkit-animation: UploadRentRoll_spin__REEOV 1s linear infinite;
          animation: UploadRentRoll_spin__REEOV 1s linear infinite;
}

@-webkit-keyframes UploadRentRoll_spin__REEOV {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes UploadRentRoll_spin__REEOV {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.ActiveUniversalButtons_loadingContainer__1rqTS{
  padding: 16px 122px 0 122px;
  justify-content: center;
  align-items: center;
}
.UniversalButton_loadingContainer__3fRWo {
  padding: 16px 122px 0 122px;
  justify-content: center;
  align-items: center;
}
.UniversalButton_heading__96Q3m {
  text-align: center;
}

.ToggleSwitch_toggleSwitch__2p9Q1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 20px;
  transition: background-color 0.3s ease;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_small__1sXa5 {
  width: 40px;
  height: 20px;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_medium__3NBDq {
  width: 50px;
  height: 24px;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_large__1CCg7 {
  width: 60px;
  height: 28px;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_checked__3W65p {
  background-color: var(--cobuGreen);
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_disabled__1PJXw {
  cursor: not-allowed;
  opacity: 0.6;
}

.ToggleSwitch_slider__3-WaA {
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: white;
  border-radius: 50%;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_small__1sXa5 .ToggleSwitch_slider__3-WaA {
  width: 16px;
  height: 16px;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_medium__3NBDq .ToggleSwitch_slider__3-WaA {
  width: 20px;
  height: 20px;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_large__1CCg7 .ToggleSwitch_slider__3-WaA {
  width: 24px;
  height: 24px;
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_small__1sXa5 .ToggleSwitch_sliderChecked__3sq6n {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_medium__3NBDq .ToggleSwitch_sliderChecked__3sq6n {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}

.ToggleSwitch_toggleSwitch__2p9Q1.ToggleSwitch_large__1CCg7 .ToggleSwitch_sliderChecked__3sq6n {
  -webkit-transform: translateX(32px);
          transform: translateX(32px);
}

.ToggleSwitch_toggleSwitch__2p9Q1:hover:not(.ToggleSwitch_disabled__1PJXw) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
} 
.GlobalKeysManagement_loadingContainer__LGYEi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  grid-gap: 20px;
  gap: 20px;
}

.GlobalKeysManagement_header__2d5lb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}

.GlobalKeysManagement_header__2d5lb h1 {
  color: var(--cobuDarkBlue);
  margin: 0;
}

.GlobalKeysManagement_noDataContainer__J5_mf {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  color: var(--cobuLightGreyPointFive);
}

.GlobalKeysManagement_cardsGrid__3AlBf {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 50px;
}

.GlobalKeysManagement_keyCard__1CtQt {
  background: white;
  border: 2px solid var(--cobuLightGreyPointOne);
  border-radius: 12px;
  padding: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 120px;
}

.GlobalKeysManagement_keyCard__1CtQt:hover {
  border-color: var(--cobuDarkBlue);
  box-shadow: 0 4px 12px rgba(39, 33, 99, 0.1);
}

.GlobalKeysManagement_keyCard__1CtQt.GlobalKeysManagement_enabled__2MI7W {
  border-color: var(--cobuGreen);
}

.GlobalKeysManagement_cardContent__10efi {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.GlobalKeysManagement_keyInfo__ZbDpu {
  margin-bottom: 16px;
}

.GlobalKeysManagement_keyTitle__1Aj9L {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
  color: var(--cobuDarkBlue);
  margin: 0 0 8px 0;
  word-break: break-word;
  line-height: 1.3;
}

.GlobalKeysManagement_keyUuid__xi9tl {
  font-family: Roboto;
  font-size: 12px;
  color: var(--cobuLightGreyPointFive);
  margin: 0;
}

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

.GlobalKeysManagement_statusSection__qKVwy {
  flex: 1 1;
}

.GlobalKeysManagement_statusText__26H-4 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.GlobalKeysManagement_statusEnabled__P1O1s {
  color: var(--cobuGreen);
}

.GlobalKeysManagement_statusDisabled__1U-f6 {
  color: var(--cobuLightGreyPointFive);
}

@media (max-width: 768px) {
  .GlobalKeysManagement_cardsGrid__3AlBf {
    grid-template-columns: 1fr;
  }
  
  .GlobalKeysManagement_header__2d5lb {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px;
  }
  
  .GlobalKeysManagement_keyCard__1CtQt {
    min-height: auto;
  }
} 

/*# sourceMappingURL=main.20f40463.css.map*/