.demo-section {
    width: 200px!important;
    padding: 20px 30px!important;
}
.demo-section p {
    margin: 3px 0 20px!important;
    line-height: 40px!important;
}
.demo-section .k-button {
    width: 200px!important;
}
                
.k-notification {
    border: 0!important;
    padding: 0!important;
}
                
                
/* Info template */
.k-notification-warning.k-group {
    background: orange!important;
    color: #fff!important;
}

/* Validation template */
.warning {
    width: 300px!important;
    font-size: 12px!important;
    color: white!important;
    min-height:60px!important;
}
.warning h3 {
    font-size: 1em!important;
    vertical-align: middle!important;
}
.warning img {
    float: left!important;
    height: 100%!important;
    margin: 5px 15px 0px 30px!important;
}

.warning p {
    margin-left: 80px!important;
}
                
/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7)!important;
    color: #ffffff!important;
}
.wrong {
    width: 300px!important;
    font-size: 12px!important;
    color: white!important;
    min-height:60px!important;
}
.wrong h3 {
    font-size: 1em!important;
    vertical-align: middle!important;
}
.wrong img {
    float: left!important;
    height: 100%!important;
    margin: 5px 15px 0px 30px!important;
}

.wrong p {
    margin-left: 80px!important;
}
                
/* Success template */
.k-notification-success.k-group {
    background: rgba(0%,60%,0%,.7)!important;
    color: #fff!important;
}
.success {
    width: 300px!important;
    font-size: 12px!important;
    color: white!important;
    min-height:60px!important;
}
.success h3 {
    font-size: 1em!important;
    vertical-align: middle!important;
}
.success img {
    float: left!important;
    height: 100%!important;
    margin: 5px 15px 0px 30px!important;
}