/* https://blazor.syncfusion.com/documentation/appearance/theme-studio#bootstrap-5-theme */

html, body {
    --primary: #3e4684;
    /*--primary: #4834cb;*/
    /*--primary: #5669b2;*/
    --text-color: #4d4d4d;
    --border-color: #f3f3f3;
    --background-color: #dde5f4;
    background-color: var(--background-color);
}

/* Appbar*/
.e-appbar {
    border-radius: 0;
}

    .e-appbar.e-primary {
        background: var(--primary);
        color: #fff;
        border-color: var(--primary);
    }

/* Sidebar */
.sidebar-header {
    border-bottom: 1px solid var(--border-color);
}

.e-sidebar {
    background: #ffffff
}

    .e-sidebar.e-left {
        border-right: 1px solid var(--border-color);
    }

.e-sidebar-absolute {
    position: fixed;
}

/* Sidebar Menu */
.e-treeview {
    border: 0;
}

    .e-treeview .e-ul {
        overflow: hidden;
    }

    .e-treeview .e-list-icon, .e-treeview .e-list-img {
        vertical-align: baseline;
    }

    .e-treeview .e-navigable .e-list-icon, .e-treeview .e-list-img {
        height: auto;
    }

    .e-treeview.e-fullrow-wrap .e-text-content {
        height: 42px;
        padding-left: 30px;
    }

    .e-treeview .e-fullrow {
        left: 5%;
        height: 42px;
        border-radius: 0.6rem;
        width: 90%;
    }

    .e-treeview .e-list-item.e-active > .e-fullrow {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff !important;
    }

    .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
    .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
    .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text,
    .e-treeview .e-list-item.e-active > .e-text-content .e-list-icon,
    .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
    .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
        color: #fff !important;
    }


    .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff !important;
    }

    .e-treeview .e-list-item.e-hover > .e-fullrow,
    .e-treeview .e-list-item.e-node-focus > .e-fullrow {
        background-color: var(--border-color);
        border-color: var(--border-color);
    }

/* Card View */
.e-card {
    background-color: white !important;
}

/* DataGrid */
.e-grid .e-row:not(.e-altrow) {
    background-color: #f3f5ff;
}

/* Icons */
.e-btn .e-btn-icon.e-icon-left {
    font-size: 16px;
    margin-left: 0;
}

/* Form Items */
.e-data-form .e-form-layout > .e-label-position-top {
    margin-top: 0 !important;
}

.e-data-form .e-form-layout:not(:first-of-type) {
    padding-top: 20px;
}

.fw-medium .e-label {
    font-weight: 500 !important;
}

/* Text */
.allow-line-break {
    white-space: pre-wrap;
}