/* 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;
}

*/

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

.message-button {
    display: none;
}


.toolbar__title {
    font-size: 6.2px;!important;
   font-weight: normal;!important;
    /* letter-spacing: .02em; */
     margin-left: -5px; !important;
    white-space: normal; !important;
    overflow: visible; !important;

    /* text-overflow: ellipsis; */
}
.toolbar__content{
	    height: 68px !important;
}

.toolbar.theme--dark {
    background-color: #1b489a !important;
}

button.min-button {
    border-radius: 60px;
    background-color: #1b489a !important;
    border-color: #39477e !important;
}

@media only screen and (max-width: 600px) {
      .toolbar__title {
      font-size: 4.6px;!important;
     font-weight: normal;!important;
      /* letter-spacing: .02em; */
       margin-left: -8px; !important;
      white-space: normal; !important;
      overflow: visible; !important;
  
      /* text-overflow: ellipsis; */
  }
  }
  
  @media only screen and (min-width: 450px) and (max-width: 666px) {
      .toolbar__title {
       font-size: 5.6px !important;
     font-weight: normal;!important;
      /* letter-spacing: .02em; */
       margin-left: -8px; !important;
      white-space: normal; !important;
      overflow: visible; !important;
  
      /* text-overflow: ellipsis; */
  }
  .toolbar__content{
	    height: 75px !important;
}


  }