body {
    background-color: #F7F7F7;
    color: #454545;
}

.btn-primary {
    background-color: #1C304A;
    border-color: #1C304A;
}

.btn-primary:hover {
    background-color: #116F70;
    border-color: #116F70;
}

.btn-secondary {
    background-color: #116F70;
    border-color: #116F70;
}

.btn-secondary:hover {
    background-color: #00AEAF;
    border-color: #00AEAF;
}

.btn-tertiary {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #1C304A;
}

.btn-tertiary:hover {
    background-color: #DEF4F4;
    border-color: #DEF4F4;
    color: #1C304A;
}

.card {
    background-color: #FFFFFF;
    border-color: #E0E0E0;
}

.btn {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.btn:hover {
    overflow: visible;
    white-space: normal;
}

/* New styles for left navigation and main window */
.container-fluid > .row > .col-3 {
    background-color: #eeeeee;
}

.container-fluid > .row > .col-9 {
    background-color: #FFFFFF;
}

.custom-button {
    color: #1C304A !important;
    background-color: transparent !important;
    border: none !important;
    text-align: left !important;
    padding-left: 0 !important;
    text-decoration: none !important;  /* Remove underline */
}

.custom-button:hover {
    color: #116F70 !important;
    background-color: #DEF4F4 !important;
    text-decoration: none !important;  /* Ensure no underline on hover */
}

/* Remove underline from all anchor tags within buttons */
.custom-button a {
    text-decoration: none !important;
}