@charset 'utf-8';

.for-message-statuses {
	display: none;
}

body.nav-user-messages .for-message-statuses {
	display: block;
}

#messages .nomessages {
	padding: 15px;
	color: #999;
	font-style: italic;
	text-align: center;	
}

body.use-hover #messages #btn-messages-append:hover,
#messages #btn-messages-append {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 15px 7px;
	text-align: center;
	color: #888;
	text-decoration: none;
}

#messages.loading #btn-messages-append {
	display: none !important;
}

#messages .message[data-tmpl-row] + .message[data-tmpl-row] {
	margin-top: 15px;
}

#messages a {
	cursor: pointer;
}

#messages .message-from-me .for-from-other,
#messages .message-from-other .for-from-me {
	display: none;
}

#messages .message-from-me .user {
	position: relative;
	float:left;
	width: 36px;
	margin-right: -36px;
}

#messages .message-from-other .user {
	position: relative;
	float:right;
	width: 36px;
	margin-left: -36px;
}

#messages .message-body {
	/* border: 1px solid #bbb; */
	border-radius: 13px;
	padding: 5px 10px;
	margin: 0 7px;
	
	position: relative;
	/* box-shadow: 0 -3px 11px rgba(255, 255, 255, 1) inset, 0 1px 1px rgba(0, 0, 0, 0.3); */
}

#messages .message-from-me .message-body {
	/* border-color: #eaeaea; */
	/* background: #eaeaea; */
	background: #e2e2e2;
}

#messages .message-from-other .message-body {
	/* border-color: #cce780; */
	background: #cce780;
}

#messages .message-from-me .message-body:before {
	content: '';
	height: 10px;
	width: 18px;
	/* background: white url(../img/balloontail-left-eaeaea.png); */
	background: white url(../img/balloontail-left-e2e2e2-flat.png);
position: absolute;
	bottom: 0;
	left: -8px;
	bottom: -1px;
}

#messages .message-from-other .message-body:after {
	content: '';
	width: 17px;
	height: 10px;
	/* background: white url(../img/balloontail-right-cce780.png); */
	background: white url(../img/balloontail-right-cce780-flat.png);
	position: absolute;
	bottom: 0;
	right: -6px;
	bottom: -1px;
}

#messages .message-info {
	margin-left: 43px;
	margin-right: 43px;
}

#messages .message-from-other .message-info {
	margin-right: 43px;
}

#messages .user img {
	width: 36px;
	height: 36px;
}

#messages [data-tmpl="messages:created_at"] {
	color: #aaa;
}

#messages .message-manip {
	font-size: 11px;
	margin-left: 7px;
	margin-right: 7px;
	text-align: right;
}

#messages .message-manip .btn-domessagedelete {
	margin-right: 0.75em;
}

#messages .message-manip * {
	color: #aaa;
}

#messages .sticker img {
	width: 120px;
	height: 120px;
}

#modal-messages .modal-header h3 {
	font-size: 16px;
	margin-bottom: 15px;
}

#modal-messages .modal-header [data-tmpl="title.user.image_url_small"] {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.btn-domessagedelete {
	
}

#form-domessage textarea,
#form-domessage .btn-submit {
	vertical-align: bottom;
	margin-bottom: 0;
}

#form-domessage textarea {
	width: 370px;
	height: 20px;
}

#form-domessage textarea:focus, #form-domessage textarea.focused {
	height: 72px;
}

/* @media ( max-width:480px ) { */
	html.is-mobile #modal-messages {
		height: auto;
	}
	html.is-mobile #modal-messages .modal-body {
		max-height: none;
	}
	html.is-mobile #form-domessage textarea,
	html.is-mobile #form-domessage .btn-submit {
		/* width: 280px; */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	
	html.is-mobile #form-domessage .textarea-wrap {
		margin-bottom: 10px;
	}
	
	html.is-mobile #form-domessage textarea {
		height: 32px;
	}
	
	html.is-mobile #form-domessage textarea.focused,
	html.is-mobile #form-domessage textarea:focus {
		height: 96px;
	}

/* } */