/*
Author  : Hunter Perrin
Version : 2.1.0
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
top: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 10002;
}
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify {
position: fixed;
}

.alert-warning{
	background-color:#F89406;
	border-style:none;
	color:white;
}

.alert-info{
	background-color:#2F96B4;
	border-style:none;
	color:white;
}

.alert-danger{
	background-color:#BD362F;
	border-style:none;
	color:white;
}

.alert-success{
	background-color:#51A351;
	border-style:none;
	color:white;
}

.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
padding:15px;
opacity:.8;
border-radius:4px;
}

.ui-pnotify-container:hover {
opacity:1;
box-shadow:0 0 12px #000;
}

.ui-pnotify-container.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
margin-top: 0;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .25em;
font-size:20px;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft { 
left: 25px;
right: auto;
}

.ui-pnotify.stack-topright{
left: auto;
right: 25px;
}

.stack-bottomright{
top: initial !important;
bottom: 25px;
right: 25px;
left: auto;
}

.ui-pnotify.stack-bottomleft {
bottom: 25px;
top: initial !important;
left: 25px;
right: auto;
}

.ui-pnotify.stack-topcenter {
right: calc(50% - 150px) !important;
}

.ui-pnotify.stack-bottomcenter {
top: initial !important;
right: calc(50% - 150px) !important;
bottom:25px;
}

.ui-pnotify.stack-center {
top: calc(50% - 150px) !important;
right: calc(50% - 150px) !important;
}

/*
Color Scheme: http://paletton.com/palette.php?uid=c1T3n2J040kClXm03%2B%2Bj6RnZguVWm5a
*/
.brighttheme {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.brighttheme-notice {
background-color: #FFFF67;
border: 1px solid #FFFF00;
color: #292900;
}
.brighttheme-info {
background-color: #5FC9E2;
border: 1px solid #05C7F4;
color: #001519;
}
.brighttheme-success {
background-color: #85F362;
border: 1px solid #3CFB00;
color: #082300;
}

.brighttheme-error {
background-color: #FF7567;
background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);
border: 1px solid #FF1800;
color: #290400;
}
.brighttheme-icon-notice,
.brighttheme-icon-info,
.brighttheme-icon-success,
.brighttheme-icon-closer,
.brighttheme-icon-sticker {
position: relative;
width: 16px;
height: 16px;
font-size: 12px;
font-weight: bold;
line-height: 16px;
font-family: "Courier New",Courier,monospace;
border-radius: 50%;
}
.brighttheme-icon-notice:after,
.brighttheme-icon-info:after,
.brighttheme-icon-success:after,
.brighttheme-icon-closer:after,
.brighttheme-icon-sticker:after {
position: absolute;
top: 0;
left: 4px;
}
.brighttheme-icon-notice {
background-color: #292900;
color: #FFFF67;
}
.brighttheme-icon-notice:after {
content: "!";
}
.brighttheme-icon-info {
background-color: #001519;
color: #5FC9E2;
}
.brighttheme-icon-info:after {
content: "i";
}
.brighttheme-icon-success {
background-color: #082300;
color: #85F362;
}
.brighttheme-icon-success:after {
content: "\002713";
}
.brighttheme-icon-error {
position: relative;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 16px solid #290400;
font-size: 0;
line-height: 0;
color: #FF7567;
}
.brighttheme-icon-error:after {
position: absolute;
top: 1px;
left: -4px;
font-size: 12px;
font-weight: bold;
line-height: 16px;
font-family: "Courier New",Courier,monospace;
content: "!";
}
.brighttheme-icon-closer,
.brighttheme-icon-sticker {
display: inline-block;
}
.brighttheme-icon-closer:after {
top: -4px;
content: "\002715";
}
.brighttheme-icon-sticker:after {
top: -5px;
content: "\01D1BC";
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
font-size:15px;
}

/* LightTheme */

.lighttheme {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
}
.lighttheme-notice {
background-color: #FFF6BF;
border: 2px solid #FFD324;
color: #BF9E1B;
}
.lighttheme-info {
background-color: #E7F3FF;
border: 2px solid #7BA6D6;
color: #5C7CA0;
}
.lighttheme-success {
background-color: #E7FFD6;
border: 2px solid #8CD76B;
color: #69A150;
}

.lighttheme-error {
background-color: #FFE7E7;
background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);
border: 2px solid #E77D7B;
color: #AD5E5C;
}
.lighttheme-icon-notice,
.lighttheme-icon-info,
.lighttheme-icon-success,
.lighttheme-icon-closer,
.lighttheme-icon-sticker {
position: relative;
width: 16px;
height: 16px;
font-size: 12px;
font-weight: bold;
line-height: 16px;
font-family: "Courier New",Courier,monospace;
border-radius: 50%;
}
.lighttheme-icon-notice:after,
.lighttheme-icon-info:after,
.lighttheme-icon-success:after,
.lighttheme-icon-closer:after,
.lighttheme-icon-sticker:after {
position: absolute;
top: 0;
left: 4px;
}
.lighttheme-icon-notice {
background-color: #292900;
color: #FFFF67;
}
.lighttheme-icon-notice:after {
content: "!";
}
.lighttheme-icon-info {
background-color: #001519;
color: #5FC9E2;
}
.lighttheme-icon-info:after {
content: "i";
}
.lighttheme-icon-success {
background-color: #082300;
color: #85F362;
}
.lighttheme-icon-success:after {
content: "\002713";
}
.lighttheme-icon-error {
position: relative;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 16px solid #290400;
font-size: 0;
line-height: 0;
color: #FF7567;
}
.lighttheme-icon-error:after {
position: absolute;
top: 1px;
left: -4px;
font-size: 12px;
font-weight: bold;
line-height: 16px;
font-family: "Courier New",Courier,monospace;
content: "!";
}
.lighttheme-icon-closer,
.lighttheme-icon-sticker {
display: inline-block;
}
.lighttheme-icon-closer:after {
top: -4px;
content: "\002715";
}
.lighttheme-icon-sticker:after {
top: -5px;
content: "\01D1BC";
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.lighttheme-icon-sticker.lighttheme-icon-stuck:after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
font-size:15px;
}

/* -- Pulldown */
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 18px;
width: 70px;
border-top: none;
padding: 0;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
/* Ensures history container is above notices. */
z-index: 10000;
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
position: fixed;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
padding: 2px;
text-align: center;
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto;
}
