.msgr_msgs .msgr_subject {
	/* display: none; */
}


.msgr {
	padding-top: 10px;
	margin-top: 10px;
	color: inherit;
}
.msgr .action-bar.bar-top {
	margin-top: 10px;
	margin-bottom: 10px;
}
@media (max-width: 700px) {
	.msgr .action-bar {
		margin-left: -5px;
	}
}
.msgr .action-bar .top {
	font-size: inherit;
}
.msgr .pagination {
	line-height: 22px;
}
.msgr .pagination > ul {
	margin: 0 0 0 5px;
}

.msgr .panel {
	background-color: #F2F6F8;
}
.msgr .post.pm {
	background-color: #FFF;
}
.msgr h2 {
	margin: 0px 1px 8px;
	padding: 0;
	border: none;
	font-size: 17px;
	font-weight: bold;
	color: #105289;
}
.msgr h2 i {
	opacity: 0.4;
	vertical-align: 1px;
	text-align: left;
}
.msgr h2 span {
	opacity: 0.5;
}


.msgr_chats {
	padding: 0;
	/* overflow: hidden; */
}
.msgr_chats li.row {
	position: relative;
	padding: 7px 7px 8px !important;
	font-size: 1.1em;
	line-height: 22px;
	background-color: #FFF;
	border-bottom-color: #cadceb;
}
.msgr_chats li.row:last-of-type {
	border-bottom: none;
}
.msgr_chats li.row:hover {
	background-color: #f7fafd;
}
@media (min-width: 701px) {
	.msgr_chats li.row:first-of-type {
		border-radius: 7px 7px 0 0;
	}
	.msgr_chats li.row:last-of-type {
		border-radius: 0 0 7px 7px;
	}
	.msgr_chats li.row:only-of-type {
		border-radius: 7px;
	}
}
.msgr_chats a.topictitle {
	font-size: 1.3em;
}
.msgr_chats a.postlink {
	border: none;
}
.msgr_chats .msgr_time,
.msgr_chats .msgr_status {
	float: right;
	color: #718199;
}
.msgr_chats .msgr_status i {
	vertical-align: bottom;
	margin: 0 1px -3px 2px;
}

.msgr_chats div.avatar_wrapper {
	float: left;
	width: 47px;
	height: 47px;
	margin-right: 8px;
}
/* NB: <img> not always has class .avatar, at least with Gravatar */
.msgr_chats div.avatar_wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}
i.msgr_vice_avatar {
	color: #93aabb;
	background: #e8f1f7;
}
.msgr_chats i.msgr_vice_avatar {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	font-size: 33px;
	line-height: 40px;
}
i.msgr_vice_avatar.fa-bookmark {
	color: #0e99df;
}
i.msgr_vice_avatar::before {
	vertical-align: middle;
	padding: 0;
}
i.msgr_vice_avatar.fa-users::before {
	font-size: 0.85em;
}
.msgr_online_badge {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	right: 2px;
	bottom: 2px;
	border-radius: 6px;
	border: 1px solid #FFF;
	background: #00ea30;
}
.msgr_chats .msgr_online_badge {
	top: 40px;
	left: 41px;
}
.msgr_chats .msgr_unread_badge {
	border-radius: 10px;
	padding: 3px 6px;
	line-height: 1;
	background: #D31141;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	white-space: nowrap;
}
.msgr_chats .inline-attachment,
.msgr_chats .postimage {
	display: none;
}
.msgr_chats .msgr_preview {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 60px - 32px);
	float: left;
	clear: right;
	color: #28313F;
}
.msgr_chats .msgr_preview img:not(.smilies) {
	height: 21px;
	max-width: 44px;
	border-radius: 4px;
}
.msgr_chats .msgr_preview img.smilies {
	max-height: 21px;
	width: auto;
	vertical-align: middle;
}
.msgr_chats .msgr_preview p {
	display: contents;
	font: inherit;
	margin: 0;
	padding: 0;
}
.msgr_chats .msgr_preview a {
	pointer-events: none;
}
.msgr_chats .msgr_uname {
	color: #6c828c;
}
.msgr_chats .msgr_files {
	vertical-align: bottom;
}
.msgr_chats .msgr_files i {
	display: inline-block;
	height: 21px;
	line-height: 21px;
	padding: 0 4px;
	background: #0d96db;
	border-radius: 4px;
	color: #FFF;
	font-style: normal;
	vertical-align: middle;
}
/* @TODO Needed? Where used? */
.msgr ul.topiclist li .hidden {
	display: none;
}


