body.f-compactmode {
    font-size: 13px
}

    body.f-compactmode input, body.f-compactmode textarea, body.f-compactmode select, body.f-compactmode button {
        font-size: 13px
    }

.f-compactmode .f-icon {
    font-size: 16px;
    min-width: 16px;
    line-height: 16px
}

.f-compactmode .f-menu-item-body {
    padding: 0 5px
}

.f-compactmode .f-menu-item-text {
    line-height: 24px;
    padding: 0 20px
}

.f-compactmode .f-menu-item-icon-wrap, .f-compactmode .f-menu-item-icon-arrowr.f-icon {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.f-compactmode .f-menu-item.f-menu-separator {
    margin-top: 1px;
    margin-bottom: 1px
}

.f-compactmode .f-panel-header {
    padding: 8px
}

.f-compactmode .f-panel-title-text {
    line-height: 16px
}

.f-compactmode .f-tool .f-tool-text {
    line-height: 16px
}

.f-compactmode .f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon {
    line-height: 16px;
    margin-top: -8px;
    min-width: 16px;
    height: 16px
}

.f-compactmode .f-panel-header.f-panel-header-icon > .f-panel-title > img.f-panel-icon {
    height: 16px;
    margin-top: -8px
}

.f-compactmode .f-tree-cell-inner {
    line-height: 16px;
    padding-top: 6px;
    padding-bottom: 6px
}

.f-compactmode .f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner, .f-compactmode .f-tree-allheaderstyle .f-tree-node .f-tree-cell-inner {
    padding-top: 8px;
    padding-bottom: 8px
}

.f-compactmode .f-tree-cell-icon {
    height: 16px;
    min-width: 20px
}

    .f-compactmode .f-tree-cell-icon.f-checkbox {
        height: 14px;
        margin: 1px 6px 1px 0
    }

    .f-compactmode .f-tree-cell-icon.f-tree-custom-icon {
        height: 16px;
        margin-top: 0;
        margin-bottom: 0
    }

.f-compactmode.f-iconcheckbox .f-tree-cell-icon.f-checkbox {
    height: 16px;
    width: 20px
}

.f-compactmode.f-iconcheckbox .f-checkbox, .f-compactmode.f-iconcheckbox .f-radiobutton {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    min-width: 16px
}

.f-compactmode .f-field-checkbox-switch-wrap {
    margin: 4px 0
}

.f-compactmode .f-field-checkbox-switch {
    height: 16px;
    line-height: 14px;
    border-radius: 8px
}

    .f-compactmode .f-field-checkbox-switch:after {
        width: 12px;
        height: 12px;
        border-radius: 6px
    }

    .f-compactmode .f-field-checkbox-switch.f-checked:after {
        margin-left: -13px
    }

    .f-compactmode .f-field-checkbox-switch.f-checked .f-field-checkbox-switch-text {
        margin-right: 12px;
        margin-left: 0
    }

    .f-compactmode .f-field-checkbox-switch .f-field-checkbox-switch-text {
        margin-left: 12px;
        margin-right: 0;
        font-size: 12px;
        min-width: 22px
    }

        .f-compactmode .f-field-checkbox-switch .f-field-checkbox-switch-text .f-icon {
            line-height: 14px
        }

.f-compactmode .f-tree-minimode-list .f-tree-minimode-item .f-tree-minimode-item-inner {
    padding-top: 10px;
    padding-bottom: 10px
}

.f-compactmode .f-tree-minimode-list .f-tree-minimode-icon {
    line-height: 16px
}

    .f-compactmode .f-tree-minimode-list .f-tree-minimode-icon.f-tree-custom-icon {
        height: 14px;
        margin-top: 1px;
        margin-bottom: 1px
    }

.f-compactmode .f-btn.f-btn-small {
    padding-top: 2px;
    padding-bottom: 2px
}

.f-compactmode .f-btn {
    padding-top: 3px;
    padding-bottom: 3px
}

    .f-compactmode .f-btn.f-btn-medium {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .f-compactmode .f-btn.f-btn-large {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .f-compactmode .f-btn.f-btn-small.f-btn-round {
        border-radius: 11px
    }

        .f-compactmode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only {
            padding: 2px
        }

            .f-compactmode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 16px;
                height: 16px
            }

    .f-compactmode .f-btn.f-btn-round {
        border-radius: 12px
    }

        .f-compactmode .f-btn.f-btn-round.f-btn-icon-only {
            padding: 3px
        }

            .f-compactmode .f-btn.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 16px;
                height: 16px
            }

    .f-compactmode .f-btn.f-btn-medium.f-btn-round {
        border-radius: 14px
    }

        .f-compactmode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only {
            padding: 5px
        }

            .f-compactmode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 16px;
                height: 16px
            }

    .f-compactmode .f-btn.f-btn-large.f-btn-round {
        border-radius: 18px
    }

        .f-compactmode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only {
            padding: 7px
        }

            .f-compactmode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 20px;
                height: 20px
            }

    .f-compactmode .f-btn .f-btn-text {
        line-height: 16px
    }

    .f-compactmode .f-btn .f-btn-icon {
        min-width: 16px
    }

    .f-compactmode .f-btn img.f-btn-icon {
        min-width: 16px;
        height: 16px;
        margin-top: 0;
        margin-bottom: 0
    }

.f-compactmode .f-btn-icon-arrowd {
    margin-top: -8px
}

.f-compactmode .f-btn.f-btn-small .f-btn-text {
    font-size: 12px
}

.f-compactmode .f-btn.f-btn-large .f-btn-text {
    font-size: 14px;
    line-height: 20px
}

.f-compactmode .f-btn.f-btn-large .f-btn-icon {
    font-size: 16px;
    min-width: 16px;
    line-height: 20px
}

.f-compactmode .f-btn.f-btn-large img.f-btn-icon {
    min-width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-bottom: 2px
}

.f-compactmode .f-toolbar.f-toolbar-buttonfill .f-btn {
    padding-top: 7px;
    padding-bottom: 7px
}

.f-compactmode .f-region-cover {
    width: 28px
}

    .f-compactmode .f-region-cover .f-region-cover-text {
        line-height: 16px;
        padding-left: 8px;
        top: 28px
    }

    .f-compactmode .f-region-cover .f-tool {
        height: 29px
    }

.f-compactmode .f-grouppanel-header {
    padding: 0 5px
}

.f-compactmode .f-field-textbox {
    line-height: 16px;
    padding-top: 3px;
    padding-bottom: 3px
}

.f-ie .f-compactmode .f-field-textbox {
    height: 24px
}

.f-compactmode .f-field-triggerbox-icon.f-icon {
    min-width: 18px;
    line-height: 16px;
    min-height: 16px
}

.f-compactmode .f-field-dropdownlist-pop > li {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 16px
}

.f-compactmode .f-field-triggerbox-icons {
    margin-top: -8px;
    margin-right: 3px
}

.f-compactmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icons {
    margin-top: -12px
}

.f-compactmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberup, .f-compactmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    line-height: 12px;
    height: 12px;
    min-height: 12px;
    font-size: 12px;
    right: 3px
}

