/* You can add global styles to this file, and also import other style files */
.luma-web-chat-main-container *{
  font-family: "Aeonik", "Roboto", "sans-serif" !important;
      /*border-radius: inherit;*/
	  /*border-radius: 12px;*/	   
}
.luma-chat-container {
  width: 460px !important;
  right: 5px;
  bottom: 26px;
  height: 460px !important;
  z-index: 1000000 !important;
}
 /**Styles for mobile screens**/
@media screen and (max-width: 600px) {

	vsa-chat .luma-chat-container[vsacustomstyle] {
		width: 100% !important;
		height: 460px !important;
		left: 0px;
		bottom: 0px;
	}
	
	vsa-chat .luma-chat-container.maximize[vsacustomstyle] {
		width: 100% !important;
		height: 100% !important;
		left: 0px;
		bottom:  0px;
	}
}
.chat-list{
    display: flex
;
    overflow: auto;
    flex: 1;
    height: 100%;
    flex-direction: column;
    background: #F3F3F3 !important;
    overflow-x: hidden;
}
.luma-download-link,
.luma-download-link:hover {
  color: #2d2b24;
  word-wrap: break-word;
  display: block;
  font-weight: 600;
  color: #007bff;
  word-wrap: break-word;
  display: inline;
}
.luma-chat-toggle {
	top: auto;
    right: 16px;
    height: 46px;
    width: 42px;
    /* bottom: 25px; */
    background-image: url("https://serviceaide.b-cdn.net/webwidget/botIcon.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: fixed;
    display: flex;
    cursor: pointer;
	z-index: 98;

}
.bot-icon {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/botIcon.svg");
  background-repeat: no-repeat;
  height: 80px;
  width: 80px;
}
.luma-chat-header-container {
  background: #A8AAAD;
  padding: 7px;
  
}

.luma-text-bot {
  color: #676767;
  background: #fff;
  padding: 6px 10px 10px 10px;
  font-size: 14px;
  margin-right: 10px;
  flex-shrink: 100;
  border-radius: 12px;
}
.luma-text-user {
  color: #D66527;
  background: #F1DDD0;
  padding: 6px 10px 10px 10px;
  display: flex;
  font-size: 14px;
  flex-direction: column;
  border-radius: 12px;
}
.message-info-bot {
  font-size: 10px;
  color: #676767;
}
.message-info-user {
  color: #D66531 !important; 
  font-size: 10px;
  justify-content: flex-end;
  
}
.quick-reply-container{
    flex-wrap: wrap;
	font-size: 10px;
  color: #676767;
 /* padding: 6px 10px 10px 10px !important;*/
  font-size: 14px;
  margin-right: 10px;
  border-radius: 12px !important; 
 }
 
vsa-chat .luma-chat-container[vsacustomstyle] .quick-reply-container .button-container .action-button{
	 margin: 10px 10px 0 0;
    height: 30px;
    border-radius: 10px !important;
    border: 1px solid #D66531 !important; 
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #D66531 !important; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
 }
 .carousel-container {
    background: #fff;
    border-radius: 10px !important;
    margin-left: 30px;
    padding: 0 10px 10px;
    position: relative;
	color: #676767;
}
.card .button-container .action-button{
    margin: 10px 10px 0 0;
    height: 30px;
    border-radius: 10px !important;
    border: 1px solid #D66531 !important;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #D66531 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


 .author-name {
  max-width: 70px !important;
}
.bot-face-icon {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/botHead.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.welcome-image {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/service-aide-logo.png");
}
.agent-icon {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/agent-icon.svg");
  background-repeat: no-repeat;
  
}
// .welcome-container {
// 	background-image: url('https://serviceaide.b-cdn.net/webwidget/welcome-background.png');

// }
.broken-bot {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/lostConnectionBot.svg");
}

.close-icon-small {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/close-small.svg");
  height: 20px;
  width: 20px;
}

.minimize-icon-small {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/minimize-small.svg");
  height: 20px;
  width: 20px;
}

.maximize-icon {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/maximize.svg");
  height: 20px;
  width: 20px;
}

.clear-all-icon {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/clear-all.svg");
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}

.minimize-icon {
  background-image: url("https://serviceaide.b-cdn.net/webwidget/minimize.svg");
  height: 20px;
  width: 20px;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/material/MaterialIcons-Regular.woff") format("woff");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}

/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/montserrat/montserrat-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/montserrat/montserrat-v14-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/montserrat/montserrat-v14-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/montserrat/montserrat-v14-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/montserrat/montserrat-v14-latin-regular.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/montserrat/montserrat-v14-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/roboto/roboto-v20-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/roboto/roboto-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/roboto/roboto-v20-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/roboto/roboto-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black"), url("https://serviceaide.b-cdn.net/webwidget/assets/fonts/roboto/roboto-v20-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Aeonik";
  font-style: normal;
  font-weight: 900;
  src: local("Aeonik"), local("Aeonik"), url("assets/fonts/Aeonik/Aeonik-Thin.otf") format("otf"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.error {
  background: #d8000c !important;
}

.in-progress {
  background: #00529b !important;
}

.success {
  background: #4f8a10 !important;
}