@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css);body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.formContainer{align-items:center;background-color:#d5d5d5;display:flex;height:100vh;justify-content:center;width:100%}.formContainer .formWrapper{align-items:center;background-color:#fff;border:1px solid #96ce7c;border-radius:10px;box-shadow:0 0 15px 1px rgba(0,0,0,.111);display:flex;flex-direction:column;gap:10px;padding:20px 60px;position:relative}@media screen and (max-width:768px){.formContainer .formWrapper{width:90%}}.formContainer .formWrapper .appVersion{bottom:15px;color:#979797;font-size:10px;position:absolute;right:15px}.formContainer .formWrapper .copyRight{background-color:rgba(255,172,128,.459);border-radius:5px;bottom:-30px;color:#6d6d6d;font-size:14px;padding:2px;position:absolute}.formContainer .formWrapper .logo{color:#618d5b;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#5b8d67;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px;justify-content:center}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #c7eac7;outline:none;padding:15px}.formContainer .formWrapper form input::placeholder{color:#c8c8c8}.formContainer .formWrapper form input:focus{outline:1px solid #68c273}.formContainer .formWrapper form button{background-color:#7cbb6d;border:none;border-radius:3px;color:#272727;cursor:pointer;padding:10px}.formContainer .formWrapper form button:disabled{background-color:rgba(139,194,125,.643);pointer-events:none}.formContainer .formWrapper form label{align-items:center;color:#a1a0d1;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:22px}.formContainer .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.formContainer .formWrapper .inputMust{color:red;display:flex;position:relative}.formContainer .formWrapper .inputMust i{color:#e13048;font-size:8px;left:-7px;position:absolute;top:30%;transform:translateX(-30%)}.home{align-items:center;background-color:#222;display:flex;flex-direction:column;height:100vh;justify-content:center}.home .logo{border-top:1px solid #ff6629;color:#b2b2b2;font-size:12px;margin-top:5px;text-align:center;width:100%}@media screen and (max-width:768px){.home .logo{margin:0}}.home .logo:before{content:"Copyright © "}.home .container{display:flex;height:90%;overflow:hidden;width:80%}@media screen and (max-width:768px){.home .container{height:100%;margin:0;padding:0;width:100%}}.home .container .sidebar{background-color:#262626;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:#2b2b2b;color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.home .container .sidebar .navbar .user img{background-color:#fff;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user button{background-color:#fd3f3f;border:none;color:#fff;cursor:pointer;font-size:12px;padding:5px}@media screen and (max-width:768px){.home .container .sidebar .navbar .user button{bottom:10px;left:50%;position:absolute;transform:translateX(-50%)}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{background-color:#2f2f2f;padding:10px}.home .container .sidebar .search .searchForm input{background-color:#0000;border:none;color:#9f9f9f;outline:none}.home .container .sidebar .search .searchForm input::placeholder{color:#6f6f6f}.home .container .sidebar .search .userSearchError{background-color:#d32c50;border:red;color:#332929;display:block;text-align:center;width:100%}.home .container .sidebar .chats .chatTitle{align-items:center;border-bottom:1px solid #6767674a;color:#8f8f8f;display:flex;justify-content:center;margin:0;padding:10px 0}.home .container .sidebar .userChat{align-items:center;border-bottom:1px solid rgba(35,55,35,.315);color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#313131}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#7c7c7c;font-size:14px;margin:0}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .chat .chatInfo{align-items:center;background-color:#83b76b;border-bottom:1px solid #5a8945;box-shadow:0 0 10px 1px #555;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}@media screen and (max-width:768px){.home .container .chat .chatInfo{position:fixed;top:0;width:100vw;z-index:2}}.home .container .chat .chatInfo .userTitle{color:#000;font-size:20px}.home .container .chat .chatInfo .closeChat i{color:#000;cursor:pointer;font-size:25px}.home .container .chat .chatInfo img{border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .chat .chatInfo .userPhotoName{align-items:center;display:flex;gap:10px;justify-content:center}.home .container .chat .chatIcons{display:flex;gap:10px}.home .container .chat .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#ecefe3;height:calc(100% - 100px);overflow-y:scroll;padding:10px}@media screen and (max-width:768px){.home .container .chat .messages{padding-top:70px}}.home .container .chat .messages .message{display:flex;margin-bottom:7px}.home .container .chat .messages .message .messageInfo{align-items:center;color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .messageInfo span{font-size:12px}.home .container .chat .messages .message .messageContent{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:80%;width:80%;z-index:1}.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;font-size:18px;margin:0;max-width:-webkit-max-content;max-width:max-content;padding:5px 10px 10px;position:relative}.home .container .chat .messages .message .messageContent p .messageTime{bottom:0;color:#737373;font-size:10px;position:absolute;right:5px}@media screen and (max-width:768px){.home .container .chat .messages .message .messageContent p{font-size:14px}}.home .container .chat .messages .message .messageContent img{display:block;height:auto;max-height:450px;object-fit:cover;object-position:center;width:50%}@media screen and (max-width:768px){.home .container .chat .messages .message .messageContent img{max-height:250px;width:70%}}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end;display:flex;width:80%}.home .container .chat .messages .message.owner p{background-color:#91cc6c;border-radius:10px 0 10px 10px;color:#1f1f1f}.home .container .chat .messages::-webkit-scrollbar{width:7px}.home .container .chat .messages::-webkit-scrollbar-thumb{background:#47753d}.home .container .chat .messages .chatStart{align-items:center;color:#585f42;display:flex;gap:25px;height:100%;justify-content:flex-start;width:100%}.home .container .chat .messages .chatStart i,.home .container .chat .messages .chatStart span{font-size:50px}.home .container .chat .messages .chatStart .availableUsers{display:flex;flex-direction:column}.home .container .chat .messages .chatStart .availableUsers span{font-size:12px}.home .container .chat .messages .messagesLoading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.home .container .chat .input{align-items:center;background-color:#fff;border-top:1px solid #cfcfcf;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;color:#2f2d52;font-size:18px;outline:none;padding:0 15px;width:100%}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex;gap:10px;justify-content:space-between}.home .container .chat .input .send i{align-items:center;color:#5d5b8d;cursor:pointer;display:flex;font-size:20px;justify-content:center}.home .container .chat .input .send button{background-color:#91aebd;border:none;color:#fff;cursor:pointer;padding:10px 15px}.display-none{display:none}.display-flex-1{flex:1 1!important}.display-flex-4{flex:4 1!important}