.message-main{background-color:#f1f5f9;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;height:100vh}header{display:flex;flex-direction:row;justify-content:space-between;background-color:#f0f2f5;height:10%;padding:10px;align-items:center;text-align:center}.image{display:flex;justify-content:center}.right-icon{margin-right:10px}.user-detail{display:flex;flex-direction:row;align-items:center}.green-bg{color:green;cursor:default}.gray-bg{color:#90939a;cursor:default}.name-content h2{margin-left:10px;font-size:20px}.name-content p{font-size:13px;font-weight:500;display:flex;align-items:flex-start;margin-left:13px}.chat-section{flex-grow:1;overflow-y:auto;background:url(/assets/wp-nD4imf_k.png);background-size:cover;background-position:center}.chat-box{background-color:#f0f2f5;display:flex;align-items:center;padding:10px;box-shadow:0 -2px 5px #0000001a;width:100%}.chat-box-content{display:flex;width:100%;align-items:center;justify-content:space-between}.plus-icon,.send-message{padding:0 10px;display:flex;align-items:center;cursor:pointer;font-size:20px;justify-content:center}.send-icon{background-color:transparent;color:#183153;font-size:20px;margin-right:10px;margin-left:10px;display:flex;align-items:center}.send-icon:hover{background-color:transparent}.plus-icon{margin-right:10px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:35px;height:35px}.plus-form input{display:none}.send-message{margin-left:10px}.sent-options{display:flex;flex-direction:column;position:absolute;bottom:45px;background-color:#fff;box-shadow:0 2px 5px #0003;border-radius:10px;overflow:hidden;z-index:10;margin-left:15px}.upload{display:flex;justify-content:start;align-items:center;padding-left:10px;width:120px;cursor:pointer}.plus-form{display:flex;flex-direction:column;padding-left:5px;padding-right:5px}.up-img{margin-top:10px;padding:10px}.up-vid{padding:10px}.upload:hover{background-color:#f5f6f6}.isactive{background-color:#bfc2c5;border-radius:50%;width:35px;height:35px}.u-img{color:#3996aa}.u-vid{color:#864bba}.upload div{margin-right:10px}.upload p{margin:0}.enter-message{flex-grow:1;display:flex;align-items:center}.enter-message input{width:100%;padding:10px;border:none;border-radius:10px;background-color:#fff;outline:none;margin-bottom:0}.chat-section::-webkit-scrollbar{width:8px}.chat-section::-webkit-scrollbar-track{background:#f1f1f1}.chat-section::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.chat-section::-webkit-scrollbar-thumb:hover{background:#555}.image-display{background-color:#d2d6d8;opacity:30;height:90vh;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;position:sticky;bottom:0;width:100%}.image-icon{width:100%;display:flex;justify-content:center;align-items:center}.image-send-icon{margin-left:0;margin-right:0}.image-icon input{border:none;outline:none;padding:10px;border-radius:10px;width:60%;margin-right:10px;margin-bottom:0}.image-icon i{font-size:23px;cursor:pointer;border-radius:50%;width:38px;height:38px;display:flex;justify-content:center;align-items:center}.image-icon i:hover{background-color:#f5f5f5}.actual-image{display:flex;justify-content:center;align-items:center}.image-section{background-color:#fff;margin:40px auto}.video-section{background-color:#fff;margin:40px auto;height:70%}.cross-icon{width:100%;font-size:25px;display:flex;justify-content:flex-start;align-items:flex-start}.cross-icon i{margin-left:100px;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer}.cross-icon i:hover{background-color:#fff}.loading-page{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%;display:flex;position:sticky;bottom:0}.loading-page i{display:flex;justify-content:center;align-items:center;margin:auto;font-size:30px;color:#276876}.aspect-ratio-container{position:relative;width:300px;padding-top:50px;padding-bottom:56.25%}.aspect-ratio-container video{position:absolute;top:0;left:0;width:100%;height:100%}.messages-section{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.message-strip{background-color:#fff;margin-top:10px;padding:5px 10px;border-radius:10px;max-width:70%;word-wrap:break-word}.message-sent-date{font-size:10px;color:gray;display:flex;justify-content:end;margin-left:30px}.msg-by-sender{margin-left:auto;background-color:#d9fdd3;max-width:70%}.msg-text{white-space:pre-wrap}.tick-class{font-weight:700;margin-left:2px;background-color:red}.blue-tick svg{color:#00f}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.back-icon{margin-right:10px;display:none}@media (max-width: 850px){.back-icon{display:block;cursor:pointer;font-size:20px}}@media (max-width: 510px){.back-icon{display:block}.message-main{width:100%}.messages-section{padding:5px;overflow-x:hidden}.name-content p{font-size:12px}}.profile-image{display:flex;position:relative}.profile-image img{border-radius:50%}.profile-name{font-size:11px;margin-top:10px;margin-bottom:10px}.online-dot{width:13px;height:13px;background-color:green;border-radius:50%;position:absolute;bottom:0;right:0;border:2px solid white}.container{background-color:#e1e7ef;height:87vh;display:flex;align-items:center;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.wraper{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;width:380px;margin-top:20px;border-radius:10px;padding:15px}.wraper h2{margin-bottom:5px}form{display:flex;flex-direction:column;width:100%}form input{width:100%;padding:5px;font-size:14px;margin-bottom:10px;border-radius:5px;background-color:#f1f5f9;border:1px solid transparent;outline:none}form input:focus{border-color:#007d94}form label{margin-bottom:10px}form button{background-color:#007d94;color:#fff;outline:none;border:none;height:35px;font-weight:700}form button:hover{background-color:#009dba;cursor:pointer}form button i{margin-left:10px}form p{display:flex;justify-content:center;margin-top:10px}p a{text-decoration:none;margin-left:8px;font-weight:700;color:#000}p a:hover{color:#009dba}.msgs{display:flex;justify-content:center;width:100%;padding:10px;margin-bottom:5px;border-radius:5px}.red{background-color:#e37e7e}.green{background-color:#86f189}.emailCheckbutton{margin-top:10px}.custom-file-input:hover{border-color:#009dba}.custom-file-input input[type=file]{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;cursor:pointer}.file-info{display:flex;align-items:center;margin-bottom:5px}.file-info .file-name{margin-right:10px}.file-info .remove-file{color:#000;cursor:pointer;font-size:30px;z-index:1000}.file-info .remove-file:hover{color:red}.profie-text{color:#000}.person-logo{display:flex;flex-direction:column;align-items:center}.main-cointainer{display:flex;flex-direction:row}.main{display:flex;flex-direction:row;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;width:40%}.side-icon{background-color:#f1f5f9;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;width:17%}.side-icon i{padding:13px 3px;width:100%}.side-icon i:hover{background-color:#bfc2c5}.upper a{padding:10px 0;color:#1e3050;width:100%;text-decoration:none}.active{padding:10px 0;width:fit-content;background-color:#bfc2c5}.upper{cursor:pointer;margin-top:20px}.below{cursor:pointer;margin-bottom:20px}.search-people{display:flex;flex-direction:column;width:100%}.top{width:100%}.top h2{font-size:27px;margin-top:20px;margin-left:15px}.top hr{margin-top:10px;color:#f1f1f1}.content{height:88.5vh;overflow-x:hidden;overflow-y:auto}.content-inner{margin-top:50px}.content i{display:flex;justify-content:center;font-size:50px}.content p{width:85%;margin:10px auto;text-align:center}.below button{outline:none;border:none;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-overlay-set-Index{z-index:1000}.modal-overlay-set-Index-2{z-index:1005}.modal{background:#fff;padding:20px;border-radius:5px;width:400px;max-width:80%}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header button{font-size:35px;height:30px;width:30px;display:flex;justify-content:center;align-items:center}.modal-header button:hover{background-color:#c9d7e4;border-radius:20px}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{margin-top:10px}.img-container{display:flex;justify-content:left;margin-right:10px}.edit-buttons{display:flex;justify-content:end}.form-hr{margin-top:10px}.edit-buttons button{padding:10px 20px;border-radius:7px;margin-top:10px}h3{margin-bottom:15px}.downer{display:flex;flex-direction:row}.custom-file-input{position:relative;width:100%;height:40px;border:1px solid transparent;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#007d94;margin-bottom:10px;overflow:hidden;text-align:center;background-color:#f1f5f9}.header{display:flex;justify-content:center;align-items:center;box-shadow:0 1px gray}.message-section{background-color:#f1f5f9;width:100%;justify-content:center;align-items:center;display:flex}.message-container{background-color:#f1f5f9;display:flex;justify-content:center;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.message-wraper{display:flex;margin:auto;flex-direction:column}.message-container img{margin:auto;width:280px;height:200px}.message-container p{margin:auto}.search-user-form input{padding:10px;width:100%;outline:none;border:1px solid transparent;background-color:#f1f5f9;border-radius:7px}.search-user-box{height:50vh;overflow-y:auto}.search-user-form input:focus{border-color:#007d94}.user-list{margin-top:20px}.user-list-text{display:flex;justify-content:center}.name-msg-content{width:60%;margin-left:20px;justify-content:flex-start;display:flex;flex-direction:column}.text-msg-shown{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex}.name-msg-content h2{font-size:18px;display:flex;align-items:center;font-weight:500}.name-msg-content p{display:flex;margin-left:0;font-size:14px;margin-top:0;margin-bottom:0;width:100%}.sidebar-parent{display:flex;width:100%}.sidebar-image{width:12%;display:flex;align-items:center}.sidebar-user-section{display:flex;margin-top:5px;padding:8px 10px;align-items:center}.sidebar-nav a{text-decoration:none;width:100%;color:#000}.sidebar-user-section:hover{cursor:pointer;background-color:#f1f1f1}.sidebar-msg-image{display:flex;align-items:center}.sidebar-msg-image p{display:flex;align-items:center;margin-top:0;margin-bottom:1px}.sidebar-msg-image i{font-size:15px;margin-right:7px;display:flex;align-items:center;color:#4d4d4d}.side-bar-hr{margin-bottom:0}.sidebar-date-section{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;right:0}.sidebar-date-section .Unread{font-size:11px;font-weight:600;border-radius:50%;background-color:#25d366;color:#fff;width:20px;height:20px;margin-top:5px;padding:11px}.sidebar-date-section p{padding:0;margin:0;display:flex;justify-content:center;align-items:center}.date-sidebar{font-size:12px;font-weight:600}.side-bar-check .fff{background-color:red}.last-msg-text{background-color:green;display:flex;justify-content:flex-start}.interior-content{display:flex;flex-direction:row}.show-message-page{display:flex}.block-message-page{display:none}@media (max-width: 850px){.main{width:100%}.side-icon{width:10%}}@media (max-width: 550px){.main{width:100%}.side-icon{width:12%}}.search-upper a{text-decoration:none;color:#000}.search-main{display:flex;flex-direction:row;height:max-content;padding-top:10px;padding-left:10px}.search-main:hover{background-color:#bfc2c5;cursor:pointer}.search-image{margin-right:20px}.search-user-name{font-weight:700}@media (max-width: 550px){.search-image{margin-right:10px}.search-user-name{font-size:15px}.search-user-email{font-size:13px;font-weight:480}}*{margin:0;padding:0;box-sizing:border-box}