/* * {
  transition: all 0.6s;
} */
#message-container {
  height: 300px !important;
}

#messages {
  position: relative;
}

#messages > div {
  padding-left: 32px;
}

.watson-message {
  position: relative;
}
.watson-message::before {
  position: absolute;
  left: -32px;
  top: 0;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/chat_icon.png) no-repeat center/cover;
}

.user-message {
  border-radius: 1.4em !important;
  margin-bottom: 10px !important;
}
.user-message p {
  display: none;
}

.message-option {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
}
.message-option.selected {
  color: rgb(45, 106, 145) !important;
  background-color: rgb(220, 228, 233) !important;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
._delay0 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

._delay1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

._delay2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

._delay3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

._delay4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

._delay5 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

._delay6 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

._delay7 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

._delay8 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

._delay9 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.user-message {
  background-color: #dddddd !important;
}

.message-form {
  display: none !important;
}