/**** THIS FILE BELONGS TO FORESEEN INSTANCE uniformdev.lukashozak.cz, LAST REFRESHED ON 2025-11-03 20:57:39 ****/
.system-form-top {
	position : relative;
	width : 100%;
	height : 43px;
	
	background : lightgray;
	border-bottom : 1px solid darkgray;
}

.system-form-button {
	margin : 10px;
	padding : 2px 6px 1px 6px;
}

.system-form-back-button {}
.system-form-new-button {}
.system-form-menu-button {
	margin-left : 0;
}

.system-form-top .system-form-submit-button {
	float:right;
}

.system-form-label {
	font-weight : 700;
}

.system-form-container {
	height : calc(100vh - 87px);
	overflow: auto;
	/*padding : 0 20px;*/
}

.system-form { 
	position : relative;
	padding : 10px 0;
	font-family : Helvetica, Arial, sans-serif;
	
	/*background : pink;*/
}

/* Form */
/* defined in theme */
.system-form { border: none; }

.system-form-overlay {
	position: absolute;
	width : 100%;
	height : 100%;
	display : none;
	z-index : 5000;
	background : rgba(200, 200, 200, 0.2);
	
	-webkit-backdrop-filter : blur(2px);
	backdrop-filter : blur(2px);
}

.system-form-overlay-message {
	position : absolute;
	width : 100%;
	text-align : center;
	font-size : 24px;
	top : calc(50% - 24px);
	
}


.system-form-editor { 
	width : 100%; 
	height: 750px; 
	margin: 25px auto; 
}

.system-form-field { 
	position : relative;
	margin: 0 16px 12px 16px;
}

/* without left and right it is hard to make the 1,2 and 3 column setup look nice */
.system-form-field-left {
	position: relative;
	display: inline-block;
	width : 30%;
	max-width : 110px;
} 

.system-form-field-label {
	display : inline-block;
	width : calc(100% - 12px);
	text-align : right;
}
.system-form-field-mandatory {
	display : inline-block;
	width : 12px;
	font-weight : bold;
}

.system-form-field-right {
	position : relative;
	display: inline-block;
	width : 70%;
	min-width : calc(100% - 110px);
}

.system-form-field-input {
	display : inline-block;
	width: calc(100% - 8px);
	padding : 1px 2px;
	border : 2px solid black;
	border-radius : 4px;
}

.system-read-only .system-form-field-input {
	border : 2px solid lightgrey;
}

.system-form-field-buttons {
	display : inline-block;
}

.system-form-field-button {
	padding: 0 0 0 5px;
	max-width : 15px;
	max-height : 15px;
}

.system-form-field-error { width : 100%; }
/*.system-form-field-error:before{ content: '<br />'; }*/

.system-two-columns > .system-form-field > .system-form-field-left {
	width : 40%;
}

.system-two-columns > .system-form-field > .system-form-field-right {
	width : 60%;
}

.system-three-columns > .system-form-field > .system-form-field-left {
	width : 50%;
}

.system-three-columns > .system-form-field > .system-form-field-right {
	width : 50%;
}

.system-form-field-0-buttons .system-form-field-buttons {
	display : none;
}

.system-form-field-1-buttons .system-form-field-buttons {
	width : 20px;
}

.system-form-field-1-buttons .system-form-field-input {
	width : calc(100% - 8px - 20px);
}

.system-form-field-2-buttons .system-form-field-buttons {
	width : 40px;
}

.system-form-field-2-buttons .system-form-field-input {
	width : calc(100% - 8px - 40px);
}

.system-form-field-3-buttons .system-form-field-buttons {
	width : 60px;
}

.system-form-field-3-buttons .system-form-field-input {
	width : calc(100% - 8px - 60px);
}

.system-form-field-checkboxes-item {  }
.system-form-field-textarea {
	resize: vertical;
}

.system-form-list { max-width: 250px; }
.system-form-list-left, .system-form-list-right { float: left; }
.system-form-list-left { width : calc(100% - 50px); }
.system-form-list-new { width : calc(100% - 40px); }
.system-form-list-new-button { width : 40px; }
.system-form-list-right { width : 50px; height: 100%; }
.system-form-list-row { width : 100%; }

/* used in both field types and in theme */
.system-form-field-datetime {  }
.system-form-field-datetime-calendar { }
.system-form-field-datetime-root { }

/* used in field types */
.system-form-field-boolean { /*background: #ffc;*/ }
.system-form-field-choice { /*background: #fcf;*/ }
.system-form-field-choice select { width : 60% }
.system-form-field-currency {  }
.system-form-field-date {  }


/* date time picker is themed elsewhere */
.system-form-field-decimal {  }
.system-form-field-double {  }
.system-form-field-email {  }
.system-form-field-id {  }
.system-form-field-integer {  }
.system-form-field-number { /*background: #cff;*/ }
.system-form-field-password {  }
.system-form-field-reference { /*background: #ccf;*/ }
.system-form-field-string {  }
.system-form-field-scripted-choice { }
.system-form-field-time { }
.system-form-field-unsigned {  }
.system-form-field-multiple-choice { }

.system-form-file-button {
	display : block;
	
	margin : 5px;
	padding : 2px 5px;
	width : fit-content;
	
	border : 1px solid black;
	border-radius : 4px;
	background : lightgray;
}

/*.system-form-file-upload-drop-zone {
	padding : 10px;
	margin : 10px;
	border : 2px dashed #ccc;
	border-radius : 10px;
	min-width : 200px;
}

.system-form-file-upload-drop-zone-highlight {
	background : #f7f2ff;
	border-color : black;
}

.system-form-file-upload-instructions {
	text-align : center;
}

.system-form-file-upload-progress {
	width : 100%;
}

.system-form-file-upload-gallery {
	position : relative;
	margin-top : 10px;
}

.system-form-file-upload-gallery-item {
	position : relative;
	width : 250px;
	height : 185px;
	float : left;
}

.system-form-file-upload-gallery-label {
	text-align : center;
	text-overflow : ellipsis;
	overflow : hidden;
}

.system-form-file-upload-gallery-remove {
	position : absolute;
	color : red;
	font-size : 50px;
	top : 95px;
	left : 185px;
}

.system-form-file-upload-gallery-icon {
	width : 150px;
	height : 150px;
	margin-left : 50px;
	text-align : center;
	font-size : 100px;
}

.system-form-file-upload-gallery-image-container {
	display : flex;
	width : 250px;
	height : 150px;
	justify-content : center;
}

.system-form-file-upload-gallery-image {
	min-width : 50px;
}*/



.system-form-checklist {
	margin: 0 auto;
}

.system-form-checklist-item {
	position : relative;
	border-top : 1px solid grey;
}

.system-form-checklist-header {
	font-weight : 900;
	text-align: center;
	display : block;
	border-top : 1px solid black;
}

.system-form-checklist-item:first-child {
	border-top : none;
}

.system-form-checklist-item-label {
	float: left;
	text-align : right;
	width : calc(100% - 30px);
}
.system-form-checklist-item-check {
	float : right;
	width : 30px;
	padding-top : 2px;
}

.system-form-variables {
	background : lightgray;
}

.system-form-variables-label {
	width:100%;
	text-align : center;
}

.system-form-variables-row {
	
}

.system-form-variable-row-label {
	
}