.ui-dialog {
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: normal;	
}

.ui-dialog.ui-widget-content { 
	background: rgba(180,190,200,0.95);
	background: linear-gradient(135deg, rgba(180,180,190,0.98) 0%, rgba(200,210,220,0.85) 65%, rgba(230,240,255,0.8) 100%);
	box-shadow: 2px 2px 3px #666666;
}

.ui-dialog.ui-dialog-title {
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;	
}

.ui-dialog .ui-dialog-titlebar-close {
	display: none;
}

.dlg-background {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	background: rgba(180,190,250,0.25);		
}

.dlg-body {	
	position: absolute;
	padding: 5px;
	display: block;	
	box-shadow: 2px 2px 5px #333;
	margin: 15px;
	width: auto;
	min-width: 75px;	
	min-height: 175px;
	max-width: 85%;
	height: auto;
	clear: both;
	border: #666 2px solid;
	/* background */
	background: rgba(180,190,200,0.97);
	background: linear-gradient(135deg, rgba(180,180,190,0.98) 0%, rgba(230,240,255,0.90) 100%);
	/* round box */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
     /* user-select */
     user-select: none;	
}

.dlg-content {
	display: block;
	overflow: auto;
	padding: 5px;
	padding-bottom: 15px;
	padding-top: 10px;
	clear: both;
	min-height: 70px; /* 175px - 25px; */
	height: calc(100% - 50px);
	width: auto;	
	min-width: 305px;
	/*border: #f00 dashed 2px;*/
	font-size: 11pt;
	color: #000;
}

@media screen and (max-width: 500px) {
	.dlg-content {
		padding: 2px;		
		min-width: 255px;
		font-size: 10pt;
	}
}


.dlg-title {
	cursor: pointer;
	font-size: 10pt;
	font-weight: normal;
	
	/* round box */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #333;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #CCC;
	/* background */
	background: linear-gradient(135deg, rgba(200,200,200,0.98) 0%, rgba(240,240,240, 0.7) 100%);
}

.dlg-buttons {		
	position: relative;
	text-align: right;	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;	
	margin: 0;	
	margin-bottom: 15px;
	/*background: rgba(180,190,200,0.95);
	background: linear-gradient(180deg, rgba(180,190,200,0.98) 0%, rgba(200,210,220,0.85) 60%, rgba(230,240,255,0.8) 100%);	
	*/
	clear: both;	
}

.dlg-license {	
	clear: both;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	color: #666;
	padding: 1px;
	margin: 0px;	
	position: absolute;
	bottom: -20px;
	overflow:  visible;
	white-space: nowrap;	
}

.dlg-btn-close {
	float: right; 
	background-color: #FFF;
	color: #f00; 
	margin-top: 2px; 
	margin-right: 1px;
	border: #F66 solid 1px;
	text-align: center;
	vertical-align: middle;
	width: 15px;
	height: 13px;
	/* round box */
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}

/* display log format in dialog message */

.log-highlight {
	display: inline-block;
	width: auto;
	color: #F93;
}

.log-failed {
	display: inline-block;
	width: auto;
	color: #f00;
}

.log-ok {
	display: inline-block;
	width: auto;
	color: #0A0;
}

.log-b {
	display: inline-block;
	width: auto;
	font-weight: bold;
}

.log-i {
	display: inline-block;
	width: auto;
	font-style: italic;
}