.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 10px;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

.toast-title {
    font-weight: 700;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.toast-message {
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #fff;
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none;
}

.toast-close-button {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999;
}

.toast-container * {
    box-sizing: border-box;
}

.toast-container .toast {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 10px 10px 10px 48px;
    width: 430px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 22px;
    color: #fff;
    opacity: 1;
}

.toast-container .toast:hover {
    opacity: 1;
    cursor: pointer;
}

.toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='white' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E") !important;
}

/* .toast-error {
    background-image: url(/assets/img/close.png) !important;
}

.toast-success {
    background-image: url(/assets/img/check.png) !important;
} */

.toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='white' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E") !important;
}

.toast-container.toast-bottom-center .toast,
.toast-container.toast-top-center .toast {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
}
@media(max-width:767px) {
    .toast-container.toast-bottom-center .toast,
    .toast-container.toast-top-center .toast {
        width: 75%;
        right: 0;
        left: 0;
        margin: auto;
    }
}

.toast-container.toast-bottom-full-width .toast,
.toast-container.toast-top-full-width .toast {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #fff;
    pointer-events: auto;
}

.toast-success {
    background-color: #fff;
}

.toast-error {
    background-color: #fadad8;
}

.toast-info {
    background-color: #d4f2fc;
}

.toast-warning {
    background-color: #ff9900 !important;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #fff;
    opacity: 0.4;
}

.toast-message {
    font-size: 14px !important;
    letter-spacing: 0.6px;
    font-weight: 400;
    color: #fff !important;
}

@media (max-width: 992px) {
    .toast-container .toast {
        width: 100%;
        max-width: 100%;
    }
    .toast-container {
        right: 12px;
        bottom: 0;
        left: 58px;
        position: fixed;
    }
}
@media (max-width: 575px) {
    .toast-container {
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
    }
}

.toast-success {
    background-color: #4dbd74 !important;
}

.toast-error {
    background-color: #c92728 !important;
}

.toast-info {
    background-color: #ecdc12 !important;
}