body{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{background:#1769ff;text-align:left;padding:30px;color:#fff;position:relative}nav .username{display:absolute;right:0}nav a{display:inline-block;padding:15px 10px;font-weight:700;color:#fff}nav a.router-link-exact-active{color:#42b983}.username{text-align:right}h3[data-v-1cd3e6c4]{margin:40px 0 0}ul[data-v-1cd3e6c4]{list-style-type:none;padding:0}li[data-v-1cd3e6c4]{display:inline-block;margin:0 10px}a[data-v-1cd3e6c4]{color:#42b983}.btnChat,.message{color:#fff}.btnChat{padding:10px 15px 10px 15px;text-decoration:none;background:#1769ff;border-radius:15px;display:block;margin-top:10px}.chatListItem{margin:0 auto;border-radius:4px;max-width:300px;background:#343434;box-shadow:0 0 9px 0 #1769ff;padding:0 15px 0 15px}.chatListItem img{max-width:50px;border-radius:500px;vertical-align:middle}.chatListItem p{vertical-align:middle;margin-left:10px}.RecipientName{padding-top:15px;text-align:left;display:block!important;background:#d5e4ff;padding-left:15px;padding-bottom:10px;font-weight:700}.newMessageDiv{margin:0 auto;max-width:400px}.newMessageDiv textarea{display:block;border:0;padding:5px;margin:0}[data-v-d200b542],[data-v-d200b542]:after,[data-v-d200b542]:before{padding:0;margin:0;box-sizing:border-box}body[data-v-d200b542]{background-color:#080710}.background[data-v-d200b542]{width:430px;height:530px;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}.background .shape[data-v-d200b542]{height:30px;width:30px;position:absolute;border-radius:50%}.shape[data-v-d200b542]:first-child{background:linear-gradient(red,orange);left:3px;top:-8px}form[data-v-d200b542]{height:520px;width:400px;background-color:rgba(23,105,255,.7);position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}form [data-v-d200b542]{font-family:Poppins,sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}form h3[data-v-d200b542]{font-size:32px;font-weight:500;line-height:42px;text-align:center}label[data-v-d200b542]{display:block;margin-top:30px;font-size:16px;font-weight:500}input[data-v-d200b542]{display:block;height:50px;width:100%;background-color:hsla(0,0%,100%,.07);border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300}[data-v-d200b542]::-moz-placeholder{color:#e5e5e5}[data-v-d200b542]::placeholder{color:#e5e5e5}button[data-v-d200b542]{margin-top:50px;width:100%;background-color:#fff;color:#080710;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}.additional[data-v-d200b542]{margin-top:20px}.errorMessage[data-v-d200b542]{color:#ed0000;text-shadow:0 2px 6px red}[data-v-082eebb2],[data-v-082eebb2]:after,[data-v-082eebb2]:before{padding:0;margin:0;box-sizing:border-box}body[data-v-082eebb2]{background-color:#080710}.background[data-v-082eebb2]{width:430px;height:520px;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}.background .shape[data-v-082eebb2]{height:30px;width:30px;position:absolute;border-radius:50%}.shape[data-v-082eebb2]:first-child{background:linear-gradient(red,orange);left:3px;top:-8px}form[data-v-082eebb2]{height:520px;width:400px;background-color:rgba(23,105,255,.7);position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}form [data-v-082eebb2]{font-family:Poppins,sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}form h3[data-v-082eebb2]{font-size:32px;font-weight:500;line-height:42px;text-align:center}label[data-v-082eebb2]{display:block;margin-top:30px;font-size:16px;font-weight:500}input[data-v-082eebb2]{display:block;height:50px;width:100%;background-color:hsla(0,0%,100%,.07);border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300}[data-v-082eebb2]::-moz-placeholder{color:#e5e5e5}[data-v-082eebb2]::placeholder{color:#e5e5e5}button[data-v-082eebb2]{margin-top:50px;width:100%;background-color:#fff;color:#080710;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}.errorMessage[data-v-082eebb2]{margin-top:30px;color:#ed0000;text-shadow:0 2px 6px red}.messageList[data-v-2967164e]{padding:25px;overflow:hidden;width:400px;margin:0 auto;background:#2a2828}.messageContent[data-v-2967164e]{display:inline-block}.message[data-v-2967164e]{color:#fff;position:relative;margin:0 auto;margin-top:20px;max-width:300px;background:#deb887;padding:0 15px 0 15px;border-radius:10px;float:right;clear:both}.message img[data-v-2967164e]{max-width:50px;border-radius:500px;vertical-align:middle}.message p[data-v-2967164e]{vertical-align:top;margin-left:10px}.currentUserMessage[data-v-2967164e]{background:gray;float:left}.senderName[data-v-2967164e]{vertical-align:top;text-align:left;display:inline-block!important;font-weight:700}.newMessageWrapper[data-v-2967164e]{margin:0 auto;margin-top:15px;max-width:400px}.newMessageWrapper textarea[data-v-2967164e]{border:1px solid #dcdcdc;max-width:100%;width:100%;display:block;padding:5px;margin:0}.newMessageWrapper button[data-v-2967164e]{border:0;background:#4169e1;width:100%;padding:10px 15px;font-size:1.2em;color:#fff}