.f-compactmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    top: 12px
}

.f-compactmode .f-field-checkbox-icon-wrap {
    margin: 4px 0
}

.f-compactmode .f-field-body-checkboxlabel {
    line-height: 16px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 4px
}

.f-compactmode .f-field-checkbox-display-switch .f-field-body-checkboxlabel {
    padding-left: 4px
}

.f-compactmode .f-field-fieldlabel {
    margin-top: 4px;
    line-height: 16px
}

.f-compactmode .f-field-label {
    margin: 4px 0;
    line-height: 16px;
    min-height: 16px
}

.f-compactmode .f-field.f-field-fieldlabel-top .f-field-fieldlabel-cell {
    height: 24px
}

.f-compactmode .f-panel-body .f-field {
    margin-bottom: 5px
}

.f-compactmode .f-tabstrip-header {
    padding: 0
}

.f-compactmode .f-tabstrip-inkbar > .f-panel-header .f-tab-header {
    padding-left: 10px;
    padding-right: 10px
}

.f-compactmode .f-tabstrip-scroller .f-icon {
    margin-top: -8px;
    margin-left: -8px
}

.f-compactmode .f-tabstrip-separated > .f-panel-header .f-tab-header {
    padding-bottom: 6px
}

.f-compactmode .f-icon.f-messagebox-icon {
    font-size: 50px;
    min-width: 50px;
    line-height: 50px;
    height: 50px
}

.f-compactmode .f-grid-cell-inner {
    line-height: 16px;
    padding: 6px 10px
}

.f-compactmode .f-grid-colheader-inner .f-grid-colheader-text {
    line-height: 16px;
    padding: 6px 10px
}

.f-compactmode .f-grid-colheader-trigger {
    width: 22px;
    height: 22px
}

    .f-compactmode .f-grid-colheader-trigger.f-grid-colheader-trigger-filter {
        right: 24px
    }

.f-compactmode .f-grid-fixedrowheight .f-grid-row .f-grid-cell {
    height: 28px
}

.f-compactmode .f-grid-fixedrowheight.f-grid-row-lines .f-grid-row .f-grid-cell {
    height: 29px
}

.f-compactmode .f-grid-fixedrowheight .f-grid-row .f-grid-cell .f-grid-cell-inner {
    max-height: 28px
}

.f-compactmode .f-grid-cell-iconfont {
    height: 16px
}

.f-compactmode .f-grid-cell-icon {
    height: 16px;
    margin-top: 0
}

.f-compactmode .f-grid-expander-icon.f-icon {
    font-size: 14px;
    min-width: 14px
}

.f-compactmode .f-toolbar {
    padding-top: 3px;
    padding-bottom: 3px
}

.f-compactmode .f-toolbar-title {
    line-height: 24px
}

.f-compactmode .f-toolbar-buttonplain .f-buttongroup .f-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

.f-compactmode .f-datalist-item-inner {
    line-height: 16px;
    padding: 6px 10px
}

.f-compactmode .f-tablestyle .f-field {
    margin-bottom: 0
}

.f-compactmode .f-tablestyle .f-field-fieldlabel {
    margin: 0;
    padding: 6px
}

.f-compactmode .f-tablestyle .f-field-textbox, .f-compactmode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding: 6px;
    margin: 0;
    min-height: 28px
}

.f-compactmode .f-tablestyle .f-field-fileupload-wrap .f-field-fileupload-table .f-field-body-cell-rightpart {
    padding: 3px
}

.f-compactmode .f-tablestyle .f-field-checkbox-icon-wrap, .f-compactmode .f-tablestyle .f-field-body-checkboxlabel {
    margin-top: 6px;
    margin-bottom: 6px
}

.f-compactmode .f-tablestyle .f-field-checkbox-wrap .f-field-body-cell-inner {
    margin-left: 6px
}

.f-compactmode .f-calendar-time > span {
    line-height: 22px
}

.f-compactmode .f-calendar-table th {
    padding: 3px 0
}

.f-compactmode .f-calendar-table td {
    min-width: 28px
}

.f-compactmode .f-calendar-day {
    line-height: 20px
}

.f-compactmode .f-calendar-float td a {
    line-height: 20px
}

.f-compactmode .f-calendar-title, .f-compactmode .f-calendar-time {
    line-height: 30px
}

.f-compactmode .f-calendar-header .f-calendar-nav {
    height: 16px;
    margin-top: -8px;
    width: 20px
}

.f-compactmode .f-calendar-header .f-calendar-prev {
    left: 25px
}

.f-compactmode .f-calendar-header .f-calendar-next {
    right: 25px
}

.f-compactmode .f-calendar-floattime.f-calendar-float-column-3 {
    width: 142px
}

.f-compactmode .f-calendar-floattime.f-calendar-float-column-2 {
    width: 94px
}

.f-compactmode .f-calendar-floattime.f-calendar-float-column-1 {
    width: 47px
}

.f-compactmode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-3 {
    width: 210px
}

.f-compactmode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-2 {
    width: 140px
}

.f-compactmode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-1 {
    width: 70px
}

.f-compactmode .f-pagingtoolbar .f-grid-pager-numberbox .f-field-textbox {
    width: 36px
}

.f-compactmode .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    padding: 3px;
    min-width: 24px;
    height: 24px;
    border-radius: 12px
}

.f-compactmode .f-checkbox, .f-compactmode .f-radiobutton {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin: 1px
}

    .f-compactmode .f-checkbox:after {
        width: 5px;
        height: 8px;
        left: 4px;
        top: 1px
    }

    .f-compactmode .f-checkbox.f-checkbox-indeterminate:after {
        width: 8px;
        height: 1px;
        left: 2px;
        top: 5px
    }

    .f-compactmode .f-radiobutton:after {
        width: 6px;
        height: 6px;
        left: 3px;
        top: 3px
    }

.f-compactmode .f-accordionpane-header {
    padding: 6px 10px
}

.f-compactmode .f-progressbar {
    height: 5px
}

.f-compactmode .f-rate-text {
    line-height: 16px
}

.f-compactmode .f-rate-star .f-rate-star-first .f-rate-star-icon, .f-compactmode .f-rate-star .f-rate-star-second .f-rate-star-icon {
    font-size: 16px;
    line-height: 16px
}

.f-compactmode .f-field-numberbox-wrap .f-rate {
    margin-top: 4px;
    margin-bottom: 4px
}

body.f-smallmode {
    font-size: 13px
}

    body.f-smallmode input, body.f-smallmode textarea, body.f-smallmode select, body.f-smallmode button {
        font-size: 13px
    }

.f-smallmode .f-icon {
    font-size: 16px;
    min-width: 16px;
    line-height: 16px
}

.f-smallmode .f-menu-item-body {
    padding: 0 5px
}

.f-smallmode .f-menu-item-text {
    line-height: 28px;
    padding: 0 20px
}