div.msgr_profile {
	padding: 5px 8px;
}
.msgr_profile dl {
	overflow: hidden;
	padding: 3px 0;
	line-height: 1.3;
}
.msgr_profile dl dt {
	float: left;
	margin-right: 8px;
}
.msgr_profile .msgr_lastseen {
	font-size: 1.1em;
	/* height: 1.4em; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msgr_profile .profile-username {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 11px;
	overflow: hidden;
}
@media (max-width: 700px) {
	.msgr_profile .profile-username {
		margin-bottom: 4px;
	}
}
.msgr_self_chat .msgr_profile .profile-username {
	margin-bottom: 4px;
}
.msgr_profile .profile-username ~ dd {
	font-size: 1.1em;
}

.msgr_profile .profile-posts {
	display: none;
}
.msgr_profile .msgr_lastseen a {
	display: inline;
}
.msgr_profile .avatar-container {
	position: relative;
}
.msgr_profile a.avatar_wrapper {
	display: inline-block;
	width: 57px;
	height: 57px;
}
.msgr_profile a.avatar_wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}
.msgr_profile i.msgr_vice_avatar {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	font-size: 43px;
	line-height: 48px;
}
@media (max-width: 700px) {
	.msgr_profile a.avatar_wrapper {
		width: 34px;
		height: 34px;
	}
	.msgr_profile i.msgr_vice_avatar {
		font-size: 28px;
		line-height: 1;
	}
	.msgr_profile .msgr_lastseen ~ dd {
		display: none;
	}
}
.msgr_profile .postbody {
	float: right;
	width: 35%;
}
.msgr_profile .postbody .post-buttons {
	max-width: 100%;
}
.msgr_profile .msgr_item_count {
	float: right;
	clear: both;
	padding: 24px 0 0;
	font-size: 1.1em;
}
@media (max-width: 700px) {
	.msgr_profile .msgr_item_count {
		padding: 3px 0 0;
	}
}


/*
.msgr_self_chat .msgr_profile i.msgr_vice_avatar {
	width: unset;
	min-height: unset;
	background: unset;
	font-size: 14px;
	line-height: 1;
}
*/
.msgr_self_chat .msgr_profile .msgr_online_badge,
.msgr_self_chat .msgr_profile .profile-joined {
	display: none;
}
.msgr_self_chat .msgr_profile .msgr_item_count {
	padding: 3px 0 0;
}
.msgr_self_chat .msgr_profile a.avatar_wrapper {
	width: 34px;
	height: 34px;
}
.msgr_self_chat .msgr_profile i.msgr_vice_avatar {
	font-size: 28px;
	line-height: 1;
}


.msgr_unread_link,
.msgr_expander {
	color: #D31141;
}


.msgr_msgs .post {
	padding: 7px 10px;
}
.msgr_msgs .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}
.msgr_msgs .content,
.msgr #preview .content {
	min-height: auto;
}
.msgr_msgs p.author {
	clear: left;
	overflow: visible;
	padding: 2px 0 3px 0;
	font-size: 1.1em;
}
.msgr_msgs p.author i.icon:not(.msgr_vice_avatar):not(.icon-red) {
	color: #8f8f8f;
}
.msgr_msgs p.author i.icon.fa-pencil {
	font-size: 13px;
}
.msgr_msgs p.author i.icon.fa-users {
	font-size: 12px;
}
.msgr_msgs a.username {
	font-weight: bold;
}
.msgr_msgs .msgr_time {
	color: #718199;
}
.msgr_msgs .msgr_subject {
	float: left;
	padding: 0 0 5px;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}


