.accordion-item {
    border: 0;
}

.accordion-button {
    color: #52647a;
    background-color: var(--rnd-light-colour);
    border: none;
    height: 2.4rem;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

    .accordion-button:focus {
        color: #52647a;
        background-color: var(--rnd-light-colour);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
        border: none;
    }

    .accordion-button:not(.collapsed) {
        color: #52647a;
        background-color: var(--rnd-light-colour);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    }

        .accordion-button:not(.collapsed)::after, .accordion-button::after {
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2352647a'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
        }

    .accordion-button.datatable-filter{
        padding-left: 0px;
    }

    .accordion-body {
        padding-left: 12px;
        padding-right: 12px;
    }

.accordion-collapse {
    position: relative;
}

/* MOVE ALL BELOW THIS LINE SOMEWHERE ELSE */
.row .card {
    padding-left: 0;
    padding-right: 0;
}

.badge {
    font-weight: 400;
    font-size: 0.65em;
    padding: 5px 10px;
}

.bg-darkblue {
    color: #FFFFFF;
    background: var(--rnd-tertiary-colour);
    border-color: var(--rnd-tertiary-colour);
}

p.card-text {
    font-size: 24px;
    color: #726d6d;
    font-weight: 300;
}

.highcharts-root {
    font-family: inherit !important;
}


.custom-accordion.accordion {
    border-radius: 0;
}

    .custom-accordion.accordion .accordion-item {
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #D6D5E3;
    }

        .custom-accordion.accordion .accordion-item:first-of-type {
            border-top: 1px solid #D6D5E3;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .custom-accordion.accordion .accordion-item:last-of-type {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .custom-accordion.accordion .accordion-item .accordion-button:not(.collapsed) {
            box-shadow: none;
        }

        .custom-accordion.accordion .accordion-item:first-of-type .accordion-button,
        .custom-accordion.accordion .accordion-item:last-of-type .accordion-button {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .custom-accordion.accordion .accordion-item .accordion-button {
            /*padding: 12px 0 8px;*/
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
        }

            .custom-accordion.accordion .accordion-item .accordion-button:after,
            .custom-accordion.accordion .accordion-item .accordion-button:not(.collapsed):after {
                background-image: url(/assets/images/icons/chevron_down.svg);
            }

            .custom-accordion.accordion .accordion-item .accordion-button:focus {
                border-color: #D6D5E3;
                box-shadow: none;
            }

            .custom-accordion.accordion .accordion-item .accordion-button {
                color: var(--rnd-secondary-colour);
                background-color: #FFFFFF;
            }

        .custom-accordion.accordion .accordion-item .accordion-body {
            padding: 0;
            padding-bottom: 8px;
        }

            .custom-accordion.accordion .accordion-item .accordion-body .checkboxes-container {
                max-height: 220px;
                overflow: auto;
            }

            .custom-accordion.accordion .accordion-item .accordion-body .form-control-base {
                height: 40px;
                font-size: 14px;
            }

@media (width < 768px) {
    .accordion-body {
        padding-left: 4px;
        padding-right: 4px;
    }
}