:root {
    --lib-case-received-payment-bg-color: green;
    --lib-case-issued-payment-bg-color: hsl(354, 70%, 54%);
}

.lib-case-side-grid-panel {
    min-width: 35rem;
    max-width: 35rem;
}

.lib-case-detail-section-panel {
    min-width: 0px;
    max-width: 60rem;
}

.lib-case-detail-panel-width {
    max-width: 768px;
}

.lib-case-filetype-pdf-icon {
    mask-image: url("../images/filetype-pdf.svg");
    -webkit-mask-image: url("../images/filetype-pdf.svg");
}

.lib-case-file-earmark-richtext-icon {
    mask-image: url("../images/file-earmark-richtext.svg");
    -webkit-mask-image: url("../images/file-earmark-richtext.svg");
}

.lib-case-file-earmark-text-icon {
    mask-image: url("../images/file-earmark-text.svg");
    -webkit-mask-image: url("../images/file-earmark-text.svg");
}

.lib-case-x-lg-icon {
    mask-image: url("../images/x-lg.svg");
    -webkit-mask-image: url("../images/x-lg.svg");
}

.lib-case-exclamation-circle-fill-icon {
    mask-image: url("../images/exclamation-circle-fill.svg");
    -webkit-mask-image: url("../images/exclamation-circle-fill.svg");
}

.lib-case-calendar2-icon {
    mask-image: url("../images/calendar2.svg");
    -webkit-mask-image: url("../images/calendar2.svg");
}

.lib-case-calendar2-fill-icon {
    mask-image: url("../images/calendar2-fill.svg");
    -webkit-mask-image: url("../images/calendar2-fill.svg");
}

.lib-case-info-circle-fill-icon {
    mask-image: url("../images/info-circle-fill.svg");
    -webkit-mask-image: url("../images/info-circle-fill.svg");
}

.lib-case-location-icon {
    mask-image: url("../images/location.svg");
    -webkit-mask-image: url("../images/location.svg");
}

.lib-case-person-fill-icon {
    mask-image: url("../images/person-fill.svg");
    -webkit-mask-image: url("../images/person-fill.svg");
}

.lib-case-hash-icon {
    mask-image: url("../images/hash.svg");
    -webkit-mask-image: url("../images/hash.svg");
}

.lib-case-envelope-fill-icon {
    mask-image: url("../images/envelope-fill.svg");
    -webkit-mask-image: url("../images/envelope-fill.svg");
}

.lib-case-telephone-fill-icon {
    mask-image: url("../images/telephone-fill.svg");
    -webkit-mask-image: url("../images/telephone-fill.svg");
}

.lib-case-hospital-fill-icon {
    mask-image: url("../images/hospital-fill.svg");
    -webkit-mask-image: url("../images/hospital-fill.svg");
}

.lib-case-house-fill-icon {
    mask-image: url("../images/house-fill.svg");
    -webkit-mask-image: url("../images/house-fill.svg");
}

.lib-case-cross-fill-icon {
    mask-image: url("../images/cross-fill.svg");
    -webkit-mask-image: url("../images/cross-fill.svg");
}

.lib-case-link-icon {
    mask-image: url("../images/link.svg");
    -webkit-mask-image: url("../images/link.svg");
}

.lib-case-left-arrow-icon {
    mask-image: url("../images/left-arrow.svg");
    -webkit-mask-image: url("../images/left-arrow.svg");
}

.lib-case-right-arrow-icon {
    mask-image: url("../images/right-arrow.svg");
    -webkit-mask-image: url("../images/right-arrow.svg");
}

.lib-case-credit-card-icon {
    mask-image: url("../images/credit-card.svg");
    -webkit-mask-image: url("../images/credit-card.svg");
}

.lib-case-cash-coin-icon {
    mask-image: url("../images/cash-coin.svg");
    -webkit-mask-image: url("../images/cash-coin.svg");
}

.lib-case-book-icon {
    mask-image: url("../images/book.svg");
    -webkit-mask-image: url("../images/book.svg");
}