:root {
    --main-input-bg-color: #F8F8F8;
    --main-input-border-color: #B7B6B5;
    --main-altair-bg-color: #DC931E;
}

.accordion {
    border-radius: 8px;
}

.accordian-modal {
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
    margin: 0 -0.75em 0 0.1em;
}

.accordion .card {
    border: none !important;
}
    .accordion .card:last-child > .collapse.show {
        border-bottom: none !important;
    }

.card-header {
    background-color: transparent !important;
    border-bottom: none !important;
}

.collapse.show {
    border-top: 1px solid var(--main-altair-bg-color) !important;
    border-bottom: 1px dashed var(--main-altair-bg-color) !important;
    margin: 0 5px;
}

.accordion .card .card-header {
    width: 100%;
}

    .accordion .card .card-header:hover {
        cursor: pointer;
        opacity: 0.6;
    }

.accordion-container {
    width: 100%;
    margin-top: -0.1em;
}

    .accordion-container h5 {
        float: left;
        width: 90%;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        margin-top: 0.5em;
    }

.accordion-icon {
    float: right;
    margin: 0.8em 0.5em 0 0;
    border: solid #343a40;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    text-align: right;
}

    .accordion-icon.open {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transition: transform 0.2s linear;
    }

    .accordion-icon.closed {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: transform 0.2s linear;
    }