/* Custom CSS */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    flex-direction: row-reverse;
    background: #7d2e89;
    color: #fff;
    padding: 2px 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: inline-flex;
    position: relative;
    color: #fff;
    border: none;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 26px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #b259c0;
}

.filepond--drop-label {
    background-color: #fff;
    border: 1px dashed #333333;
    border-radius: 10px;
}

.filepond--label-action {
    color: #7d2e89;
}

.btn-outline-primary input[type=radio], .btn-outline-primary input[type=checkbox] {
    accent-color: #7d2e89;
}

.pie-legends .legends {
    padding-top: 20px;

    h3 {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        color: #31374A;

        span {
            display: inline-block;
            width: 8px;
            height: 8px;
            background: #64BB6F;
        }
    }

    p {
        font-size: 25px;
        color: #31374A;
        font-weight: bold;
        margin-left: 10px;
    }
}

.dark .filepond--root * {
    background-color: #141824 !important;
}

.dark .filepond--root label {
    color: #fff;
}

.dark .filepond--root .filepond--label-action {
    color: #f19aff;
}

.dark #toast * {
    background-color: #141824;
    color: #fff;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0;
    padding-right: var(--phoenix-breadcrumb-item-padding-x);
    transform: rotate(180deg);
}

#reportrange {
    background-color: var(--phoenix-input-bg) !important;
    border: 1px solid var(--phoenix-input-border-color) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.375rem !important;
    cursor: pointer !important;
    width: 100%;
}

.text-danger {
    color: #ed2000 !important;
}