.dropdown-menu {
  z-index: 105000000000000!important; /* Ensure it's above other elements */
}
#navbar {
	height: 64px!important;	
}
/*
.sidebar {
	width: 280px;
	
	background-color: #333;
    color: white;
    display: flex;
    flex-direction: column;
    transition: width 0.3s;
}
*/
.toggle-button {
    margin: 20px;
}
.people-panel-toggler {
	cursor: pointer;
}
#right-slider {
    position:fixed;
    height:100%;
    background:#fafafa;
    width: 300px;
	top: 0px;
	bottom: 0px;
    right:0px;
    margin-right: -300px;
	z-index: 10000000;
	
}
.list-group-item {
	width: 100%;
}/*
.display-cont {
	height: 100%!important;
	
}*/
#main-messages-container {
	width: 100%;
	height: 100%;
	
}
#main-messages-container .messages-container {
	width: 100%!important;
	height: 100%!important;
	position: relative;
	
}
#main-messages-container .messages-container .message-content {
	width: 100%!important;
	
	max-height: calc(100% - 80px)!important;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0px;
	position: absolute;
	left: 0!important;
}/*
.display-cont .list-group {
	height: 100%;
}*/
#main-messages-container .messages-container .control-panel {
	
	padding: 13px;
	width: 100%!important;
	height: 80px!important;
	
	position: absolute;
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
}
.settings-cont .display-options-level2-container {
	height: 240px;
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
	
}
.settings-cont .display-options-level2-container .chatroom.selected {
	background: #94B5DD!important;
}
.settings-cont .display-options-level2-container .item {
	height: 80px!important;
}
.settings-cont .display-options-level2-container .item.selected {
	background: #94B5DD!important;
}
.sidebar-manager .sidebar {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-manager .sidebar-item {
	border-bottom: 1px solid #eee;
	list-style: none;
}

.sidebar-manager .sidebar-item:last-child {
	border-bottom: none;
}

.sidebar-manager .sidebar-item-row {
	transition: background-color 0.15s ease;
}

.sidebar-manager .sidebar-item-row:hover {
	background-color: #f8f9fa;
}

/* ========== NAV LINKS ========== */

.sidebar-manager .sidebar-item .nav-link {
	color: #333;
	text-decoration: none;
	padding: 0;
	display: block;
}

.sidebar-manager .sidebar-item .nav-link:hover {
	color: #0d6efd;
}

.sidebar-manager .sidebar-item .nav-link.active {
	color: #0d6efd;
	font-weight: 500;
}

/* ========== CARET ICON ========== */

.sidebar-manager .caret-icon {
	color: #999;
	font-size: 0.75rem;
	cursor: pointer;
	padding: 4px;
	margin-right: 4px;
	transition: transform 0.2s ease, color 0.2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.sidebar-manager .caret-icon:hover {
	color: #0d6efd;
}

/* Rotate caret when expanded */
.sidebar-manager .caret-icon:not(.collapsed) {
	transform: rotate(90deg);
	color: #0d6efd;
}

/* ========== CHILDREN CONTAINER (Accordion) ========== */

.sidebar-manager .children-container {
	list-style: none;
	border-left: 2px solid #dee2e6;
	margin-left: 20px;
	padding-left: 0;
	background-color: #fafafa;
}

.sidebar-manager .children-container .sidebar-item {
	border-bottom: 1px solid #eee;
}

.sidebar-manager .children-container .sidebar-item:last-child {
	border-bottom: none;
}

.sidebar-manager .children-container .sidebar-item-row {
	padding-left: 15px !important;
}

.sidebar-manager .children-container .nav-link {
	font-size: 0.9rem;
	color: #555;
}

.sidebar-manager .children-container .nav-link:hover {
	color: #0d6efd;
}

.sidebar-manager .children-container .nav-link.active {
	color: #0d6efd;
	font-weight: 500;
}

/* ========== EDIT MODE - TOOLBAR ========== */

.sidebar-manager .toolbar {
	padding: 10px;
	background: #f8f9fa;
	border-radius: 5px;
	margin-bottom: 10px;
}

/* ========== EDIT MODE - CHECKBOXES ========== */

.sidebar-manager .checkbox-container {
	width: 24px;
}

.sidebar-manager .checkbox-container input[type="checkbox"] {
	cursor: pointer;
}

/* ========== EDIT MODE - DRAG HANDLE ========== */

.sidebar-manager .icon {
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-manager .icon i {
	cursor: grab;
	color: #999;
}

.sidebar-manager .icon i:hover {
	color: #666;
}

/* ========== EDIT MODE - CONTROL DROPDOWN ========== */

.sidebar-manager .control {
	width: 40px;
}

.sidebar-manager .dropdown-item {
	cursor: pointer;
	font-size: 0.9rem;
}

.sidebar-manager .dropdown-item:hover {
	background-color: #f8f9fa;
}

.sidebar-manager .dropdown-item.text-danger:hover {
	background-color: #fff5f5;
}

/* ========== CONTROL BUTTONS (Apply/Cancel) ========== */

.sidebar-manager .control-container {
	padding: 15px;
	background: #f8f9fa;
	border-radius: 5px;
	margin-top: 15px;
}

.sidebar-manager .control-container.hide {
	display: none;
}

/* ========== HIDDEN/DELETED ITEMS ========== */

.sidebar-manager .sidebar-item.hide {
	display: none !important;
}

/* ========== SORTABLE (Drag & Drop) ========== */

.sortable-ghost {
	opacity: 0.4;
	background: #e3f2fd !important;
}

.sortable-drag {
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

/* ========== MODAL STYLES ========== */

#sidebar-modal .btn-icon {
	width: 38px;
	height: 38px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#sidebar-modal .btn-icon.active {
	background-color: #0d6efd;
	color: white;
	border-color: #0d6efd;
}

#sidebar-modal .btn-layout.active {
	background-color: #0d6efd;
	color: white;
	border-color: #0d6efd;
}

/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
	.sidebar-manager .children-container {
		margin-left: 10px;
	}

	.sidebar-manager .children-container .sidebar-item-row {
		padding-left: 10px !important;
	}
}



.layout-toolbar {
	margin-bottom: 15px;
}

/* Layout Options in Modal */
.layout-options .btn-layout-option {
	padding: 10px;
	border: 2px solid #dee2e6;
	background: #fff;
	transition: all 0.2s ease;
}

.layout-options .btn-layout-option:hover {
	border-color: #0d6efd;
}

.layout-options .btn-layout-option.active {
	border-color: #0d6efd;
	background-color: #e7f1ff;
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
}

/* Layer */
.layer {
	position: relative;
	border: 1px dashed transparent;
	transition: border-color 0.2s ease;
}

.layer:hover {
	border-color: #dee2e6;
}

/* Empty State */
.empty-state {
	background: #f8f9fa;
	border: 2px dashed #dee2e6;
	border-radius: 8px;
	padding: 40px;
}

/* Add Module Button */
.btn-add-module-modal {
	border-style: dashed;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-add-module-modal:hover {
	background-color: #f8f9fa;
	border-color: #0d6efd;
	color: #0d6efd;
}

/* Update Container */
#update_container {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

#update_container.hide {
	display: none;
}