.multicollab_body_class {
	#cf-reports {
		table {
			th {
				padding: 15px 10px;
				@media screen and (max-width:991px) {
					padding: 12px 6px;
					font-size: 13px;
				}
				@media screen and (max-width:700px) {
					font-size: 10px;
					padding: 8px 3px;
					font-size: 9px;
				}
				&.column-activities {
					width: 40%;
					@media screen and (max-width:1200px){
						width: 55%;
					}
					@media screen and (max-width:1024px) {
						width: 40%;
					}
					@media screen and (max-width:700px) {
						width: 20%;
					}
					
				}
			}
			td {
				padding: 15px 10px;
				@media screen and (max-width:991px) {
					padding: 12px 6px;
					font-size: 13px;
				}
				@media screen and (max-width:700px) {
					padding: 8px 3px;
					font-size: 9px;
				}
				&.column-primary {
					a {
						padding: 8px;
						display: table;
						@media screen and (max-width:782px) {
							padding: 0;
						}
					}
				}
			}
			th#title {
				width: 20%;
				@media screen and (max-width:1024px) {
					width: 15%;
				}
				@media screen and (max-width:700px) {
					width: 10%;
				}
			}
			th#comments_count,
			th#collaborators {
				width: 10%;
				@media screen and (max-width:1200px){
					width:15%;
				}
				@media screen and (max-width:991px) {
					width:12%;
				}
			}
			.collaborators {
				.tbl-user-avatar {
					display: inline-block;
					vertical-align: middle;
					width: 100%;
					margin: 0 0 10px;
					color: #2271B1;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					img {
						vertical-align: bottom;
						margin-right: 5px;
						border-radius: 50%;
						width: 20px;
					}
				}
			}
			.activities {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				flex-wrap: wrap;
				blockquote {
					border-left: 3px solid #0568C1;
					padding: 0 0 2px 10px;
					font-size: 12px;
					color: #000000;
					font-weight: 500;
					font-style: italic;
					margin: 10px 0;
					position: relative;
					&.empty {
						display: none;
					}
				}
				.tbl-user-comment {
					font-size: 12px;
					color: #000000;
					line-height: 14px;
					font-weight: 400;
					word-break: break-word;
					strong {
						font-size: 12px;
						font-weight: 400;
						font-style: italic;
						color: #50575E;
						position: relative;
						line-height: 14px;
					}
				}
				.tbl-user-avatar {
					color: #2271B1;
					text-decoration: underline;
					img {
						vertical-align: middle;
						margin: -2px 5px 0 2px;
						border-radius: 50%;
						width: 20px;
					}
				}
				.activity-title {
					text-decoration: underline;
				}
				.single-activity {
					border-top: 0;
					border: 1px solid #E2E4E7;
					padding: 20px;
					width: 100%;
					background-color: #fff;
					position: relative;
					margin-right: 10px;
					width: 100%;
					max-width: calc(100% * 1/3 - 7px);
					@media screen and (max-width:1200px){
						padding: 10px;
					}
					@media screen and (max-width:1024px) {
						padding: 10px;
						max-width: calc(100% * 1/2 - 10px);
					}
					@media screen and (max-width:782px) {
						max-width: 100%;
					}
  
					&:last-child {
						margin-right: 0;
						@media screen and (max-width:1024px) {
							margin-top: 10px;
						}
					}
					&:not(:last-child){
						@media screen and (max-width:782px) {
							margin: 0 0 10px;
						}
					}
					.user-data-header {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						align-items: center;
						margin: 6px 0;
						@media screen and (max-width:700px) {
							margin: 5px 0;
						}
					}
					img {
						border-radius: 50%;
						overflow: hidden;
						margin-right: 10px;
						width: 30px;
						height: 30px;
						-ms-flex-negative: 0;
						flex-shrink: 0;
					}
					span {
						&.single-activity-status {
							color: #000;
						}
					}
					.user-display-name {
						.user-name {
							color: #000;
							font-weight: 600;
							text-transform: capitalize;
							position: relative;
							word-break: break-word;
							span {
								&.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, 5px);
									display: none;
									cursor: pointer;
									z-index: 9;
								}
							}
							&:hover {
								span {
									&.tooltip {
										display: block;
									}
								}
							}
						}
					}
					.user-commented-date {
						display: block;
						font-size: 12px;
						line-height: 16px;
						color: #50575E;
						font-weight: 400;
						position: relative;

						span {
							font-size: inherit;
							line-height: inherit;
						}
						
						@media screen and (max-width:1200px){
							font-size: 11px;
						}
						@media screen and (max-width:700px) {
							font-size: 8px;
						}
					}
					.tbl-user-activity-left {
						margin-left: 15px;
						@media screen and (max-width:700px) {
							margin-left: 0;
						}
					}
				}
			}
			.comments_count {
				.total-comments {
					border-top: 1px dotted #d6d6d6;
					padding-top: 15px;
					@media screen and (max-width:700px) {
						padding-top: 5px;
					}
					span {
						color: #50575E;
					}
				}
				& > div {
					margin-bottom: 20px;
					font-weight: 600;
					color: #3C434A;
					position: relative;
					@media screen and (max-width:782px) {
						margin-bottom: 10px;
					}@media screen and (max-width:700px) {
						margin-bottom: 5px;
					}
					& > span {
						font-weight: 500;
						padding-left: 30px;
						position: absolute;
						left: 0;
						@media screen and (max-width:700px) {
							padding-left: 15px;
						}
					}
				}
				.autodrafts-comments {
					span {
						color: #7f7f7f;
					}
				}
				.open-comments {
					span {
						color: #4B1CCE;
					}
				}
				.resolved-comments {
					span {
						color: #00C259;
					}
				}
			}
			.activities {
				blockquote {
					&.tbl-user-commented-icon-md-block {
						&::before {
							background-image: url(../images/md-block-icon.svg);
							background-size: 10px;
							top: -1px;
						}
					}
					&:not(.tbl-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;
					}
					&.tbl-user-commented-icon-core\/audio {
						&::before {
							background-image: url(../images/media.svg);
						}
					}
					&.tbl-user-commented-icon-core\/video {
						&::before {
							background-image: url(../images/Video.svg);
						}
					}
					&.tbl-user-commented-icon-core\/cover {
						&::before {
							background-image: url(../images/cover.svg);
						}
					}
					&.tbl-user-commented-icon-core\/gallery {
						&::before {
							background-image: url(../images/gallery.svg);
						}
					}
					&.tbl-user-commented-icon-core\/media-text {
						&::before {
							background-image: url(../images/media-text.svg);
						}
					}
					&.tbl-user-commented-icon-core\/image {
						&::before {
							background-image: url(../images/image.svg);
						}
					}
				}
				.single-activity {
					.tbl-user-comment-attachment {
						position: relative;
						padding-left: 15px;
						margin-top: 0px;
						display: block;
						text-overflow: ellipsis;
						white-space: nowrap;
						max-width: 90%;
						overflow: hidden;
						&:not(:empty)::before {
							content: "";
							position: absolute;
							background-image: url(../images/attach.svg);
							background-repeat: no-repeat;
							height: 11.44px;
							width: 6px;
							background-position: center;
							text-align: center;
							top: 1px;
							left: 0;
							top: 6px;
						}
						&::before {
							height: 11px;
							top: 6px;
							background-size: 6px;
							width: 8px;
						}
						a {
							color: #007CBA;
							font-size: 10px;
							line-height: 16px;
							font-style: italic;
						}
					}
				}
			}
			.cf-dashboard-panel {
				.tablenav{
				   @media screen and (max-width:782px) {
					   margin: 0 0 10px;
				   }
			   }
		   }
		   .tablenav{
			   .view-switch{
				   @media screen and (max-width:782px) {
					   display: block;
					   text-align: center;
					   margin-bottom: 15px;
					   float: none;
					   padding: 0;
				   }
				   @media screen and (max-width:700px) {
					   margin-bottom: 0;
				   }
			   }
			   &.top{
				   .actions{
					   @media screen and (max-width:782px) {
						   display: block;
						   text-align: center;
						   margin-bottom: 15px;
						   float: none;
						   padding: 0;
					   }
					   @media screen and (max-width:700px) {
						   margin-bottom: 0;
					   }
				   }
			   }
			   .actions {
				   select{
					   @media screen and (max-width:700px) {
						   float: none;
					   }
				   }
			   
			   }
		   }
		}
		.user-data-row {
			.show-all-comments {
			  display: block;
			  padding: 10px 0;
			}
		  }
	}
}
