#closeChatWindow{width:100%}#closeChatWindow:focus{border:1px solid #fff}.chatBox{position:fixed;bottom:0;right:0;width:400px;height:75%;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:-5px 0 5px 1px #aaa;z-index:1000}.chatBox[data-active=false]{display:none}.chatBox .innerDiv{height:100%;display:flex;flex-direction:column}@media (max-width:575px){.chatBox .innerDiv .messages{padding-top:20px}}.chatBox .innerDiv .messageDiv{display:grid;grid-template-columns:360px 40px}.chatBox .innerDiv .messageDiv .spanDiv .messageInput{min-height:30px;width:100%;margin:0;padding:4px;background-color:#fff;display:block}.chatBox .innerDiv .messageDiv .spanDiv #messageInput[contenteditable]:empty::before{content:"Enter Text";color:gray}.chatBox .innerDiv .messageDiv .spanDiv #nameInput{display:none}.chatBox .innerDiv .messageDiv .spanDiv #nameInput[contenteditable]:empty::before{content:"Enter Name";color:gray}.chatBox .innerDiv .messageDiv .sendMessageButton{width:100%;height:100%;background-color:#f3f3f3;display:flex;align-items:center}.chatBox .innerDiv .messageDiv .sendMessageButton svg{margin:0 auto;width:24px;height:24px}.chatBox .innerDiv .messageDiv #sendMessageButton{display:none}.chatBox #displayHeader{height:45px;background-color:#232f3e;padding-right:15px;color:#fff;display:grid;grid-template-columns:30px 1fr}.chatBox #displayHeader .nameDisplay{padding:7px}.chatBox #displayHeader:hover{cursor:pointer}.chatBox #displayHeader .chatToggle{height:100%}.chatBox #displayHeader span{display:block;width:24px;height:100%;border-top:2px solid #fff;transform:translateY(50%)}.chatBox #displayHeader.chatReceived{background-color:#0e628c}.chatBox #displayHeader.chatReceived svg{fill:#000}.chatBox #displayHeader img{height:35px;width:35px;max-height:35px;max-width:35px}.chatBox .buttonDiv{background-color:#232f3e;text-align:right;display:inline-block;padding:4px 0;padding-right:8px}.chatBox .buttonDiv button{height:25px;background-color:#720b15;color:#fff;padding:6px}@media (max-width:575px){.chatBox{width:100vw;height:100vh}}#chatButton{display:block;background-color:#232f3e;padding:10px;color:#fff;position:fixed;bottom:5%;right:5%;font-size:18px;border-top-left-radius:999rem;border-top-right-radius:999rem;border-bottom-left-radius:999rem;border-bottom-right-radius:999rem;height:45px;width:150px}#chatButton svg{width:24px;height:24px;vertical-align:-9px;transform:rotateY(180deg) translateX(25%)}#chatButton.chatReceived{background-color:#0e628c}#chatButton:focus{border:2px solid #000}@media (max-width:575px){#chatButton{bottom:0;left:0;width:100%;border-radius:0}}.emailDiv{width:100%;background:#fff;margin-top:15px;padding:10px;display:none;border:1px solid #f6f6f6}.emailDiv input[type=submit]{background-color:#0e628c;width:20%;color:#fff;padding:0}.messages{background-color:#d0d0d0;height:100%;overflow-y:auto;padding-bottom:5px}.messages .messageContainer{display:inline-block;padding:0 12px;width:100%;color:#000;margin:7px 0}.messages .messageContainer .isTyping{display:none}.messages .messageContainer:first-child{margin-top:6px}.messages .messageContainer .left,.messages .messageContainer .right{padding:5px 12px;display:block;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.messages .messageContainer .left{margin-left:10px;max-width:340px;border-top-right-radius:1.5rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.messages .messageContainer .right{float:right;border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.messages .messageContainer img{display:inline-flex;height:18px;width:18px;margin-right:7px;max-height:18px;max-width:18px}.messages .messageContainer.offline{display:block}.messages .messageContainer .smallText{font-size:16px;padding:0}.chatContainer{display:grid;grid-template-columns:repeat(auto-fill,400px);grid-gap:30px}.chatContainer .room{display:inline-block;margin:0 20px;width:400px}.chatContainer .room .messages{display:none}.chatContainer .room .displayHeader{height:45px;background-color:#232f3e;color:#fff;text-align:left;padding-left:5px;display:grid;grid-template-columns:1fr 125px 20px}.chatContainer .room .displayHeader .closeSvg{height:100%;width:100%}.chatContainer .room .displayHeader .closeSvg svg{width:16px;height:16px;transform:translateY(50%);fill:#fff}.chatContainer .room .displayHeader h2{padding-top:4px}.chatContainer .room .displayHeader p{transform:translateY(25%)}.chatContainer .room .displayHeader.chatReceived{background-color:#0e628c}.chatContainer .room .spanInput{display:block;width:100%;min-height:30px;padding:0 4px;padding-top:3px;background-color:#ebebeb}.chatContainer .room .spanInput:focus{background-color:#e0e0e0}.chatContainer .room .messageInput{display:none}.chatContainer .room .messageInput[contenteditable]:empty::before{content:"Enter Text";color:gray}.chatContainer .room .nameInput[contenteditable]:empty::before{content:"Enter Name";color:gray}.chatContainer .room .buttonDiv{display:none}.chatContainer .room.roomJoined .messages{display:block;height:500px;border:1px solid #aaa}.chatContainer .room.roomJoined .messageInput{display:block}.chatContainer .room.roomJoined .buttonDiv{background-color:#232f3e;display:inline-block;padding:6px 8px;margin-top:10px}.chatContainer .room.roomJoined .buttonDiv button{height:25px;background-color:#720b15;color:#fff;padding:6px}