/* Hidden checkbox that controls the visibility of the notification entries. */
.hide-notification { display: none; }
.hide-notification:checked ~ .notification-back { display: block; }

/* Notification entries container that obscures the page. */
.notification-back {
  display: none;
  position: fixed;
  bottom: 0;
  right: 5pt;
  margin-left: 5pt;
  z-order: 1;
}

/* Notification entry. */
.notification-box {
  padding: 5pt;
  margin-bottom: 2pt;
  border-radius: 3pt;
  color: #363E42;
  display: flex;
  align-items: center;
}

.notification-box--warning { background-color: #FED65A; }
.notification-box--information { background-color: #A4C1FE;/*92FE5E;*/ }

/* Text in the user's language selected by @msg-id. */
.notification-box__msg {
}

/* Raw text sent by the server. */
.notification-box__details {
  font-size: 15px;
}

.notification-svg {
  min-width: 16pt;
  min-height: 16pt;
  width: 16pt;
  height: 16pt;
  margin-right: 5pt;
}
.notification-svg use { fill: #2C363A; }
