.modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}
.modal-dialog{position:fixed;margin:0;width:100%;max-width:100%;height:100%;padding:0}
.modal-content{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;box-shadow:none}
.modal-header{position:absolute;top:0;right:0;left:0;height:50px;padding:10px; border:0}
.modal-header .close{ outline: none !important; border: 0; font-size: 1em;}
.modal-title{font-weight:300;font-size:2em; line-height:30px}
.modal-body{position:absolute;top:10%;bottom:50px;width:100%;font-weight:300;overflow:auto;/*display: flex;    align-items: center;*/}
.modal-footer{position:absolute;right:0;bottom:0;left:0;height:60px;padding:10px; border: 0;font-size: 14px;  text-align: left;}
 @media all and (max-width: 480px) {
	.modal-body{ top: 50px; bottom: 50px;}
}