:root {
  --background: #f3f7fd;
  --primary-black: #1e1e1e;
  --primary-white: white;
  --primary-brand-light: #edebff;
  --gray-1: #7d7d7d;
  --primary-brand: #7764f9;
  --primary-green-light: #dff5df;
  --primary-green: #279b25;
  --primary-red-light: #ffe5e6;
  --primary-red: #ee2e31; 
  --gray-3: rgba(30, 30, 30, .3);
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  background-color: var(--background);
  color: var(--primary-black);
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

h1 {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

.body.pop-out {
  justify-content: center;
  align-items: center;
}

.nav-bar {
  width: 100%;
  max-width: 72px;
  background-color: var(--primary-white);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 32px 16px;
  display: flex;
}

.menu-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-link-block {
  border-radius: 10px;
  padding: 8px;
}

.menu-link-block.w--current {
  background-color: var(--primary-brand-light);
}

.main-section {
  flex: 1;
  padding: 32px;
  display: flex;
  position: relative;
}

.main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
}

.left-container {
  border-right: 1px solid rgba(30, 30, 30, .1);
  flex-direction: column;
  padding-right: 32px;
  display: flex;
  overflow: scroll;
}

.secondary-link-block {
  color: var(--gray-1);
  padding: 12px 16px;
  text-decoration: none;
}

.secondary-link-block.current {
  background-color: var(--primary-brand-light);
  border-radius: 5px;
}

.text-block-1 {
  font-weight: 500;
}

.text-block-1.current {
  color: var(--primary-brand);
  font-weight: 500;
}

.text-block-1.regular {
  color: var(--gray-1);
  flex: 0 auto;
  font-weight: 400;
}

.text-block-1.semibold {
  font-weight: 600;
}

.text-block-1.semibold.align-right {
  text-align: right;
}

.text-block-1.semibold.black {
  color: var(--primary-black);
}

.text-block-1.brand {
  color: var(--primary-brand);
  font-weight: 600;
}

.text-block-1.gray {
  color: var(--gray-1);
}

.text-block-1.warning {
  color: var(--primary-red);
}

.text-block-1.regular-black {
  font-weight: 400;
}

.text-block-1.regular-white {
  color: var(--primary-white);
  font-weight: 400;
}

.text-block-1.new-white {
  color: var(--primary-white);
}

.secondary-link-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.right-container {
  flex-direction: column;
  padding-left: 32px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.main-toolbar {
  border-top: 1px solid rgba(30, 30, 30, .1);
  border-bottom: 1px solid rgba(30, 30, 30, .1);
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.toolbar-left-container, .toolbar-right-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.toolbar-right-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.toolbar-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--primary-black);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.toolbar-link-block.prominent {
  background-color: var(--primary-brand-light);
}

.filter {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 24px;
}

.text-field-placeholder {
  height: 24px;
}

.table-tab {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid rgba(30, 30, 30, .1);
  margin-bottom: 24px;
  display: flex;
}

.tab-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--gray-1);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.selector {
  width: 100%;
  height: 2px;
  background-color: var(--primary-brand);
}

.selector.invisible {
  background-color: rgba(119, 100, 249, 0);
}

.add-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--primary-black);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.add-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.base-table-1 {
  width: 100%;
  max-width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex: 0 auto;
  /* grid-template-columns: .25fr 2fr 1fr 1fr 1fr 1fr .25fr; */
  overflow: scroll;
}

.header-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: rgba(30, 30, 30, .05);
  align-items: center;
  padding: 16px 25px 16px 24px;
  display: flex;
}

