#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.login-page{background-color:#f5f5f5;min-height:100vh;display:flex;justify-content:center;flex-direction:column-reverse}.login-page .login-page-tab-menu{border:none!important}.login-page .login-page-tab-menu .card-header{border-bottom:none;background-color:#fff!important}.login-page .login-page-tab-menu .card-header .card-header-tabs{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;background:#f3f5f7;padding:5px;border-radius:5px}.login-page .login-page-tab-menu .card-header .card-header-tabs button{font-weight:700;color:#5d5d5d;padding:.2em 2em}.login-page .login-page-tab-menu .card-header .card-header-tabs button.active{background-color:#fff;color:#1d1d1d!important}.login-page .login-page-content{background-color:#facfce}.login-page .login-page-form{display:flex;flex-direction:column;justify-content:center;background-color:#fff;border-radius:2em 0 0 2em}.login-page .login-page-header{padding:2em 0;font-weight:700}.login-page .login-page-input{margin:2em auto;border:none;border-bottom:1px solid #e8e8e8;width:60%;border-radius:0;color:#9d9d9d!important}.login-page .login-page-input:focus{outline:none!important;box-shadow:none!important;border-color:#e8e8e8!important}.login-page .login-page-button{margin:3em 0;background-color:#facfce;font-weight:700;border:none;width:60%}.login-page .login-page-button:hover{background-color:#fbc5df!important;color:#fff!important;border:#facfce!important}.message-page{min-height:100vh;background:linear-gradient(0deg,#e5e8ea 80%,#facfce 0)!important;display:flex}.message-page .my-profile-detail{position:absolute;height:100%;z-index:1;display:flex;align-content:flex-start;justify-content:space-evenly;background-color:#fff}.message-page .my-profile-detail .profile-top-menu{display:flex;align-items:flex-end;padding:15px;background-color:#fff!important;height:15%}.message-page .my-profile-detail .profile-picture{display:flex;align-items:center;justify-content:center;height:40%;background-color:#facece}.message-page .my-profile-detail .profile-picture .profile-img{height:80%;border-radius:100%}.message-page .my-profile-detail .update-name{margin-top:10px}.message-page .my-profile-detail .update-name input{border:none;width:80%;outline:none!important;border-bottom:1px solid #000!important}.message-page .my-profile-detail .update-name input:disabled{background-color:#fff;pointer-events:none;color:#aaa;border:none!important}.message-page .message-page-content{width:80%;height:80vh;background-color:#f3f5f7;margin:auto}.message-page .message-page-content-profile-picture{width:50px;height:50px;border-radius:90%;margin:.4em;float:left}.message-page .message-page-content-header{height:65px!important;background-color:#fff}.message-page .message-page-content-left{position:relative;margin-left:0;height:100%;flex-wrap:nowrap}.message-page .message-page-content-left .chat-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-page .message-page-content-left .create-new-messages{position:absolute;right:10px;bottom:15px;border:1px solid red;border-radius:100%;aspect-ratio:1;display:flex;width:35px;justify-content:center;align-items:center}.message-page .message-page-content-left-scroll{overflow-y:auto!important;height:calc(100% - 50px)}.message-page .message-page-content-list{background-color:#fff!important;height:calc(100% - 65px)}.message-page .message-page-content-search{height:50px;padding:.6em;width:100%;border-bottom:1px solid #f3f5f7}.message-page .message-page-content-search .message-page-content-search-input{height:100%;background-color:#f3f5f7;color:#6c6c6c!important;border:none}.message-page .message-page-content-search .message-page-content-search-input:focus{outline:none!important;box-shadow:none!important;border-color:#e8e8e8!important}.message-page .message-page-content-messages-list{border-bottom:1px solid #e9edef;padding:.2em 0;display:flex;justify-content:space-between;align-items:center}.message-page .message-page-content-messages-list:active{background-color:#f7f7f7;border-radius:10px}.message-page .message-page-content-messages-list:last-child{border-bottom:0}.message-page .message-page-content-messages-list .message-page-content-coming-message-picture{display:flex;align-items:center}.message-page .message-page-content-messages-list .message-page-content-message-content{color:#6f7b80;font-size:13px}.message-page .message-page-content-messages-list .message-page-content-coming-message-list{display:flex;flex-direction:column;align-items:flex-start;padding-left:10px}.message-page .message-page-content-messages-list .message-page-content-coming-message-list .message-page-content-message-user{color:#000;font-weight:700}.message-page .message-page-content-messages-list .message-page-content-coming-message-time{font-size:small}.message-page .message-page-content-messages-list .message-page-content-coming-message-count{text-align:center;background-color:#fbc5df;font-size:12px;height:20px;width:20px;margin:auto;border-radius:100%;color:#fff;font-weight:700}.message-page .message-content{position:relative;margin-bottom:0!important}.message-page .message-content .user-popup-button{margin-left:auto}.message-page .message-content .user-profile-top-menu{z-index:1;position:absolute;top:0;left:0;height:60px;width:calc(100% - 12px);background-color:#d1d3d5;display:flex;align-items:center}.message-page .message-content .user-profile-detail{background-color:#a8a8a8;position:absolute;right:12px;top:0;z-index:1;height:100%}.message-page .message-content .user-profile-detail .user-detail-close-button{position:absolute;left:10px;top:10px}.message-page .message-content .messages-time{opacity:.5;font-size:10px;display:flex;justify-content:flex-end;padding-top:2px}.message-page .message-content .messages-date{color:gray;font-size:12px}.message-page .message-content .message-search{margin-left:-10px;display:flex;justify-content:flex-start;align-items:center;padding:5px}.message-page .message-content .message-search .send-button{border:0;height:35px;width:35px;border-radius:100%;font-weight:700;margin-left:5px;background:pink;display:flex;align-items:center;justify-content:center}.message-page .message-content .message-search .form-control{height:40px;flex:1}.message-page .message-content .message-search .form-control:focus{outline:none!important;box-shadow:none!important;border-color:#e8e8e8!important}.message-page .message-content .message-list{height:calc(100% - 50px);padding:70px 15px 0 8px;overflow-y:auto}.message-page .message-content-incoming{position:relative;margin-left:.1em;margin-bottom:.5em;padding:.5em 1em;background-color:#29468a;max-width:65%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;text-align:left;font:.9em Open Sans,sans-serif;border:1px solid #29468a;border-radius:10px;display:block}.message-page .message-content-incoming span{font-size:13px;color:#fff;padding:0;width:100%;height:100%}.message-page .message-content-incoming:first-child:before{content:"";position:absolute;border-top:20px solid #29468a;border-left:20px solid transparent;border-right:0;top:-1px;left:-10px}.message-page .message-content-incoming+.message-content-sending{margin-top:1em}.message-page .message-content-incoming+.message-content-sending:before{content:"";position:absolute;border-top:20px solid #699fef;border-left:0;border-right:20px solid transparent;top:-1px;right:-10px}.message-page .message-content-sending{color:red!important;position:relative;margin-bottom:.5em;margin-left:auto;background-color:#699fef;max-width:65%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;text-align:left;font:.9em Open Sans,sans-serif;border:1px solid #699fef;border-radius:10px;padding:.5em 1em;display:block}.message-page .message-content-sending span{font-size:13px;color:#fff;padding:0;width:100%;height:100%}.message-page .message-content-sending:first-child:before{content:"";position:absolute;border-top:20px solid #699fef;border-left:0;border-right:20px solid transparent;top:-1px;right:-10px}.message-page .message-content-sending+.message-content-incoming{margin-top:1em}.message-page .message-content-sending+.message-content-incoming:before{content:"";position:absolute;border-top:20px solid #29468a;border-left:20px solid transparent;border-right:0;top:-1px;left:-10px}.thin-scrollbar::-webkit-scrollbar{width:6px}.thin-scrollbar::-webkit-scrollbar-track{background:#fff}.thin-scrollbar::-webkit-scrollbar-thumb,.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#f3f5f7}.cursor-pointer{cursor:pointer}