
/*alerts*/
.alert1{
    position: absolute;
    right: 34%;
    top: 8%;
    opacity: 0;
}
.alert1.alert-success {
    width: 350px;
    margin: auto;
    padding: 9px 11px;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 1px -1px 2px 0;
}
.myAlert-top{
    position: fixed;
    top: 85px;
    left: 25%;
    width: 50%;
}
.myAlert-top strong {
    margin-left: 5px;
}
.myAlert-bottom{
    position: fixed;
    bottom: 5px;
    left:2%;
    width: 96%;
}

div.fullscreen {
    position: absolute;
    width:100%;
    height:960px;
    top: 0;
    left: 0;
    z-index: 99999999999999999999999999999999;
    background-color: lightblue;
}

.alert,.alert2{
    display: none;
}
.alert ,.alert2{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 9999999999;
}
.alert-success {
    z-index: 99;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
/*end alerts */


/* welcom modal */
.welcom-modal {
  z-index: 9;
  background-image: linear-gradient(360deg, #d8cece, #fff);
  width: 500px;
  right: 35%;
  margin: auto;
  text-align: center;
  position: fixed;
  top: 30%;
  border-radius: 8px;
  padding: 21px;
  box-shadow: 0px 5px 9px #635959;
}

.welcom-modal a {
  float: right;
  margin-top: -11px;
}

.welcom-modal a:hover i {
  color: red;
}

.welcom-modal h5 {
  text-shadow: none;
  margin-bottom: 14px;
  color: rgb(66 59 59);
}
.welcom-modal span {
    font-weight: bold;
    color: var(--yellow_a);
}

.welcom-modal img {
    margin-right: -23px;
}
/* eof welcome-modal */
.swal-icon--success{
  border-color:#a5dc86
}
.swal-icon--success:after,.swal-icon--success:before{
  content:"";
  border-radius:50%;
  position:absolute;
  width:60px;
  height:120px;
  background:#fff;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.swal-icon--success:before{
  border-radius:120px 0 0 120px;
  top:-7px;
  left:-33px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin:60px 60px;
  transform-origin:60px 60px
}
.swal-icon--success:after{
  border-radius:0 120px 120px 0;
  top:-11px;
  left:30px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin:0 60px;
  transform-origin:0 60px;
  -webkit-animation:rotatePlaceholder 4.25s ease-in;
  animation:rotatePlaceholder 4.25s ease-in
}
.swal-icon--success__ring{
  width:80px;
  height:80px;
  border:4px solid hsla(98,55%,69%,.2);
  border-radius:50%;
  box-sizing:content-box;
  position:absolute;
  left:-4px;
  top:-4px;
  z-index:2
}
.swal-icon--success__hide-corners{
  width:5px;
  height:90px;
  background-color:#fff;
  padding:1px;
  position:absolute;
  left:28px;
  top:8px;
  z-index:1;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.swal-icon--success__line{
  height:5px;
  background-color:#a5dc86;
  display:block;
  border-radius:2px;
  position:absolute;
  z-index:2
}
.swal-icon--success__line--tip{
  width:25px;
  left:14px;
  top:46px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-animation:animateSuccessTip .75s;
  animation:animateSuccessTip .75s
}
.swal-icon--success__line--long{
  width:47px;
  right:8px;
  top:38px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-animation:animateSuccessLong .75s;
  animation:animateSuccessLong .75s
}
.swal-icon{
  width:80px;
  height:80px;
  border-width:4px;
  border-style:solid;
  border-radius:50%;
  padding:0;
  position:relative;
  box-sizing:content-box;
  margin:20px auto
}
.shop_modal{
  background:#fff;
  padding:30px 30px;
  display: none;
  z-index: 99999;
}
.swal {
  width: 100%;
  display: table;
  margin-bottom: 25px;
}

