@font-face {
  font-family: 'Roboto Condensed';  
  src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

		body
		{
			font-family:'Roboto Condensed' Sans Serif;
			margin:0;
		}


		.click-btn{		
			background: #3D907C none repeat scroll 0 0;
			display: inline-block;
			padding: 8px 15px;			
			width: 262px;
			color:#fff;
			cursor:pointer;
		}
		
		.content-block{		
			margin-top: 10px;			
			width: 290px;
			z-index: 10;
			display:none;			
			border: 1px solid #3D907C;
			border-radius: 4px 4px 0px 0;
		}
		.chat-block{
			position: absolute;
			bottom: 0;		
			right: 15px;			
		}
		.input-box{
			padding: 8px 10px;
			border-top: 1px solid #3D907C;
			text-align: center;
		}
		.chat-detail {
			height: 280px;
			padding: 10px 10px;
		}
		
		.input-box button{
			height: 25px;
			border-radius: 4px;
			border: 1px solid #3D907C;
			display:inline-block;
			cursor:pointer;
			background-color: #3D907C;
			color:#fff;
		}
		input.input-type {
			width: 165px;
			border-radius: 4px;
			border: 1px solid #ccc;
			height: 25px;
			display:inline-block;
			padding: 0 8px;
		}
		.chat-name {
			background-color: #3D907C;
			padding: 6px 6px;
			font-size:12px;
			color:#fff;
		}
		.click-btn i{
			margin-right:5px;
		}
		.chat-detail input{
			height:28px;			
		}
		.chat-detail input,.chat-detail textarea{
			width: 248px;
			border: 1px solid #ccc;
			border-radius:4px;
			padding:2px 10px;
			margin-bottom: 10px;
		}
		.chat-detail input:focus,.chat-detail textarea:focus{
			border-color:#3D907C;
			outline-offset: 0;
			outline: none;
		}
		.chat-detail textarea{
			height:66px;
			resize: none;
		}
		.chat-detail p{
			margin-top:0;
			margin-bottom:15px;
			color: #565656;
			font-size: 14px;
		}

.chat-name i{
	float: right;
    cursor: pointer;
    font-size: 21px;
    margin-left: 5px;
    position: relative;
    top: -4px;
}		

.start-chat
{
    display:none;
}
.chat-area {    
    
}




/*chat box message design*/

.tblResult {    
    padding: 0px;
}
.main-row {
    text-align: left;
    padding: 3px 6px;
}
.admin-row
{
    padding: 3px 6px;
}


.tblResult {        
    margin-bottom: 8px;
}


.user-name
{        
    font-size: 16px;
    font-weight: bold;
}
.user-message
{
    background-color: #edeef2;    
    border-radius: 6px;
    margin-bottom: 6px;
    word-break: break-all;
}



.admin-name
{    
    font-size: 16px;
    font-weight: bold;
    text-align:right;
}
.admin-message
{
    background-color: #9DD1BB;
    border-radius: 6px;
    text-align:right;
    margin-bottom: 6px;
    word-break: break-all;
}

.mCustomScrollbar
{
    max-height: 206px;
    min-height:206px;
    height:206px;
}
.mCSB_inside>.mCSB_container {
    margin-right: 25px;
}
.type-area {
    margin-top: 5px;
}
.mCSB_scrollTools .mCSB_draggerContainer
{
    background-color: #3D907C;
    border-radius: 65px;
}
.power-by {
    font-size: 12px;
    padding: 3px 10px 3px;
    border-top: 1px solid #3D907C;
    color: #999;
}