/*
	mobile modal dialog
*/
.modal-list-item {
	background:#fff;
	border-bottom: 1px solid #e0e0e0;
	padding:5px;
	position:relative;
	height:3em;
}
.modal-list-item:active {
	background:#f0c800;
}
.modal-select-disable {
	background: #eee;
	border-bottom: 1px solid #e0e0e0;
	padding:5px;
	position:relative;
	height:3em;
}
.modal-select-disable:active {
	background: #eee;
}
.modal-item-text {
	position:absolute;
	font-size:1em;
	/*height:1.0em;*/
	top:0.25em;
	left:5px;
}
.modal-item-value {
    margin-top: 2.0em;
    margin-left: 0.3em;
    font-size: 0.8em;
}
.modal-list-back {
	background: #a0a0a0a0;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000;
}
.modal-list-frame {
	position:absolute;
	z-index:1000;
	border: 1px solid #e0e0e0;
	background:#fff;
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
	overflow-y:auto;
}
.modal-select-frame {
	overflow-y:auto;
}
.modal-select-item {
	border-bottom: 1px solid #e0e0e0;
	position:relative;
	padding:0.3em;
	padding-right:18px;
}
.modal-select-item:active {
	background-color: #f0c800;
}
.modal-select-item-selected {
    background-image: url(/res/img/checkmark.png);
    background-size: 10px 10px;
    background-position: 0px 50%;
    background-repeat: no-repeat;
}
.modal-select-item-text {
	font-size:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-left:12px;
}
.modal-item-arrow {
	position:absolute;
	font-size:1em;
	height:1.5em;
	top:0.25em;
	right:5px;
}
.modal-list-frm {
	height: 100%;
	overflow: auto;
}
.modal-list-frm::-webkit-scrollbar {
	border: 1px solid #c9c9c9;
	background-color: #c9c9c9;
	border-radius:4px;
	width:8px;
}
.modal-list-frm::-webkit-scrollbar-thumb {
	border: 1px solid #7f7f7f;
	background-color: #7f7f7f;
	border-radius:4px;
}