.notify-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0, 0.7);
	z-index: 9999999;	
}

.notify-modal-open { overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important; }

.notify {
    position: fixed;
    padding: 20px;
    color: #fff;
	z-index: 9999;
	overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important;
}

.notify[data-position="bottom"] {
    right: 0;
    left: 0;
    bottom: 0;
}

.notify[data-position="top"] {
    right: 0;
    left: 0;
    top: 0;
}

.notify[data-position="right"] {
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 300px;
}

.notify[data-position="left"] {
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 300px;
}

.notify[data-notify='success'] {
    background: #15cc1f;
}

.notify[data-notify='info'] {
    background: #cf80ad;
}

.notify[data-notify='secondary'] {
    background: #ff4081;
}

.notify[data-notify='danger'] {
    background: #cc0000/*#f32750*/;	
}

.notify[data-notify='warning'] {
    background: #ff9900/*#f32750*/;	
}

.notify[data-notify='default'] {
    background: #2d9cee;
}

.notify[data-notify='black'] {
    background: #000;
}


.notify-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 4px;
    color: #fff;	
    padding: 0 15px;
    font-size: 34px;	
	font-weight: 300 !important;
    text-decoration: none;
}
.notify-close:hover {
	text-decoration: none;
	color: #ccc;
}

.notify h1 {
    margin: 0 auto;
	text-align: center;
    font-weight: 300;    
	font-size: 1.2em;
	line-height: 1.2;
	max-width: 900px;
}

.notify-content {
	max-width: 700px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.notify h1 {
		margin: 0 auto;
		text-align: left;
		font-weight: 300;    
		font-size: 1.2em;
		line-height: 1.2;
		max-width: 90%;
	}
}