/* Example custom css file for lex-web-ui. Entire file is commented out as a default. Uncomment and
 adjust as needed.

.toolbar.theme--dark {
    background-color: #2b2b2b !important;
}

.toolbar__title {
  font-family:"Sans-serif" !important;
  font-size: 1.875em !important;
  color: #ffffff !important;
}

.message-list-container {
  background-color: #dcdbdc !important
}

.message-bot .message-bubble {
    background-color: #eeedeb !important;
}

.message-human .message-bubble {
    background-color: #afcffa !important;
}

.message-bubble p {
    margin-bottom: 8px;
}

.message-bubble p:last-child {
    margin-bottom: 0px;
}

.message-bubble .message-text {
    padding-left:  0;
    padding-right: 0;
    line-height: 1.6;
    font-size: 1rem;
}

.message-bubble {
    border-radius: 10px !important;
    padding: 2px 18px !important;
}

.message-text {
  color: #000000;
  width: 100%;
}

.headline {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
}

.card__title {
    padding: 10px 16px !important;
}

.card__text {
    padding: 8px 16px 16px !important;
    line-height: 1.4;
}

.card__title.card__title--primary {
    background-color: #eeedeb !important;
}


.input-group--text-field input,
.input-group--text-field textarea,
.input-group--text-field label {
    font-size: 14px !important;
}

.card__actions .btn {
  margin: 4px 4px !important;
  font-size: 1em !important;
  min-width: 44px !important;
  background-color: #afcffa !important;
}

*/

.lex-web-ui-iframe {
   min-width: 38vw !important;
   max-height: 505px !important;   
   margin-bottom: 10px !important;
}

font-face
{
    font-family: 'Inter';
    src: url('./Inter-Regular.ttf')format('truetype');
}

body {
  font-family: 'Inter';
}

.v-row.message-bubble-row-bot:has(.message-bubble-row-bot:empty) {
     display:none;
}

.v-toolbar__content .v-btn.v-btn--density-default {
   
  background: none !important;
  color: #fff !important;
}
.v-btn.v-btn--elevated.v-btn--icon {
  background-color:#0A53CA !important;
  color:#fff !important;
} 
.message-bot .message-bubble {
  background-color:#FCFCFC !important;color: #6B7280;border: 1px solid #E5E7EB; border-radius: 8px;
}

.message-human .message-bubble{
  background-color:#0A53CA !important;;color:#fff; border-radius: 8px;
}
.v-toolbar__content>.v-toolbar-title {
  margin-inline-start: 5px;
  margin-top:4px;
}

.v-toolbar-title__placeholder h2{
  font-size: 22px;
}

.v-toolbar-title__placeholder h2::after {
  content: 'Virtual Assistant';
  display:block;
  color: #8DADE1;
  font-size: 14px;
}

.v-text-field .v-field--single-line input{
  position:relative;
}

.v-text-field .v-field--single-line input::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image:url('chatboticon.svg') no-repeat;
}

.v-btn {
  text-transform:capitalize !important;
}

.v-btn.v-btn--density-default {
  background: #EDF4FF !important;
  color: #424242 !important;
}



button.min-button {
    border-radius: 60px;
}

.message-button {
    display: none;
}