﻿/* =============================== */
/* Syncfusion Material3 Sidebar and Toolbar Customizations */
/* =============================== */

/* Sidebar Menu Item Padding */
.material #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
    padding: 0 12px;
}

.material.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
    padding: 0 16px;
}

/* Sidebar Icon Margins */
.material3 #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
.material3-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
    margin: 0 15px 0 7px;
}

.material #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
    margin: 0 8px 0 2px;
}

.e-bigger.material3 #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-bigger.material3-dark #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.material.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.material-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 5px;
}

/* Toolbar Border */
.material #wrapper .e-toolbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* Sidebar Height and Background */
.material .sidebar-menu,
.material3 .sidebar-menu {
    height: 100vh;
    background-color: #7eaacd;
}

.material .sidebar-menu.e-dock.e-close .e-menu-container,
.material3 .sidebar-menu.e-dock.e-close .e-menu-container {
    background-color: #7eaacd;
}


/* Sidebar Border */
.material .sidebar-menu {
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.material-dark .sidebar-menu {
    border-right: 1px solid #616161 !important;
}

/* Folder Name Adjustments */
.material .e-folder-name,
.material-dark .e-folder-name {
    margin-top: 1px;
}
