.bg-red {
    background-color: #00953a !important;
}

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

.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;
    background-color: #00953a !important;
    border-color: #00953a !important;
}

.v-card-actions .v-btn {
  background-color: #5c666f !important;
  color: #ffffff !important;
  letter-spacing: normal !important;
  margin: 4px 4px !important;
  font-size: 1em !important;
  min-width: 56px !important;
}

.v-card-actions .v-btn:hover {
  outline: 2px solid #000; 
  outline-offset: 2px;
}

.v-card-actions .v-btn:focus {
   outline: 2px solid #000; 
   outline-offset: 2px;
}

.message-button {
    display: none;
}

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

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

.input-container {
    position: fixed !important;
    bottom:0;
    left:0;
    right:0;
}

@media only screen
and (min-device-width : 280px)
and (max-device-width : 347px) {

    .v-toolbar-title {
      font-size: 4px !important;
    }
}

@media only screen
and (min-device-width : 348px)
and (max-device-width : 375px) {

    .v-toolbar-title {
      font-size: 6px !important;
    }
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 480px) {

    .v-toolbar-title {
      font-size: 8px !important;
    }
}

@media only screen
and (min-device-width : 481px)
and (max-device-width : 549px) {

    .v-toolbar-title {
      font-size: 10px !important;
    }
}

.v-btn__content::before {
    opacity: .35 !important;
}

/*.v-toolbar-title {*/
/*    margin-left: -10px !important;*/
/*}*/

.v-card {
    width: 82vw !important;
}

.avatar {
    align-self: center !important;
}