.eforms-cropper {
    max-height: 500px;
    max-width: 100%;
}

.eforms-properties-category {
    margin: 10px;
}

.eforms-properties-title {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}

    .eforms-properties-title img:first-of-type {
        height: 40px;
        margin-right: 4px;
        width: 50px;
    }

.eforms-properties-category-header {
    background-color: lightblue;
    height: 16px;
}

.no-drop {
    border: 2px dashed red;
}

.can-drop {
    border: 2px dashed green;
}

/* Removes background image from unknown file types */
.e-filemanager .e-fe-unknown {
    background-image: none !important;
}

.e-fe-tick::before {
    content: '\e614';
}

.e-filemanager .e-grid .e-fe-icon {
    display: none !important;
}

.e-filemanager .e-grid .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
    display: none !important;
}

.e-filemanager .e-grid colgroup col:nth-child(2) {
    width: 10px !important;
}

/* Applies the generic yellow folder icon as the default for all folders */
/* This is the fallback for 'Files', 'CareFree Library' children, 'Shared', and any other generic folder */
.e-filemanager .e-fe-folder {
    background-image: url('../../NCS.Razor/images/icons/folder_yellowfgtransbg_36x_36y.png');
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
}

/* --- Specific Level Targeting (L2 & L3) --- */

/* Level 2: 'CareFree Library' Node (1st sibling) - Library Icon */
.e-treeview [aria-level="2"]:nth-of-type(1) > .e-text-content .e-list-icon.e-fe-folder {
    width: 32px !important;
    height: 32px !important;
    background-image: url('../../NCS.Razor/images/icons/library_yellowfgtransbg_32x_32y.png') !important;
    background-size: cover;
    display: inline-block;
}

/* Level 2: 'Customers' Node (2nd sibling) - Businesses Icon */
.e-treeview [aria-level="2"]:nth-of-type(2) > .e-text-content .e-list-icon.e-fe-folder {
    width: 32px !important;
    height: 32px !important;
    background-image: url('../../NCS.Razor/images/icons/businesses_bluefgtransbg_48x_48y.png') !important;
    background-size: cover;
    display: inline-block;
}

/* Level 3: Individual Customer Nodes (Children of the 'Customers' L2 node) - Business Icon */
/* Targets L3 nodes ONLY under the L2 'Customers' node (:nth-of-type(2)) */
.e-treeview [aria-level="2"]:nth-of-type(2) [aria-level="3"] > .e-text-content .e-list-icon.e-fe-folder {
    width: 35px !important;
    height: 32px !important;
    background-image: url('../../NCS.Razor/images/icons/business2_bluefgtransbg_32x_32y.png') !important;
    background-size: cover;
    display: inline-block;
}

/* --- ICON FIXES (L4 & L5) - REVISED ORDER --- */

/* Level 4: 'Shared' Folder Node (NEW: Targeted as the 1st child) */
/* We maintain the :nth-of-type(1) for Shared, assuming it is the actual first child */
.e-treeview [aria-level="2"]:nth-of-type(2) [aria-level="3"] > ul >
li[aria-level="4"]:nth-of-type(1) > .e-text-content .e-list-icon.e-fe-folder {
    width: 32px !important;
    height: 32px !important;
    background-image: url('../../NCS.Razor/images/icons/folderShared_bluefgtransbg_32x_32y.png') !important;
    background-size: cover;
    display: inline-block;
}

/* Level 4: 'Users' Grouping Node (NEW: Targeted as the 2nd child) - Users Group Icon */
/* We change the selector from :last-child to :nth-of-type(2) */
.e-treeview [aria-level="2"]:nth-of-type(2) [aria-level="3"] > ul >
li[aria-level="4"]:nth-of-type(2) > .e-text-content .e-list-icon.e-fe-folder {
    width: 32px !important;
    height: 32px !important;
    background-image: url('../../NCS.Razor/images/icons/users_blue_32x_32y.png') !important;
    background-size: cover;
    display: inline-block;
}

/* Level 5: Individual User Node Icon (Children of L4 'Users') - Individual User Icon */
/* We must update the L5 selector to match the new L4 'Users' target (:nth-of-type(2)) */
.e-treeview [aria-level="2"]:nth-of-type(2) [aria-level="3"] > ul >
li[aria-level="4"]:nth-of-type(2) [aria-level="5"] .e-list-icon.e-fe-folder {
    /* Set specific icon on ALL L5 nodes inside 'Users' */
    background-image: url('../../NCS.Razor/images/icons/user_blue_32x_32y.png') !important;
    background-size: cover;
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
}

/* Level 6 (Children of User Folder): Must be normal yellow folders */
/* We update the L6 selector to match the new L4 'Users' target (:nth-of-type(2)) */
.e-treeview [aria-level="2"]:nth-of-type(2) [aria-level="3"] > ul >
li[aria-level="4"]:nth-of-type(2) [aria-level="5"] [aria-level="6"] .e-list-icon.e-fe-folder {
    /* Re-apply the generic yellow folder icon, overriding the L5/User icon cascade */
    background-image: url('../../NCS.Razor/images/icons/folder_yellowfgtransbg_36x_36y.png') !important;
    background-size: cover;
    display: inline-block;
    width: 36px !important;
    height: 36px !important;
}