* {
  	box-sizing: border-box;
}

.fab-wrapper {
	width: 4rem;
	height: 4rem;
	position: fixed;
	bottom: 3rem;
	right: 3rem;
}
.fab-checkbox {
	display: none;
}
.fab, #customCloseWidgetButton {
	position: absolute;
	bottom: -1rem;
	right: -1rem;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: #000;
	transition: all 0.3s ease;
	z-index: 1;
	border: 1px solid #000;
	cursor: pointer;
	margin-bottom: 0px;
}

.fab:hover, #customCloseWidgetButton:hover {
	background: #cdc7c2;
	border: 1px solid #cdc7c2;
}

.fab-dots {
	position: absolute;
	height: 8px;
	width: 8px;
	background-color: #FFF;
	border-radius: 50%;
	top: 50%;
	transform: translateX(0%) translateY(-50%) rotate(0deg);
	opacity: 1;
	animation: blink 3s ease infinite;
	transition: all 0.3s ease;
}
.fab:hover .fab-dots {
	background-color: #000; 
	transition: all 0.3s ease-in-out;
}

.fab-dots-1 {
	left: 15px;
	animation-delay: 0s;
}
.fab-dots-2 {
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 1;
	animation-delay: 0.4s;
}
.fab-dots-3 {
	right: 15px;
	animation-delay: 0.8s;
}

.fab-checkbox:checked ~ .fab .fab-dots {
	height: 6px;
}

.fab .fab-dots-2 {
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-1 {
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	width: 32px;
	border-radius: 10px;
	left: 50%;
}
.fab-checkbox:checked ~ .fab .fab-dots-2 {
	opacity: 0;
}
.fab-checkbox:checked ~ .fab .fab-dots-3 {
	transform: translateX(50%) translateY(-50%) rotate(-45deg);
	width: 32px;
	border-radius: 10px;
	right: 50%;
}

@keyframes blink {
	50% {
		opacity: 0.25;
	}
}

.fab-checkbox:checked ~ .fab .fab-dots {
	animation: none;
}

.fab-wheel {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10rem;
	height: 10rem;
	transition: all 0.3s ease;
	transform-origin: bottom right;
	transform: scale(0);
}
.fab-tower {
 	position: absolute;
	bottom: 0;
	right: -2rem;	
	width: 3rem;
	transition: all 0.3s ease;
	transform-origin: bottom center;
	transform: scale(0);
	left: 0;
	margin: auto;
	padding-bottom: 3rem;
}

.fab-checkbox:checked ~ .fab-wheel, .fab-checkbox:checked ~ .fab-tower {
	transform: scale(1);
}
.fab-action {
	position: absolute;
	background: #0f1941;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: White;
	box-shadow: 0 24px 24px -16px rgba(16,30,30,.5) !important;
	transition: all 1s ease;
	opacity: 0;
}

.fab-tower .fab-action {
	position: relative;
	margin-bottom: 20px;
}

.fab-checkbox:checked ~ .fab-wheel .fab-action, .fab-checkbox:checked ~ .fab-tower .fab-action{
	opacity: 1;
}

.fab-action:hover {
	background-color: #000;
}

.fab-action.whatsApp {
	background-color: #25D366;
	background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/whatsapp-white.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
.fab-action.whatsApp.mobile {
		display: none;
	}
	.fab-action.whatsApp.desktop {
		display: block;
	}
.fab-action.messenger {
	background-color: #0084ff;
	background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/messenger-white.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
.fab-action.appleBusinessChat {
	background-color: #F0F0F5;
	background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/apple-business-chat-blue.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
.fab-action.mail {
	background-color: #000;
	background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/mail-white.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
.fab-action.chat {
	background-color: #cce5ff;
	background-image: url(https://robincontentdesktop.blob.core.windows.net/css/icons/fab-icons/mail-blue.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
.fab-action.chat:before, #fabCheckbox + .fab.online:before {
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 10px;
	background-color: #3DDC97;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease;
}
#fabCheckbox + .fab.online:before {
	width: 16px;
	height: 16px;
}
#fabCheckbox:checked + .fab.online:before {
	opacity: 0; 
}
#fabCheckbox + .fab.online.hideOnlineIndicator:before {
  opacity: 0; 
}
.fab-wheel .fab-action-1 {
	right: -1rem;
	top: 0;
}

.fab-wheel .fab-action-2 {
	right: 3.4rem;
	top: 0.5rem;
}
.fab-wheel .fab-action-3 {
	left: 0.5rem;
	bottom: 3.4rem;
}
.fab-wheel .fab-action-4 {
	left: 0;
	bottom: -1rem;
}

.fab-wheel .fab-action img, .fab-tower .fab-action img {
	border-radius: 100%;
	max-width: 100%;
}
/* Custom dots */
.custom-fab-dot, #customCloseWidgetButton span.dot, #customCloseWidgetButtonWidgetHeader span.dot {
	position: absolute;
	height: 8px;
	width: 8px;
	background-color: #FFF;
	border-radius: 6px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: 1;
	animation: blink 3s ease infinite;
	transition: all 0.3s ease;
}
.fab:hover .custom-fab-dot, #customCloseWidgetButton:hover span.dot {
	background-color: #000;
}
.custom-fab-dot.dot-1, #customCloseWidgetButton span.dot-1 {
	left: -24px;
	animation-delay: 0s;
}
.custom-fab-dot.dot-2, #customCloseWidgetButton span.dot-2 {
	animation-delay: 0.4s;
}
.custom-fab-dot.dot-3, #customCloseWidgetButton span.dot-3 {
	right: -24px; 
	animation-delay: 0.8s;
}
.custom-fab-dot.dot-1, .custom-fab-dot.dot-3 {
	content: "";
}
.fab-checkbox:checked ~ .fab .custom-fab-dot,  #customCloseWidgetButton span.dot, #robin_popover #customCloseWidgetButtonWidgetHeader span.dot {
	animation: none;
}
.fab-checkbox:checked ~ .fab .custom-fab-dot.dot-1, .fab-checkbox:checked ~ .fab .custom-fab-dot.dot-3, #customCloseWidgetButton span.dot-1, #customCloseWidgetButton span.dot-3 {
	width: 36px; 
}

