.multicollab_body_class {
	.cf-floating-wrapper {
		height: 120px;
		width: 12%;
		position: relative;
		display: block;
	}
	.cf-floating-wrapper__btn {
		display: flex;
		justify-content: flex-end;
		position: fixed;
		top: 192px;
		left: auto;
		bottom: auto;
		transition: all .5s ease-in 0s;
		-webkit-transition: opacity 0.3s linear 2s;
		-moz-transition: all .5s ease-in 0s;
		-ms-transition: all .5s ease-in 0s;
		-o-transition: all .5s ease-in 0s;
		@media screen and (max-width:782px) {
			top: 253px;
		}
		ul {
			margin: 0;
			padding: 0;
			border-radius: 10px;
			filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.05));
			background-color: #ffffff;
			border: 1px solid #e2e4e7;
			li {
				line-height: normal;
				padding: 12px;
				cursor: pointer;
				list-style: none;
				margin: 0;
				
				&:hover {
					.tooltip {
						display: block;
					}
				}

				&:first-child {
					border-radius: 10px 10px 0 0;
					-webkit-border-radius: 10px 10px 0 0;
					-moz-border-radius: 10px 10px 0 0;
					-ms-border-radius: 10px 10px 0 0;
					-o-border-radius: 10px 10px 0 0;
				}
				&:last-child {
					border-radius: 0 0 10px 10px;
					-webkit-border-radius: 0 0 10px 10px;
					-moz-border-radius: 0 0 10px 10px;
					-ms-border-radius: 0 0 10px 10px;
					-o-border-radius: 0 0 10px 10px;
				}
				&:only-child {
					border-radius: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					-ms-border-radius: 10px;
					-o-border-radius: 10px;
				}
				&.cf-suggestion-active {
					background-color: rgb(0, 124, 186, 0.1);
				}
				&:hover {
					background-color: #f1f3f4;
				}
				span {
					position: relative;
				}
				.cf-admin-comments-holder,
				.cf-admin-suggestion-holder {
					line-height: 10px;
					&::before{
						content: "";
						position: relative;
						top: 0;
						width: 24px;
						height: 24px;
						background-repeat: no-repeat;
						display: inline-block;
						line-height: normal;
						background-size: 24px;
					}
				}
				.cf-admin-comments-holder{
					&::before {
						background-image: url(../images/comment-fl-icon.svg);
					}
				}
				.cf-admin-suggestion-holder {
					&::before {
						background-image: url(../images/suggestion-float-icon.svg);
					}
				}
			}
		}
		li {
			.tooltip {
				font-size: 12px;
				line-height: 18px;
				border-radius: 4px;
				background: #1E1E1E;
				color: #fff;
				padding: 5.5px 10px;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
				font-weight: 500;
				position: absolute;
				top: 100%;
				left: 0;
				min-width: -webkit-max-content;
				min-width: -moz-max-content;
				min-width: max-content;
				-webkit-transform: translate(0, 12px);
				-ms-transform: translate(0, 12px);
				transform: translate(0, 12px);
				display: none;
				cursor: pointer;
			}
			&:first-child {
				&:hover {
					.tooltip {
						transform: translate(-111px, -78px);
						-webkit-transform: translate(-111px, -78px);
						-moz-transform: translate(-111px, -78px);
						-ms-transform: translate(-111px, -78px);
						-o-transform: translate(-111px, -78px);
					}
				}
			}
			&:last-child {
				&:hover {
					.tooltip {
						transform: translate(-108px, -35px);
					}
				}
			}
		}
	}
	.is-fullscreen-mode {
		.cf-floating-wrapper__btn {
			top: 162px;
		}
	}
	&.commentOn {
		.components-accessible-toolbar {
			.toolbar-button-with-text {
				&:focus {
					&:before {
						box-shadow: none;
					}
				}
			}
		}
		.components-toolbar {
			.toolbar-button-with-nontext {
				&:focus {
					&:before {
						box-shadow: none;
					}
				}
			}
		}
		.toolbar-button-with-text {
			&.is-pressed {
				.dashicons-admin-comments {
					&::before {
						background-image: url(../images/comment-fl-icon-white.svg);
					}
				}
			}
		}
		.toolbar-button-with-nontext {
			&.is-pressed {
				.dashicons-admin-comments {
					&::before {
						background-image: url(../images/comment-fl-icon-white.svg);
					}
				}
			}
		}
		.acfb_accordion_block .acfb_accordion {
			.acfb_accordion_content{
				.acfb_accordion_content_inner{
					display: block;
				}
			} 
		}
	}
	.toolbar-button-with-text,
	.toolbar-button-with-nontext {
		.dashicons-admin-comments {
			&::before {
				content: "";
				position: relative;
				top: 0;
				width: 24px;
				height: 24px;
				background-image: url(../images/comment-fl-icon.svg);
				background-repeat: no-repeat;
				display: inline-block;
				line-height: normal;
				background-size: 24px;
				width: 22px;
				height: 22px;
				background-size: 22px;
			}
		}
	}

	&.hide-comments.hide-sg {
		#cf-comments-suggestions-parent {
			div#cf-comment-board-wrapper {
				height: auto;
			}
		}
	}
}