.msgr_msgs .msgr_footnote {
	float: right;
	clear: both;
	font-size: 11px;
	color: #8e9fb7;
}
.msgr_msgs .content .msgr_footnote {
	clear: none;
}
.msgr_msgs .msgr_footnote i {
	margin-left: 3px;
}


.msgr_hilit {
	animation: msgr_hilit 3s ease;
}
.msgr_msgs .post:target,
.msgr_msgs  #unread:target ~ .post.pm {
	animation: msgr_hilit 5s ease;
}
@keyframes msgr_hilit {
	0% { background-color: #f9d8d8; }
}
/* Also highlight speech bubble tails */
.msgr_hilit::before {
	animation: msgr_hilit_border 3s ease;
}
.msgr_msgs .post:target::before,
.msgr_msgs  #unread:target ~ .post.pm::before {
	animation: msgr_hilit_border 5s ease;
}
@keyframes msgr_hilit_border {
	0% { border-bottom-color: #f9d8d8; border-top-color: #f9d8d8; }
}


.msgr_profile .post-buttons {
	margin-right: -5px;
	margin-top: -1px;
}
.msgr_msgs .post-buttons {
	margin-right: -3px;
	margin-top: -2px;
}
.msgr_chats .post-buttons {
	float: right;
	margin: -1px -2px 1px 7px;
	font-size: 10px;
}
.msgr_chats .dropdown-left .dropdown {
	right: -9px;
}
.msgr_msgs .dropdown-left .dropdown {
	right: -9px;
}
.msgr_profile .dropdown-left .dropdown {
	right: -9px;
}
.msgr_pins .dropdown-left .dropdown {
	right: -14px;
}
.msgr .post-buttons .button,
.msgr .post-buttons .button:hover {
	border: none;
	background: none;
	box-shadow: none;
}
.msgr .post-buttons .dropdown-trigger {
	line-height: 0;
}


.msgr_msgs span.avatar_wrapper {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -5px 0;
}
.msgr_msgs span.avatar_wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.msgr_msgs i.msgr_vice_avatar {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	line-height: 16px;
}
.msgr_msgs .bg1 i.msgr_vice_avatar {
	background: #FFF;
}


.msgr [data-msgr_alert] {
	cursor: pointer;
}


/* SVG cosmetics */
.msgr .msgr_double_tick_icon svg {
	color: #0f9ce2;
}
.msgr .msgr_pin_icon svg {
	color: #8e9fb7;
}
.msgr .action-bar .button svg { /* group icon */
	vertical-align: -4px;
}
.msgr .action-bar .button.msgr_icon_unpin svg {
	vertical-align: text-top;
}
.msgr .dropdown svg {
	vertical-align: bottom;
}
.msgr_chats .msgr_status svg,
.msgr_msgs .msgr_footnote i svg {
	vertical-align: middle;
}

/* Replace ugly ellipsis icon */
.msgr .fa-ellipsis-h::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23718199' d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") no-repeat right;
}


.msgr_chat #postform {
	margin-top: 10px;
}
.msgr fieldset dt span {
	/* opacity: 0.6; */
}

.msgr.msgr_chat .msgr_pins {
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #678;
}
@media (min-width: 501px) {
	.msgr.msgr_chat .msgr_pins {
		margin-bottom: 12px;
	}
}
.msgr.msgr_chat .msgr_pins .dropdown-contents i.icon {
	margin-top: 1px;
}
.msgr.msgr_chat .msgr_pins ul.msgr_pins_list {
	margin: 0;
	list-style-position: inside; /* Chrome */
}
.msgr.msgr_chat .msgr_pins ul.msgr_pins_list a {
	vertical-align: top;
}



/* Align search box nicely & hide gear button */
.msgr .search-box fieldset:first-child {
	display: flex;
}
.msgr .search-box input[type="search"] {
	height: auto;
}
.msgr .button-search {
	border-radius: 0 4px 4px 0;
}
.msgr .button-search-end {
	display: none;
}

.msgr .search-box {
	margin-right: 5px; /* Gap between this and buttons */
}
.msgr .inputbox {
	width: 100%;
}

