.chat-parent{width:100%;height:calc(100vh - 75px)!important;overflow:hidden}.chat-content{height:100%;overflow-y:scroll;scrollbar-width:none;padding-right:17px;-webkit-box-sizing:content-box;box-sizing:content-box;padding:10px}div.chat-messages{position:relative;margin-top:15px;z-index:10}div.chat-messages div.chat{position:relative;background:#fcfcfe;border-radius:5px;font-size:15px}div.chat div.chat-content>span{margin-bottom:12px}div.chat div.chat-content span.friend{position:relative;width:70%;height:auto;display:inline-block;background:#fff;padding:10px;padding-bottom:25px;-webkit-box-shadow:2px 2px 20px -2px rgba(60,51,176,.2);box-shadow:2px 2px 20px -2px rgba(60,51,176,.2);color:#3c33b0}div.chat div.chat-content span.friend.first{border-radius:15px 15px 15px 2px}div.chat div.chat-content span.friend.last{border-radius:2px 15px 15px 15px}div.chat div.chat-content span.friend span.time{position:absolute;display:block;right:0;margin-top:5px;margin-right:10px;font-size:10px;font-weight:500;color:rgba(60,51,176,.5)}div.chat div.chat-content span.you{position:relative;float:right;width:70%;height:auto;background:#5850c0;display:inline-block;padding:10px;padding-bottom:25px;color:#fff;-webkit-box-shadow:2px 2px 20px rgba(60,51,176,.2),inset -10px -10px 55px hsla(0,0%,100%,.1);box-shadow:2px 2px 20px rgba(60,51,176,.2),inset -10px -10px 55px hsla(0,0%,100%,.1)}div.chat div.chat-content span.you span.time{position:absolute;display:block;right:0;margin-top:5px;margin-right:10px;font-size:10px;font-weight:500;color:hsla(0,0%,100%,.5)}div.chat div.chat-content span.you.first{border-radius:15px 15px 2px 15px}div.chat div.chat-content span.you.last{border-radius:15px 2px 15px 15px}div.chat div.chat-content span.empty{position:relative;float:right;width:70%;height:auto;background:#fff;display:inline-block;padding:10px;padding-bottom:15px;color:#fff}div.msg-box{position:absolute;width:100%;bottom:0;left:0;border-top:1px solid rgba(60,51,176,.1);overflow:hidden;background-color:#fff}div.msg-box .ip-msg{width:80%;font-size:14px;padding:15px;padding-right:10px;color:rgba(60,51,176,.9);border:none;background:rgba(0,0,0,.03)}div.msg-box .ip-msg::-webkit-input-placeholder{color:rgba(60,51,176,.4)}div.msg-box .ip-msg::-moz-placeholder{color:rgba(60,51,176,.4)}div.msg-box .ip-msg:-ms-input-placeholder{color:rgba(60,51,176,.4)}div.msg-box .ip-msg::-ms-input-placeholder{color:rgba(60,51,176,.4)}div.msg-box .ip-msg::placeholder{color:rgba(60,51,176,.4)}div.msg-box span.btn-group{position:absolute;right:0;top:0;margin-top:14px;display:inline-block;margin-right:10px}div.msg-box span.btn-group i{color:#3c33b0;font-size:18px;padding:0 7px}div.footer{position:absolute;width:100%;bottom:0;z-index:10;background:#271c5d;border-top:1px solid hsla(0,0%,100%,.35);-webkit-box-shadow:inset 0 15px 25px -5px rgba(0,0,0,.3);box-shadow:inset 0 15px 25px -5px rgba(0,0,0,.3)}div.footer ul li{list-style:none;float:left;width:20%;display:inline-block;padding:18px 0;font-size:18px;text-align:center;color:#8b86ed}div.footer ul li.active{color:#fff;-webkit-box-shadow:inset 0 -6px 0 rgba(139,134,237,.8),inset 0 -25px 25px -10px rgba(139,134,237,.2);box-shadow:inset 0 -6px 0 rgba(139,134,237,.8),inset 0 -25px 25px -10px rgba(139,134,237,.2)}.yt{position:fixed;padding:7px 10px 3px 10px;top:5px;right:5px;background:rgba(0,0,0,.3);border-radius:7px}.yt:hover{background:rgba(0,0,0,.4)}.v-toolbar{contain:layout;display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;-webkit-transition:background-color .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),right .2s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);transition:background-color .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),right .2s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),right .2s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),right .2s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.v-toolbar .v-input{padding-top:0;margin-top:0}.v-toolbar__content,.v-toolbar__extension{padding:4px 16px}.v-toolbar__content .v-btn.v-btn--icon.v-size--default,.v-toolbar__extension .v-btn.v-btn--icon.v-size--default{height:48px;width:48px}.v-toolbar__content>.v-btn.v-btn--icon:first-child,.v-toolbar__extension>.v-btn.v-btn--icon:first-child{margin-left:-12px}.v-toolbar__content>.v-btn.v-btn--icon:first-child+.v-toolbar__title,.v-toolbar__extension>.v-btn.v-btn--icon:first-child+.v-toolbar__title{padding-left:20px}.v-application--is-rtl .v-toolbar__content>.v-btn.v-btn--icon:first-child,.v-application--is-rtl .v-toolbar__extension>.v-btn.v-btn--icon:first-child,.v-toolbar__content>.v-btn.v-btn--icon:last-child,.v-toolbar__extension>.v-btn.v-btn--icon:last-child{margin-right:-12px}.v-application--is-rtl .v-toolbar__content>.v-btn.v-btn--icon:first-child+.v-toolbar__title,.v-application--is-rtl .v-toolbar__extension>.v-btn.v-btn--icon:first-child+.v-toolbar__title{padding-right:20px}.v-application--is-rtl .v-toolbar__content>.v-btn.v-btn--icon:last-child,.v-application--is-rtl .v-toolbar__extension>.v-btn.v-btn--icon:last-child{margin-left:-12px}.v-toolbar__content>.v-tabs,.v-toolbar__extension>.v-tabs{height:inherit;margin-top:-4px;margin-bottom:-4px}.v-toolbar__content>.v-tabs .v-tabs-bar,.v-toolbar__extension>.v-tabs .v-tabs-bar{height:inherit}.v-toolbar__content>.v-tabs:first-child,.v-toolbar__extension>.v-tabs:first-child{margin-left:-16px}.v-toolbar__content>.v-tabs:last-child,.v-toolbar__extension>.v-tabs:last-child{margin-right:-16px}.v-toolbar__content,.v-toolbar__extension{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:0}.v-toolbar__image{position:absolute;top:0;bottom:0;width:100%;z-index:0;contain:strict}.v-toolbar__image,.v-toolbar__image .v-image{border-radius:inherit}.v-toolbar__items{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit}.v-toolbar__items>.v-btn{border-radius:0;height:100%!important;max-height:none}.v-toolbar__title{font-size:1.25rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-toolbar.v-toolbar--absolute{position:absolute;top:0;z-index:1}.v-toolbar.v-toolbar--bottom{top:auto;bottom:0}.v-toolbar.v-toolbar--collapse .v-toolbar__title{white-space:nowrap}.v-toolbar.v-toolbar--collapsed{border-bottom-right-radius:24px;max-width:112px;overflow:hidden}.v-application--is-rtl .v-toolbar.v-toolbar--collapsed{border-bottom-right-radius:0;border-bottom-left-radius:24px}.v-toolbar.v-toolbar--collapsed .v-toolbar__extension,.v-toolbar.v-toolbar--collapsed .v-toolbar__title{display:none}.v-toolbar--dense .v-toolbar__content,.v-toolbar--dense .v-toolbar__extension{padding-top:0;padding-bottom:0}.v-toolbar--flat{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.v-toolbar--floating{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.v-toolbar--prominent .v-toolbar__content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.v-toolbar--prominent .v-toolbar__title{font-size:1.5rem;padding-top:6px}.v-toolbar--prominent:not(.v-toolbar--bottom) .v-toolbar__title{-ms-flex-item-align:end;align-self:flex-end;padding-bottom:6px;padding-top:0}