/* Chat Widget Styles */
/* desktop képernyőkön */
@media only screen and (min-width: 600px) {
  #webchat .widget-container .conversation-container.compact-view{
      max-height: 390px !important;
      width:270px;
  }
  #webchat .widget-container .conversation-container.compact-view .messages-container{
      max-height: 340px;
  }
  #webchat .widget-container .conversation-container.compact-view .reply{
      height:40px;
      font-size:14px;
  }
}

#webchat .widget-container .conversation-container.compact-view{
  background-color:white;
  border: 1px solid #089e4c;
}
#webchat .widget-container .conversation-container .avatar.compact{
  border:none;
  border-radius:0%;
}
#webchat .widget-container .conversation-container .right-content .compact-close-icon{
 color: #089e4c;
}
#webchat .widget-container .launcher {
background-color: #089e4c; /*(Indító ikon logo)*/
box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
padding:0px;
}
#webchat .widget-container .conversation-container .header {
background:  #089e4c; /*(Widget fejléc)*/
color: rgb(255, 255, 255);  /*Widget fejléc szöveg színe*/
}
#webchat .widget-container .username-input-container form button {
background-color: #089e4c; /*(Start gomb inaktív)*/ 
}
#webchat .widget-container .username-input-container input:focus {
border-color: #089e4c; /*(Név mező keret - aktív)*/
}
#webchat .widget-container .username-input-container form button:not(:disabled):hover {
background-color: #089e4c; /*(Start gomb aktív + hover)*/
}
#webchat .widget-container .conversation-container .message .client {
background-color: rgba(119, 119, 119, 1.0); /*(User input / válaszok inaktív)*/
}
#webchat .widget-container .conversation-container .message .generic-button {
background-color: #089e4c !important; /*(Dokumentum-letöltés gomb)*/
border-color: rgb(113,40,132);
color: rgba(255, 255, 255);
}
#webchat .widget-container .conversation-container .message .generic-button:hover {
background-color: #089e4c !important; /*(Dokumentum-letöltés gomb + hover)*/
}
#webchat .widget-container .conversation-container .message .reply {
background-color: #089e4c; /*(Aktív gombok)*/
}
#webchat .widget-container .conversation-container .message .reply:hover {
background-color: #089e4c; /*(Aktív gombok + hover)*/
}
#webchat .widget-container .conversation-container .send {
background-color: #089e4c; /*(Küldés gomb aktív)*/
}
#webchat .widget-container .conversation-container .send:not(:disabled):hover {
background-color: #089e4c; /*(Küldés gomb aktív + hover)*/
}
#webchat .widget-container .conversation-container .message .buttons .button {
  background-color: rgb(241, 155, 75);
  border-color: rgb(224, 108, 30);
  color: rgba(255, 255, 255);
}
#webchat .widget-container .conversation-container .message .buttons .button .buttonLink {
  color: rgba(0, 69, 126, 1);
}
#webchat .widget-container .username-input-overlay-container {
  background-color: rgba(0, 69, 126, 0.03);
}
#webchat .widget-container .username-input-overlay-container .overlay-message {
  border-color: rgba(197, 182, 153, 1);
}
#webchat .widget-container .username-input-overlay-container .overlay-input {
  background-color: rgba(0, 69, 126, 0.03);
}
#webchat .widget-container .username-input-overlay-container .overlay-button {
  color: rgba(197, 182, 153, 1);
  border-color: rgba(197, 182, 153, 1);
}
#webchat .widget-container .username-input-overlay-container .overlay-button:disabled {
  color: rgba(197, 182, 153, 0.5);
  border-color: rgba(197, 182, 153, 0.5);
}
#webchat .widget-container .username-input-overlay-container .overlay-button:hover:enabled {
  color: rgba(197, 182, 153, 1);
  border-color: rgba(197, 182, 153, 1);
}
#webchat .widget-container .message-bar-container .message-bar-button {
  background-color: rgba(197, 182, 153, 1);
}
#webchat .widget-container .message-bar-container .message-bar-button .message-bar-icon {
  background-color: rgba(197, 182, 153, 0.7);
}
#webchat .widget-container .username-input-overlay-container {
  background-color: rgba(241, 116, 75, 0.03);
}
#webchat .widget-container .username-input-overlay-container .overlay-message {
  border-color: rgba(224, 48, 30);
}
#webchat .widget-container .username-input-overlay-container .overlay-input {
  background-color: rgba(241, 116, 75, 0.1);
}
#webchat .widget-container .conversation-container .left-content .logo {
  width: inherit;
}
#webchat .widget-container .conversation-container a {
  color: rgba(113,40,132);
}

#webchat .dropzone button{
background-color: #089e4c !important;
}
#webchat .message-container button{
background-color: #089e4c !important;
}

#webchat .launcher .tooltip-body,
#webchat .launcher .tooltip-body .tooltip-decoration,
#webchat .launcher .tooltip-body:hover,
#webchat .launcher .tooltip-body:hover .tooltip-decoration {
background-color: #089E4C !important;
color: white !important;
font-weight: normal;
font-size: 14px !important;
text-transform: none;
}

#webchat .conversation-container.compact-view .reply{
border-radius: 18px !important;
}

#webchat .open-launcher__container img {
border-radius:50%;
}

#webchat .conversation-container .left-content img {
border-radius:50%;
}

#webchat .conversation-container .center-avatar img {
border-radius:50% !important;
}

#webchat .dropzone button {
  background-color: #089E4C !important;
}

#webchat .dropzone button:hover {
  background-color: #089E4C !important;
}

#webchat .widget-container .conversation-container .message .slider {
  overflow: visible
}

#webchat .group-message.from-response .message:first-child:not(:only-child) .response {
    padding-top: 15px;
}