.card-header-right-button {
	float: right;
	margin-left: 20px;
}

.card-header-left-button {
  float: left;
  margin-left: 20px;
}

.card-header-container {
    width:100%;
    height:40px;
}
.card-header-left-title {
    width:auto;
    height:40px;
    overflow:hidden;
}
.card-header-right-tag {
    height:40px;
    width:200px;
    float:right;
}

.card-header-right-icon-button {
    height:40px;
    width:50px;
    float:right;
}


.chat-box-icon  {
  color: #A9A9A9; 
  margin: auto; 
  width: 100%; 
  text-align: center; 
  line-height: 40px;
}

.chat-box-div-bottom-left  {
  position: absolute;
  bottom: 10px; 
  left: 20px; 
  width: 50px; 
  height: 40px;
  cursor: pointer;
}

.chat-box-div-bottom-right  {
  position: absolute;
  bottom: 10px; 
  right: 20px; 
  width: 50px; 
  height: 40px;
  cursor: pointer;
}

.chat-box-div-top-right  {
  width: 50px; 
  height: 40px;
  float: right;
  margin-left: 20px;
  cursor: pointer;
}

.chat-box-product-image {
  width: 100%;
  height: 100%;
  padding: 20px;
  object-fit: contain;
}

.message {      
      color: white;
      padding: 18px 20px;
      line-height: 26px;
      font-size: 16px;
      border-radius: 7px;
      margin-bottom: 10px;
      width: 100%;
      position: relative;
}
    
.my-message {
  background: #86BB71;
  float: right;
  width: 70%;
}

.other-message {
  background: #94C2ED;
  float: left;
  width: 70%;
}
.chat-history {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.chat-history-contaner {
    width: 100%;
    position: relative;
    height: 100%;
    height: -webkit-calc(100% - 80px);
    height: -moz-calc(100% - 80px);
    height: calc(100% - 80px);
}

.chat-history-contaner-full {
    width: 100%;
    position: relative;
    height: 100%;
}

.message-data-time-my {
      color: #9a9a9a;
      padding-left: 6px;
      font-size: 10px;
      width: 70%;
      height:20px;
      float: right;
    }
.message-data-time-other {
      color: #9a9a9a;
      padding-left: 6px;
      font-size: 10px;
      width: 70%;
      height:20px;
      float: left;
    }
.nodot-ul {
  list-style-type: none;
}

.cursor-hand {
  cursor: pointer;
}

.hide-action td.ng2-smart-actions a {
    display: none;
}