.toast-container {
    width: 360px;
    z-index: 9999
}

* html .toast-container {
    position: absolute
}

.toast-item {
    height: auto;
    background-color: #0000008c;
    border-radius: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #fff;
    padding: 16px;
    font-size: 14px;
    display: block;
    position: relative;
    margin: 0 0 12px;
    box-shadow: #32325d40 0 6px 8px -5px, #0000004d 0 8px 16px -8px;
}

.toast-item p {
    text-align: left
}

.toast-item-close {
    background: url(../images/close.svg);
    width: 18px;
    color: #fff;
    cursor: pointer;
    height: 18px;
    position: absolute;
    top: 7px;
    right: 7px;
    background-size: 18px;
    background-repeat: no-repeat
}

.toast-item-image {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px
}

.toast-item-image-phone {
    background: url(../images/phone.png)
}

.toast-item-image-success {
    background: url(../images/success.png)
}

.toast-item-image-warning {
    background: url(../images/warning.png)
}

.toast-item-image-error {
    background: url(../images/error.png)
}

.toast-item-image-info {
    background: url(../images/info.png)
}

.toast-type-notice {
    color: #fff
}

.toast-type-info {
    color: #fff;
    border-color: #4b90ce
}

.toast-type-success {
    color: #fff
}

.toast-type-warning {
    color: #fff;
    border-color: #FCBD57
}

.toast-type-error {
    color: #fff;
    border-color: #B32B2B
}

.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px
}

.toast-position-top-right.general {
    top: 14px;
    right: 14px;
}

.toast-position-top-right {
    position: fixed;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%
}