#toast-container.toast-bottom-center > div,
.ui-guide-code-example-container .toast {
    width: 100%;
    max-width: 1110px;
    padding: 1.25rem 0.9375rem 1.25rem 4.0625rem;
}

button.toast-close-button {
    color: #666 !important;
    opacity: 1 !important;
    padding: 0.625rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

#toast-container > .toast-error,
.toast-error,
.ui-guide-code-example-container .toast-error {
    background-image: none !important;
}

#toast-container .toast,
.ui-guide-code-example-container .toast {
    font-family: "UniversLTStd-BoldCn", sans-serif;
    font-size: 0.9375rem;
    line-height: 16px;
    font-weight: 100;
    color: #666;
    background-color: #fff;
    opacity: 1 !important;
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 7px rgba(147, 147, 147, 0.5);
}

.toast p:last-of-type{
    margin-bottom: 0;
}

#toast-container .toast:hover,
.ui-guide-code-example-container .toast:hover {
    box-shadow: 0 2px 7px rgba(147, 147, 147, 0.5);
}

#toast-container .toast:after,
.ui-guide-code-example-container .toast:after {
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-size: 1.5rem;
    position: absolute;
    top: 20px;
    left: 20px;
}

.toast-error:after {
    content: "warning";
    color: #B7153A;
}

.toast-info:after {
    content: "info";
    color: #0046AD;
}

.toast-success:after {
    content: "thumb_up";
    color: #00B140;
}

.toast-warning:after {
    content: "warning";
    color: #F2A900;
}