.custom-tabs-container {
    width: max-content;
    border-radius: 15px;
    padding: 5px 15px 0px 15px;
    margin: 15px 0px 0px 0px;
    background-color: var(--bg-color-lighter);
    box-shadow: 2px 2px 2px lightgrey;
}
.custom-tabs {
    width: 100% !important;
    max-width: 100% !important;
    /* border-top-left-radius: 6px; */
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    /* background-color: #f30b0b; */
    /* padding: 5px 15px; */
    /* border-bottom: 1px solid var(--primary-color); */
}

.custom-tab {
    width: max-content !important;
    color: var(--bg-color) !important;
    background-color: var(--font-color) !important;
    /* border-top-left-radius: 3px; */
    /* border-top-right-radius: 3px; */
    /* border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border-bottom: 3px transparent !important;
    padding: 12px !important;
    font-family: "system-ui";
    display: flex !important;
    align-items: center;
    justify-content: center; */
    font-size: 12px;
    /* line-height: 18px; */
    text-align: center !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.custom-tab-db1--selected {
    /* color: var(--palette2-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-bottom: 3px solid var(--palette2-color) !important; */
    /* box-shadow: 1px 1px 0px white; */
    /* border-left: 1px solid lightgrey !important; */
    /* border-right: 1px solid lightgrey !important; */
    /* border-top: 3px solid var(--primary-color) !important; */
    background-color: var(--palette2-color) !important;
    border-top: transparent !important;
}

.custom-tab-db2--selected {
    /* color: var(--bg-color) !important; */
    /* font-weight: 500 !important; */
    background-color: var(--primary-color) !important;
    border-top: transparent !important;
    /* border-bottom: 3px solid var(--primary-color) !important; */
}

.custom-tab-db3--selected {
    /* color: var(--palette1-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-bottom: 3px solid var(--palette1-color) !important; */
    background-color: var(--palette1-color) !important;
    border-top: transparent !important;
}

.custom-tab-db4--selected {
    /* color: var(--palette4-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-bottom: 3px solid var(--palette4-color) !important; */
    background-color: var(--palette4-color) !important;
    border-top: transparent !important;
}

.custom-tab-db5--selected {
    /* color: var(--palette9-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-bottom: 3px solid var(--palette9-color) !important; */
    background-color: var(--palette9-color) !important;
    border-top: transparent !important;
}

.custom_tab_content {
    /* border-top: 5px solid var(--primary-color) !important; */
    background-color: transparent;
    padding: 5px 5px 5px 5px;
    min-width: 830px;
}

.custom_tab_content-db1 {
    /* border-top: 5px solid var(--primary-color) !important; */
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    color: var(--primary-color) !important;
}

.custom_tab_content-db2 {
    /* border-top: 5px solid var(--primary-color) !important; */
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    min-width: 830px;
    color: var(--palette2-color) !important;
}

.tabs_input_data {
    display: grid;
    grid-template-columns: 100% !important;
    grid-template-rows: 100% !important;
    grid-gap: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    padding: 0px 0px 0px 0px;
}

.custom-tab-input-data-db1--selected {
    color: var(--palette2-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-left: 3px solid var(--palette2-color) !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.custom-tab-input-data-db2--selected {
    color: var(--primary-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-left: 3px solid var(--primary-color) !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.custom-tab-input-data-db3--selected {
    color: var(--palette1-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-left: 3px solid var(--palette1-color) !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.custom-tab-input-data-db4--selected {
    color: var(--palette4-color) !important;
    font-weight: 500 !important;
    background-color: transparent;
    border-left: 3px solid var(--palette4-color) !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/* QAQC project data tabs disable  begin */

/* Dim-only disabled tabs (keeps color hue) */
.dash-tab.disabled a,
.dash-tab[aria-disabled="true"] a,
.custom-tab--disabled,
.custom-tab[disabled],
.custom-tab[aria-disabled="true"],
[role="tab"][aria-disabled="true"] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  filter: grayscale(1) brightness(0.9) !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease-in-out;
}

/* Prevent hover from restoring full color */
.dash-tab.disabled a:hover,
.dash-tab[aria-disabled="true"] a:hover,
.custom-tab--disabled:hover,
.custom-tab[disabled]:hover,
.custom-tab[aria-disabled="true"]:hover,
[role="tab"][aria-disabled="true"]:hover {
  opacity: 0.45 !important;
  filter: grayscale(1) brightness(0.9) !important;
}

/* QAQC project data tabs disable  end  */