.mobile{
	height:410px; 
	background-color: black;
	border:1px solid gray;
	border-radius:20px;
	position: relative;
	}
	.fa-arrow-left{
	color:#fff;
	font-weight:800;
	font-size:17px
	}
	.brand{
	margin-top:14px;
	}
	.brand-name{
	color:black;
	font-size:14px;
	font-weight:bold;
   }
   .brand-name1{
	color:#fff;
	font-size:14px;
	font-weight:bold;
   }
   .head{
	background-color:black;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	height:45px;
	}
	.fa-ellipsis-vertical{
	position: absolute;
	right:15px;
	color: #fff;
	}
	.fa-magnifying-glass{
		position: absolute;
		right:30px;
		color: #fff;
	}
	.mobile-body{
		height:320px;
		/* background-color:whitesmoke; */
		background-image: url("../sms1.jpg");
		border:1px solid whitesmoke;
		overflow-y:auto;
	}
	.date{
		font-size:10px;
		text-align:center;
		color:black;
	}
	.fa-circle-user{
		font-size:18px;
	}
	.chat-bub{
		font-size:10px;
		background-color:gray;
		color:white;
		padding:6px 10px;
		line-height:17px;
		border-radius:0 20px 20px 20px;
	}
	.chat-bub-2{
		font-size:10px;
		background-color:gray;
		color:white;
		padding:6px 10px;
		line-height:17px;
		border-radius:0 20px 20px 20px;
	}
	::-webkit-scrollbar {
		width: 3px;
	} 
	::-webkit-scrollbar-thumb {
	background: gray; 
	border-radius: 10px;
	}
	.temp-div{
		display: none;
	}
	.btn-block2{
		margin-top:2px;
		font-weight:700;
		font-size:15px
	}
	.btn-block{
		font-weight:700;
		font-size:15px
	}
	.enter-text-box{
		border:1px solid grey;
		border-radius:10px;
		padding:10px;
	}