/* Extended search form */
.msgr .msgr_search_box {
	margin: 8px 0 3px;
}
@media (min-width: 701px) {
	.msgr .msgr_search_box {
		margin: 3px 0 3px 46%;
	}
}
.msgr .msgr_search_box .search-box {
	float: none;
	width: 85%;
}
.msgr .msgr_search_box input.search {
	margin: 0;
}
.msgr .msgr_search_box input[type=radio] {
	width: 12px;
	margin-bottom: 1px;
	vertical-align: text-top;
}
.msgr .msgr_search_box fieldset + fieldset {
	margin-top: 10px;
	font-size: 1em;
}
.msgr .msgr_search_box select {
	float: right;
	margin: 3px 0 0;
	padding: 4px 6px;
	border-radius: 4px;
	border: 1px solid #c7c3bf;
}

/* Search clear button */
.msgr .search-box #msgr_search_clear {
	margin: 0 0 0 -1.28571429em; /* Element width as specified in font-awesome.css */
	padding-right: 3px;
	color: #A6A6A6;
	outline: none;
}
.msgr .search-box #msgr_search_clear:hover {
	color: #FB5A82;
}
.msgr .search-box input.search:placeholder-shown + #msgr_search_clear {
	display: none;
}

/* Disable inputs after a form is submitted and show its "busy" status */
.msgr .search-box form.submitted i.fa-search {
	animation: fa-spin 0.7s infinite linear;
}
.msgr .search-box form.submitted i.fa-search::before {
	content: "\f1ce"; /* fa-circle-o-notch */
}
.msgr form.submitted input,
.msgr form.submitted button,
.msgr form.submitted select {
	pointer-events: none;
}
.msgr_search .msgr_msgs .content {
	max-height: 30vh;
	overflow: auto;
}
.msgr_search .msgr_msgs .post-buttons,
.msgr_search .msgr_chats .post-buttons {
	display: none;
}
.msgr_search .msgr_goto_btn {
	float: right;
	opacity: 0.5;
}
.msgr_search .msgr_msgs .msgr_goto_btn {
	margin-right: -5px;
}


.msgr_chats blockquote {
	display: inline-block;
	max-height: 21px; /* Equal to .msgr_chats .msgr_preview img */
	vertical-align: bottom;
	margin: 0;
	padding: 0 6px;
	border: none;
	border-radius: 4px;
	font-size: inherit;
	/* background: #e8f1f7; */ /* Light blue */
}
.msgr_chats blockquote::before,
.msgr_chats blockquote cite::before {
	opacity: 0.6;
}
.msgr_chats blockquote blockquote::before,
.msgr_chats blockquote blockquote cite::before {
	display: none;
}
.msgr_chats blockquote blockquote {
	display: inline;
}
.msgr_chats blockquote div,
.msgr_chats blockquote cite {
	display: contents;
}
.msgr_chats blockquote cite {
	font-size: 0;
}

.msgr .fa-bell {
	font-size: 13px;
}

.msgr_posting .msgr_profile {
	margin-bottom: 10px;
}
.msgr_posting .msgr_profile .profile-username {
	margin: 2px 0 0;
}
@media (min-width: 501px) {
	.msgr_posting .msgr_profile {
		columns: 2;
	}
}
@media (min-width: 701px) {
	.msgr_posting .msgr_profile {
		columns: 3;
	}
	.msgr_posting .msgr_profile .profile-username {
		margin: 4px 0 0;
	}
}
@media (min-width: 1001px) {
	.msgr_posting .msgr_profile {
		columns: 4;
	}
}
.msgr_posting #add_username {
	width: 180px;
}
.msgr_posting fieldset.fields1 {
	margin: 0 0 5px;
}
.msgr_posting fieldset.fields1 ul.recipients {
	margin: 0 0 10px;
}
.msgr_posting fieldset.fields1 ul.recipients input.button2 {
	padding: 0 3px;
}
.msgr_posting fieldset.fields1 ul.recipients a {
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
}

