#ui_notifIt {
  
}


#ui_notifIt p {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.alerts {
  margin: 20px;
}

.alert-message.warning,
.alert-message.warning:hover,
.alert-message.warning p a,
.alert-message.danger,
.alert-message.danger:hover,
.alert-message.error,
.alert-message.error:hover,
.alert-message.error p a,
.alert-message.success,
.alert-message.success:hover,
.alert-message.info,
.alert-message.info:hover,
.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a
{
  color: #ffffff;
}

.alert-message .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}

.alert-message.danger,.alert-message.error {
  background-color: #de4343;
  border-color: #c43d3d;
}

.alert-message.success {
  background-color: #61b832;
  border-color: #55a12c;
}

.alert-message.info {
  background-color: #4ea5cd;
  border-color: #3b8eb5;
}

.alert-message.warning {
  background-color: #eaaf51;
  border-color: #d99a36;
  color: #817E78;
}

:root .alert-message {
  border-radius: 0;
}

.close {
  float: right;
  color: #000000;
  font-size: 30px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity =   25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity =   40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.alert-message {
  font-family: 'Raleway', sans-serif;
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  background-size: 40px 40px;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255
    , 255, 255, .05)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
    color-stop(.75, rgba(255, 255, 255, .05)),
    color-stop(.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05)
    25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
    rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05)
    25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
    rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05)
    25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
    rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05)
    25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
    rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
    transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
    rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
  width: 100%;
  border: 1px solid;
  color: #fff;
  position: fixed;
  _position: absolute;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
  -webkit-animation: animate-bg 5s linear infinite;
  -moz-animation: animate-bg 5s linear infinite;
  z-index: 9999;
  padding: 10px 15px;
  margin-bottom: 18px;
}

.alert-message .close {
  margin-top: 0;
}

.alert-message a {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}


.alert-message p a:hover {
  text-decoration: underline;
}


@-webkit-keyframes animate-bg
{
  from {
    background-position: 0 0;
  }
  to {
    background-position: -80px 0;
  }
}

@-moz-keyframes animate-bg 
{
  from {
    background-position: 0 0;
  }
  to {
    background-position: -80px 0;
  }
}