@charset "utf-8";
/* CSS for custom jQuery mobile modal dialog control */
div[data-role="modal-dialog"]
{
    left:0;
	top:0;
	z-index:997;
	position:absolute;
	display:block;
	visibility:hidden;
	width:100%;
	height:100%;
	margin:0;
	overflow:hidden;
	background: rgba(0,0,0,.5);
	padding:5px;
}

div[data-role="modal-page-container"]
{
    z-index:998;
    width:10%;
    height:10%;
    display:block;
    opacity: 0;
    position:relative;
    margin:5% auto auto;
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	box-shadow:3px 5px 3px rgba(0,0,0,.9);
	-moz-box-shadow:3px 5px 3px rgba(0,0,0,.9);
	-webkit-box-shadow:3px 5px 3px rgba(0,0,0,.9);
	-o-box-shadow:3px 5px 3px rgba(0,0,0,.9); 
	background:transparent;
	padding:10px;
	background:#111;
}

div[data-role="modal-dialog"] iframe
{
    width:100%;
    height:100%;
    z-index:999;
    display:block;
    border:1px solid #000;
    background:#fff;
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}

div[data-role="page"].modal-dialog-page {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
}

div[data-role="page"].modal-dialog-page div.top-right-nav a[data-role="button"]{
    display:inline-block;
    margin:3px;
    cursor:pointer;
}


div.modal-dialog-page div[data-role="content"] .ui-listview-filter,
div.modal-dialog-page div[data-role="content"] .ui-listview {
    margin:0 auto !important;
}

div.modal-dialog-page{
    position:relative;
}

div.modal-dialog-page div[data-role="content"]{
    position:absolute;
    top:50px;
    bottom:0;
    left:0;
    right:0;
    box-sizing:border-box !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    height:auto !important;
    margin:0 !important;
    display:block;
}