:root{--main:#030f40;--secondary:#543cdf;--third:#fffaf5;--light:#ffffff;--dark:#000000;--heading:#0e1316;--body:#667085;--body2:#f4f7ff;--body3:#ebebeb;--body4:#f8f8f8;--bodybg:#ffffff;--btn-bgcolor:#09205c;--btn-color:#ffffff;--btn-bgcolor2:transparent;--btn-color2:#09205c;--font-size-sm:14px;--line-height-sm:22.5px;--font-size-md:18px;--line-height-md:25.2px;--input-background:#ffffff;--input-background2:#ffffff;--background-item:#fef8e6;--background-body:#ffffff;--border-color:#626262;--border-color2:#eff1f2;--border-color3:#b7b7b7;--full-fd:70px;--link:#232323;--inscolor:var(--bodybg)}.stc-scrollbar,.stc-chat-members .select2-results__options{scrollbar-color:var(--main);scrollbar-width:thin;overflow-x:hidden}.stc-scrollbar-x{overflow-x:auto}.stc-chat-members .btn-solid{background:var(--main);border-color:var(--main);box-shadow:0 0 0 #fff0;color:#fff;border:0}.stc-chat-members .loader{position:absolute;margin:0 auto;width:30px;height:30px;margin-left:-15px;margin-top:-15px;opacity:0;top:50%;left:50%;background-color:rgb(255 255 255 / .2);border-radius:100%;padding:10px}.stc-chat-members .loader:before{content:'';display:block;padding-top:100%}.stc-chat-members .loader .circular{animation:rotatekey 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.stc-chat-members .loader .path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#030f40;stroke-linecap:round}.stc-chat-members .loading .loader,.stc-chat-members .submitting .loader{opacity:1}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes rotatekey{100%{transform:rotate(360deg)}}.stc-state-online{align-items:center;margin-bottom:15px}.stc-state-online label.span{font-weight:700;color:var(--heading);font-family:var(--font-button)}.stc-state-online .chat-title{font-weight:700;font-size:24px;line-height:31px;font-family:var(--font-button);color:var(--heading);letter-spacing:-.48px}.stc-state-online .chat-state{text-align:right}.stc-state-online .chat-state .toggle-checkbox{margin-left:10px}.stc-state-online .chat-state .toggle-checkbox .toggle-switch{width:40px;height:20px}.stc-state-online .chat-state .toggle-checkbox .toggle-switch:before{width:16px;height:16px}.stc-message-form-search-user{border:2px solid var(--border-color2);padding:20px;border-radius:5px;display:none}.stc-message-form-search-user input[name="subject"]{margin-bottom:20px}.stc-message-form-search-user button{width:100%;margin-top:20px}.stc-message-form-search-user .select2-selection__rendered{overflow-y:auto;max-height:100px}.stc-chat-members{background:#fff;border-radius:20px;box-shadow:0 15px 30px -12px rgb(30 50 101 / .15)}.stc-chat-members .gif-player video{width:auto;max-width:100%;max-height:300px}.stc-chat-members #messages-list{max-height:500px;height:500px;display:flex;flex-direction:column-reverse;padding:0 16px}.stc-chat-members #messages-list.scroll>.loader{top:20px}.stc-chat-members .back-conversation{position:absolute;left:15px;font-size:25px;top:50%;margin-top:-10px;display:none;cursor:pointer}.stc-chat-members .chat-sidebar{padding:0}.stc-chat-members .chat-sidebar .conversation-sd-top{border-bottom:1px solid var(--border-color2);padding:20px 16px;display:flex;align-items:center;gap:16px}.stc-chat-members .chat-sidebar .conversation-sd-top>.create-new-conversation{font-size:24px;color:var(--heading);cursor:pointer}.stc-chat-members .chat-sidebar form{width:100%;position:relative}.stc-chat-members .chat-sidebar form input{min-height:40px;border-radius:8px;border:none;padding-right:42px;background:var(--body4)}.stc-chat-members .chat-sidebar form i{position:absolute;right:15px;left:auto;top:50%;transform:translateY(-50%);font-size:24px}.rtl .stc-chat-members .chat-sidebar form i{left:15px;right:auto}.stc-chat-members .chat-sidebar .conversation-list{max-height:640px;min-height:400px}.stc-chat-members .chat-sidebar .conversation-list .not-found{padding:20px}.stc-chat-members .chat-sidebar .conversation-list .conversation-item{display:flex;align-items:center;gap:8px;padding:14px 16px;cursor:pointer}.stc-chat-members .chat-sidebar .conversation-list .conversation-item:not(:last-child){border-bottom:1px solid var(--border-color2)}.stc-chat-members .chat-sidebar .conversation-list .group .users-avatar{display:grid;grid-gap:5px;grid-template-columns:repeat(2,2fr)}.stc-chat-members .chat-sidebar .conversation-list .users-avatar{position:relative;max-width:56px;flex:0 0 56px}.stc-chat-members .chat-sidebar .conversation-list .users-avatar img{width:100%;object-fit:cover;border-radius:50%}.stc-chat-members .chat-sidebar .conversation-list .users-info{flex:0 0 calc(100% - 64px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stc-chat-members .chat-sidebar .conversation-list .users-info h6{display:flex;justify-content:space-between;align-items:center;column-gap:8px}.stc-chat-members .chat-sidebar .conversation-list .users-info .chat-status{font-size:14px;font-family:var(--font-button);font-weight:400;opacity:.7}.stc-chat-members .chat-content{padding:0;border-left:1px solid #F5F7F7;padding-bottom:16px}.stc-chat-members .chat-content .stc-filter-empty{margin-top:16px}.stc-chat-members .chat-content .stc-filter-empty.empty{text-align:center;max-width:400px;margin:auto;justify-content:center;display:flex;flex-direction:column;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stc-chat-members .chat-content .stc-filter-empty .button{text-decoration:none;color:var(--secondary);text-underline-offset:2px;background:#fff0}.stc-chat-members .chat-content .conversation-header{z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #F5F7F7;padding:12px 30px;height:75px}.stc-chat-members .chat-content .conversation-header .conversation-h-left>span{font-size:14px;opacity:.7;color:var(--heading)}.stc-chat-members .chat-content .row-messages-list-container{margin-left:0;margin-right:0}.stc-chat-members .chat-content .messages-list-container{border-right:1px solid #F5F7F7;padding:0}.stc-chat-members .chat-content .header-reply-name{font-weight:700;font-family:var(--font-button);color:var(--heading);margin-bottom:4px}.stc-chat-members .chat-content .messasge-content{display:inline-block;padding-right:70px}.stc-chat-members .chat-content .group_date{margin:0 auto 40px;display:flex;justify-content:center}.stc-chat-members .chat-content .group_date span{display:block;background-color:#543cdf;color:#fff;font-size:12px;font-weight:700;padding:5px 20px;line-height:16px;border-radius:5px;text-align:center}.stc-chat-members .chat-content .message-item{display:flex;column-gap:15px;align-items:flex-start;margin-bottom:30px}.stc-chat-members .chat-content .message-item.me{flex-direction:row-reverse}.stc-chat-members .chat-content .message-item.me .messasge-content{padding-right:0;padding-left:70px}.stc-chat-members .chat-content .message-item.me .messasge-content .mess-edit .action{left:unset;right:0}.stc-chat-members .chat-content .message-item.me .mess-edit{left:unset;right:100%;padding-right:10px;margin-left:0}.stc-chat-members .chat-content .message-item.me .message-top{justify-content:flex-end}.stc-chat-members .chat-content .message-item .message-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stc-chat-members .chat-content .message-item .name{font-weight:700;color:var(--heading)}.stc-chat-members .chat-content .message-item .time{font-size:14px}.stc-chat-members .chat-content .message-item .reply-text{font-size:14px;opacity:.8}.stc-chat-members .chat-content .message-item .message{display:inline;word-break:break-word;line-height:unset;word-wrap:unset;margin:0!important;padding:0!important}.stc-chat-members .chat-content .message-item .message-wrap{display:block;position:relative;padding:12px;border-radius:5px;background:#F8F8F8}.stc-chat-members .chat-content .message-item .message-wrap:hover .mess-edit{opacity:1;visibility:visible}.stc-chat-members .chat-content .message-item .mess-edit{transition:all 0.3s;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;opacity:0;visibility:hidden;cursor:pointer}.stc-chat-members .chat-content .message-item .mess-edit .action{bottom:100%;transition:all 0.3s;position:absolute;left:0;background:#fff;box-shadow:0 14px 54px rgb(0 0 0 / .1);z-index:1;padding:8px;border-radius:3px;font-size:14px;text-align:left}.stc-chat-members .chat-content .users-avatar{max-width:40px;flex:0 0 40px;margin-top:-10px;position:relative}.stc-chat-members .chat-content .users-avatar img{width:100%;object-fit:cover;border-radius:50%}.stc-chat-members .chat-content .users-avatar.active:after{background:#5BBB7B}.stc-chat-members .chat-content .users-avatar:after{content:'';position:absolute;right:-3px;bottom:4px;width:10px;height:10px;border:1px solid #fff;background:#B9B9B9;border-radius:50%}.stc-chat-members .chat-content .like-mess{display:inline-block;margin-right:3px;color:#E0162B}.stc-chat-members .chat-content .conversation-user-info .row{margin:0}.stc-chat-members .chat-content .conversation-user-info .user-profile{text-align:center;margin-bottom:16px}.stc-chat-members .chat-content .conversation-user-info ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.stc-chat-members .chat-content .conversation-user-info ul a,.stc-chat-members .chat-content .conversation-user-info ul li{font-size:14px;font-weight:500;padding:3px 10px;background:#F5E9FF;border-radius:30px}.stc-chat-members .chat-content .conversation-user-info .members-title{font-weight:700;margin-top:7px;margin-bottom:3px}.stc-chat-members .chat-content .conversation-user-info .members-info{justify-content:center}.stc-chat-members .chat-content .conversation-user-info .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:14px;margin-top:12px}.stc-chat-members .chat-content .conversation-user-info .rating-percent{display:inline-block;background:var(--btn-bgcolor);color:#fff;font-weight:700;padding:6px 10px;margin-bottom:8px}.stc-chat-members .chat-content .conversation-user-info .rating-percent i{font-weight:400;color:#fff}.stc-chat-members .chat-content .conversation-user-info .use-profile-media{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;padding-bottom:10px;padding-top:15px;position:sticky;top:0;left:0;background:#fff;z-index:1}.stc-chat-members .chat-content .conversation-user-info .use-profile-media p{font-weight:700;font-family:var(--font-button);color:var(--heading)}.stc-chat-members .chat-content .conversation-user-info .use-profile-media a{border-radius:10px}.stc-chat-members .chat-content .conversation-user-info .use-profile-media a:hover{background:var(--btn-bgcolor);color:var(--btn-color)}.stc-chat-members .chat-content .conversation-user-info .use-profile-media a i{font-size:20px;margin-left:10px}.stc-chat-members .chat-content .conversation-user-info .user-avatar{overflow:hidden;border-radius:50%;max-width:80px;max-height:80px;margin:auto}.stc-chat-members #messages-inner{padding-top:24px}.stc-chat-members .conversation-action{position:relative}.stc-chat-members .conversation-action button{padding:0;background:#fff0;border:none;font-size:24px;color:var(--heading)}.stc-chat-members .conversation-action.opened>div{opacity:1;pointer-events:auto;transform:none}.stc-chat-members .conversation-action>div{transition:0.3s all;opacity:0;pointer-events:none;position:absolute;transform:translateY(10px);background-color:var(--light);box-shadow:0 4px 20px 2px rgb(16 30 87 / .07000000000000001);border-radius:5px;top:0;right:calc(110%);left:auto;min-width:180px}.rtl .stc-chat-members .conversation-action>div{left:calc(110%);right:auto}.stc-chat-members .conversation-action a{display:block;border-bottom:1px solid var(--border-color2);padding:5px 5px;text-align:center}.stc-chat-members .conversation-action a i{margin-left:auto;margin-right:5px}.rtl .stc-chat-members .conversation-action a i{margin-right:auto;margin-left:5px}.stc-chat-members .emojionearea .emojionearea-button:before{content:"\f118";font-family:'Font Awesome 5 Pro'}.stc-chat-members #form-create-messages{position:relative;padding:0 16px}.stc-chat-members #reply_edit_message_text{position:absolute;bottom:100%;width:calc(100% - 32px);background:#eff1f2;max-width:100%;padding:9px;border-bottom:1px solid #fffbff;border-radius:3px;font-size:14px}.stc-chat-members #reply_edit_message_text strong{font-weight:600;margin-right:5px}.stc-chat-members #reply_edit_message_text .close{font-size:24px;position:absolute;right:10px}.stc-chat-members .stc-messages-action{position:relative}.stc-chat-members .stc-messages-action textarea{height:auto;min-height:50px;border:2px solid var(--border-color2);border-radius:5px}.stc-chat-members .stc-messages-action .meassage-tool{margin-bottom:16px;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;position:relative}.stc-chat-members .stc-messages-action button[type="submit"]{background:var(--secondary_color);border:0;font-size:14px;font-weight:700;color:var(--heading);font-family:var(--font2);padding:5px;border-radius:5px}.stc-chat-members .stc-messages-action button[type="submit"] i{margin-right:8px;margin-left:auto}.rtl .stc-chat-members .stc-messages-action button[type="submit"] i{margin-left:8px;margin-right:auto}.stc-chat-members .stc-messages-action .meassage-media{display:flex;position:relative;align-items:center}.stc-chat-members .stc-messages-action .meassage-media .progress i{display:none}.stc-chat-members .stc-messages-action .meassage-media #progress-bar-fill{font-size:14px;top:2px;left:0}.stc-chat-members .stc-messages-action .meassage-media .loader{width:20px;height:20px;margin-left:-10px;margin-top:-12px}.stc-chat-members .stc-messages-action .meassage-media #send-gif{font-size:32px}.stc-chat-members .stc-messages-action .meassage-media .button{position:relative;padding:0;border:none;background:#fff0;font-size:24px;margin-right:12px;opacity:.7;color:#707070}.stc-chat-members .stc-messages-action .meassage-media .button:hover{opacity:1}.stc-chat-members .stc-messages-action #stc-file-container{width:auto;position:absolute;bottom:calc(100% + 15px);box-shadow:0 0 20px 20px rgb(0 0 0 / .05);padding:20px;background-color:#fff;opacity:0;pointer-events:none;visibility:hidden;z-index:2;width:100%}.stc-chat-members .stc-messages-action #stc-file-container.open{opacity:1;pointer-events:auto;visibility:visible}.stc-chat-members .stc-messages-action #stc-gif-container{width:300px;min-height:200px;position:absolute;bottom:calc(100% + 15px);box-shadow:0 0 20px 20px rgb(0 0 0 / .05);padding:20px;background-color:#fff;opacity:0;pointer-events:none;visibility:hidden}.stc-chat-members .stc-messages-action #stc-gif-container.open{opacity:1;pointer-events:auto;visibility:visible}.stc-chat-members .stc-messages-action #stc-gif-container #search-giphy{margin-bottom:15px}.stc-chat-members .stc-messages-action #stc-gif-container .gif-wap{max-height:300px;overflow:auto}.stc-chat-members .stc-messages-action #stc-gif-container .gif-row{column-count:2;column-gap:10px}.stc-chat-members .stc-messages-action #stc-gif-container .gif-row img{margin:0;display:grid;grid-template-rows:1fr auto;margin-bottom:10px;break-inside:avoid;width:100%;cursor:pointer}.stc-chat-members .stc-messages-action #stc-gift-container{position:absolute;width:auto;left:0;bottom:100%;opacity:0;pointer-events:none;visibility:hidden}.stc-chat-members .stc-messages-action #stc-gift-container.open{opacity:1;pointer-events:auto;visibility:visible}.stc-chat-members .stc-messages-action #stc-gift-container .gift-row{display:grid;grid-gap:20px;grid-template-columns:repeat(4,1fr);background-color:#fff;overflow:auto;height:300px;text-align:center;border-radius:10px;box-shadow:0 0 20px 20px rgb(0 0 0 / .05);padding:20px}.stc-chat-members .stc-messages-action #stc-gift-container .gift-item{cursor:pointer}.stc-chat-members .stc-messages-action #stc-gift-container .gift-item img{margin-bottom:15px}.stc-chat-members .conversation-item.active{background-color:var(--secondary);border-color:var(--secondary)}.stc-chat-members .conversation-item.active .users-info h6,.stc-chat-members .conversation-item.active .users-info .last-messages,.stc-chat-members .conversation-item.active .users-info .chat-status{color:var(--light)}.stc-chat-members .conversation-item.active .unread{background:var(--light);color:var(--secondary)}.stc-chat-members .conversation-item .last-messages{margin-top:4px;position:relative;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--heading)}.stc-chat-members .conversation-item .last-messages img{max-width:20px;border-radius:100%;margin-right:5px}.stc-chat-members .conversation-item .unread{position:absolute;right:0;bottom:0;height:20px;min-width:20px;background:var(--secondary);text-align:center;border-radius:50%;font-weight:700;font-size:12px;font-weight:600;color:var(--light)}@media (max-width:767px){.stc-chat-members:not(.loaded) .chat-content{display:none}.stc-chat-members.loaded .chat-sidebar{display:none}.stc-chat-members .back-conversation{display:block}.stc-chat-members .chat-content .conversation-header{padding-left:45px}}