.SubmissionConfirmationModal {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    pointer-events: none;

    &-container {
        flex-basis: 500px;
        pointer-events: auto;
    }

    &-header {
        display: flex;
        padding: 11px 0;
        position: relative;
    }

    &-content {
        margin: 0 0 20px;
    }

    &-x-icon {
        vertical-align: bottom;
    }

    &-heading {
        flex: 1;
        font-size: 18px;
        margin: 0 15px;
    }

    &-button-wrapper {
        font-size: 13px;
        text-align: right;
    }

    &-close {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 15px;
    }

    &-button {
        margin-left: 20px;
    }

    @include h-lte(465px) {

        &-container {
            height: 100%;
            overflow: auto;
        }

    }
}