.custom-nav{z-index:9999}.social-login{overflow:hidden;text-align:center}.social-login:after,.social-login:before{background-color:#fff;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.social-login:before{right:.5em;margin-left:-50%}.social-login:after{left:.5em;margin-right:-50%}.or-block,.social-btn{text-align:center}.social-btn{display:block}.login-with-social a{color:#fff!important;text-decoration:none}.chat-main{margin-top:20px;padding-left:0;padding-right:0;margin-left:0;margin-right:0;max-width:100%}.user-info{display:flex;flex-direction:column;width:calc(100% - 55px)}.user-info .user-name{font-size:16px;color:#454545;margin:0!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-right:5px}.user-chat-time{font-style:normal;font-weight:500;font-size:11px;color:#6f6f6f;opacity:.7}.user-list ul li a{display:flex;width:100%;border-bottom:1px solid rgba(0,0,0,.05);padding:15px 5px;align-items:center;cursor:pointer}.user-list ul li a:hover{background-color:rgba(0,0,0,.05)}.user-image-main{width:55px;border-radius:50%;margin-right:15px}.user-image,.user-image-main{position:relative}.user-image img{width:55px}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:#f15d35;color:#fff;width:22px;text-align:center;border-radius:50%;height:22px;font-size:12px;border:2px solid #fff;font-weight:700}.user-choice-product{display:flex;flex:1}.prod-arrow{margin-right:5px;margin-left:5px}.prod-name{background:#f4f4f4;padding:0 7px;border-radius:6px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#323232}.message-line-read,.message-line-unread{font-style:normal;font-size:14px;color:#454545;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.chat-conversations-main{border-left:1px solid rgba(0,0,0,.05);height:540px}.chat-header{width:100%;background:#122334;padding:7px 42px;display:flex;justify-content:space-between;align-items:center}.chat-header .back-listing{padding-right:10px}.chat-person{flex:1;display:flex;align-items:center}.chat-user-img{width:35px;border-radius:50%;position:relative;margin-right:15px}.chat-user-img img{width:100%}.chat-user-name{font-size:18px;color:#fff}.chat-header-actions{display:flex;align-items:center;width:50px;justify-content:space-between}.chat-header-actions .dropdown-n-post.dot-dropdown{display:block}.chat-header-actions .dd-button:after{display:none}.chat-header-actions .dropdown-n-post{top:0}.messages{display:flex;flex-direction:column;justify-content:space-between}.messages-content{height:450px;overflow:auto;padding:10px 21px 0 42px}.messages-content::-webkit-scrollbar-track{background-color:transparent;display:none}.messages-content::-webkit-scrollbar{width:8px;background-color:transparent}.messages-content::-webkit-scrollbar-thumb{background-color:#f4f4f4;border-radius:8px}.messages-textarea{background:#f4f4f4;padding:10px 42px}.prod-in-message{background:#f4f4f4;border-radius:10px;width:308px;padding:5px;display:flex;margin-bottom:20px}.prod-in-message-img{max-width:40px;margin-right:16px}.prod-in-message-img img{border-radius:6px;width:100%}.prod-in-message p{font-size:16px;color:#000;line-height:16px}.user-message{display:flex;flex-direction:column;align-items:flex-start}.user-message .username{font-size:12px;color:#171619}.user-message .userchatbbl{background:#d9d3f5;border-radius:15px 15px 15px 3px;font-size:16px;color:#000;padding:10px;margin:2px 0;word-break:break-all}.user-message .usermessagetime{font-size:12px;color:#8e8c8c}.my-message{align-items:flex-end}.my-message.user-message .userchatbbl{border-radius:15px 15px 3px 15px;background:#f4f4f4}.messages-textarea-block{display:flex;align-items:center}.messages-textarea-block .form-group{display:flex;flex:1;margin-bottom:0;margin-right:28px;position:relative}.messages-textarea-block .form-group .form-control{padding-right:30px;font-size:14px;border:1px solid #b7b5b5;height:37px}.ic-mic{position:absolute;right:5px;top:6px;cursor:pointer}.btn-send,.btn-send:hover{background:#122334;border-radius:5px;outline:none;border:none;color:#fff}.chat-main-list{margin-top:0}.message-serach{display:flex;align-items:center;width:50px;justify-content:space-between}.message-serach .dropdown-n-post{top:0}@media only screen and (max-width:767px){.chat-main{margin-top:5px}.chat-header{padding:7px 21px}.messages-content{padding:10px 21px;height:450px}.chat-conversations-main{padding:0}.user-message .userchatbbl{font-size:14px}.messages-textarea{padding:19px 21px}.messages-textarea-block .form-group{margin-right:10px}.messages{display:flex;flex-direction:column;height:calc(100vh - 106px);justify-content:space-between}.chat-main-list .user-list{display:block}}.dropdown-n-post.dot-dropdown{display:none}.dropdown-n-post.dot-dropdown .dd-button{position:unset;background:unset;border-radius:unset;border:unset;padding:0}.dd-menu.dot-dropdown-menu li{position:unset;padding:10px}.dd-menu.dot-dropdown-menu li:after{background:unset}.c-container{max-width:1280px;padding:0 30px;margin:0 auto}.user-list ul{margin:0;padding:0;text-decoration:none;list-style-type:none}.back-listing a{color:#fff;font-size:16px}.user-list{height:540px}