@CHARSET "UTF-8";

file-input {
	height: 100%;
	display: block;
}
file-input [data-block],
file-input [data-upload-files] {
	height: 100%;
}

.entry textarea.fieldType-textarea {
	height: 2.2em;
	/* max-height: 2.2em;*/
	width: 100%;
	resize: none;
	overflow:hidden;
	overflow-y:auto;
}

.field .checkboxWrap {
	padding-top: .5em;
}

/* COLOR */
.fieldType-color button {
	float: left;
	width: 100% !important;
	height: 34% !important;
	border: solid;
	border-color: inherit;
	border-width: 1px 0 0 1px !important;
	padding: -1px;
}

.fieldType-color button {background: transparent !important;}
.entry:hover .fieldType-color button.colorPalette-1, .entryContents .fieldType-color button.colorPalette-1,
tfoot .fieldType-color button.colorPalette-1 {background: #dbc87c !important;}
.entry:hover .fieldType-color button.colorPalette-2, .entryContents .fieldType-color button.colorPalette-2,
tfoot .fieldType-color button.colorPalette-2 {background: #79ef8c !important;}
.entry:hover .fieldType-color button.colorPalette-3, .entryContents .fieldType-color button.colorPalette-3,
tfoot .fieldType-color button.colorPalette-3 {background: #9e7dd8 !important;}

/* DATABASE */
div.databaseFieldButton {
	float: right;
	width: initial !important; height: initial !important;
	position: absolute;
	top: calc(50% - 0.5em); right: 0;
	margin-top: -.5em;
	opacity: 0.5;
	/*z-index:1;*/

	border: 0px !important;
	background: transparent !important;
}
.databaseFieldButton a {margin: 0;
	border: 0px !important;
	/* background: transparent !important; */
}
.ui-mobile div.databaseFieldButton {margin-top: -1em;}
.entry.ui-state-highlight .databaseFieldButton  {opacity: 1 !important;}

.ui-mobile .head .read div.databaseFieldButton {display: none;}

/* USER-FILTER */
/* .ui-mobile #main .entry .fieldType-user-filter {display:none;} */

/* SORT */
html:not(.ui-mobile) .fieldType-sort .ui-button:first-child {border-bottom:1px dashed;}
html:not(.ui-mobile) .fieldType-sort .ui-button {width: 100%; height: 50%;}

html .fieldType-sort .ui-controlgroup,
html .fieldType-sort .ui-controlgroup-controls,
html .fieldType-sort .ui-btn {display:block; position: relative; height: 2em; width:100%; }
html.ui-mobile .fieldType-sort.ui-controlgroup-controls {width:100%;height: 100%;}
html.ui-mobile .fieldType-sort .ui-btn {
	display: none;
    float: left;
    height: 2.2em;
    margin: 0;
    padding-left: 0;
	padding-right:0;
    width: 32%;
  }
html.ui-mobile .fieldType-sort .ui-btn:last-child {float: right;}
html.ui-mobile .fieldType-sort .ui-icon-bars::after {margin-top: -.5em};

body.ui-widget-content .fieldType-sort .ui-icon {position:relative;left:50%;right:50%; top:4px}
.page:not(#main) .entry .fieldType-sort {display: none;}
.fieldType-sort .ui-button-text {display: none;}
.fieldType-sort .ui-btn {overflow: hidden;}

li.sort-placeholder {height: 2.2em; border: 0; border-color: inherit;margin: 0}
li.ui-sortable-helper {border-bottom: 1px;}

/* CHECKBOX */
.page:not(#main) .fieldType-checkbox .name {display: none;}
.page:not(#main) .ui-checkbox {margin-top: 28px;}

/* AUTOCOMPLETE */
.ui-autocomplete.ui-listview {z-index: 1100;box-shadow: 0px 0px 15px;}
.ui-autocomplete.ui-listview .ui-menu-item {float:left;width: 100%}
.ui-autocomplete.ui-listview[data-cols="2"] .ui-menu-item {width: 50%}
.ui-autocomplete.ui-listview[data-cols="3"] .ui-menu-item {width: 33%}
.ui-autocomplete.ui-listview[data-cols="4"] .ui-menu-item {width: 25%}
.ui-autocomplete.ui-listview[data-cols="5"] .ui-menu-item {width: 20%}

.ui-autocomplete {
	max-height: 15em;
	overflow-y: auto;
	overflow-x: hidden;
}
* html .ui-autocomplete {
	height: 15em;
}

/* OTHERS */
.field.fieldType-formula {text-align: center;}

.contentEntry .edit .col .name {display: none}
.ui-helper-hidden-accessible {display: none;}

/* #ui-datepicker-div {width: 365px;} */
.ui-datepicker {z-index: 1100 !important;}

.inputWithButton {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	width: calc(100% - 2em) !important;
}
.inputWithButton span.fileName {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.inputButton {
	width: 2em !important;
}

/* Upload */
.structureTable input[type="file"] {
	display: none;
}

.structureTable .file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

file-input[data-state] *[data-block] {
	display: none;
}
file-input[data-state="upload"] [data-block="upload"],
file-input[data-state="uploading"] [data-block="uploading"],
file-input[data-state="uploaded"] [data-block="uploaded"]{display: block;}

file-input[data-state="uploaded"][data-max="1"] .inputButton[data-multiple] {
	display: none;
}

file-input:not([data-max="1"]) button[data-action="remove"] {
	display: none;
}

file-input[data-state="uploaded"][data-multi="true"] [data-block="uploaded"] .data-multiple {
	display: inline-block;
}

file-input[data-state="uploaded"][data-multi="true"] [data-block="uploaded"] .inputWithButton {
	width: calc(100% - 5em) !important;
}

.ui-dialog-content file-input progress[data-block] {
	display: inline;
}
.ui-dialog-content file-input:not([data-state="uploading"]) progress {
	visibility: hidden;
}

file-input:not(:hover) .filelist {
	display: none;;
}