.ltds-notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #1e283c;
}
.ltds-notification a {
  color: #158ec2;
}

.ltds-notification-icon,
.ltds-notification-text,
.ltds-notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}
.ltds-notification-text {
  padding: 0 15px;
  width: 100%;
}
.ltds-notification + .ltds-notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.ltds-notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}
.ltds-notification-error .ltds-notification-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}
/* Notice */
.ltds-notification-notice {
  background: #dcf0e6;
  border-color: #b6d3c4;
}
.ltds-notification-notice .ltds-notification-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Alert / Lock */
.ltds-notification-alert,
.ltds-notification-lock {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}
.ltds-notification-alert .ltds-notification-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}
.ltds-notification-lock .ltds-notification-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' d='M3.5 5.5V3a2.5 2.5 0 015 0v2.5'/%3E%3Crect width='10' height='7' x='1' y='5' fill='%23ad5e18' rx='1' ry='1'/%3E%3C/svg%3E");
}
.ltds-notification-icon::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}
/* Dismiss button */
.ltds-notification-dismiss,
a.ltds-notification-dismiss {
  color: #555555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}
.ltds-notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.ltds-notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
[dir="rtl"] .ltds-notification-inline {
  text-align: right;
}
.ltds-notification-inline[aria-hidden="true"] {
  display: none;
}
.ltds-notification-inline.ltds-notification-error::before {
  border-radius: 50%;
  border: 1px solid #e35b66;
  color: #e35b66;
  content: "!";
  display: inline-block;
  font-family: sans-serif;
  font-size: 8px;
  font-weight: normal;
  height: 12px;
  line-height: 12px;
  margin: -2px 5px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 12px;
}
[dir="rtl"] .ltds-notification-inline.ltds-notification-error::before {
  margin: 0 0 0 5px;
}
.ltds-notification-inline.ltds-notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}
.ltds-notification-inline.ltds-notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}
.ltds-notification-left-aligned {
  text-align: left;
  padding-left: 0;
}
html[dir="rtl"] .ltds-notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.ltds-messages {
  padding-top: 5px;
}

[hidden] {
  display: none !important;
}

.ltds-notification-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}