.f-smallmode .f-menu-item-icon-wrap, .f-smallmode .f-menu-item-icon-arrowr.f-icon {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.f-smallmode .f-menu-item.f-menu-separator {
    margin-top: 1px;
    margin-bottom: 1px
}

.f-smallmode .f-panel-header {
    padding-top: 10px;
    padding-bottom: 10px
}

.f-smallmode .f-panel-title-text {
    line-height: 16px
}

.f-smallmode .f-tool .f-tool-text {
    line-height: 16px
}

.f-smallmode .f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon {
    line-height: 16px;
    margin-top: -8px;
    min-width: 16px;
    height: 16px
}

.f-smallmode .f-panel-header.f-panel-header-icon > .f-panel-title > img.f-panel-icon {
    height: 16px;
    margin-top: -8px
}

.f-smallmode .f-tree-cell-inner {
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px
}

.f-smallmode .f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner, .f-smallmode .f-tree-allheaderstyle .f-tree-node .f-tree-cell-inner {
    padding-top: 10px;
    padding-bottom: 10px
}

.f-smallmode .f-tree-cell-icon {
    height: 16px;
    min-width: 20px
}

    .f-smallmode .f-tree-cell-icon.f-checkbox {
        height: 14px;
        margin: 1px 6px 1px 0
    }

    .f-smallmode .f-tree-cell-icon.f-tree-custom-icon {
        height: 16px;
        margin-top: 0;
        margin-bottom: 0
    }

.f-smallmode.f-iconcheckbox .f-tree-cell-icon.f-checkbox {
    height: 16px;
    width: 20px
}

.f-smallmode.f-iconcheckbox .f-checkbox, .f-smallmode.f-iconcheckbox .f-radiobutton {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    min-width: 16px
}

.f-smallmode .f-field-checkbox-switch-wrap {
    margin: 5px 0
}

.f-smallmode .f-field-checkbox-switch {
    height: 18px;
    line-height: 16px;
    border-radius: 9px
}

    .f-smallmode .f-field-checkbox-switch:after {
        width: 14px;
        height: 14px;
        border-radius: 7px
    }

    .f-smallmode .f-field-checkbox-switch.f-checked:after {
        margin-left: -15px
    }

    .f-smallmode .f-field-checkbox-switch.f-checked .f-field-checkbox-switch-text {
        margin-right: 14px;
        margin-left: 0
    }

    .f-smallmode .f-field-checkbox-switch .f-field-checkbox-switch-text {
        margin-left: 14px;
        margin-right: 0;
        font-size: 12px;
        min-width: 22px
    }

        .f-smallmode .f-field-checkbox-switch .f-field-checkbox-switch-text .f-icon {
            line-height: 16px
        }

.f-smallmode .f-tree-minimode-list .f-tree-minimode-item .f-tree-minimode-item-inner {
    padding-top: 10px;
    padding-bottom: 10px
}

.f-smallmode .f-tree-minimode-list .f-tree-minimode-icon {
    line-height: 16px
}

    .f-smallmode .f-tree-minimode-list .f-tree-minimode-icon.f-tree-custom-icon {
        height: 14px;
        margin-top: 1px;
        margin-bottom: 1px
    }

.f-smallmode .f-btn.f-btn-small {
    padding-top: 3px;
    padding-bottom: 3px
}

.f-smallmode .f-btn {
    padding-top: 5px;
    padding-bottom: 5px
}

    .f-smallmode .f-btn.f-btn-medium {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .f-smallmode .f-btn.f-btn-large {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .f-smallmode .f-btn.f-btn-small.f-btn-round {
        border-radius: 12px
    }

        .f-smallmode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only {
            padding: 3px
        }

            .f-smallmode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 16px;
                height: 16px
            }

    .f-smallmode .f-btn.f-btn-round {
        border-radius: 14px
    }

        .f-smallmode .f-btn.f-btn-round.f-btn-icon-only {
            padding: 5px
        }

            .f-smallmode .f-btn.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 16px;
                height: 16px
            }

    .f-smallmode .f-btn.f-btn-medium.f-btn-round {
        border-radius: 16px
    }

        .f-smallmode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only {
            padding: 7px
        }

            .f-smallmode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 16px;
                height: 16px
            }

    .f-smallmode .f-btn.f-btn-large.f-btn-round {
        border-radius: 20px
    }

        .f-smallmode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only {
            padding: 9px
        }

            .f-smallmode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 20px;
                height: 20px
            }

    .f-smallmode .f-btn .f-btn-text {
        line-height: 16px
    }

    .f-smallmode .f-btn .f-btn-icon {
        min-width: 16px
    }

    .f-smallmode .f-btn img.f-btn-icon {
        min-width: 16px;
        height: 16px;
        margin-top: 0;
        margin-bottom: 0
    }

.f-smallmode .f-btn-icon-arrowd {
    margin-top: -8px
}

.f-smallmode .f-btn.f-btn-small .f-btn-text {
    font-size: 12px
}

.f-smallmode .f-btn.f-btn-large .f-btn-text {
    font-size: 14px;
    line-height: 20px
}

.f-smallmode .f-btn.f-btn-large .f-btn-icon {
    font-size: 16px;
    min-width: 16px;
    line-height: 20px
}

.f-smallmode .f-btn.f-btn-large img.f-btn-icon {
    min-width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-bottom: 2px
}

.f-smallmode .f-toolbar.f-toolbar-buttonfill .f-btn {
    padding-top: 7px;
    padding-bottom: 7px
}

.f-smallmode .f-region-cover {
    width: 34px
}

    .f-smallmode .f-region-cover .f-region-cover-text {
        line-height: 16px;
        padding-left: 8px;
        top: 34px
    }

    .f-smallmode .f-region-cover .f-tool {
        height: 35px
    }

.f-smallmode .f-grouppanel-header {
    padding: 0 5px
}

.f-smallmode .f-field-textbox {
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px
}

.f-ie .f-smallmode .f-field-textbox {
    height: 28px
}

.f-smallmode .f-field-triggerbox-icon.f-icon {
    min-width: 18px;
    line-height: 16px;
    min-height: 16px
}

.f-smallmode .f-field-dropdownlist-pop > li {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 16px
}

.f-smallmode .f-field-triggerbox-icons {
    margin-top: -8px;
    margin-right: 3px
}

.f-smallmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icons {
    margin-top: -12px
}

.f-smallmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberup, .f-smallmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    line-height: 12px;
    height: 12px;
    min-height: 12px;
    font-size: 12px;
    right: 3px
}

.f-smallmode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    top: 12px
}

.f-smallmode .f-field-checkbox-icon-wrap {
    margin: 6px 0
}

.f-smallmode .f-field-body-checkboxlabel {
    line-height: 16px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 4px
}

.f-smallmode .f-field-checkbox-display-switch .f-field-body-checkboxlabel {
    padding-left: 4px
}

.f-smallmode .f-field-fieldlabel {
    margin-top: 6px;
    line-height: 16px
}

.f-smallmode .f-field-label {
    margin: 4px 0;
    line-height: 16px;
    min-height: 16px
}

.f-smallmode .f-field.f-field-fieldlabel-top .f-field-fieldlabel-cell {
    height: 28px
}

.f-smallmode .f-panel-body .f-field {
    margin-bottom: 5px
}

