﻿/*--------------------------Bubble Message Style----------------------------------*/
.k-notification {
    border: 0;
}

/* Info template */
.k-notification-info.k-group {
    background: rgba(0%,50%,50%,.9) !important;
    color: #ffffff !important;
}

.bubble-info {
    width: 400px;
    height: auto;
    min-height: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
}

    .bubble-info h3 {
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        padding: 3px 10px 5px;
    }

    .bubble-info img {
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin: 20px 15px 10px 15px;
        width: 50px;
        height: 50px;
    }

/* Success template */
.k-notification-success.k-group {
    background: rgba(0%,50%,0%,.9) !important;
    color: #ffffff !important;
}

.bubble-success {
    width: 400px;
    height: auto;
    min-height: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
}

    .bubble-success h3 {
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        padding: 3px 10px 5px;
    }

    .bubble-success img {
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin: 20px 15px 10px 15px;
        width: 50px;
        height: 50px;
    }

/* Warning template */
.k-notification-warning.k-group {
    background: rgba(100%,40%,0%,.9) !important;
    color: #ffffff !important;
}

.bubble-warning {
    width: 400px;
    height: auto;
    min-height: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
}

    .bubble-warning h3 {
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        padding: 3px 10px 5px;
    }

    .bubble-warning img {
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin: 20px 15px 10px 15px;
        width: 50px;
        height: 50px;
    }

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.9) !important;
    color: #ffffff !important;
}

.bubble-error {
    width: 400px;
    height: auto;
    min-height: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
}

    .bubble-error h3 {
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        padding: 3px 10px 5px;
    }

    .bubble-error img {
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin: 20px 15px 10px 15px;
        width: 50px;
        height: 50px;
    }

/* Denied template */
.k-notification-denied.k-group {
    background: rgba(50%,50%,50%,.9) !important;
    color: #ffffff !important;
}

.bubble-denied {
    width: 400px;
    height: auto;
    min-height: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
}

    .bubble-denied h3 {
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        padding: 3px 10px 5px;
    }

    .bubble-denied img {
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin: 20px 15px 10px 15px;
        width: 50px;
        height: 50px;
    }
