/* dlgcard */
.dlgcard{
	position:relative;
	width:100%;
	padding:0;
	background-color:#fff;
}
/* dlgcard-iconbtn */
.dlgcard-iconbtn-box{
	display:table;
	width:100%;
	border:0px solid #ddd;
	border-width:1px 0 1px 0;
}
.dlgcard-iconbtn{
	display:table-cell;
	width:50%;
	color:#888;
	text-align:center;
	border:0px solid #ddd;
	border-width:0 1px 0 0;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
}
.dlgcard-iconbtn:last-child{
	border-width:0;
}
.dlgcard-iconbtn:hover{
	color:#333;
	background-color:#ddd;
}
.dlgcard-iconbtn:active{
	color:#fff;
	background-color:#888;
}
.dlgcard-iconbtn-label{
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.2em;
}
.dlgcard-iconbtn-icon{
	padding:3px 0;
	font-size:30px;
}
.dlgcard-iconbtn-ok:before{
	content:"\2713";
}
.dlgcard-iconbtn-cancel:before{
	content:"\2715";
	font-size:85%;
}
/* dlgcard-heading */
.dlgcard-heading{
	display:table;
	width:100%;
	border:0 solid #ddd;
	border-width:1px 0 1px 0;
}
/* dlgcard-heading-btn */
.dlgcard-heading-btn{
	display:table-cell;
	padding:10px 0;
	width:45px;
	font-size:24px;
	text-align:center;
	color:#888;
	line-height:0;
	vertical-align:middle;
	cursor:pointer;
}
.dlgcard-heading-btn span{
	line-height:1;
	vertical-align:middle;
}
.dlgcard-heading-btn span:before{
	content:"\276E";
}
.dlgcard-heading-btn:hover{
	color:#333;
	background-color:#ddd;
}
.dlgcard-heading-btn:active{
	color:#fff;
	background-color:#888;
}
/* dlgcard-heading-title */
.dlgcard-heading-title{
	display:table-cell;
	padding:14px 10px 13px 10px;
	font-size:18px;
	text-align:left;
	color:#333;
	line-height:0;
	vertical-align:middle;
}
.dlgcard-heading-title span{
	line-height:1;
	vertical-align:middle;
}
/* dlgcard-field */
.dlgcard-field-box{
	position:relative;
	width:100%;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
}
.dlgcard-field{
	position:relative;
	width:100%;
	padding:10px 25px;
	border:1px solid #ddd;
	border-width:0 0 1px 0;
	cursor:pointer;
}
.dlgcard-field:hover{
	background-color:#ddd;
}
.dlgcard-field:active{
	background-color:#888;
}
.dlgcard-field-label{
	padding:4px 0;
	color:#333;
	font-size:18px;
	line-height:1;
	text-align:left;
}
.dlgcard-field:hover .dlgcard-field-label{
	color:#333;
}
.dlgcard-field:active .dlgcard-field-label{
	color:#fff;
}
.dlgcard-field-value{
	color:#888;
	font-size:14px;
	line-height:1;
	text-align:left;
}
.dlgcard-field:hover .dlgcard-field-value{
	color:#333;
}
.dlgcard-field:active .dlgcard-field-value{
	color:#fff;
}
/* dlgcard-input */
.dlgcard-input-group-box{
	position:relative;
	padding:10px 0;
xbackground-color:rgba(255,0,0,0.3);
}
.dlgcard-input-group{
	position:relative;
	padding:3px 10px;
xbackground-color:rgba(0,0,255,0.3);
}
.dlgcard-input-label{
	padding:2px;
	padding-left:10px;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
.dlgcard-input-value{
	padding:2px;
	color:#444;
	font-size:18px;
	text-align:left;
}
.dlgcard-input-value input[type='text'],
.dlgcard-input-value input[type='password']{
	padding:6px 8px;
	width:100%;
	font-size:24px;
	border:1px solid #ccc;
	border-width:0 0 1px 0;
}
