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

*/
@font-face {
    font-family: 'PublicSans Medium';
    src: url('../assets/fonts/public-sans/PublicSans-Medium.ttf') format('truetype');
}

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

.message-button {
    display: none;
}

.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: #ffffff !important
} 
 
.message-bot .message-bubble {
    font-family: 'PublicSans Medium' !important;
    background-color: #edebee !important;
}
 
.message-human .message-bubble {
    font-family: 'PublicSans Medium' !important;
    background-color: #afcffa !important;
}

.v-card-text {
    font-family: 'PublicSans Medium' !important;
    font-size: 1rem !important;
    display: table-row-group;
    padding: 0 12px; 
}

.v-card {
    width: fit-content !important;
    padding: 1.5em !important;
}
.v-btn {
    font-family: 'PublicSans Medium' !important;
    background-color: #ffffff !important;
    color: #000 !important;
}

.message-list-container .message-undefined,
.message-list-container .message-positiveRating,
.message-list-container .message-Thank,
.message-list-container .message-negativeRating,
.message-list-container .message-Help,
.message-list-container .message-invisible,
.message-list-container .message-welcome {
  display: none !important;
}

/* .message-bubble-avatar-container {
    padding-bottom: 5px;
}
    */

.response-card {
    padding-top: 25px;
    justify-content: unset !important;
}

/* .message-list-container.toolbar-height-sm {
    top: unset !important;
    height: 90% !important
}

.message-list-container.toolbar-height-md {
    top: unset !important;
    height: 90% !important
}
.message-list-container.toolbar-height-lg {
    top: unset !important;
    height: 90% !important
} */

.button-row {
    display: grid !important;
    justify-items: center !important;
}

.v-card-actions .v-btn {
    min-width: 100px !important;
    text-transform: unset !important;
}

.v-card-actions.button-row {
    justify-content: start !important;
    padding-bottom: .15em;
    padding-top: 10px;
}

.text-h5 {
    font-family: 'PublicSans Medium' !important;
}

.v-card {
    width: 70vw !important;
    padding-left: 5vw !important;
}

.disclaimer-text {
    color:#525252;
    font-family: 'PublicSans Medium' !important;
    font-size:12px;
    font-style:italic;
    padding-bottom: 1.2rem;
}

.message-list {
    padding-top: unset !important;
  }

.v-toolbar-title {
    font-size: 1rem;
}

.provider-form .rules {
    margin-top: 5px;
    margin-bottom: 5px;
}

.highlight {
    border: 1px dashed #c40e3d;
}

.focusable:focus {
    box-shadow: 0 3.25px 3.75px rgba(0,0,0,0.25), 0 3.25px 2.5px rgba(0,0,0,0.22) !important;
}

.nav-btn:focus {
    outline: 2px solid #000; /* Add a visible outline */
    background-color: #f0f0f0; /* Change background color on focus */
}