#LnkNotification {
  position: fixed;
  max-height: 100%;
  padding: 1em 0;
  right: 0;
  bottom: 0;
  z-index: 2000; }

.lnk-notification {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(42, 45, 50, 0.85);
  padding: 2em;
  margin: 2em;
  line-height: 1.4;
  pointer-events: none;
  color: rgba(250, 251, 255, 0.95);
  position: relative; }
  .lnk-notification--show, .lnk-notification--visible {
    pointer-events: auto; }
  .lnk-notification__close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .lnk-notification__close:hover, .lnk-notification__close:focus {
      outline: none; }
    .lnk-notification__close::before, .lnk-notification__close::after {
      content: '';
      position: absolute;
      width: 3px;
      height: 60%;
      top: 50%;
      left: 50%;
      background: #fff;
      opacity: 0.3; }
    .lnk-notification__close::before {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
    .lnk-notification__close::after {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }
    .lnk-notification__close:hover::before, .lnk-notification__close:hover::after {
      opacity: 1; }
  .lnk-notification a {
    color: inherit;
    opacity: 0.7;
    font-weight: 700; }
    .lnk-notification a:hover, .lnk-notification a:focus {
      opacity: 1; }
  .lnk-notification p {
    margin: 0; }
  .lnk-notification-layout-simple {
    border-radius: 0px; }
  .lnk-notification-effect-scale {
    box-shadow: 0 25px 10px -15px rgba(0, 0, 0, 0.05); }
    .lnk-notification-effect-scale.lnk-notification--show, .lnk-notification-effect-scale.lnk-notification--hide {
      -webkit-animation-name: animScale;
      animation-name: animScale;
      -webkit-animation-duration: 0.25s;
      animation-duration: 0.25s; }
  .lnk-notification-type-primary {
    background-color: #0275D8; }
  .lnk-notification-type-success {
    background-color: #37cc91; }
  .lnk-notification-type-info {
    background-color: #5BC0DE; }
  .lnk-notification-type-warning {
    background-color: #F0AD4E; }
  .lnk-notification-type-danger {
    background-color: #D9534F; }

[class^="lnk-notification-effect-"].lnk-notification-layout-simple.lnk-notification--hide,
[class*=" lnk-notification-effect-"].lnk-notification-layout-simple.lnk-notification--hide {
  -webkit-animation-direction: reverse;
  animation-direction: reverse; }

@-webkit-keyframes animScale {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@keyframes animScale {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@media screen and (max-width: 25em) {
  .lnk-notification-layout-growl {
    top: 10px;
    left: 10px;
    right: 10px;
    max-width: none; } }