@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');

body {
	/*font-family: Tahoma;*/
	font-family: Manrope,sans-serif;
	font-size: 14px;
	font-weight: 400;
	
	/*font-size: 11px;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #fff;
	/*font-family: 'Merriweather', serif;*/
}
.conversation_wrapper{
	height: 270px;
}
.maintable {
width: 100%;
padding: 0px 15px 15px 15px;
display: block;
max-width: 300px;
max-height: 270px;
height: 100%;
overflow: auto;
box-sizing: border-box;
padding-bottom: 10px;
}
.conversation_wrapper .maintable tbody {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-wrap: nowrap;
}
.special_tr{
	margin-top: auto;
}
select#ddlDepartment {
    color: #676767;
}
.maintable tbody{
	display: block;
margin-top:35px;
}

.maintable tr{
	display: block;
}

.maintable td {
    display: block;
}
.labelcolumn {
padding: 5px;
display: block;
font-size: 12px;
color: #4e4e4e;
}


.labelcolumn[colspan="2"],td[colspan="3"],img {
   display: none;
}

.headercolumn {
	vertical-align: middle;
	display: none !important;
}

.mainfield {
	border: 1px solid #f1f1f2;
	padding: 8px;
	font-size: 10px;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	outline: none;
	box-sizing: border-box;
	color: #989898;
	/*font-family: 'Merriweather', serif;*/
	font-family: Manrope,sans-serif;
}

.margin {
	width: 25px;
	height: 0px;
	display: none !important;
}

.smallmargin {
	display: none !important;
}

.smallermargin {
	width: 12px;
}

.chatcontent {
	width: 100%;
	overflow: auto;
}

.chatinfo {
	border-radius: 10px;
	padding: 10px;
	/*font-size: 11px;*/
	border: 1px solid #f1f1f2;
	display: flex;
	align-items: center;
	margin: 10px 0px;
	color: #164883;
	font-family: Manrope,sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.chattextuser1 {
	margin: 10px 0px;
    color: #363636;
    border-radius: 10px 10px 0px 10px;
    display:flex;
    align-items: center;
	padding: 10px;
	font-size: 13px;
    word-break: break-word;
    background: #f1f1f2;
    margin-left: 50px;
}

.chattextuser2{
	margin: 10px 0px;
    border-radius: 10px 10px 10px 0px;
    display: flex;
    font-size: 13px;
    align-items: center;
    padding: 10px;
    word-break: break-word;
    color: #f1f1f1;
    background: #164883;
    margin-right: 50px;
}

.chatuser {
	border-style: solid none none none;
    border-width: 1px;
    border-color: #ddd;
    padding: 10px;
    display:flex;
    align-items: center;
    font-weight: bold;
	margin: 10px 0px;
	display: none;
}

.newtextfield {
	border: solid 1px #ddd;
	/*font-family: Tahoma;*/
	font-family: Manrope,sans-serif;

	font-size: 14px;
	margin-bottom: 10px;
	/*height: 80px;*/
	border-radius: 5px;
	display: flex;
	background: transparent;
	width: 100%;
	box-sizing: border-box;
}

.newtextbutton {
	width: 95px;
	margin-left: 8px;
	background-color: #ebeced;
}

.error {
	color: #ebeced;
	/*font-family: Tahoma;*/
	font-family: Manrope,sans-serif; 
	font-size: 11px;
}

.style2 {
	color: #363636;
}

.history {
	background-color: White;
}

.history .error {
	color: #164883;
}

.linkbutton {
	color: #9b9d8f;
}

.buffer {
	height: 152px;
}

.bigbuffer {
	height: 252px;
}

.picture {
	vertical-align: middle;
	display: none !important;
}

#ButtonSend {
	width: 100%;
	padding: 10px;
	text-align: center;
	/*background: #164883;*/
	color: #fff;
	border-radius: 5px;
	margin: 0px;
	border: none;
	font-size: 14px;
	
}

span.mainfield {
    display: none;
}

.chatinfo {
    border-radius: 10px;
    padding: 10px;
    font-size: 11px;
    border: 1px solid #f1f1f2;
    display: flex;
    align-items: center;
    margin: 10px 0px;
    color: #164883;
}
@media (max-width:767px) {
	
	.chat-popup{
		
		    height: 300px!important;
	}
	.maintable tbody{margin-top:0px !important;}
}