/* line 64, ../bower_components/hmps-animate-scss/animate.scss */
body {
  -webkit-backface-visibility: hidden;
}

.notifications { z-index: 1001 !important; }
/* line 4, ../sass/ngNotificationsBar.scss */
.notifications .notifications-container {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 60px;
  line-height: 35px;
  width: 100%;
  z-index: 9999;
}
.notifications span { display:inline-block; }
.notifications * { color: #fff !important; }
/* line 14, ../sass/ngNotificationsBar.scss */
.notifications .notification, .notifications .error, .notifications .success, .notifications .warning {
  position: relative;
  -webkit-animation: fadeInDown 1s ease 0.2s 1 both;
  -moz-animation: fadeInDown 1s ease 0.2s 1 both;
  animation: fadeInDown 1s ease 0.2s 1 both;
  -webkit-animation-backface-visibility: hidden;
  -moz-animation-backface-visibility: hidden;
  -ms-animation-backface-visibility: hidden;
  -o-animation-backface-visibility: hidden;
  animation-backface-visibility: hidden;
  text-align: center !important;
  font-family:'Open Sans';
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 22, ../sass/ngNotificationsBar.scss */
.notifications .message {
  padding: 0 6px;
  font-size: 18px;
  font-weight: normal;
}
/* line 26, ../sass/ngNotificationsBar.scss */
.notifications .error {background-color: #FF3333;}
/* line 32, ../sass/ngNotificationsBar.scss */
.notifications .success { background-color: #74BD6C;}
/* line 38, ../sass/ngNotificationsBar.scss */
.notifications .warning { background-color: #FF9933;}

.notifications i { font-size:18px; font-style:normal; }
.notifications .fa-times { float:right; padding: 10px 10px 0; }
.notifications .success i.icon:before { content:'\f00c'; font-family:fontawesome, 'Font Awesome 5 Pro'; }
.notifications .warning i.icon:before, .notifications .error i.icon:before { content:'\f06a'; font-family:fontawesome, 'Font Awesome 5 Pro'; }

/* line 44, ../sass/ngNotificationsBar.scss */
.notifications .close-click {
  font-size: 12px;
  cursor: pointer;
  padding: 10px;
  margin: 0 auto;
  float:right;
}

.notifications .fa-times {
	cursor: pointer;
}

.notifications .error {
	text-transform: none;
}

.notifications i.fa-times:before { cursor: pointer; }