@media (max-width: 700px) { .msgr_701min { display: none !important; } }
@media (max-width: 500px) { .msgr_501min { display: none; } }
@media (min-width: 701px) { .msgr_700max { display: none; } }
@media (min-width: 501px) { .msgr_500max { display: none; } }



/* Message bubbles */
/* .pm = incoming; .bg1 = outgoing */
.msgr_msgs .post.bg1 {
	margin-left: 4%;
}
.msgr_msgs .post.pm {
	margin-right: 4%;
}
.msgr_msgs .post.last_of_bunch {
	margin-bottom: 8px;
}
.msgr_msgs .post.first_of_bunch {
	margin-top: 8px;
}
/* Incoming first-on-page */
.msgr_msgs .post.pm:first-of-type {
	margin-top: 15px;
}
/* Right-bottom tail for outgoing */
.msgr_msgs .post.bg1.last_of_bunch {
	border-bottom-right-radius: 0;
}
.msgr_msgs .post.bg1.last_of_bunch::before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	right: 0px;
	bottom: -9px;
	border-left: 12px solid transparent;
	border-top: 12px solid #ecf3f7;
}
/* Left-top tail for incoming */
.msgr_msgs .post.pm.first_of_bunch,
.msgr_msgs .msgr_unreads_anchor + .post.pm {
	border-top-left-radius: 0;
}
.msgr_msgs .post.pm.first_of_bunch::before,
.msgr_msgs .msgr_unreads_anchor + .post.pm::before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	left: 0px;
	top: -9px;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;
}


@media (min-width: 501px) {
	.msgr_chat #postform {
		margin-top: 24px;
	}
}

/* label[for=attach_sig], */
.msgr #attach-panel > div > p,
.msgr #attach-panel #attach-panel-multi,
.msgr #attach-panel-basic {
	display: none !important;
}
.msgr #attach-panel {
	margin-top: -14px;
}
.msgr #file-list-container {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0 5px;
}
.msgr_posting #preview + hr {
	visibility: hidden;
}

.msgr_unreads_anchor {
	margin: -8px 0 8px;
	padding: 8px 0 0;
	font-size: 11px;
	text-align: center;
}
.post.pm + .msgr_unreads_anchor { /* After an incoming message */
	margin: -4px 0 8px;
}
.msgr_unreads_anchor i.icon {
	vertical-align: text-top;
}


/* Recipient name in search results */
.msgr_msgs p.author i.fa-long-arrow-right {
	vertical-align: text-top;
}
.msgr_msgs .msgr_uname {
	color: #6c828c;
	font-weight: bold;
}


.msgr .post::after {
	content: '';
	display: block;
	clear: both;
}


.panel.msgr_info {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 1.1em;
	background: #FFF;
}
.panel.msgr_warning {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 1.1em;
	color: #9f0715;
	background: #ffe5e7;
}
/* @TODO Remove; seems these classes are not in use (?) */
.msgr_alert .msgr_info,
.msgr_confirm .msgr_info {
	font-size: 1.2em;
}
.msgr_info i.fa-lg {
	opacity: 0.6;
	vertical-align: -1px;
}

.msgr_msgs .attachbox {
	margin-top: 0;
}
.msgr_msgs .inline-attachment img.postimage {
	margin-top: 4px;
}
.msgr_msgs dl.file dd {
	font-size: 11px;
}

.body_msgr .phpbb_alert label,
.msgr_confirm label {
	display: block;
	margin: 15px 0 0;
	width: fit-content;
}
.body_msgr .phpbb_alert label + label {
	margin: 5px 0 0;
}
.body_msgr .phpbb_alert input[type=checkbox],
.msgr_confirm input[type=checkbox] {
	/* V-align them equally in Chrome and Firefox */
	position: relative;
	bottom: 1.5px;
}
.body_msgr .phpbb_alert h3:empty {
	visibility: hidden;
}

.msgr_profile dd i.icon {
	opacity: 0.5;
	vertical-align: text-top;
}
@media (min-width: 701px) {
	.msgr_profile_unregistered,
	.msgr_profile_legacy_group {
		line-height: 30px;
	}
}