﻿/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-notify {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notify-bottom-right, .uk-notify-top-right {
    left: auto;
    right: 10px
}

.uk-notify-bottom-center, .uk-notify-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notify-bottom-center, .uk-notify-bottom-left, .uk-notify-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:479px) {
    .uk-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notify-message {
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
    background: #444;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

    .uk-notify-message > .uk-close {
        visibility: hidden;
        float: right
    }

    .uk-notify-message:hover > .uk-close {
        visibility: visible
    }

.uk-notify-message-primary {
    background: #ebf7fd;
    color: #2d7091
}

.uk-notify-message-success {
    background: #f2fae3;
    color: #659f13
}

.uk-notify-message-warning {
    background: #fffceb;
    color: #e28327
}

.uk-notify-message-danger {
    background: #fff1f0;
    color: #d85030
}
