.dialog .formContainer {
    padding: 15px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    border-radius: 4px;
}

.alert .formContainer {
    top: 15% !important;
    z-index: 1000 !important;
}

.formComponentContainer {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
}

.formComponentContainer.dialog {
    flex: 0;
}

.dialog .fieldsContainer {
    overflow-y: auto;
    max-height: 83vh;
}

.formContainer {
    vertical-align: middle;
    padding: 5px;
    background-color: #e5e5e5;
    border: 2px solid #3b352e;
    display: flex;
    flex-direction: column;
    /* overflow-y: overlay; */
}

.formFieldContainer {
	margin-bottom: 20px;
}

.formField {
    background: transparent;
    padding: 4px 0px 4px 5px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b3b3b3;
    font-family: inherit;
    font-size: 1em;
    margin-bottom: 5px;
    margin-top: 3px;
    border-radius: 5px;
}

.formField.disconnected {
    background-color: rgb(255, 230, 230);
}

/*.formField:focus {
    background: #fff;
    color: #324861;
    border: 1px solid #16a599;
    background-color: #16a5991a;
}*/

/*.formField[readonly=readonly]:focus {
    background-color: #cecece;
    color: #000;
    border: 1px solid #b3b3b3;
}*/

.formCaption, .formFieldCaption {
    font-size: 1.2em;
    padding: 0;
    margin: 3px 0 2px 0;
    font-weight: bold;
    color: #5c5c5c;
}

.formFieldDescription {
    padding: 0;
    margin: 3px 0 2px 0;
    color: #5c5c5c;
}

/* gombok */

.dummyButton.save {
    background-color: #5bb502;
}

.dummyButton.save:before {
    content: "\f0c7";
}

.dummyButton.close {
    background-color: #d9534f;
}

.dummyButton.close:before {
    content: "\f057";
}

.dummyButton.saveClose {
    background-color: #478e02;
}

.dummyButton.saveClose:before {
    content: "\f00c";
}

.objectField .dummyButtonContainer {
    display: none;
}

/* mezőtípusok */

.formField[readonly=readonly],
.readonly input.formField,
.readonly textarea.formField,
.readonly select.formField {
    background-color: #cecece !important;
}

input.formField,
div[contenteditable],
select.formField,
textarea.formField,
.arrayFieldFieldType .formField {
    background-color: white;
}

.arrayField.fieldContainer {
    background: transparent;
    /* padding: 0px 0px 15px 15px; */
    /* margin: 15px 0; */
    box-sizing: border-box;
    /* display: flex; */
    flex-direction: column;
}

.arrayField.fieldContainer .gridToolbar {
    margin-left: -7px;
}

select.formField {
    padding: 4px 0;
    -webkit-padding-start: 4px;
    -webkit-padding-end: 4px;
    -webkit-appearance: none;
    /* -webkit-border-radius: 0; */
}

.arrayEditorContainer .formField {
    background: transparent;
}

.formField.checkbox {
    width: inherit;
}

.checkboxFieldType .formFieldCaption {
    margin: 1px 0;
}

.radioFieldType .formField {
    border: 0;
}
.radioFieldType .radioOption {
    display: inline-block;
}
.radioFieldType .formField .radioValue, .radioFieldType .formField .radioInput {
    cursor: pointer;
}
.radioFieldType .formField label {
    margin-left: 5px;
}
.radioFieldType .formField input {
    margin: 0px 20px 0px 10px;
}

.formField[readonly=readonly], .readonly input, .readonly textarea {
    background-color: #cecece;
}

.formContainer .dummyToolbarContainer {
    justify-content: center;
}

/*Mezők oszlopokba*/
.fieldsContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fieldContainer {
    width: 100%;
    flex: 350px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.formFieldNewLine {
    flex-basis: 100%;
    height: 0px;
}