/* PPZ THEME */
[ui-pnotify].ui-pnotify {
  z-index: 2147483647;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

[ui-pnotify].ui-pnotify .ui-pnotify-container {
  border-radius: 4px;
  padding: 12px 16px;
  line-height: 18px;
  font-size: 14px;
}

[ui-pnotify].ui-pnotify .brighttheme-success {
  background: #64b712;
  color: #fff;
}

[ui-pnotify].ui-pnotify .brighttheme-error {
  background: var(--error-color);
  color: #fff;
}

[ui-pnotify].ui-pnotify .ui-pnotify-title {
  margin-bottom: 0 !important;
}

[ui-pnotify].animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}