#overviewModal .modal-body .inline-ul .dd {
    color: var(--navy);
}

#overviewModal .modal-title {
    font-weight: 800;
    font-size: var(--text-h2);
    color: var(--navy);
}

#overviewModal .close-btn {
    cursor: pointer;
    margin-top: 2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--navy);
    padding: 0px;
    margin-right: 15px;
}

    #overviewModal .close-btn span {
        font-size: 1.4em;
        color: white;
    }

#overviewModal .main-header {
    color: var(--navy);
    font-weight: 400;
}

    #overviewModal .main-header p {
        display: flex;
        flex-direction: column;
    }

#overviewModal .total-pay {
    font-weight: 800;
    color: var(--navy);
    font-size: var(--text-label);
    border-bottom: 2px double var(--navy);
    padding-bottom: 10px;
}

#overviewModal .main-info {
    padding: 2em 14em 3em 14em;
}

#overviewModal .child-info {
    padding: 2px;
}

    #overviewModal .child-info .arrow-big {
        color: white;
    }

    #overviewModal .child-info .big-sub-list {
        background: var(--panel);
        width: auto;
        margin-right: -15px;
        margin-left: -15px;
        margin-top: -15px;
        padding-left: 15em;
        padding-right: 15em;
    }

#overviewModal .child-info-main-row {
    margin-bottom: 3px !important;
}

#overviewModal .child-info-main-label {
    color: var(--navy);
    font-weight: 500;
    font-size: var(--text-label);
}

#overviewModal .child-info-main-label-two {
    color: var(--navy);
    font-weight: 500;
    font-size: var(--text-label);
    text-align: end;
}

#overviewModal .child-info-sub-label {
    font-style: italic;
    font-size: var(--text-caption);
    color: var(--muted);
}

#overviewModal .child-info-sub-label-2 {
    font-style: italic;
    font-size: var(--text-caption);
    text-align: end;
    color: var(--muted);
}

#overviewModal .demand-expanded {
    background: var(--steel);
    padding: 0.8em 14em;
}

#overviewModal .demand-expanded-title {
    color: #FFFFFF;
    font-weight: 700;
}

    #overviewModal .demand-expanded-title a {
        font-size: var(--text-caption);
        color: white;
        text-decoration: underline;
        font-weight: 100;
    }

    #overviewModal .demand-expanded-title .download-icon {
        margin-left: 40px;
        color: var(--red);
        font-size: var(--text-body);
    }

#overviewModal .buttons-list {
    column-gap: 20px;
    justify-content: center;
}

#overviewModal .arrow-big.bottom {
    background: url("/Content/images/icons/arrow-bottom-big-white.svg") !important;
}

#overviewModal .arrow-big.top {
    background: url("/Content/images/icons/arrow-top-big-white.svg") !important;
}

/*Responsivity*/
@@media (max-width: 995px) {
    #overviewModal .main-info {
        padding: 2em 2em 3em 2em !important;
    }

    #overviewModal .demand-expanded {
        padding: 0.8em 1em !important;
    }

    #overviewModal .demand-expanded-title {
        font-size: var(--text-label) !important;
    }

    #overviewModal .child-info-main-label,
    #overviewModal .child-info-main-label-two {
        font-size: var(--text-caption) !important;
    }

    #overviewModal .child-info .big-sub-list {
        padding-left: 3em !important;
        padding-right: 3em !important;
    }

    #overviewModal .buttons-list {
        margin-top: 20px !important;
        gap: 5px !important;
        justify-items: center !important;
        width: 50% !important;
        margin-left: 25% !important;
    }

        #overviewModal .buttons-list a {
            font-size: var(--text-body) !important;
            width: 100% !important;
            padding: 15px !important;
        }

    #overviewModal .d-sm-none {
        display: none !important;
    }
}