/* Compatible with @progress/kendo-theme-material v.7.0.0 */

.k-notification-group {
    max-height: 100%;
    display: inline-flex;
    flex-flow: column-reverse wrap;
    position: fixed;
    z-index: 1000;
    right: 10px; 
}

.k-notification-container {
    margin-block: 7px;
    margin-inline: 0;
    display: inline-flex;
    vertical-align: top
}

.k-notification-container-animating {
    overflow: hidden
}

.k-notification {
    border-radius: 4px;
    padding-block: 14px;
    padding-inline: 16px;
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 1.4285714286;
    cursor: default;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .k-notification *, .k-notification *::before, .k-notification *::after {
        box-sizing: border-box
    }

    .k-notification > .k-notification-content {
        flex: 1 1 auto
    }

.k-notification-actions {
    flex: none;
    display: flex;
    gap: 8px;
    flex-flow: row nowrap;
    align-items: center;
    align-self: center;
    cursor: pointer
}

.k-notification-action {
    flex: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-self: center
}

.k-notification {
    border-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,.87);
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2),0px 1px 10px 0px rgba(0,0,0,.1215686275),0px 4px 5px 0px rgba(0,0,0,.1411764706)
}

.k-notification-inverse {
    border-color: #424242;
    color: #fff;
    background-color: #424242
}

.k-notification-light {
    border-color: #f5f5f5;
    color: #000;
    background-color: #f5f5f5
}

.k-notification-dark {
    border-color: #424242;
    color: #fff;
    background-color: #424242
}

.k-notification-error {
    border-color: #f31700;
    color: #000;
    background-color: #f31700
}

.k-notification-warning {
    border-color: #ffc000;
    color: #000;
    background-color: #ffc000
}

.k-notification-success {
    border-color: #37b400;
    color: #fff;
    background-color: #37b400
}

.k-notification-info {
    border-color: #0058e9;
    color: #fff;
    background-color: #0058e9
}

.k-notification-tertiary {
    border-color: #00695c;
    color: #fff;
    background-color: #00695c
}

.k-notification-secondary {
    border-color: #e51a5f;
    color: #fff;
    background-color: #e51a5f
}

.k-notification-primary {
    border-color: #3f51b5;
    color: #fff;
    background-color: #3f51b5
}