.f-smallmode .f-tabstrip-header {
    padding: 0
}

.f-smallmode .f-tabstrip-inkbar > .f-panel-header .f-tab-header {
    padding-left: 10px;
    padding-right: 10px
}

.f-smallmode .f-tabstrip-scroller .f-icon {
    margin-top: -8px;
    margin-left: -8px
}

.f-smallmode .f-tabstrip-separated > .f-panel-header .f-tab-header {
    padding-bottom: 8px
}

.f-smallmode .f-icon.f-messagebox-icon {
    font-size: 50px;
    min-width: 50px;
    line-height: 50px;
    height: 50px
}

.f-smallmode .f-grid-cell-inner {
    line-height: 16px;
    padding: 8px 10px
}

.f-smallmode .f-grid-colheader-inner .f-grid-colheader-text {
    line-height: 16px;
    padding: 8px 10px
}

.f-smallmode .f-grid-colheader-trigger {
    width: 24px;
    height: 24px
}

    .f-smallmode .f-grid-colheader-trigger.f-grid-colheader-trigger-filter {
        right: 26px
    }

.f-smallmode .f-grid-fixedrowheight .f-grid-row .f-grid-cell {
    height: 32px
}

.f-smallmode .f-grid-fixedrowheight.f-grid-row-lines .f-grid-row .f-grid-cell {
    height: 33px
}

.f-smallmode .f-grid-fixedrowheight .f-grid-row .f-grid-cell .f-grid-cell-inner {
    max-height: 32px
}

.f-smallmode .f-grid-cell-iconfont {
    height: 16px
}

.f-smallmode .f-grid-cell-icon {
    height: 16px;
    margin-top: 0
}

.f-smallmode .f-grid-expander-icon.f-icon {
    font-size: 14px;
    min-width: 14px
}

.f-smallmode .f-toolbar {
    padding-top: 5px;
    padding-bottom: 5px
}

.f-smallmode .f-toolbar-title {
    line-height: 28px
}

.f-smallmode .f-toolbar-buttonplain .f-buttongroup .f-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

.f-smallmode .f-datalist-item-inner {
    line-height: 16px;
    padding: 8px 10px
}

.f-smallmode .f-tablestyle .f-field {
    margin-bottom: 0
}

.f-smallmode .f-tablestyle .f-field-fieldlabel {
    margin: 0;
    padding: 7px
}

.f-smallmode .f-tablestyle .f-field-textbox, .f-smallmode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding: 7px;
    margin: 0;
    min-height: 30px
}

.f-smallmode .f-tablestyle .f-field-fileupload-wrap .f-field-fileupload-table .f-field-body-cell-rightpart {
    padding: 3px
}

.f-smallmode .f-tablestyle .f-field-checkbox-icon-wrap, .f-smallmode .f-tablestyle .f-field-body-checkboxlabel {
    margin-top: 7px;
    margin-bottom: 7px
}

.f-largespacemode .f-tablestyle .f-field-checkbox-wrap .f-field-body-cell-inner {
    margin-left: 7px
}

.f-smallmode .f-calendar-time > span {
    line-height: 22px
}

.f-smallmode .f-calendar-table th {
    padding: 3px 0
}

.f-smallmode .f-calendar-table td {
    min-width: 30px
}

.f-smallmode .f-calendar-day {
    line-height: 22px
}

.f-smallmode .f-calendar-title, .f-smallmode .f-calendar-time {
    line-height: 30px
}

.f-smallmode .f-calendar-header .f-calendar-nav {
    height: 16px;
    margin-top: -8px;
    width: 20px
}

.f-smallmode .f-calendar-header .f-calendar-prev {
    left: 25px
}

.f-smallmode .f-calendar-header .f-calendar-next {
    right: 25px
}

.f-smallmode .f-calendar-float td a {
    line-height: 22px
}

.f-smallmode .f-calendar-floattime.f-calendar-float-column-3 {
    width: 147px
}

.f-smallmode .f-calendar-floattime.f-calendar-float-column-2 {
    width: 98px
}

.f-smallmode .f-calendar-floattime.f-calendar-float-column-1 {
    width: 49px
}

.f-smallmode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-3 {
    width: 210px
}

.f-smallmode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-2 {
    width: 140px
}

.f-smallmode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-1 {
    width: 70px
}

.f-smallmode .f-pagingtoolbar .f-grid-pager-numberbox .f-field-textbox {
    width: 36px
}

.f-smallmode .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    padding: 5px;
    min-width: 28px;
    height: 28px;
    border-radius: 14px
}

.f-smallmode .f-checkbox, .f-smallmode .f-radiobutton {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin: 1px
}

    .f-smallmode .f-checkbox:after {
        width: 5px;
        height: 8px;
        left: 4px;
        top: 1px
    }

    .f-smallmode .f-checkbox.f-checkbox-indeterminate:after {
        width: 8px;
        height: 1px;
        left: 2px;
        top: 5px
    }

    .f-smallmode .f-radiobutton:after {
        width: 6px;
        height: 6px;
        left: 3px;
        top: 3px
    }

.f-smallmode .f-accordionpane-header {
    padding: 7px 10px
}

.f-smallmode .f-progressbar {
    height: 5px
}

.f-smallmode .f-rate-text {
    line-height: 16px
}

.f-smallmode .f-rate-star .f-rate-star-first .f-rate-star-icon, .f-smallmode .f-rate-star .f-rate-star-second .f-rate-star-icon {
    font-size: 16px;
    line-height: 16px
}

.f-smallmode .f-field-numberbox-wrap .f-rate {
    margin-top: 6px;
    margin-bottom: 6px
}

body.f-largemode {
    font-size: 16px
}

    body.f-largemode input, body.f-largemode textarea, body.f-largemode select, body.f-largemode button {
        font-size: 16px
    }

.f-largemode .f-icon {
    font-size: 20px;
    min-width: 20px;
    line-height: 24px
}

.f-largemode .f-menu-item-body {
    padding: 0 5px
}

.f-largemode .f-menu-item-text {
    line-height: 38px;
    padding: 0 28px
}

