/* put overriding CSS here,
because of the configuration of the code it may be
neccessary to include !important */

/* for feedback thumbs up thumbs down */
/*
.toolbar.theme--dark {
    background-color: rgb(40, 96, 144) !important;
    float: left;
  }

  .feedback-icons-positive {
    color: #E8EAF6 !important;
    padding: .125em;
  }

  .feedback-icons-positive:hover {
    color: green !important;
  }

  .feedback-icons-negative {
    color: #E8EAF6 !important;
    padding: .125em;
  }

  .feedback-icons-negative:hover {
    color: red !important;
  }

  .message-text[data-v-4f01cfd4],
  div.message-text {
    font-size: 15px;
  }

  .message-text {
    color: #000000;
    width: 100%;
  }

  .message-list-container {
    background-color: #dcdbdc !important;
    display: flex;
    flex-direction: column;
  }


  .message-bot .message-bubble {
    background-color: rgb(220, 220, 220) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .sree .message-bot .message-bubble {
    background-color: red;
  }

  .message-human .message-bubble {
    background-color: rgb(232, 232, 232) !important;
    text-align: justify;
    margin-left: 8px !important;
    margin-right: 8px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;

  }

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

  }

  .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 15px !important;
    background-color: rgb(241, 245, 248);
  }


  .headline {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
  }

  .card__title {
    padding: 10px 16px !important;
    color: white;
  }

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


  button.min-button {
    background-color: rgb(40, 96, 144) !important;
    border-color: rgb(40, 96, 144) !important;
  }

  .toolbar__title {
    margin-left: 80px !important;

  }

  .intro-pane {
    background-color: rgb(248, 249, 250);
    min-height: 90px;
    transform: translateZ(0px);
    padding: 18px 18px 22px;
    border-bottom: 1px solid rgb(230, 230, 230);
    display:block;
  }

  .intro-pane .app-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;

  }

  .intro-pane .app-name,
  .intro-pane .intro-text {

    margin-left: 68px;

  }

  .intro-pane .intro-text {
    color: #787f8c;
    font-size: 13px;
    line-height: 1.3;
    margin-top: 8px;
  }

  .app-name {
    font-size: 18px;
    font-weight: 500;
    padding-top: 0%;
  }

  .app-icon {
    float: left;
    text-align: center;

  }

  .card__text {
    padding: 8px 16px 16px !important;
    line-height: 1.4;

  }

  .response-card[data-v-72cb1684] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85vw;


  }

  h1 {
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: .02em;
  }

  .message-wrap {
    flex: 1 1 0% !important;
  }

  @media only screen and (min-width: 481px) and (max-width: 960px) {
    .lex-web-ui-iframe {
      min-width: 100vw;
    }
  }


  .lex-web-ui-iframe iframe {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 475px !important;
    height: 704px !important;
  }

  @media only screen and (max-width: 568px) {
    .lex-web-ui-iframe iframe {
      width: calc(100% - 40px) !important;
      height: calc(100% - 35px) !important;
      right: 20px !important;
    }
  }

  .intro-pane .app-name {
    color: rgb(70, 70, 70);
    font-size: 18px;
    font-weight: 500;
  }

  .layout {
    background: rgb(255, 255, 255);
  }

  .btn__content {
    background-color: rgb(40, 96, 144);
    color: white !important;
    white-space: inherit !important;

  }

  .card__actions {
    display: inline-block !important;
  }

  .card__actions .btn {
    display: block !important;
    height: 40px;
  }

  .info_container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
  }

  #configuration-form {
    margin-top: 0 !important;
  }

  .carousel {
    height: inherit !important;
    width: 100% !important;
    position: relative !important;
    box-shadow: none !important;
  }

  .carousel__item {
    min-height: 250px;
    padding: 0 30px;
  }

  .carousel .carousel__left .btn__content,
  .carousel .carousel__right .btn__content {
    background: rgba(0, 0, 0, .075);
  }

  .carousel .carousel__left .btn i,
  .carousel .carousel__right .btn i {
    font-size: 32px;
  }

  .carousel .carousel__left .btn__content:hover,
  .carousel .carousel__right .btn__content:hover {
    background: rgba(0, 0, 0, .5);
  }

  .message-bot {
    margin-bottom: 20px;
  }
  .message-human {

    margin-bottom: 20px;

  }
  .message-text[data-v-33dcdc58] {
      word-spacing: 0.9px !important;
      text-align: initial  !important;
  }
  .carousel__item .card .card__actions .btn__content {
    padding : auto 12px;
    font-size : 13px;
  }
  .response-card[data-v-72cb1684]{
    margin-bottom: 0px !important;
  }
  .carousel__item .card .card__actions .btn {
    min-height: 51px ;
  }
  .message-bubble-row {
    margin-left: 13px !important;
  }
  .message-text[data-v-33dcdc58] {
    padding-left: 1px !important;
  }
*/
  .oda-chat-button {
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  }