.blazored-modal-container {
    /*Added for scrolling on mobile view*/
    overflow-y: auto;
}

.blazored-modal-wrapper {
    width: 35%;
}

@media only screen and (max-width: 1500px) {
    .blazored-modal-wrapper {
        width: 50%;
    }
}

@media only screen and (max-width: 992px) {
    .blazored-modal-wrapper {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .blazored-modal-wrapper {
        width: 80%;
    }
}