@import url(../../../template/css/forms.css);


/**
 * General
 */
select.bx-form-field-type option {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 5px 0px;
}


/**
 * Image uploader with with manager
 */
div.bx-form-input-preview {}
div.bx-form-input-preview img {
    max-width: 768px; 
    max-height: 256px;
}
div.bx-form-input-preview-empty {}


/**
 * Translatable fields.
 */
div.bx-form-input-wrapper-textarea {
    position: relative;
}

div.bx-form-input-translator {
    position: absolute;
    top: -22px;
}
.bx-dir-ltr div.bx-form-input-translator {
    right: 0px;
}
.bx-dir-rtl div.bx-form-input-translator {
    left: 0px;
}

div.bx-form-input-language,
div.bx-form-input-language-current{
    position: relative;
    height: 17px;
    line-height: 17px;
}

div.bx-form-input-language {
    white-space: nowrap
}

div.bx-form-input-language-current {
    font-weight: bold;
}

/**
 * Translatable textarea with Editor switcher.
 */
.bx-form-input-wrapper-textarea.bx-form-input-translatable .bx-form-input-translation {
    position: relative;
}
.bx-form-input-wrapper-textarea.bx-form-input-translatable .bx-form-input-textarea-switcher {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.bx-form-input-wrapper-textarea.bx-form-input-translatable .bx-form-input-textarea-switcher > div {
    top: auto;
    bottom: -1.75rem;
}