.infopane {
  color: #000000;
  overflow: hidden;
}
@-webkit-keyframes infopane-appear {
  0% {
    max-height: 0;
    opacity: 0;
    padding: 0;
    overflow: hidden;
  }
  100% {
    max-height: 54px;
    opacity: 1;
    overflow: hidden;
  }
}
@keyframes infopane-appear {
  0% {
    max-height: 0;
    opacity: 0;
    padding: 0;
    overflow: hidden;
  }
  100% {
    max-height: 54px;
    opacity: 1;
    overflow: hidden;
  }
}
.infopane .infopane-msg {
  position: relative;
  background-color: #EBEBEB;
  color: #000000;
}
.infopane .msg-body {
  font-size: 13.5px;
  line-height: 18px;
  padding: 0px 5px;
  padding-right: 16.2px;
}
.infopane .msg-close {
  display: block;
  width: 13.5px;
  height: 13.5px;
  position: absolute;
  top: 2.7px;
  right: 2.7px;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 13.5px;
}
.infopane .msg-close:after {
  content: '\2715';
}
.infopane .msg-close:hover {
  text-decoration: none;
}
.infopane .msg-appear {
  -webkit-animation: infopane-appear 0.3s linear;
  animation: infopane-appear 0.3s linear;
}
.infopane .msg-hide {
  -webkit-animation: infopane-appear 0.3s linear reverse forwards;
  animation: infopane-appear 0.3s linear reverse forwards;
}
.infopane .msg-ok {
  background-color: #B1DD37;
  color: #000000;
}
.infopane .msg-info {
  background-color: #63A8DB;
  color: #000000;
}
.infopane .msg-warn {
  background-color: #FFEFAE;
  color: #000000;
}
.infopane .msg-err {
  background-color: #E01919;
  color: #ffffff;
}