/* NOTIFICATIONS */

.notifications {
    display: block;
    position: relative;
}

.notifications .notification {
    background-color: rgba(0,123,255, 1.0);
    font-family: 'exo_2extra_bold';
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(255,255,255, 1.0);
    width: 100%;
    margin-bottom: -2px;
    padding: 17px;
    position: relative;
}

.notifications .notification::after {
    content: '';
    background-color: rgba(0,109,226, 1.0);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.notifications .notification a {
    color: rgba(255,255,255, 0.8);
}

.notifications .notification.primary {
    background-color: rgba(0,123,255, 1.0);
    text-shadow: 1px 1px 0 rgba(0,109,226, 1.0);
}
.notifications .notification.primary::after {
    background-color: rgba(0,109,226, 1.0);
}
.notifications .notification.primary a {
    /*color: rgba(0,86,179, 1.0);*/
}

.notifications .notification.secondary {
    background-color: rgba(108,117,125, 1.0);
    text-shadow: 1px 1px 0 rgba(93,102,109, 1.0);
}
.notifications .notification.secondary::after {
    background-color: rgba(93,102,109, 1.0);
}
.notifications .notification.secondary a {
    /*color: rgba(83,90,96, 1.0);*/
}

.notifications .notification.success {
    background-color: rgba(40,167,69, 1.0);
    text-shadow: 1px 1px 0 rgba(35,143,60, 1.0);
}
.notifications .notification.success::after {
    background-color: rgba(35,143,60, 1.0);
}
.notifications .notification.success a {
    /*color: rgba(34,144,60, 1.0);*/
}

.notifications .notification.danger {
    background-color: rgba(220,53,69, 1.0);
    text-shadow: 1px 1px 0 rgba(206,36,53, 1.0);
}
.notifications .notification.danger::after {
    background-color: rgba(206,36,53, 1.0);
}
.notifications .notification.danger a {
    /*color: rgba(152,26,38, 1.0);*/
}

.notifications .notification.warning {
    background-color: rgba(255,193,7, 1.0);
    text-shadow: 1px 1px 0 rgba(232,174,0, 1.0);
}
.notifications .notification.warning::after {
    background-color: rgba(232,174,0, 1.0);
}
.notifications .notification.warning a {
    /*color: rgba(179,134,0 ,1.0);*/
}

.notifications .notification.info {
    background-color: rgba(23,162,184, 1.0);
    text-shadow: 1px 1px 0 rgba(20,140,158, 1.0);
}
.notifications .notification.info::after {
    background-color: rgba(20,140,158, 1.0);
}
.notifications .notification.info a {
    /*color: rgba(20,140,159, 1.0);*/
}

.notifications .notification.light {
    background-color: rgba(248,249,250, 1.0);
    text-shadow: 1px 1px 0 rgba(231,234,237, 1.0);
}
.notifications .notification.light::after {
    background-color: rgba(231,234,237, 1.0);
}
.notifications .notification.light a {
    /*color: rgba(74,89,104, 1.0);*/
}

.notifications .notification.dark {
    background-color: rgba(52,58,64, 1.0);
    text-shadow: 1px 1px 0 rgba(39,43,47, 1.0);
}
.notifications .notification.dark::after {
    background-color: rgba(39,43,47, 1.0);
}
.notifications .notification.dark a {
    /*color: rgba(255,255,255, 0.8);*/
}