.classy_whatsapp_button{
	position:fixed;
	width:60px;
	height:60px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 2px 2px 3px #999;
	z-index:100;
}
.classy_whatsapp_button:hover,
.classy_whatsapp_button:focus {
  color:#FFF;
}
.classy_whatsapp_button.bot_right{
  bottom:40px;
	right:40px;
}
.classy_whatsapp_button.top_right{
  top:20px;
	right:20px;
}
.classy_whatsapp_button.top_left{
  top:20px;
	left:20px;
}
.classy_whatsapp_button.bot_left{
  bottom:40px;
	left:40px;
}
.classy_whatsapp_button  i {
	color: #FFF;
}
.classy_whatsapp_button .my-float{
	margin-top:16px;
}
*, ::after,
*, ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
svg {
  width: 1em;
  height: 1em;
  font-size: 20px;
}
div.smartdatasoft-root-wsp-button-area.bot_right {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

div.smartdatasoft-root-wsp-button-area.top_right {
  position: fixed;
  right: 20px;
  top: 20px;
}

div.smartdatasoft-root-wsp-button-area.top_left {
  position: fixed;
  left: 20px;
  top: 20px;
}
div.smartdatasoft-root-wsp-button-area.bot_left {
  position: fixed;
  left: 20px;
  bottom: 20px;
}
div.smartdatasoft-root-wsp-button-area a.smartdatasoft-root-wsp-button {
  background: #101010;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  white-space: nowrap;
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
}
div.smartdatasoft-root-wsp-button-area a.smartdatasoft-root-wsp-button .wsp-svg-icon {
  display: -ms-grid;
  display: grid;
  margin-right: 10px;
}
div.smartdatasoft-root-wsp-button-area .wsp-btn-extra-text {
  text-align: right;
  margin-top: 10px;
  font-size: 13px;
  color: #fff;
  color: #000;
    display: flex;
    align-items: center;
    column-gap: 8px;
    flex-direction: row;
    padding-left: 15px;
}

.smartdatasoft-wsp-chat-box.wsp-active-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  border: 1px solid rgba(0, 0, 0, 0.192);
  z-index: 9999999;
}

.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list a:hover{
  color : inherit !important;
}

