html, body { width:100%; height:100%; padding:0px; margin:0px; border:0px; }

.pusherWrap { width:100%; height:100%; display:table; overflow:hidden; font-size:12px; }

.pusherWrap .pusherWrapHead { width:100%; height:29px; line-height:29px; display:table-row; }
.pusherWrap .pusherWrapHead .pusherWrapInfoL { float:left; padding-left:10px; font-weight:600; color:#3498db; }
.pusherWrap .pusherWrapHead .pusherWrapInfoR { float:right; padding-right:10px; color:#999; }

.pusherWrap .pusherWrapChat { width:100%; height:100%; overflow-y:scroll; box-shadow:0px 0px 5px 0px #ddd inset; border-top:1px solid #eee; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont { margin:0; padding:0px 5px 0 5px; bottom:0; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li { line-height:15px; font-size:12px; padding:3px;}
.pusherWrap .pusherWrapChat .pusherWrapChatCont li img { width:auto; height:15px; line-height:15px; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li span { margin-right:5px; font-weight:500; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li.self { text-align:right; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li.message { text-align:center; font-size:12px; background: #fafafa; border-top: 1px solid #e4e4e4; margin:0 -5px; padding:10px 0; border-bottom:1px solid #e4e4e4; margin-top:-1px; font-weight:500; line-height:16px;}
.pusherWrap .pusherWrapChat .pusherWrapChatCont li.warning { text-align:center; font-size:12px; background: #fafafa; border-top: 1px solid #e4e4e4; margin:0 -5px;padding:10px 0;  border-bottom:1px solid #e4e4e4; margin-top:-1px;line-height:16px; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li.notice { text-align:center; font-size:12px; background: #747a88; margin:0 -5px;padding:10px 0; color:#fff; }

.pusherWrap .pusherWrapChat .pusherWrapChatCont li button { padding: 0 2px; margin: 0 2px; font-size: 8px; font-weight: bold; border-radius:2px; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li button.warning { background-color:#ffc107; border:1px solid #ffc107; color:#000; }
.pusherWrap .pusherWrapChat .pusherWrapChatCont li button.alert { background-color:#dc3545; border:1px solid #dc3545; color:#FFF; }


.pusherWrap .pusherWrapFoot { width:100%; height:30px; display:table-row; }
.pusherWrap .pusherWrapFoot input { width:100%; height:30px; padding:0; margin:0; border: 1px solid #e4e4e4; padding: 0 10px; background-color:transparent; }
.pusherWrap .pusherWrapFoot input:focus { border:1px solid #4285f4; }

/* SKIN */
.pusherWrap.pusherWrap_black .pusherWrapHead { background-color:#333; }
.pusherWrap.pusherWrap_black .pusherWrapChat { background-color:#191919; box-shadow:none; border-top:1px solid #555; }
.pusherWrap.pusherWrap_black .pusherWrapChat ul li { color:white; }
.pusherWrap.pusherWrap_black .pusherWrapFoot { background-color:#191919; }
.pusherWrap.pusherWrap_black .pusherWrapFoot input { color:white; border: 1px solid #555; }