.f-largemode .f-menu-item-icon-wrap, .f-largemode .f-menu-item-icon-arrowr.f-icon {
    margin-top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.f-largemode .f-panel-header {
    padding: 12px;
    padding-bottom: 12px
}

.f-largemode .f-panel-title-text {
    line-height: 24px
}

.f-largemode .f-tool {
    padding-left: 12px;
    padding-right: 12px
}

    .f-largemode .f-tool .f-tool-text {
        line-height: 24px;
        margin-left: 4px
    }

.f-largemode .f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon {
    line-height: 24px;
    margin-top: -12px;
    min-width: 20px;
    height: 24px
}

.f-largemode .f-panel-header.f-panel-header-icon > .f-panel-title > img.f-panel-icon {
    height: 20px;
    margin-top: -10px
}

.f-largemode .f-tree-cell-inner {
    line-height: 24px;
    padding-top: 9px;
    padding-bottom: 9px
}

.f-largemode .f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner, .f-largemode .f-tree-allheaderstyle .f-tree-node .f-tree-cell-inner {
    padding-top: 12px;
    padding-bottom: 12px
}

.f-largemode .f-tree-cell-icon {
    height: 24px;
    min-width: 24px
}

    .f-largemode .f-tree-cell-icon.f-checkbox {
        height: 18px;
        margin: 3px 6px 3px 2px
    }

    .f-largemode .f-tree-cell-icon.f-tree-custom-icon {
        height: 20px;
        margin-top: 2px;
        margin-bottom: 2px
    }

.f-largemode.f-iconcheckbox .f-tree-cell-icon.f-checkbox {
    height: 24px;
    width: 24px
}

.f-largemode.f-iconcheckbox .f-checkbox, .f-largemode.f-iconcheckbox .f-radiobutton {
    font-size: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.f-largemode .f-field-checkbox-switch-wrap {
    margin: 6px 0
}

.f-largemode .f-field-checkbox-switch {
    height: 26px;
    line-height: 24px;
    border-radius: 13px
}

    .f-largemode .f-field-checkbox-switch:after {
        width: 22px;
        height: 22px;
        border-radius: 11px
    }

    .f-largemode .f-field-checkbox-switch.f-checked:after {
        margin-left: -23px
    }

    .f-largemode .f-field-checkbox-switch.f-checked .f-field-checkbox-switch-text {
        margin-right: 24px;
        margin-left: 0
    }

    .f-largemode .f-field-checkbox-switch .f-field-checkbox-switch-text {
        margin-left: 22px;
        margin-right: 0;
        font-size: 13px;
        min-width: 26px
    }

        .f-largemode .f-field-checkbox-switch .f-field-checkbox-switch-text .f-icon {
            line-height: 22px
        }

.f-largemode .f-tree-minimode-list .f-tree-minimode-item .f-tree-minimode-item-inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.f-largemode .f-tree-minimode-list .f-tree-minimode-icon {
    line-height: 24px
}

    .f-largemode .f-tree-minimode-list .f-tree-minimode-icon.f-tree-custom-icon {
        height: 20px;
        margin-top: 2px;
        margin-bottom: 2px
    }

.f-largemode .f-smtree-icon {
    min-width: 24px
}

.f-largemode .f-btn.f-btn-small {
    padding-top: 3px;
    padding-bottom: 3px
}

.f-largemode .f-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

    .f-largemode .f-btn.f-btn-medium {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .f-largemode .f-btn.f-btn-large {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .f-largemode .f-btn.f-btn-small.f-btn-round {
        border-radius: 16px
    }

        .f-largemode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only {
            padding: 3px
        }

            .f-largemode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 24px;
                height: 24px
            }

    .f-largemode .f-btn.f-btn-round {
        border-radius: 19px
    }

        .f-largemode .f-btn.f-btn-round.f-btn-icon-only {
            padding: 6px
        }

            .f-largemode .f-btn.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 24px;
                height: 24px
            }

    .f-largemode .f-btn.f-btn-medium.f-btn-round {
        border-radius: 22px
    }

        .f-largemode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only {
            padding: 9px
        }

            .f-largemode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 24px;
                height: 24px
            }

    .f-largemode .f-btn.f-btn-large.f-btn-round {
        border-radius: 27px
    }

        .f-largemode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only {
            padding: 12px
        }

            .f-largemode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 28px;
                height: 28px
            }

    .f-largemode .f-btn .f-btn-text {
        line-height: 24px
    }

    .f-largemode .f-btn .f-btn-icon {
        min-width: 24px
    }

    .f-largemode .f-btn img.f-btn-icon {
        min-width: 20px;
        height: 20px;
        margin-top: 2px;
        margin-bottom: 2px
    }

    .f-largemode .f-btn.f-btn-small .f-btn-text {
        font-size: 14px
    }

    .f-largemode .f-btn.f-btn-large .f-btn-text {
        font-size: 18px;
        line-height: 28px
    }

    .f-largemode .f-btn.f-btn-large .f-btn-icon {
        font-size: 24px;
        min-width: 24px;
        line-height: 28px
    }

    .f-largemode .f-btn.f-btn-large img.f-btn-icon {
        min-width: 24px;
        height: 24px;
        margin-top: 2px;
        margin-bottom: 2px
    }

.f-largemode .f-toolbar.f-toolbar-buttonfill .f-btn {
    padding-top: 10px;
    padding-bottom: 10px
}

.f-largemode .f-toolbar-buttonplain .f-buttongroup .f-btn {
    padding-top: 12px;
    padding-bottom: 11px
}

.f-largemode .f-btn-icon-arrowd {
    margin-top: -12px
}

.f-largemode .f-btn.f-btn-arrowd .f-btn-inner {
    margin-right: 24px
}

.f-largemode .f-region-cover {
    width: 48px
}

    .f-largemode .f-region-cover .f-region-cover-text {
        line-height: 24px;
        padding-left: 16px;
        top: 48px
    }

    .f-largemode .f-region-cover .f-tool {
        height: 49px
    }

.f-largemode .f-grouppanel-header {
    padding: 0 8px
}

    .f-largemode .f-grouppanel-header > .f-panel-title > .f-panel-title-text {
        line-height: 24px
    }

.f-largemode .f-field-textbox {
    line-height: 24px;
    padding: 6px 8px
}

.f-ie .f-largemode .f-field-textbox {
    height: 38px
}

.f-largemode .f-field-triggerbox-icon.f-icon {
    min-width: 26px;
    line-height: 24px;
    min-height: 24px
}

.f-largemode .f-field-dropdownlist-pop > li {
    line-height: 24px;
    padding: 7px 11px
}

.f-largemode .f-field-triggerbox-icons {
    margin-top: -12px;
    margin-right: 5px
}

.f-largemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icons {
    margin-top: -14px;
    margin-right: 0
}

.f-largemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberup, .f-largemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    line-height: 14px;
    height: 14px;
    min-height: 14px;
    font-size: 16px;
    right: 5px
}

.f-largemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    top: 14px
}

.f-largemode .f-field-checkbox-icon-wrap {
    margin: 7px 0
}

.f-largemode .f-field-body-checkboxlabel {
    line-height: 24px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 6px
}

.f-largemode .f-field-checkbox-display-switch .f-field-body-checkboxlabel {
    padding-left: 6px
}

.f-largemode .f-field-fieldlabel {
    margin-top: 7px;
    line-height: 24px
}

.f-largemode .f-field-label {
    margin: 6px 0;
    line-height: 24px;
    min-height: 24px
}

.f-largemode .f-field.f-field-fieldlabel-top .f-field-fieldlabel-cell {
    height: 38px
}

.f-largemode .f-panel-body .f-field {
    margin-bottom: 10px
}

.f-largemode .f-field-error-cell {
    width: 26px
}

    .f-largemode .f-field-error-cell .f-icon {
        font-size: 24px;
        width: 26px
    }

.f-largemode .f-tab-header .f-tool.f-tool-close .f-tool-icon {
    font-size: 14px;
    min-width: 14px;
    line-height: 14px
}

.f-largemode .f-tabstrip-inkbar > .f-panel-header .f-tab-header {
    padding-left: 18px;
    padding-right: 18px
}