.smartdatasoft-wsp-chat-box {
  border-radius: 8px;
  position: fixed;
  overflow: hidden;
  width: 390px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-80%) scale(0.5);
          transform: translateY(-80%) scale(0.5);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 300ms ease-in, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms ease-in;
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms ease-in, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  right: 0;
  bottom: 100px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h {
  background: #101010;
  color: #fff;
  position: relative;
  overflow: hidden;
  max-height: 300px;
  padding: 20px 30px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .svg-close {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 13px;
  cursor: pointer;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-man-active {
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  right: 40px;
  top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-man-active .smartdatasoft-wsp-chat-man-img {
  position: relative;
  width: 35px;
  height: 35px;
  margin-left: 15px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-man-active .smartdatasoft-wsp-chat-man-img img {
  max-width: 100%;
  border-radius: 100%;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-man-active .smartdatasoft-wsp-chat-man-name span.man-department {
  width: 100%;
  font-size: 12px;
  line-height: 1.5em;
  opacity: 1;
  color: #fff;
  display: block;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-man-active .smartdatasoft-wsp-chat-man-name span.man-name {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content-open-person #back-chat-list {
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 110px;
  top: 26px;
  cursor: pointer;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content {
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  text-align: center;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content a {
  text-decoration: none;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content .text-power {
  font-size: 12px;
  line-height: 34px;
  vertical-align: bottom;
  color: #fff;
  margin-right: 10px;
  letter-spacing: -0.2px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content .text-brandname {
  font-size: 16px;
  line-height: 34px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b {
  display: block;
  float: left;
  width: 100%;
  background: rgb(255, 255, 255);
  height: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-chat-list {
  background: #eee;
  padding: 16px 24px;
  position: relative;
  word-wrap: break-word;
  width: calc(100% - 36px * 2);
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-chat-list span {
  display: block;
  position: absolute;
  right: 10px;
  top: -28px;
  border: 15px solid #eeeeee;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list {
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  display: block;
  float: left;
  width: 100%;
  height: 285px;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  left: 0%;
  top: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  padding: 16px 36px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  float: left;
  width: 100%;
  text-decoration: none;
  border-top: 1px solid #f5f5f5;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man:first-child {
  border-top: 1px solid #f5f5f5;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-wsp-chat-man-img {
  position: relative;
  width: 62px;
  height: 62px;
  margin-right: 15px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-wsp-chat-man-img img {
  max-width: 100%;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-wsp-chat-man-name span.man-department {
  width: 100%;
  font-size: 12px;
  line-height: 1.5em;
  opacity: 0.6;
  display: block;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-wsp-chat-man-name span.man-name {
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5em;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f {
  display: block;
  float: left;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  background-color: #fff;
  min-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 13px;
  padding: 12px 36px;
  position: relative;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 20px;
  top: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
}

.lang-rtl .smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-link{
  right: unset;
  left: 20px;
}

.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-link a {
  margin: 5px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-ontent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 20px;
  opacity: 0;
  visibility: visible;
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-top-ontent {
  -webkit-transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms;
  transition: max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 500ms ease-in 500ms, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-top-ontent a {
  color: #303030;
  text-decoration: none;
}

.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-man-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-h .smartdatasoft-wsp-chat-box-content-open-person #back-chat-list {
  opacity: 1;
  visibility: visible;
  left: 20px;
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-chat-list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow: hidden;
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-link {
  opacity: 1;
  visibility: visible;
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-link svg {
  fill: #222;
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-bottom-ontent {
  opacity: 1;
  visibility: visible;
}
.smartdatasoft-wsp-chat-box.wsp-active-man .smartdatasoft-wsp-chat-box-f .smartdatasoft-wsp-chat-box-top-ontent {
  opacity: 0;
  visibility: hidden;
}
a.smartdatasoft-wsp-chat-man.un-available {
  cursor: pointer !important;
}
.man-message, .man-phone{
  display: none;
}

.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-chat-schedule{
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
}

.lang-rtl .smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-chat-schedule{
  right: unset;
  left: 20px;
  direction: ltr;
}

.classy_whatsapp_button svg{
  margin-top: 18px;
}
div.smartdatasoft-root-wsp-button-area .wsp-btn-extra-text span{
  color:#222;
}

div.smartdatasoft-root-wsp-button-area .wsp-btn-extra-text img {
  width: 90px;
  max-width: 100%;
}
div.smartdatasoft-root-wsp-button-area.bot_right.custom-button {
  position: fixed;
  right: 25px;
}
div.smartdatasoft-root-wsp-button-area.bot_left.custom-button {
  position: fixed;
  left: 25px;
}

div.smartdatasoft-root-wsp-button-area.custom-button.top_right .wsp-btn-extra-text {
  margin-top: 65px;
  font-size: 13px;
  color: #222;
  margin-right: 8px;
}
div.smartdatasoft-root-wsp-button-area.custom-button.top_left .wsp-btn-extra-text {
  margin-top: 65px;
  font-size: 13px;
  color: #222;
  margin-left:5px;
}

.smartdatasoft-root-wsp-button-area.custom-button .wsp-btn-extra-text{
display:flex;
flex-direction:column;
}

.smartdatasoft-button-wrapper-style-one.bot_right {
  position: fixed;
  bottom: 118px;
}

.smartdatasoft-button-wrapper-style-one .classy_whatsapp_button.bot_right{
    bottom: 20px;
    right: 20px;
}

.smartdatasoft-button-wrapper-style-one .classy_whatsapp_button.bot_left{
  bottom: 20px;
  left: 20px;
}

.smartdatasoft-wsp-chat-box.style-one{
  bottom: 135px;
}

.smartdatasoft-wsp-chat-man.un-available .smartdatasoft-wsp-chat-man-img img {
  filter: grayscale(1);
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-wsp-chat-man-img {
  position: relative;
  width: 62px;
  height: 62px;
  margin-right: 15px;
}
.smartdatasoft-wsp-chat-box .smartdatasoft-wsp-chat-box-b .smartdatasoft-wsp-chat-man-list .smartdatasoft-wsp-chat-man .smartdatasoft-wsp-chat-man-img img {
  border-radius: 100%;
}
.smartdatasoft-wsp-chat-man.available .smartdatasoft-wsp-chat-man-img::before{
  content: "";
  bottom: 0px;
  right: 0px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-color: rgb(74, 213, 4);
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid rgb(49, 205, 35);
}

.smartdatasoft-wsp-chat-man.un-available .smartdatasoft-wsp-chat-man-img::before{
  content: "";
  bottom: 0px;
  right: 0px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-color: #FFA500;
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid #FFA500;
}

.smartdatasoft-wsp-chat-man.un-available .smartdatasoft-wsp-chat-man-name,
.smartdatasoft-wsp-chat-man.un-available .smartdatasoft-chat-schedule {
  opacity: 0.6;
}

.smartdatasoft-wsp-chat-box.top_left {
  left: 0;
  top: 100px;
  bottom:unset;
}

.smartdatasoft-wsp-chat-box.top_right {
  right: 0;
  top: 100px;
  bottom:unset;
}
.smartdatasoft-wsp-chat-box.bot_left {
  left: 0;
  bottom: 100px;
}