.table-header-text-block {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.header-column-small {
  background-color: rgba(30, 30, 30, .05);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.header-column-small.radius10-top-left {
  cursor: pointer;
  border-top-left-radius: 10px;
}

.header-column-small.radius10-top-right {
  border-top-right-radius: 10px;
}

.data-column-small {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.data-column-small.gray {
  background-color: rgba(30, 30, 30, .05);
}

.image {
  display: none;
}

.data-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding: 16px 25px 16px 24px;
  display: flex;
}

.data-column.gray {
  background-color: rgba(30, 30, 30, .05);
}

.data-column.linkable {
  cursor: pointer;
}

.table-data-text-block {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.table-data-text-block.chip {
  background-color: var(--primary-green-light);
  color: var(--primary-green);
  border-radius: 10px;
  padding: 4px 6px;
  font-weight: 400;
}

.table-data-text-block.chip.offline {
  background-color: var(--primary-red-light);
  color: var(--primary-red);
}

.table-data-text-block.semibold {
  color: var(--primary-brand);
  font-weight: 600;
}

.table-data-text-block.red {
  background-color: var(--primary-red-light);
  color: var(--primary-red);
  -webkit-text-stroke-color: var(--primary-green-light);
  border-radius: 10px;
  padding: 4px 6px;
  font-weight: 400;
}

.table-data-text-block.general {
  background-color: var(--primary-brand-light);
  color: var(--primary-brand);
  border-radius: 10px;
  padding: 4px 6px;
  font-weight: 400;
}

.table-data-text-block.general.brand {

  background-color: var(--primary-brand);

  color: var(--primary-white);

}

.table-data-text-block.chip.schedule {
  background: #FFEADA;
  color: #F17F29;
}

.bottom-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--primary-white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  padding: 16px 24px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  box-shadow: 0 2px 5px rgba(112, 144, 176, .25);
}

.select-page-container, .show-data-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.vertical-separator {
  width: 1px;
  height: 24px;
  background-color: rgba(30, 30, 30, .05);
}

.agents-status {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  display: flex;
}

.total-agents {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.toolbar-main-checkbox {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.custom-checkbox {
  height: 24px;
  width: 24px;
  border: 2px solid black; /* Thicker blue border */
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  background-color: white;
}

.custom-checkbox:checked {
  background-color: #007bff;
  position: relative;
}

.custom-checkbox:checked::after {
  content: '\2714'; /* Unicode character for a check mark */
  font-size: 20px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.select-wrapper {
  position: relative;
  display: inline-block;
}

.agentsPerPage {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px; /* Increased right padding for arrow */
  gap: 16px;
  width: 80px; 
  height: 32px;
  border: 1px solid #BBC6D6;
  border-radius: 5px;
  font-size: 16px; /* Increased font size */
  appearance: none; /* Removes default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  cursor: pointer;
  
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

/* Style for the custom arrow image */
.select-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
  width: 16px;
  height: 16px;
}

/* Ensure dropdown options match the select element's font size */
.agentsPerPage option {
  font-size: 16px;
}

.control-div {
  width: 100%;
  max-width: 100%;
  margin-top: 24px;
  overflow: hidden;
}

.agent-view-container {
  max-width: 1200px;
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  margin: 16px;
  padding: 24px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.agent-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 4fr;
  overflow: scroll;
}

.agent-header-container {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-2.brand {
  color: var(--primary-brand);
}

.heading-2.brand.small {
  font-size: 20px;
}

.agent-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.agent-os.small {
  width: 32px;
}

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

.dropdown-toggle {
  cursor: pointer;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.chevron-click {
  cursor: pointer;
}

.agent-toolbar {
  border-top: 1px solid rgba(30, 30, 30, .1);
  border-bottom: 1px solid rgba(30, 30, 30, .1);
  justify-content: flex-end;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.connection-status-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  align-items: center;
  margin-bottom: 24px;
  padding: 12px 16px;
  display: flex;
}

.agent-module-card {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-direction: column;
  /* padding: 0 24px; */
  display: flex;
}

.agent-module-header {
  justify-content: space-between;
  align-items: center;
  /* padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px; */
  padding: 24px 24px;
  display: flex;
}

.agent-module-title {
  display: flex;
}

.agent-module-action {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  display: flex;
}

.agent-module-action._24px-gap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.asset-information-header {
  border-top: 1px solid #bbc6d6;
  flex-direction: column;
  /* padding-top: 24px;
  padding-bottom: 24px; */
  padding: 24px 24px;
  display: flex;
}

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

.agent-module-card-grid {
  grid-template-rows: auto auto auto;
}

.stat-card {
  justify-content: flex-end;
  display: flex;
}

.stat-text-block {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.span-text {
  font-size: 16px;
}

.hard-disc-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #bbc6d6;
  grid-template-rows: auto;
  /* padding-top: 24px;
  padding-bottom: 24px; */
  padding: 24px 24px;
}


.hard-disc-grid._1-col {
  border-top-style: none;
  grid-template-columns: 1fr;
}

.hard-disc-partition {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.hard-disc-bar {
  height: 24px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  margin-top: 16px;
  margin-bottom: 8px;
}

.hard-disc-storage {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.exit-button {
  cursor: pointer;
}

.icon-wrapper {
  background-color: var(--primary-black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-2 {
  padding: 8px;
}

.add-custom-table {
  max-width: 600px;
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin: 16px;
  padding: 24px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: scroll;
}

.prompt-1 {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding: 12px 16px;
  display: flex;
}

.manage-column-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.data-chip {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--primary-brand);
  color: var(--primary-white);
  border-radius: 10px;
  justify-content: space-between;
  padding: 6px 8px;
  text-decoration: none;
  display: flex;
}

.data-chip.unselected {
  background-color: var(--primary-brand-light);
  color: var(--primary-black);
}

.data-chip-flexbox {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.horizontal-separator {
  height: 1px;
  background-color: rgba(30, 30, 30, .1);
  display: flex;
}

.add-custom-table-top-container {
  flex-direction: column;
  display: flex;
}

.button-container {
  justify-content: flex-end;
  display: flex;
}

.primary-button {
  background-color: var(--primary-brand);
  text-align: center;
  border-radius: 10px;
  padding: 12px 16px;
  font-weight: 600;
}

.primary-button.expand {
  flex: 1;
}

.primary-button.expand.border {
  border: 2px solid var(--primary-brand);
  background-color: var(--primary-white);
  color: var(--primary-brand);
}


.checkbox {
  flex: 0 auto;
}

.exit-button-2 {
  cursor: pointer;
}

.information-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.information-list.no-top-padding {
  padding-top: 0;
}

.graph-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #bbc6d6;
  flex-direction: column;
  /* padding-top: 24px;
  padding-bottom: 24px; */
  padding: 24px 24px;
  display: flex;
}

.add-table-button {
  cursor: pointer;
}

.screenshot-image {
  background-image: linear-gradient(#000, #fff);
  border-radius: 10px;
}

.screenshot-container {
  margin-bottom: 24px;
  display: flex;
  position: relative;
}

.link-block {
  position: absolute;
  top: 24px;
  bottom: auto;
  left: auto;
  right: 24px;
}

.action-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}


.modal-container {
  width: 600px;
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.modal-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-placeholder {
  background-color: var(--primary-black);
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.modal-button-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 24px;
  display: flex;
}

.pop-out-prompt {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  align-items: center;
  margin-bottom: 40px;
  margin-right: 40px;
  padding: 10px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.span-text-2 {
  color: var(--primary-brand);
}

.pop-out-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.agent-view-container-general {
  max-width: 1200px;
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  margin: 16px;
  padding: 24px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.modal-toolbar {
  border-top: 1px solid rgba(30, 30, 30, .1);
  border-bottom: 1px solid rgba(30, 30, 30, .1);
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.image-3 {
  display: none;
}

.brand-color-span {
  color: var(--primary-brand);
}

.modal-control-div {
  width: 100%;
  max-width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: visible;
}

.container-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.grid {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.modal-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--primary-black);
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  align-items: center;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.modal-new-accordian {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-direction: column;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.accordian-main-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.accordian-main-info {
  max-width: 70%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

._14px-text-block {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

._14px-text-block.gray {
  color: var(--gray-1);
}

._14px-text-block.white {
  color: var(--primary-white);
}

._14px-text-block.gray-3 {
  color: var(--gray-3);
}

._14px-text-block.white-2 {
  color: rgba(255, 255, 255, .7);
  font-weight: 400;
}

.accordian-chip-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.accordian-controls {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.accordian-sub-info-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

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

.program-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.program-logo-wrapper {
  width: 46px;
  height: 46px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.program-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.programs-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #bbc6d6;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.programs-control {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.modal-table-1 {
  width: 100%;
  max-width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex: 0 auto;
  grid-template-columns: .25fr 2fr .8fr .8fr 1fr .8fr .8fr;
  overflow: scroll;
}

.modal-table-2 {
  width: 100%;
  max-width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex: 0 auto;
  grid-template-columns: .25fr 2fr .8fr;
  overflow: scroll;
}

.calendar-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.main-calendar-container {
  border-radius: 10px;
  flex-direction: column;
  padding: 24px;
  display: flex;
  box-shadow: 3px 4px 20px -5px rgba(112, 144, 176, .3);
}

.calendar-header {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #bbc6d6;
  justify-content: space-between;
  padding-bottom: 16px;
  display: flex;
}

.calendar-arrows {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.calendar-main-date {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 16px;
  display: grid;
}

.day-container {
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.date-regular {
  font-weight: 500;
}

.date-regular.inactive {
  color: var(--gray-3);
}

.date-container {
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.date-container.selected {
  background-color: var(--primary-brand);
  color: var(--primary-white);
  border-radius: 5px;
}

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

.rc-toolbar-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.dropdown-toggle-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding: 8px;
  display: flex;
}

.icon {
  margin-right: 0;
  position: static;
}

.div-block-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.left-rc-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: center;
  display: flex;
}

.windows-wrapper {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-list-2 {
  background-color: #ddd;
}

.dropdown-list-2.w--open {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  display: flex;
  box-shadow: 6px 6px 15px 2px rgba(112, 144, 176, .15);
}

.dropdown-link {
  width: 100%;
  border-radius: 5px;
}

.dropdown-link:hover {
  background-color: rgba(30, 30, 30, .05);
}

.chat-wrapper {
  width: 800px;
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  margin: 16px;
  padding: 24px;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.agent-header-container-copy {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.chat-header-wrapper {
  border-bottom: 1px solid #bbc6d6;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 24px;
  display: flex;
}

.chat-bubble-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.chat-bubble-wrapper.right {
  align-items: flex-end;
}

.chat-bubble {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.chat-bubble.self {
  background-color: var(--primary-brand);
}

.chat-bubble.max-width {
  width: 60%;
  max-width: 60%;
}

.chat-input-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.chat-send-button {
  background-color: var(--primary-brand);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.chat-scroller {
  max-height: 600px;
  flex-direction: column;
  display: flex;
  overflow: scroll;
}

.rc-main-toolbar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.rc-secondary-toolbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

._2-col-grid {
  grid-template-rows: auto;
  margin-bottom: 40px;
}

.bread-crumb-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.bread-crumb-inner-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bread-crumb {
  border-top: 1px rgba(30, 30, 30, .1);
  border-bottom: 1px rgba(30, 30, 30, .1);
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.manage-group-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.group-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.level-1-group-wrapper {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.group-info-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.grou-link-block {
  color: var(--primary-brand);
  text-decoration: none;
}

.div-block-3 {
  height: 40px;
}

.create-sub-group-wrapper {
  border: 2px dashed var(--primary-brand-light);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.secondary-toolbar {
  border-top: 1px rgba(30, 30, 30, .1);
  border-bottom: 1px rgba(30, 30, 30, .1);
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.agent-wrapper {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.agent-wrapper.brand {
  border-color: var(--primary-brand);
  background-color: var(--primary-brand-light);
}

.agent-list-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #bbc6d6;
  flex-flow: column;
  width: 100%;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.agent-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

#w-node-_4cfadb0b-78d7-f3c0-ca38-53ee45abcd44-84a9afc4, #w-node-_1bfdaa05-e380-bab9-5644-82627c6720ca-84a9afc4, #w-node-_8a16c57b-5615-aade-dfc5-fe27c1a33686-84a9afc4, #w-node-aa4963db-029c-1bd7-2b81-8be618fe6bca-84a9afc4, #w-node-d8ae46a6-a055-6906-3195-2b25613169f4-84a9afc4, #w-node-_82c7af86-1c81-128b-840c-f351b7aca83e-84a9afc4, #w-node-_19fd1ce5-a9c8-b91b-62ca-3c2abc55f65c-84a9afc4, #w-node-_14030666-b595-3873-76f1-d1a73fd5dd61-84a9afc4, #w-node-d6fb539f-dcbf-879a-b493-06f62a1c3936-84a9afc4, #w-node-_30ea10f6-7885-aa8e-c218-ba71253709f9-84a9afc4, #w-node-af129766-6bba-6e93-14a2-ea2036ae407d-84a9afc4, #w-node-_7bfc9bf3-d256-0b79-0032-34b3ba07aa22-84a9afc4, #w-node-_7f691ac2-c04d-f8f0-a638-4c4947986d66-84a9afc4, #w-node-c922536b-4df6-3316-05b1-cef847701c76-84a9afc4, #w-node-e9475529-98c3-2d79-4c97-77bc4ab0a771-84a9afc4, #w-node-_4319edab-056a-a474-ab6d-1f98b00fed08-84a9afc4, #w-node-_89a78b54-e820-ea43-55fd-7eea84038d3d-84a9afc4, #w-node-_7854b6e2-bbd0-51f6-923f-e4cd7996b327-84a9afc4, #w-node-_26da2351-7de2-fa61-4f7d-a20de98a28c5-84a9afc4, #w-node-_542200ca-61e4-19f5-426b-7ba70b25106b-84a9afc4, #w-node-_767fa2de-0aae-132a-f7a9-718951d50cac-84a9afc4, #w-node-d7364bd4-2f84-edd1-1491-3eaf82c5b56e-84a9afc4, #w-node-aba04684-eb3f-013f-4e0d-080d7410984c-84a9afc4, #w-node-_48ddebd7-cf79-1e30-cb51-6cdde9f61ee7-84a9afc4, #w-node-_0f86752b-df6a-30d6-2047-e5744218d71e-84a9afc4, #w-node-_2845db94-4a78-0843-9f96-616c79c26e2e-84a9afc4, #w-node-_393e3445-a4fc-55d0-268f-ee8e61059c6d-84a9afc4, #w-node-_7f49e166-8b33-89fb-d5f4-5fc62b4f7ab0-84a9afc4, #w-node-_2974af08-e3fc-d0e1-9cda-6286e30a4315-84a9afc4, #w-node-_2974af08-e3fc-d0e1-9cda-6286e30a4325-84a9afc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_565a9279-ce94-1231-c862-b9eec4ee2c47-84a9afc4, #w-node-cd23659b-468b-4c5b-a421-d55cfdf81dbc-84a9afc4, #w-node-_5d4b7b4e-c54f-001f-9c3a-3be6afa5bf21-84a9afc4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_74280450-db0f-d8a3-a4db-4f31a8c26346-84a9afc4, #w-node-ac66d31c-2a99-3fe4-35cb-e2b7022540a8-84a9afc4, #w-node-_67fc2657-df7c-1c0a-8dfd-be4776fb378f-84a9afc4, #w-node-_264225cd-ade4-dfc2-e8a3-acc3733f34a1-84a9afc4, #w-node-_4cfadb0b-78d7-f3c0-ca38-53ee45abcd44-1c43a189, #w-node-_1bfdaa05-e380-bab9-5644-82627c6720ca-1c43a189, #w-node-_8a16c57b-5615-aade-dfc5-fe27c1a33686-1c43a189, #w-node-aa4963db-029c-1bd7-2b81-8be618fe6bca-1c43a189, #w-node-d8ae46a6-a055-6906-3195-2b25613169f4-1c43a189, #w-node-_82c7af86-1c81-128b-840c-f351b7aca83e-1c43a189, #w-node-_19fd1ce5-a9c8-b91b-62ca-3c2abc55f65c-1c43a189, #w-node-_14030666-b595-3873-76f1-d1a73fd5dd61-1c43a189, #w-node-d6fb539f-dcbf-879a-b493-06f62a1c3936-1c43a189, #w-node-_30ea10f6-7885-aa8e-c218-ba71253709f9-1c43a189, #w-node-af129766-6bba-6e93-14a2-ea2036ae407d-1c43a189, #w-node-_7bfc9bf3-d256-0b79-0032-34b3ba07aa22-1c43a189, #w-node-_7f691ac2-c04d-f8f0-a638-4c4947986d66-1c43a189, #w-node-c922536b-4df6-3316-05b1-cef847701c76-1c43a189, #w-node-e9475529-98c3-2d79-4c97-77bc4ab0a771-1c43a189, #w-node-_4319edab-056a-a474-ab6d-1f98b00fed08-1c43a189, #w-node-_89a78b54-e820-ea43-55fd-7eea84038d3d-1c43a189, #w-node-_7854b6e2-bbd0-51f6-923f-e4cd7996b327-1c43a189, #w-node-_26da2351-7de2-fa61-4f7d-a20de98a28c5-1c43a189, #w-node-_542200ca-61e4-19f5-426b-7ba70b25106b-1c43a189, #w-node-_767fa2de-0aae-132a-f7a9-718951d50cac-1c43a189, #w-node-d7364bd4-2f84-edd1-1491-3eaf82c5b56e-1c43a189, #w-node-aba04684-eb3f-013f-4e0d-080d7410984c-1c43a189, #w-node-_48ddebd7-cf79-1e30-cb51-6cdde9f61ee7-1c43a189, #w-node-_0f86752b-df6a-30d6-2047-e5744218d71e-1c43a189, #w-node-_2845db94-4a78-0843-9f96-616c79c26e2e-1c43a189, #w-node-_393e3445-a4fc-55d0-268f-ee8e61059c6d-1c43a189, #w-node-_7f49e166-8b33-89fb-d5f4-5fc62b4f7ab0-1c43a189, #w-node-_4cfbf477-c955-3e4b-8ab8-02e2400cc83a-b4e637fa, #w-node-_4cfbf477-c955-3e4b-8ab8-02e2400cc854-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d910b-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d910d-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9111-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9114-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9117-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d911a-b4e637fa, #w-node-_2bebe32d-d82b-0c27-8736-812a07ed3f17-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d911f-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9121-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9124-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9128-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d912b-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d912e-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9131-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9132-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9134-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9137-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d913b-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d913e-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9141-b4e637fa, #w-node-dba4eacd-23a0-9e73-1050-9e1cfb7d9144-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa94b-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa94d-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa951-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa954-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa957-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa95a-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa95d-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa960-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa962-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa965-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa968-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa96b-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa96e-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa971-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa974-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa976-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa979-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa97c-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa97f-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa982-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa985-b4e637fa, #w-node-_9c9a26fa-e19d-18ad-b9f1-469b73864da3-b4e637fa, #w-node-_8acb4a44-d4d1-fdf7-f20b-204932ebb62c-b4e637fa, #w-node-_9dbbc76b-9cab-1696-f18d-4ea4a8d19079-b4e637fa, #w-node-_15327137-6e1d-0ba6-ba33-d179ec715b93-b4e637fa, #w-node-be5cc51f-9ee2-bafe-46e9-50f2cec4d752-b4e637fa, #w-node-_1908ec4e-6576-3229-7c57-e871513ed931-b4e637fa, #w-node-ce5c7d74-fd69-73cf-a2c7-960a5fbf8063-b4e637fa, #w-node-e115d972-ab6c-674f-23e3-cfb24f73c1d8-b4e637fa, #w-node-_140eb40d-445a-1b5c-6405-09133f72dd08-b4e637fa, #w-node-cdea4468-d71e-555f-0e5a-4339a782aeb5-b4e637fa, #w-node-_67e74e04-5045-b778-b9ba-0e22751fc980-b4e637fa, #w-node-df1ba855-b65a-b6e2-7bc0-2a3e4f10833a-b4e637fa, #w-node-_73724a42-2a87-0453-ae1c-c1ed300a8008-b4e637fa, #w-node-_6c9302e8-0355-1ef4-2279-fce1012c0733-b4e637fa, #w-node-b5d4f5c8-b18d-cbb5-f9dd-bf07c2e5c211-b4e637fa, #w-node-_364b1eed-d337-4d55-e8f1-65bb38c195d8-b4e637fa, #w-node-_516bdacb-2de6-c354-236c-1aa588e81351-b4e637fa, #w-node-f578f90b-31f3-5065-25c8-0bb87d1d5274-b4e637fa, #w-node-_83494dd3-43c8-d697-6510-265bd15c26b8-b4e637fa, #w-node-eea6ce2b-6aaf-acfc-59f8-bc121bef96ce-b4e637fa, #w-node-_35957cac-c45e-62ff-b863-543d03d688f7-b4e637fa, #w-node-af4e6100-0952-1b73-c746-c74eba497158-b4e637fa, #w-node-_6653d16c-d3bc-c5b4-a3b7-685074c0b2be-b4e637fa, #w-node-_390414bd-3c0a-d428-de08-85c152103438-b4e637fa, #w-node-b2c852a9-254f-c98f-5d4b-318747470314-b4e637fa, #w-node-f281c191-c98e-15da-f5e9-d5e08764c978-b4e637fa, #w-node-c29df227-079a-0cbe-d2ba-7639d0109b78-b4e637fa, #w-node-_60224b94-afd2-c908-16b1-992650bd2de0-b4e637fa, #w-node-_24eb25b1-f98b-4e5c-4e3b-9722311107de-b4e637fa, #w-node-_63d5b99d-0aae-bc13-5645-fe540b77bd93-b4e637fa, #w-node-a564bee0-c080-fbca-f133-d484dcddc2b0-b4e637fa, #w-node-_1b540171-78b8-1137-0f9f-8af847571872-b4e637fa, #w-node-_46210a40-f2dd-13de-1f8c-a5e4ac175d01-b4e637fa, #w-node-_6b2e6c9a-8cd0-4cb9-6b7b-5dc0e037977e-b4e637fa, #w-node-_7f3b8fbf-3e34-b10c-7ca5-0de990fb889b-b4e637fa, #w-node-_7f0c5360-f0d0-45d5-46b0-cf1bb3610e03-b4e637fa, #w-node-_211e47a7-0802-48cf-881c-05f9359ccd47-b4e637fa, #w-node-_08d16afb-ead6-4b9d-1e2a-8fd94c719bb7-b4e637fa, #w-node-_40274fd6-0a88-5cc7-7476-a103f3220514-b4e637fa, #w-node-_51c8cb37-7667-06c8-96e1-f5a2d04d60a4-b4e637fa, #w-node-be757423-760c-7a25-7fc7-3422fe5fe763-b4e637fa, #w-node-_3aa54d38-0f39-a4db-ff31-90128acee4d5-b4e637fa, #w-node-_82110704-ad97-4abf-354c-728ca5f2f4b3-b4e637fa, #w-node-_332a9d4e-0292-ac4d-495e-f081c9ab1bec-b4e637fa, #w-node-_4b799c12-aeb2-45fa-fd20-410ed02b010d-b4e637fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
  height: 295px;
  overflow-y: auto;
}

.ck.ck-editor__editable_inline {
  /* border-color: #7764F9 !important; */
  border-top: none !important; /* Remove the bottom border */

}
.ck.ck-rounded-corners {
  border-color: #7764F9 !important;

}
.ck.ck-sticky-panel__content {
  border-color: #7764F9 !important;

}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break){
  margin-left: 5px; 
  margin-right: 5px; 
}

.empty-state-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty-state-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75%;
  display: flex;
}

.empty-state-visual {
  width: 200px;
}

.empty-state-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  text-align: center; /* Ensure text is centered */
}
.empty-state-text-wrapper1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  width: 80%;
  text-align: center; /* Ensure text is centered */
}


.button-with-icon {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--primary-brand);
  color: var(--primary-black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.button-with-icon.prominent {
  background-color: var(--primary-brand-light);
}

.data-with-dot {
  display: flex;
  align-items: center;
}

.orange-dot {
  width: 8px;
  height: 8px;
  background-color: orange;
  border-radius: 50%;
  margin-left: 8px;
}

.ck-powered-by-balloon{
  visibility: hidden!important;
}

.toast-container-center {
  padding: 12px !important;
  width: auto !important;
}

.toast-container-center > div {
  margin-right: 12px !important;  
  padding-right: 8px !important;
  text-align: center !important;  /* Center the text */
}

.toast-container-center1 {
  padding: 12px !important;
  width: auto !important;
}

.toast-container-center1 > div {
  margin-right: 12px !important;  
  padding-right: 8px !important;
  text-align: center !important;  /* Center the text */
}


.Toastify__toast {
  justify-content: center !important;  /* Center the entire toast content */
}

/* If you need to center the close button as well */
.Toastify__toast-body {
  flex: none !important;  /* Prevents the body from taking full width */
  margin: auto !important;  /* Centers the toast body */
  text-align: center !important;
}

*, :active {
  outline: none!important;
}

.clearfix {
  clear: both;
}
input {
  background-color: #ffffff;
  border: none;
  font-size: 16px;
  padding: 10px 0px 10px 0px;
}
.expandSearch,
.expandSearch input,
.expandSearch a {
  float: left;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.expandSearch {
  border: solid 1px #eeeeee;
}
.expandSearch input {
  height: 22px;
  overflow: hidden;
  width: 0px;
  opacity: 0;
}
.expandSearch a {
  display: block;
  padding: 12px 15px 8px 15px;
  background-color: #eeeeee;
}
.showSearch input {
  margin-left: 10px;
  margin-right: 10px;
  width: 200px;
  opacity: 1;
}
.showSearch a {
  background-color: #b3d2f2;
}
.showSearch {
  border-color: #b3d2f2;
}

.drive-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  /* padding-top: 24px;
  padding-bottom: 24px; */
  padding: 24px 24px;
  display: flex;
}

.custom-message .ant-message-notice-content {
  font-size: 24px;
  padding: 16px 24px;
  width: 400px;
}

/* Specific error message class */
.custom-message-wide .ant-message-notice-content {
  width: 500px !important;
}

.custom-message .ant-message-custom-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-message .anticon {
  font-size: 24px !important;
  margin-right: 12px;
}


.event-log-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Keep 3 columns */
  grid-auto-rows: auto; /* Rows adjust height automatically */
  grid-column-gap: 16px; /* Standard grid gap */
  grid-row-gap: 16px; /* Standard grid gap */
  margin-bottom: 20px;
  align-items: stretch; /* Make items fill the height of their row */
}

.event-wrapper {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-flow: row;
  align-items: center;
  padding: 24px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  font-family: Inter, sans-serif;
}

.event-wrapper .text-block-1 {
  flex-grow: 1;         
  /* word-break: break-word;  */
  
}
.event-wrapper img {
  flex-shrink: 0;      
  margin-right: 12px;  
      
}


/* Adjust event-wrapper for consistency within the new grid */
.event-log-grid .event-wrapper {
  /* Inherit styles from base .event-wrapper */
  display: flex; /* Keep flex for internal alignment */
  flex-direction: row; /* Align icon and text horizontally */
  align-items: center; /* Vertically center icon and text */
  min-height: 70px; /* Example: Set a minimum height for consistency */
  height: 100%; /* Encourage wrapper to fill the stretched grid cell */
}

/* Ensure text block within still behaves correctly */
.event-log-grid .event-wrapper .text-block-1.semibold {
  /* Styles from previous step (allowing wrap) */
  flex-grow: 1;
  min-width: 0;
  word-wrap: break-word;
}

.event-information-header {
  flex-direction: column;
  /* padding-top: 24px;
  padding-bottom: 24px; */
  padding: 0 24px 24px; 
  display: flex;
}

.event-wrapper .text-block-1.semibold {
  flex-grow: 1;
  min-width: 0; /* Keep this for flexbox behavior */
  word-wrap: break-word; /* Ensure long words break if needed */
}

.event-level-select .ant-select-selector {
  border-radius: 5px !important; /* Ensure radius applies */
  height: 40px !important; /* Match DatePicker height */
  align-items: center; /* Vertically center content */
}

/* Target the placeholder text */
.event-level-select .ant-select-selection-placeholder {
  color: var(--primary-black); /* Set placeholder color */
  line-height: 40px !important; /* Align placeholder vertically */
}

/* Target the dropdown arrow icon */
.event-level-select .ant-select-arrow {
  color: var(--primary-black); /* Set arrow color */
}

/* Adjust padding if necessary when a value is selected */
.event-level-select .ant-select-selection-item {
 line-height: 40px !important; /* Align selected item vertically */
}

.chevron-click.event {
  /* Add a smooth transition effect */
  transition: transform 0.3s ease; 
  /* Ensure it starts pointing down */
  transform: rotate(0deg); 
}

.chevron-click.event.open {
  /* Rotate 180 degrees when the 'open' class is present */
  transform: rotate(-180deg); 
}