button {
	display:block; 
	text-align:center; 
	width:100%; 
	height:50px; 
	line-height:25px; 
	color:white; 
	background-color: #EF5660; 
	font-size:17px; 
	font-weight:bold; 
	text-transform:uppercase; 
	margin:0 auto 10px auto;
	border: none;
	cursor: pointer;
}


.cancelbtn {
	width: auto;
	padding: 1px 18px;
  background-color: #9B7ECD;
  border: none;
    width: 164px;
  height: 35px;
  color: #fff;
}
.container-popup {
  padding: 20px;
}
.login_popup {
	z-index: 99999;
}
#myModal {
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,.9); /* Black w/ opacity */
align-content: center;
bottom: 0;
right: 0;
display: none;
}

/* Modal Content/Box */
.modal-content {
  background-color: rgb(255, 255, 255);
 margin: 1% auto 2% auto; /* 5% from the top, 15% from the bottom and centered */
  width: 45%; /* Could be more or less, depending on screen size */
  border: 5px solid black;
      margin: auto;
      position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
              left: 0;
                  height: fit-content;
}


.welcome-container {
	padding: 20px;
  word-wrap: break-word;
  background-color: #EF5660;
}
.wm11 {

	text-align:center; 
 scroll-behavior: auto;
	
	color: white; 
/*	background-color: white; */
	font-size:20px; 
	font-weight: normal;
  font-family: sans-serif; 


  
}




/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
@media screen and (max-width: 300px) {
	  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}