.doc-review {
	&.review-listing {
		@include margin-padding(0, null);
	}
}
.doc-review {
	& > ul {
		& > li {
			background-color: $white;
			border: 1px solid $gray-transparent;
			border-radius: 10px;
			box-shadow: 0px 7.5px 17.5px 0px #0000000D;
			padding: 0;
			margin-bottom: 24px;
			.review-content {
				padding: 24px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.daterange-wraper {
					margin-bottom: 0;
				}
			}
			.star-rated {
				display: flex;
				align-items: center;
				span {
					color: $gray-900;
					font-size: $font-size-30;
					margin-right: 10px;
					font-weight: $font-weight-semibold;
				}
				i {
					color: $gray-transparent;
					margin: 0 2px;
					&.filled {
						color: $warning;
					}
				}
			}
			ul {
				li {
					padding: 0 24px 24px;
					.replied-comment {
						padding: 15px;
						background: $light-transparent;
						border-radius: 10px;
						.patient-info {
							span {
								display: block;
								color: $gray-900;
								font-size: $font-size-14;
							}
						}
						.review-info {
							margin-top: 10px;
						}
					}
					.comment-reply {
						display: flex;
						align-items: center;
						.reply-text {
							color: $primary;
							font-size: $font-size-14;
							margin-right: 15px;
							font-weight: $font-weight-medium;
							&.replied-text {
								color: #1E293B;
							}
						}
						span {
							font-size: $font-size-14;
							font-weight: $font-weight-medium;
							&.no-views {
								color: $__grey_white__01;
							}
							&.replied-views {
								color: $primary;
							}
						}
					}
				}
			}
		}
		
	}
}
.comments {
	width: 100%;
	.comment-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px;
		border-bottom: 1px solid #E2E8F0;
		.patinet-information {
			.patient-info {
				span {
					display: block;
					color: $gray-600;
				}
			}
		}
	}
	.review-info {
		padding: 24px;
		p {
			color: $gray-600;
			margin-bottom: 15px;
		}
	}
	.comment-reply {
		display: flex;
		align-items: center;
		.reply-text {
			color: $gray-900;
			font-size: $font-size-14;
			margin-right: 15px;
			font-weight: $font-weight-medium;
			&:hover {
				color: $primary;
			}
			&.replied-text {
				color: $gray-900;
			}
			i {
				line-height: inherit;
			}
		}
		span {
			font-size: $font-size-14;
			font-weight: $font-weight-medium;
			&.no-views {
				color: $__grey_white__01;
			}
			&.replied-views {
				color: $primary;
			}
		}
	}
}
.durations {
	margin-bottom: 5px;
}