.f-largemode .f-tabstrip-scroller {
    width: 30px
}

    .f-largemode .f-tabstrip-scroller .f-icon {
        margin-top: -12px;
        margin-left: -10px
    }

.f-largemode .f-tabstrip-separated > .f-panel-header .f-tab-header {
    padding-bottom: 10px
}

.f-largemode .f-icon.f-messagebox-icon {
    font-size: 65px;
    min-width: 65px;
    line-height: 65px;
    height: 65px
}

.f-largemode .f-messagebox-message {
    margin: 10px 0
}

.f-largemode .f-grid-cell-inner {
    line-height: 24px;
    padding: 9px 12px
}

.f-largemode .f-grid-colheader-inner .f-grid-colheader-text {
    line-height: 24px;
    padding: 9px 12px
}

.f-largemode .f-grid-colheader-trigger {
    width: 32px;
    height: 32px
}

    .f-largemode .f-grid-colheader-trigger.f-grid-colheader-trigger-filter {
        right: 34px
    }

    .f-largemode .f-grid-colheader-trigger .f-icon {
        width: 24px;
        height: 24px;
        line-height: 24px
    }

.f-largemode .f-grid-colheader .f-grid-colheader-text .f-grid-sort-icon, .f-largemode .f-grid-colheader .f-grid-colheader-text .f-grid-filter-icon {
    font-size: 18px;
    min-width: 18px
}

.f-largemode .f-grid-cell-iconfont {
    height: 24px
}

.f-largemode .f-grid-cell-icon {
    height: 20px;
    margin-top: 2px;
    margin-bottom: 2px
}

.f-largemode .f-grid-fixedrowheight .f-grid-row .f-grid-cell {
    height: 42px
}

.f-largemode .f-grid-fixedrowheight.f-grid-row-lines .f-grid-row .f-grid-cell {
    height: 43px
}

.f-largemode .f-grid-fixedrowheight .f-grid-row .f-grid-cell .f-grid-cell-inner {
    max-height: 42px
}

.f-largemode .f-grid-expander-icon.f-icon {
    font-size: 20px;
    min-width: 20px
}

.f-largemode .f-qtip-inner {
    padding: 10px
}

.f-largemode .f-toolbar {
    padding: 6px 10px
}

.f-largemode .f-toolbar-separator {
    height: 26px
}

.f-largemode .f-toolbar-title {
    line-height: 38px
}

.f-largemode .f-datalist-item-inner {
    line-height: 24px;
    padding: 9px 12px
}

.f-largemode .f-datalist-item-icon-arrowr {
    margin-top: -12px
}

.f-largemode .f-datalist-item-arrowr .f-datalist-item-inner {
    padding-right: 30px
}

.f-largemode .f-tablestyle .f-field {
    margin-bottom: 0
}

.f-largemode .f-tablestyle .f-field-fieldlabel {
    margin: 0;
    padding: 8px
}

.f-largemode .f-tablestyle .f-field-textbox, .f-largemode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding: 8px;
    margin: 0;
    min-height: 40px
}

.f-largemode .f-tablestyle .f-field-fileupload-wrap .f-field-fileupload-table .f-field-body-cell-rightpart {
    padding: 2px 3px
}

.f-largemode .f-tablestyle .f-field-checkbox-icon-wrap, .f-largemode .f-tablestyle .f-field-body-checkboxlabel {
    margin-top: 8px;
    margin-bottom: 8px
}

.f-largemode .f-tablestyle .f-field-checkbox-wrap .f-field-body-cell-inner {
    margin-left: 8px
}

.f-largemode .f-calendar-body {
    padding: 8px 15px
}

.f-largemode .f-calendar-timepane .f-calendar-body {
    padding: 0
}

.f-largemode .f-calendar-time > span {
    line-height: 32px
}

.f-largemode .f-calendar-table th {
    padding: 5px 0
}

.f-largemode .f-calendar-table td {
    min-width: 38px
}

.f-largemode .f-calendar-day {
    line-height: 30px
}

.f-largemode .f-calendar-float td a {
    line-height: 30px
}

.f-largemode .f-calendar-title, .f-largemode .f-calendar-time {
    line-height: 42px
}

.f-largemode .f-calendar-header .f-calendar-nav {
    height: 24px;
    margin-top: -12px;
    width: 30px
}

.f-largemode .f-calendar-header .f-calendar-prev {
    left: 35px
}

.f-largemode .f-calendar-header .f-calendar-next {
    right: 35px
}

.f-largemode .f-calendar-footer {
    padding: 5px
}

.f-largemode .f-calendar-floattime.f-calendar-float-column-3 {
    width: 171px
}

.f-largemode .f-calendar-floattime.f-calendar-float-column-2 {
    width: 114px
}

.f-largemode .f-calendar-floattime.f-calendar-float-column-1 {
    width: 57px
}

.f-largemode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-3 {
    width: 240px
}

.f-largemode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-2 {
    width: 160px
}

.f-largemode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-1 {
    width: 80px
}

.f-largemode .f-pagingtoolbar .f-grid-pager-numberbox .f-field-textbox {
    width: 46px
}

.f-largemode .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    padding: 6px;
    min-width: 38px;
    height: 38px;
    border-radius: 19px
}

.f-largemode .f-checkbox, .f-largemode .f-radiobutton {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin: 3px 1px
}

    .f-largemode .f-checkbox.f-checkbox-indeterminate:after {
        left: 3px;
        top: 8px;
        width: 11px;
        height: 1px
    }

    .f-largemode .f-checkbox:after {
        left: 5px;
        top: 1px;
        width: 6px;
        height: 12px
    }

    .f-largemode .f-radiobutton:after {
        width: 8px;
        height: 8px;
        left: 4px;
        top: 4px
    }

.f-largemode .f-accordionpane-header {
    padding: 8px 10px
}

.f-largemode .f-progressbar {
    height: 10px
}

.f-largemode .f-rate-text {
    line-height: 24px
}

.f-largemode .f-rate-star .f-rate-star-first .f-rate-star-icon, .f-largemode .f-rate-star .f-rate-star-second .f-rate-star-icon {
    font-size: 22px;
    line-height: 24px
}

.f-largemode .f-field-numberbox-wrap .f-rate {
    margin-top: 7px;
    margin-bottom: 7px
}

body.f-largespacemode {
    font-size: 14px
}

    body.f-largespacemode input, body.f-largespacemode textarea, body.f-largespacemode select, body.f-largespacemode button {
        font-size: 14px
    }

.f-largespacemode .f-icon {
    font-size: 16px;
    min-width: 16px;
    line-height: 24px
}

.f-largespacemode .f-menu-item-body {
    padding: 0 5px
}

.f-largespacemode .f-menu-item-text {
    line-height: 38px;
    padding: 0 26px
}

