.ui-draggable, .ui-droppable { background-position: top; }

.ui-widget { font-family: happo; font-size: 1em; line-height:1.3em; } 

.ui-widget button { font-family: happo; } 

.ui-dialog-titlebar
{
	background-color: #b2b2b2;
	background-image: url(../images/happometer_square_72.png);
	background-repeat:no-repeat;
	background-size:30px;
	color: #fff;
}

.ui-dialog .ui-dialog-titlebar { padding: .1em 1.3em !important; } 

.ui-dialog { z-index:100000; }

.ui-dialog .ui-dialog-buttonpane button.ui-button { color:white; background-color:#2697f9; }

.ui-widget-content { border: 1px solid #b2b2b2; background:#fff; }

.ui-widget-content.ui-dialog { border: 1px solid #2697f9; }

.ui-dialog-title::before { content:'....'; opacity:0; }

/*----------------------*/

.inputDialogueError { font-size:16px; color:#f36140; text-align:right; display:none; }
.dialogInputTip { font-size:16px; color:#a2a2a2; text-align:right; }


.dialogInput
{
	font-size:20px;
	background-color:transparent;
	border:none;
    border-bottom:1px dashed #c79b44;
    width:100%;
}

.dialogTxtA
{
	font-family: happo;
	font-size:20px;
    background:#f2f2f2;
    border: none;
    border-bottom:1px dashed #c79b44;
	padding:2px;
	width:100%;
	height: 30px;
	outline:none;
	text-align:justify;
	resize:none;
	line-height:25px;
}

.dialogSelect
{
	font-size:16px;
	color:#000;
    background-color:transparent;
    width:100%;
    border: none;
    border-bottom:1px dashed #c79b44;
    border-right:3px dotted #c79b44;
	-moz-appearance: none; /* for Firefox */
	-webkit-appearance: none; /* for Chrome and safari */
	appearance: none;
	-webkit-border-radius: 0px; -moz-border-radius:0px; -khtml-border-radius:0px; border-radius:0px;
}

.dialogInput:focus, .dialogSelect:focus, .dialogTxtA:focus
{ border-bottom:1px solid #c89226; 	outline:none; }

.dialogInput::-webkit-input-placeholder, .dialogTxtA::-webkit-input-placeholder { font-size:14px; color:#8f8f8f; }
.dialogInput:-moz-placeholder, .dialogTxtA:-moz-placeholder { font-size:14px; color:#696969; }	/* older Firefox*/
.dialogInput::-moz-placeholder, .dialogTxtA::-moz-placeholder { font-size:14px; color:#696969; }	/* Firefox 19+ */ 
.dialogInput::-ms-input-placeholder, .dialogTxtA::-ms-input-placeholder { font-size:14px; color:#8f8f8f; }
.dialogInput::placeholder, .dialogTxtA::placeholder { font-size:14px; color:#8f8f8f; }


.tableInputForm { display:table; width:95% !important;   border-collapse: separate; border-spacing: 20px; }
.tableInputForm .inputFormRow { display:table-row; }
.tableInputForm .inputFormLcol { display:table-cell; vertical-align:top; text-align:right; color:#a2a2a2; }
.tableInputForm .inputFormRcol { display:table-cell; vertical-align:top; text-align:left; color:#000; width:60%; }

.isEditableDiv
{
	border:1px solid #c2c2c2;
	overflow: auto; 
	padding:10px;
	resize: none;
	width: 400px;
	font-size:18px;
	color:#000;
}

.isEditableDiv:empty:before
{
	content: attr(placeholder);
	color: #777;
}