/* Global styles for the Stride application */

:root .lpx-brand-logo {
    --lpx-logo: url('/images/logo/leptonx/logo-light.png');
    --lpx-logo-icon: url('/images/logo/leptonx/logo-light-thumbnail.png');
}

.spinner {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    top: calc( 50% - ( 40px / 2) );
    right: calc( 50% - ( 40px / 2) );
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* For MudBlazor */
/* Copied from fsh.css - FSH-based Stride solution, Stride.BlazorWebAssembly solution, Client project */
.mud-button-filled {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 30%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
}

.mud-dialog {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 10px 10px 0 rgb(0 0 0 / 5%) !important;
}

.mud-nav-link {
    white-space: normal !important;
    padding: 12px 16px 12px 38px;
}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
    border-right: 3px solid var(--mud-palette-primary);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
}

.mud-table {
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.mud-card {
    margin-bottom: 20px !important;
}

#blazor-error-ui {
    color: var(--mud-palette-drawer-text);
    background: var(--mud-palette-drawer-background);
}

.mud-overlay-dark {
    backdrop-filter: blur(2px);
}

.mud-card-header .mud-card-header-avatar {
    margin-inline-end: 10px !important;
}

.mud-nav-link {
    padding: 12px 16px 12px 15px !important;
}

/* Fix for double scrollbar in dialogs */
.mud-dialog-content {
    max-height: 65vh !important;
    overflow-y: scroll !important;
}

.mud-grid-spacing-xs-3 {
    margin: 0px !important;
    margin-left: -12px !important;
}

.mud-table-toolbar {
    flex-wrap: wrap;
    margin-bottom: 20px !important;
}

/* /For MudBlazor */

/* For Syncfusion Blazor Datagrid */
.warning {
    background-color: yellow;
}

.error {
    background-color: red;
}

/* Syncfusion Grid - Row Selected */
.e-grid .e-rowcell.e-selectionbackground {
    background-color: #b28cd9 !important;
}

/* Syncfusion Grid - Batch Mode Cell on Edit */
.e-grid .e-editedbatchcell.e-rowcell .e-gridform {
    background-color: yellow !important;
}

/* Syncfusion Grid - Normal Mode Row on Edit */
.e-grid .e-row.e-editedrow .e-gridform tr {
    background-color: lightgreen !important;
}

/* Syncfusion Grid - Normal Mode Row on Add */
.e-grid .e-row.e-addedrow .e-gridform tr {
    background-color: lightgreen !important;
}

/* Syncfusion Toolbar - Button at Rest */
.e-toolbar .e-tbar-btn {
    background: #d9c6ec !important;
    /*border: 1px solid #5a70cc;*/
}

    /* Syncfusion Toolbar - Button on Hover */
    .e-toolbar .e-tbar-btn:hover {
        background: #b28cd9 !important;
        /*border: 1px solid green;*/
    }

/* Syncfusion Grid - for font sizing (ref: https://www.syncfusion.com/forums/151174/setting-font-size-in-a-blazor-grid) */
/* Header Font - standard is 14px */
.e-grid .e-headercelldiv {
    font-size: 12px !important;
}

/* Row Font - standard is 14px */
.e-grid .e-rowcell {
    font-size: 12px !important;
}

/* /For Syncfusion Blazor Datagrid */