/* Formating for chat users chat */
div.chat-container{ 
position:fixed; 
overflow:hidden; 
z-index:5000; 
bottom:0; 
right:0; 
margin-left:10px;
margin-right:10px;
width:300px;
background:#eee;
border-bottom:0px;
}

.chat-maximize{
padding:10px;
padding-top:5px;
padding-bottom:5px;
cursor:pointer;
background:#fa0;
position:fixed; 
z-index:5000; 
bottom:0; 
right:0;
margin-bottom:5px;
margin-right:5px;
}
.chat-maximize i{
color:#fff;
font-size:30px;
}
.chat-maximize:hover{
background:#fff;
}
.chat-maximize:hover i{
color:#333;
}
.chat-minimize{
cursor:pointer;
}
.chat-minimize:hover{
color:#ddd!important;
}

div.chat-container div{
overflow:hidden;
}
div.chat-container div.chat-title, div.chat-container{
border-top-right-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
}
div.chat-container div.chat-title{
background:#fa0; 
color:#fff;
padding:10px;
font-size:14px;
text-align:center;
}
div.chat-container div.chat-title *{
color:#fff;
font-size:14px;
}
div.chat-container div.chat-title i{
font-size:25px;
float:right;
}
div.chat-container div.chat-content{
padding:10px;
}

div.chat-form-div div{
padding:3px;
}
div.chat-form-div div textarea{
height:50px;
border:1px solid #ddd;
color:#666;
}
div.chat-form-div div button, div.chat-form-div div button:hover, div.chat-form-div div button:active{
height:50px;
background:#004c8f;
color:#fff !important;
padding:15px;
}
div.chat-container .date-title{
text-align:center;
font-weight:bold;
padding:2px;
margin-left:5px;
margin-right:5px;
}
div.chat-container div.chat-content div.result{
height:330px;
overflow:auto;
}
div.chat-container div.chat-content div.result div{
margin-top:5px;
margin-bottom:5px;
}
div.chat-container div.chat-content div.result span{
display:inline;
}
div.chat-container div.chat-content div.result span.notice{
color:#fff;
font-size:12px;
position:relative;
float:right;
margin-left:10px;
margin-top:2px;
}
div.chat-container div.chat-content div.result span.notice *{
color:#fff;
font-size:12px;
}
div.chat-container div.chat-content div.result span.sender, div.chat-container div.chat-content div.result span.receiver{
padding:10px;
font-size:14px;
}
div.chat-container div.chat-content div.result span.sender{
color:#fff;
background:#333;
float:right;
margin-left:50px;
border-radius:15px 0 10px 10px;
-moz-border-radius:15px 0 10px 10px;
-webkit-border-radius:15px 0 10px 10px;
-khtml-border-radius:15px 0 10px 10px;
}
div.chat-container div.chat-content div.result span.receiver{
color:#fff;
background:#06a;
float:left;
margin-right:50px;
border-radius:0 15px 15px 15px;
-moz-border-radius:0 15px 15px 15px;
-webkit-border-radius:0 15px 15px 15px;
-khtml-border-radius:0 15px 15px 15px;
}

.btn-primary *{
color:#fff;
}

.chat-user-name{
color:#fff;
}
.chat-user-description{
color:#ff0!important;
font-weight:900;
padding-left:5px;
}
.typing{
font-size:12px;
color:#111;
padding:2px;
}

.users-assignment a{
padding:10px;
margin:2px;
border:1px solid #bbb;
display:block;
background:#eee;
color:#000;
font-weight:900;
}
.users-assignment a:hover{
background:#ccc;
}
.not-assigned-icon{
color:#b20;
font-size:18px;
}
.assigned-span{
padding:5px;
padding-bottom:1px;
padding-top:1px;
color:#fff;
background:#0c0;
font-weight:900;
display:inline-block;
}

@media(max-width:450px){
div.chat-container{  
left:0; 
margin-left:0px;
margin-right:0px;
width:100%;
}
div.chatting-wrapper{
width:100%;
}
div.chat-container div.chat-title{
position:fixed;
z-index:20;
width:100%;
}
div.chat-container div.chat-content{
margin-top:45px;
}
div.chat-form-div{
bottom:0px;
}
div.chat-container div.chat-content div.result{
height:280px;
}
}