.rf-expander {
	position: absolute !important;
	left: 13px !important; 
	margin: 5px 0 0 0 !important;
	font-size: 11pt !important;
	width: 21px !important;
	height: 21px !important;
	line-height: 15px !important;
	border-color: var(--icon_circle_color_hover) !important;
	--awb-circlecolor: var(--icon_circle_color_hover) !important;
	--awb-circlecolor-hover: var(--icon_circle_color_hover) !important;
	--awb-circlebordercolor: var(--icon_circle_color_hover) !important;
	--awb-iconcolor: var(--awb-iconcolor) !important;
	--awb-iconcolor-hover: var(--awb-iconcolor-hover)!important;
}

/* Style for each tab (div) */
.rf-tab_nav {
	display: flex;
	padding: 10px 15px;
	cursor: pointer;
	background-color: var(--awb-color6);
	transition: color 0.3s, background-color 0.3s; /* Smooth transition for color changes */
}

/* Styling for the active tab */
.rf-tab_nav.active {
	/* color: #fff; Text color when tab is active */
	background-color: var(--awb-custom_color_2);/* Background color when tab is active */
}

/* Hover effect for tabs */
.rf-tab_nav:hover {
	/* color: #fff; Text color on hover */
	background-color: var(--awb-custom_color_2); /* Background color on hover */
	opacity: 0.8; /* Adjust opacity on hover */
}

.hide_me {
	display: none; !important;
}

/* Custom table styles 
.custom-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}

.custom-table th,
.custom-table td {
	padding: 8px;
	border: 1px solid #ddd;
}

 Filter controls styles 
.filter-controls {
	margin-bottom: 10px;
}

.filter-controls select,
.filter-controls input[type="text"] {
	margin-right: 10px;
	padding: 5px;
	font-size: 14px;
}

 Hide toggle checkbox styles 
.toggle-container {
	margin-bottom: 10px;
}

.toggle-container label {
	margin-right: 10px;
}
*/