#toast-container {
    position: fixed;
    z-index: 999999;
}
#toast-container button.close{
    position: absolute;
    right: 10px;
    top: 5px;
}
#toast-container span.timeCounter{
    position: absolute;
    right: 30px;
    top: 5px;
}
.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
#toast-container[type=error] div.icon {
    background-image: url("error.png") !important;
    width:32px; height:32px; position: absolute;top: 20px;left: 10px;
}
#toast-container[type=success] div.icon {
    background-image: url("success.png") !important;
    width:32px; height:32px; position: absolute;top: 20px;left: 10px;
}
#toast-container > div {
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 12px #999;
    color: #fff;
    margin: 0 0 6px;
    opacity: 0.8;
    padding: 30px 15px 15px 50px;
    width: 300px;
    position: relative;
}
#toast-container > div:hover {
    opacity: 1;
}
#toast-container * {
    box-sizing: border-box;
}
#toast-container[type=error] > .toastType {
    background-color: #bd362f;
}
#toast-container[type=success] > .toastType {
    background-color: #2F96B4;
}
.toast {
    background-color: #030303;
}