/* ADMIN COMMENTS STYLES */
.adm_post_list { margin-bottom: 20px; }
.adm_post_item { color: #000; background: #f1f1f1; margin-bottom: 20px; }
.adm_post_item_wrap { padding: 11px 22px; }
.adm_post_item.adm_post_item_out { width: 53%; }
.adm_post_item.adm_post_item_in { max-width: 50%; margin-left: auto; }
.adm_post_item_in { margin-top: 40px; margin-bottom: 40px; }
.adm_post_item_header { background: #E7E7E7; }
.adm_post_item_body { padding-bottom: 5px }
.adm_post_item_title { font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; margin-bottom: 5px; }
.adm_post_item_date { font-size: 10px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; }
.adm_post_item_image { margin-bottom: 20px; }
.adm_post_item_image img { display: block; max-width: 100%; height: auto; }
.adm_post_item_text { font-size: 12px; font-weight: 600; line-height: 1.7; letter-spacing: 0.02em; color: #000; }
.adm_post_sender { margin-bottom: 60px; }
.adm_post_sender_grid { position: relative; display: flex; flex-direction: row; justify-content: space-between; position: relative; align-items: flex-start; }
.adm_post_sender_text_outer { position: relative; width: 100%; padding: 18px 20px; padding-right: 45px; padding-bottom: 17px; }
.adm_post_sender_text { display: flex; width: calc(100% - 141px); position: relative; border: 1px solid #000; flex-direction: row; justify-content: flex-start; }
.adm_post_sender_button { border: none; background: #33363f; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.3; letter-spacing: 0.04em; text-align: center; height: 67px; width: 141px; }
.adm_post_sender_attach { cursor: pointer; z-index: 5; display: block; width: 20px; height: 22px; position: absolute; right: 12px; top: 22px; content: ''; background: url(../img/icons_adm/icon_attach.svg) center center no-repeat; background-size: contain; }
.input-sizer textarea { outline: none; line-height: 1.3; letter-spacing: 0.02em; }
.input-sizer.stacked { align-items: stretch; }
.input-sizer { display: inline-grid; vertical-align: top; align-items: center; position: relative; width: 100%; font-size: 15px; font-weight: 500; color: #000; }
.input-sizer.stacked::after, .input-sizer.stacked textarea { grid-area: 2 / 1; }
.input-sizer::after, .input-sizer textarea { width: auto; min-width: 1em; grid-area: 1 / 2; font: inherit; padding: 0.25em; margin: 0; resize: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; }
.input-sizer.stacked::after, .input-sizer.stacked textarea { grid-area: 2 / 1; }
.input-sizer::after { content: attr(data-value) " "; visibility: hidden; white-space: pre-wrap; }
.adm_post_sender_uploaded_outer { top: 100%; left: -1px; z-index: 50; position: absolute; width: 100%; }
.adm_post_sender_uploaded { display: none; width: calc(100% + 2px); padding: 13px 18px; background: #f1f1f1; top: calc(100% + 1px); left: -1px; z-index: 5; position: absolute; /* display: none; */ }
.adm_post_sender_uploaded.active { display: block; }
.adm_post_sender_uploaded_file { font-size: 10px; font-weight: 400; line-height: 1.3; letter-spacing: 0.02em; padding-left: 17px; position: relative; }
.adm_post_sender_uploaded_file::before { content: ''; width: 12px; height: 14px; left: 0; top: -1px; position: absolute; z-index: 5; background: url(../img/icons_adm/icon_attach.svg) center center no-repeat; background-size: contain; }
.adm_post_sender_uploaded_file span { font-weight: 700; margin-left: 1px; }
@media (max-width: 850px) { 
	.adm_post_item.adm_post_item_out { width: calc(100% - 50px); max-width: 100%; }
	.adm_post_item.adm_post_item_in { width: calc(100% - 50px); max-width: 100%; margin-left: auto; }
}
@media (max-width: 650px) { 
  .adm_post_list {margin-top:-25px;} 
	.adm_post_item.adm_post_item_out { width: calc(100% - 20px); }
	.adm_post_item.adm_post_item_in { width: calc(100% - 20px); margin-top: 0px; margin-bottom: 20px; }
	.adm_post_item_wrap { padding: 10px 10px; }
	.adm_post_item_text { font-size: 11px; }
	.adm_post_sender_text { width: calc(100% - 74px); }
	.adm_post_sender_text_outer { padding: 6px 5px; padding-right: 43px; padding-bottom: 7px; }
	.input-sizer { font-size: 12px; }
	.adm_post_sender_attach { width: 15px; height: 15px; right: 9px; top: 11px; }
	.adm_post_sender_uploaded {padding:11px 15px;} 
	.adm_post_sender_button { font-size: 12px; height: 39px; width: 74px; }
}