@charset "utf-8";
/* CSS Document */

@media only screen and (max-width : 540px) 
            {
				.chat-sidebar
                {
                    display: none !important;
                }
                
                .chat-popup
                {
                    display: none !important;
                }	
				
			}
.popup-box
            {
                display: none;
                position: fixed;
                bottom: 0px;
                right: 220px;
                height: 385px;
                background-color: rgb(237, 239, 244);
                width: 300px;
                border: 1px solid rgba(29, 49, 91, .3);
            }
            
            .popup-box .popup-head
            {
                background-color: #6d84b4;
                padding: 5px;
                color: white;
                font-weight: bold;
                font-size: 14px;
                clear: both;
            }
            
            .popup-box .popup-head .popup-head-left
            {
                float: left;
            }
            
            .popup-box .popup-head .popup-head-right
            {
                float: right;
                opacity: 0.5;
            }
            
            .popup-box .popup-head .popup-head-right a
            {
                text-decoration: none;
                color: inherit;
            }
            
            .popup-box .popup-messages
            {
				margin-top:5px;
                height: 280px;
                overflow-y: scroll;
				
            }
			
			.popup-box .popup-footer{
			  	position:fixed;
				margin-left:10px;   
   				bottom: 2px;
			}
			
			.popup-box .popup-footer .popup-input{
				width:280px;	
			}
			
			.popup-box .popup-ms-left{
				width:100%;
				float:left;
				text-align:left;
				list-style-type:none;
			}
			
			.popup-box .popup-ms-right{
				width:100%;
				float:right;
				text-align:right;
				margin-top:5px;
				list-style-type:none;	
			}
			
			.user-label {
  				font-size: 11px;
			}

			.msg-time {
  				font-size: 10px;
  				float: center;
  				color: gray;
				margin:5px;
			}
			
			.kata_kiri{
				color:#06F;
				float:left;
			}
			
			.kata_kanan{
				float:right;
			}