.messages {
  padding: 9px;
  margin: 1em 0;
  color: #919191;
  background-color: #ddd;
  border: 1px solid #c4c4c4;
  word-wrap: break-word;
}

.messages pre {
  border: 0;
}

.messages--warning {
  color: #903023;
  background-color: #ddc44f;
  border-color: #d1b328;
}

.messages--warning pre {
  background-color: #d1b328;
}

.messages--error {
  color: white;
  background-color: #cd4533;
  border-color: #a53728;
}

.messages--error pre {
  background-color: #a53728;
}

.messages--status {
  color: #fdfdfd;
  background-color: #212531;
}

.messages--status pre {
  background-color: #73a03c;
}

.alert-message.messages--status a, .alert-message.messages--status.uk-alert em {
  color: #fff;
}
/*.alert-message.messages--status.uk-alert {
    background: url(/themes/custom/novebo/images/icon/notify/3.svg), #282a35;
    background-repeat: no-repeat;
    background-position-y: center;
    padding: 40px 90px;
}*/

.alert-message.messages--status.uk-alert {
  --border-angle: 0turn;
  --main-bg: conic-gradient(from var(--border-angle),#213,#112 5%,#112 60%,#213 95%);
  border: solid 3px transparent;
  --gradient-border: conic-gradient(from var(--border-angle),transparent 25%,#08f,#f03 99%,transparent);
  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 20px 30px 20px 40px;
  animation: bg-spin 3s linear infinite;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 100px;
}
@keyframes bg-spin {
 to {
   --border-angle: 1turn;
 }
}
.alert-message.messages--status.uk-alert:hover {
 animation-play-state: paused;
}
@property --border-angle {
 syntax: "<angle>";
 inherits: true;
 initial-value: 0turn;
}

.uk-alert-close.uk-icon.uk-close {
  display: flex;
  justify-content: end;
  cursor: pointer;
}
.alert-message  {
  position: fixed !important;
  padding: 20px 50px;
  right: 15px;
  border-radius: 5px;
  width: 500px;
  max-width: 100%;
  top: 140px;
  box-shadow: 0 14px 25px rgba(0,0,0,.16);
  z-index: 2;
  color: #fff !important;
}


/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvY29tcG9uZW50cy9tZXNzYWdlcy5zY3NzIiwiY29tcG9uZW50cy9jb25maWcvX3ZhcmlhYmxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0UsYUFBWTtFQUNaLGNBQWE7RUFDYixlQUErQjtFQUMvQix1QkM2QmU7RUQ1QmYsMEJBQTBDO0VBQzFDLHNCQUFxQjtDQUt0Qjs7QUFYRDtFQVNJLFVBQVM7Q0FDVjs7QUFHSDtFQUNFLGVBQWdDO0VBQ2hDLDBCQ3lCcUI7RUR4QnJCLHNCQUF5QztDQUsxQzs7QUFSRDtFQU1JLDBCQUE2QztDQUM5Qzs7QUFHSDtFQUNFLGFBQVk7RUFDWiwwQkNnQm1CO0VEZm5CLHNCQUF1QztDQUt4Qzs7QUFSRDtFQU1JLDBCQUEyQztDQUM1Qzs7QUFHSDtFQUNFLGVBQWlDO0VBQ2pDLDBCQ0lvQjtFREhwQixzQkFBd0M7Q0FLekM7O0FBUkQ7RUFNSSwwQkFBNEM7Q0FDN0MiLCJmaWxlIjoidG8uY3NzIn0= */
/*# sourceMappingURL=messages.css.map */