.rtch-container{padding:15px}.rtch-container .row{display:flex;justify-content:space-between}.rtch-container .hidden{display:none}.rtch-container .red{color:red}.rtch-container .orange{color:orange}.rtch-container .green{color:green}.rtch-container ul{display:block;margin:0;padding:0}.rtch-container .status,.rtch-container li{display:inline-block}.rtch-container .status a,.rtch-container li a{padding:0 10px}.rtch-container .chatsWindow{width:100%}.rtch-container .chatWindow{width:calc(100% - 400px)}.rtch-container .chatWindow h3{text-align:center}.rtch-container .userColumn{width:400px}.rtch-container .roomItem h3,.rtch-container .userItem{width:100%;position:relative}.rtch-container .roomItem h3 ul,.rtch-container .userItem ul{position:absolute;top:0;right:.5em;margin:0}.rtch-container .roomItem h3 li,.rtch-container .userItem li{display:inline-block}.rtch-container .roomItem h3{width:calc(100% - 30px + .5em)}.rtch-container .roomItem h3:focus{outline:none}.rtch-container .roomAction,.rtch-container .ui-accordion .ui-accordion-content{padding:.5em}.rtch-container .content h3{border:1px solid #c5c5c5;border-radius:3px;background-color:#f6f6f6;font-size:100%;padding:.5em;margin-bottom:.5em;width:calc(100% - 1em - 2px)}.rtch-container .userList{margin-bottom:.5em}.rtch-container .userList:not(:empty){border:1px solid #c5c5c5;border-radius:3px;background-color:#f6f6f6}.rtch-container .userList:not(:empty)>li{border-bottom:1px solid #c5c5c5;padding:.5em}.rtch-container .userList:not(:empty)>li p{margin:0}.rtch-container .userList:not(:empty)>li:last-child{border-bottom:none}.rtch-container .chatWindow{margin-right:.5em}.rtch-container .messageItem{border:1px solid #c5c5c5;border-radius:3px;background-color:#f6f6f6;margin-bottom:.5em;padding:.5em}.rtch-container .messageItem.server{border:none;background-color:#fff}.rtch-container .messageItem.server p{margin:0}.rtch-container .messageItem.private{border-color:#003eff;background-color:#007fff;color:#fff}.rtch-container .messageItem.private label{color:#fff}.rtch-container .messageItem.public{position:relative}.rtch-container .messageItem.public button{position:absolute;padding:.5em 1em;top:0;right:0;color:#c5c5c5;background-color:inherit;border:none}.rtch-container .actionBar{padding:.5em}.rtch-container .userTrigger,.rtch-container .chatTrigger{display:none}.rtch-container .ui-accordion .ui-accordion-content{overflow-x:hidden}.rtch-container textarea{width:calc(100% - .5em + 2px);border:1px solid #c5c5c5;border-radius:3px}.rtch-container textarea:focus{border:1px solid #003eff;outline:none}.rtch-container button:focus{outline:none}.rtch-container h3{margin:0}.rtch-container .textarea{position:relative}@media (max-width: 768px){.rtch-container .roomItem .chatWindow{width:100%;margin:0;position:relative}.rtch-container .roomItem .userTrigger{right:1px}.rtch-container .roomItem .chatTrigger{left:1px}.rtch-container .roomItem .userColumn{width:100%;display:none;text-align:center}.rtch-container .roomItem .content>.row{position:relative}.rtch-container .roomItem .userTrigger,.rtch-container .roomItem .chatTrigger{display:block;position:absolute;top:.2em;border:none;width:auto;cursor:pointer;color:#c5c5c5;background-color:#f6f6f6;padding:.5em}.rtch-container .roomItem.showUsers textarea{display:none}.rtch-container .roomItem.showUsers .userColumn{display:block}.rtch-container .roomItem.showUsers .chatWindow{display:none}}