.required {
    color: red
}

.table td,
.table th {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    max-width: 200px
}

.table th:nth-child(1),
.table td:nth-child(1) {
    max-width: 50px
}

.table th:nth-child(2),
.table td:nth-child(2) {
    max-width: 150px
}

.table th:nth-child(3),
.table td:nth-child(3) {
    max-width: 150px
}

.table th:nth-child(4),
.table td:nth-child(4) {
    max-width: 180px
}

.table th:nth-child(5),
.table td:nth-child(5) {
    max-width: 120px
}

.table th:nth-child(6),
.table td:nth-child(6) {
    max-width: 130px
}

.table th:nth-child(7),
.table td:nth-child(7) {
    max-width: 150px
}

.table th:nth-child(8),
.table td:nth-child(8) {
    max-width: 120px
}

.truncate-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.total-donation-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px
}

.total-donation-amount {
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 10px
}

.export-btn {
    background: #11998e;
    border: none;
    color: #fff;
    font-weight: 500
}

.border {
    border-radius: 20px
}

.bg-lightgreen {
    background-color: #0ff822
}

.bg-grey {
    background-color: #4b5563;
    color: #fff
}

.btn-ringing {
    color: #144afdff;
    border: 1px solid #144afdff;
    background-color: transparent
}

.btn-ringing:hover,
.btn-ringing.active {
    background-color: #144afdff;
    color: #fff
}

.btn-other-language {
    color: #c14242ff;
    border: 1px solid #c14242ff;
    background-color: transparent
}

.btn-other-language:hover,
.btn-other-language.active {
    background-color: #c14242ff;
    color: #fff
}

.btn-not-contactable {
    color: #c714fdff;
    border: 1px solid #c714fdff;
    background-color: transparent
}

.btn-not-contactable:hover,
.btn-not-contactable.active {
    background-color: #c714fdff;
    color: #fff
}