@CHARSET "UTF-8";

.dialogs {display: none;}
.dialogs .hidden-form {margin: 0 20px 20px 20px;}
.dialogs .field {margin: 20px;}

.dialogs div.name {font-weight: bold; padding-bottom: 10px;}
.dialogs .field img {}


.dialogs .ui-menu {z-index: 1;}

.dialogs .2col-form {height:100%}
.dialogs .col-left {float: left; width: 50%;}
.dialogs .col-right {float:right; width: 50%;}
.dialogs .col-left33 {float: left; width: 33%;}
.dialogs .col-right66 {float:right; width: 66%;}

.dialogs input, .dialogs select, .dialogs textarea, .dialogs .dataItem button {
	width: 100%;
	border-radius: 3px;
	border: solid 1px;
}
.dialogs input[type="checkbox"] { width: 20px; height: 20px; margin-left: 0px;}

.dialogs .name input[type="checkbox"],
.dialogs .name button{
	margin-right: 10px;
	float: right;
	width: 20px; height: 20px;
	background: transparent;
}
.dialogs .name button{border: 0px;}

.dialogs iframe {
	width: 100%; height: 100%;
	border: 0px dashed #555;
	background: rgba(128, 128, 128, .1);
	box-shadow:         inset .1em .1em .2em .2em rgba(0, 0, 0, .5);
}

#dialog-login img{
	margin-left: 15px;
}

.dialogs .ui-menu {position: absolute; z-index: 999999;}

/* DATABASES */
#dialog-databaseEntries .read, #dialog-databaseEntries .edit { display:none }
#dialog-databaseEntries .field.ui-widget { min-height: 200px; }

#dialog-databaseEntries .list,
#dialog-databaseEntries .edit.comment {
	height: 200px;
	min-height: 200px;
	resize: vertical;
}
#dialog-databaseEntries .edit .comment { height: 100px; }

#dialog-databaseEntries .read .entryName {font-weight:bold; font-size: 120%;}
#dialog-databaseEntries .read div.ruler {width:100%; border-bottom:0px; margin: 20px 0;}
#dialog-databaseEntries .read .comment { border-top:inherit; }

/* STRUCTURE BUILDER */
.tableStructure {position:relative;}
.tableStructure .structureElement {float: left; width: 200px; margin: 0 10px; position:relative;}

.tableStructure .structureElement .fieldName {float: left; clear:both; width: 100%; font-weight: normal;}

#dialog-structures .structureElement .header.ui-widget-header {line-height:2em}
#dialog-structures .structureElement .header.ui-widget-header .ui-button {border:none;background:none;}

#dialog-structures .structureElement .content.ui-widget-content {margin-bottom: 10px; padding: 10px; min-height: 270px;}

.tableStructure .structureElement .header input.sysname {border: 0; background:transparent !important; width: 100px; margin: 0 auto; text-align: center !important;}


#dialog-structures .structureElement .actionItem{
	display: block;
	text-align: center;
	float: left;
	margin: 0px;
	width: 100%;
}
#dialog-structures .structureElement .actionItem button {cursor: pointer;}
#dialog-structures .structureElement .actionItem img{ float: right; margin: 5px;}

#dialog-structures .structureElement .dataItem {
	display: block;
	padding-bottom: 10px;
}
#dialog-structures .structureElement .dataItem .title{
	padding: 5px 0 10px 0;
}
#dialog-structures .structureElement .dataItem .hintText{
	font-style: italic !important;
	color: rgba(0, 0, 0, .5);
}
#dialog-structures .structureElement .dataItem .data.defaultValue {position:relative;}
#dialog-structures .structureElement .dataItem .defaultValue .menuButton{position: absolute; top: 0; right: 0; width:2em; margin-right:-8px;}
#dialog-structures .structureElement .dataItem input[type='text'].ui-button {
	width:85%;
	font-weight: normal !important;
}

#dialog-structures .typeList .ui-widget-header {padding: 8px ; margin: 5px -3px;}
#dialog-structures .typeList .ui-widget-header:first-child {margin-top: 0px;}

#dialog-structures .typeList a span.parent {display:none;}

#file-upload-dialog file-input {
	width: 100%;
}

#file-upload-dialog .file-list-wrapper{
	overflow: hidden;
	overflow-y: scroll;
}
#file-upload-dialog .accordion .ui-accordion-content {}

#file-upload-dialog .file-list-wrapper {
	max-height: 20em;
	min-height: 20em;
	width: 100%;
	overflow-y: scroll;
}



.ui-tabs-vertical { width: 100%; min-height: 20em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 30%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0;
	position: relative; overflow: hidden; text-overflow: ellipsis;}

.ui-tabs-vertical .ui-tabs-nav li a { display: text; text-overflow: ellipsis;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;  width: 70%; height: 19em;}

.ui-tabs-vertical .ui-tabs-nav li .remove {
	position: absolute;
	right: 0;
}

.ui-tabs-vertical .tab-content {
	overflow: hidden;
}

.file-preview-wrapper {
	width: 100%;
	height: 19em;
}

.file-preview {
	width: inherit;
	height: inherit;
}
img.file-preview {
	object-fit: scale-down;
	object-position: center;
}