body {
    background-color: skyblue;
}
.no-arrow::before {
    display: none !important;
}
.chart {
    display: block;
    width: 100%; /* Make the canvas take full width of its container */
    height: auto; /* Dynamically adjust height */
}
/* Styles for results container */
.search-results.card {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    z-index: 99900;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Individual result item */
.result-item {
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.result-item:hover {
    background-color: #454d55;
}

.result-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.result-info {
    display: flex;
    flex-direction: column;
}

.no-results {
    padding: 10px;
    color: #666;
    font-style: italic;
}

.row.fh {
    display: flex;
    justify-content: space-between; /* Optional: for spacing */
    align-items: stretch; /* Ensures all columns/cards have the same height */
}

.row.fh .col-md-4, .row .col-lg-2 {
    display: flex;
    flex-direction: column; /* Ensures the card stretches properly within the column */
}

aside .search-results {
    display: none; /* Initially hidden */
    z-index: 1050; /* Ensure it appears above other elements */
    top: calc(100% + 5px); /* Position it right below the input box */
    left: 0;
    background-color: #343a40; /* Matches the sidebar styling */
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds subtle shadow */
    overflow: hidden; /* Keeps content within bounds */
}

aside .search-results.show {
    display: block; /* Display the results once they are populated */
}

aside .result-item {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

aside .result-item:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Highlight on hover */
}

aside .result-item img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
}
body.dark-mode {
    background-image: radial-gradient(circle,#56299D 0%,#020103 100%) !important;
}
.dark-mode .list-group-item, .dark-mode .navbar-dark, .dark-mode .card, .table-dark,table.table.dataTable>:not(caption)>*>*,.dark-mode table.table>:not(caption)>*>*,.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),[class*="sidebar-dark-"],.dark-mode .main-footer  {
    background-color: rgba(156,156,156, 0.1) !important;
}
.dark-mode .table-hover tbody tr:hover,.table-dark.table-striped tbody tr:nth-of-type(odd),.table-dark.table-striped tbody tr:nth-of-type(odd):hover,.table-striped>tbody>tr:nth-of-type(odd)>*  {
    background-color: rgba(156,156,156, 0.11) !important;
}
.dark-mode .content-wrapper, .fc-h-event {
    background-color: rgba(156,156,156, 0.01) !important;
    border:none;
}
.fc-day-today {
    background-color: rgba(156,156,156, 0.2) !important;
    border:none;
}
.dark-mode .card-primary.card-outline {
    border-top-color: var(--purple) !important;
}
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    box-shadow: 0 60px 0px inset var(--purple);

}
.dark-mode .page-item.active .page-link
{
    background-color: var(--purple);
    border-color: var(--purple);
    color: #fff;
}
.dark-mode .btn-primary {
    color: #fff;
    background-color: var(--purple);
    border-color: var(--purple);
    box-shadow: none;
}
.ts-wrapper.single.input-active .ts-control {
    color: #fff !important;
    background-color: var(--purple) !important;
    border-color: var(--purple) !important;
    box-shadow: none !important;
}
body.dark-mode a {
    color: #ccc;
}
body.dark-mode a:hover {
    color: #999 !important;
}
.dark-mode aside .search-results, .search-results .list-group-item,.sidebar-collapse aside, form .search-results.card, .bg-dark.search-results {
    background-color: rgba(56,56,56, 1) !important;
}
@media (max-width: 992px) {
    .sidebar-open .sidebar {
        background-color: black !important;
    }
}
.sidebar-open .sidebar, .sidebar-collapse aside, .sidebar-collapse, .dark-mode .modal-content  {
    background-color: black !important;
}
#header-ticker {
    overflow: hidden; /* Hide overflowing content */
    position: relative; /* Position ticker within the container */
    white-space: nowrap; /* Prevent content wrapping */
}
.content-header {
    overflow:hidden;
}
.ticker-content {
    display: flex;
    flex-wrap: nowrap;
    width: max-content; /* Width adjusts to content size */
    will-change: transform; /* Optimize for smooth animations */
    backface-visibility: hidden; /* Improves rendering on certain devices */
    perspective: 1000px;
    overflow:hidden;
}

.ticker-item {
    display: inline-block;
    padding: 0 10px; /* Adjust space between items */
    text-align: center;
    white-space: nowrap;
}
.dynamic-form-entry {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#form-prototype {
    display: none; /* Keep this hidden */
}
.legal-page {
    -ms-flex-align: center;
    align-items: center;
    background-color: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.legal-page .login-box {
    width: 60%;
    margin-top: 10vh;
    margin-bottom: 10vh;
}

.sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    background-color: inherit; /* Ensure it matches the page's background */
}
img.payment-icons {
    height:16px;
}
.sidebar-mini.sidebar-collapse .sidebar .main-selector p {
    margin-left: -10px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
}
.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .main-selector p {
    display: inline-block;
    margin-left: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
}


@media (min-width: 768px) {
    .w-md-50 {
        width: 50% !important;
    }
}
.position-absolute .dropup .btn p, .position-absolute .dropup li a {
    color: #fff !important;
}