.user-container[data-v-17aad6a4]{display:flex;align-items:center;margin:10px 0;padding:10px;border-bottom:1px solid #d3d3d3}.user-container .user-info[data-v-17aad6a4]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:10px}.user-container .user-info p[data-v-17aad6a4]{margin:0;font-size:.75em}.user-container .user-info p[data-v-17aad6a4]:first-child{font-weight:700;font-size:1em}.user-container .user-info .friend[data-v-17aad6a4]{cursor:pointer}.side__top[data-v-4096122e]{background:#d3d3d3;height:75px;display:flex;align-items:center;justify-content:space-between}.side__top .side__top--left[data-v-4096122e]{width:30%;margin-right:20px;font-size:1.2em;display:flex;justify-content:space-evenly}.side__search[data-v-4096122e]{height:50px;background:#e9e7e7;display:flex;align-items:center;justify-content:flex-start;position:relative}.side__search .search-input[data-v-4096122e]{border:none;outline-width:0;flex:1;padding:5px;border-radius:15px;margin:0 5px}.side__search .search-icon[data-v-4096122e]{position:absolute;right:10px}.side__body .side__body--header[data-v-4096122e]{text-align:left;margin:10px 0 10px 10px;border-bottom:1px solid #d3d3d3}.active[data-v-4096122e]{background:#d3d3d3}.recieved[data-v-c2464444],.sender[data-v-c2464444]{display:flex;align-items:center;justify-content:space-between;position:relative;color:#000;width:40%;border-radius:15px;padding:10px;margin:20px 10px}.recieved p[data-v-c2464444],.sender p[data-v-c2464444]{margin:0}.recieved .name[data-v-c2464444],.sender .name[data-v-c2464444]{position:absolute;top:-15px;font-size:.75em;font-weight:700}.recieved[data-v-c2464444]{background:#fff}.sender[data-v-c2464444]{background:#d0eeba}.leftMsg[data-v-c2464444]{display:flex;justify-content:flex-start}.rightMsg[data-v-c2464444]{display:flex;justify-content:flex-end}.chat__top[data-v-6c102bda]{background:#d3d3d3;height:75px;display:flex;align-items:center;justify-content:space-between}.chat__top .chat__top--left[data-v-6c102bda]{width:30%;margin-right:20px;font-size:1.2em;display:flex;justify-content:space-evenly}.chat__body[data-v-6c102bda]{height:calc(100vh - 150px);width:100%;margin:0 auto;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);overflow:auto}.chat__bottom[data-v-6c102bda]{height:75px;display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #d3d3d3;background:#d3d3d3}.chat__bottom .chat__bottom--form[data-v-6c102bda]{display:flex;align-items:center;justify-content:center;flex:1}.chat__bottom .chat__bottom--form .msg-input[data-v-6c102bda]{flex:1;border:none;outline-width:0;background:#fff;padding:10px;border-radius:15px;margin:0 10px}.chat__bottom .chat__bottom--form .send-btn[data-v-6c102bda]{background:transparent;padding:2px;height:30px}.chat__bottom svg[data-v-6c102bda]{font-size:1.25em}.home[data-v-5e78e167]{height:100vh}.home .side-container[data-v-5e78e167]{padding:0;display:flex;flex-direction:column;height:100vh;border:1px solid grey}.home .chat-container[data-v-5e78e167]{padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background:#fff}.logo-img[data-v-2aceb7d6]{width:100px;height:100px}.login-form[data-v-2aceb7d6]{border:1px solid #000;margin-top:50px;padding:10px}.login-form #input-group-1[data-v-2aceb7d6],.login-form #input-group-2[data-v-2aceb7d6]{text-align:left;font-size:1.2em;font-weight:700}.signup[data-v-2aceb7d6]{position:relative;top:10px;margin-top:15px}.logo-img[data-v-78b61824]{width:100px;height:100px}.signup-form[data-v-78b61824]{border:1px solid #000;margin-top:50px;padding:10px}.signup-form #input-group-1[data-v-78b61824],.signup-form #input-group-2[data-v-78b61824],.signup-form #input-group-3[data-v-78b61824]{text-align:left;font-size:1.2em;font-weight:700}.msg[data-v-78b61824]{background:#74b674}