.users-list-mob .media-body h6, .users-list-mob .media-body p{ font-size : 10px; }
.users-list-mob .media-body h6 span { font-size : 10px !important; }
.users-list-mob .media-body .font-medium-1 { font-size : 10px !important; }
.users-list-mob .media-list a.media{padding:.5rem;}

.users-list-mob .callHistoryArea{margin-top: 10px !important}

.mobile-menu .fa-2x {
	font-size: 2em;
}

.users-list-mob{
	height: auto;
	overflow-y: scroll;
	max-height:80vh;
}

.users-list-mob .users-list-padding{
	height:80vh !important;
}

.mobile-menu .fa {
	position: relative;
	display: table-cell;
	/* width: 50px; */
	height: 40px;
	text-align: left;
	vertical-align: middle;
	font-size:20px;
}


/* .mobile-menu:hover, nav.mobile-menu.expanded {
	width:250px;
	overflow:visible;
} */

.mobile-menu {
	background:#F2F2F2;
	border-right:1px solid #e5e5e5;
	position:absolute;
	top:0;
	bottom:0;
	height:100%;
	left:0;
	width:60px;
	overflow:hidden;
	-webkit-transition:width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:999;
}


.mobile-menu>ul {
	margin:7px 0;
}

.mobile-menu li {
	position:relative;
	display:block;
	width:250px;
	padding: 0 .5rem;
}


.mobile-menu li>a {
	position:relative;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	color:#999;
	font-family: arial;
	font-size: 14px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	width: 100%;

}
.mobile-menu li>a i {
	margin: 0 5px 0 5px;
}

.mobile-menu .nav-icon {
	position:relative;
	display:table-cell;
	width:60px;
	height:36px;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
}

.mobile-menu .nav-text {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:190px;
	font-family: 'Titillium Web', sans-serif;
	padding-left: 10px;
}

.mobile-menu>ul.logout {
	position:absolute;
	left:0;
	bottom:0;
}

.no-touch .scrollable.hover {
	overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
	overflow-y:auto;
	overflow:visible;
}

a:hover,a:focus {
	text-decoration:none;
}

nav {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

nav ul,nav li {
	outline:0;
	margin:0;
	padding:0;
}
.mobile-menu li:hover>a,nav.mobile-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
	color:#fff;
	background-color:#5fa2db;
}
.area {
	float: left;
	background: #e2e2e2;
	width: 100%;
	height: 100%;
}
@font-face {
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 300;
	src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}

@media (min-width: 992px) {
 
	.mobile-menu{display:none;}
	.navbar-nav-mobile{display:none;}
	
	
}

@media (min-width: 1200px) {
 
	
	.navbar-nav-mobile{display:none;}
	
	
}


@media (max-width: 992px) {
 

	.navbar-nav-pc{display:none;}
	.chat-profile-name .user-name {
		font-size: 10px;
	}
	.chat-profile-name {
		padding: 20px 0 0 0;
	}
	/* .chatHead {
		width: 250px!important;
		height: 75px;
	} */
	
	
	
	
	.header-navbar .navbar-container .show .dropdown-menu {
		position: absolute;
		left: -120px !important;
		float: right !important;
		width: auto !important;
		margin-top: 50px !important;
	}
	
	.chatWindow {
		padding: 20px 5px 20px 5px !important;
		bottom: 30px;
		width: 100%;

	}


}


.mobile-menu .nav-link{
	padding: 0.5rem .5rem;
}


/* .chatHedContainer {
	width: 40%;
	display:inline-block;
} */

.mobile-menu-expand , .mobile-menu-collapse{
	font-size: 24px;
	padding-left: 18px;
}