.id-col {
	width: 100px !important;
}

.initials-profile {
    background: #4e73df;
    color: #fff;
    border: 1px solid #4e73df;
    border-radius: 50%;
    padding: 6px;
    margin-top: 7px;
}

.sidebar-brand-text-sm{
	font-size: 0.7em !important;
}

.site-builder-menu li {
    margin-right: 20px !important;
    margin-bottom: 10px !important;
}

.site-info-card {
    cursor: pointer;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    transition: all 0.25s ease;
    border-radius: 5px;
}

.site-info-card:hover {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
    color: #4e73df;
}

.supplier-consumables-box {
    height: 285px !important;
    overflow-y: scroll;
}

.supplier-card {
    cursor: pointer;
    transition: all 0.25s ease;
	height: 155px;
}

.supplier-card:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.profile-pic {
    width: 100%;
    height: auto;
}

.node-card-btn,
.node-card {
    cursor: pointer;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.05) !important;
    transition: all 0.25s ease;
}

.node-card-btn:hover,
.node-card:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.nav-scroller {
	margin-top: -20px;
	margin-bottom: 20px;
	border-radius: 0.35rem;
}

.modal-xl {
    width: 1300px; /* New width for default modal */
}

.card-empty {
    height: 250px;
    border: 3px dashed #e3e6f0;
    color: #ddd;
    background: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

@media only screen and (max-width: 1280px) {
    .modal-xl {
        width: 1150px !important; /* New width for default modal */
    }
}