tylerstonge/encvox-client

@font-face{font-family:'Raleway';src:url("font/Raleway-Regular.eot?#iefix") format("embedded-opentype"),url("font/Raleway-Regular.woff") format("woff"),url("font/Raleway-Regular.ttf") format("truetype"),url("font/Raleway-Regular.svg") format("svg")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.panel-button{position:absolute;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:10px;border:1px solid #9E9E9E;background-color:#9E9E9E;top:15px;right:0}.panel-button:focus{outline:none;border-right:none}.panel{background-color:#9E9E9E;position:relative}.settings-button{position:absolute;border-radius:15px;padding:4px;border:1px solid #9E9E9E;background-color:#9E9E9E}.settings-main{bottom:45px;right:10px;padding:4px 6px}.settings-connection{bottom:45px;right:39px}.settings-information{padding:4px 8px;bottom:45px;right:66px}html,body{font-family:'Raleway', sans-serif;height:100%;overflow:hidden}.wrapper{height:100%;background-color:#455A64;color:#212121;display:flex;flex-direction:column}.messages{padding:5px;flex:1 1 90%;display:flex;flex-direction:column;background-color:#607D8B;border:1px solid #9E9E9E;overflow:auto}.message{margin:2px 23px 2px 7px;padding:3px}.form{flex:0 0 32px;display:flex;border:1px solid #9E9E9E}.focus:focus{outline:none;border-color:#BDBDBD;box-shadow:0 0 5px #BDBDBD}.form>input[type=text]{font-family:'Raleway', sans-serif;background-color:#CFD8DC;color:#212121;flex:1 1 auto;border:1px solid #9E9E9E;padding-left:5px}.form>input[type=button]{font-family:'Raleway', sans-serif;background-color:#9E9E9E;flex:0 0 20%;border:1px solid #9E9E9E}.rotate{animation-name:rotate;animation-fill-mode:both;animation-duration:0.2s}@keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}