html{height:100%;position:relative}
body{font-weight:normal;height:100%;overflow-x:hidden}

/*MODAL*/
#modal {
	background: white;

	position: absolute;
	width: 50%;
	min-height: 40vh;
	top: 10vh;
	left: 50%;
	height:auto;

	/* Embiggen */
	transform: scale(1.5); /* prefix me */

	/* Hidden */
	opacity: 0;
	pointer-events: none;
	z-index: 99999999999999999999;
	background: whitesmoke;
	border:1px solid rgba(0,0,0,0.3);
	border-radius: 5px;
	padding:12px;
	min-height: 50px;
	margin: 5px auto;
	margin: -50% 0 0 -25%;
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	display:none;
        }
#modalp
        {
	overflow-y: auto;
	text-align:center;
	overflow-x:hidden;
        }
#modaltitle
        {
	text-align:center;
	font-size: 22px;
	padding-bottom:10px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
        }
.popupOpen #outerwrap {
	-webkit-transform: scale(0.98);
	opacity:0.1;
	z-index: 9999;
	margin: auto;
          }
.popupOpen .modalwall
        {
	background: rgba(0,0,0,0.7);
	position: absolute;
	z-index: 999999999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	top: 0;
            
        }
        
.popupOpen #modal {
  
	/* Regular size and visible */
	transform: scale(1); /* prefix me */
	opacity: 1;
	display:block;
	/* Clickable */
	pointer-events: auto;
	margin-top: 10px;
        }
#outerwrap, 
#modal {
  
	transition: all 0.2s ease; /* prefix me */
          
	}
        
.modalclose
	{
	float: right;
	margin-top:12px;
	margin-right:12px;
	cursor: pointer;
	padding:1px;
	}
	  
		
.showloader
	{
	text-align: center;
	display: inherit;
	margin:auto;
	}
	
#modal.mmessage-lg
	{
	width:80%;
	height:75%;
	top:10%;
	left:35%;
	background:white;
	}
#modal.mmessage-window
	{
	border-radius:0;
		
	}
.invalidinput
{
	border: 5px solid red!important;
}