.multicollab_body_class {
	@mixin activity-blockquote { 
		blockquote {
			&:not(.user-commented-icon)::before {
				content: "";
				position: absolute;
				height: 10px;
				width: 10px;
				top: 0;
				left: 0;
				line-height: 10px;
				margin-top: 6px;
				margin-left: 10px;
				background-repeat: no-repeat;
			}
			&.user-commented-icon-core\/audio {
				&::before {
					background-image: url(../images/media.svg);
				}
			}
			&.user-commented-icon-core\/video {
				&::before {
					background-image: url(../images/Video.svg);
				}
			}
			&.user-commented-icon-core\/cover {
				&::before {
					background-image: url(../images/cover.svg);
				}
			}
			&.user-commented-icon-core\/gallery {
				&::before {
					background-image: url(../images/gallery.svg);
				}
			}
			&.user-commented-icon-core\/media-text {
				&::before {
					background-image: url(../images/media-text.svg);
				}
			}
			&.user-commented-icon-core\/image {
				&::before {
					background-image: url(../images/image.svg);
				}
			}
			&.user-commented-icon-md-block {
				&::before {
					background-image: url(../images/md-block-icon.svg);
					background-size: 10px;
					top: -1px;
				}
			}
		}
	}
	.cf-activity-centre {
		blockquote {
			border-left: 3px solid #0568C1;
			padding: 0 0 2px 10px;
			font-size: 12px;
			color: #191E23;
			font-weight: normal;
			font-style: italic;
			margin-bottom: -5px;
			margin-left: 22px;
			position: relative;
			word-break: break-word;
			&:not(.user-commented-icon) {
				padding: 0 0 2px 26px;
			}
		}
		.cls-board-outer {
			@mixin cls-board-outer-sg-quote() {
				padding: 0 0 2px 10px;
						font-size: 12px;
						color: #191E23;
						font-weight: normal;
						font-style: italic;
						position: relative;
						word-break: break-word;
						margin-left: 14px;
			}
			&.sg-board {
				.Add,
				.Format,
				.Link,
				.Replace {
					.commentContainer:first-child {
						.commentText {
							border-left: 3px solid #188651;
							@include cls-board-outer-sg-quote();
						}
					}
				}
				&.Delete {
					.commentContainer:first-child {
						.commentText {
							border-left: 3px solid #EA1010;
							@include cls-board-outer-sg-quote();
						}
					}
				}
		
			}
		}
	}
	.block-editor-block-list__layout {
		.commentIcon {
			&.block-editor-block-list__block {
				&:after {
					width: 100%;
				}
				&:not([contenteditable]):focus {
					&:after {
						left: auto;
						right: -1px;
					}
				}
			}
		}
		.block-editor-block-list__block {
			&.commentIcon {
				&:not([contenteditable]):focus {
					&:after {
						-webkit-box-shadow: none;
						box-shadow: none;
					}
				}
			}
		}
	}
	.commentIcon {
		&.wp-block-video {
			.components-disabled {
				position: relative;
				&::after {
					right: -1px;
				}
			}
		}
		&.block-editor-block-list__block {
			&:not([contenteditable]):focus {
				left: auto;
				right: -1px;
			}
		}
		&.wp-block-cover {
			&::after {
				min-height: 50px;
				z-index: 9;
			}
		}
	}
	&.hide-comments {
		.commentIcon {
			border-color: transparent;
		}
	}
	.wp-block-media-text {
		&.commentIcon {
			.components-resizable-box__container {
				&::after {
					content: none;
				}
			}
		}
	}
	.user-data-row {
		.user-commented-on {
			@include activity-blockquote();
		}
	}
	.components-accessible-toolbar,
	.components-toolbar {
		.components-button {
			&.toolbar-button__multidots\/comment {
				&:before {
					-webkit-transition: all 0.1s ease-in;
					-o-transition: all 0.1s ease-in;
					transition: all 0.1s ease-in;
				}
			}
		}
	}
	.cf-dashboard-layout__tabs-wrap {
		#cf-reports {
			&.cf-dashboard-layout__tabs-wrap-inner {
				.tablenav {
					padding: 0 15px 0 15px;
					&>.alignleft.actions.bulkactions{
						@media screen and (max-width:782px) {
							margin: 0;
						}
					}
				}
			}
		}
	}
}
.commentOn {
	.commentIcon {
		border: 2px solid #feeead;
		padding: 20px;
		&.wc-block-components-checkout-step {
			padding: 20px 20px 20px 36px;
		}
		.wp-block-media-text__content {
			overflow-x: auto;
			overflow-x: auto;
			.wp-block-audio {
				audio {
					min-width: 100%;
				}
			}
		}
		&.wp-block-audio {
			padding: 10px 8px 5px;
		}
		.wp-social-link {
			padding: 0;
		}
		&.wp-block-woocommerce-product-categories {
			&.wc-block-product-categories {
				border: none;
				padding: 0;
			}
		}
		&.wp-block-woocommerce-product-collection {
			.wp-block-product-collection-is-layout-flow {
				border: none;
				padding: 0;
			}
		}
		&.wp-block[data-type="woocommerce/cart"] {
			.wp-block-woocommerce-cart {
				border: none;
				padding: 0;
			}
		}
	}
	&:not(.hide-comments) {
			.commentIcon {
				&.is-selected {
					.wp-block-woocommerce-product-categories {
						&.wc-block-product-categories {
							border: none;
						}
					}
					&.wp-block-woocommerce-product-collection {
						.wp-block-product-collection-is-layout-flow {
							border: none;
							padding: 0;
						}
					}
					&.wp-block[data-type="woocommerce/cart"] {
						.wp-block-woocommerce-cart {
							border: none;
						}
					}
				}
			}
	}
	.cf-onwhole-block__comment {
		border: 2px solid #feeead;
		.wc-block-product-categories{
			border: none;
		}
	}
	&.wp-block-woocommerce-cart{
		border: none;
	}
	.cf-wrapperblock__suggestion {
		p {
			&:not(.blockAdded).wp-block {
				padding: 10px;
			}
		}
	}
	&:not(.hide-sg) {
			.cf-wrapperblock__suggestion {
				p {
					&.wp-block.blockAdded {
						padding: 10px;
					}
				}
				.wp-block-heading {
					padding: 10px;
				}
			}
	}
	ul {
		&.cf-onwhole-block__comment {
			padding-top: 10px;
			padding-bottom: 10px;
		}
	}
	&.wp-block-media-text {
		@media screen and (max-width:1200px){
		display: block;
		}
	}
	.cf-onwhole-block__comment:not(ul.cf-onwhole-block__comment, ol.cf-onwhole-block__comment) {
		padding: 10px;
		.wc-block-product-categories{
			padding: 0;
			margin-bottom: 0;
		}
	}
}
body {
	&.hide-comments {
		.cf-wrapperblock__suggestion {
			p {
				&.wp-block {
					padding: 10px;
					
					&.cf-onwhole-block__comment {
						padding: 0;
					}
				}
			}
			.wp-block-heading {
				padding: 10px;
			}
		}
	}
	&.hide-comments.hide-sg {
		.cf-wrapperblock__suggestion {
			p {
				&.wp-block {
					padding: 0;
				}
			}
			.wp-block-heading {
				padding: 0;
			}
		}
	}
}


