.yp_side_menu.has_chat{margin-right: 54px;}
body.chat_open .yp_side_menu.has_chat{margin-right: 250px;}
.chat-removables{display:none !important;}
body.chat_open .chat-removables{display:flex !important;}
.chat-container{right:0}

textarea{font-size: 14.5px}
textarea.form-control{resize:none!important}
textarea.form-control.url-input{padding-top:3px;min-height:100px}
textarea.postText{border:none;padding-top:12px;padding-left:50px;height:45px;box-shadow:none}
.responsive-img{width:100%;max-width:100%}

#wo_useract_btn{color:#fff;border:0;transition:all .2s ease;padding:5px 10px;font-size: 14.5px;border-radius:3px;box-shadow:none}
#wo_useract_btn:hover{box-shadow:0 2px 4px rgba(0,0,0,.15)}
#wo_useract_btn svg{height:16px;width:16px;vertical-align:middle;margin:-3px 3px 0 -1px;fill:rgba(255,255,255,.32)}
.wo_follow_btn{background:linear-gradient(to right,#cc1e47 0,#ce3559  100%)!important}
.wo_follow_btn:hover{background:linear-gradient(to right,#d82d55 0,#e5375f  100%)!important}
.wo_following_btn{background:linear-gradient(to right,#f7710b 0,#f98c3e 100%)!important}
.wo_following_btn:hover{background:linear-gradient(to right,#f28435 0,#ff964c 100%)!important}
.wo_request_btn{background:linear-gradient(to right,#9E9E9E 0,#767372 100%)!important}

.messages-recipients-list img,.recipient-chat-user img{margin-right:5px}
.message p.white{color:#fff!important}
.chat-tab{right:195px}
#sendMessage,.chat-btns-w{background-color:#fff;}
.bg-main{background-color:#a84849}
.chat-colos-cont{width:100%;padding:5px}
.chat-colors-cont a{font-size:25px;cursor:pointer;display:inline-block;width:15%}
.chat-textarea .input-group-btn{right:30px}


/*Chat*/
.recipient-chat-user {position: relative;padding: 8px 10px;cursor: pointer;margin: 5px 0;transition: all 0.1s;}
.recipient-chat-user:hover {background-color: #f0f2f5 !important;}
.recipient-chat-user .new-message-alert {font-size: 13px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;background: #E91E63;border-radius: 50%;padding: 0;margin-right: 5px;}
.recipient-chat-user .user-info {display: flex;align-items: center;}
.recipient-chat-user img {width: 35px;min-width: 35px;height: 35px;border-radius: 100%;object-fit: cover;margin-right: 8px;}
.recipient-chat-user .chat-user-text {color: #353535;font-size: 14.5px;text-transform: capitalize;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 85px);}
.wow_chat_list-right {margin-left: auto;display: inline-flex;align-items: center;}
.recipient-chat-user .chat-loading-icon {display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;background: #fff;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: 7px;}
.recipient-chat-user .chat-loading-icon svg {width: 20px;height: 20px;}
.recipient-chat-user .chat-loading-icon:empty {width: 0;height: 0;}
.chat-container {max-height: 100%;overflow: auto;bottom: 0;color: #3f3f3f;height: 100%;position: fixed;right: 0;top: 0;width: 54px;padding-top: 60px;background: #ffffff;z-index: 66;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
body.chat_open .chat-container {width: 250px;}
.chat-container.full {min-height:100%}
.chat-container .online-toggle {padding: 10px;display: flex;align-items: center;}
.chat-container .online-toggle h3 {margin: 0;font-size: 18px;}
.chat-container .online-toggle .chat-status {margin-left: auto;display: inline-flex;align-items: center;}
.chat-container .online-toggle .chat-status .btn {display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, .04);height: 27px;margin-left: 8px;width: 27px;min-width: 27px;border-radius: 50%;border: 0;box-shadow: none;padding: 0;}
.chat-container .online-toggle .chat-status .btn svg {width: 19px;height: 19px;}
.chat-container .online-toggle .chat-status .dropdown-menu {min-width: 130px;}
.chat-container .online-toggle .chat-status .dropdown-menu li a {font-size: 14.5px;}
.chat-container .online-toggle .chat-status .dropdown-menu li a svg {width: 9px;height: 9px;margin: -2px 5px 0 0;}
.chat-container .online-toggle .chat-status .dropdown-menu li.divider {margin: 5px 0;}
.chat-container .wow_chat_search {padding: 10px;flex: 0 0 auto;}
.chat-container .wow_chat_search input {width: 100%;background-color: #f0f2f5;border-radius: 7px;height: 32px;border: 0;padding: 1px 12px;outline: 0;}
.chat-container .wo_chat_tabs {display: flex;justify-content: center;align-items: center;border: 0;text-align: center;margin:0px 0 14px;}
.chat-container .wo_chat_tabs li {float: none;margin: 0 3px;width: auto;}
.chat-container .wo_chat_tabs li a {padding: 7px 22px;height: auto;margin: 0;font-size: 14.5px;font-weight: 600;border: 0 !important;border-radius: 10px;color: #949494;cursor: pointer;}
.chat-container .wo_chat_tabs li a:hover {background-color: #ececec !important;}
.chat-container .wo_chat_tabs li.active a {background: #f0e3e3 !important;cursor: pointer !important;}
.chat-container .wo_chat_tabs li a svg {width: 20px;height: 20px;margin-top: -2px;}
.online-content-toggler {max-height:40%;overflow-y: auto;-webkit-flex: 1 auto;-ms-flex: 1 auto;flex: 1 auto;flex-grow: 1;display: none;}
.online-content-toggler .empty_state {font-size: 14.5px;}
.online-content-toggler .empty_state svg {width: 50px;height: 50px;margin: 0 auto 10px;}
.chat-opacity {width: 250px;position: fixed;height: 100%;display: none;background-color: rgba(255, 255, 255, 0.3);z-index: 2;backdrop-filter: blur(6px);top: 45px;right: 0;align-items: center;justify-content: center;}
.chat-opacity.active {display:flex;}
.chat-opacity .empty_state {margin: -45px 0 0;padding: 0 10px;}
.chat-opacity .empty_state .btn {margin-top: 30px;box-shadow: none;background-color: #03A9F4;color: #ffffff;}
.wow_group_chat_image, .wow_group_chat_image img {min-height: 180px;max-height: 180px;}
.group_chat_mbr_list {width:100%;max-height:200px;overflow-x:auto;position: absolute;background: #fff;z-index: 9;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);border-radius: 0 0 4px 4px;}
.group_chat_mbr_list:empty {padding: 0;box-shadow: none;}
.group_chat_mbr_list p.no_participant {width:100%;line-height:90px;text-align:center;font-size:15px;margin: 0;}
.group_chat_mbr_part {border-bottom:1px solid #eaeaea;width: 100%;padding: 10px;}
.group_chat_mbr_part:last-child {border-bottom:none}
.group_chat_mbr_part .avatar {width: 37px;height: 37px;margin-right: 10px;}
.group_chat_mbr_part .avatar img {width: 100%;height: 100%;border-radius: 50%;}
.group_chat_mbr_part .user-name {font-weight: bold;font-size: 15px;text-transform: capitalize;}
.group_chat_mbr_part .user-lastseen, .group_chat_mbr_part .user-lastseen .small-last-seen {font-size: 13px;color: #7b7b7b;}
.chat_main{position:fixed;bottom:0;width:300px;color:#333;z-index:9;border-radius: 10px 10px 0 0;right:270px;box-shadow: 0 12px 28px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 4%);}
.chat_main:nth-child(2){right:585px}
.chat_main:nth-child(3){right:900px}
.chat-tab .online-toggle-hdr {width:100%; min-height: 60px; font-size: 14.5px;padding:11px;border-radius: 10px 10px 0 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.06);position:relative;display: flex;align-items: center;justify-content: space-between;}
.wow_chat_hdr_usr {display: inline-flex;align-items: center;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;min-width: 0;}
.wow_chat_hdr_usr .avatar {width: 28px;min-width: 28px;height: 28px;margin-right: 8px;}
.wow_chat_hdr_usr .avatar img {width: 100%;height: 100%;border-radius: 50%;}
.wow_chat_hdr_usr > div {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.wow_chat_hdr_usr a {text-decoration: none;}
.wow_chat_hdr_usr h3 {margin: 0;font-size: 14.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;line-height: normal;}
.wow_chat_hdr_usr .chat-tab-status {margin: -1px 0 -2px;display: none;font-size: 10px; padding:  0px 5px 0px 5px;}
.wow_chat_hdr_usr .chat-tab-status.active {display: block;color:#7dd181;}
/*.chat-tab .online-toggle-hdr.white_online .chat-tab-status.active {color: #ffffff;}
.chat-tab .online-toggle-hdr.white_online a {color: #ffffff;}
.chat-tab .online-toggle-hdr.white_online svg {color: #ffffff; fill: #ffffff;}*/
.chat-tab .online-toggle-hdr.white_online {
    animation: mymove 1.5s infinite;
}


@keyframes mymove {
    0% {background-color: #fff;}
    50% {background-color: #fffaf2;}
    100% {background-color: #fff;}
}

.chat-tab .online-toggle-hdr, .wow_thread_head {
    background: #fff;
    color: #444;
}
.chat-tab .online-toggle-hdr a {
    color: #444;
}
.post-file .plyr--fullscreen-enabled video {
    max-height: none;
}
.wow_chat_hdr_usr .chat-tab-status svg {width: 7px;height: 7px;margin-top: -1px;}
.chat-tab .online-toggle-hdr .close-chat {flex: 0 0 auto;}
.chat-tab .online-toggle-hdr .close-chat a {display: inline-block;line-height: 1;}
.chat-tab .online-toggle-hdr .close-chat svg {width: 23px;
    height: 23px;
    margin: 1px; border-radius:max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; padding: 3px; transition: all 0.1s;}
.chat-tab .online-toggle-hdr .close-chat svg.disabled {opacity: 0.4;}
.chat-tab .online-toggle-hdr .close-chat svg:hover {background: rgba(0, 0, 0, 0.1)}


.chat-tab .online-toggle-hdr h3 {
    transition: all 0.1s;
    padding:  3px 5px 3px 5px;
    border-radius:max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.chat-tab .online-toggle-hdr h3:hover {
    background: rgba(0, 0, 0, 0.03);
}
.chat-tab .online-toggle-hdr img:hover {
    -webkit-filter: brightness(89%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.chat-user-desc {padding:10px;display:none;align-items: center;justify-content: center;height: 274px;flex-direction: column;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
.chat-user-desc.chat-user-desc-show {display: flex;}
.chat-user-desc img {width: 80px;height: 80px;border-radius: 50%;margin-bottom: 15px;}
.chat-user-desc .text {text-align: center;}
.chat-user-desc .head-text {font-size: 14.5px;color:#000;margin-bottom: 5px;}
.chat-user-desc .desc-text {font-size: 14.5px;color:#6b6b6b;}
.chat-user-desc .desc-text svg {margin-top:-2px;width:13px;height:13px}
.chat-messages-wrapper{height:280px;max-height:300px;overflow:auto;overflow-x:hidden;background-color:#fff;width:300px;padding-top: 6px;}
.chat-messages-wrapper .incoming{max-width:65%}
.chat-messages-wrapper .incoming p .hash{color:#333!important}
.chat-messages-wrapper .outgoing .message-media a{color:#fff}
.chat-messages-wrapper .messages-wrapper{border:none;padding:4px 12px;position: relative;}
.chat-messages-wrapper .incoming, .chat-messages-wrapper .outgoing {max-width:75%;position: relative;}
.chat-messages-wrapper .message-group_owner {font-weight: bold;font-size: 13px;margin: 3px 1px 2px;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
.chat-messages-wrapper .message-group_owner a {text-decoration: none;}
.chat-messages-wrapper .incoming .message-text, .chat-messages-wrapper .outgoing .message-text {border-radius:15px;padding: 6px 14px;font-size: 14.5px;color:#333;background-color:#f0f2f5;}
.chat-messages-wrapper .messages-wrapper .message-media {border-radius:15px;overflow:hidden;line-height: 1;display: flex;}
.chat-messages-wrapper .messages-wrapper .message-media > a:not(.file-sharing-download-btn) {text-decoration: none;border-radius: 15px;padding: 6px 10px;font-size: 14.5px;line-height: 16px;}
.chat-messages-wrapper .messages-wrapper .incoming .message-media > a:not(.file-sharing-download-btn) {background-color: #f0f2f5;}
.chat-messages-wrapper .messages-wrapper .message-typing{margin-top:10px}
.chat-messages-wrapper .messages-wrapper .message-typing:empty{margin-top:0}
.chat-messages-wrapper .messages-wrapper .message-typing svg {margin-left:  5px}
.chat-messages-wrapper .messages-wrapper .name{color:#666;font-size: 12px}
.chat-messages-wrapper .messages-wrapper .user-avatar-right{float:right;width:30px;margin-left:10px;border-radius:50%}
.chat-messages-wrapper .messages-wrapper .user-avatar-left{float:left;width:30px;margin-right:10px;border-radius:50%}
.chat-messages-wrapper .media-video-file{width:100%;border-radius:1px;padding:0;margin-top:0;border:none}
.chat-messages-wrapper .file-sharing-download-btn{margin-top:1px}
.chat-messages-wrapper .image-file{max-width:100%;border:0;max-height:150px;border-radius:0}
.chat-messages-wrapper .message-details{margin-right:0;margin-top:2px;font-size: 12px;}
.btn-chat {width:50.2%;border-radius:0;font-size: 14.5px;margin-top:0}
.chat-textarea {width:100%;background-color:#fff}
.chat-textarea textarea {width: calc(100% - 24px);
    height: 36px;
    border-radius: 2em;
    padding: 7px 12px;
    font-size: 14px;
    resize: none;
    max-height: 36px;
    border: 0;
    background: #f0f2f5 !important;
    margin: 10px 12px 10px;}
.chat-textarea .chat-btns-w {padding: 1px 10px 8px;display: flex;align-items: center;justify-content: space-between;}
.chat-textarea .chat-btns-w .ball-pulse {margin: 0;line-height: 26px;transform: scale(0.7);}
.chat-textarea .chat-btns-w .btn-file {padding: 0;display: inline-flex;border: 0;cursor: pointer;box-shadow: none;width: 27px;height: 27px;border-radius: 50%;align-items: center;justify-content: center;transition: all 0.15s;margin: 0 2px;}
.chat-textarea .chat-btns-w .btn-file:hover {background-color: rgba(0, 0, 0, 0.07);}
.chat-textarea .chat-btns-w .record_timei {position: absolute;bottom: 11px;padding: 4px 7px;background-color: #fff;right: 45px;border-radius: 6px;box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.19);line-height: 1;font-weight: bold;font-size: 13px;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
.chat-textarea .chat-btns-w .chat_optns {color:#5b5b5b}
.chat-textarea .chat-btns-w .chat_optns svg {width:22px;height:22px;}
.chat-textarea .chat-btns-w .chat_optns.dropup {position: static;}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu {left: 0;right: 0;height: 280px;padding: 0;bottom: 45px;margin: 0;}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state {margin: 83px 0;}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state svg {width: 60px;height: 60px;color: #ffffff;}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu.wow_choose_chat_clrs {bottom: 92px;box-shadow: none;border-radius: 0;background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(10px);}
.wow_choose_chat_clrs .chat-colors-cont {width: 100%;height: 100%;padding: 15px;}
.wow_choose_chat_clrs .chat-colors-cont a {width: auto;line-height: 1;font-size: inherit;margin: 5px 3px;}
.wow_choose_chat_clrs .chat-colors-cont a svg {width: 40px !important;height: 40px !important;border-radius: 50%;transition: all 0.15s;}
.wow_choose_chat_clrs .chat-colors-cont a svg:hover {box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);opacity: 0.8;}
.chat-textarea .chat-btns-w .chat_optns .emo-container, .emo-message-container, .publisher-box-emooji {max-height: 280px;overflow-y: auto;display: block !important;}
.publisher-box-emooji {min-width: 260px;}
.chat-textarea .chat-btns-w .chat_optns .emo-container span, .emo-message-container span, .publisher-box-emooji span {display: inline-flex;
    margin: 1px;
    padding: 2px;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    transition: all 0.15s;
    cursor: pointer;
    font-size: 21px;}
.chat-textarea .chat-btns-w .chat_optns .emo-container span:hover {background-color: #efefef;}
.chat-textarea .chat-btns-w .chat_optns .emo-container span i {width: 25px;height: 25px;background-size: 25px 25px;margin: 0;}
#chat-box-stickers {height:280px}
#chat-box-stickers input {padding-left:10px;border:none;width:100%;border-radius:0;border-bottom:1px solid #f0f0f0}
#chat-box-stickers #chat-box-stickers-cont img, #chat-box-stickers #chat-box-stickers-cont video {height:83px;max-height:85px}
#chat-box-stickers-cont {width:100%;overflow:scroll;max-height:280px}
#chat-box-stickers input+#chat-box-stickers-cont {max-height:260px}
#chat-box-stickers-cont img, #chat-box-stickers-cont video {width:50%;height:80px;display:inline;cursor:pointer;float:left}

.w100{width:100%;overflow:hidden}
.record-chat-audio{padding:3px;color:#333}
.chat-recording-time{color:#333;font-size: 14.5px;font-family:Hind,sans-serif}

.messages-wrapper {
    width: 100%;
    padding: 5px;
}

/*Mat Modal*/
.wow_pops_head {position: relative;background: #8b6060;color: #fff;text-align: center;padding: 25px 0 115px;border-radius: 3px 3px 0 0;margin-bottom: -50px;}
.wow_pops_head > svg {position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;color: #fff;}
.wow_pops_head > svg path:first-child, .wow_pops_head > svg path:nth-child(2) {display: none;}
.wow_pops_head .close {position: absolute;top: 7px;right: 7px;padding: 0;opacity: 0.4;text-shadow: none;color: white;}
.wow_pops_head .close:hover {opacity: 1;}
.wow_pops_head h4 {margin: 0;font-weight: 400;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;font-size: 19px;}
.wow_pops_head h4 svg {width: 27px;height: 27px;margin: -2px 2px 0 0;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;padding: 5px;}
.wow_mat_mdl .modal-content {box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);padding: 24px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;border: 0;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
.wow_mat_mdl .modal-header {border: 0;background: transparent !important;padding: 0;margin: 0 0 20px;}
.wow_mat_mdl .modal-header .modal-title {font-size: 20px;line-height: 32px;font-weight: bold;}
.wow_mat_mdl .modal-body {padding: 0;font-size: 15px;}
.wow_mat_mdl .modal-footer {margin: 0;padding: 10px 0 0;border: 0;}
.wow_mat_mdl .modal-footer .btn.main {box-shadow: none;background: transparent;}
.wow_mat_mdl .modal-footer .btn.main:before {opacity: 0.15;}

/*Form Fields*/
.wow_form_fields {position: relative;margin: 15px 0;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
.wow_form_fields > label {font-weight: bold;font-size: 14.5px;display: block;}
.wow_form_fields input, .wow_form_fields textarea, .wow_form_fields select, .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {background-color: transparent;box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;transition: background-color 240ms, box-shadow 240ms;color: #393d4a;font-weight: 400;font-size: 16px;line-height: 28px;padding: 8px;width: 100%;border: 0;outline: 0;}
.wow_form_fields input, .wow_form_fields select {height: 44px;}
.wow_form_fields textarea {resize: vertical;}
.wow_form_fields input:focus, .wow_form_fields textarea:focus, .wow_form_fields select:focus, .wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle:focus, .wow_form_fields .bootstrap-tagsinput:focus {box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;}
.wow_form_fields input[disabled] {background-color: #f0f2f5;}
.wow_form_fields > .bootstrap-select.btn-group {width: 100% !important;}
.wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {height: 44px;outline: 0 !important;padding-right: 40px;}
.wow_form_fields .bootstrap-tagsinput {border: 0;padding: 0 8px;background-color: transparent;box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;transition: background-color 240ms, box-shadow 240ms;}
.wow_form_fields .bootstrap-tagsinput input {box-shadow: none;width: auto;}

/* Create Group Chat Image */
.wow_fcov_image {position: relative;width: 100%;min-height:350px;background: #f7f7f7;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;margin-top: 10px;}
.wow_fcov_image > div {width: 100%;height: 100%;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;}
.wow_fcov_image > div#productimage-holder {white-space: normal;padding: 0;min-height: 350px;display: grid;grid-gap: 10px;grid-template-columns: 1fr 1fr 1fr;}
.wow_fcov_image > div#productimage-holder .thumb-image {width: 100%;height: auto;margin: 0;min-height: auto;}
.wow_fcov_image img {width: 100%;height: 100%;min-height:350px;max-height:350px;object-fit: cover;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;}
.wow_fcov_image .upload_ad_image {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;justify-content: center;cursor: pointer;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.3) 100%);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 15px;}
.wow_fcov_image .upload_ad_image .upload_ad_image_content {color: white;font-size: 15px;}
.wow_fcov_image .upload_ad_image .upload_ad_image_content svg {display: block;margin: 0 auto 8px;width: 30px;height: 30px;}

@media (min-width:1140px) {
    .online-content-toggler {
        display: block !important;
        max-height: 100%
    }
}

/*Reply Message*/
.text-sender-container .messagejoint {display: flex;flex-direction: column;height: calc(100vh - 129px);}
.text-sender-container .sendMessages {flex-shrink: 0;}
.wo_reply_msg_bg {padding: 5px 7px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;margin-top: 7px;}
.text-sender-container .message-contnaier.margin-active {margin-bottom: 25px;}
.text-sender-container .incoming .message-model .message .wo_reply_msg_bg {background: #ddd;}
.text-sender-container .outgoing .message-model .message .wo_reply_msg_bg, .chat-messages-wrapper .outgoing .message-text .wo_reply_msg_bg {background: rgb(0 0 0 / 40%);}
.text-sender-container .message-contnaier .reactions-box {top: -30px;}
.text-sender-container .message-contnaier:first-child .reactions-box {top: -10px;}
.message_reply_text, .message_reply_story_text, .chat_reply_text {display: flex;align-items: center;margin: 5px 30px -5px;background: #f8f8f8;padding: 8px;border-radius: 12px;box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);}
.message_reply_text span, .chat_reply_text span {flex: 1;}
.message_reply_text p, .chat_reply_text p {margin: 0;}
.message_reply_text svg, .message_reply_story_text svg, .chat_reply_text svg {margin-left: auto;}
.chat_reply_text, .chat-textarea .message_reply_story_text {margin: 10px 10px 3px;padding: 5px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;}
.chat-messages-wrapper .messages-wrapper:first-child .reactions-box {top: -10px;}
.chat-messages-wrapper .messages-wrapper .reactions-box {top: -30px;transform: scale(0.8);width: 292px;}
.chat-messages-wrapper .wo_reply_msg_bg .message-text {padding: 0;background: transparent !important;}
.chat-messages-wrapper .incoming .message-text .wo_reply_msg_bg {background: #cdcdcd;}
.text-sender-container .message-contnaier .message-seen.message-details {text-align: end;margin: 3px 0 0;}
.text-sender-container .message-contnaier .message-seen.message-details:empty {margin: 0;}
.text-sender-container .message-contnaier .message-typing.message-details {margin-top: 4px;}
.text-sender-container .message-contnaier .message-typing.message-details:empty {margin-top: 0;}


/* Changing color */
.chat-tab .chat-textarea .chat-btns-w .chat_optns {
    color: #a52729;
    fill: #a52729;
}

/*Dropdown*/
.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;box-shadow:0 12px 28px 0 rgba(0, 0, 0, 0.20),0 2px 4px 0 rgba(0, 0, 0, 0.1),inset 0 0 0 1px rgba(255, 255, 255, 0.5);padding: 8px 0;transform: scale3d(.8,.8,1);transform-origin: right top;display: block;opacity: 0;visibility: hidden;border: 0;}
.dropdown-menu.toleft {transform-origin: left top !important;}
.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;transform: none;opacity: 1;visibility: visible;}
.dropdown-menu:not(.notfi-dropdown) > li > a {padding: 5px 15px;line-height: 30px;}

/** Input **/
.btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

/*Reactions*/
.small-texts {font-weight: 100;}
.wo-reaction{max-width:100%;padding:0 60px;/*position: relative;*/}
.like-btn {position: relative;cursor: pointer;display: block;}
.wo-reaction .like-btn .active-like {display: flex;align-items: center;justify-content: center;}

.like-btn-default {
    background-image: url('../reaction/wo.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -277px -446px;
}
.like-btn-emo {
    display: inline-block;
    margin: 0 6px -3px 0;
    width: 16px;
    height: 16px;
}
.reactions-box {background: #ffffff;/*width: 292px;*/padding: 2px;position: absolute;top: -51px;z-index: 999;left: -10px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);border-radius: 2em;cursor: default;display: none;}
.reaction {list-style-type: none;cursor: pointer;display: inline-block;width: 48px;height: 48px;float: left;opacity: 1;border-radius: 50%;transform: scale(1);transition: transform .25s ease;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);}
.reactions-box .reaction img {
    padding: 5px;
}

.reaction-1 img {
    animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: bounce;transform-origin: center bottom;
}
.reaction-2 img {
    animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: heartBeat;animation-timing-function: ease-in-out;
}
.reaction-3 img {
    animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: swing;transform-origin: top center;
}
.reaction-4 img {
    animation-fill-mode: both;animation-duration: 1s;animation-iteration-count: infinite;animation-name: pulse;animation-timing-function: ease-in-out;
}
.reaction-5 img {
    animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: fadeInDown;
}
.reaction-6 img {
    animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: headShake;animation-timing-function: ease-in-out;
}


@keyframes bounce {
    from, 20%, 53%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -2px, 0) scaleY(1.1);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -1px, 0) scaleY(1.05);
    }
    80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }
    90% {
        transform: translate3d(0, -1px, 0) scaleY(1.02);
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1);
    }
    14% {
        transform: scale(1.05);
    }
    28% {
        transform: scale(1);
    }
    42% {
        transform: scale(1.05);
    }
    70% {
        transform: scale(1);
    }
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 2deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -2deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -2deg);
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 1;
        transform: translate3d(0, -5%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }
    6.5% {
        transform: translateX(-2px) rotateY(-9deg);
    }
    18.5% {
        transform: translateX(1px) rotateY(7deg);
    }
    31.5% {
        transform: translateX(-1px) rotateY(-5deg);
    }
    43.5% {
        transform: translateX(1px) rotateY(3deg);
    }
    50% {
        transform: translateX(0);
    }
}



/* .like-btn:hover .reactions-box {	display: block; } */

/*.animated_2 {-webkit-animation-duration: 0.1s;animation-duration: 0.1s;}
.animated_4 {-webkit-animation-duration: 0.2s;animation-duration: 0.2s;}
.animated_6 {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.animated_8 {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.animated_10 {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}
.animated_12 {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}*/

.emoji {width: 120px;height: 120px;background: #FFDA6A;border-radius: 50%;position: relative;transform: scale(0.325);top: -76%;right: 76%;}

.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {position: absolute;}
.emoji__face:before, .emoji__face:after, .emoji__eyebrows:before, .emoji__eyebrows:after, .emoji__eyes:before, .emoji__eyes:after, .emoji__mouth:before, .emoji__mouth:after, .emoji__tongue:before, .emoji__tongue:after, .emoji__heart:before, .emoji__heart:after, .emoji__hand:before, .emoji__hand:after, .emoji__thumb:before, .emoji__thumb:after {position: absolute;content: '';}

.emoji__face {width: inherit;height: inherit;}

.emoji--like {background: #548DFF;}
.emoji--like .emoji__hand {left: 25px;bottom: 30px;width: 20px;height: 40px;background: #FFFFFF;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;z-index: 0;-webkit-animation: hands-up 2s linear infinite;animation: hands-up 2s linear infinite;}
.emoji--like .emoji__hand:before {left: 25px;bottom: 5px;width: 40px;background: inherit;height: 10px;border-radius: 2px 10px 10px 2px;box-shadow: 1px -9px 0 1px #FFFFFF, 2px -19px 0 2px #FFFFFF, 3px -29px 0 3px #FFFFFF;}
.emoji--like .emoji__thumb {border-bottom: 20px solid #FFFFFF;border-left: 20px solid transparent;top: -25px;right: -25px;z-index: 2;-webkit-transform: rotate(5deg);transform: rotate(5deg);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-animation: thumbs-up 2s linear infinite;animation: thumbs-up 2s linear infinite;}
.emoji--like .emoji__thumb:before {border-radius: 50% 50% 0 0;background: #FFFFFF;width: 10px;height: 12px;left: -10px;top: -8px;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;box-shadow: -1px 4px 0 -1px #FFFFFF;}

.emoji--love {background: #F55064;}
.emoji--love .emoji__heart {left: calc(50% - 40px);top: calc(50% - 40px);width: 80px;height: 80px;-webkit-animation: heart-beat 1s linear infinite alternate;animation: heart-beat 1s linear infinite alternate;}
.emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after {left: calc(50% - 20px);top: calc(50% - 32px);width: 40px;height: 64px;background: #FFFFFF;border-radius: 20px 20px 0 0;}
.emoji--love .emoji__heart:before {-webkit-transform: translate(20px) rotate(-45deg);transform: translate(20px) rotate(-45deg);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.emoji--love .emoji__heart:after {-webkit-transform: translate(-20px) rotate(45deg);transform: translate(-20px) rotate(45deg);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}

.emoji--haha .emoji__face {-webkit-animation: haha-face 2s linear infinite;animation: haha-face 2s linear infinite;}
.emoji--haha .emoji__eyes {width: 26px;height: 6px;border-radius: 2px;left: calc(50% - 13px);top: 35px;-webkit-transform: rotate(20deg);transform: rotate(20deg);background: transparent;box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;}
.emoji--haha .emoji__eyes:after {left: 0;top: 0;width: 26px;height: 6px;border-radius: 2px;-webkit-transform: rotate(-40deg);transform: rotate(-40deg);background: transparent;box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;}
.emoji--haha .emoji__mouth {width: 80px;height: 40px;left: calc(50% - 40px);top: 50%;background: #000000;border-radius: 0 0 40px 40px;overflow: hidden;z-index: 1;-webkit-animation: haha-mouth 2s linear infinite;animation: haha-mouth 2s linear infinite;}
.emoji--haha .emoji__tongue {width: 70px;height: 30px;background: #F55064;left: calc(50% - 35px);bottom: -10px;border-radius: 50%;}

.emoji--wow .emoji__face {-webkit-animation: wow-face 3s linear infinite;animation: wow-face 3s linear infinite;}
.emoji--wow .emoji__eyebrows {left: calc(50% - 3px);height: 6px;width: 6px;border-radius: 50%;background: transparent;box-shadow: -18px 0 0 0 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000, 33px 0 0 0 #000000;-webkit-animation: wow-brow 3s linear infinite;animation: wow-brow 3s linear infinite;}
.emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after {width: 24px;height: 20px;border: 6px solid #000000;box-sizing: border-box;border-radius: 50%;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;top: -3px;left: calc(50% - 12px);}
.emoji--wow .emoji__eyebrows:before {margin-left: -25px;}
.emoji--wow .emoji__eyebrows:after { margin-left: 25px;}
.emoji--wow .emoji__eyes { width: 16px;height: 24px;left: calc(50% - 8px);top: 35px;border-radius: 50%;background: transparent;box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;}
.emoji--wow .emoji__mouth {width: 30px;height: 45px;left: calc(50% - 15px);top: 50%;border-radius: 50%;background: #000000;-webkit-animation: wow-mouth 3s linear infinite;animation: wow-mouth 3s linear infinite;}

.emoji--sad .emoji__face {-webkit-animation: sad-face 2s ease-in infinite;animation: sad-face 2s ease-in infinite;}
.emoji--sad .emoji__eyebrows {left: calc(50% - 3px);top: 35px;height: 6px;width: 6px;border-radius: 50%;background: transparent;box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;}
.emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after {width: 30px;height: 20px;border: 6px solid #000000;box-sizing: border-box;border-radius: 50%;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;top: 2px;left: calc(50% - 15px);}
.emoji--sad .emoji__eyebrows:before {margin-left: -30px;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
.emoji--sad .emoji__eyebrows:after {margin-left: 30px;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.emoji--sad .emoji__eyes {width: 14px;height: 16px;left: calc(50% - 7px);top: 50px;border-radius: 50%;background: transparent;box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;}
.emoji--sad .emoji__eyes:after {background: #548DFF;width: 12px;height: 12px;margin-left: 6px;border-radius: 0 100% 40% 50% / 0 50% 40% 100%;-webkit-transform-origin: 0% 0%;transform-origin: 0% 0%;-webkit-animation: tear-drop 2s ease-in infinite;animation: tear-drop 2s ease-in infinite;}
.emoji--sad .emoji__mouth {width: 60px;height: 80px;left: calc(50% - 30px);top: 80px;box-sizing: border-box;border: 6px solid #000000;border-radius: 50%;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;background: transparent;-webkit-animation: sad-mouth 2s ease-in infinite;animation: sad-mouth 2s ease-in infinite;}
.emoji--sad .emoji__mouth:after {width: 6px;height: 6px;background: transparent;border-radius: 50%;top: 4px;left: calc(50% - 3px);box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;}

.emoji--angry {background: linear-gradient(#D5234C -10%, #FFDA6A);background-size: 100%;-webkit-animation: angry-color 2s ease-in infinite;animation: angry-color 2s ease-in infinite;}
.emoji--angry .emoji__face {-webkit-animation: angry-face 2s ease-in infinite;animation: angry-face 2s ease-in infinite;}
.emoji--angry .emoji__eyebrows {left: calc(50% - 3px);top: 55px;height: 6px;width: 6px;border-radius: 50%;background: transparent;box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;}
.emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after {width: 50px;height: 20px;border: 6px solid #000000;box-sizing: border-box;border-radius: 50%;border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;top: 0;left: calc(50% - 25px);}
.emoji--angry .emoji__eyebrows:before {margin-left: -25px;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
.emoji--angry .emoji__eyebrows:after {margin-left: 25px;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
.emoji--angry .emoji__eyes {width: 12px;height: 12px;left: calc(50% - 6px);top: 70px;border-radius: 50%;background: transparent;box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;}
.emoji--angry .emoji__mouth {width: 36px;height: 18px;left: calc(50% - 18px);bottom: 15px;background: #000000;border-radius: 50%;-webkit-animation: angry-mouth 2s ease-in infinite;animation: angry-mouth 2s ease-in infinite;}

@-webkit-keyframes slideUp {
    0%{opacity: 0;transform: translateY(30px);}
    100%{opacity: 1;transform: translateY(0px);}
}
@keyframes slideUp {
    0%{opacity: 0;transform: translateY(30px);}
    100%{opacity: 1;transform: translateY(0px);}
}

@-webkit-keyframes heart-beat {
    25% {-webkit-transform: scale(1.1);transform: scale(1.1);}
    75% {-webkit-transform: scale(0.6);transform: scale(0.6);}
}
@keyframes heart-beat {
    25% {-webkit-transform: scale(1.1);transform: scale(1.1);}
    75% {-webkit-transform: scale(0.6);transform: scale(0.6);}
}

@-webkit-keyframes haha-face {
    10%, 30%, 50% {-webkit-transform: translateY(25px);transform: translateY(25px);}
    20%, 40% {-webkit-transform: translateY(15px);transform: translateY(15px);}
    60%, 80% {-webkit-transform: translateY(0);transform: translateY(0);}
    70%, 90% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes haha-face {
    10%, 30%, 50% {-webkit-transform: translateY(25px);transform: translateY(25px);}
    20%, 40% {-webkit-transform: translateY(15px);transform: translateY(15px);}
    60%, 80% {-webkit-transform: translateY(0);transform: translateY(0);}
    70%, 90% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@-webkit-keyframes haha-mouth {
    10%, 30%, 50% {-webkit-transform: scale(0.6);transform: scale(0.6);top: 45%;}
    20%, 40% {-webkit-transform: scale(0.8);transform: scale(0.8);top: 45%;}
    60%, 80% {-webkit-transform: scale(1);transform: scale(1);top: 50%;}
    70% {-webkit-transform: scale(1.2);transform: scale(1.2);top: 50%;}
    90% {-webkit-transform: scale(1.1);transform: scale(1.1);top: 50%;}
}
@keyframes haha-mouth {
    10%, 30%, 50% {-webkit-transform: scale(0.6);transform: scale(0.6);top: 45%;}
    20%, 40% {-webkit-transform: scale(0.8);transform: scale(0.8);top: 45%;}
    60%, 80% {-webkit-transform: scale(1);transform: scale(1);top: 50%;}
    70% {-webkit-transform: scale(1.2);transform: scale(1.2);top: 50%;}
    90% {-webkit-transform: scale(1.1);transform: scale(1.1);top: 50%;}
}

@-webkit-keyframes wow-face {
    15%, 25% {-webkit-transform: rotate(20deg) translateX(-25px);transform: rotate(20deg) translateX(-25px);}
    45%, 65% {-webkit-transform: rotate(-20deg) translateX(25px);transform: rotate(-20deg) translateX(25px);}
    75%, 100% {-webkit-transform: rotate(0deg) translateX(0);transform: rotate(0deg) translateX(0);}
}
@keyframes wow-face {
    15%, 25% {-webkit-transform: rotate(20deg) translateX(-25px);transform: rotate(20deg) translateX(-25px);}
    45%, 65% {-webkit-transform: rotate(-20deg) translateX(25px);transform: rotate(-20deg) translateX(25px);}
    75%, 100% {-webkit-transform: rotate(0deg) translateX(0);transform: rotate(0deg) translateX(0);}
}
@-webkit-keyframes wow-brow {
    15%, 65% {top: 25px;}
    75%, 100%, 0% {top: 15px;}
}
@keyframes wow-brow {
    15%, 65% {top: 25px;}
    75%, 100%, 0% {top: 15px;}
}
@-webkit-keyframes wow-mouth {
    10%, 30% {width: 20px;height: 20px;left: calc(50% - 10px);}
    50%, 70% {width: 30px;height: 40px;left: calc(50% - 15px);}
    75%, 100% {height: 50px;}
}
@keyframes wow-mouth {
    10%, 30% {width: 20px;height: 20px;left: calc(50% - 10px);}
    50%, 70% {width: 30px;height: 40px;left: calc(50% - 15px);}
    75%, 100% {height: 50px;}
}

@-webkit-keyframes sad-face {
    25%, 35% {top: -15px;}
    55%, 95% {top: 10px;}
    100%, 0% {top: 0;}
}
@keyframes sad-face {
    25%, 35% {top: -15px;}
    55%, 95% {top: 10px;}
    100%, 0% {top: 0;}
}
@-webkit-keyframes sad-mouth {
    25%, 35% {-webkit-transform: scale(0.85);transform: scale(0.85);top: 70px;}
    55%, 100%, 0% {-webkit-transform: scale(1);transform: scale(1);top: 80px;}
}
@keyframes sad-mouth {
    25%, 35% {-webkit-transform: scale(0.85);transform: scale(0.85);top: 70px;}
    55%, 100%, 0% {-webkit-transform: scale(1);transform: scale(1);top: 80px;}
}
@-webkit-keyframes tear-drop {
    0%, 100% {display: block;left: 35px;top: 15px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
    25% {display: block;left: 35px;-webkit-transform: rotate(45deg) scale(2);transform: rotate(45deg) scale(2);}
    49.9% {display: block;left: 35px;top: 65px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
    50% {display: block;left: -35px;top: 15px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
    75% {display: block;left: -35px;-webkit-transform: rotate(45deg) scale(2);transform: rotate(45deg) scale(2);}
    99.9% {display: block;left: -35px;top: 65px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
}
@keyframes tear-drop {
    0%, 100% {display: block;left: 35px;top: 15px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
    25% {display: block;left: 35px;-webkit-transform: rotate(45deg) scale(2);transform: rotate(45deg) scale(2);}
    49.9% {display: block;left: 35px;top: 65px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
    50% {display: block;left: -35px;top: 15px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
    75% {display: block;left: -35px;-webkit-transform: rotate(45deg) scale(2);transform: rotate(45deg) scale(2);}
    99.9% {display: block;left: -35px;top: 65px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);}
}

@-webkit-keyframes hands-up {
    25% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-webkit-transform: rotate(-15deg) translateY(-10px);transform: rotate(-15deg) translateY(-10px);}
    75%, 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes hands-up {
    25% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-webkit-transform: rotate(-15deg) translateY(-10px);transform: rotate(-15deg) translateY(-10px);}
    75%, 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes thumbs-up {
    25% {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
    50%, 100% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}
}
@keyframes thumbs-up {
    25% {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
    50%, 100% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}
}

@-webkit-keyframes angry-color {
    45%, 60% {background-size: 250%;}
    85%, 100%, 0% {background-size: 100%;}
}
@keyframes angry-color {
    45%, 60% {background-size: 250%;}
    85%, 100%, 0% {background-size: 100%;}
}
@-webkit-keyframes angry-face {
    35%, 60% {-webkit-transform: translateX(0) translateY(10px) scale(0.9);transform: translateX(0) translateY(10px) scale(0.9);}
    40%, 50% {-webkit-transform: translateX(-5px) translateY(10px) scale(0.9);transform: translateX(-5px) translateY(10px) scale(0.9);}
    45%, 55% {-webkit-transform: translateX(5px) translateY(10px) scale(0.9);transform: translateX(5px) translateY(10px) scale(0.9);}
}
@keyframes angry-face {
    35%, 60% {-webkit-transform: translateX(0) translateY(10px) scale(0.9);transform: translateX(0) translateY(10px) scale(0.9);}
    40%, 50% {-webkit-transform: translateX(-5px) translateY(10px) scale(0.9);transform: translateX(-5px) translateY(10px) scale(0.9);}
    45%, 55% {-webkit-transform: translateX(5px) translateY(10px) scale(0.9);transform: translateX(5px) translateY(10px) scale(0.9);}
}
@-webkit-keyframes angry-mouth {
    25%, 50% {height: 6px;bottom: 25px;}
}
@keyframes angry-mouth {
    25%, 50% {height: 6px;bottom: 25px;}
}

.reaction:hover {transform: scale( 1.23077) translate(0, -3px);top: 2px}
.reaction::before {display: inline-block;color: #ffffff;text-align: center;line-height: 16px;font-size: 10px;left: 50%;padding: 0 8px;background-color: rgba(0, 0, 0, .75);border-radius: 2em;position: absolute;top: -18px;opacity: 0;transition: opacity .15s ease;font-weight: 600;transform: translateX(-50%);}
.reaction:hover::before {opacity: 1}
.reaction-like::before {content: 'Like'}
.reaction-love::before {content: 'Love'}
.reaction-haha::before {content: 'Haha'}
.reaction-wow::before {content: 'Wow'}
.reaction-sad::before {content: 'Sad'}
.reaction-angry::before {content: 'Angry'}

.inline_post_emoji {width: 18px;height: 18px;display: inline-block;margin-right: 4px;}
.inline_post_emoji > .reaction {
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 1;
}
.inline_post_emoji .emoji {	transform: scale(0.15);top: -285%;right: 285%;}
.no_anim .emoji--wow .emoji__eyebrows {top: 15px;}
.no_anim .emoji--sad .emoji__eyes:after {display: block;left: -35px;-webkit-transform: rotate(45deg) scale(2);transform: rotate(45deg) scale(2);}
.no_anim .emoji--like .emoji__hand, .no_anim .emoji--like .emoji__thumb, .no_anim .emoji--love .emoji__heart, .no_anim .emoji--haha .emoji__face, .no_anim .emoji--haha .emoji__mouth, .no_anim .emoji--wow .emoji__face, .no_anim .emoji--wow .emoji__eyebrows, .no_anim .emoji--wow .emoji__mouth, .no_anim .emoji--sad .emoji__face, .no_anim .emoji--sad .emoji__mouth, .no_anim .emoji--sad .emoji__eyes:after, .no_anim .emoji--angry, .no_anim .emoji--angry .emoji__face, .no_anim .emoji--angry .emoji__mouth {animation: none;}

.inline_post_count_emoji {width: 16px;height: 16px;display: inline-block;line-height: 1;}
#wo_post_stat_button .stat-item .inline_post_count_emoji {width: 18px;height: 18px;}
.inline_post_count_emoji .emoji {transform: scale(0.1333);top: -324%;right: 324%;}
.like-btn-text-like {color:rgb(88, 144, 255);}
.like-btn-text-wow,.like-btn-text-haha,.like-btn-text-sad {	color:rgb(240, 186, 21)}
.like-btn-text-love{color:rgb(242, 82, 104)}
.like-btn-text-angry{color:rgb(247, 113, 75);}
.like-emo > .how_reacted{background: #fff;display: inline-flex;margin: 0 0 0 -6px;padding: 3px;border-radius: 50%;}
.like-emo > .how_reacted:nth-child(1) {z-index: 3;margin-left: -10px;}
.like-emo > .how_reacted:nth-child(2) {z-index: 2;}
.like-emo > .how_reacted:nth-child(3) {z-index: 1;}
.like-details{margin-left:10px;	color:#9197a3;font-size: 14.5px; }
.like-emo{cursor: pointer;display: flex;align-items: center;}
#active_react {display:flex;}
#active_react .stat-item {padding: 0px 7px !important;margin-top: 4px!important;}
.like-emo .how_many_reacts {line-height: 1;font-weight: normal;color: #999;font-size: 12px;}
.wo_imagecombo_lbox .lightbox-post-footer .comment {margin-top: 37px;}

.reaction img {width: 100%;height: 100%;object-fit: cover;}

*Msg Page*/
.wo-msg-container {width: 100%;height: 100%;margin: 0;}
.messages-recipients-list{position: relative;cursor: pointer;border-bottom: 2px solid #fbfbfb;padding: 12px;transition: all .3s;border-radius: 12px;border: 0;margin: -2px;}
.messages-recipients-list.active {background-color: #F7F7F7;}
.messages-recipients-list img{border-radius:50%;width:55px;height:55px;margin: 0;}
.messages-recipients-list .msg_rght_prt {margin-left: 60px;margin-top: 7px;}
.messages-recipients-list .msg_rght_prt > p {margin: 0;line-height: 1.4;font-weight: 400;color: #636366;max-height: 44px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.messages-recipients-list .msg_rght_prt > p.new_msg_active_list {color: #333338;font-weight: bold;}
.messages-recipients-list .messages-last-sent {font-size: 13px;font-weight: 400;color: #b3b3b3;}
.messages-recipients-list .messages-last-sent.new_msg_lst_lsent {font-weight: bold;color: #2A2A2F;}
.messages-recipients-list .messages-user-name{line-height: 0.5;font-size: 16px;font-weight: bold;color: #414145;margin-bottom: 8px;display: inline-block;max-width: calc(100% - 80px);}
.new-message-alert{background-color:#ce3d3d;padding:3px 6px;border-radius:2px;color:#fff;text-align: center;}
.mobilerightpane .new-message-alert {display: flex;align-items: center;justify-content: center;position: absolute;width: 10px;height: 10px;background: #e83e8c;border-radius: 50%;left: -6px;top: -5px;padding: 0;}
.text-sender-container{background: transparent;position: relative;border-radius: 0;box-shadow: none;margin: 0;}
.text-sender-container .msg_usr_info_top_list {height: 83px;padding: 18px 30px;z-index: 10;background-color: #fff;position: relative;border-bottom: 1px solid #f4f4f4;border-radius: 0;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
.text-sender-container .msg_usr_info_top_list .mobilemsgclose {display:none;cursor:pointer;margin:-1px 15px 0 -15px;width:23px;height:23px;stroke-width:2.5px}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data {display: flex;align-items: center;}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data img {border-radius: 50%;margin-right: 15px;height: 45px;min-width: 45px;max-width: 45px;border: 2px solid #fff;box-shadow: 0 4px 8px 4px rgba(0,0,0,.04);}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {text-decoration: none;font-size: 15px;transition: all 0.3s;font-weight: 600;color: #212529;font-family: "Lato", sans-serif;}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data .msg_usr_lst_sen_main {margin: 0;font-size: 13px;color: #919191;}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns {margin-left: auto;}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span {margin-right: 20px;color: #b3b3b3;transition: all 0.3s;}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:last-child {margin: 0;}
.text-sender-container .message-contnaier{margin:0 0px 5px;position:relative;/*display: flex;align-items: flex-end;*/max-width: 100%;width: 100%;}
.text-sender-container .message-contnaier.outgoing, .text-sender-container .message-contnaier.outgoing > .cont_innr {flex-direction: row-reverse;}
.text-sender-container .message-contnaier > .cont_innr {position: relative;display: flex;align-items: flex-end;max-width: 100%;width: 100%;}
.text-sender-container .sendMessages .input-group .messages-rtime{position:absolute;top:-30px;padding:8px 10px!important;background-color:#fff!important;left:-7px;border-radius:6px!important;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 10px rgba(0,0,0,.35)}
.text-sender-container .sendMessages .charsLeft-message{position:absolute;z-index:9;right:163px;top:12px}
.message-option-btns{position:absolute;z-index:9;right:55px;top:0;display:table}
.message-option-btns .btn{padding:15px 6px;background-color:transparent;color:#b3b3b3;border:none;margin:0 4px;box-shadow:none}
.text-sender-container .deleteMessage{position:absolute;top:50%;left:-75px;cursor:pointer;color:#888;display:none;transform:translate(0,-50%)}
.text-sender-container .deleteMessage.right{left:auto!important;right:-75px}
.text-sender-container .deleteMessage svg.feather{margin-top:-3px;width:17px;height:17px}
.chat-messages-wrapper .deleteMessage{position:absolute;top:50%;left:-18px;cursor:pointer;color:#888;display:none;transform:translate(0,-50%)}
.chat-messages-wrapper .deleteMessage.right{left:auto!important;right:-18px}
.chat-messages-wrapper .deleteMessage svg.feather{margin-top:-3px;width:15px;height:15px}
.text-sender-container .time{margin-top: 4px;font-size: 14.5px;font-weight: bold;}
.text-sender-container .message-model{width: 85%;max-width: 500px;font-size: 15px;padding: 0;position: relative;line-height: 1.4;}
.text-sender-container .message-model .message{padding: 7px;margin-left: auto;display: table;line-height: 1.2;margin-top: 0;position: relative;background: #f5f5f5;border-radius: 10px;}
.text-sender-container .message-model .video-js-responsive-container{min-width:300px}
.text-sender-container .message-model .message p .twa-lg{height:26px;width:26px;background-size:26px 26px}
.text-sender-container .outgoing .message-model {border-bottom-right-radius:2px;margin-left: auto;}
.text-sender-container .incoming .message-model .message{margin-right:auto;margin-left:0}
.text-sender-container .incoming .message-model .time{text-align:left}
.text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #fff !important;}
.text-sender-container .outgoing .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-title a {
    color: #222 !important;
}
.text-sender-container .outgoing .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a {
    color: #444 !important;
}

.msg_progress {height: 3px;width: 100%;background-color: #b3deff;border-radius: 2px;background-clip: padding-box;overflow: hidden;bottom: -2px;right: 0px;z-index: 15;position: absolute;display:none;}
.msg_progress .indeterminate {background-color: #2196F3;}
.msg_progress .indeterminate:before {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;}
.msg_progress .indeterminate:after {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay: 1.15s;animation-delay: 1.15s;}
@-webkit-keyframes indeterminate {0% {left: -35%;right: 100%; }60% {left: 100%;right: -90%; }100% {left: 100%;right: -90%; } }
@keyframes indeterminate {0% {left: -35%;right: 100%; }60% {left: 100%;right: -90%; }100% {left: 100%;right: -90%; } }
@-webkit-keyframes indeterminate-short {0% {left: -200%;right: 100%; }60% {left: 107%;right: -8%; }100% {left: 107%;right: -8%; } }
@keyframes indeterminate-short {0% {left: -200%;right: 100%; }60% {left: 107%;right: -8%; }100% {left: 107%;right: -8%; } }

#wo_nw_msg_page .msg_under_hood {overflow:hidden;position: relative;}
#wo_nw_msg_page .wo_msg_tabs * {
    font-family: 'Krub', sans-serif !important;
}
#wo_nw_msg_page .messages-user-name, .messages-recipients-list .msg_rght_prt > p, .messages-recipients-list .messages-last-sent.new_msg_lst_lsent{
    font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif !important;
}
#wo_nw_msg_page .msg_under_hood .mobilerightpane {background: #fff;padding: 20px 0 0;overflow-x: hidden;height: calc(100vh - 45px);overflow-y: auto;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form {width: 100%;padding-right: 20px;padding-left: 20px;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon {margin-bottom: 30px;display: flex;align-items: center;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr {position: relative;width: 100%;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr svg {width: 18px;height: 18px;position: absolute;top: 50%;left: 15px;margin: 0;transform: translateY(-50%);color: #949494;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input {padding: 0 10px 0 52px;height: 50px;background: #f6f6f6;border-radius: 12px;border: none;font-size: 15px;color: #9c9c9c;width: 100%;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input:focus {box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr {background: #a84849;color: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.04);border-radius: 12px;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;min-width: 110px;margin-left: 15px;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn {min-width: 50%;width: 50%;height: 50px;margin: 0;background: transparent;transition: all .3s;box-shadow: none;border: none;color: #fff;border-radius: 0;display: inline-flex;align-items: center;justify-content: center;padding: 0;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover {background: #c45a5b;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs {border: 0;text-align: center;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li {float: none;margin: 0;width: 100%;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a {padding: 7px 22px;height: auto;margin: 0;font-size: 14.5px;font-weight: 600;border: 0;border-radius: 10px;color: #949494;cursor: pointer;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a svg {width: 20px;height: 20px;margin-top: -2px;}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    border-radius: 10px;
    opacity: 0.15;
}
#wo_nw_msg_page .messages-users-list > h1 {font-size: 22px;font-weight: 600;color: #212529;border-bottom: 1px solid #dedede;padding-bottom: 13px;margin: 0;text-align: center;}
#wo_nw_msg_page .messages-recipients-list .avatar {position:relative;margin-right: 15px;}
#wo_nw_msg_page .messages-recipients-list .online_dot {position: absolute;width: 7px;height: 7px;bottom: 5px;right: 5px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid #fff;}
#wo_nw_msg_page .messages-recipients-list .online_dot .dot {width: 7px;min-width: 7px;height: 7px;background-color: #63c666;border-radius: 50%;}
#wo_nw_msg_page .messages-recipients-list .online_dot.off_usr .dot {background-color: lightgray;}

#wo_nw_msg_page .msg_under_hood .mobileleftpane {background: #fff;width: 100%;}

#wo_msg_right_prt .text-sender-container .sendMessages .input-group {padding: 0px 30px;border-top: 1px solid #fbfbfb;height: 90px;display: flex;border-collapse: unset;align-items: center;}
#wo_msg_right_prt .text-sender-container .sendMessages .input-group .input-group-btn {margin-left: 20px;width: 56px;}
#wo_msg_right_prt .text-sender-container textarea {margin-bottom: 0px;box-shadow: none;border: 0;padding: 16px 2px;height: 56px;font-weight: bold;background: transparent;font-size: 15px;}
#wo_msg_right_prt .text-sender-container .sendMessages .send-button {margin: 0;padding: 10px;width: 56px;height: 56px;box-shadow: 0 4px 8px 4px rgba(0,0,0,.04);border-radius: 12px !important;}
#wo_msg_right_prt .text-sender-container .sendMessages .send-button svg {width: 21px;height: 21px;margin: -2px 0 0 -2px;}
#wo_msg_right_prt .message-option-btns .btn {padding: 0 !important;width: 35px;height: 35px;/* margin-left: 10px; */display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all .1s linear;margin: 5px 1px;}
#wo_msg_right_prt .message-option-btns .btn svg {width: 24px;height: 24px;}
#wo_msg_right_prt .message-option-btns .btn#messages-record {
    z-index: 3;
}
#wo_msg_right_prt .message-option-btns .btn.messages-rtime {padding: 8px 36px 8px 10px !important;
    left: 0;
    width: 100%;
    right: 0;
    margin: 0;
    top: 0;
    height: 100%;
    bottom: 0;
    z-index: 2;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px;
    border-radius: 10px !important;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    line-height: 27px;
    color: #a4a4a4;}
#wo_msg_right_prt .message-option-btns .btn:hover {background-color: rgba(0, 0, 0, 0.07);}
#wo_nw_msg_page .messages-container .empty_state {width: 100%;max-width: 90%;font-family: "Lato", sans-serif;font-size: 19px;}
#wo_nw_msg_page .messages-container .empty_state svg {width: 180px;height: 180px;border-radius: 0;background: transparent;}
#wo_nw_msg_page .messages-container .message-media img {max-width: none;max-height: 170px;margin: 0;background: #fff;border-radius: 10px;}
.messages-load-more-messages.above_header {top: -25px;}
#wo_msg_right_prt .msg_write_combo {display:flex;align-items:center;width: 100%;border: 1px solid #f1f1f1;background: #f8f8f8;border-radius: 12px;}
#wo_msg_right_prt .msg_write_combo .message-option-btns {position: relative;display: flex;align-items: center;right: auto;left: auto;margin-right: 5px;}
#wo_msg_right_prt .msg_write_combo .charsLeft-message {right: 115px;top: -5px;margin: 0;margin-top: 5px;}
#wo_msg_right_prt .msg_write_combo .emo-message {position: relative;right: auto;}

.wo_kb_msg_page {
    padding-top: 45px;
    height: 100%;
    width: 100%;
}


/*Modals*/
.comm_mod_img_close {opacity: 1;position: absolute;top: 15px;right: 15px;z-index: 5;}
.comm_mod_img_close svg {color: #fff;background-color: rgba(255, 255, 255, 0.07);border-radius: 50%;margin: 0;width: 30px;height: 30px;padding: 5px;}

/*Pulse Ball Loading*/
.ball-pulse{float:left;line-height:30px;margin-left:10px;display:none}
.ball-pulse>div{background-color:#3a3c3f;border-radius:100%;margin:0 1px;display:inline-block;width:8px;height:8px;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.ball-pulse>div:nth-child(1){-webkit-animation:scale-pulse .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale-pulse .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(2){-webkit-animation:scale-pulse .75s -.15s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale-pulse .75s -.15s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(3){-webkit-animation:scale-pulse .75s -.11s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale-pulse .75s -.11s infinite cubic-bezier(.2,.68,.18,1.08)}
@-webkit-keyframes scale-pulse {
    0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
    45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}
}
@keyframes scale-pulse {
    0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
    45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}
}

.no-padding-left-list {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
.no-activities-profile {
    font-size: 16px;
}

/*Audio Player*/
body .green-audio-player {
    box-shadow: none;
    border-radius: 15px;
    background: #fff8f9;
    height: 60px;
    border: 1px solid #ffeaed;
}
body .message .green-audio-player {
    margin: -1px;border-radius: 7px;
}
.green-audio-player .slider {
    background: #fcdbe0 !important;
}
.green-audio-player .controls span {
    color: #999;
    font-size: 15px;
}
body .green-audio-player svg, body .green-audio-player img {
    width: 15px;
    height: 15px;outline: 0;
}
body .green-audio-player .holder .play-pause-btn {
    background: #a52729;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .green-audio-player .holder .play-pause-btn svg path {
    fill: currentColor;
}

/** Header */

.notification-list{padding:10px}
.notification-list:hover{background:#f7f7f7}
.notification-list .notification-text{font-size: 14.5px;color:#666;}
.notification-list .notification-time{font-size: 12px;color:#666;margin:4px 0 0}
.notification-list .notification-time svg.feather{margin:-1px 3px 0;width:15px;height:15px;color:#575757}
.notification-list span.main-color{color: #050505!important;font-size: 14.5px;font-weight: 600;/* font-family: sans-serif; */}
.notification-list .notification-user-avatar img{border-radius:50%;margin-right:10px;width: 56px;height: 56px;margin-left:0}
.notifications-dropdown{width: 290px;margin-left:-100px;overflow:auto;max-height: 550px;padding:0 !important}

/*Empty State*/
.empty_state{margin:85px 0;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;font-size: 15px;color:#6d6d6d;text-align: center;}
.empty_state svg{display: block;margin: 0 auto 15px;width: 60px;height: 60px;color: #ffffff;background-color: #607D8B;border-radius: 50%;padding: 14px;opacity: 0.7;}
.empty_state .empty_state_img {display: block;margin: 0 auto 15px;width: 100px;height: 100px;float: none;}
.empty_state.single svg {
    background: transparent;padding: 0;opacity: 1;width: 70px;
    height: 70px;
    margin: 0 auto 20px;border-radius: 0;
}


.new-update-alert {border-radius:3px}
.new-update-alert{padding:0 4px;color:#fff;font-size: 13.5px;z-index:1;pointer-events:none;position:absolute;margin-top:5px;margin-left:3px;background-color:#2196F3;}

.pull-right { float: right; }
.pull-left { float: left; }

.disabled {
    cursor: not-allowed;
    opacity: .7;
}

/* Modals */

.wow_mat_mdl .modal-content {box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);padding: 24px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;border: 0;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
.wow_mat_mdl .modal-header {border: 0;background: transparent !important;padding: 0;margin: 0 0 20px;}
.wow_mat_mdl .modal-header .modal-title {font-size: 20px;line-height: 32px;font-weight: bold;}
.wow_mat_mdl .modal-body {padding: 0;font-size: 15px;}
.wow_mat_mdl .modal-footer {margin: 0;padding: 10px 0 0;border: 0;}
.wow_mat_mdl .modal-footer .btn.main {box-shadow: none;background: transparent;}
.wow_mat_mdl .modal-footer .btn.main:before {opacity: 0.15;}

/*Calling Modal*/
.wow_mat_mdl .modal-content.wo_calling_modals {
    border-radius: 10px;
}
.wo_calling_modals, .wo_calling_modals .modal-header .modal-title {
    color: #fff;
}
.wo_calling_modals > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    pointer-events: none;
}
.wo_calling_modals:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    pointer-events: none;
    background-color: rgb(0 0 0 / 40%);
    backdrop-filter: blur(10px);
}
.wo_calling_modals.video:after {
    background-color: rgb(0 0 0 / 60%);
}
.wo_calling_modals .modal-header, .wo_calling_modals .modal-body, .wo_calling_modals .modal-footer {
    position: relative;z-index: 1;
}
.wo_calling_modals .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 30px;
}
.wo_calling_modals .avatar svg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #4caf50;
    color: white;
    padding: 6px;
    margin: 0 -10px;
    z-index: 1;
    border: 4px solid;
}
.wo_calling_modals .avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.wo_calling_modals .modal-footer {
    text-align: center;padding: 40px 0 0;background: transparent !important;
    border: 0;
}
.wo_calling_modals .modal-footer .btn {
    background-color: rgb(255 255 255 / 30%);
    color: white;
}

/* Group */
.profile-style .avatar img {
    width: 74px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ededed;
}
.home-sidebar.profile-style img {
    width: 45px;
}
.home-sidebar.profile-style {
    width: 100%;
    padding: 5px;
    margin-bottom: -3px;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs {
    margin: 0;
    margin-bottom: 0px;
    padding: 8px 5px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.home-sidebar.profile-style:last-child {
    margin-bottom: 5px;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs:last-child {
    border: 0;
    padding-bottom: 0;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs h3 {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}
.user-lastseen {
    font-size: 13px;
    color: #666;
}
.user-lastseen .small-last-seen {
    font-size: 10px;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs .pointer.status {
    margin-left: auto;
}