.divFabComponent
{
	bottom:24px;
	line-height:normal;
	position:fixed;
	right:24px;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.divFabComponent .divSecondaryFabs
{
	bottom:-15px;
	opacity:0;
	position:absolute;
	transition:bottom 0.15s, opacity 0.15s;
}

.divFabComponent.expand .divSecondaryFabs
{
	bottom:0px;
	opacity:1;
}

.divFabComponent .btnPrimaryFab
{
	background-color:#25225c;
	border-radius:50%;
	bottom:0px;
	box-shadow:0px 10px 14px 1px rgba(0, 0, 0, 0.16);
	cursor:pointer;
	height:56px;
	position:absolute;
	right:0px;
	transition:transform 0.15s;
	width:56px;
}

.divFabComponent.hide .btnPrimaryFab
{
	transform:scale3d(0, 0, 0);
}

.divFabComponent .divPrimaryFabIcon
{
	background-image:url('iconExpand.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	height:100%;
	position:absolute;
	transform:rotate(-90deg);
	transition:transform 0.15s;
	width:100%;
}

.divFabComponent.hide .divPrimaryFabIcon
{
	transform:rotate(-180deg);
}

.divFabComponent.expand .divPrimaryFabIcon, .divFabComponent.single .divPrimaryFabIcon
{
	transform:rotate(0deg);
}

.divFabComponent.single.hide .divPrimaryFabIcon
{
	transform:rotate(-90deg);
}

.divFabComponent .btnSecondaryFab
{
	background-color:#25225c;
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	border-radius:50%;
	box-shadow:0px 10px 14px 1px rgba(0, 0, 0, 0.16);
	cursor:pointer;
	height:48px;
	position:absolute;
	right:4px;
	transform:rotate(-90deg) scale3d(0, 0, 0);
	transition:bottom 0.15s, transform 0.15s;
	width:48px;
	z-index:-1;
}

.divFabComponent.expand .btnSecondaryFab
{
	transform:rotate(0deg) scale3d(1, 1, 1);
}

@media (max-width: 420px)
{
	.divFabComponent
	{
		bottom:16px;
		right:16px;
	}
}

@media (max-width: 360px)
{
	.divFabComponent
	{
		bottom:12px;
		right:12px;
	}
}