.ui-notification {
  /*///////////////////////////
	/			MIXINS			/
	///////////////////////////*/
  /*///////////////////////////
	/	NOTIFICATION COLORS		/
	///////////////////////////*/
  /*///////////////////////////
	/		DISMISS BUTTON		/
	///////////////////////////*/
  /*///////////////////////////
	/		GENERAL INNER		/
	///////////////////////////*/
  /*///////////////////////////
	/		AREA STYLES			/
	///////////////////////////*/
  /*///////////////////////////
	/		BAR STYLES			/
	///////////////////////////*/
  /*///////////////////////////
	/		TOAST STYLES		/
	///////////////////////////*/
}
.ui-notification .ui-notification-success .ui-notification-body {
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
  color: #3C763D;
}
.ui-notification .ui-notification-success .ui-notification-body:before {
  margin-right: 10px;
  font-family: FontAwesome;
  content: "\f00c";
}
.ui-notification .ui-notification-info .ui-notification-body {
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  color: #31708F;
}
.ui-notification .ui-notification-info .ui-notification-body:before {
  margin-right: 10px;
  font-family: FontAwesome;
  content: "\f129";
}
.ui-notification .ui-notification-warning .ui-notification-body {
  background-color: #FCF8E3;
  border: 1px solid #FAEBCC;
  color: #8A6D3B;
}
.ui-notification .ui-notification-warning .ui-notification-body:before {
  margin-right: 10px;
  font-family: FontAwesome;
  content: "\f12a";
}
.ui-notification .ui-notification-danger .ui-notification-body {
  background-color: #F2DEDE;
  border: 1px solid #EBCCD1;
  color: #A94442;
}
.ui-notification .ui-notification-danger .ui-notification-body:before {
  margin-right: 10px;
  font-family: FontAwesome;
  content: "\f071";
}
.ui-notification .ui-notification-dismiss {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 2;
  background-color: transparent;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  font-weight: bold;
  color: #000;
  text-align: center;
  cursor: pointer;
  opacity: 0.2;
}
.ui-notification .ui-notification-dismiss:hover {
  opacity: 0.5;
}
.ui-notification .ui-notification-dismiss .ui-notification-sr {
  display: none;
}
.ui-notification .ui-notification-inner {
  position: relative;
  overflow: hidden;
}
.ui-notification .ui-notification-inner .ui-notification-body {
  position: relative;
  z-index: 1;
}
.ui-notification.ui-notification-area .ui-notification-inner .ui-notification-dismiss {
  width: 2em;
  height: 2em;
  line-height: 2em;
  top: 12px;
  right: 10px;
}
.ui-notification.ui-notification-area .ui-notification-inner .ui-notification-body {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 20px;
  margin: 5px 0;
}
.ui-notification.ui-notification-area .ui-notification-inner.ui-notification-dismissible .ui-notification-body {
  padding-right: 40px;
}
.ui-notification.ui-notification-bar {
  position: relative;
  height: 35px;
  overflow: hidden;
}
.ui-notification.ui-notification-bar .ui-notification-items {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.ui-notification.ui-notification-bar .ui-notification-inner {
  height: 100%;
  overflow: visible;
}
.ui-notification.ui-notification-bar .ui-notification-inner .ui-notification-dismiss {
  top: 0.5em;
  right: 10px;
}
.ui-notification.ui-notification-bar .ui-notification-inner .ui-notification-body {
  height: 100%;
  line-height: 100%;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px;
  overflow: hidden;
}
.ui-notification.ui-notification-bar .ui-notification-inner.ui-notification-dismissible .ui-notification-body {
  padding-right: 40px;
}
.ui-notification.ui-notification-bar.ui-notification-dismissible .ui-notification-body {
  padding-right: 30px;
}
.ui-notification.ui-notification-toast {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
}
.ui-notification.ui-notification-toast .ui-notification-inner {
  position: absolute;
  bottom: 0;
  padding: 0 30px 0 20px;
}
.ui-notification.ui-notification-toast .ui-notification-inner .ui-notification-dismiss {
  width: 2em;
  height: 2em;
  line-height: 2em;
  top: 17px;
  right: 35px;
}
.ui-notification.ui-notification-toast .ui-notification-inner .ui-notification-body {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 20px;
  margin: 5px 0;
  -webkit-box-shadow: 0 2px 4px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 2px 4px rgba(50, 50, 50, 0.75);
  box-shadow: 0 2px 4px rgba(50, 50, 50, 0.75);
}
.ui-notification.ui-notification-toast .ui-notification-inner.ui-notification-dismissible .ui-notification-body {
  padding-right: 40px;
}