@import "../shared/elements.less";
@import "../shared/variables.less";

#worker-messages {
	.messages-inbox-link a {
		font-weight: 300;
		font-size: 0.9em;
		padding-bottom: 3px;
		border-bottom: 1px solid @lightblue;
	}
	.messages-send-link a {
		font-weight: 300;
		font-size: 0.9em;
		color: #9f9f9f;
		&:hover {
			color: #666;
		}
	}
	.content-top-heading {
		font-size: 0.95em;
		text-transform: uppercase;
		font-weight: bold;
		.messages-update {
			font-weight: normal;
			text-transform: capitalize;
			font-size: 0.85em;
			color: #ccc;
		}
		p {
			margin: 0;
		}
	}
	.worker-message-row,
	.worker-message-reply {
		margin-bottom: 10px;
		color: inherit;
		display: block;
		padding: 30px 0;
		margin-left: -30px;
		margin-right: -30px;
		& > .row {
			margin: 0 30px;
		}
		&.highlight {
			background: #f6f6f6;
		}
		.messages-content {
			margin-top: 20px;
			color: #969696;
			line-height: 1.6em;
			font-weight: 300;
		}
		.messages-more {
			color: @lightblue;
		}
	}
	.worker-message-reply {
		background: #f0f0f0;
		position: relative;
		top: 30px;
		#worker-message-reply-form {
			padding: 0 30px;
			#message-reply-input {
				background: #f0f0f0;
				display: block;
				width: 100%;
				resize: none;
				border: 0;
			}
			.btn {
				margin-top: 10px;
				float: right;
			}
		}
	}
}

@media(max-width: 767px) {
	.worker-message-row,
	#worker-message-reply-form {
		.worker-message-image {
			text-align: center;
		}
	}
	#worker-message-reply-form {
		#message-reply-input {
			margin-top: 20px;
		}
		.btn {
			padding-left: 30px;
			padding-right: 30px;
		}
	}
}