#status-message-box {
  display: none;
  position: fixed;
  right: 2em;
  top: 2em;
  padding: 15px 20px;
  max-width: 300px;
  border-radius: 6px;
  box-shadow: 0 21px 29px 0 rgba(44, 44, 44, 0.21);
  z-index: 18;
  background-color: #fff;
  border-top: 4px solid;
  border-top-color: transparent;
  transition: border-top-color 0.2s ease-in;
}

#status-message-box-close {
  position: absolute;
  top: -2px;
  right: 8px;
  font-size: 20px;
  cursor: pointer;
}

#status-message-box .message-title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
  transition: color 0.2s ease-in;
}

#status-message-box #status-message-box-content {
  color: #232323;
  line-height: 24px;
}

#status-message-box #status-message-box-content a,
#status-message-box #status-message-box-content a:visited {
  color: #be4335;
  text-decoration: underline;
}

#status-message-box #status-message-box-content a:hover {
  text-decoration: none;
}

#status-message-box.info-message {
  border-top-color: #248232;
}

#status-message-box.info-message .message-title {
  color: #248232;
}

#status-message-box.error-message {
  border-top-color: #db4131;
}

#status-message-box.error-message .message-title {
  color: #db4131;
}

@media screen and (max-width: 767px) {
  #status-message-box {
    max-width: none;
    width: 90%;
    right: 5%;
    top: 3.2em;
  }
}

/*# sourceMappingURL=status-message-box.css.map */