/* The toast - position it at the top and on the right of the screen */

/*.alert-success {
/*visibility: hidden; /* Hidden by default. Visible on click */
  /* margin-left: -1 25px; /* Divide value of min-width by 2 */
  /*  position: fixed; /* Sit on top of the screen */
    /*top: 400px; /* 100px from the top */
   /* width: 100%;*/
/*}*/

/* Sweatalert */

/* Success */
/* outer ring */

.sweet-alert 
{
   background-color: #2f2f2f96;
}



.swal-icon--success__ring {
    border: 4px solid rgba(194, 26, 90, 0.2);
}

/* spin color */
.swal-icon--success {
    border-color: rgb(62, 16, 226);
}

/* V color */
.swal-icon--success__line {
    background-color: rgb(30, 206, 53);
}

/* Warning */
/* outer ring */
.swal-icon--warning {
    border-color: #0ec579;
    -webkit-animation: none;
    animation: none;
}

/* ! */
.swal-icon--warning__body,
.swal-icon--warning__dot {
    background-color: #1816ac;
}

/* Error */
/* outer ring */
.swal-icon--error {
    border-color: #19e645;
}

/* X */
.swal-icon--error__line {
    background-color: #af13df;
}

/* Info */
/* outer ring */
.swal-icon--info {
    border-color: #020404;
}

/* i */
.swal-icon--info:after,
.swal-icon--info:before {
    background-color: #d119c8;
}

/* Toastr */
.toast-success {
    background-color: #d813c8 !important;
}
.toast-warning {
    background-color: #357e45 !important;
}
.toast-error {
    background-color: #3533a7 !important;
}






















.swal2-icon.swal2-error {
  border-color: #f27474 !important;
}


.swal.fire{
    title: 'your title',
    icon: 'success',
    iconColor: '#30a702',
    showCloseButton: true;
};


.swal2-text{
     color: red;
  }

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0,0,0,.95)!important;
}



.swal2-icon.swal2-success::before,
.swal2-success.animate::after,
.swal2-icon.swal2-success .fix{
   background-color: rgb(22 22 22) !important;
}


.Swal2.fire{
  icon: 'success',
  background: 'red',
}

.swal2-container {
  z-index: 999;
}

.swal2-overlay {
  background-color: rgba(43, 165, 137, 0.45);
}.

.swal2-wide{
    width:10px;
}

/*.sweet-alert  {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }*/

.swal2-text {
  background-color: #FEFAE3;
  padding: 17px;
  border: 1px solid #F0E1A1;
  display: block;
  margin: 22px;
  text-align: center;
  color: #61534e;
}

.swal2-modal {
  background-color: rgba(63,255,106,0.69);
  border: 3px solid white;
}


.swal2-footer {
  background-color: rgb(245, 248, 250);
  margin-top: 32px;
  border-top: 1px solid #E9EEF1;
  overflow: hidden;
}

.swal2-button {
  padding: 7px 19px;
  border-radius: 2px;
  background-color: #4962B3;
  font-size: 12px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}


#toastsBox {
  visibility: hidden;
  min-width: 250px;
  margin-left: -12px;
  background-color: darkslategray;
  color: yellow;
  text-align: center;
  border-radius: 2px;
  padding: 8px;
  z-index: 1100;
  height: 40px;
  font-size: 17px;

   position: absolute;
   left: 50%;
   top: 160px;
   transform: translate(-50%, -50%);
}

#toastsBox.show {
  visibility: visible;
  /*-webkit-animation: fadein 0.5s, fadeout 1.5s 5.5s; --*/
  /*animation: fadein 0.5s, fadeout 0.5s 2.5s;*/
}

/*----- fadein ------- mkn ---------*/
/*@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}*/

/*@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}
/*---- fadeout --- mkn -------------*/
/*@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}*/

/*@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/*-</style>-*/


/* Show the toast when clicking on a button (class added with JavaScript) */
/*#toastsBox.show {
  visibility: visible; /*Show the toast */
  /*Add animation: Take 0.5 seconds to fade in and out the toast. 
 /* However, delay the fade out process for 2.5 seconds ; removed '2.5s' from end 
  /*@-webkit-animation: fadein 0.5s linear;
  /*animation: fadein 0.5s  linear;
}

/*Animations to fade the toast in and out */
/*@-webkit-keyframes fadein {
  /*  from { opacity: 0;} 
   /* to { opacity: 1;}
/*}

/*@keyframes fadein {
    from { opacity: 0;}
    to { opacity: 1;}
}*/



/*-------------------------- -------------------------*/