/* style sheets */
.ui-chatbox {
    position: fixed;
    bottom:0;
    padding: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    background:  #CCCCCC;
    font-size: 14px;
    /* background:  #CCCCCC; */
    z-index:1004;
}
.ui-chatboxMaximizeView {
	position: absolute;
    left: 5px;
    bottom: 0;
    right: 37% !important;
}

.ui-chatboxMaximizeView .ui-dialog-header {
	width: 800px !important;
}
.ui-chatboxMaximizeView .ui-chatbox-log {
	width: 800px !important;
    height: 500px !important;
}

button#chatShowAllUser:hover{
	background-color : #1376c9;
}
button#chatHistory:hover{
	background-color : #1376c9;
}
.ui-chatbox-titlebar {
    padding: 5px 3px 5px 6px;
    min-height: 18px;
    height: auto;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal !important;
    display:inline-block;
}

.ui-chatbox-content {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px;
}

.ui-chatbox-log {
    padding: 3px 3px 3px 3px;
    height: 150px;
    overflow-y: auto;
    background: #FFFFFF;
}

.ui-chatbox-input {
    padding: 3px 3px 3px 3px;
    border-top: 1px solid grey;
    overflow: hidden;
    padding: 0;
    /* background: #FFFFFF; */
}

.ui-chatbox-input-box {
    /*margin: 5px 5px 5px 5px;*/
    border: 2px solid lightgrey;/* #6699FF */
    /* padding:5px 5px 5px 5px; */
    height: 35px;
    margin: 0;
    padding: 3px 2px;
    width: 100% !important;
    height: 100%;
    font-size: 14px;
}

.ui-chatbox-input-text {
    border: 1px solid #6699FF;/* #6699FF */
    /* padding:5px 5px 5px 5px; */
    height: 25px;
    background-color: lightgrey;
}
.add-user{
    width: 100%;
    background: #80B380 !important;
    color: #272727 !important;
    font-size: 14px;
    font-weight: normal !important;
}

.ui-chatbox-icon {
    float: right;
    color: #000 !important;
}

.ui-chatbox-input-focus {
    border-color: #6699FF;
}

.ui-chatbox-msg {
    float: left;
    clear: both;
}

.ui-chatbox-from-color{
	color: blue;
}
.ui-chatbox-to-color{
	color: olive;
}

.ui-autocomplete{ 
		float:left;
		max-height: 200px;
		overflow-y: scroll;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 200px;
	}
.failure{
	color: red;
	font-size:12px;
}

.success{
	font-size:12px;
	color: green;
}
.ui-state-focus {background:#1c94c4;color:white !important;}

.ui-chatbox-msg b{
    color: #464646;
}
.ui-chatbox-msg{
    color: #6B6B6B;
}

.ui-chatbox-titlebar .title{
    font-weight: normal !important;
    text-transform: capitalize;
   	overflow: hidden;
    width: 148px;
    display: inline-block;
}