.panel-msg {
  z-index: 20;
  position: fixed;
  width: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.panel-msg .msg-row-1-div {
  border: 2px solid black;
  border-radius: 5px;
}
.panel-msg .msg-row-1-div .msg-row-2-div {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.panel-msg .msg-row-1-div .msg-row-2-div .msg-icon {
  margin-right: 10px;
  color: white;
}
.panel-msg .msg-row-1-div .msg-row-2-div .msg-span {
  color: white;
  font-size: 18px;
}
.panel-msg .msg-err-div {
  background-color: #d7373f;
}
.panel-msg .msg-inf-div {
  background-color: #1473e6;
}
.panel-msg .msg-progress-div {
  width: 0;
  height: 10px;
  background-color: white;
  animation-name: msg-progress;
  animation-duration: 4s;
}
@keyframes msg-progress {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.panel-msg .msg-row-1-div:hover .msg-progress-div {
  animation-play-state: paused;
}

/*# sourceMappingURL=style.css.map */