body,html{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}.btn{background-color:#fff;color:#333;border:2px solid #008cba;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;-webkit-transition-duration:.4s;transition-duration:.4s;cursor:pointer}.btn:hover{background-color:#008cba!important;color:#fff!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px #03a9f4;box-shadow:inset 0 0 10px #03a9f4;border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:#03a9f4;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5)}table.rooms_table{width:100%;background-color:#fff;border-collapse:collapse;border-width:2px;border-color:#222d42;border-style:solid;color:#333}table.rooms_table td,table.rooms_table th{border-width:2px;border-color:#222d42;border-style:solid;padding:5px}table.rooms_table thead{background-color:#7ea8f8}#board{width:80%;margin:auto}#chat-box{min-width:30%}#chat-box,.message-board{height:15%;margin:auto;float:left}.message-board{border:1px solid #03a9f4;position:relative;max-height:200px;overflow-y:scroll;padding:2%;width:auto;min-width:60%}.msg_area{width:96%;margin:auto;border:1px solid #03a9f4;background:#fff;color:#333}.me{background:#03a9f4;float:right;right:0}.me,.remote{color:#fff;padding:2px;padding-left:8px;padding-right:8px;border-radius:4px}.remote{background:#009688;left:0;float:left}.sys_message{color:red;margin:auto;width:100%}.chessboard{width:320px;height:340px;margin:0 auto}@media only screen and (max-width:800px){#chat-box{width:98%}#chat-box,.message-board{height:15%;margin:auto;float:left}.message-board{position:relative;max-height:200px;overflow-y:scroll;padding:2%;width:100%;min-width:50%}}