.form-content header {
    border-bottom: 1px solid rgb(50 50 50 / 10%);

    /*    padding: 2em 2em 1em 2em; */
    box-sizing: border-box;
}

.form-content header h3,
.form-content header h2,
.form-content header p {
    padding: 0;
    margin: 0;
}

.form-content header p {
    font-size: var(--font-s);
}

.form-content .system-content-container .form-element-container {
    padding: var(--spacing-xs) 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dashed rgb(50 50 50 / 10%);
}

.form-content .system-content-container .form-element-container.standart-form-delimeter {
    border-bottom: 1px solid rgb(50 50 50 / 10%);
    padding: 1em 0 0;
}

.form-content .system-content-container .form-element-container.standart-form-delimeter p {
    text-transform: uppercase;
}

.form-content .system-content-container .form-element-container>label {
    float: left;
    display: table;
    width: 30%;
}

.form-content .system-content-container .form-element-container label span.help-text {
    background-image: url('/public/images/actions/information.svg');
    display: table;
    width: 20px;
    height: 20px;
    margin: 5px 10px 0 0;
    float: right;
}

.form-content .system-content-container .form-element-container>.input-container {
    float: right;
    display: table;
    width: 70%;
}


aside .form-content .system-content-container .form-element-container>label,
aside .form-content .system-content-container .form-element-container>.input-container {
    width: 100%;
}

.form-content .system-content-container .form-element-container>.input-container input,
.form-content .system-content-container .form-element-container>.input-container select,
.form-content .system-content-container .form-element-container>.input-container textarea {
    width: 100%;
    box-sizing: border-box;
    padding: .5em;
    border-radius: 5px;
    border: 1px solid rgb(50 50 50 / 30%);
}

.delete_avatar>.input-container>a {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.chosen-container-multi .chosen-choices {
    border-radius: 5px;
    border: 1px solid rgb(50 50 50 / 30%);
}

.form-content .system-content-container .form-element-container .chosen-container {
    width: 100%;
    margin: 0;
}

.form-content .system-content-container .form-element-container .chosen-container .chosen-single {
    background: initial;
    height: auto;
    line-height: inherit;
    padding: .5em;
}

.form-content .system-content-container .hidden-input {
    display: none;
}

.form-content .system-content-container .form-element-container.full-width-field>label {
    display: none;
}

.form-content .system-content-container .form-element-container.full-width-field>div {
    width: 100%;
}

/* Standart filter */

.standart-filter {
    margin: 0 !important;
}

.standart-filter .system-content-container form .form-element-container {
    border: 0;
    width: 14%;
    float: left;
    padding: .5em 2em .5em 0;
}

.standart-filter .system-content-container form .standart-form-delimeter {
    width: 100%;
    float: left;
}

.standart-filter .system-content-container form .standart-form-delimeter p {
    display: none;
}

.standart-filter .system-content-container form .form-element-container label {
    width: 100%;
    text-align: left;
    font-size: 8pt;
    box-sizing: border-box;
    font-weight: bold;
    padding: 0 0 .1em .5em;
}

.standart-filter .system-content-container .form-element-container:first-of-type {
    display: none;
}

.standart-filter .system-content-container .form-element-container>.input-container {
    width: 100%;
}

.standart-checkbox-holder input {
    width: auto !important;
}

.error-text {
    color: red;
    font-size: 9pt;
}

/* customize ck editor */
:root {
    --ck-spacing-small: 1px !important;
    --ck-spacing-tiny: 0px !important;
    --ck-ui-component-min-height: 24px !important;
    --ck-icon-size: 1rem !important;
}
.todo-list__label input {
    padding: 0 !important;
}
.todo-list__label input[checked]:before {
    background: var(--color-success) !important;
    border-color: var(--color-success) !important;
}