.f-largespacemode .f-menu-item-icon-wrap, .f-largespacemode .f-menu-item-icon-arrowr.f-icon {
    margin-top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.f-largespacemode .f-panel-header {
    padding: 12px;
    padding-bottom: 12px
}

.f-largespacemode .f-panel-title-text {
    line-height: 24px
}

.f-largespacemode .f-tool {
    padding-left: 12px;
    padding-right: 12px
}

    .f-largespacemode .f-tool .f-tool-text {
        line-height: 24px;
        margin-left: 4px
    }

.f-largespacemode .f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon {
    line-height: 24px;
    margin-top: -12px;
    min-width: 16px;
    height: 24px
}

.f-largespacemode .f-panel-header.f-panel-header-icon > .f-panel-title > img.f-panel-icon {
    height: 16px;
    margin-top: -8px
}

.f-largespacemode .f-tree-cell-inner {
    line-height: 24px;
    padding-top: 9px;
    padding-bottom: 9px
}

.f-largespacemode .f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner, .f-largespacemode .f-tree-allheaderstyle .f-tree-node .f-tree-cell-inner {
    padding-top: 12px;
    padding-bottom: 12px
}

.f-largespacemode .f-tree-cell-icon {
    height: 24px;
    min-width: 20px
}

    .f-largespacemode .f-tree-cell-icon.f-checkbox {
        height: 16px;
        margin: 4px 6px 4px 0
    }

    .f-largespacemode .f-tree-cell-icon.f-tree-custom-icon {
        height: 16px;
        margin-top: 4px;
        margin-bottom: 4px
    }

.f-largespacemode.f-iconcheckbox .f-tree-cell-icon.f-checkbox {
    height: 24px;
    width: 20px
}

.f-largespacemode.f-iconcheckbox .f-checkbox, .f-largespacemode.f-iconcheckbox .f-radiobutton {
    font-size: 18px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.f-largespacemode .f-tree-minimode-list .f-tree-minimode-item .f-tree-minimode-item-inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.f-largespacemode .f-tree-minimode-list .f-tree-minimode-icon {
    line-height: 24px
}

    .f-largespacemode .f-tree-minimode-list .f-tree-minimode-icon.f-tree-custom-icon {
        height: 16px;
        margin-top: 4px;
        margin-bottom: 4px
    }

.f-largespacemode .f-smtree-icon {
    min-width: 24px
}

.f-largespacemode .f-btn.f-btn-small {
    padding-top: 3px;
    padding-bottom: 3px
}

.f-largespacemode .f-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

    .f-largespacemode .f-btn.f-btn-medium {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .f-largespacemode .f-btn.f-btn-large {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .f-largespacemode .f-btn.f-btn-small.f-btn-round {
        border-radius: 16px
    }

        .f-largespacemode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only {
            padding: 3px
        }

            .f-largespacemode .f-btn.f-btn-small.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 24px;
                height: 24px
            }

    .f-largespacemode .f-btn.f-btn-round {
        border-radius: 19px
    }

        .f-largespacemode .f-btn.f-btn-round.f-btn-icon-only {
            padding: 6px
        }

            .f-largespacemode .f-btn.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 24px;
                height: 24px
            }

    .f-largespacemode .f-btn.f-btn-medium.f-btn-round {
        border-radius: 22px
    }

        .f-largespacemode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only {
            padding: 9px
        }

            .f-largespacemode .f-btn.f-btn-medium.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 24px;
                height: 24px
            }

    .f-largespacemode .f-btn.f-btn-large.f-btn-round {
        border-radius: 27px
    }

        .f-largespacemode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only {
            padding: 12px
        }

            .f-largespacemode .f-btn.f-btn-large.f-btn-round.f-btn-icon-only .f-btn-icon {
                width: 28px;
                height: 28px
            }

    .f-largespacemode .f-btn .f-btn-text {
        line-height: 24px
    }

    .f-largespacemode .f-btn .f-btn-icon {
        min-width: 24px
    }

    .f-largespacemode .f-btn img.f-btn-icon {
        min-width: 16px;
        height: 16px;
        margin-top: 4px;
        margin-bottom: 4px
    }

    .f-largespacemode .f-btn.f-btn-small .f-btn-text {
        font-size: 13px
    }

    .f-largespacemode .f-btn.f-btn-large .f-btn-text {
        font-size: 16px;
        line-height: 28px
    }

    .f-largespacemode .f-btn.f-btn-large .f-btn-icon {
        font-size: 20px;
        min-width: 20px;
        line-height: 28px
    }

    .f-largespacemode .f-btn.f-btn-large img.f-btn-icon {
        min-width: 20px;
        height: 20px;
        margin-top: 4px;
        margin-bottom: 4px
    }

.f-largespacemode .f-toolbar.f-toolbar-buttonfill .f-btn {
    padding-top: 10px;
    padding-bottom: 10px
}

.f-largespacemode .f-toolbar-buttonplain .f-buttongroup .f-btn {
    padding-top: 12px;
    padding-bottom: 11px
}

.f-largespacemode .f-btn-icon-arrowd {
    margin-top: -12px
}

.f-largespacemode .f-btn.f-btn-arrowd .f-btn-inner {
    margin-right: 24px
}

.f-largespacemode .f-region-cover {
    width: 48px
}

    .f-largespacemode .f-region-cover .f-region-cover-text {
        line-height: 24px;
        padding-left: 16px;
        top: 48px
    }

    .f-largespacemode .f-region-cover .f-tool {
        height: 49px
    }

.f-largespacemode .f-grouppanel-header {
    padding: 0 8px
}

    .f-largespacemode .f-grouppanel-header > .f-panel-title > .f-panel-title-text {
        line-height: 24px
    }

.f-largespacemode .f-field-textbox {
    line-height: 24px;
    padding: 6px 8px
}

.f-ie .f-largespacemode .f-field-textbox {
    height: 38px
}

.f-largespacemode .f-field-triggerbox-icon.f-icon {
    line-height: 24px;
    min-width: 26px;
    min-height: 24px
}

.f-largespacemode .f-field-dropdownlist-pop > li {
    line-height: 24px;
    padding: 7px 11px
}

.f-largespacemode .f-field-dropdownlist-pop-checkbox > li > span {
    margin-left: 2px
}

.f-largespacemode .f-field-triggerbox-icons {
    margin-top: -12px;
    margin-right: 5px
}

.f-largespacemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icons {
    margin-top: -14px;
    margin-right: 0
}

.f-largespacemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberup, .f-largespacemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    line-height: 14px;
    height: 14px;
    min-height: 14px;
    font-size: 14px;
    right: 5px
}

.f-largespacemode .f-field-numberbox-trigger-stack .f-field-triggerbox-icon.f-triggericon-numberdown {
    top: 14px
}

.f-largespacemode .f-checkbox, .f-largespacemode .f-radiobutton {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin: 4px 1px
}

.f-largespacemode .f-field-checkbox-switch {
    margin-top: 1px;
    margin-bottom: 1px
}

.f-largespacemode .f-field-checkbox-icon-wrap {
    margin: 7px 0
}

.f-largespacemode .f-field-body-checkboxlabel {
    line-height: 24px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 6px
}

.f-largespacemode .f-field-checkbox-display-switch .f-field-body-checkboxlabel {
    padding-left: 6px
}

