.custom-btn-color {
    color: #ffffff;
    background-color: #0C5196;
    border-color: #0C5196;
}

.custom-btn-color:hover {
    color: #0C5196;
    background-color: #ffffff;
    border-color: #0C5196;
}

.custom-btn-color-outline {
    color: #0C5196;
    background-color: #f8f9fa;
    border-color: #0C5196;
}

.custom-btn-color-outline:hover {
    color: #ffffff;
    background-color: #0C5196;
    border-color: #0C5196;
}

.gradient-custom-bg-color {
    /* background-image: linear-gradient(-135deg, #2c3e50,#0C5196); */
    background-image: linear-gradient(180deg, #0C5196 10%, #003c61 90%);
    /* background-color: #003c61; */
}

.default-bg-color {
    background-color: #D9D9D9;
}

.input-group-text {
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebarCollapseLinks {
    z-index: 999 !important;
}

.scrollableContent {
    overflow: hidden;
}

.scrollableContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.2) !important;
}

/* Changes the color of the table pagination */
.page-item.active .page-link {
    color: #fff !important;
    background: #0C5196 !important;
    border-color: #0C5196 !important;
}

/* Changes the color of the table pagination */
.page-link {
    color: #0C5196 !important;
}

/* Lifts the footer clear of the fixed env banner. Must be inside #content-wrapper:
   it is stretched to exactly 100vh, so padding on body would sit off screen */
body:has(.env-banner) #content-wrapper {
    padding-bottom: 2.5rem;
}

/* Login has no #content-wrapper; body is the min-vh-100 flex column there */
body:has(.env-banner).min-vh-100 {
    padding-bottom: 2.5rem;
}

body:has(.env-banner) .scroll-to-top {
    bottom: 3rem;
}