.row-chat{
	background-color: transparent; 
	width: 100%;
	padding: 0px 0px 0px 0px;
	border: none!important;
    box-shadow: none !important;
	}
.container-chat {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0;
}
.contacts_card{
    height: 400px;
}
.form-control.search{
    display: inline-flex;
    width: auto;
}
.input-group-prepend{
    display: flex;
}
.input-group{
    display: inline-block;
}
.fas{
        -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.contacts_body{
    border-color: #ccc;
    background-color: #ddd;
    height: 100%;
    overflow-y: auto;
}
.user_info{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 15px;
	display: contents;
}
.img_cont{
    padding: 10px;
    cursor: pointer;
}
.rounded-circle{
    font-size: x-large!important;
}
.user_info span{
	font-size: 16px;
	color: black;
}
.user_info p{
	font-size: 10px;
	color: rgba(0,0,0,0.6);
	margin: 0 0 0px;
}


.msg_head{
		position: relative;
	}
.card-header{
	border-radius: none !important;
	background-color: rgba(0,0,0,0.8)!important;
	background-image: linear-gradient(to bottom right, #000000 49%, #FC3A0A 100%);
	border-radius: 15px 15px 0 0 !important;
	border-bottom: 0 !important;
	padding: 10px 5px 10px 5px;
	min-height: 55px;
}

.msg_card_body{
	overflow-y: auto;
	height: 350px;
	padding: 5px 15px 5px 15px;
	background-color: #e9ecef;
    background-image: linear-gradient(to right, #EDEDED 45%, #DFDFDF 100%);
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
}

.darker {
  border-color: #ccc;
  background-color: #ddd;
}
.sub-darker{
    float: right;
    width:85%;
}

.light{
    width:85%;
    float: left;
}
.container-chat::after {
  content: "";
  clear: both;
  display: table;
  height: auto;
}

.container-chat img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
  height: auto;
}

.container-chat img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
  height: auto;
}

.time-right {
  float: right;
  color: #aaa;
}

.time-left {
  float: left;
  color: #999;
}

#action_menu_btn{
		position: absolute;
		right: 10px;
		top: 10px;
		color: white;
		cursor: pointer;
		font-size: 20px;
	}
	.action_menu{
		z-index: 1;
		position: absolute;
		padding: 15px 0;
		background-color: rgba(0,0,0,0.5);
		color: white;
		border-radius: 15px;
		top: 30px;
		right: 15px;
		display: none;
	}
	.action_menu ul{
		list-style: none;
		padding: 0;
	margin: 0;
	}
	.action_menu ul li{
		width: 100%;
		padding: 10px 15px;
		margin-bottom: 5px;
	}
	.action_menu ul li i{
		padding-right: 10px;
	
	}
	.action_menu ul li:hover{
		cursor: pointer;
		background-color: rgba(0,0,0,0.2);
	}
	@media(max-width: 576px){
	.contacts_card{
		margin-bottom: 15px !important;
	}}

	.card-footer{
	    background-color: rgba(34, 34, 34, 0.45);
		/*border-radius: 0 0 15px 15px !important;*/
		border-radius: 0 0 0px 0px !important;
		border-top: 0 !important;
		width: 100%;
		padding: .75rem 1.25rem;
	}
	.type_msg{
			background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color:white !important;
			height: 60px !important;
			overflow-y: auto;
		}
			.type_msg:focus{
		     box-shadow:none !important;
           outline:0px !important;
		}
	.input-group-chat{
	    width: 100%;
	    display: inline-flex;
	    background: #222;
        border-radius: 7px 7px;
	    }

.send_btn{
	border-radius: 0 15px 15px 0 !important;
	background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color: white !important;
			cursor: pointer;
		}
.attach_btn{
	border-radius: 15px 0 0 15px !important;
	background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color: white !important;
			cursor: pointer;
		}
		

/*Contacts Menu*/

.nav-users{
    padding: 10px;
    background: lightgrey;
    cursor: pointer;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
}

.nav-users:hover{
    background: #afafaf;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: darkgray;
}