input[type=file] {
    line-height: 20px;
    height: 20px;
    margin-top: 0;
}

.form-horizontal {
    margin: 10px;
}

.control-label dfn {
    font-size: 80%;
    line-height: 100%;
    display: block;
    cursor: default;
    color: var(--text-muted-hover-color-light-main);
}

.control-label-head {
    font-weight: bold;
    width: 100%;
    margin-top: var(--space-standard);
    padding-bottom: 4px;
    cursor: default;
    color: var(--text-color);
}
.control-label-head .txt2 {
    font-weight: normal;
}

#savefriend .form-actions {
    padding-left: 0;
}
#savefriend .control-label {
    width: 0;
}

.form-actions {
    margin: 5px 0 0;
    padding: 10px;
    border: none;
}

.form-horizontal .control-label {
    text-align: left;
}
.form-horizontal .control-group {
    min-height: 30px;
    margin-bottom: 4px;
}

.controls {
    margin-right: 36px;
}

.editor-toolbar {
    padding-bottom: 5px;
    user-select: none;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
}

.input-block-level-extended {
    min-height: 140px;
}

.input-block-level-extended option {
    padding: 6px;
}

textarea.input-block-level {
    font-size: 14px;
    line-height: 21px;
    padding: 10px 5px;
}

.content-justify-help i {
    position: relative;
    top: 3px;
}

.preview-btn {
    float: right;
    margin-right: 7px;
}

.form-desc {
    margin: 15px 0;
    padding-left: 10px;
    color: var(--input-color-light-main);
    border-left: 2px solid var(--btn-inverse-gradient-start);
}

.form-horizontal input[type=checkbox] {
    height: 24px;
}

.nav.subarticles {
    margin-left: 50px;
}

.dropdown-menu li {
    text-align: left;
}

textarea, input, select {
    font: 12px/13px Arial;
}

.monitor-content {
    margin-left: 5px;
    padding: 5px;
    border-radius: 2px;
    background: var(--text-color-max-inverse);
}

.monitorib-aligned.bad {
    border-left-color: var(--highlight-color);
}
.monitorib-aligned.good {
    border-left-color: var(--monitor-good-border-left-color);
}

.monitor-new {
    border: 2px solid var(--monitor-new-border-color);
}

.voting-statistics-monitor {
    overflow-x: auto;
}

@media (max-width: 640px), (max-width: 834px) and (orientation: portrait) {
    .layout-root .editor-toolbar {
        display: flex;
        flex-wrap: wrap;
    }
    .layout-root .editor-toolbar .btn-group {
        margin-top: 4px;
        margin-right: 4px;
        margin-left: 0;
    }
    /* textarea text selected, so it shows virtual keyboard's menu on mobile over our toolbar. Move toolbar */
    .layout-root .editor-toolbar.as-text-selected { 
        position: relative;
        top: -40px;
        border: 1px var(--btn-background-color) solid;
        background: var(--btn-background-color);
    }
}