.rw-conversation-container .rw-sender .rw-new-message {
  height: 25px !important;
}

.rw-conversation-container .rw-message {
  font-size: 14px !important;
  /* font-family:"UB-Helvetica-Bold" !important; */
  flex-wrap: nowrap !important;
}

.rw-conversation-container .rw-replies {
  font-size: 14px !important;
}

.rw-conversation-container .rw-new-message {
  font-size: 14px !important;
}

.rw-open-launcher {
  filter: invert(99%) sepia(2%) saturate(120%) hue-rotate(196deg)
    brightness(120%) contrast(100%);
}

.rw-open-launcher__container {
  width: 47px !important;
}

.rw-dismiss-widget {
  height: 24px !important;
  padding: 0px 0px 2px !important;
  transform: translateX(-25px) !important;
  outline: none !important;
  border: none !important;
  width: 25px !important;
  border-radius: 50% !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: 0px 2px 10px 1px #b5b5b5 !important;
  background-color: #b5b5b5 !important;
}




@media screen and (max-width: 800px) {
  .rw-conversation-container .rw-new-message {
    font-size: 16px !important;
  }

  .rw-widget-container.rw-chat-open {
    min-height: 100px !important;
    top: 0px !important;
    height: unset !important;
  }

  .rw-launcher img{
    width: 36px !important;
  }

}


@media screen and (min-width: 450px) {

  .rw-carousel-arrows-container .rw-right-arrow {
  display: none;
}
}


@media screen and (min-width: 800px) {
  .rw-messages-container {
    height: 573px !important;
    max-height: 58vh !important;
  }
  
  .rw-conversation-container {
    width: 465px !important;
  }

  .rw-full-screen .rw-messages-container{
    height: 100% !important;
    max-height: max-content !important;
}
}



/* Relocating webchat as we need to get it higher than the metro footer menu  */
@media screen and (max-width: 1200px) {
  .rw-widget-container, .rw-chat-open {
        bottom: 61px !important;
  }
}

/* Relocating webchat but after 1200px the metro footer disapears, so we reappear chat-bubble to 0 */
@media screen and (min-width: 1200px) {
  .rw-widget-container, .rw-chat-open {
        bottom: 0px !important;
  }
}




.rw-full-screen .rw-conversation-container{
  width: 100% !important;
}


.rw-messages-container::-webkit-scrollbar {
  display: none;
}

.rw-conversation-container .rw-header .rw-avatar {
  height: auto !important;
  width: 300px !important;
  top: auto !important;
}

.rw-conversation-container .rw-avatar {
  width: auto !important;
  height: 36px !important;
}

.rw-conversation-container .rw-avatar {
  content: url("https://cdn.smartrep.gr/sr-metrocc/metrocc/avatar1.png");
}

.rw-launcher {
  background-color: #0091ff !important;
  box-shadow: 0px 2px 10px 1px #4c4c4c !important;
}

.rw-conversation-container .rw-header {
  /*background-color: #000000;*/
  background: linear-gradient(to bottom, #0091ff 0%, #0091ff 100%);
}

.rw-conversation-container .rw-client {
  background-color: #767676;
}

.rw-conversation-container .rw-header {
  height: 66px;
}

.rw-conversation-container .rw-send .rw-send-icon-ready {
  fill: #0070fe;
}

.rw-conversation-container .rw-message-text {
  font-family: "Helvetica Neue" !important;
  font-size: medium !important;
}

.rw-conversation-container .rw-reply {
  background-color: #0091ff !important;
  border-color: #0091ff !important;
  font-family: "Helvetica Neue" !important;
  font-size: medium !important;
}
/* 
.rw-carousel-container .rw-carousel-card .rw-carousel-card-subtitle{
  min-height: 40px !important;
} */

.rw-carousel-container {
    min-height: 200px !important;
}

.rw-carousel-container .rw-carousel-card {
  min-height: 212px !important;
  height: 100px !important;
  min-width: 118px !important;
  width: 118px !important;
}


.rw-carousel-container .rw-carousel-card .rw-carousel-card-image {
  height: 115px !important;
}

.rw-carousel-container .rw-carousel-card .rw-carousel-buttons-container{
  margin-bottom: 0rem !important;
}

.rw-carousel-card-title{
  height: 40px;
  white-space: normal !important;
  font-family: "Helvetica Neue" !important;
  font-weight: bold !important;
}


/* for message which started with no avatar but apperead ugly under the first message */
.rw-group-message.rw-from-response .rw-message:not(:first-child):not(:only-child).rw-with-avatar{
  margin-left: 55px !important;
}

/* to load my font ub-helvetica from bucket
@font-face {
  font-family: "UB-Helvetica-Bold";
  src: url("https://cdn.smartrep.gr/sr-metrocc/metrocc/UB-Helvetica-Bold.ttf");
  font-weight: bold;
} */


.rw-widget-container{
  z-index: 1111111 !important;
}

.rw-carousel-arrows-container {
  height: 244px !important;
}