/* Custom styles for index.php */

.status--process {
	color: #007bff;
	font-weight: bold;
}

.status--denied {
	color: red;
	font-weight: bold;
}

/* Style for the "Last Update" text in sensor statistics */
.last-update {
	display: block;
	font-size: 0.8em;
	color: #555; /* Dark grey for better readability */
	margin-top: 6px;
	font-weight: normal;
}

/* Icon size in statistic items */
.statistic__item i.zmdi {
	font-size: 24px; /* Adjust as needed */
}

/* Styles for actuator status indicators */
.status-indicator {
	display: flex; /* Aligns icon and text nicely */
	align-items: center;
	gap: 8px; /* Space between icon and text */
	font-weight: bold;
}

.status-indicator i.fas.fa-circle {
	font-size: 10px; /* Size of the circle icon */
}

.status--process i.fas.fa-circle {
	color: #007bff; /* Blue color for 'On' or 'Open' status icon */
}

.status--denied i.fas.fa-circle {
	color: #dc3545; /* Red color for 'Off' or 'Close' status icon */
}
/* Desktop Header Language Switcher */
.header-desktop3 .header__tool .header-tool-lang .dropdown-toggle {
	color: #fff !important; /* White text, made important */
	background-color: transparent;
	border: 1px solid #fff; /* Optional: white border */
	padding: 5px 10px;
}

.header-desktop3 .header__tool .header-tool-lang .dropdown-toggle:hover,
.header-desktop3 .header__tool .header-tool-lang .dropdown-toggle:focus {
	color: #20c997 !important; /* Highlight color on hover/focus, ensure it overrides base */
	background-color: #fff !important; /* White background on hover/focus, ensure it overrides base */
}

/* Mobile Sub-Header Language Switcher (jika ingin konsisten) */
.sub-header-mobile-2 .header__tool .header-tool-lang .dropdown-toggle {
	color: #fff !important; /* White text, made important */
	background-color: #393939; /* Dark background to make white text visible, matches main mobile header */
	border: 1px solid #fff; /* White border */
	padding: 5px 10px; /* Consistent padding */
}

.sub-header-mobile-2 .header__tool .header-tool-lang .dropdown-toggle:hover,
.sub-header-mobile-2 .header__tool .header-tool-lang .dropdown-toggle:focus {
	color: #393939 !important; /* Dark text on hover, ensure it overrides base */
	background-color: #fff !important; /* White background on hover, ensure it overrides base */
	border-color: #393939 !important; /* Dark border on hover, ensure it overrides base */
}

/* Common styles for dropdown menu if needed */
.header-tool-lang .dropdown-menu {
	min-width: auto;
}

.header-tool-lang .dropdown-item {
	padding: 0.25rem 1rem;
}