/* DataTable Font Styling */
.dash-spreadsheet,
.dash-spreadsheet .dash-cell-value {
  font-family: "Poppins", serif !important;
}

.dash-header {
  font-family: "Poppins", serif !important;
  font-weight: bold !important;
  color: var(--kombu-green);
  text-align: left !important;
}

.dash-graph text {
  font-family: "Poppins", serif !important;
  color: "#A4A4A4";
}

.divider-vertical {
  width: 2px; /* Thickness of the divider */
  height: 100px; /* Height of the divider */
  background-color: #ccc; /* Color of the divider */
  margin: 0 20px; /* Spacing to the left and right of the divider */
  display: inline-block; /* Or 'block' if in a flex container */
}

/*Tabs Styling*/
.tab {
  background-color: var(--alabaster) !important;
  font-size: 16px;
  font-family: "Poppins", serif;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 1px;
}

.tab-selected {
  border-top: 3px solid var(--kombu-green) !important;
  color: var(--kombu-green) !important;
  font-weight: bold;
  background-color: #d7dbc9 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0px;
}

/*Main Continaer Styling*/
.main-content {
  padding: 10px;
}

.data-box {
  padding: 25px;
  border-color: #cecece;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-style: solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.data-box-closed {
  padding: 25px;
  border-color: #cecece;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}

/* Big Numbers*/
.big-number {
  color: var(--kombu-green);
  margin-bottom: 0px;
  font-weight: 700;
}

.big-number-description {
  color: #8c9c8f;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: small;
  font-weight: 400;
}

.big-number-pct-change-up {
  color: #78bb7b;
  font-weight: bold;
  font-size: small;
}

.big-number-pct-change-down {
  color: #c9453d;
  font-weight: bold;
  font-size: small;
}

.loading-parent {
  position: relative;
  min-height: 50px;
}

/* Ensure loading spinners stay within their containers */
._dash-loading {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1000;
}