/* ALERT */
.e-alert {
    padding: 15px 20px;
    padding-right: 30px;
    min-width: 450px;
    position: absolute;
    right: 0px;
    top: 20px;
    overflow: hidden;
    font-family: unset;
    border-radius: 4px;
    pointer-events: auto;
    position: fixed;
    z-index: 9999;
    box-shadow: 0px 0px 10px 0 rgb(0 0 0/5%)!important;
}
.e-alert.top {
    bottom: 75px;
    bottom: unset;
    display: block !important;
    opacity: 1;
    animation: show_slide 0.8s ease forwards !important;
    transition: all ease-in-out 1s;
}
.e-alert.show {
    transition: all ease-in-out 1s;
    animation: show_slide 0.8s ease forwards;
    z-index : 1001 !important;
}
@keyframes show_slide {
    0% {
        transform: translateX(100%);
    }
    40% {
        transform: translateX(-10%);
    }
    80% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-10px);
    }
}
.e-alert.hide {
    display: none;
    /* animation: hide_slide 1s ease forwards; */
    animation: hide_slide_display 1s ease forwards;
    transform: translateX(-10px);
}
@keyframes hide_slide {
    0% {
        transform: translateX(-10px);
    }
    40% {
        transform: translateX(0%);
    }
    80% {
        transform: translateX(-10%);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes hide_slide_display {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.e-alert .icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}
.e-alert .msg {
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 300;
}
.e-alert .close-btn {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 18px;
    cursor: pointer;
}
.e-alert .close-btn .icon-x {
    font-size: 22px;
    line-height: 40px;
}

/* SUCESS */
/*
.e-alert.e-alert-success {
    background: #eefff6;
    border: solid 1px #bdf5be;
}
.e-alert.e-alert-success .icon,
.e-alert.e-alert-success .close-btn .icon-x,
.e-alert.e-alert-success .msg,
.e-alert.e-alert-success .link {
    color: #07be6e;
}
.e-alert.e-alert-success .close-btn {
    background: #eefff6;
}
.e-alert.e-alert-success .close-btn:hover {
    background: #e0ffef;
}*/

.e-alert.e-alert-success {
    background: white;
}
.e-alert.e-alert-success .icon,
.e-alert.e-alert-success .close-btn .icon-x,
.e-alert.e-alert-success .msg,
.e-alert.e-alert-success .link {
    color: black;
}
.e-alert.e-alert-success .close-btn {
    background: white;
}
.e-alert.e-alert-success .close-btn:hover {
    background: white;
}



/* ADD CART */
.e-alert.e-alert-add-cart {
    background: #e0ffef;
}
.e-alert.e-alert-add-cart .icon,
.e-alert.e-alert-add-cart .close-btn .icon-x,
.e-alert.e-alert-add-cart .msg,
.e-alert.e-alert-add-cart .link {
    color: black;
}
.e-alert.e-alert-add-cart .close-btn {
    background: #e0ffef;
}
.e-alert.e-alert-add-cart .close-btn:hover {
    background: #e0ffef;
}

/* DANGER */
.e-alert.e-alert-danger {
    background: white;
}
.e-alert.e-alert-danger .icon,
.e-alert.e-alert-danger .close-btn .icon-x,
.e-alert.e-alert-danger .msg,
.e-alert.e-alert-danger .link {
    color: #f9423c;
}


/* WARNING */
.e-alert.e-alert-warning {
    background: white;
}
.e-alert.e-alert-warning .icon,
.e-alert.e-alert-warning .close-btn .icon-x,
.e-alert.e-alert-warning .msg,
.e-alert.e-alert-warning .link {
    color: #fda600;
}
.e-alert.e-alert-warning .close-btn {
    background: #fef6e3;
}
.e-alert.e-alert-warning .close-btn:hover {
    opacity: .8;
    transition: .5s ease;
}

/* INFO */
.e-alert.e-alert-info {
    background: white;
}
.e-alert.e-alert-info .icon,
.e-alert.e-alert-info .close-btn .icon-x,
.e-alert.e-alert-info .msg,
.e-alert.e-alert-info .link {
    color: black;
}
.e-alert.e-alert-info .close-btn {
    background: white;
}
.e-alert.e-alert-info .close-btn:hover {
    background: white;
}

/* BRAND */
.e-alert.e-alert-brand {
    background: #eaedff;
}
.e-alert.e-alert-brand .icon,
.e-alert.e-alert-brand .close-btn .icon-x,
.e-alert.e-alert-brand .msg,
.e-alert.e-alert-brand .link {
    color: #374EAE;
}
.e-alert.e-alert-brand .close-btn {
    background: #eaedff;
}
.e-alert.e-alert-brand .close-btn:hover {
    background: #eaedff;
}

/* DEFAULT */
.e-alert.e-alert-default {
    background: #ececec;
}
.e-alert.e-alert-default .icon,
.e-alert.e-alert-default .close-btn .icon-x,
.e-alert.e-alert-default .msg,
.e-alert.e-alert-default .link {
    color: #6c757d;
}
.e-alert.e-alert-default .close-btn {
    background: #ececec;
}
.e-alert.e-alert-default .close-btn:hover {
    background: #ececec;
}

.e-alert .link {
    font-size: 16px;
    vertical-align: middle;
}

.e-alert.e-alert-add-cart {
    background-color: white;
    text-align: center;
    color: black;
    border-radius: 1em;
    margin-right: 1em;
  }
  .e-alert {
  min-width: 300px;
  }
  .e-alert.e-alert-add-cart * {
    color: black;
    font-weight: bold;
  }
  #notificationContent .close-btn {
     background-color: white;
  }