/* === forms === */

.form , .form-xsearch , .xForm>table , form>table {	border-collapse:collapse;}
.form > tr > td , .form > tbody > tr > td { padding:2px; padding-bottom:6px; }
.form-xsearch td { padding-bottom:4px; }

.hiddenpos { position:absolute; width:1px; height:1px; left:-1000px; top:-1000px; }

//.xForm > table:not(.padding) > tbody > tr > td,.xForm > table:not(.padding) > tr > td { padding:0px; margin:0px; }

.xfield-readonly { display:inline-block; }
.xfield-table { display:inline-table; border-collapse:collapse; border-spacing:0; }
.xfield-table td { padding-top:0 ; padding-bottom:0; padding-left:0; padding-right:0; border:none; border-spacing:0; }

/* === padding === */
.xForm .rpad , form .rpad { padding-right:2px; }
.xForm  td .lpad , form td .lpad { padding-left:2px; }
.xForm  td .bpad , form td .bpad { padding-bottom:2px; }
.xForm  td .tpad , form td .tpad { padding-top:2px; }
.xForm  td .pad , form td .pad { padding:2px; }

/* === fields === */
input,textarea { box-sizing:border-box; }

/* === xfields === */

.xfield-date { width:94px; }
.xfield-time { width:62px; }

.xfield-time>table { position:relative; left:-1px; }

.x-form-text, textarea.x-form-field { border:1px solid #ccc; }
.x-form-type-text input { padding-left:4px; line-height:100% !important; padding-top:0px; }
.x-form-focus, textarea.x-form-focus { border:1px solid #666; }

.x-border-box .x-form-text { height:26px; font-size:12px; padding-top:0px;}
.x-border-box .x-form-trigger { height: 26px; }

.x-form-trigger-wrap td { padding:0; margin:0; }

.x-form-field, .x-form-display-field { font-family:inherit;	color:#000; }

.xfield-container { display:inline-table; zoom: 1; vertical-align:-50%; border-top:1px solid transparent; border-bottom:1px solid transparent; }
.xfield-container td { padding:0px; margin:0px; }
.xfield-container .x-form-item { margin-bottom:0px;}
.xfield-container table { width:100% !important; border-spacing:0 !important; }

/* === checkboxes === */
.xCheckbox { display:inline-block; position:relative; top:-2px; cursor:pointer; width:16px; height:16px; vertical-align:middle; border:1px solid #ccc; border-radius:4px; margin-top:2px; margin-bottom:2px;}
.xCheckboxEmpty:hover {  }
.xCheckboxChecked { background-color:#1979ca; border:1px solid #1979ca; color:#fff;}
.xCheckboxChecked:before {  font-family:'Font Awesome 5 Pro'; font-size:14px; content: "\F00C"; color:#fff; }


/* === radio === */
.form-radio { font-family:'Font Awesome 5 Pro'  !important; font-size:17px  !important; color:#ccc; display:inline-block; line-height:17px; position:relative; top:3px; cursor:pointer; vertical-align:baseline; }
.form-radio:before { content: "\F111";  }
.form-radio-checked { color:#1979ca;}
.form-radio-checked:before { content:"\F192"; }
  

/* === invalid === */  
.x-form-invalid-field, textarea.x-form-invalid-field  {
	border:1px solid #ccc !important;
	border-bottom:1px solid #f00 !important;
	background-image:none !important;
}


/* === placeholder === */
.x-form-empty-field {
	padding-top:2px;
	color: #666 !important;
	opacity:1 !important;
}
input::-webkit-input-placeholder { 
	padding-top:2px;
	color: #666;
	opacity:1 !important;
}
input:-moz-placeholder { 
	padding-top:2px;
	color: #666 !important;
	opacity:1 !important;
}

input::-moz-placeholder { 
	padding-top:2px;
	color: #666 !important;
	opacity:1 !important;
}

div.placeholder:not(:focus):before {
	padding-top:2px;
	content: attr(placeholder);
    float: left;
    margin-left: 2px;
    color: #666 !important;
	opacity:1 !important;
}



/* === tmce === */
.mce-content-body { border:1px solid #ccc; }
.mce-edit-focus { border:1px solid #000; }
/* === tmce bug === */
.xtmce table { position:relative; }
.xtmce img { position:relative; }

.mce-item-table td { min-width:10px; }
.mce-item-table[border] { border-style:solid; border-color:#000;}
.mce-item-table[border] td { border-style:solid; border-color:#000;}
/*preview*/
#tinymce table[border] { border-style:solid; border-color:#000; border:1px solid #000 !important;}
#tinymce table[border] td { border-style:solid; border-color:#000; border:1px solid #000 !important;}


/* === plupload === */
.plUploader { position:relative; cursor:pointer;}
.plUploader-delete {  z-index:999999; position:absolute; top:4px; right:4px; width:24px; height:24px; cursor:pointer; display:none;  background-color:#6badf6; border-radius:12px; text-align:center; padding-top:3px;}
.plUploader-delete:-moz-last-node { display:block; } 
.plUploader-delete:before {  font-family:'Font Awesome 5 Pro'; font-size:20px; content: "\F00D ";  color:#fff; }
.plUploader:hover .plUploader-delete { display:block; }
.plUploader-placeHolder { border:1px solid #ccc; display:table-cell; text-align:center; vertical-align:middle; }
/* === uploader === */
.form-uploader-delete {
	width:16px;
	height:16px;
	float:left;
	background-image:url(/k4/css/icons/cancel2.png);
	cursor:pointer;
	margin-right:4px; 0px;
	border:none;
}
/* === firefox 3 === */
.ff3plUploadBtn div {
	width:24px!important;
	height:24px !important;
	cursor:pointer;
}
.ff3plUploadBtn div input {
	cursor:pointer;
}

/* === toolbar === */
.xFormBarBottom {
	position:fixed; width:100%; bottom:0px; height:27px; 
	background-color:#fff;
	border-top:1px solid #ccc; padding-top:2px;
	text-align:center;
	z-index:10000;
}
.xFormBarBottom .x-btn {
	margin-left:5px; margin-right:5px;
}
.xFormBarBottom_blue {
	background-color:#6badf6;
	border-top:1px solid #4598F4; padding-top:2px;
}

.xFormBarBottomClear { position:relative; width:100%; height:27px; }


/* === fieldset === */
fieldset { border:1px solid #ccc; border-radius:8px; }