@font-face {
  font-family: 'oometrics';
  src:  url('../fonts/oometrics.eot?kjsj07');
  src:  url('../fonts/oometrics.eot?kjsj07#iefix') format('embedded-opentype'),
    url('../fonts/oometrics.ttf?kjsj07') format('truetype'),
    url('../fonts/oometrics.woff?kjsj07') format('woff'),
    url('../fonts/oometrics.svg?kjsj07#oometrics') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] { font-family: 'oometrics' !important;  speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-activity-log:before {content: "\e900";}
.icon-add-to-cart:before {content: "\e901";}
.icon-anon-avatar:before {content: "\e902";}
.icon-apply_coupon:before {content: "\e903";}
.icon-attach:before {content: "\e904";}
.icon-call:before {content: "\e905";}
.icon-close-popup:before {content: "\e906";}
.icon-customer-profile:before {content: "\e907";}
.icon-default-chat:before {content: "\e908";}
.icon-default-tab:before {content: "\e909";}
.icon-delete:before {content: "\e90a";}
.icon-digital-profile:before {content: "\e90b";}
.icon-download:before {content: "\e90c";}
.icon-edit:before {content: "\e90d";}
.icon-facebook:before {content: "\e90e";}
.icon-notifications:before {content: "\e90f";}
.icon-oometrics-dashicon:before {content: "\e910";}
.icon-open_popup:before {content: "\e911";}
.icon-refresh:before {content: "\e912";}
.icon-sale_price:before {content: "\e913";}
.icon-seen:before {content: "\e914";}
.icon-sent:before {content: "\e915";}
.icon-session-push:before {content: "\e916";}
.icon-start-chat:before {content: "\e917";}
.icon-stop-chat:before {content: "\e918";}
.icon-time:before {content: "\e919";}
.icon-twitter:before {content: "\e91a";}

#oometrics-chat ::-webkit-scrollbar{width:6px;height:6px;border-radius:3px;background:transparent}
#oometrics-chat{background:transparent;}
#oometrics-chat :hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);}
#oometrics-chat ::-webkit-scrollbar-button{display: none;}

.trans,
#oo-chat-trigger,
#oometrics-chat .oo-chat-wrapper
{
  -webkit-transition: all 1s;
   -moz-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s; /* custom */

}

.oo-chat-list li.oo-session-profile strong,.profile-data strong{overflow: hidden;white-space: nowrap;text-overflow: clip;position: relative;}
.oo-chat-list li.oo-session-profile strong:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(-180deg,rgba(255,255,255,0),rgba(255,255,255,0) 60%,#fff 90%);background: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0) 0%,#fff 90%);pointer-events: none;}
.profile-data strong:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(-180deg,rgba(249,249,249,0),rgba(249,249,249,0) 60%,#ebeced 90%);background: linear-gradient(90deg,rgba(249,249,249,0),rgba(249,249,249,0) 0%,#ebeced 90%);pointer-events: none;}

.rtl .oo-chat-list li.oo-session-profile strong:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0) 60%,#fff 90%);background: linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0) 0%,#fff 90%);pointer-events: none;}
.rtl .profile-data strong:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(180deg,rgba(249,249,249,0),rgba(249,249,249,0) 60%,#ebeced 90%);background: linear-gradient(-90deg,rgba(249,249,249,0),rgba(249,249,249,0) 0%,#ebeced 90%);pointer-events: none;}


.avatar{width: 40px;height: auto}
.oo-box{position: relative;background: #FFF;border-radius: 3px;box-shadow: 0 1px 0px 0px rgba(208, 209, 213, 0.5), 0 0px 0px 1px rgba(220, 221, 224, 0.4);-webkit-box-shadow: 0 1px 0px 0px rgba(208, 209, 213, 0.5), 0 0px 0px 1px rgba(220, 221, 224, 0.4);-moz-box-shadow: 0 1px 0px 0px rgba(208, 209, 213, 0.5), 0 0px 0px 1px rgba(220, 221, 224, 0.4);margin-bottom: 15px;}

#oometrics-chat{position: fixed;z-index: 1001;font-size: 13px;line-height: 26px !important;color: #444;height: 100%;width: 40vw;pointer-events: none;}
#oometrics-chat:before{content:'';position: absolute;background: #403d51;pointer-events: none;transition: right 1s,left 1s}
#oometrics-chat.opened{pointer-events: inherit;}

#oometrics-chat.bottom-left{left: 0;bottom: 0;}
#oometrics-chat.bottom-left:before{left: 0;bottom: 0;right:100%;top:0;}
#oometrics-chat.opened.bottom-left:before{right:0;}

#oometrics-chat.bottom-right{right:0;bottom: 0;}
#oometrics-chat.bottom-right:before{right: 0;bottom: 0;left:100%;top:0;}
#oometrics-chat.opened.bottom-right:before{left:0;}

#oometrics-chat.top-left{left: 0;bottom: 0;}
#oometrics-chat.top-left:before{left: 0;bottom: 0;right:100%;top:0;}
#oometrics-chat.opened.top-left:before{right:0;}

#oometrics-chat.top-right{right: 0;bottom: 0;}
#oometrics-chat.top-right:before{right: 0;bottom: 0;left:100%;top:0;}
#oometrics-chat.opened.top-right:before{left:0;}

#oometrics-chat .oo-chat-wrapper{width: 100%;height:100%;background: #fff;visibility: hidden;pointer-events: none;opacity: 0;transition-duration: 0;}
#oometrics-chat.bottom-left .oo-chat-wrapper{transform: translateX(-100%);}
#oometrics-chat.top-left .oo-chat-wrapper{transform: translateX(-100%);}
#oometrics-chat.bottom-right .oo-chat-wrapper{transform: translateX(100%);}
#oometrics-chat.top-right .oo-chat-wrapper{transform: translateX(100%);}
#oometrics-chat.opened .oo-chat-wrapper{visibility: visible;pointer-events: inherit;opacity: 1;margin-bottom: 0;transition-delay: .2s}
#oometrics-chat.opened.bottom-left .oo-chat-wrapper{transform: translateX(0);}
#oometrics-chat.opened.top-left .oo-chat-wrapper{transform: translateX(0);}
#oometrics-chat.opened.bottom-right .oo-chat-wrapper{transform: translateX(0);}
#oometrics-chat.opened.top-right .oo-chat-wrapper{transform: translateX(0);}

/* .rtl #oometrics-chat{right:15px;bottom:15px;left:auto;} */
#oometrics-chat li{line-height: inherit;}
#oometrics-chat li .oo-chat-content.attach img{width: 100px}
#oometrics-chat header{position: relative;}
#oometrics-chat footer{padding: 10px;border-top: 1px solid #eee;position: absolute;width: 100%;bottom: 0;background: #fff}
#oo-chat-trigger{position: fixed;width: 50px;height: 50px;border-radius: 50%;border: 0;background: none;z-index: 99999;padding: 0;transition-duration: 1s;outline: none}
#oo-chat-trigger.loading{opacity: .5}
#oo-chat-main-user{bottom:3em;left: 3em;width: 20vw;background: #0073aa;border-radius: .3em;padding: 2em;color: #fff;text-align: left;position: fixed;}
#oo-chat-trigger.bottom-left{left: 15px;top: calc( 100% - 70px );bottom: 15px;}
#oo-chat-trigger.top-left{left: 15px;bottom: calc( 100% - 70px );top: 15px;}
#oo-chat-trigger.top-right{right: 15px;bottom: calc( 100% - 70px );top: 15px;}
#oo-chat-trigger.bottom-right{right: 15px;top: calc( 100% - 70px );bottom: 15px;}
/* .rtl #oo-chat-trigger{left:auto;right:15px;} */
#oo-chat-trigger.opened.bottom-left{left: calc( 40vw - 70px ) !important;top: 2rem !important;}
.rtl #oo-chat-trigger.opened.bottom-left{right: auto !important;left:2rem !important;top: 1rem !important;}
.rtl #oo-chat-trigger.opened.top-left{right: auto !important;left:2rem !important;top: 2rem !important;}
#oo-chat-trigger.opened.top-left{left: calc( 40vw - 70px ) !important;top: 2rem !important;}
#oo-chat-trigger.opened.bottom-right{right: 15px !important;top: 2rem !important;left: auto !important;}
.rtl #oo-chat-trigger.opened.bottom-right{right: calc( 40vw - 70px ) !important;top: 2rem !important;left: auto !important;}
.rtl #oo-chat-trigger.opened.top-right{right: calc( 40vw - 70px ) !important;top: 2rem !important;left: auto !important;}
#oo-chat-trigger.opened.top-right{right: 15px !important  ;top: 2rem !important;left: auto !important;}
/* .rtl #oo-chat-trigger.opened{right:calc( 40vw + 15px );left:auto} */
#oometrics-chat #oo-message-text{width: 100%;border: 0;box-shadow: inset 0 0 3px -1px rgba(0,0,0,0.4);border-radius: 4px;height: 80px;background: #ebeced;display: block;}
#oo-send-message{position: absolute;left:14px;bottom: 12px;z-index: 100;border: 0;border-radius: 3px;padding: 0px 13px;font-size: 10px;background: #ebeced;color: #137daf;height: 25px;}
.rtl #oo-send-message{right:14px;left:auto}
#oo-attach-message{position: absolute;right:10px;bottom: 15px;z-index: 100;border: 0;border-radius: 3px;padding: 0px 13px;font-size: 10px;background: #ebeced;color: #9c27b0;height: 25px;display: none;font-size: 20px;}
.rtl #oo-attach-message{left:15px;right:auto}
#go-to-new{width: 50px;height: 50px;border-radius: 50%;display: inline-block;background: #8bc34a;border: 0;position: absolute;right:50%;bottom:120px;transform: translateX(50%);color:#fff; font-family: 'oometrics' !important;padding: 0; speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
#go-to-new:before {content: "\e90f";font-size:30px}

.oo-chat-action{position: absolute;right: -25px;top: 10px;width: 20px;height: 35px;line-height: 0;opacity: .7}
.oo-chat-action .oo-icon{width: 25px;height: 20px;display: inline-block;transition: opacity 3s,transform 1s;cursor: pointer;}
.oo-chat-action .oo-icon:hover{transform: scale(1.3);}
.oo-chat-action .oo-icon.fadeOutLoading{opacity: 0}
.oo-chat-action .oo-icon.edit{}
.oo-chat-action .oo-icon.delete{}

.oo-chat-conversations{padding: 0;width: 100%;height: calc( 100% - 200px );overflow-y: auto;overflow-x: hidden;background: #ffffff;padding: 2rem 0;transition: none;opacity: 1}
.oo-chat-conversations.loading{opacity: .2;transition: opacity 2s ease-out;}
.no-send .oo-chat-conversations{height: calc( 100% - 100px )}
.oo-chat-list{padding: 0 30px;margin: 0;display: inline-block;width: 100%;position: relative;}
.oo-chat-list li{width: 90%;margin: 10px 0;list-style: none;cursor: pointer;position: relative;}
.oo-chat-list li.oo-one{float: left;}
.oo-chat-list li.oo-two{float: right;}
.oo-chat-list li.oo-session-profile{padding: 0;margin: 0 0 15px 0;width: 100%;display: inline-block;line-height: 15px;}
.oo-chat-list li.oo-session-profile .oo-session-info{line-height: 15px;}
.oo-chat-list li.oo-session-profile .avatar{width: 30px;border-radius: 50%;margin-right: 10px;float: left}
.oo-chat-list li.oo-session-profile.loading{pointer-events: none}
.oo-chat-list li.oo-session-profile.loading .oo-session-info{opacity: .6}
.oo-chat-list li.oo-session-profile.loading:before{content: '';width: 40px;height: 39px;border-radius: 100px;border: 1px dashed #2196F3;display: flex;position: absolute;left: -5px;top: -4px;animation: loopRotate 5s infinite}
.rtl .oo-chat-list li.oo-session-profile.loading:before{right: -5px;top: -4px;animation: loopRotate 5s infinite;left: auto;}
@keyframes loopRotate {
  0%{transform: rotate(0);}
  100%{transform: rotate(360deg);}
}
.rtl .oo-chat-list li.oo-session-profile .avatar{margin-right: 0;float: right;margin-left: 10px}
.oo-chat-list li.oo-session-profile strong{width: calc( 100% - 50px );display: inline-block;}
.oo-chat-list li.oo-session-profile em{width: calc( 100% - 50px );display: inline-block;}

.oo-chat-list .oo-chat-bubble{padding: 7px 10px 7px 15px;position: relative;max-width: 70%;word-break: break-all;}
.oo-chat-list .oo-chat-bubble .oo-chat-content{padding: 5px 0 0 0;line-height: 18px;word-break: break-all;}
.oo-chat-list .oo-chat-bubble .oo-chat-meta {font-size: .8em}
.oo-chat-list .oo-chat-bubble .oo-chat-meta .edited{color:rgba(0,0,0,0.6)}
.oo-chat-list .oo-chat-bubble:before{width: 0;height: 0;content: "";display: inline-block;position: absolute;}
.oo-one .oo-chat-bubble{background: #607D8B;border-radius: 0 15px 15px 15px;color: #fff;float: left}
.oo-two .oo-chat-bubble{background: #ebeced;border-radius: 15px 0 15px 15px;float: right;}
.oo-one .oo-chat-bubble:before{top: 0px;left: -13px;border-style: solid;border-width: 0 13px 13px 0;border-color: #ffffff #607D8B #ffffff #ffffff;}
.oo-two .oo-chat-bubble:before{top: 0px;right: -13px;border-style: solid;border-width: 0 0 13px 13px;border-color: #ffffff #ffffff #ffffff #ebeced;}
.oo-chat-list .oo-one .oo-upload-media{float: left;}
.oo-chat-list .oo-two .oo-upload-media{float: right;}
.oo-chat-start{text-align: center;width: 100% !important}
.oo-start-inner{font-size: 1.5rem;padding: 0 1rem 2rem 1rem;width: 100%;}
.oo-one .oo-chat-attachments{float: left;padding: 3px 0 0 3px}
.oo-two .oo-chat-attachments{float: right;}
.oo-chat-status{display: inline-block;width: 20px;height: 20px;float: left;margin-right: 5px;font-size: 15px;line-height: 28px;}
.oo-chat-status.sent{color: #555}
.oo-chat-status.delivered{color: #1b1b1b}
.oo-chat-status.seen{color:#4caf50}
/* .oo-chat-status.sent:before{content: "\e914";font-family: oometrics}
.oo-chat-status.delivered:before{content: "\e915";font-family: oometrics;color: #555}
.oo-chat-status.seen:before{content: "\e915";font-family: oometrics;color:#4CAF50} */

.oo-back-to-conversations{position: absolute;top: 0;left: 0;background: #fff;right: 0;bottom: 0;display: flex;align-items: baseline;justify-content: start;padding: 0 3rem ;border-bottom: 1px solid #eee;font-size: 2rem;text-decoration: none;align-items: center;}


.oo-profile-info{position: relative;margin: 0;padding: 0 30px;height: 100px;display: flex;flex-direction: revert;justify-content: space-between;align-items: center;}
.oo-profile-info > img{width: 35px; border-radius: 50%;}
.rtl .oo-profile-info > img{ right: 15px;left:auto;}
.rtl .oo-profile-info{height: 100px;}

.oo-profile-data{margin: 0;line-height: 15px;padding: 0 30px;display: inline-block;width: 100%}
.rtl .oo-profile-data{margin: 0;line-height: 15px;display: inline-block;width: 100%}
.oo-profile-data>li{margin-bottom: 0;list-style: none;margin: 0}
.oo-profile-data li.name{font-size: 1.5rem}
.oo-profile-data strong{width: 100%;display: inline-block;}
.rtl .oo-profile-data strong{padding:.5em 0}

.oo-chat-upload-input{visibility: hidden;height: 1px;width: 1px;}
.oo-chat-attachments .oo-icon,.oo-upload-media .oo-icon{width: 25px;height: 20px;display: inline-block;}
.oo-chat-attachments .oo-icon.oo-download{}
.oo-chat-attachments .oo-icon.oo-pdf{}
.oo-chat-attachments .oo-icon.oo-pdf.imged{opacity: 1}
.oo-upload-media .oo-icon.oo-attach{}
.oo-chat-attach-dl{position: relative;padding: 2px;background: #ebeced;overflow: hidden;margin: 3px 3px 0 0;display: inline-block;border-radius: 10px;}
.oo-chat-attach-dl img{width: 100%;height: auto;border-radius: 10px;}
.oo-chat-attach-dl .imged{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);opacity: .3;}
@keyframes loadingsquare {
  0%{transform: translate(-50%,-50%) rotate(0);}
  50%{transform: translate(-50%,-50%) rotate(360deg);}
  100%{transform: translate(-50%,-50%) rotate(0);}
}
.tmp-bubble.oo-loading{background: #ebeced;height: 150px;width: 200px;border-radius: 5px;}
.tmp-bubble.oo-loading:before{content:'';background: #941a20;width: 10px;height: 10px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition: transform 1s;animation: loadingsquare 3s infinite;border-radius: 2px}


.oo-new-chat-badge{position: absolute;left: 50%;top: 50%;background: #991a21;color: #fff;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;transform: translate(-50%,-50%);}
.oo-new-chat-badge.off{background: #403d51;width: 25px;height: 25px;line-height: 15px;left: 10px;top: 10px;font-size: 10px;padding: 5px}

.oo-rel-badge{width: 2rem;height: 2rem;display: inline-block;line-height: 2rem;text-align: center;position: absolute;}
.oo-rel-badge .oo-new-chat-badge{width: 2rem;height: 2rem;line-height: 2rem}
.oo-rel-badge .oo-new-chat-badge.off{display: none;}

#oo-popup-wrapper{position: fixed;right:0;left:0;top:0;bottom:0;z-index: 99999;visibility: hidden;pointer-events: none;}
#oo-popup-wrapper .oo-overlay{position: fixed;right:100%;left:0;top:0;bottom:0;background: rgba(0,0,0,0.5);transition: right .5s}
#oo-popup-wrapper.show .oo-overlay{right: 0;}
#oo-popup-wrapper.show{visibility: visible;pointer-events: inherit;;}
#oo-popup-wrapper .oo-inner{width:40%;position: absolute;left:50%;top:50%;transform: translate(-50%,-100%) scale(.7);z-index: 50;background: #fff;box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.3);padding: 2em 2em 0 2em;transition: transform 1s,opacity 1s;opacity: 0}
#oo-popup-wrapper.show .oo-inner{transform: translate(-50%,-50%) scale(1);transition-delay: .3s;opacity: 1}
#oo-popup-wrapper.consent .oo-inner{left: 1em;bottom: 1em;transform: translate(0,0);width: 50%;padding: 2em;top: auto;}
#oo-popup-wrapper.consent .oo-inner-content{margin-bottom: .5em}
#oo-popup-wrapper .oo-inner img{width:100%;height: auto;}
#oo-popup-wrapper .oo-form-field{margin-bottom: 1em}
#oo-popup-wrapper .oo-form-field label{display: inline-block;min-width: 40%;}
#oo-popup-wrapper .oo-popup-register,#oo-popup-wrapper .oo-popup-login{display: none}
#oo-popup-wrapper .oo-popup-register.active,#oo-popup-wrapper .oo-popup-login.active{display: block}
#oo-popup-wrapper .oo-popup-close{position: absolute;right: 1em;top: 1em;display: inline-block;cursor: pointer;opacity: .6;background: #f9f9f9;}
.rtl #oo-popup-wrapper .oo-popup-close{left: 1em;right:auto}
#oo-popup-wrapper .oo-popup-close:hover{opacity: 1}
#oo-popup-wrapper .oo-popup-close img{width: 25px;height: auto}
#oo-popup-wrapper .oo-popup-action{padding: 0 0 2em 0;}
hr.oo-popup-sep{background: transparent;border: 0;padding: .5em 0;}
.oo-popup-action-secondary{margin-left: 1em}
#oo-i-disagree{margin-left: 2em}


@media only screen and (max-width: 768px) {
  #oometrics-chat {left: 0 !important;bottom: 0;z-index: 99991;top:0;right:0;}
  #oometrics-chat.opened {left: 0 !important;right: 0 !important;top: 0;bottom: 0;width: 100%;height: 100%;}
  #oometrics-chat .oo-chat-wrapper{width: 100%;height: 100%}
  /* #oometrics-chat.opened{pointer-events: inherit} */
  #oometrics-chat.opened .oo-chat-wrapper{height: 100%;width: 100%}
  #oometrics-chat footer {position: absolute;width: 100%;bottom: 0;background: #fff;height: 100px}
  #oometrics-chat header{height: 85px;}
  #oometrics-chat .oo-profile-info{height: 85px;}
  .rtl #oometrics-chat .oo-profile-infoo{height: 85px;}
  #oometrics-chat:not(.opened):before{transition: none !important}
  #oometrics-chat:not(.opened) .oo-chat-wrapper{transition: none !important}
  #oo-chat-trigger.opened {top: 0px;width: 30px;}
  #oo-chat-trigger.opened {left: calc( 100% - 40px );right: auto;}
  .rtl #oo-chat-trigger.opened {right: calc( 100% - 40px );left: auto;}
  #oo-chat-trigger.opened.bottom-left{left: calc( 100vw - 70px ) !important}
  #oo-chat-trigger.opened.bottom-right{right: 30px !important}
  #oo-chat-trigger.opened.top-right{right: 30px !important}
  #oo-chat-trigger.opened.top-left{left: calc( 100vw - 70px ) !important}
  .oo-chat-conversations { height: calc( 100% - 200px );}
  #oo-popup-wrapper.consent .oo-inner{width: calc( 100% - 2em )}
  #oo-popup-wrapper .oo-inner{height: calc( 100% - 2em );padding-top: 20px;width: calc( 100% - 2em );}
  #oo-popup-wrapper .oo-popup-action{    position: absolute;bottom: 0;}
  .oo-popup-body{padding: 2rem;position: absolute;right: 0;left: 0;top: 0;height: calc( 100% - 13rem );overflow-y: auto;}
}