/* 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;
}
.red{
    background: #B22222 !important;
    border: 3px solid hsl(0deg 16% 96% / 70%)!important;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 50%), 4px 5px 3px 3px rgb(0 0 0 / 24%), 3px 5px 16px 0 rgb(0 0 0 / 50%);
}
.message-list{
    padding-top:2rem!important;
}
.message-human .message-bubble {
    background-color: #FFEBEE !important;
    border-radius: 10px!important;
}
.blue_focusable{
    box-shadow: #f5cfc391 0px 4px 15px 0px, rgb(255 235 238) 0px 1px 2px 0px, rgb(45, 79, 230) 0px 2px 0px 0px inset!important;
}
.message-bot .blue_focusable {
    box-shadow: #8db1f5 0px 4px 15px 0px, rgb(255 235 238) 0px 1px 2px 0px, rgb(47, 93, 218) 0px 2px 0px 0px inset!important;
    background-color: #ffffff!important;
}
.message-human .blue_focusable {
    box-shadow: #8db1f5 0px 4px 15px 0px, rgb(255 235 238) 0px 1px 2px 0px, rgb(47, 93, 218) 0px 2px 0px 0px inset!important;
    background-color: #ebefff !important;
    border-radius: 10px!important;
}
.focusable{
    /* box-shadow: 0 0.25px 0.75px rgb(0 0 0 / 12%), 0 0.25px 0.5px rgb(0 0 0 / 24%); */
    box-shadow: #f5cfc391 0px 4px 15px 0px, rgb(255 235 238) 0px 1px 2px 0px, rgb(218 59 47) 0px 2px 0px 0px inset!important;
}

.message-bot .focusable {
    box-shadow: #f3c4cb 0px 4px 15px 0px, rgb(255 235 238) 0px 1px 2px 0px, rgb(218 59 47) 0px 2px 0px 0px inset!important;
    background-color: #ffffff!important;
}
.message-bubble{
    border-radius: 10px!important;
    font-size: 14px!important;
}
nav[style]{
    height:60px;
}
.white{
    height:50px!important;
}
.btn--floating{
    height: 65px;
    width: 65px;
}
.toolbar__title{
    padding-top:1rem;
    color:white;
}
.application--wrap{
    font-family: "sans-serif, Arial, Helvetica Neue", Helvetica!important;
}
.card__actions .btn{
    border: 0.05em solid rgb(178 34 34) !important;
    color: #a94442 !important;
    background-color: white !important;
    border-radius: 10px !important;
}
.menu{
    display:none!important
}

.blue_focusable_progress {
    background-color: #baccf1!important; /* red-50 from material palette */
  }