.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.active{
    color: #005ac1 !important;
}

/* Hide the div by default */
#mobileLatestCard {
    display: none;
}

/* Show the div only on screens smaller than 768px (commonly considered as mobile devices) */
@media (max-width: 767.98px) {
    #mobileLatestCard {
        display: block;
    }
}

#latestStTitles{
    font-weight: bold;
}

.modal-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.modal-responsive .d-flex {
    min-width: 800px; /* Adjust based on the minimum width required to show all inputs nicely */
}

@media (max-width: 576px) {
    .mobile-margin {
        margin-right: 1rem !important; /* Add right margin on mobile */
    }
}

/* Hide the <hr> by default */
hr.mobile-only {
    display: none;
}

/* Show the <hr> only on screens with a max width of 768px (commonly considered as mobile devices) */
@media only screen and (max-width: 768px) {
    hr.mobile-only {
        display: block;
    }
}

@media (max-width: 576px) {
    .desktop-only{
        display: none !important;
    }
}

.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
    border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
    border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
    border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
    border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
    border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
    border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
    border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
    border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
    border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
    border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
    border-bottom: 0.25rem solid #5a5c69 !important;
}

.card-custom{
    border-color: #e4e4e4;
}

/* Hide on mobile */
.desktop-only {
    display: none;
}

/* Show on mobile */
.mobile-only {
    display: block;
}

/* Show on desktop, hide on mobile */
@media (min-width: 600px) {
    .desktop-only {
        display: block;
    }
    .mobile-only {
        display: none;
    }
}

.custom-popup-menu {
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 4px;
    max-width: 150px; /* Set a maximum width */
    width: 90%; /* Set the width relative to the viewport */
}

#summaryCards {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping on mobile devices */
    gap: 0px; /* Space between cards */
    overflow-x: auto; /* Enable horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
}

.card-jiggly {
    min-width: 250px; /* Ensure each card has a fixed width */
    cursor: pointer;
}

.jiggly {
    animation: jiggle 0.3s infinite;
}

@keyframes jiggle {
    0%, 100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}

.ui-sortable-placeholder {
    width: calc(25% - 20px); /* Match the card's flex width */
    visibility: visible !important;
    background: #f9f9f9;
    border: 2px dashed #ddd;
    min-height: 150px; /* Adjust to match card height */
}

.ui-sortable-helper {
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transform: scale(1.05);
}

@media (max-width: 700px) {
    #summaryCards{
        display: none;
    }
}

.group-row {
    pointer-events: none;
    background-color: #f9f9f9; /* Optional: Different background */
    font-weight: bold;
}

.no-line-link {
    text-decoration: none;
}

/* Make space for the sidebar in the content area */
.container-custom {
    margin-left: 250px; /* Same as the sidebar width */
    padding: 20px;
}

.wrapper {
    display: flex;
    min-height: 100vh; /* Ensures the wrapper takes full viewport height */
    flex-direction: row; /* Places sidebar and content side-by-side */
}

.container {
    flex-grow: 1;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

footer {
    margin-top: auto;
}

.content {
    flex-grow: 1; /* Takes the remaining space beside the sidebar */
    padding: 20px;
    background-color: #fff;
}

#rvo_dropdown {
    display: none; /* Hide dropdown initially */
    position: absolute;
    z-index: 1000;
}

#rvo-dropdown-container .dropdown-item:hover {
    background-color: #e9ecef;
    cursor: pointer;
}