/* Body mask */
#body-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1330;
    background-color: #FFFFFF;
}

#body-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    background-image: url("../image/loader.gif");
}

/* Visual fixes */
.x-toolbar-text {
    font-size: 13px !important;
}

.x-form-field.x-form-text {
    padding-top: 2px !important;
}

.x-html-editor-input {
    border-top: 1px solid silver !important;
}

.x-mask-msg {
    z-index: 19000;
}

/* Custom styles */
.x-toolbar.x-toolbar-custom {
    background: #C0C0C0;
    border-color: #A0A0A0;
}

.x-toolbar .x-toolbar-title {
    font-weight: bold;
}

.x-row-status-active .x-column-status {
    color: green;
}

.x-row-status-deactivated .x-column-status {
    color: red;
}

/* Buttons icons */
.add-btn-icon {
    background-image: url("../image/add.png") !important;
}

.delete-btn-icon {
    background-image: url("../image/delete.png") !important;
}

.activate-btn-icon {
    background-image: url("../image/activate.png") !important;
}

.deactivate-btn-icon {
    background-image: url("../image/deactivate.png") !important;
}

.pending-btn-icon {
    background-image: url("../image/pending.png") !important;
}

.save-btn-icon {
    background-image: url("../image/save.png") !important;
}

.export-btn-icon {
    background-image: url("../image/export.png") !important;
}

/* HtmlEditor plugin "SpecialCharacters" */
.char-btn-icon {
    background: url("../image/char.png") 0 0 no-repeat !important;
}

.char-item {
    float: left;
    border: 1px solid #AAA;
    margin: 1px;
    padding: 3px;
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    color: black;
    cursor: pointer;
}

.char-item.x-item-selected {
    background-color: #BBB !important;
}

.char-item.char-over {
    background-color: #DDD;
}

/* ZfcMevExtJS.form.field.Text.SpecialChars */
.char-trigger-icon {
    background: url("../image/char.png") 3px 3px no-repeat !important;
}

.x-form-file-btn {
    overflow: hidden;
}