.message {
  position: absolute;
  top: -200px;
  left: 48%;
  transform: translate(-50%, 0%);
  width: 300px;
  background: white;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  font-weight: 300;
  color: #2c2928;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.31, 0.25, 0.5, 1.5), opacity 0.2s ease-in-out;
  z-index: 99;
}
.message .check {
  position: absolute;
  top: 0;
  left: 48%;
  transform: translate(-50%, -50%) scale(1);
  width: 114px;
  height: 110px;
  background: #3c82d3;
  color: white;
  font-size: 3.8rem;
  padding-top: 40px;
  border-radius: 50%;
  opacity: 0;
  transition: transform 0.2s 0.25s cubic-bezier(0.31, 0.25, 0.5, 1.5), opacity 0.1s 0.25s ease-in-out;
}
.message .scaledown {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.message p {
  font-size: 1.1rem;
  margin: 25px 0px;
  padding: 0;
}
.message p:nth-child(2) {
  font-size: 2.3rem;
  margin: 40px 0px 0px 0px;
}
.message #ok {
  position: relative;
  color: white;
  border: 0;
  background: #3c82d3;
  width: 100%;
  height: 50px;
  border-radius: 6px;
  font-size: 1.2rem;
  transition: background 0.2s ease;
  outline: none;
}
.message #ok:hover {
  background: #0972ff;
}
.message #ok:active {
  background: #0972ff;
}

.comein {
  top: 150px;
  opacity: 1;
}

/*  currency modal */
#currency_modal{
   left:unset;
    right:-150px;
}
#currency_modal.message{
    width:400px !important;
    padding: 8px !important;
 }
 #currency_modal.message p{
    margin:10px 0px;
    text-align: left;
 }
 #currency_modal.message .btn-close
 {
     float: right !important;
 }
#currency_modal.comein{
    top: 100px !important;
}
#currency_modal.message p:nth-child(2) {
    font-size: unset;

  }

@media screen and (max-width: 767px) {
    #currency_modal.message{
        width:300px !important;
     }
     #currency_modal{
        left:unset;
         right:-100px;
     }
}


/*  currencies modal */
#currencies_modal.message{
    width:600px !important;
    padding: 8px !important;
    position: fixed;
    -webkit-box-shadow: 0 0 22px 2px #383434;
    -moz-box-shadow: 0 0 22px 2px #383434;
    box-shadow: 0 0 22px 2px #383434;
    z-index: 9999;
}

 }
 #currencies_modal.message .btn-close
 {
     float: right !important;
 }
 #currencies_modal a
 {
     font-size: 18px;
 }
 #currencies_modal a:hover
 {
    text-decoration: underline !important;
    color:#0872ff;
 }
 @media screen and (max-width: 767px) {
    #currencies_modal.message{
        width:100% !important;
     }
     #currencies_modal{
        left:50%;

     }

}