/* GENERAL WRAPPER */

.bx-im-next-layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.bx-im-next-layout-recent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 300px;
	        flex: 0 0 300px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	height: 100%;
	border-right: 1px solid #e9ebec;
}

.bx-im-next-layout-recent-search {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 45px;
	        flex: 0 0 45px;
}

.bx-im-next-layout-recent-search-input {
	width: calc(100% - 30px);
	line-height: 45px;
	color: #a5adb3;
	font-size: 14px;
	padding-left: 40px;
	border-bottom: 1px solid #e9ebec;

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 0a6.5 6.5 0 015.453 10.04l3.875 3.874a.5.5 0 010 .707l-.707.707a.5.5 0 01-.707 0l-3.797-3.798A6.5 6.5 0 116.5 0zm0 2a4.5 4.5 0 100 9 4.5 4.5 0 000-9z' fill='%23B5BABE'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 13px center;

	margin: 0 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	cursor:pointer;
}

.bx-im-next-layout-recent-list {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}


.bx-im-next-layout-recent-list > div {
	position: absolute;
	width: 100%;
	height: 100%;
}
.bx-im-next-layout-content {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.bx-im-next-layout-notify {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	height: 100%;
}
.bx-im-next-layout-notify-header {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 67px;
	        flex: 0 0 67px;
	border-bottom: 1px solid #e9ebec;
}

.bx-im-next-layout-notify-messages {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}
.bx-im-next-layout-notify-messages > div {
	position: absolute;
	width: 100%;
}

.bx-im-next-layout-dialog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	height: 100%;
}
.bx-im-next-layout-dialog-header {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 67px;
	        flex: 0 0 67px;
	border-bottom: 1px solid #e9ebec;
}

.bx-im-next-layout-dialog-messages {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	background-color: #fbfbfb;
	background-image: url(images/images/light_gray_v1.svg);
	background-size: 240px;
}
.bx-im-next-layout-dialog-messages > div {
	position: absolute;
	width: 100%;
}
.bx-im-next-layout-dialog-textarea {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 120px;
	        flex: 0 0 120px;
	position: relative;
}
.bx-im-next-layout-dialog-textarea-handle {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uNS41SDhtLTcuNSAySDgiIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+);
	background-position: center center;
	background-repeat: no-repeat;
	height: 10px;
	width: 100%;
	position: absolute;
	cursor: row-resize;
	opacity: .5;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.bx-im-next-layout-dialog-textarea .bx-im-textarea {
	border-top-color: #e9ebec;
}

.bx-im-header-title {
	padding: 25px 15px;
}