/* ========================================================================================================================== */
/*                                                       Floating Menu                                                        */
/* ========================================================================================================================== */
.cfm-menu {
	position         : absolute;
	background-color : var(--color-cfm-bg);
	color            : var(--color-cfm-txt);
	z-index          : 1;
	box-shadow       : 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-radius    : 5px;
	min-width        : 100px;
	border           : 1px solid var(--color-cfm-bdr);
	box-shadow       : 0 0 15px var(--color-float-shadow);
}
.cfm-menu .cfm-item:first-child {
	border-top-left-radius  : 5px;
	border-top-right-radius : 5px;
}
.cfm-menu .cfm-item:last-child {
	border-bottom-left-radius  : 5px;
	border-bottom-right-radius : 5px;
}
.cfm-item {
	padding        : 10px 20px;
	display        : flex;
	flex-direction : row;
	align-items    : center;
}
.cfm-item-clickable:hover {
	background-color : #00000033;
	cursor           : pointer;
}
.cfm-item-icon {
	font-size : 18px;
	min-width : 32px;
}
.cfm-item-label {
	white-space : nowrap;
}
.cfm-spacer {
	margin       : 0;
	padding      : 0;
	border-color : var(--color-cfm-spacer);
}

.cfm-logout .cfm-item-icon {
	color : var(--color-cfm-logout);
}