body {
  height: 100vh;
  height: 100svh;
  box-sizing: border-box;
  background: #000000;
  color: white;
  font-family: "Montserrat", sans-serif;
}

.custom-container {
  max-width: 950px; /* Set a smaller width */
}

.create_event_link {
  background-color: #4caf50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

#message-attachment {
  top: 0.5rem;
  right: 0.5rem;
  padding: 0px;
}

.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.day-badge {
  background-color: #fff;
  color: #000;
}

.tag {
  background-color: #333;
}

.remove-btn {
  background: none;
  border: none;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  padding: 0 0 0 10px;
}

#groupSelect {
  border: 2px solid #ffffff;
  border-radius: 0.3rem;
  color: #aaaaaa;
  font-weight: 500;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  /* background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.45355' cy='9.45355' r='9.45355' fill='white'/%3E%3Cg clip-path='url(%23clip0_1119_204)'%3E%3Cpath d='M2.91669 16.3287C2.64532 16.2048 2.57309 15.9917 2.57839 15.7051C2.63267 12.9293 4.77263 10.4618 7.53614 10.0142C7.88097 9.95851 8.23355 9.9347 8.58327 9.92703C9.20396 9.91371 9.82546 9.90483 10.4457 9.92743C12.8004 10.0134 14.5241 11.1182 15.6524 13.1436C16.0964 13.9408 16.2894 14.8115 16.3282 15.7196C16.3404 16.0026 16.2539 16.2072 15.9907 16.3283H2.91669V16.3287Z' fill='black'/%3E%3Cpath d='M5.33008 4.93839C5.33008 2.68811 7.18602 0.855589 9.46106 0.859626C11.7304 0.863662 13.5769 2.69336 13.5774 4.93799C13.5774 7.18828 11.721 9.0212 9.44637 9.01716C7.17827 9.01313 5.33008 7.18182 5.33008 4.93839Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1119_204'%3E%3Crect width='13.7506' height='15.4695' fill='white' transform='translate(2.57812 0.859619)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
  /* background-repeat: no-repeat; */
  /* background-position: right 8px center; */
  /* background-size: 24px; */
  cursor: pointer;
}

.add-recipients-input-group {
  border: 2px solid #ffffff;
  border-radius: 0.3rem;
  background-color: white;
  font-weight: 500;
  font-size: 16px;
}

.add-recipients-input-group input {
  border: none;
  background-color: transparent !important;
}

.add-recipients-input-group .add-btn {
  border: none;
  background-color: transparent !important;
}

.address-book-btn,
.attachment-btn {
  border: none;
  background-color: transparent !important;
  cursor: pointer;
}

.custom_input_fill_class {
  border: 1px solid #e1bb53 !important;
  background-color: #323030 !important;
  color: white !important;
  padding: 0 1rem !important;
  height: 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
}

.location-group {
  position: relative;
}

.location-group > input[value=""] {
  display: none !important;
}

.location-group svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  right: 1rem;
}

.review-header {
  font-weight: bold;
}

#reviewMessageContainer > .message-text {
  color: #aaaaaa;
}

/* new styles */
.no_style_btn {
  border: none;
  background-color: transparent !important;
  cursor: pointer;
}

.custom_input_fill_class {
  border: 1px solid #e1bb53 !important;
  background-color: #323030 !important;
  color: white !important;
  padding: 0 1rem !important;
  font-weight: 500;
}

.custom_input_fill_class_reverse {
  border: 1px solid #323030 !important;
  background-color: #e1bb53 !important;
  color: white !important;
  padding: 0 1rem !important;
  font-weight: 500;
}

.recipient-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e1bb53;
  background: #323030;
  gap: 0.5rem;
  padding: 0.2rem 0.5rem;
}

.recipient-box button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}