/* Fix 'jumping scrollbar' issue using only CSS */
@media screen and (min-width: 768px) {
    html {
        padding-left: calc(100vw - 100%);
    }
}

.show-sm {
    display: none;
}

@media (min-width: 640px) {
    .show-sm {
        display: flex;
    }

    .hide-sm {
        display: none;
    }
}

/* Needed when there're multiple toolbars on screen, see MdkItemListToolbar. */
/* Toolbar has z-index 20 as default, see MdkInnerToolbar.razor.css */
/*.z-10 {
    z-index: 10 !important;
}*/

/* Temporary fix for https://github.com/mdekok/lrt/issues/411
   MudBlazor issue: https://github.com/MudBlazor/MudBlazor/issues/6467 */
.mud-dialog {
    overflow-y: visible !important;
}

    /* Because of use in various dialogs not added as isolated css. */
    .mud-dialog .mud-dialog-content,
    .mud-dialog .mud-dialog-title {
        padding-left: 12px;
        padding-right: 12px;
    }

    .mud-dialog .mud-dialog-title {
        padding-top: 12px;
        padding-bottom: 12px;
    }