.volatile-container > .request {
  display: none;
}

.volatile-container > .response > .actions { 
  padding-top: 0.8em; 
}

.volatile-container {
  border-top: 1px solid #222222;
}

.volatile-container .expander {
  width: 1em;
  height: 1em;
  font-size: 3em;
  float: left;
}

.volatile-container.closed {
  height: 3.5em;
}

.volatile-container.closed .volatile-convos .dialog {
  height: 2em;
}

.volatile-container.closed .message {
  text-overflow: ellipsis;
  width: 85%;
  overflow:hidden; 
  white-space:nowrap; 
}

.volatile-container.opened .volatile-convos .dialog {
  margin-bottom: 0.3em;
}

.volatile-convos {
  margin-top: 0.2em;
  float: left;
  width: 80%;
}

.volatile-convo-number {
  padding-top: 1.5em;
  width: 80%;
  float: left;
}

.volatile-container .expander.pulse-error {
  animation: pulse-error 5s infinite;
  -webkit-animation: pulse-error 5s infinite;
}

@keyframes pulse-error {
  0% {
    text-shadow: 0px 0px 1px #ff0000;
  }
  50% {
    text-shadow: 0px 0px 10px #ff0000;
  }
  100% {
    text-shadow: 0px 0px 1px #ff0000;
  }
}

@-webkit-keyframes pulse-error {
  0% {
    text-shadow: 0px 0px 1px #ff0000;
  }
  50% {
    text-shadow: 0px 0px 10px #ff0000;
  }
  100% {
    text-shadow: 0px 0px 1px #ff0000;
  }
}

.volatile-container .expander.pulse-info {
  animation: pulse-info 5s infinite;
  -webkit-animation: pulse-info 5s infinite;
}

@keyframes pulse-info {
  0% {
    text-shadow: 0px 0px 1px #00ff00;
  }
  50% {
    text-shadow: 0px 0px 10px #00ff00;
  }
  100% {
    text-shadow: 0px 0px 1px #00ff00;
  }
}

@-webkit-keyframes pulse-info {
  0% {
    text-shadow: 0px 0px 1px #00ff00;
  }
  50% {
    text-shadow: 0px 0px 10px #00ff00;
  }
  100% {
    text-shadow: 0px 0px 1px #00ff00;
  }
}

.volatile-container .expander.pulse-both {
  animation: pulse-both 5s infinite;
  -webkit-animation: pulse-both 5s infinite;
}

@-webkit-keyframes pulse-both {
  0% {
    text-shadow: 0px 0px 10px #00ff00;
  }
  50% {
    text-shadow: 0px 0px 10px #ff0000;
  }
  100% {
    text-shadow: 0px 0px 10px #00ff00;
  }
}

@keyframes pulse-both {
  0% {
    text-shadow: 0px 0px 10px #00ff00;
  }
  50% {
    text-shadow: 0px 0px 10px #ff0000;
  }
  100% {
    text-shadow: 0px 0px 10px #00ff00;
  }
}

.volatile-convos .dialog {
  position: relative;
}

.volatile-convos .dialog {
  border-radius: 1em;
  border: 1px solid grey;
  width: 95%;
  padding: 0.3em;
  overflow-y: hidden;
}

.volatile-convos .dialog.error {
  border-color: red;
}

.volatile-convos .dialog.info {
  border-color: green;
}
.volatile-convos .prompt, .volatile-convos .expression {
  font-size: 0.75em;
}

.volatile-convos .request {
  padding: 0;
  padding-left: 2.3em; 
  border: none;
}

.volatile-convos .icon {
  margin-top: -0.5em;
  width: 1em;
  height: 1em;
  font-size: 3em;
  float: left;
}

.volatile-convos .error .icon {
  font-size: 4em;
  margin-top: -0.8em;
  width: 0.7em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.volatile-convos .error .icon {
	  font-size: 3em;
	  margin-top: -0.7em;
	  width: 1em;
	}
}

.volatile-convos .info .icon {
  margin-top: -0.7em;
  padding-left: 0.2em; 
  width: 0.7em;
}


.volatile-convos .message {
  float: left;
}