@media (max-height: 900px) {
    .hide-on-small-height {
        display: none !important;
    }
}

body
{
    font-family: 'Roboto' !important;
}

.mud-grid-spacing-xs-3 > .mud-grid-item
{
    padding: 7px;
}

.modalWidth
{
    width:40%
}
@media (max-width: 650px) {
    .modalWidth
    {
        width:100%;
    }
}

@media (max-width: 900px) {
    .width-dialog {
        min-width: 100% !important;
    }
    .width-dialog-large{
        min-width: 100% !important;
    }
}
@media (min-width: 901px) {
    .width-dialog {
        min-width: 40% !important;
    }
    .width-dialog-large{
        min-width: 50% !important;
    }
}