.f-largespacemode .f-field-checkbox-switch-wrap {
    margin: 8px 0
}

.f-largespacemode .f-field-fieldlabel {
    margin-top: 7px;
    line-height: 24px
}

.f-largespacemode .f-field-label {
    margin: 6px 0;
    line-height: 24px;
    min-height: 24px
}

.f-largespacemode .f-field.f-field-fieldlabel-top .f-field-fieldlabel-cell {
    height: 38px
}

.f-largespacemode .f-panel-body .f-field {
    margin-bottom: 10px
}

.f-largespacemode .f-field-error-cell {
    width: 26px
}

    .f-largespacemode .f-field-error-cell .f-icon {
        font-size: 16px;
        width: 26px
    }

.f-largespacemode .f-tab-header .f-tool.f-tool-close .f-tool-icon {
    font-size: 12px;
    min-width: 12px;
    line-height: 12px
}

.f-largespacemode .f-tabstrip-inkbar > .f-panel-header .f-tab-header {
    padding-left: 18px;
    padding-right: 18px
}

.f-largespacemode .f-tabstrip-scroller {
    width: 30px
}

    .f-largespacemode .f-tabstrip-scroller .f-icon {
        margin-top: -12px;
        margin-left: -8px
    }

.f-largespacemode .f-tabstrip-separated > .f-panel-header .f-tab-header {
    padding-bottom: 10px
}

.f-largespacemode .f-icon.f-messagebox-icon {
    font-size: 56px;
    min-width: 56px;
    line-height: 65px;
    height: 65px
}

.f-largespacemode .f-messagebox-message {
    margin: 10px 0
}

.f-largespacemode .f-grid-cell-inner {
    line-height: 24px;
    padding: 9px 12px
}

.f-largespacemode .f-grid-colheader-inner .f-grid-colheader-text {
    line-height: 24px;
    padding: 9px 12px
}

.f-largespacemode .f-grid-colheader-trigger {
    width: 32px;
    height: 32px
}

    .f-largespacemode .f-grid-colheader-trigger.f-grid-colheader-trigger-filter {
        right: 34px
    }

    .f-largespacemode .f-grid-colheader-trigger .f-icon {
        width: 24px;
        height: 24px;
        line-height: 24px
    }

.f-largespacemode .f-grid-colheader .f-grid-colheader-text .f-grid-sort-icon, .f-largespacemode .f-grid-colheader .f-grid-colheader-text .f-grid-filter-icon {
    font-size: 14px;
    min-width: 14px
}

.f-largespacemode .f-grid-cell-iconfont {
    height: 24px
}

.f-largespacemode .f-grid-cell-icon {
    height: 16px;
    margin-top: 4px
}

.f-largespacemode .f-grid-fixedrowheight .f-grid-row .f-grid-cell {
    height: 42px
}

.f-largespacemode .f-grid-fixedrowheight.f-grid-row-lines .f-grid-row .f-grid-cell {
    height: 43px
}

.f-largespacemode .f-grid-fixedrowheight .f-grid-row .f-grid-cell .f-grid-cell-inner {
    max-height: 42px
}

.f-largespacemode .f-grid-expander-icon.f-icon {
    font-size: 16px;
    min-width: 16px
}

.f-largespacemode .f-qtip-inner {
    padding: 10px
}

.f-largespacemode .f-toolbar {
    padding: 6px 10px
}

.f-largespacemode .f-toolbar-separator {
    height: 26px
}

.f-largespacemode .f-toolbar-title {
    line-height: 38px
}

.f-largespacemode .f-datalist-item-inner {
    line-height: 24px;
    padding: 9px 12px
}

.f-largespacemode .f-datalist-item-icon-arrowr {
    margin-top: -12px
}

.f-largespacemode .f-datalist-item-arrowr .f-datalist-item-inner {
    padding-right: 30px
}

.f-largespacemode .f-tablestyle .f-field {
    margin-bottom: 0
}

.f-largespacemode .f-tablestyle .f-field-fieldlabel {
    margin: 0;
    padding: 8px 8px
}

.f-largespacemode .f-tablestyle .f-field-textbox, .f-largespacemode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding: 8px 8px;
    margin: 0;
    min-height: 40px
}

.f-largespacemode .f-tablestyle .f-field-fileupload-wrap .f-field-fileupload-table .f-field-body-cell-rightpart {
    padding: 2px 3px
}

.f-largespacemode .f-tablestyle .f-field-checkbox-icon-wrap, .f-largespacemode .f-tablestyle .f-field-body-checkboxlabel {
    margin-top: 8px;
    margin-bottom: 8px
}

.f-largespacemode .f-tablestyle .f-field-checkbox-wrap .f-field-body-cell-inner {
    margin-left: 8px
}

.f-largespacemode .f-calendar-body {
    padding: 8px 15px
}

.f-largespacemode .f-calendar-timepane .f-calendar-body {
    padding: 0
}

.f-largespacemode .f-calendar-time > span {
    line-height: 32px
}

.f-largespacemode .f-calendar-table th {
    padding: 5px 0
}

.f-largespacemode .f-calendar-table td {
    min-width: 38px
}

.f-largespacemode .f-calendar-day {
    line-height: 30px
}

.f-largespacemode .f-calendar-float td a {
    line-height: 30px
}

.f-largespacemode .f-calendar-title, .f-largespacemode .f-calendar-time {
    line-height: 42px
}

.f-largespacemode .f-calendar-header .f-calendar-nav {
    height: 24px;
    margin-top: -12px;
    width: 30px
}

.f-largespacemode .f-calendar-header .f-calendar-prev {
    left: 35px
}

.f-largespacemode .f-calendar-header .f-calendar-next {
    right: 35px
}

.f-largespacemode .f-calendar-footer {
    padding: 5px
}

.f-largespacemode .f-calendar-floattime.f-calendar-float-column-3 {
    width: 171px
}

.f-largespacemode .f-calendar-floattime.f-calendar-float-column-2 {
    width: 114px
}

.f-largespacemode .f-calendar-floattime.f-calendar-float-column-1 {
    width: 57px
}

.f-largespacemode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-3 {
    width: 240px
}

.f-largespacemode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-2 {
    width: 160px
}

.f-largespacemode .f-calendar-display-time .f-calendar-floattime.f-calendar-float-column-1 {
    width: 80px
}

.f-largespacemode .f-pagingtoolbar .f-grid-pager-numberbox .f-field-textbox {
    width: 46px
}

.f-largespacemode .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    padding: 6px;
    min-width: 38px;
    height: 38px;
    border-radius: 19px
}

.f-largespacemode .f-accordionpane-header {
    padding: 8px 10px
}

.f-largespacemode .f-progressbar {
    height: 8px
}

.f-largespacemode .f-rate-text {
    line-height: 24px
}

.f-largespacemode .f-rate-star .f-rate-star-first .f-rate-star-icon, .f-largespacemode .f-rate-star .f-rate-star-second .f-rate-star-icon {
    font-size: 18px;
    line-height: 24px
}

.f-largespacemode .f-field-numberbox-wrap .f-rate {
    margin-top: 7px;
    margin-bottom: 7px
}