@charset "UTF-8";

.toast-center-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    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
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.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: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #fff
}

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .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: 15px 15px 15px 50px;
        width: 300px;
        background-position: 15px center;
        background-repeat: no-repeat;
        background-size: 24px;
        box-shadow: 0 0 12px #999
    }

        .toast-container .toast:hover {
            box-shadow: 0 0 12px #000;
            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='rgb(255,255,255)' 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")
}

.toast-error {
    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='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")
}

.toast-success {
    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='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    background-color: #51a351
}

.toast-container.toast-bottom-center .toast, .toast-container.toast-top-center .toast {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-bottom-full-width .toast, .toast-container.toast-top-full-width .toast {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    pointer-events: auto
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.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='rgb(255,255,255)' 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");
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width:240px) {
    .toast-container .toast.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    .toast-container .toast.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    .toast-container .toast.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0
}

    .toast:not(:last-child) {
        margin-bottom: .75rem
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #70657b;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.toast-body {
    padding: .75rem
}

.toast-container .toast {
    border-radius: 10px;
    color: #47404f;
    opacity: 1 !important
}

.toast-container .toast-close-button {
    position: absolute;
    color: #ced4da;
    top: -1px;
    right: 8px
}

.toast-container .toast-progress {
    height: 2px;
    opacity: 1
}

.toast-container .toast-success {
    background-color: #fff;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #4caf50;
    background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%0D%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 width%3D%2248px%22 height%3D%2248px%22 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cg%3E%0D%09%3Cg%3E%0D%09%09%3Cg id%3D%22circle_copy_4_7_%22%3E%0D%09%09%09%3Cg%3E%0D%09%09%09%09%3Cpath d%3D%22M32%2C0C14.327%2C0%2C0%2C14.327%2C0%2C32s14.327%2C32%2C32%2C32s32-14.327%2C32-32S49.673%2C0%2C32%2C0z M32%2C62C15.432%2C62%2C2%2C48.568%2C2%2C32.001%0D%09%09%09%09%09C2%2C15.432%2C15.432%2C2%2C32%2C2c16.568%2C0%2C30%2C13.432%2C30%2C30.001C62%2C48.568%2C48.568%2C62%2C32%2C62z%22%2F%3E%0D%09%09%09%3C%2Fg%3E%0D%09%09%3C%2Fg%3E%0D%09%09%3Cg id%3D%22check%22%3E%0D%09%09%09%3Cg%3E%0D%09%09%09%09%3Cpolygon points%3D%2245.191%2C24.222 43.777%2C22.808 28%2C38.586 20.222%2C30.808 18.808%2C32.223 27.778%2C41.191 28%2C40.971 28.222%2C41.191 %0D%09%09%09%09%09%09%09%09%09%22%2F%3E%0D%09%09%09%3C%2Fg%3E%0D%09%09%3C%2Fg%3E%0D%09%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D")
}

    .toast-container .toast-success .toast-progress {
        background: #4caf50
    }

    .toast-container .toast-success:hover {
        box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #4caf50
    }

.toast-container .toast-warning {
    background-color: #fff;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #ffc107;
    background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generated by IcoMoon.io --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2248%22 height%3D%2248%22 viewBox%3D%220 0 48 48%22%3E%3Cg id%3D%22icomoon-ignore%22%3E%09%3Cline stroke-width%3D%221%22 x1%3D%22%22 y1%3D%22%22 x2%3D%22%22 y2%3D%22%22 stroke%3D%22%23449FDB%22 opacity%3D%22%22%3E%3C%2Fline%3E%3C%2Fg%3E%09%3Cpath d%3D%22M46.91 47.478c-0.014-0.002-0.028-0.002-0.040 0h-45.782c-0.348 0-0.67-0.182-0.852-0.476-0.182-0.292-0.196-0.666-0.040-0.974l22.89-45c0.342-0.672 1.444-0.672 1.786 0l22.778 44.782c0.162 0.18 0.26 0.414 0.26 0.676 0 0.546-0.45 0.992-1 0.992zM2.718 45.478h42.52l-21.26-41.792-21.26 41.792z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%09%3Cpath d%3D%22M25.942 35.478h-4.036c-1.072 0-1.306-1.3-1.306-1.804l-0.738-13.604c-0.014-0.264 0.082-0.524 0.262-0.716s0.434-0.302 0.7-0.304l6.13-0.042c0.268-0.002 0.522 0.106 0.708 0.298 0.184 0.192 0.282 0.452 0.268 0.718l-0.684 13.95c0.002 0.576-0.412 1.504-1.304 1.504zM22.59 33.478h2.684l0.642-12.478h-3.998l0.672 12.478z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%09%3Cpath d%3D%22M26.782 43.478h-5.384c-0.72 0-1.306-0.588-1.306-1.304v-3.388c0-0.714 0.586-1.3 1.306-1.3h5.384c0.718 0 1.304 0.586 1.304 1.3v3.388c0 0.716-0.586 1.304-1.304 1.304zM22.086 41.478h4v-2h-4v2z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

    .toast-container .toast-warning .toast-progress {
        background: #ffc107
    }

    .toast-container .toast-warning:hover {
        box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #ffc107
    }

.toast-container .toast-info {
    background-color: #fff;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #263db5;
    background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generated by IcoMoon.io --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2248%22 height%3D%2248%22 viewBox%3D%220 0 48 48%22%3E%3Cg id%3D%22icomoon-ignore%22%3E%09%3Cline stroke-width%3D%221%22 x1%3D%22%22 y1%3D%22%22 x2%3D%22%22 y2%3D%22%22 stroke%3D%22%23449FDB%22 opacity%3D%22%22%3E%3C%2Fline%3E%3C%2Fg%3E%09%3Cpath d%3D%22M27.010 36.042h-6c-0.552 0-1-0.45-1-1v-14c0-0.55 0.448-1 1-1h6c0.552 0 1 0.45 1 1v14c0 0.552-0.448 1-1 1zM22.010 34.042h4v-12h-4v12z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%09%3Cpath d%3D%22M24.010 18.11c-2.212 0-4.012-1.796-4.012-4.012s1.8-4.012 4.012-4.012c2.212 0 4.012 1.796 4.012 4.012s-1.8 4.012-4.012 4.012zM24.010 12.086c-1.11 0-2.012 0.902-2.012 2.012s0.902 2.012 2.012 2.012c1.112 0 2.012-0.902 2.012-2.012s-0.9-2.012-2.012-2.012z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%09%3Cpath d%3D%22M24 48c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zM24 2c-12.13 0-22 9.874-22 22 0 12.13 9.87 22 22 22 12.128 0 22-9.87 22-22 0-12.128-9.868-22-22-22z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

    .toast-container .toast-info .toast-progress {
        background: #263db5
    }

    .toast-container .toast-info:hover {
        box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #263db5
    }

.toast-container .toast-error {
    background-color: #fff;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #d22346;
    background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generated by IcoMoon.io --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2248%22 height%3D%2248%22 viewBox%3D%220 0 48 48%22%3E%3Cg id%3D%22icomoon-ignore%22%3E%09%3Cline stroke-width%3D%221%22 x1%3D%22%22 y1%3D%22%22 x2%3D%22%22 y2%3D%22%22 stroke%3D%22%23449FDB%22 opacity%3D%22%22%3E%3C%2Fline%3E%3C%2Fg%3E%09%3Cpath d%3D%22M16.222 32.778c-0.256 0-0.512-0.098-0.708-0.292-0.39-0.384-0.39-1.024 0-1.414l15.554-15.548c0.388-0.384 1.024-0.384 1.414 0 0.388 0.384 0.388 1.030 0 1.414l-15.554 15.548c-0.194 0.194-0.45 0.292-0.706 0.292z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%09%3Cpath d%3D%22M31.778 32.778c-0.256 0-0.512-0.098-0.708-0.292l-15.554-15.55c-0.39-0.384-0.39-1.030 0-1.414s1.024-0.384 1.414 0l15.554 15.548c0.39 0.39 0.39 1.030 0 1.414-0.194 0.196-0.448 0.294-0.706 0.294z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%09%3Cpath d%3D%22M24 47c-12.682 0-23-10.32-23-23 0-12.684 10.318-23 23-23s23 10.316 23 23c0 12.68-10.318 23-23 23zM24 3c-11.58 0-21 9.418-21 21 0 11.578 9.42 21 21 21s21-9.422 21-21c0-11.582-9.42-21-21-21z%22 fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

    .toast-container .toast-error .toast-progress {
        background: #d22346
    }

    .toast-container .toast-error:hover {
        box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 #d22346
    }

.toast-top-right {
    right: 30px
}
