body{display:flex;flex-direction:column;align-items:center;margin:0;font-family:Helvetica,sans-serif;line-height:1.5;color:#61707d}a{text-decoration:none;color:#f26e6d}.spinner-1{position:relative;display:inline-block;vertical-align:middle;transform:translate(-50%)}.spinner-1,.spinner-1:before{width:64px;height:64px;border-radius:64px}.spinner-1:before{position:absolute;content:"";color:#a8206d;box-shadow:inset -2px 0 0 2px currentColor;clip:rect(0,64px,32px,0);animation:rotator 1s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-2{position:relative;margin:32px;background-color:#f26e6d}.spinner-2,.spinner-2:after,.spinner-2:before{display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius:16px}.spinner-2:after,.spinner-2:before{position:absolute;content:"";background-color:#a8206d}.spinner-2:before{transform:translateX(-175%);transform-origin:32px 50%;animation:orbit-1 1s linear infinite}.spinner-2:after{transform:translateX(75%);transform-origin:-16px 50%;animation:orbit-2 1s linear infinite}@keyframes orbit-1{0%{transform:translateX(-175%) rotate(180deg)}30%{transform:translateX(-175%) rotate(0deg)}70%{transform:translateX(-175%) rotate(0deg)}to{transform:translateX(-175%) rotate(-180deg)}}@keyframes orbit-2{0%{transform:translateX(75%) rotate(180deg)}30%{transform:translateX(75%) rotate(0deg)}70%{transform:translateX(75%) rotate(0deg)}to{transform:translateX(75%) rotate(-180deg)}}#logo{margin-right:5px}#hamburger{display:none}.error{position:fixed;padding:15px;left:50%;transform:translate(-50%);border-radius:5px;background:#ff1919;color:#fff}button{border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}#logout-button{color:#61707d;margin-left:auto;background-color:#dcdcdc}.dash-button{padding-left:50px;padding-right:50px}.dash-button,.send-button{background-color:#f26e6d;color:#fff}#root{width:100%}#stop-button{margin-left:auto;background-color:#dcdcdc}nav{display:flex;font-size:1.25rem;background-color:#eee;padding:10px;align-items:center;height:40px;width:calc(100% - 20px)}.main-area{display:flex;min-height:0;max-width:1920px;width:100%}#side-bar{flex-basis:30%;border-right:1px solid #e2e2e2;min-height:calc(100vh - 104px);padding:20px 48px 24px 38px}#dash,#side-bar{display:flex;flex-direction:column}#dash{align-items:center;flex-basis:70%;padding-top:1px;text-align:center}#messages{width:98%;padding-top:1px}.sidebar-header{color:#a8206d;font-size:20px;padding:5px;border-bottom:1px solid #e0e0e0}.kpr-color{color:#a8206d}.sidebar-menu-body{font-size:14px;padding:10px;text-align:justify}.dash-msg{max-width:700px;text-align:center;padding:0 40px}h1{margin-bottom:10px}.mt-10,h1{margin-top:10px}.footer{margin-top:auto;margin-bottom:5px;color:#a8206d}#send-form{position:fixed;bottom:0;width:65vw;max-width:1248px;margin-left:-15px}.msg-text{height:30px;width:calc(100% - 74px)}#chat-area{overflow-y:auto;flex-basis:70%;height:calc(100vh - 100px);padding-left:15px}.outgoing{display:flex;justify-content:flex-end}.outgoing div{background-color:#f26e6d;color:#fff}.incoming div{background-color:#eee}.incoming div,.outgoing div{width:fit-content;width:-moz-fit-content;border-radius:10px;padding:5px 10px;margin-bottom:5px;word-wrap:break-word}#vol-name{margin-left:calc(30vw - 125px);border-left:1px solid #c4bfbf;padding-left:5px}@media only screen and (max-width:950px){#side-bar{display:none;flex-basis:100%}#send-form{width:100vw;max-width:none}#hamburger{display:inline;margin-right:5px}#chat-area,#dash{flex-basis:100%}#name{display:none}#vol-name{border-left:none;margin-left:0}}