.add-btn-group-padding{

	padding-left: 30px;

    padding-bottom: 20px;

}

.sent-message-form{

	margin-bottom: 20px;

}

.sent-message-form-column{

	margin-left: 53px;

}

.btn-primary{

	cursor: pointer;

}

.received-messages-left-form{

	display: inline-flex;

}

.text-center{

    margin-left: auto;

}


.avatar-img-margin{

	margin-right: 80px !important;

}

.profile-name{

     position: absolute;

    display: inherit;

    right: -54px;

    top: 2px;

}



.p-4{

padding: 50px !important;

}



.pt-3, .py-3{

	padding-top: 3rem !important;

}



.font-2xl{

	font-size: 26px !important;

}





.month_label{

   

    margin-left: -17px;

}



.month_label_year{

	margin-left: -25px;

}



.mark_read{

	padding: 15px 28px;

	width: 100%;

}



.hangup{

    margin-left: 21px;

}

.enter_call{

    display: block !important;

   

    outline: medium none !important;

    border: 1px solid #999 !important;

    line-height: 1.4em !important;

    font-size: 24px !important;

    padding: 10px !important;

    width: 98%!important;

}



button.call, button.hangup {

    position: relative;

    overflow: visible;

    display: inline-block;

    padding: 0.5em 1em;

    border: 1px solid #d4d4d4;



    text-decoration: none;

    text-shadow: 1px 1px 0 #fff;

    font-size:18px;



    color: #333;

    white-space: nowrap;

    cursor: pointer;

    outline: none;

    background-color: #ececec;

    zoom: 1;

}



button.call, button.hangup,{

    -moz-box-shadow: 1px 2px 10px #BBB;

    -webkit-box-shadow: 1px 2px 10px #BBB;

    box-shadow: 1px 2px 10px #BBB;

}



#log {

    width: 466px;

    height: 50px !important;

   

    padding: 10px;

    margin: 25px auto 0 auto;

    border: 1px solid #d4d4d4;

    text-decoration: none;

  font-size: 18px;

    color: white;

    white-space: nowrap;

    outline: none;

    

    /* background-clip: padding-box; */

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    line-height: 25px;

    border-radius: 5px;

    zoom: 1;

    margin-bottom:50px;

}





button.hangup{

    background-color: #ed1111;

    border-color: #ed1111;

    text-decoration: none;

    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

    color: #fff;

}



button.call{

background-color: #0c8d43;

border-color: #0c8d43; 

color: #fff;

}



.emoji-wysiwyg-editor:empty:before{

    position: absolute;

    top: 0px;

}



.fa-smile-o:before{

     position: absolute;

    bottom: 0px;

    right: 9px;

}

.emoji-contant-align .input-group-addon, .input-group-btn, .input-group .form-control{

    align-items: baseline;

}



.card-header .card-actions a, .card-header .card-actions button{

    width: 174px;

    padding: 0.75rem 8px;

}



.panel-chat-message {

    border: 1px solid #4186e5;

    border-radius: 4px !important;

    padding: 10px;

        text-align: left;

}

.media {

    margin-top: 15px;

}



.panel-chat-message2 {

    border: 1px solid #E9E9E9;

    border-radius: 4px !important;

    padding: 10px;

        text-align: left;

}



.center-block {

    display: block;

    margin-left: auto;

    margin-right: auto;

    float: none;

}

.leads{

	position: absolute;

        left: 22px;

      color: #fff!important;



}

.leads2{

	position: absolute;

            left: 13px;

      color: #fff!important;



}

.leads3{

	    position: absolute;
    left: 22px;
    color: #fff!important;
    bottom: 25px;



}

.leads4{
	    position: absolute;
    left: 15%;
    color: #fff!important;
    bottom: 25px;
}
.danger {
  
    color: #ff0000;
}



.leads.le{

	position: relative;

    left: -125px;

      color: #fff!important;

	  top:-20px;



}

.divider{

	border-bottom-color:#000;

}

.current{
    color: #bbb;
}


.toast.toast-info {

    display: none;

}




@media screen and (max-width: 479px){

    .month_label,.month_label_year,.hangup{
        margin: 0px;
    }
.hangup{
    margin-top: 10px;
}

.leads{
    left: -164px;
    top:5px;
}
.leads.le{
   left: -166px;
    top:-16px; 
}
}
.card {
   
    border: 1px solid #ccd0d8;
}
.login-heading{
	color:#20A8D8;
	    padding-bottom: 35px;
}
.form-control{    border: 1px solid #ccd0d8;}
.input-group-addon{
 border: 1px solid #ccd0d8;	
}

.table-bordered td {
    border: 1px solid rgba(225, 230, 239, 0);
}
.table-bordered td {
    border: 1px solid rgba(204, 208, 216, 0);
}
.table-bordered th, .table-bordered td {
    border: 1px solid #ccd0d8;
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
}
.tabel-data-profile-img .img-avatar {
       width: 28px;
    height: 28px;
}