html{overflow: hidden;}
.clear-ul{margin: 0px;padding: 0px;}
#masterContainer{overflow: hidden;height: calc(100vh - 61px - 0px - 20px);}
.side-bar{
	width: 50px;
	background: #2d3539;
	height: 100%;
	float: left;
}
	.folio-li-style{list-style:none;margin:0px;padding:0px;height: 100%;}

.main-bar{
	background: #FFF;
	height: 100%;
	padding-left: 50px;
}

.side-bar ul >li>a{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-family: ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    text-decoration: none;
}

.status-bar{
	height: 6px;
	background: #23cf5f;
}
.splash-wait{
	float: left;
	position: absolute;
	top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -175px;
    margin-top: -220px;
}
.qm-chat > li{
		padding-bottom: 0px;
		padding-top: 5px;
		margin-top: 5px;
	}

	.content-message-list{
		height: calc(100vh - 235px); 
		overflow: hidden;
		overflow-y: scroll;
	}

	.chat-img-profile-agent{
		border: 1px solid #cecece;
		float: left;
		width: 25px;
		border-radius: 3px;
		text-align: center;
		background: #FFFFFF;
		padding-bottom: 3px;
	}

	.msg-img-bot, .msg-img-agent, .msg-img-intention{
		float: left;
		width: 45px;
		text-align: center;
	}
		.msg-img-bot > img, .msg-img-agent > img, .msg-img-intention > img{width: 36px;}

	.chat-img-profile-guest{
		border: 1px solid #cecece;
		width: 25px;
		border-radius: 3px;
		text-align: center;
		background: #FFFFFF;
		padding-bottom: 3px;
		float: right;
	}

	.msg-type-agent,.msg-type-agent,.msg-type-intention,.msg-type-bot{
		margin-left: 10px;
		float: left;
		max-width: 70%;
	}
		.msg-chat-agent, .msg-chat-intention, .msg-chat-bot{
			background: #006CDD;
			color: #FFF;
			padding: 7px 10px 7px 10px;
			border-radius: 3px;
			font-size: 13px;
		}

	.msg-type-client{
		
		margin-right: 12px;
		float: right;
		max-width: 80%;
	}
		.msg-chat-client{
			padding: 7px 10px 7px 10px;
			border-radius: 3px;
			border:1px solid #00D59B;
			background: #00D59B;
			color: #FFFFFF;
			font-size: 13px;
		}

.border-box{
	border : 1px solid #dadada;
}
	.border-box-bottom{border-bottom: 1px solid #dadada}
.ip-btn-gray{
	margin-top:5px;
	border-radius: 5px;
	background: #a7a7a7;
	color: #FFF;
}

.box-chart{
	border-right: 10px solid #1e87f0;
}

.ip-truncate-text{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.border-left-fb{border-left: 8px solid #3b5998; cursor: default;}
.border-left-tw{border-left: 8px solid #00aced; cursor: default;}
.border-left-ct{border-left: 8px solid #81cd50; cursor: default;}

.sm-navbar{
	background:#F4F5F8;
	border-top:1px solid #D9DDe6;
}
.sm-navbar-divider{
	border-left:1px solid #D9DDe6;
}

.sm-notification-bage{
	float: right;
    position: absolute;
    margin: 23px -15px 7px 10px;
}


.sd-tickets{
	box-sizing: border-box;
    margin-top: 8px;
    padding-left: 16px;
    background-color: rgb(255, 255, 255);
    height: auto;
    box-shadow: rgb(38 73 102 / 10%) 0px 3px 6px;
    border: 1px solid rgb(207, 215, 223);
    border-radius: 4px;
    direction: ltr;
}

.sd-tickets-body{
	padding : 10px 25px 10px 25px;
}