/* 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: #f44336 !important;
    background-image: url("mountain_range.jpg");
    background-size: 100% 400%; /* or contain depending on what you want */
  background-position: center center;
  background-repeat: no-repeat;
}

.toolbar__title {
  font-family:"Arial" !important;
  font-size: 1.5em !important;
  color: #ffffff !important;

}


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


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

.message-human .message-bubble {
    background-color: #e8eaf6 !important;
}
/*
.input-button{
    background-color: #7ac2a099 !important;
}
.min-max-toggle{
    background-color: black !important;
}*/
.btn--round{
  background-color: #f5f5f5 !important;
}
.message-bubble .message-text {
    padding-left:  0;
    padding-right: 0;
    line-height: 1.6;
    font-size: 1rem;
}
.btn__content{
  font-family:"Arial" !important;
  font-size: 0.8rem;
}
/*
.message-bubble p {
    margin-bottom: 8px;
}

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



.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;
}


*/