.content-tabs {
    border-radius: 3px;
    box-shadow: 0 0 5px #8080803b;
    min-height: 100px;
}

#content {
    background-color: #f5f5f5;
}

h5.card-title {
    color: var(--primary-color-serbia);
}

.to-pay {
    font-weight: 600;
}

.to-pay-list {
    border-radius: 3px;
}

.list-group-item {
    background-color: #00a14b2b;
}

.list-group-item.unpaid {
    background-color: #ffa3076b;
}

.welcome-card {
    background-color: var(--primary-color-serbia);
    color: white;

}

.prev-pay-card {
    background-color: #d8e9e7;
}

.to-pay-card {
    background-color: #f3f3f3;
}


.to-pay-list li, .to-pay-list li div {
    display: flex;
    align-items: center;
}

.to-pay-list .input-group-text {
    background: transparent;
    font-weight: 600;
}

.toast {
    bottom: 15px;
    right: 30px;
    z-index: 10;
    width: 415px;
    /* border: none; */
    /*background: #dfdfdf;*/
    font-size: 16px;
    box-shadow: 0 .15rem 1rem rgba(var(--bs-body-color-rgb), .15);
    border: 1px solid #cdcdcd;
}

.toast .toast-header {
    border-bottom: 1px solid #ddd;
}

.success-toast {
    background-color: #cce0cc;
}

.error-toast {
    background-color: #fadcdf;
}

.warning-toast {
    background-color: #fbdccc;
    /* background: white; */
}

.success-toast .toast-header {
    background-color: #406242;
    color: white;
}

.error-toast .toast-header {
    background-color: #cd525e;
    color: white;
}

.warning-toast .toast-header {
    background-color: #f1b190;
    color: white;
}

.prev-table-container {
    max-height: 500px;
    overflow: auto;
}