body {
    font-family: 'poppins';
    overflow-x: hidden;
    color: var(--theme-font-color);
}

a {
    color: var(--theme-link-color-default);
}

.link-primary, .link-primary:hover {
    color: var(--theme-link-color-primary);
    text-decoration-color: var(--theme-link-color-primary);
}

.link-muted, .link-muted:hover {
    color: var(--theme-link-color-muted);
    text-decoration-color: var(--theme-link-color-muted);
}

#flash-message-container:first-child {
    margin-top: 90px;
}

#content-page-container {
    margin: 0px;
    padding: 0px;
    min-height: 700px;
    margin-bottom: 40px;
    margin-top: 0px;
    position: relative;
}

#content-page-container-inner:first-child {
    margin-top: 90px;
}

#full-width-container {
    /*padding: 0px 30px;*/
}

.btn-first {
    background-color: var(--theme-orange-color) !important;
    color: white;
    opacity: 1.0;
    border: 1px solid transparent !important;
}

.btn-first:hover {
    background-color: var(--theme-orange-color-hover) !important;
}

.btn-first:disabled {
    opacity: 0.5;
}

.btn-icon-first {
    background: none;
    color: black !important;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.btn-icon-first:hover, .btn-icon-first:focus {
    /*color: var(--theme-orange-color);*/
    border-color: var(--theme-orange-color) !important;
}

.btn-icon-first:disabled {
    opacity: 0.2;
}

.tab-holder {
    border: none;
}

.tab-holder .tab-default {
    border-color: #dee2e6;
    color: #7c7c7c;
}

.tab-holder .tab-default:hover {
    color: #000000;
}

.card-caption {
    font-size: 13px;
    color: #7c7c7c;
}

.opportunity_numbers {
    color: var(--theme-positive-color) !important;
}

.return_numbers[data-value*="."] {
    color: var(--theme-positive-color);
}

.return_numbers[data-value*="-"] {
    color: var(--theme-negative-color);
}

.return_predicted_price {
    font-size: 10px;
    color: #7c7c7c;
}

.positive-mood {
    color: var(--theme-positive-color) !important;
}

.negative-mood {
    color: var(--theme-negative-color) !important;
}

.neutral-mood {
    color: var(--theme-neutral-color) !important;
}

.pp-below {
    background-color: var(--theme-positive-color) !important;
    color: var(--theme-positive-color) !important;
}

.pp-above {
    background-color: var(--theme-negative-color) !important;
    color: var(--theme-negative-color) !important;
}

.pp-below-close {
    background-color: var(--theme-chart-gray-color) !important;
    color: var(--theme-chart-gray-color) !important;
}

.pp-above-close {
    background-color: var(--theme-chart-gray-color) !important;
    color: var(--theme-chart-gray-color) !important;
}

.pp-inactive {
    opacity: 0.3;
    background-color: transparent !important;
    color: black !important;
}

.pp-trade-active {
    opacity: 1.0;
    color: white !important;
}

.pp-range-active {
    opacity: 1.0;
    background-color: transparent !important;
}

.select-borderless-dropdown {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    padding: 0px;
    padding-right: 35px;
    width: auto;
    line-height: 2;
    text-outline: none;
}

.select-borderless-dropdown:focus {
    border: 0px;
    text-outline: none;
    box-shadow: none;
}

#ab-loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9); /* Light white background */
    justify-content: center;
    align-items: center;
    z-index: 999; /* Ensure it's above other content */
    flex-direction: column;
}

#ab-loader-image-holder {
    width: 50px;
    animation: loadingColourChange 2s infinite; /* Run the animation continuously */
}

#ab-loader-image {
    width: 50px;
}

/* Table Generic Styling */
/* Ensure the table container takes full available height */
.table-sticky-header-holder {
    height: 100vh; /* Full viewport height */
    display: flex;
    flex-direction: column;
    border-top: 1px solid #dee2e6;
}

/* Ensure body scrolls horizontally */
.table-sticky-header-holder .table {
  width: 100%;
  min-width: 1000px; /* Ensure horizontal scrolling if necessary */
}

/* Sticky header styling */
.table-sticky-header-row {
    position: sticky;
    top: 0;
    background-color: white !important;
    z-index: 3;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) !important;
}

.table-sticky-header-row tr:first-child {
    border-top: 0px;
}

/* Sticky first column */
.table-sticky-column-tbody td:first-child, .table-sticky-column-thead th:first-child {
    position: sticky;
    left: 0;
    background-color: rgba(255, 255, 255, 0.95); /* Background color for the fixed first column */
    z-index: 2; /* Ensure it layers correctly with the header */
    box-shadow: 2px 0 2px -1px rgba(0, 0, 0, 0.4);
}

.company-growth-1-great {
    background-color: lightseagreen;
}

.company-growth-2-steady {
    background-color: #dcc621;
}

.company-growth-3-questionable {
    background-color: #de6464;
}

.company-growth-4-unknown {
    background-color: slategray;
}