.fab-checkbox:checked ~ .fab .custom-fab-dot.dot-1, #customCloseWidgetButton span.dot-1, #customCloseWidgetButtonWidgetHeader span.dot-1 {
	transform: rotate(45deg);
	left: 0;
}
.fab-checkbox:checked ~ .fab .custom-fab-dot.dot-3, #customCloseWidgetButton span.dot-3, #customCloseWidgetButtonWidgetHeader span.dot-3 {
	transform: rotate(-45deg);
	left: -24px;
}
#robin_popover #customCloseWidgetButtonWidgetHeader {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: transparent;
	top: 16px;
    right: 16px;
	border: 0;
	opacity: 0.5;
	display: none;
}
#robin_popover #customCloseWidgetButtonWidgetHeader span.dot {
	width: 3px;
	height: 3px;
	background-color: #344055;
}
#robin_popover #customCloseWidgetButtonWidgetHeader:hover {
	opacity: 1;
}
#robin_popover #customCloseWidgetButtonWidgetHeader span.dot-2 {
	display: none;
}
#robin_popover #customCloseWidgetButtonWidgetHeader span.dot-1, #robin_popover #customCloseWidgetButtonWidgetHeader span.dot-3 {
	width: 16px;
	left: 0;
}

@media only screen and (max-device-width: 767px) {
	#robin_popover #customCloseWidgetButtonWidgetHeader {
		display: block;
	}
	
	.fab-action.whatsApp.mobile {
		display: block;
	}
	.fab-action.whatsApp.desktop {
		display: none;
	}
}

/* ROBIN Tab */
#robin_tab {
	display: none !important;
}
#robin_popover {
	right: 110px !important;
    bottom: 90px !important;
	border-radius: 16px !important;
	background-color: #FFF;
	overflow: hidden !important;
}
#robin_pac_invite {
	display: none !important;
}