#mypopup{
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100%;
	overflow-y:auto;
	background-color:rgba(0,0,0,.8);
	display:none;
	z-index:99999;
}

.no-scroll{
	overflow:hidden;
}

#mypopup-container{
	margin-top:1.5%;
	height:95%;
	max-height:700px;
	background-color:#fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	padding:0px;
	overflow-y: auto;
	margin-left: auto;
	margin-right: auto;
	overflow-x:hidden;
}

#mypopup-closebutton{
	position:absolute;
	top:10px;
	right:10px;
	font-size:30px;
	cursor:pointer;
	z-index:20;
	color:#000;
	-webkit-transition: color 250ms linear;
	-ms-transition: color 250ms linear;
	transition: color 250ms linear;
}

#mypopup-closebutton:hover{
	color:gray;
}


#mypopup-body{
	height:100%;
	padding:0;
	margin:0;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}


.body-element{
	height:100%;
	padding:15px;	
}

.sides{
	padding:10px 30px 30px 30px;
	min-height:100%;
	overflow-y:hidden;
	
}

.side-title{
	border-bottom:1px solid lightgray;
	font-size:20px;
	padding-bottom:10px;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:600;
}
.side-subtitle{
	font-size:18px;
	margin-top:15px;
	font-weight:600;
}

.input-sm{
	height: 25px;
	padding: 5px 5px;
}

.form-group{
	margin-bottom:5px;
}

#body-left{
	background-color:#fff;
}
#body-right{
	background-color:#ededed;
}

.mypopup-btn{
	border-radius:5px;
	padding:10px 20px;
	margin:0 5px;
	-webkit-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
	color:#fff;
	border:1px solid gray;
}


@media screen and (max-width: 991px) {
	#mypopup-container{
		margin-top:0;
		height:100%;
	}
}

#body-left .row{
	/*margin:5px 0px;*/
	padding:5px 0;
}

.bottom-block{
	margin-top:10px;
}

.sides img{
	width:100%;
}