.ctr-midi {
    position: absolute;
    z-index: 1;
    background-color: #f1f1f1;
    text-align: center;
    border: 1px solid #d3d3d3;
	min-width:350px;
	min-height:350px;
	max-height:92%;
	/* Form resizeable */
	resize: both;
	overflow:hidden;
	/* overflow-x: hidden;
	overflow-y: hidden;*/
	/* Unselectable text */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 			/* Likely future */ 
}

.hdr-midi {
	position:relative;
    z-index: 2;
    background-color: #ffffff;
    color: #000;
	text-align:left;
	height:30px;
}

.midi-mover {
	width:98%;
	padding: 3px;
	font-size:15px;
	font-family: 'Titillium Web';
}

.midi-mover-lbl {
	display:block;
	width:75%;
	/* Auto filter text */
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.hdr-midi-btn-cls {
	position:absolute;
	display:inline-block;
	top:-2px;
	right:3px;
	padding-top:1px; 
	padding-bottom:1px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;	
	border-radius: 0px 0px 3px 3px;
	cursor:pointer;
	background-color:#91443e;
}

.hdr-midi-btn-cls:hover {
	background-color:#E04343;
}

.hdr-midi-btn-mm {
	position:absolute;
	display:inline-block;
	top:-1px;	
	padding-top:1px; 
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	border-radius: 0px 0px 3px 3px;
	cursor:pointer;
}

.hdr-midi-btn-mm:hover {
	background-color: #f1f1f1;
}

.hdr-midi-btn-min {
	right:71px;
}

.hdr-midi-btn-max {
	right:47px;
}

.frame-midi{
	position:absolute;
	width:100%;
	height: calc(100% - 40px);
	z-index:2;
}

.iframe-midi{
	display:block;
	width:100%;
	height:100%;
	border:0px;	
	
}

.ctr-z-index-1 {
	z-index:1;
}

.ctr-z-index-2 {
	z-index:2;
}