#aec_text_area_wrap > textarea {
	width: 100%;
	height: 40px;
}

#aec_submit_wrap {
	width: 100%;
	text-align: right;
	margin: 2px 0;
}

#aec_comment_wrap {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 3px 0 10px;
	padding: 10px 10px 5px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #ccc;
}
#aec_checkbox_wrap > label {
	display: inline-block;
	margin: 0 5px 3px 0;
}
.aec-msg.error {
	margin-left: 0;
	margin-right: 0;
}


.aec-single.comment {
	display: flex;
	flex-direction: row-reverse;
	padding: 8px 0;
}
#aec_comment_wrap .aec-single:first-child {
	padding-top: 0;
}
#aec_comment_wrap .aec-single:not(.comment):first-child {
	border-top: none;
}
.aec-avatar {
	width: 24px;
	flex: 0 0 24px;
}
.aec-avatar img {
	width: 24px;
	height: auto;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.aec-single.comment .aec-content {
	flex-grow: 2;
	margin: 0 5px 0 0;
}
.aec-single:not(.others) .aec-author {
	text-align: right;
}
.aec-single.comment .aec-content-body {
	margin-top: 3px;
	padding: 8px 10px;
	background: #d0e6f1;
	border-radius: 10px 0 10px 10px;
}
.aec-author_name {
	word-break: break-all;
}
.aec-single .raquo {
	font-size: 16px;
}
.aec-single .aec_delete {
	color: #849299;
	font-size: 16px;
	cursor: pointer;
}
.aec-content-date {
	font-size: 11px;
	color: #4f4f4f;
}

/* others */
.aec-single.others {
	flex-direction: row;
}
.aec-single.comment.others .aec-content {
	margin: 0 0 0 5px;
}
.aec-single.comment.others .aec-content-body {
	background-color: #9cd8f5;
	border-radius: 0 10px 10px 10px;
}

/* revision & status */
.aec-single.status,
.aec-single.revision {
	padding: 7px 0 8px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.aec-single.status .aec-author_name,
.aec-single.revision .aec-author_name {
	font-size: 11px;
}
.aec-single.status + .status,
.aec-single.status + .revision,
.aec-single.revision + .status,
.aec-single.revision + .revision {
	border-top: none;
}
.aec-single .excerpt-icon {
	padding: 1px 4px;
	font-size: 10px;
	background: #eddeff;
}
.aec-single .excerpt-icon.revision {
	background-color: #ffefd0;
}

/* send */
#aec_submit_wrap .button {
	width: 100%;
}


/* list */
.wp-list-table .aec-single.comment {
	display: block;
}
.wp-list-table .aec-avatar {
	float: left;
	margin-right: 5px;
}
.wp-list-table .aec-single:not(.others) .aec-author {
	text-align: left;
}
.wp-list-table .aec-single.comment .aec-content {
	margin: 0;
}
.wp-list-table .aec-single.comment .aec-content-body {
	clear: both;
	padding: 0;
	background: none;
	font-weight: bold;
}
.wp-list-table .aec-single.comment .aec-content-footer {
	font-weight: normal;
}


/* list */
.aec-column-wrap.has_multiple_item {
	display: flex;
	flex-direction: column-reverse;
}
.aec-column-wrap:not(.has_multiple_item) input[id*="aec-accordion-switch_"],
.aec-column-wrap:not(.has_multiple_item) label[for*="aec-accordion-switch_"] {
	display: none;
}
input[id*="aec-accordion-switch_"] {
	position: absolute;
	opacity: 0;
}
label[for*="aec-accordion-switch_"] {
	display: block;
	width: 100%;
	margin-top: 5px;
}
label[for*="aec-accordion-switch_"]::before {
	content: "\f347";
}
label[for*="aec-accordion-switch_"]:hover {
	background: #f0f0f0;
}
.aec-column-wrap.has_multiple_item .aec-single:nth-child(n+2) {
	display: none;
	opacity: 0;
}
input[id*="aec-accordion-switch_"]:checked + label {
	transform: rotate(180deg);
}
input[id*="aec-accordion-switch_"]:checked + label + .aec-data-wrap .aec-single:nth-child(n+2) {
	display: block;
	animation: fadeIn 1s ease 0s 1 forwards;
}
input[id*="aec-accordion-switch_"]:checked + label + .aec-data-wrap .aec-single:nth-child(3) { transition-delay: .4s; }
input[id*="aec-accordion-switch_"]:checked + label + .aec-data-wrap .aec-single:nth-child(4) { transition-delay: .8s; }
input[id*="aec-accordion-switch_"]:checked + label + .aec-data-wrap .aec-single:nth-child(5) { transition-delay: 1.2s; }

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#admin_edit_comment input[id*="aec-accordion-switch_"],
#admin_edit_comment label[for*="aec-accordion-switch_"] {
	display: none;
}
#admin_edit_comment .aec-column-wrap.has_multiple_item .aec-single:nth-child(n+2) {
	display: flex;
	opacity: 1;
}