.notification-box {
        color: #000000;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        padding-left: 5px;
        position: fixed;
        top: 0;
        vertical-align: top;
        width: 100%;
        z-index: 10000;
        text-align: left;
}

.notification-box p {
        margin-bottom: 0;
        margin-top: 0;	
}

.notification-box > p:first-child {
        margin: 0;	
}

.notification-box-DEV {
        background-color: #fde9d9;
        border-color: #fde9d9; 	
}

.notification-box-TEST {
        background-color: #dbe5f1;
        border-color: #dbe5f1; 	
}

.notification-box-LOCAL {
        background-color: #c4bc96;
        border-color: #c4bc96; 	
}

.notification-box-PROD {
        background-color: #eaf1dd;
        border-color: #eaf1dd; 
}