/* $noty
 ------------------------------------------*/
li.app-noty {
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
}

    li.app-noty:last-child {
        margin-bottom: 0;
    }

.noty_message[style] {
    font-size: 0.8125rem !important;
}

.app-noty .noty_bar {
    padding: 1rem 1rem;
    border: .0625rem solid transparent;
    border-radius: 1px;
}

.app-noty-top-left .app-noty .noty_bar,
.app-noty-top-right .app-noty .noty_bar,
.app-noty-top .app-noty .noty_bar {
    animation: fadeIn 150ms;
}

.app-noty-top-left .app-noty.i-am-closing-now .noty_bar,
.app-noty-top-right .app-noty.i-am-closing-now .noty_bar,
.app-noty-top .app-noty.i-am-closing-now .noty_bar {
    animation: fadeOut 150ms;
}

.app-noty-bottom-left .app-noty .noty_bar,
.app-noty-bottom-right .app-noty .noty_bar,
.app-noty-bottom .app-noty .noty_bar {
    animation: fadeIn 150ms;
}

.app-noty-bottom-left .app-noty.i-am-closing-now .noty_bar,
.app-noty-bottom-right .app-noty.i-am-closing-now .noty_bar,
.app-noty-bottom .app-noty.i-am-closing-now .noty_bar {
    animation: fadeOut 150ms;
}

.app-noty-bottom,
.app-noty-bottom-right,
.app-noty-bottom-left,
.app-noty-top,
.app-noty-top-right,
.app-noty-top-left {
    position: fixed;
    z-index: 99999;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all 200ms cubic-bezier(0.7, 0, 0.3, 1);
    width: 300px;
}

/* Bottom notification */
.app-noty-bottom {
    right: 0;
    bottom: 0;
    width: 100%;
}

    .app-noty-bottom li.app-noty {
        margin-top: -.0625rem;
        margin-bottom: 0;
    }

    .app-noty-bottom .noty_bar {
        border-radius: 0;
    }

@media (min-width: 992px) {
    .app-noty-bottom {
        padding-left: 18rem;
    }

    .expanding ~ .app-noty-bottom {
        padding-left: 4rem;
    }

    .horizontal ~ .app-noty-bottom,
    .offcanvas ~ .app-noty-bottom,
    .boxed ~ .app-noty-bottom {
        padding-right: 0;
        padding-left: 0;
    }
}

/* Bottom right notification */
.app-noty-bottom-right {
    right: 1.5rem;
    bottom: 4.5rem;
}

@media (min-width: 992px) {
    .boxed ~ .app-noty-bottom-right {
        right: 1.5rem;
    }
}

/* Bottom left notification */
.app-noty-bottom-left {
    bottom: 4.5rem;
    left: 1.5rem;
}

@media (min-width: 992px) {
    .app-noty-bottom-left {
        left: 19.5rem;
    }

    .expanding ~ .app-noty-bottom-left {
        left: 5.5rem;
    }

    .horizontal ~ .app-noty-bottom-left,
    .offcanvas ~ .app-noty-bottom-left,
    .boxed ~ .app-noty-bottom-left,
    .boxed.expanding ~ .app-noty-bottom-left {
        left: 1.5rem;
    }
}

/* Top notification */
.app-noty-top {
    top: 4.938rem;
    right: 1.5rem;
}

.app-noty-top {
    top: 3.438rem;
    right: 0;
    width: 100%;
}

    .app-noty-top li.app-noty {
        margin-top: -.0625rem;
        margin-bottom: 0;
    }

    .app-noty-top .noty_bar {
        border-radius: 0;
    }

@media (min-width: 992px) {
    .app-noty-top {
        padding-left: 18rem;
    }

    .expanding ~ .app-noty-top {
        position: absolute;
        padding-left: 4rem;
    }

    .horizontal ~ .app-noty-top,
    .offcanvas ~ .app-noty-top,
    .boxed ~ .app-noty-top {
        padding-right: 0;
        padding-left: 0;
    }
}

/* Top right notification */
.app-noty-top-right {
    top: 1rem;
    right: 1rem;
}

@media (min-width: 992px) {
    .boxed ~ .app-noty-top-right,
    .boxed.expanding ~ .app-noty-top-right {
        right: 1.5rem;
    }
}

/* Top left notification */
.app-noty-top-left {
    top: 4.938rem;
    left: 1.5rem;
}

@media (min-width: 992px) {
    .app-noty-top-left {
        left: 19.5rem;
    }

    .expanding ~ .app-noty-top-left {
        left: 5.5rem;
    }

    .horizontal ~ .app-noty-top-left,
    .offcanvas ~ .app-noty-top-left,
    .boxed ~ .app-noty-top-left,
    .boxed.expanding ~ .app-noty-top-left {
        left: 1.5rem;
    }
}

/* Notification colors */
.noty_container_type_success .noty_bar {
    color: #fff !important;
    background-color: #7fc35c !important;
}

a.noty_container_type_success .noty_bar:focus, a.noty_container_type_success .noty_bar:hover {
    background-color: #65ad3f !important;
}

.noty_container_type_information .noty_bar {
    color: #fff !important;
    background-color: #4cc3f0 !important;
}

a.noty_container_type_information .noty_bar:focus, a.noty_container_type_information .noty_bar:hover {
    background-color: #1db3ec !important;
}

.noty_container_type_warning .noty_bar {
    color: #fff !important;
    background-color: #f0c54c !important;
}

a.noty_container_type_warning .noty_bar:focus, a.noty_container_type_warning .noty_bar:hover {
    background-color: #ecb61d !important;
}

.noty_container_type_error .noty_bar {
    color: #fff !important;
    background-color: #d26d54 !important;
}

a.noty_container_type_error .noty_bar:focus, a.noty_container_type_error .noty_bar:hover {
    background-color: #c04f33 !important;
}

.noty_container_type_confirm .noty_bar {
    color: #fff !important;
    background-color: #CA3637 !important;
}

a.noty_container_type_confirm .noty_bar:focus, a.noty_container_type_confirm .noty_bar:hover {
    background-color: #CA3637 !important;
}