.pp-notification {
	overflow: hidden;
	margin: 5px;
	position: relative;
	visibility: hidden;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}

.pp-notification p {
	margin: 0 auto 2px auto;
}

.pp-notification.pp-hide {
	display: none;
}

.pp-notification.pp-show {
	visibility: visible;
    z-index: 9999;
}

.pp-notification.animated {
	visibility: visible;
    z-index: 9998;
}

.pp-notification-panel {
    position: fixed;
    z-index: 9998;
}

.pp-close {
	cursor: pointer;
    font-size: 16px;
    line-height: 0;
    position: absolute;
}

.pp-close-0 {
	display: none;
}

.pp-close-1 {
	top: 2px;
	left: 2px;
}

.pp-close-3 {
	top: 2px;
	right: 2px;
}

.pp-close-5 {
	bottom: 2px;
	right: 2px;
}

.pp-close-7 {
	bottom: 2px;
	left: 2px;
}

.pp-notification-panel-1 {
    top: 10px;
    left: 10px;
}

.pp-notification-panel-2 {
    left: 50%;
    top: 10px;
    transform: translate( -50%, 0% );
}

.pp-notification-panel-3 {
    right: 10px;
    top: 10px;
}

.pp-notification-panel-4 {
    top: 50%;
    right: 10px;
    transform: translate( 0%, -50% );
}

.pp-notification-panel-5 {
    bottom: 10px;
    right: 10px;
}

.pp-notification-panel-6 {
    left: 50%;
    bottom: 10px;
    transform: translate( -50%, 0% );
}

.pp-notification-panel-7 {
    bottom: 10px;
    left: 10px;
}

.pp-notification-panel-8 {
    top: 50%;
    left: 10px;
    transform: translate( 0%, -50% );
}