#webchat * {
  font-family: "Roboto", sans-serif!important;
}

#webchat .widget-container{
  z-index: 2000000000 !important;
}

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

#webchat .conversation-container .sender .emoji-button{
	display:none !important;
}

#webchat .widget-container .conversation-container.compact-view{
  background-color:white;
  border: 1px solid #C9B69B;
}
#webchat .widget-container .conversation-container .avatar.compact{
  border:none;
  border-radius:0%;

}

#webchat .conversation-container .avatar.compact{
  width: 75px !important;
}

#webchat .widget-container .conversation-container .right-content .compact-close-icon{
 color: #E31B2E;
}
#webchat .widget-container .launcher {
background-color: #C9B69B; /*(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:  #C9B69B; /*(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: #BFBFBE; /*(Start gomb inaktív)*/ 
}
#webchat .widget-container .username-input-container input:focus {
border-color: #C9B69B; /*(Név mező keret - aktív)*/
}
#webchat .widget-container .username-input-container form button:not(:disabled):hover {
background-color: #C9B69B; /*(Start gomb aktív + hover)*/
}
#webchat .widget-container .conversation-container .message .client {
background-color: #BFBFBE; /*(User input / válaszok inaktív)*/
}
#webchat .widget-container .conversation-container .message .generic-button {
background-color: #C9B69B !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: #C9B69B !important; /*(Dokumentum-letöltés gomb + hover)*/
}
#webchat .widget-container .conversation-container .message .reply {
background-color: #C9B69B; /*(Aktív gombok)*/
min-width:180px;
}
#webchat .widget-container .conversation-container .message .reply:hover {
background-color: #C9B69B; /*(Aktív gombok + hover)*/
}
#webchat .widget-container .conversation-container .send {
background-color: #C9B69B; /*(Küldés gomb aktív)*/
}
#webchat .widget-container .conversation-container .send:not(:disabled):hover {
background-color: #C9B69B; /*(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;
  max-height:50px
}
#webchat .widget-container .conversation-container a {
  color: rgba(113,40,132);
}

#webchat .dropzone button{
background-color: #C9B69B !important;
}
#webchat .message-container button{
background-color: #C9B69B !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: #C9B69B !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%;
	max-width: 90% !important;
  display:inline !important;
}

#webchat .compact-view img {
  display: inline !important;
}

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

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

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

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

.slider .generic-title{
  font-size: 21px;
  font-weight:600
}

#webchat .conversation-container.compact-view .message.compact, #webchat .conversation-container.compact-view .message.compact .response, #webchat .conversation-container.compact-view .message.compact .quickReplies-container{
line-height:1.5rem
}

#webchat .menu-container button {
	width: 100%;
}

#webchat .button {
	background-color: #C9B69B !important;
}

#webchat .button:hover {
	background-color: #C9B69B !important;
}

#webchat .file-path .button {
	justify-content:left
}

#webchat .file-path .button {
	justify-content:left
}

#webchat .widget-container .conversation-container .response .generic-title {
 display:none;
}

#webchat .conversation-container.messageOverlayVisible.compact-view .message.with-avatar.compact .response {
	line-height: 1.2em;
}


#webchat .conversation-container.messageOverlayVisible.compact-view .message.with-avatar.compact:first-child .response {
	line-height: 1.1em;
	font-size:14px;
}

#webchat .conversation-container .new-message {
font-weight:300;
}

#webchat .conversation-container .message .markdown ul {
    margin: 0 0 0 1rem !important;
}