#eu-notifier {
    position:fixed;
    padding:20px;
    box-sizing:border-box;
	font-size: 12px;
    opacity:1;
    transition: opacity 1s;
    z-index: 1050;
}
#eu-notifier.bottom-right {
    bottom:10px;
    right:10px;
	max-width:30%;
}
#eu-notifier.bottom-left {
    bottom:10px;
    left:10px;
	max-width:30%;
}
#eu-notifier.top-left {
    top:10px;
    left:10px;
	max-width:30%;
}
#eu-notifier.top-right {
    top:10px;
    right:10px;
	max-width:30%;
}

#eu-notifier.bottom {
    bottom:10px;
    left:0px;
    width: 100%;

    text-align:center;
}


#eu-notifier.dark {
    background-color:rgba(0,0,0,0.8);
    box-shadow:0 0 5px rgba(0,0,0,0.8);
    color:#fafafa;
}

#eu-notifier button {
	font-size: 12px;
 }

#eu-notifier.dark button {
    border:0 none transparent;
    background-color:#fafafa;
    color:#000;
    text-shadow:0 0 1px rgba(0,0,0,0.5);
    padding:7px 10px;
    cursor:pointer;
    border-radius:2px;
	display:block;
	margin: 10px auto 0;
}


#eu-notifier.bright {
    background-color:rgba(255,255,255,255.9);
    box-shadow:0 0 5px rgba(255,255,255,0.9);
    color:#222222;
    
}

#eu-notifier.bright button {
    border:0 none transparent;
    background-color:#232323;
    color:#fafafa;
    text-shadow:0 0 1px rgba(255,255,255,0.5);
    padding:7px 10px;
    cursor:pointer;
    border-radius:2px;
	display:block;
	margin: 10px auto 0;
}

#eu-notifier.fade-out{
    opacity:0;
    z-index:-99999;
    overflow:hidden; 
}

@media (max-width:767px) {
    #eu-notifier.top-left,
    #eu-notifier.top-right,
    #eu-notifier.bottom-left,
    #eu-notifier.bottom-right {
        max-width:100%;
        bottom:10px;
        left:0px;
        width: 90%;
        left:5%;
        right:5%;
        text-align:left;    
    }
}