#ui_notifIt {
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: 99999 !important;
    border-radius: 5px;
}

#ui_notifIt p {
    text-align: center;
    font-family: sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
}
#ui_notifIt  table {
    color: #fFFFFF !important;
    font-size: 13px !important;
}
/* Color setup */
/* Configure this if you want */
.notifit_success {
    border-left: 3px solid #07973a;
    background-color: #f8fff6;
}
.notifit_success .nt-txt{
    color: #07973a;
}
.notifit_success td i{
    color: #07973a !important;
}


.notifit_error {
    border-left: 3px solid #f84634;
    background-color: #fff0ef;
}
.notifit_error .nt-txt{
    color: #f84634;
}
.notifit_error td i{
    color: #f84634 !important;
}


.notifit_warning {
    border-left: 3px solid #fbf201;
    background-color: orange;
    color: white;
}

.notifit_info {
    border-left: 3px solid #1C93C9;
    background-color: #f1f9fd;
}
.notifit_info .nt-txt{
    color: #1C93C9;
}
.notifit_info td i{
    color: #1C93C9 !important;
}


.notifit_default {
    /*border-left: 3px solid #999;*/
    background-color: #EEE;
    color: #444;
}

#ui_notifIt td i{
    font-size: 30px;
}

.loading-i{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate111 3s linear infinite;
    -moz-animation: rotate111 3s linear infinite;
    -o-animation: rotate111 3s linear infinite;
    animation: rotate111 3s linear infinite;
}
@-webkit-keyframes rotate111{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate111{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate111{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate111{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}