html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}



body {
    background-color: white;
}

.headertext > p.title {
    color: #2C2E85;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 22px;
}

.headertext > p.subtitle {
    color: #2C2E85;
    margin-bottom: 0;
    padding-left: 20px;
}

.returnWrapper {
    background: #000;
    height: 30px;
    border-bottom: 1px solid #FFF;
}

.container-wrapper {
    border-top: 4px solid #0018a8;
    width: 100%;
    margin-bottom: 100px;
}

/* Container holding breadcrumb + partner name */
.breadcrumb-container {
    background-color: #f5f5f5;
    padding: 6px 12px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Makes stripe narrower */
    line-height: 1.2;
}

/* The breadcrumb list */
.breadcrumb-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* Items inline */
.breadcrumb-list .breadcrumb-item-custom {
    display: inline-block;
    font-size: 0.95rem; /* matches your old size */
    color: black; /* matches your old colour */
}

/* Link styling */
.breadcrumb-link {
    text-decoration: none;
    color: #0018a8;
}

    .breadcrumb-link:hover {
        text-decoration: underline;
    }

/* Separator between items */
.breadcrumb-list .breadcrumb-item-custom + .breadcrumb-item-custom:before {
    content: "/\00a0";
    color: #ccc;
    padding: 0 3px;
}

/* Active item (last item) */
.breadcrumb-item-custom.active {
    color: black;
    font-weight: normal;
}

/* Partner name on the right */
.breadcrumb-partner {
    font-size: 0.95rem; /* same size as breadcrumb */
    color: black;
    white-space: nowrap;
}

div .container.inner {
    padding-top: 1px;
}

.btn-filter {
    margin-top: 32px;
}


/*sub menu*/

.nav-link {
    color: #0018a8 !important;
    text-decoration: underline;
}

    .nav-link.active {
        color: #fff !important;
        background-color: #0018a8 !important;
    }

/* Tracker Css*/
.currency-cell {
    width: 120px; /* Adjust as needed for your currency format */
    min-width: 120px;
    max-width: 120px;
    text-align: right;
}

.decimal-cell {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    text-align: right;
}


.data-entry-highlight {
    background-color: #fffbe6;
    border: 1px solid #ffd700;
    box-shadow: 0 0 2px #ffd700;
    text-align: right;
}


.data-entry-text-highlight {
    background-color: #fffbe6;
    border: 1px solid #ffd700;
    box-shadow: 0 0 2px #ffd700;
    text-align: left;
}


.w-date {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
}

.w-80 {
    max-width: 80px;
    overflow: hidden;
}

.w-int {
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}

.w-options {
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}

.w-checkbox {
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}


/* Div type tables condensed*/

.condensed-table .row {
    padding: 0.1rem 0; /* Reduce vertical padding for rows */
    margin: 0; /* Remove extra margins */
}

    .condensed-table .row > div {
        padding: 0.25rem; /* Reduce padding inside columns */
    }

.condensed-table .form-control-plaintext {
    font-size: 0.875rem; /* Slightly smaller font size */
    line-height: 1.2; /* Reduce line height for compactness */
}

.condensed-table .fw-bold {
    font-size: 0.9rem; /* Slightly smaller font for headers */
}

.condensed-table .border-bottom {
    border-width: 1px; /* Thinner border for row separation */
}

.condensed-table .hover-row:hover {
    background-color: #f8f9fa; /* Light gray background on hover */
}