.mat-dialog-actions .mat-button-base + .mat-button-base,
.mat-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
    background: var(--mid-red);
    margin-left: 8px;
    border-radius: 15px;
}

.mat-dialog-actions {
    display: flex;
    justify-content: right;
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: content-box;
}

/* .mat-dialog-content {
    display: inline !important;
    overflow: hidden !important;
    max-height: 100% !important;
} */

.title-container h2 {
    color: var(--white);
    font-family: 'Titillium Web', sans-serif !important;
    font-style: normal;
    padding-top: 15px;
    padding-left: 10px;
}

.title-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.top-left {
    display: flex;
    justify-content: center;
    margin-left: 0px !important;
}
.top-right {
    min-width: 169px;
    width: auto;
    display: flex;
    justify-content: end;
    margin-left: 0px !important;
}
@media (max-width: 500px) {
    .title-container h2 {
        color: var(--white);
        font-family: 'Titillium Web', sans-serif !important;
        font-style: normal;
        padding-left: 10px;
        font-size: 1.1em !important;
        line-height: 1 !important;
        min-width: 53px;
        margin-right: 4px !important;
    }
}