.fi-fo-warn {
    color: #d97706;
}
.fi-button-warn {
    color: white;
    border-radius: 5px;
    background-color: rgb(217, 119, 6);
    padding: 6px;
}
.fi-fo-blue {
    font-size: small;
    text-align: left;
    color: rgb(38, 4, 117);
}

.fi-fo-blue:hover {
    background-color: yellow;
}
.fi-fo-badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: +1;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.fi-fo-danger {
    background-color: rgb(245, 180, 180);
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    color: #860505;
}
.fi-color-blood-red {
    color: #a7002a;
}

.error-note {
    font-size: 8pt;
    font-size: small;
    color: #860505;
}
.fi-fo-success {
    background-color: rgb(180, 245, 200);
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    color: #057214;
}
.bold-red {
    font-weight: bold;
    color: rgb(199, 12, 12);
}
.descr-ul {
    list-style-type: disc;
    padding-left: 18px;
}

.descr-income {
    font-size: 8pt;
    text-align: left;
    font-style: italic;
    color: #036e1a;
}

.descr-expence {
    font-size: 8pt;
    text-align: left;
    font-style: italic;
    color: #7c0606;
}
/* Badge for accepted status */
.badge-accepted {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: #d1fae5; /* Light Green */
    color: #065f46; /* Dark Green */
}

/* Badge for declined status */
.badge-declined {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: #fee2e2; /* Light Red */
    color: #991b1b; /* Dark Red */
}

/* Badge for pending status */
.badge-pending {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: #ffedd5; /* Light Orange */
    color: #9a3412; /* Dark Orange */
}