/*! jQuery UI - v1.11.4
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

/*! F.js v6.1.0 | http://fineui.com/ */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: 'FontAwesome';
    src: url('./lib/fa/fontawesome.eot?v=4.7.0');
    src: url('./lib/fa/fontawesome.eot?v=4.7.0#iefix') format('embedded-opentype'),url('./lib/fa/fontawesome.woff2?v=4.7.0') format('woff2'),url('./lib/fa/fontawesome.woff?v=4.7.0') format('woff'),url('./lib/fa/fontawesome.ttf?v=4.7.0') format('truetype'),url('./lib/fa/fontawesome.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "iconfont";
    src: url('./lib/iconfont/iconfont.eot?t=1500868985115');
    src: url('./lib/iconfont/iconfont.eot?t=1500868985115#iefix') format('embedded-opentype'),url('./lib/iconfont/iconfont.woff?t=1500868985115') format('woff'),url('./lib/iconfont/iconfont.ttf?t=1500868985115') format('truetype'),url('./lib/iconfont/iconfont.svg?t=1500868985115#iconfont') format('svg')
}

.f-icon {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
    min-width: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    line-height: 20px
}

.f-iconfont {
    font-family: "iconfont"
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background-attachment: fixed;
    -webkit-font-smoothing: subpixel-antialiased
}

input, textarea, select, button {
    font-family: inherit;
    font-size: inherit
}

::-ms-clear, ::-ms-reveal {
    display: none
}

body.f-body-bgcolor {
    background-color: #f3f3f3
}

html.f-ios, body.f-ios {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

img {
    border: 0;
    vertical-align: top
}

.f-noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default
}

.f-hidden {
    display: none
}

.f-hidden-offsets {
    position: absolute !important;
    top: -10000px !important
}

.f-display-block {
    display: block !important
}

.f-qtip {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 500px;
    z-index: 300000
}

.f-qtip-inner {
    padding: 5px;
    border-width: 1px;
    border-style: solid
}

.f-qtip-title {
    font-weight: bold;
    margin: 2px 0 5px
}

.f-qtip-content {
    word-break: break-all;
    white-space: normal
}

.f-qtip .f-icon.f-field-error-qtip {
    margin-right: 5px;
    vertical-align: text-bottom
}

.f-shadow {
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3);
    box-shadow: 0 2px 8px rgba(0,0,0,.3)
}

.f-mask {
    opacity: .6;
    filter: alpha(opacity=60);
    position: absolute;
    left: 0;
    top: 0;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    z-index: 1
}

.f-shim {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    border: none
}

.f-iframe {
    height: 100%;
    width: 100%;
    overflow: auto;
    border-width: 0
}

.f-align-left {
    text-align: left
}

.f-align-right {
    text-align: right
}

.f-align-center {
    text-align: center
}

.f-message-box .panel-footer {
    text-align: center
}

.f-message-box-warning {
    font-size: 50px;
    color: #f89406;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    filter: alpha(opacity=80)
}

.f-loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    z-index: 20000
}

.f-loading {
    position: absolute;
    z-index: 20001;
    left: 50%;
    top: 50%;
    margin-top: -24px;
    margin-left: -24px;
    background-attachment: fixed
}

.f-iframeinside + .f-loading-mask {
    z-index: 100
}

    .f-iframeinside + .f-loading-mask .f-loading {
        z-index: 101
    }

.f-loading .f-loading-img img {
    width: 48px;
    height: 48px
}

.f-loading .f-loading-img-custom img {
    width: auto;
    height: auto
}

.f-loading .f-loading-text {
    position: absolute;
    left: 50%;
    top: 100%;
    text-align: center;
    width: 200px;
    margin-left: -100px;
    margin-top: 3px
}

.f-ajax-loading {
    position: absolute;
    top: 0;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    color: #666;
    padding: 6px 12px;
    z-index: 200000;
    display: none
}

.f-state-disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    background-image: none;
    cursor: not-allowed !important
}

    .f-state-disabled a {
        cursor: not-allowed !important;
        text-decoration: none
    }

    .f-state-disabled .f-icon {
        cursor: not-allowed !important
    }

    .f-state-disabled input[type=file] {
        cursor: not-allowed !important
    }

    .f-state-disabled .f-state-disabled, .f-widget-content .f-state-disabled .f-state-disabled {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.f-field.f-state-disabled label, .f-field.f-state-disabled input {
    cursor: not-allowed !important
}

.f-corner-all, .f-corner-top, .f-corner-left, .f-corner-tl {
    border-top-left-radius: 3px
}

.f-corner-all, .f-corner-top, .f-corner-right, .f-corner-tr {
    border-top-right-radius: 3px
}

.f-corner-all, .f-corner-bottom, .f-corner-left, .f-corner-bl {
    border-bottom-left-radius: 3px
}

.f-corner-all, .f-corner-bottom, .f-corner-right, .f-corner-br {
    border-bottom-right-radius: 3px
}

#f_ui_icon {
    position: absolute;
    top: 0;
    left: -100px
}

.f-progressbar {
    height: 10px;
    text-align: left;
    overflow: hidden;
    border-style: solid;
    border-width: 1px
}

    .f-progressbar .f-progressbar-value {
        height: 100%
    }

.f-smtree-icon {
    cursor: default;
    display: inline-block;
    vertical-align: top;
    min-width: 16px
}

.f-icon.f-smtree-icon.collapse {
    opacity: .8;
    filter: alpha(opacity=80)
}

.f-inline-block {
    display: inline-block
}

.ui-resizable-helper {
    border-width: 2px;
    border-style: dotted;
    background: transparent !important
}

.ui-resizable-n {
    top: 0;
    height: 5px
}

.ui-resizable-s {
    bottom: 0;
    height: 5px
}

.ui-resizable-e {
    right: 0;
    width: 5px
}

.ui-resizable-w {
    left: 0;
    width: 5px
}

.f-input-text-hidden {
    position: absolute;
    top: 0;
    left: -10000px;
    width: 1px;
    height: 1px;
    border: none;
    padding: 0
}

.f-ie8 .f-state-disabled img, .f-ie8 .f-state-disabled a, .f-ie8 .f-state-disabled span {
    opacity: .5;
    filter: alpha(opacity=50);
    background-image: none;
    cursor: default !important
}

.f-nobg {
    background: none !important
}

ul.f-ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 5px
}

    ul.f-ul li {
        padding-top: 3px
    }

.f-ajax-disabled.f-state-disabled, .f-ajax-disabled.f-state-disabled .f-icon {
    cursor: pointer !important
}

.f-badge {
    position: absolute;
    z-index: 1;
    right: -4px;
    top: -4px;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #999
}

    .f-badge.f-badge-text {
        position: absolute;
        z-index: 1;
        right: 0;
        top: -10px;
        width: auto;
        height: 20px;
        min-width: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #fff;
        border-radius: 10px;
        padding: 0 5px
    }

.f-badge-type-information {
    background-color: #999
}

.f-badge-type-error {
    background-color: #f5222d
}

.f-badge-type-warning {
    background-color: #faad14
}

.f-badge-type-success {
    background-color: #52c41a
}

.f-btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 5px 10px;
    position: relative;
    font-weight: normal
}

    .f-btn .f-btn-inner {
        position: relative;
        display: inline-block;
        vertical-align: top
    }

    .f-btn .f-btn-icon {
        display: inline-block;
        width: auto;
        vertical-align: top;
        min-width: 16px
    }

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

    .f-btn .f-btn-text {
        display: inline-block;
        vertical-align: top;
        line-height: 20px
    }

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

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

    .f-btn.f-btn-large {
        padding: 10px 16px
    }

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

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

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

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

.f-btn-icon-left .f-btn-text {
    margin-left: 4px
}

.f-btn-icon-right .f-btn-text {
    margin-right: 4px
}

.f-btn-icon-top .f-btn-text {
    margin-top: 2px;
    display: block
}

.f-btn-icon-bottom .f-btn-text {
    margin-bottom: 2px;
    display: block
}

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

.f-btn-icon-arrowd {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 100%;
    text-align: center;
    margin-left: 2px
}

.f-buttongroup-body {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0
}

.f-buttongroup .f-btn {
    z-index: 1
}

    .f-buttongroup .f-btn.f-state-hover, .f-buttongroup .f-btn.f-state-focus {
        z-index: 2
    }

    .f-buttongroup .f-btn.f-state-active {
        z-index: 3
    }

    .f-buttongroup .f-btn.f-middle {
        border-radius: 0
    }

.f-buttongroup-horizontal.f-hasmany .f-btn.f-first {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.f-buttongroup-horizontal.f-hasmany .f-btn.f-last {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px
}

.f-buttongroup-horizontal.f-hasmany .f-btn.f-middle {
    margin-left: -1px
}

.f-buttongroup-vertical.f-hasmany .f-btn.f-first {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.f-buttongroup-vertical.f-hasmany .f-btn.f-last {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.f-buttongroup-vertical.f-hasmany .f-btn.f-middle {
    margin-top: -1px
}

.f-btn.f-btn-nomenuicon .f-btn-inner {
    margin-right: 0 !important
}

.f-btn.f-btn-nomenuicon .f-btn-icon-arrowd {
    display: none
}

.f-panel {
    border-width: 0;
    border-style: solid;
    position: relative;
    overflow: hidden
}

.f-safari .f-panel.f-grouppanel {
    overflow: visible
}

.f-panel-border {
    border-width: 1px
}

.f-panel > .f-panel-bodyct {
    position: relative;
    top: 0;
    left: 0
}

.f-panel.f-panel-collapsed > .f-panel-bodyct > .f-toolbar, .f-panel.f-panel-collapsed > .f-panel-bodyct > .f-panel-body {
    display: none
}

.f-panel-header {
    position: relative;
    left: 0;
    top: 0;
    padding: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    z-index: 1
}

.f-panel.f-panel-collapsed > .f-panel-header {
    border-bottom-width: 0
}

.f-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.f-panel-title-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    line-height: 20px
}

.f-panel.ui-draggable > .f-panel-header {
    cursor: move
}

.f-panel.ui-draggable.f-window-maximized > .f-panel-header {
    cursor: default
}

.f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon {
    top: 50%;
    left: 0;
    position: absolute;
    min-width: 16px;
    height: 20px;
    margin-top: -10px
}

.f-panel-header.f-panel-header-icon > .f-panel-title > img.f-panel-icon {
    background-size: auto 100%;
    height: 16px;
    margin-top: -8px
}

.f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-title-text {
    margin-left: 20px
}

.f-tab-header.f-panel-header.f-panel-header-icon-only > .f-panel-title > .f-panel-title-text {
    margin-left: 0;
    width: 16px
}

.f-panel-tools {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.f-tool {
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    outline: 0;
    height: 100%;
    opacity: .8;
    filter: alpha(opacity=80)
}

    .f-tool:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

    .f-tool.f-state-hover, .f-tool.f-state-focus {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .f-tool .f-tool-icon {
        display: inline-block;
        vertical-align: middle
    }

    .f-tool .f-tool-text {
        white-space: nowrap;
        line-height: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px
    }

    .f-tool.f-tool-icon-only .f-tool-text {
        display: none
    }

.f-panel-body {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0
}

.f-panel-body-inner {
    position: relative;
    top: 0;
    left: 0
}

.f-body .f-panel-body.f-iframeinside {
    overflow: hidden
}

.f-body.f-ios .f-panel-body.f-iframeinside {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.f-panel-inner {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.f-panel-frame {
    border-width: 5px
}

.f-panel-collapsed.f-widget-content {
    background-image: none;
    background-color: inherit
}

.f-panel.f-panel-noheader.f-panel-noborder, .f-panel.f-panel-noheader.f-panel-noborder > .f-panel-bodyct > .f-panel-body {
    overflow: visible
}

.f-accordionpane-header {
    padding: 7px 10px;
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 0 !important;
    cursor: pointer
}

.f-accordionpane-selected > .f-accordionpane-header {
    border-bottom-width: 1px !important
}

.f-accordionpane-header .f-panel-tools .f-icon {
    opacity: .6;
    filter: alpha(opacity=60)
}

.f-accordionpane-hover > .f-accordionpane-header .f-panel-tools .f-icon {
    opacity: 1;
    filter: alpha(opacity=100)
}

.f-accordionpane-header .f-tool {
    border-width: 0
}

.f-accordionpane-header > .f-panel-title > .f-panel-title-text {
    font-weight: normal
}

.f-accordionpane-selected > .f-accordionpane-header > .f-panel-title > .f-panel-title-text {
    font-weight: bold
}

.f-accordionpane.f-first > .f-accordionpane-header {
    border-top-width: 0 !important
}

.f-accordion.f-accordion-nocollapsetool .f-accordionpane > .f-accordionpane-header .f-tool-toggle {
    display: none !important
}

.f-tabstrip > .f-panel-bodyct > .f-panel-body {
    overflow: hidden
}

.f-tabstrip-header {
    position: relative;
    padding: 0 !important;
    border-width: 0;
    border-style: solid;
    border-bottom-width: 1px
}

    .f-tabstrip-header > .f-panel-title {
        min-height: 35px
    }

.f-tabstrip-header-bottom > .f-panel-header {
    border-width: 0;
    border-top-width: 1px
}

.f-tabstrip-header > .f-panel-title {
    position: relative;
    overflow: visible
}

.f-tabstrip-header-clip {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.f-tabstrip-header-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.f-tabstrip-header-bottom .f-tabstrip-header-clip, .f-tabstrip-header-left .f-tabstrip-header-clip {
    top: -5px
}

.f-tabstrip-header-bottom .f-tabstrip-header-inner, .f-tabstrip-header-left .f-tabstrip-header-inner {
    top: 5px
}

.f-tab {
    display: none
}

.f-tab-header {
    position: relative !important;
    left: 0;
    top: 0;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 0 2px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-bottom-width: 0;
    border-top-width: 0
}

.f-tabstrip-header .f-tab-header.f-state-active:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: '';
    width: 100%;
    height: 1px;
    z-index: 1;
    background-color: #fff
}

.f-tabstrip-header-bottom .f-tabstrip-header .f-tab-header.f-state-active:after, .f-tabstrip-header-left .f-tabstrip-header .f-tab-header.f-state-active:after {
    top: -1px;
    bottom: auto
}

.f-tabstrip-header .f-tabstrip-header-inkbar {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    z-index: 10;
    background-color: #fff;
    display: none
}

.f-tabstrip-header-bottom .f-tabstrip-header .f-tabstrip-header-inkbar, .f-tabstrip-header-left .f-tabstrip-header .f-tabstrip-header-inkbar {
    top: -1px;
    bottom: auto
}

.f-tabstrip-inkbar-top .f-tabstrip-header .f-tabstrip-header-inkbar {
    bottom: auto;
    top: 0
}

.f-tabstrip-inkbar-top.f-tabstrip-header-bottom .f-tabstrip-header .f-tabstrip-header-inkbar, .f-tabstrip-inkbar-top.f-tabstrip-header-left .f-tabstrip-header .f-tabstrip-header-inkbar {
    top: auto;
    bottom: 0
}

.f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active:after {
    display: none
}

.f-tabstrip-inkbar > .f-tabstrip-header .f-tabstrip-header-inkbar {
    display: block;
    height: 2px
}

.f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header {
    border-width: 0;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px
}

.f-tabstrip-header-bottom > .f-panel-header .f-tabstrip-scroller, .f-tabstrip-header-left > .f-panel-header .f-tabstrip-scroller {
    top: auto;
    bottom: 0
}

.f-panel-header.f-tab-header {
    border-bottom-width: 0
}

.f-tab-header .f-panel-title-text {
    padding-right: 0 !important;
    font-weight: normal
}

.f-tab-header.f-state-active .f-panel-title-text {
    font-weight: bold
}

.f-tab-header .f-panel-tools {
    margin-top: 0;
    top: 2px;
    padding: 0 3px;
    height: auto
}

.f-tab-header .f-tool.f-tool-close {
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: none
}

    .f-tab-header .f-tool.f-tool-close .f-tool-icon {
        font-size: 11px;
        min-width: 11px;
        line-height: 11px;
        padding: 2px;
        border-radius: 50%
    }

    .f-tab-header .f-tool.f-tool-close.f-state-hover .f-tool-icon {
        background-color: #e81123;
        background-image: none;
        color: #fff
    }

.f-tabstrip-scroller {
    width: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    display: none;
    z-index: 1;
    border-width: 0;
    border-style: solid
}

.f-tabstrip-header > .f-panel-title.f-tabstrip-hasscroller .f-tabstrip-scroller {
    display: block
}

.f-tabstrip-scroller-start {
    left: 0;
    right: auto
}

.f-tabstrip-scroller-end {
    left: auto;
    right: 0
}

.f-tabstrip-scroller .f-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
    text-align: center
}

.f-tabstrip-noheader > .f-panel-header {
    display: none !important
}

.f-tab-header.f-first {
    margin-left: 0
}

.f-tabstrip-align-left .f-tab-header.f-first {
    margin-left: -1px
}

.f-tabstrip-align-right .f-tab-header.f-last {
    margin-right: -1px
}

.f-tabstrip-align-left .f-tabstrip-hasscroller .f-tab-header.f-first {
    margin-left: 0
}

.f-tabstrip-align-right .f-tabstrip-hasscroller .f-tab-header.f-last {
    margin-right: 0
}

.f-tabstrip-fill > .f-panel-header .f-tab-header.f-first {
    margin-left: -1px
}

.f-tabstrip-fill > .f-panel-header .f-tab-header.f-last {
    margin-right: -1px
}

.f-tabstrip-fill > .f-panel-header .f-tab-header {
    text-align: center
}

.f-tabstrip-plain {
    border-width: 0
}

    .f-tabstrip-plain > .f-panel-header {
        background: transparent
    }

        .f-tabstrip-plain > .f-panel-header .f-tab-header {
            border-top-width: 1px
        }

    .f-tabstrip-plain > .f-panel-bodyct > .f-panel-body {
        border-width: 0 1px 1px 1px;
        border-style: solid
    }

    .f-tabstrip-plain > .f-panel-bodyct > .f-toolbar {
        border-left-width: 1px;
        border-right-width: 1px;
        border-left-style: solid;
        border-right-style: solid
    }

    .f-tabstrip-plain > .f-panel-header .f-tab-header.f-first {
        margin-left: 0
    }

    .f-tabstrip-plain > .f-panel-header .f-tab-header.f-last {
        margin-right: 0
    }

    .f-tabstrip-plain.f-tabstrip-header-bottom > .f-panel-header .f-tab-header, .f-tabstrip-plain.f-tabstrip-header-left > .f-panel-header .f-tab-header {
        border-top-width: 0;
        border-bottom-width: 1px
    }

    .f-tabstrip-plain.f-tabstrip-header-bottom > .f-panel-bodyct > .f-panel-body {
        border-width: 1px 1px 0 1px
    }

    .f-tabstrip-plain.f-tabstrip-header-left > .f-panel-bodyct > .f-panel-body {
        border-width: 1px 1px 1px 0
    }

    .f-tabstrip-plain.f-tabstrip-header-right > .f-panel-bodyct > .f-panel-body {
        border-width: 1px 0 1px 1px
    }

.f-grouppanel {
    border: 1px solid #b5b8c8;
    position: relative;
    display: block;
    background: transparent !important;
    padding: 0;
    margin: 5px 0 0
}

.f-grouppanel-header {
    position: relative;
    cursor: pointer;
    left: 0;
    top: 0;
    padding: 0 5px;
    background-image: none;
    color: inherit;
    margin-left: 10px
}

.f-panel-header.f-grouppanel-header {
    border-bottom-width: 0 !important
}

.f-grouppanel-header > .f-panel-title {
    margin-left: 20px;
    padding-right: 0 !important;
    display: inline-block
}

    .f-grouppanel-header > .f-panel-title > .f-panel-title-text {
        line-height: 20px;
        white-space: nowrap;
        font-weight: normal
    }

.f-grouppanel-header > .f-panel-tools {
    left: 0;
    right: auto
}

.f-grouppanel > .f-panel-bodyct > .f-panel-body {
    padding: 5px
}

.f-grouppanel.f-panel-collapsed {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.f-grouppanel-header .f-tool.f-tool-toggle .f-tool-icon {
    vertical-align: top
}

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

.f-window {
    position: absolute;
    top: 0;
    left: 0
}

    .f-window.f-window-maximized {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

        .f-window.f-window-maximized > .f-panel-header .f-tool.f-tool-toggle {
            display: none !important
        }

    .f-window.f-panel-collapsed > .f-panel-header .f-tool.f-tool-maximize {
        display: none !important
    }

    .f-window > .f-panel-header .f-tool.f-tool-close.f-state-hover {
        background-color: #e81123;
        background-image: none
    }

        .f-window > .f-panel-header .f-tool.f-tool-close.f-state-hover .f-tool-icon {
            color: #fff
        }

.f-messagebox-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.f-messagebox-iconct {
    vertical-align: middle;
    padding: 0
}

.f-messagebox-icon {
    min-width: 56px;
    height: 56px;
    cursor: default;
    vertical-align: top
}

.f-messagebox-hasmessage .f-messagebox-iconct .f-messagebox-icon {
    margin-right: 10px
}

.f-icon.f-messagebox-icon {
    font-size: 56px;
    line-height: 56px;
    color: #999;
    text-align: center
}

    .f-icon.f-messagebox-icon.f-messageicon-error {
        color: #f27530
    }

    .f-icon.f-messagebox-icon.f-messageicon-warning {
        color: #f9d701
    }

    .f-icon.f-messagebox-icon.f-messageicon-success {
        color: #3c763d
    }

.f-messagebox-message {
    margin: 5px 0;
    word-break: break-all;
    white-space: normal
}

.f-messagebox-messagect {
    position: relative;
    padding: 0
}

.f-messagebox-table .f-loading {
    position: static;
    margin: 0
}

.f-messagebox-hasmessage .f-messagebox-loadingct .f-loading {
    margin-right: 10px
}

.f-panel-body .f-field.f-messagebox-prompt-input {
    margin-bottom: 0
}

.f-messagebox-notify {
    z-index: 200000 !important
}

.f-messagebox-errorfield {
    margin-bottom: 5px;
    font-weight: bold
}

.f-messagebox-errormsg {
    font-size: .9em
}

.f-toolbar {
    padding: 5px
}

    .f-toolbar > .f-toolbar-bodyct > .f-toolbar-body {
        position: relative;
        overflow: hidden;
        top: 0;
        left: 0;
        min-height: 32px
    }

.f-toolbar-item {
    position: absolute
}

.f-toolbar-title {
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    position: absolute
}

.f-toolbar-text {
    white-space: nowrap
}

.f-toolbar-separator {
    border-left-width: 1px;
    border-left-style: solid;
    height: 16px;
    opacity: .3;
    filter: alpha(opacity=30)
}

.f-panel-toolbar-top, .f-panel-toolbar-bottom {
    position: relative
}

.f-panel-toolbar-top {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.f-panel-toolbar-bottom {
    border-top-width: 1px;
    border-top-style: solid
}

.f-toolbar-buttonplain {
    padding: 0 !important
}

    .f-toolbar-buttonplain .f-buttongroup .f-btn {
        padding-top: 10px;
        padding-bottom: 9px;
        border-width: 0 !important;
        border-radius: 0 !important;
        margin-left: 0 !important
    }

    .f-toolbar-buttonplain .f-buttongroup.f-hasmany .f-btn.f-first:after, .f-toolbar-buttonplain .f-buttongroup.f-hasmany .f-btn.f-middle:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 0;
        border-right-width: 1px;
        border-right-style: solid;
        height: 100%;
        display: block
    }

.f-tree-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.f-tree-cell {
    padding: 0
}

.f-tree-cell-inner {
    margin: 0;
    padding: 6px 2px 6px 10px;
    white-space: nowrap;
    border-width: 0;
    line-height: 20px;
    position: relative
}

a.f-tree-cell-inner {
    display: block;
    text-decoration: none
}

.f-tree-cell-icon {
    height: 20px;
    display: inline-block;
    min-width: 20px;
    vertical-align: top
}

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

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

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

.f-tree-cell-icon.f-tree-checkbox {
    cursor: pointer
}

.f-tree-cell-icon.f-tree-folder {
    cursor: default
}

    .f-tree-cell-icon.f-tree-folder.f-tree-custom-icon {
        text-indent: -10000px;
        color: transparent;
        opacity: 1;
        filter: alpha(opacity=100);
        background-size: auto 100%;
        background-repeat: no-repeat
    }

.f-tree-cell-icon.f-tree-expander {
    cursor: pointer;
    padding-left: 2px
}

.f-tree-node.f-state-disabled .f-tree-cell {
    cursor: not-allowed
}

.f-tree-node.f-state-disabled .f-tree-cell-icon.f-tree-expander {
    cursor: pointer !important
}

.f-tree-noicons .f-tree-cell-icon.f-tree-folder {
    display: none
}

.f-tree-node-leaf .f-tree-cell-icon.f-tree-expander {
    visibility: hidden
}

.f-tree-cell-text {
    text-decoration: none
}

.f-tree-noicons .f-tree-cell-text {
    padding-left: 0
}

.f-tree-nohscroll .f-tree-cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top
}

.f-tree .f-panel-body > .f-tree-bodyct {
    position: relative
}

.f-tree-nohscroll > .f-panel-bodyct > .f-panel-body > .f-tree-bodyct {
    overflow-x: hidden !important
}

.f-tree-expandertoright .f-tree-cell-icon.f-tree-expander {
    position: absolute;
    right: 5px;
    text-align: center
}

.f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.f-tree-headerstyle .f-tree-node.f-widget-content + .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner {
    border-top-width: 1px;
    border-top-style: solid
}

.f-tree-minimode-list {
    display: none
}

.f-tree-minimode .f-tree-minimode-list {
    display: block
}

.f-tree-minimode .f-tree-table {
    display: none
}

.f-tree-minimode-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .f-tree-minimode-list .f-tree-minimode-item .f-tree-minimode-item-inner {
        padding: 10px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-align: center
    }

    .f-tree-minimode-list .f-tree-minimode-icon {
        font-size: 16px;
        min-width: 16px;
        text-align: center;
        vertical-align: top;
        line-height: 20px
    }

        .f-tree-minimode-list .f-tree-minimode-icon.f-tree-custom-icon {
            background-size: auto 100%;
            height: 16px;
            margin-top: 2px;
            margin-bottom: 2px
        }

    .f-tree-minimode-list .f-tree-minimode-text {
        display: none
    }

.f-tree-minimode-ghost {
    position: absolute;
    top: 0;
    left: 0
}

.f-tree-nodegroup > td {
    padding: 0
}

body.f-viewport {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden
}

.f-menu {
    position: absolute;
    min-width: 180px;
    margin: 0;
    list-style: none;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    overflow: auto
}

.f-menu-item {
    position: relative;
    cursor: pointer
}

.f-menu-item-body {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    border-width: 0;
    padding: 0 5px
}

.f-menu-item-text {
    display: block;
    line-height: 32px;
    padding: 0 24px;
    font-weight: normal;
    white-space: nowrap;
    text-decoration: none
}

.f-menu-item-icon-wrap {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    text-align: center
}

.f-menu-item-icon.f-menu-checkbox {
    vertical-align: top
}

.f-menu-item-icon-arrowr.f-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    text-align: center;
    right: 2px
}

.f-menu-item.f-menu-separator {
    border-top-width: 1px;
    border-top-style: solid;
    margin: 2px 0;
    height: 0;
    opacity: .3;
    filter: alpha(opacity=30)
}

.f-menu {
    padding: 0
}

.f-grid-inner-locked {
    position: absolute;
    top: 0;
    left: 0;
    border-right-width: 0;
    border-right-style: solid;
    z-index: 1;
    box-shadow: 3px 0 6px -3px rgba(0,0,0,.2)
}

.f-grid-column-lines .f-grid-inner-locked .f-grid-colheader.f-last {
    border-right-width: 1px
}

    .f-grid-column-lines .f-grid-inner-locked .f-grid-colheader.f-last .f-grid-colheader-trigger.f-state-hover {
        border-right-width: 0
    }

.f-grid-inner-locked .f-grid-bodyct {
    overflow: hidden
}

.f-grid-table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.f-grid-headerct {
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.f-grid-summaryct {
    overflow: hidden
}

.f-grid-bodyct > .f-grid-summaryct {
    overflow: visible
}

.f-grid-bodyct {
    overflow: auto;
    position: relative
}

.f-grid-colheader {
    padding: 0;
    text-align: left;
    overflow: hidden;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 0;
    border-bottom-style: solid
}

    .f-grid-colheader.f-last {
        border-right-width: 0
    }

.f-grid-emptydata .f-grid-summaryct {
    display: none
}

.f-grid-headerct .f-grid-colheader.f-haschildren {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.f-grid-colheader-inner {
    padding: 6px 10px;
    line-height: 20px;
    position: relative
}

    .f-grid-colheader-inner.f-align-right .f-grid-colheader-text {
        margin-right: 10px
    }

.f-grid-colheader.f-grid-sortable {
    cursor: pointer
}

.f-grid-colheader-text {
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.f-grid-colheader.f-grid-filterable .f-grid-colheader-text {
    text-decoration: underline
}

.f-grid-colheader.f-grid-filtered .f-grid-colheader-text {
    font-style: italic;
    font-weight: bold
}

.f-grid-colheader .f-grid-colheader-text .f-grid-sort-icon {
    display: none;
    margin-left: 5px;
    font-size: 14px
}

.f-grid-colheader.f-grid-sortable.f-grid-sort-ASC .f-grid-colheader-text .f-grid-sort-icon, .f-grid-colheader.f-grid-sortable.f-grid-sort-DESC .f-grid-colheader-text .f-grid-sort-icon {
    display: inline-block;
    vertical-align: top
}

.f-grid-colheader-trigger {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    border-left-width: 1px;
    border-left-style: solid;
    display: none;
    width: 20px;
    height: 100%;
    border-color: inherit
}

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

.f-grid-colheader.f-grid-filtermenu-only .f-grid-colheader-trigger.f-grid-colheader-trigger-filter {
    right: 0
}

.f-grid-colheader-trigger .f-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    text-align: center
}

.f-grid-colheader.f-last .f-grid-colheader-trigger.f-state-hover {
    border-right-width: 1px;
    border-right-style: solid
}

.f-grid-colheader.f-state-hover .f-grid-colheader-trigger {
    display: block
}

.f-grid-column-moving .f-grid-colheader-trigger, .f-grid-column-resizing .f-grid-colheader-trigger {
    display: none !important
}

.f-grid-colheader-resizer {
    position: absolute;
    top: 0;
    width: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.f-grid-colheader.ui-resizable .ui-resizable-handle {
    cursor: col-resize
}

.f-grid-static-checkbox.f-icon {
    color: #f00 !important;
    cursor: default;
    vertical-align: top;
    font-weight: bold
}

.f-grid-static-checkbox.f-checked.f-icon {
    color: #008000 !important
}

.f-grid-checkbox.f-icon {
    cursor: default;
    vertical-align: top
}

.f-grid-cell {
    padding: 0
}

.f-grid-cell-inner {
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 19px
}

.f-grid-row-lines .f-grid-cell {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.f-grid-column-lines .f-grid-cell {
    border-right-style: solid;
    border-right-width: 1px
}

.f-grid-row-lines .f-grid-rowexpander > td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6
}

.f-grid-row-lines .f-grid-cell, .f-grid-column-lines .f-grid-cell, .f-grid-row-lines .f-grid-rowexpander > td {
    border-color: #e6e6e6
}

.f-grid-summary-bottom .f-grid-table-summary.f-grid-row-lines .f-grid-cell {
    border-bottom-width: 0;
    border-top-style: solid;
    border-top-width: 1px
}

.f-grid-summary-bottom .f-grid-inner-locked > .f-grid-summaryct {
    position: absolute;
    left: 0
}

.f-grid-table .f-grid-row {
    outline: 0
}

.f-grid-table .f-grid-cell {
    vertical-align: middle
}

.f-grid-table.f-grid-row-align-top .f-grid-cell {
    vertical-align: top
}

.f-grid-table.f-grid-row-align-bottom .f-grid-cell {
    vertical-align: bottom
}

.f-grid-row-alt {
    background-color: #fcfcfc
}

.f-grid-rowexpander-icon.f-icon {
    cursor: pointer;
    vertical-align: top;
    font-size: 14px;
    min-width: 14px
}

.f-grid-row.f-grid-rowexpander > td {
    padding: 0
}

.f-grid-rowexpander-items > .f-grid-cell, .f-grid-rowexpander-details > .f-grid-cell {
    border-bottom-width: 0
}

    .f-grid-rowexpander-details > .f-grid-cell > .f-grid-cell-inner {
        padding: 5px 10px 5px 40px;
        white-space: normal
    }

.f-grid-columnlocking .f-grid-rowexpander-details > .f-grid-cell > .f-grid-cell-inner {
    padding: 5px 10px
}

.f-grid-rowexpander-collapsed .f-grid-rowexpander-details {
    display: none
}

.f-grid-colheader.f-grid-checkselectionfield .f-grid-colheader-inner, .f-grid-colheader.f-grid-rowexpanderfield .f-grid-colheader-inner {
    padding-left: 7px;
    padding-right: 6px
}

.f-grid-colheader.f-grid-rownumberfield .f-grid-colheader-inner {
    padding-left: 0;
    padding-right: 4px
}

.f-grid-cell.f-grid-checkselectionfield .f-grid-cell-inner, .f-grid-cell.f-grid-rowexpanderfield .f-grid-cell-inner {
    padding-left: 7px;
    padding-right: 7px;
    text-overflow: clip;
    text-align: center
}

.f-grid-colheader.f-grid-checkselectionfield .f-grid-colheader-inner .f-grid-colheader-text, .f-grid-colheader.f-grid-rowexpanderfield .f-grid-colheader-inner .f-grid-colheader-text {
    text-align: center
}

.f-grid-cell.f-grid-rownumberfield .f-grid-cell-inner {
    padding-left: 3px;
    padding-right: 5px;
    text-align: right
}

    .f-grid-cell.f-grid-rownumberfield .f-grid-cell-inner.f-align-left {
        text-align: left
    }

    .f-grid-cell.f-grid-rownumberfield .f-grid-cell-inner.f-align-center {
        text-align: center
    }

.f-pagingtoolbar .f-btn.f-grid-pager.f-btn-icon-only {
    padding-left: 4px;
    padding-right: 4px
}

.f-pagingtoolbar .f-grid-pager-numberbox .f-field-textbox {
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    width: 32px
}

.f-pagingtoolbar .f-grid-pager-numberbutton ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.f-pagingtoolbar .f-field-label {
    margin: 0 !important
}

.f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    display: inline-block;
    margin-right: 1px;
    padding-left: 7px;
    padding-right: 7px
}

    .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn.f-state-default {
        cursor: default
    }

.f-grid-empty {
    margin: 20px auto;
    text-align: center
}

.f-grid-cell-editor {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 10
}

.f-grid-cell.f-grid-cell-dirty {
    background-image: url("images/dirty.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.f-panel-body .f-grid-cell-editor .f-field {
    margin-bottom: 0
}

.f-grid-cell-editor .f-field-body {
    border-radius: 0
}

.f-grid-cell-editor .f-field-textbox {
    padding-left: 9px;
    padding-right: 9px
}

.f-grid-listview {
    display: block
}

.f-grid-listview-ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.f-grid-listview-li {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    width: 150px;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    padding: 5px;
    margin: 5px
}

.f-grid-colheader-resizer {
    z-index: 20000
}

.f-grid-colheader-dragger {
    z-index: 20000;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    white-space: nowrap
}

    .f-grid-colheader-dragger > span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 3px
    }

    .f-grid-colheader-dragger > .f-icon {
        vertical-align: middle
    }

    .f-grid-colheader-dragger.valid > .f-icon {
        color: #008000 !important
    }

.f-grid-colheader-dragmarker {
    display: none
}

    .f-grid-colheader-dragmarker > .f-icon {
        color: #008000 !important;
        font-size: 16px;
        min-width: 16px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 19999;
        font-weight: bold
    }

.f-grid-cell-uneditable > .f-grid-cell-inner {
    opacity: .5;
    filter: alpha(opacity=50)
}

.f-grid-table-bigdata-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px
}

.f-grid-bigdata .f-grid-bodyct .f-grid-table {
    position: absolute;
    top: 0;
    left: 0
}

.f-grid-bigdata .f-grid-row {
    height: 32px
}

.f-grid-table-bigdata-qtip {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: none;
    z-index: 20000;
    padding: 10px;
    border-width: 1px;
    border-style: solid
}

.f-grid-cell-iconfont {
    height: 20px;
    vertical-align: top
}

.f-grid-imagefield, .f-grid-cell-icon {
    height: 16px;
    margin-top: 2px;
    vertical-align: top
}

.f-grid-show-selected-cell .f-grid-cell-selected {
    background-color: #e3e3e3
}

.f-grid-row.f-grid-row-newadded > .f-grid-cell:first-child > .f-grid-cell-inner {
    position: relative
}

    .f-grid-row.f-grid-row-newadded > .f-grid-cell:first-child > .f-grid-cell-inner:after {
        position: absolute;
        left: 1px;
        top: 50%;
        margin-top: -4px;
        content: '*';
        height: 16px;
        line-height: 16px;
        font-size: 16px;
        color: #000
    }

.f-grid-rowgroup > td {
    padding: 0
}

.f-field {
    display: table
}

.f-field-fieldlabel-cell {
    vertical-align: top;
    padding: 0
}

.f-field-body-cell, .f-field-error-cell {
    vertical-align: middle;
    padding: 0
}

.f-field-body-cell {
    display: table-cell;
    width: auto;
    position: relative
}

.f-field-body-cell-inner {
    position: relative
}

.f-field-body-cell-table {
    width: auto
}

.f-field-fieldlabel-cell {
    display: table-cell
}

.f-field-error-cell {
    display: none;
    text-align: center;
    width: 22px
}

    .f-field-error-cell .f-icon {
        width: 22px;
        vertical-align: middle
    }

.f-field-msgtarget-side.f-field-error .f-field-error-cell {
    display: table-cell
}

.f-field-msgtarget-side.f-field-error .f-field-checkboxlist-item .f-field-error-cell {
    display: none
}

.f-field-label {
    margin: 5px 0;
    line-height: 20px;
    min-height: 20px
}

.f-field-body {
    width: 100%
}

.f-field-fieldlabel {
    margin-right: 5px;
    display: block;
    margin-top: 6px;
    line-height: 20px
}

    .f-field-fieldlabel .f-fieldlabel-redstar {
        color: #f00
    }

.f-field-fieldlabel-right {
    text-align: right
}

.f-field-textbox {
    padding: 5px 6px;
    border-width: 1px;
    border-style: solid;
    line-height: 20px;
    outline: none
}

.f-ie .f-field-textbox {
    height: 32px
}

.f-field-textarea {
    overflow: auto;
    resize: none;
    vertical-align: top
}

.f-field-body-cell-table {
    display: table
}

.f-field-body-cell-leftpart, .f-field-body-cell-centerpart, .f-field-body-cell-rightpart {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    position: relative
}

.f-field-body-cell-centerpart {
    width: 100%
}

.f-field-body-cell-prefix {
    display: inline-block;
    margin-top: 5px;
    white-space: nowrap;
    margin-right: 3px
}

.f-field-body-cell-suffix {
    display: inline-block;
    margin-top: 5px;
    white-space: nowrap;
    margin-left: 3px
}

.f-field-triggerbox-icons {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    margin-right: 3px
}

.f-field-triggerbox-icon.f-icon {
    min-width: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    vertical-align: top;
    min-height: 20px
}

.f-field-numberbox-wrap .f-field-triggerbox-icons {
    margin: 0;
    top: 50%;
    margin-top: -12px
}

.f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberup, .f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberdown {
    position: absolute;
    top: 0;
    right: 3px;
    margin-right: 0;
    line-height: 12px;
    height: 12px;
    font-size: 14px
}

.f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberdown {
    top: 12px
}

.f-field-fileupload-btn {
    position: relative;
    overflow: hidden
}

.f-field-fileupload-fileinput {
    position: absolute;
    cursor: pointer;
    top: -2px;
    right: -2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 1000px;
    border: none;
    zoom: 1
}

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

.f-field-fileupload-wrap.f-field-fileupload-buttononly .f-field-fileupload-table .f-field-body-cell-centerpart {
    display: none
}

.f-field-fileupload-wrap.f-field-fileupload-buttononly .f-field-fileupload-table .f-field-body-cell-rightpart {
    padding-left: 0
}

.f-field-checkbox {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(0 0 0 0);
    padding: 0
}

.f-field-checkbox-icon-wrap {
    margin: 6px 0;
    position: absolute;
    top: 0;
    left: 0
}

.f-field-checkbox-icon.f-icon {
    vertical-align: top
}

.f-field-body-checkboxlabel {
    line-height: 20px;
    margin: 6px 0;
    margin-left: 22px;
    display: inline-block
}

.f-field-checkbox-switch {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    border-radius: 12px;
    margin: 4px 0;
    padding: 0;
    border-width: 1px;
    border-style: solid
}

    .f-field-checkbox-switch:after {
        position: absolute;
        top: 1px;
        left: 1px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        content: ' '
    }

    .f-field-checkbox-switch.f-checked:after {
        left: 100%;
        margin-left: -21px;
    }

    .f-field-checkbox-switch.f-checked .f-field-checkbox-switch-text {
        margin-right: 21px;
        margin-left: 0;
        vertical-align: top
    }

    .f-field-checkbox-switch.f-checked {
        background-color: #007aff;
        border-color: #007aff;
    }


.f-state-focus.f-field-checkbox-switch.f-checked {
    background-color: #007aff;
    border-color: #007aff;
}

.f-field-checkbox-switch .f-field-checkbox-switch-text {
    margin-left: 21px;
    margin-right: 0;
    font-size: 11px;
    min-width: 22px;
    text-align: center;
    display: inline-block
}

    .f-field-checkbox-switch .f-field-checkbox-switch-text .f-icon {
        vertical-align: top;
        line-height: 22px
    }

.f-field-checkbox-switch {
    border-color: #ccc;
    background-color: #fff
}

.f-field-checkbox-switch-text {
    color: #fff
}

.f-field-checkbox-switch:after {
    background-color: #ccc;
}

.f-field-checkbox-switch .f-field-checkbox-switch-text .f-icon, .f-state-focus.f-field-checkbox-switch .f-field-checkbox-switch-text .f-icon {
    color: #fff
}

.f-field.readonly .f-icon {
    cursor: default !important
}

.f-field-checkboxlist {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.f-field-checkboxlist-item {
    padding: 0;
    vertical-align: top
}

.f-field-checkboxlist-autocolumnwidth {
    width: auto
}

    .f-field-checkboxlist-autocolumnwidth .f-field-checkboxlist-item {
        padding-right: 10px
    }

.f-field-dropdownlist-pop {
    position: absolute;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    display: none;
    z-index: 10000;
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 0;
    left: -5000px
}

    .f-field-dropdownlist-pop > li {
        cursor: pointer;
        line-height: 20px;
        border-width: 0;
        padding: 6px 7px
    }

        .f-field-dropdownlist-pop > li.f-field-dropdownlist-pop-group {
            cursor: default;
            font-weight: bold
        }

.f-field-dropdownlist-pop-checkbox > li > .f-icon {
    vertical-align: top
}

.f-field-dropdownlist-pop-checkbox > li > span {
    margin-left: 4px;
    display: inline-block
}

.f-field-dropdownlist-pop-autowidth .f-field-dropdownlist-pop > li {
    white-space: nowrap
}

.f-calendar {
    border-width: 1px;
    border-style: solid;
    overflow: hidden
}

.f-calendar-body {
    position: relative;
    padding: 5px
}

.f-calendar-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%
}

    .f-calendar-table th {
        text-align: center;
        padding: 3px 0;
        font-weight: normal;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    .f-calendar-table td {
        padding: 1px;
        min-width: 34px
    }

.f-calendar-title {
    padding: 0 25px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    line-height: 36px
}

.f-calendar-month, .f-calendar-year {
    display: inline-block;
    cursor: pointer
}

.f-calendar-day {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    line-height: 24px
}

    .f-calendar-day.f-calendar-day-prev, .f-calendar-day.f-calendar-day-next {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.f-calendar-header {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

    .f-calendar-header .f-calendar-nav {
        position: absolute;
        width: 25px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        cursor: pointer;
        text-align: center
    }

        .f-calendar-header .f-calendar-nav.f-hover, .f-calendar-header .f-calendar-year.f-hover, .f-calendar-header .f-calendar-month.f-hover, .f-calendar-footer .f-calendar-time.f-hover {
            opacity: .7;
            filter: alpha(opacity=70)
        }

    .f-calendar-header .f-calendar-prev-year {
        left: 5px
    }

    .f-calendar-header .f-calendar-prev {
        left: 30px
    }

    .f-calendar-header .f-calendar-next {
        right: 30px
    }

    .f-calendar-header .f-calendar-next-year {
        right: 5px
    }

.f-calendar-float-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.f-calendar-float-year .f-calendar-float-outer, .f-calendar-float-month .f-calendar-float-outer, .f-calendar-float-time .f-calendar-float-outer {
    display: block
}

.f-calendar-float {
    margin: 0;
    padding: 0;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    height: 100%
}

    .f-calendar-float td {
        padding: 1px;
        text-align: center;
        vertical-align: middle;
        width: 33.3%
    }

        .f-calendar-float td a {
            display: block;
            border-width: 1px;
            border-style: solid;
            border-color: transparent;
            text-align: center;
            cursor: pointer;
            line-height: 30px
        }

    .f-calendar-float.f-calendar-float-column-3 td {
        width: 33.3%
    }

    .f-calendar-float.f-calendar-float-column-2 td {
        width: 50%
    }

    .f-calendar-float.f-calendar-float-column-1 td {
        width: 100%
    }

.f-calendar-float-time .f-calendar-float td {
    border-right-width: 1px;
    border-right-style: solid
}

    .f-calendar-float-time .f-calendar-float td.f-last {
        border-right-width: 0
    }

    .f-calendar-float-time .f-calendar-float td a {
        border-width: 0
    }

    .f-calendar-float-time .f-calendar-float td .f-calendar-float-td-inner {
        position: relative;
        top: 0;
        left: 0;
        overflow: hidden;
        height: 100%
    }

.f-mobi .f-calendar-float-time .f-calendar-float td .f-calendar-float-td-inner {
    overflow: auto
}

.f-calendar-float-time .f-calendar-float td.f-hover .f-calendar-float-td-inner {
    overflow-x: hidden;
    overflow-y: auto
}

.f-calendar-float-time .f-calendar-float td .f-calendar-float-td-inner ul {
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.f-calendar-float-year .f-calendar-header .f-calendar-prev, .f-calendar-float-year .f-calendar-header .f-calendar-next, .f-calendar-float-year .f-calendar-header .f-calendar-title .f-calendar-month {
    display: none
}

.f-calendar-float-month .f-calendar-header .f-calendar-prev, .f-calendar-float-month .f-calendar-header .f-calendar-next, .f-calendar-float-month .f-calendar-header .f-calendar-title .f-calendar-month {
    display: none
}

.f-calendar-float-time .f-calendar-header .f-calendar-prev, .f-calendar-float-time .f-calendar-header .f-calendar-next, .f-calendar-float-time .f-calendar-header .f-calendar-prev-year, .f-calendar-float-time .f-calendar-header .f-calendar-next-year, .f-calendar-float-time .f-calendar-header .f-calendar-title .f-calendar-month {
    display: none
}

.f-calendar-absolute {
    position: absolute;
    top: 0;
    left: 0
}

.f-calendar-footer {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 3px 5px;
    position: relative
}

.f-calendar-time {
    display: inline-block;
    cursor: pointer;
    position: absolute
}

    .f-calendar-time > span {
        padding: 0 1px;
        line-height: 28px
    }

.f-calendar-display-time .f-calendar-time, .f-calendar-display-time .f-calendar-header {
    display: none
}

.f-calendar-actions {
    text-align: center
}

.f-calendar-display-month.f-calendar-float-year .f-calendar-year, .f-calendar-display-year.f-calendar-float-year .f-calendar-year {
    cursor: default;
    opacity: 1;
    filter: alpha(opacity=100)
}

.f-widget-content .edui-editor, .f-widget-content .edui-container, .f-widget-content .edui-default .edui-popup {
    color: #000;
    background-color: #fff
}

.f-widget-content a.cke_path_item, .f-widget-content a.cke_path_empty {
    color: #4c4c4c
}

.f-field-checkbox-wrap > .f-field-body-cell, .f-field-radiobutton-wrap > .f-field-body-cell, .f-field-label-wrap > .f-field-body-cell {
    vertical-align: top
}

.f-field.f-field-fieldlabel-top .f-field-fieldlabel-cell {
    display: table-row;
    height: 32px
}

.f-marginr {
    margin-right: 5px
}

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

.f-toolbar .f-field, .f-panel-body .f-field-checkboxlist-item > .f-field {
    margin-bottom: 0 !important
}

.f-panel-body .f-field .f-field-body-cell {
    width: 100%
}

.f-panel-body .f-field .f-field-body-cell-table {
    width: 100%
}

.f-toolbar-body .f-field .f-field-body-cell {
    width: auto
}

.f-toolbar-body .f-field .f-field-body-cell-table {
    width: auto
}

.f-formrow > .f-panel-bodyct > .f-panel-body > .f-cmp {
    margin-right: 8px
}

    .f-formrow > .f-panel-bodyct > .f-panel-body > .f-cmp.f-last {
        margin-right: 0 !important
    }

.f-tablestyle > .f-panel-bodyct > .f-panel-body {
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid
}

.f-tablestyle .f-field-fieldlabel-cell, .f-tablestyle .f-field-body-cell, .f-tablestyle .f-field-error-cell {
    border-left-width: 1px;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

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

.f-tablestyle .f-layout-column .f-field {
    margin-right: 0 !important
}

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

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

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

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

.f-tablestyle .f-field-checkbox-icon-wrap {
    margin-left: 6px
}

.f-tablestyle .f-field-body-checkboxlabel {
    margin-left: 26px
}

.f-tablestyle .f-field-msgtarget-side.f-field-error .f-field-body-cell {
    border-right-color: transparent
}

.f-tablestyle .f-field-checkboxlist-item .f-field-fieldlabel-cell, .f-tablestyle .f-field-checkboxlist-item .f-field-body-cell, .f-tablestyle .f-field-checkboxlist-item .f-field-error-cell {
    border-width: 0
}

.f-tablestyle .f-field.f-tablestyle-norightborder > .f-field-fieldlabel-cell, .f-tablestyle .f-field.f-tablestyle-norightborder > .f-field-body-cell, .f-tablestyle .f-field.f-tablestyle-norightborder > .f-field-error-cell {
    border-right-width: 0
}

.f-tablestyle .f-field.f-tablestyle-nobottomborder > .f-field-fieldlabel-cell, .f-tablestyle .f-field.f-tablestyle-nobottomborder > .f-field-body-cell, .f-tablestyle .f-field.f-tablestyle-nobottomborder > .f-field-error-cell {
    border-bottom-width: 0
}

.f-tablestyle .f-field.f-tablestyle-noleftborder > .f-field-fieldlabel-cell, .f-tablestyle .f-field.f-tablestyle-noleftborder > .f-field-body-cell, .f-tablestyle .f-field.f-tablestyle-noleftborder > .f-field-error-cell {
    border-left-width: 0
}

.f-tablestyle .f-field.f-tablestyle-notopborder > .f-field-fieldlabel-cell, .f-tablestyle .f-field.f-tablestyle-notopborder > .f-field-body-cell, .f-tablestyle .f-field.f-tablestyle-notopborder > .f-field-error-cell {
    border-top-width: 0
}

.f-datalist ul.f-datalist-list {
    padding: 0;
    list-style-type: none;
    margin: 0
}

.f-datalist-item {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.f-datalist-selectable .f-datalist-item {
    cursor: pointer
}

.f-datalist-item-inner {
    position: relative;
    padding: 6px 10px 5px;
    line-height: 20px
}

a.f-datalist-item-inner {
    display: block;
    text-decoration: none
}

.f-datalist-item.f-datalist-group {
    font-weight: bold
}

.f-datalist-checkbox.f-icon {
    margin-right: 2px;
    vertical-align: top
}

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

.f-datalist-item-icon-arrowr {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px
}

.f-datalist-item {
    border-color: #ddd !important
}

.f-layout-fit-item, .f-layout-hbox-item, .f-layout-vbox-item, .f-layout-column-item, .f-layout-absolute-item, .f-layout-region-item, .f-layout-card-item, .f-layout-block-item {
    position: absolute
}

.f-layout-card-item {
    display: none
}

.f-region-split {
    position: absolute
}

.f-region-split-icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -24px;
    height: 48px;
    border-width: 0;
    border-style: solid;
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60);
    overflow: hidden
}

.f-region-split-top .f-region-split-icon, .f-region-split-bottom .f-region-split-icon {
    top: 0;
    left: 50%;
    margin-top: 0;
    margin-left: -24px;
    width: 48px
}

.f-region-split .f-region-split-icon .f-icon {
    font-size: 12px;
    min-width: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 50%;
    margin-left: -6px;
    line-height: 12px
}

.f-region-split-transparent {
    background-color: transparent !important;
    background-image: none !important;
    z-index: 100000
}

.f-region-split.ui-draggable-dragging .f-region-split-icon {
    display: none
}

.f-region-split-left.ui-draggable, .f-region-split-right.ui-draggable {
    cursor: col-resize
}

.f-region-split-top.ui-draggable, .f-region-split-bottom.ui-draggable {
    cursor: row-resize
}

.f-region-split.ui-draggable-disabled {
    cursor: default !important
}

.f-region-cover {
    display: none;
    position: absolute;
    width: 40px;
    top: 0;
    left: 0
}

.f-layout-region-item.f-panel-collapsed > .f-region-cover {
    display: block
}

.f-panel-noheader.f-layout-region-item.f-panel-collapsed > .f-region-cover {
    display: none
}

.f-layout-region-item.f-region-left.f-panel-collapsed > .f-panel-header, .f-layout-region-item.f-region-right.f-panel-collapsed > .f-panel-header {
    display: none
}

.f-region-cover .f-tool {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    height: 41px;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

    .f-region-cover .f-tool .f-icon {
        display: inline-block;
        vertical-align: middle
    }

.f-region-cover .f-region-cover-text {
    position: absolute;
    top: 40px;
    padding-left: 10px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 0;
    -o-transform: rotate(90deg);
    -o-transform-origin: 0 0;
    transform: rotate(90deg);
    transform-origin: 0 0
}

.f-ie8 .f-region-cover-text {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.f-panel-viewport {
    position: absolute;
    top: 0;
    left: 0
}

.f-ie8 .f-tool {
    filter: none
}

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
}

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

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

.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: 4px;
    padding-bottom: 4px
}

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

.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;
    min-width: 16px
}

.f-compactmode .f-field-checkbox-switch {
    height: 20px;
    line-height: 18px;
    border-radius: 10px;
    margin: 2px 0
}

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

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

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

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

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

.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 {
    padding-top: 3px;
    padding-bottom: 3px
}

    .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 {
    padding-top: 2px;
    padding-bottom: 2px
}

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

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

.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-wrap .f-field-triggerbox-icons {
    margin-top: -12px
}

.f-compactmode .f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberup, .f-compactmode .f-field-numberbox-wrap .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-wrap .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;
    margin-left: 20px
}

.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-header > .f-panel-title {
        min-height: 28px
    }

.f-compactmode .f-tabstrip-inkbar > .f-tabstrip-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-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: 4px 10px
}

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

.f-compactmode .f-grid-bigdata .f-grid-row {
    height: 24px
}

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

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

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

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

    .f-compactmode .f-toolbar > .f-toolbar-bodyct > .f-toolbar-body {
        min-height: 24px
    }

.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-tablestyle .f-field {
    margin-bottom: 0
}

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

.f-compactmode .f-tablestyle .f-field-textbox, .f-compactmode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding-top: 6px;
    padding-bottom: 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-icon-wrap {
    margin-left: 6px
}

.f-compactmode .f-tablestyle .f-field-body-checkboxlabel {
    margin-left: 26px
}

.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: 18px
}

.f-compactmode .f-calendar-title {
    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-float td a {
    line-height: 22px
}

.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
}

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
}

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

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

.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: 6px;
    padding-bottom: 6px
}

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

.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;
    min-width: 16px
}

.f-smallmode .f-field-checkbox-switch {
    height: 22px;
    line-height: 20px;
    border-radius: 11px;
    margin: 3px 0
}

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

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

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

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

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

.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 {
    padding-top: 5px;
    padding-bottom: 5px
}

    .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 {
    padding-top: 3px;
    padding-bottom: 3px
}

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

.f-smallmode .f-btn.f-btn-large {
    padding-top: 8px;
    padding-bottom: 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-wrap .f-field-triggerbox-icons {
    margin-top: -12px
}

.f-smallmode .f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberup, .f-smallmode .f-field-numberbox-wrap .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-wrap .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;
    margin-left: 20px
}

.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-header > .f-panel-title {
        min-height: 34px
    }

.f-smallmode .f-tabstrip-inkbar > .f-tabstrip-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-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: 6px 10px
}

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

.f-smallmode .f-grid-bigdata .f-grid-row {
    height: 28px
}

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

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

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

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

    .f-smallmode .f-toolbar > .f-toolbar-bodyct > .f-toolbar-body {
        min-height: 28px
    }

.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-tablestyle .f-field {
    margin-bottom: 0
}

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

.f-smallmode .f-tablestyle .f-field-textbox, .f-smallmode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding-top: 7px;
    padding-bottom: 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-smallmode .f-tablestyle .f-field-checkbox-icon-wrap {
    margin-left: 6px
}

.f-smallmode .f-tablestyle .f-field-body-checkboxlabel {
    margin-left: 26px
}

.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: 20px
}

.f-smallmode .f-calendar-title {
    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: 26px
}

.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
}

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
}

.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: 7px;
    padding-bottom: 7px
}

.f-largemode .f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .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: 20px;
    height: 24px;
    min-width: 20px
}

.f-largemode .f-field-checkbox-switch {
    height: 28px;
    line-height: 26px;
    border-radius: 14px;
    margin: 5px 0
}

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

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

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

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

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

.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 {
    padding-top: 6px;
    padding-bottom: 6px
}

    .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 {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .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-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 10px
}

.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-wrap .f-field-triggerbox-icons {
    margin-top: -14px;
    margin-right: 0
}

.f-largemode .f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberup, .f-largemode .f-field-numberbox-wrap .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-wrap .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;
    margin-left: 26px
}

.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-tabstrip-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-header > .f-panel-title {
    min-height: 48px
}

.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: 7px 12px
}

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

.f-largemode .f-grid-colheader-trigger {
    width: 26px
}

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

    .f-largemode .f-grid-colheader-trigger .f-icon {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px
    }

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

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

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

.f-largemode .f-grid-bigdata .f-grid-row {
    height: 38px
}

.f-largemode .f-grid-rowexpander-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 > .f-toolbar-bodyct > .f-toolbar-body {
    min-height: 38px
}

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

.f-largemode .f-datalist-item-inner {
    line-height: 24px;
    padding-top: 6px;
    padding-bottom: 6px
}

.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 10px
}

.f-largemode .f-tablestyle .f-field-textbox, .f-largemode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding: 8px 10px;
    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-icon-wrap {
    margin-left: 10px
}

.f-largemode .f-tablestyle .f-field-body-checkboxlabel {
    margin-left: 34px
}

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

.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-title {
    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-float td a {
    line-height: 36px
}

.f-largemode .f-pagingtoolbar .f-btn.f-grid-pager.f-btn-icon-only {
    padding-left: 6px;
    padding-right: 6px
}

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

.f-largemode .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px
}

.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
}

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
}

.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: 7px;
    padding-bottom: 7px
}

.f-largespacemode .f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .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: 18px;
    height: 24px;
    min-width: 18px
}

.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 {
    padding-top: 6px;
    padding-bottom: 6px
}

    .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 {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .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-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 10px
}

.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-wrap .f-field-triggerbox-icons {
    margin-top: -14px;
    margin-right: 0
}

.f-largespacemode .f-field-numberbox-wrap .f-field-triggerbox-icon.f-triggericon-numberup, .f-largespacemode .f-field-numberbox-wrap .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-wrap .f-field-triggerbox-icon.f-triggericon-numberdown {
    top: 14px
}

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

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

.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-tabstrip-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-header > .f-panel-title {
    min-height: 48px
}

.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: 7px 12px
}

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

.f-largespacemode .f-grid-colheader-trigger {
    width: 26px
}

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

    .f-largespacemode .f-grid-colheader-trigger .f-icon {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px
    }

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

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

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

.f-largespacemode .f-grid-bigdata .f-grid-row {
    height: 38px
}

.f-largespacemode .f-grid-rowexpander-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 > .f-toolbar-bodyct > .f-toolbar-body {
    min-height: 38px
}

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

.f-largespacemode .f-datalist-item-inner {
    line-height: 24px;
    padding-top: 6px;
    padding-bottom: 6px
}

.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 10px
}

.f-largespacemode .f-tablestyle .f-field-textbox, .f-largespacemode .f-tablestyle .f-field-label {
    border-width: 0;
    border-radius: 0;
    padding: 8px 10px;
    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-icon-wrap {
    margin-left: 10px
}

.f-largespacemode .f-tablestyle .f-field-body-checkboxlabel {
    margin-left: 30px
}

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

.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-title {
    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-float td a {
    line-height: 36px
}

.f-largespacemode .f-pagingtoolbar .f-btn.f-grid-pager.f-btn-icon-only {
    padding-left: 6px;
    padding-right: 6px
}

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

.f-largespacemode .f-pagingtoolbar .f-grid-pager-numberbutton ul li.f-btn {
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px
}

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

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

#f_ui_icon:before, .f-menu-item-icon-arrowr.f-icon:before, .f-tree-cell-icon.f-tree-expander:before {
    content: ""
}

.f-smtree-icon.collapse.f-icon:before, .f-btn .f-btn-icon-arrowd.f-icon:before, .f-field-triggerbox-icon.f-triggericon-arrowdown:before, .f-field-triggerbox-icon.f-triggericon-numberdown:before, .f-grid-colheader-trigger .f-icon:before {
    content: ""
}

.f-grid-colheader-trigger.f-grid-colheader-trigger-filter .f-icon:before {
    content: ""
}

.f-field-triggerbox-icon.f-triggericon-numberup:before, .f-panel.f-grouppanel > .f-panel-header .f-tool.f-tool-toggle .f-icon:before {
    content: ""
}

.f-panel > .f-panel-header .f-tool.f-tool-toggle .f-icon:before, .f-region-split-top .f-region-split-icon .f-icon:before, .f-region-split-bottom.f-panel-collapsed .f-region-split-icon .f-icon:before {
    content: ""
}

.f-panel.f-region-bottom > .f-panel-header .f-tool.f-tool-toggle .f-icon:before, .f-region-split-top.f-panel-collapsed .f-region-split-icon .f-icon:before, .f-region-split-bottom .f-region-split-icon .f-icon:before {
    content: ""
}

.f-field-triggerbox-icon.f-triggericon-search:before {
    content: ""
}

.f-field-triggerbox-icon.f-triggericon-clear:before {
    content: ""
}

.f-field-triggerbox-icon.f-triggericon-date:before {
    content: ""
}

.f-field-triggerbox-icon.f-triggericon-time:before {
    content: ""
}

.f-field-triggerbox-icon.f-triggericon-list:before {
    content: ""
}

.f-datalist-item-icon-arrowr.f-icon:before {
    content: ""
}

.f-region-left.f-panel-collapsed > .f-panel-header > .f-panel-tools > .f-tool.f-tool-toggle .f-icon:before, .f-region-left.f-panel-collapsed > .f-region-cover > .f-tool.f-tool-toggle .f-icon:before, .f-region-right > .f-panel-header > .f-panel-tools > .f-tool.f-tool-toggle .f-icon:before, .f-panel-collapsed .f-region-split-icon .f-icon:before, .f-region-split-right .f-region-split-icon .f-icon:before, .f-tabstrip .f-tabstrip-scroller-end .f-icon:before, .f-calendar-header .f-calendar-next .f-icon:before {
    content: ""
}

.f-region-left > .f-panel-header > .f-panel-tools > .f-tool.f-tool-toggle .f-icon:before, .f-region-right.f-panel-collapsed > .f-panel-header > .f-panel-tools > .f-tool.f-tool-toggle .f-icon:before, .f-region-right.f-panel-collapsed > .f-region-cover > .f-tool.f-tool-toggle .f-icon:before, .f-region-split-icon .f-icon:before, .f-panel-collapsed.f-region-split-right .f-region-split-icon .f-icon:before, .f-tabstrip .f-tabstrip-scroller-start .f-icon:before, .f-calendar-header .f-calendar-prev .f-icon:before {
    content: ""
}

.f-calendar-header .f-calendar-next-year .f-icon:before {
    content: ""
}

.f-calendar-header .f-calendar-prev-year .f-icon:before {
    content: ""
}

.f-grid-colheader.f-grid-sortable.f-grid-sort-ASC .f-grid-colheader-text .f-grid-sort-icon:before {
    content: ""
}

.f-grid-colheader.f-grid-sortable.f-grid-sort-DESC .f-grid-colheader-text .f-grid-sort-icon:before {
    content: ""
}

.f-grid-static-checkbox.f-icon:before {
    content: ""
}

.f-grid-static-checkbox.f-checked.f-icon:before, .f-menu-item-icon.f-menu-radiobutton.f-checked:before {
    content: ""
}

.f-grid-rowexpander-icon.f-icon:before {
    content: ""
}

.f-grid-rowexpander-collapsed .f-grid-rowexpander-icon.f-icon:before {
    content: ""
}

.f-messagebox-icon.f-messageicon-information:before {
    content: ""
}

.f-messagebox-icon.f-messageicon-question:before {
    content: ""
}

.f-messagebox-icon.f-messageicon-warning:before {
    content: ""
}

.f-messagebox-icon.f-messageicon-success:before {
    content: ""
}

.f-messagebox-icon.f-messageicon-error:before {
    content: ""
}

.f-window .f-tool.f-tool-maximize .f-icon:before {
    content: ""
}

.f-window.f-window-maximized .f-tool.f-tool-maximize .f-icon:before {
    content: ""
}

.f-grid-colheader-dragmarker > .f-icon.top:before {
    content: ""
}

.f-grid-colheader-dragmarker > .f-icon.bottom:before {
    content: ""
}

.f-grid-colheader-dragger > .f-icon:before {
    content: ""
}

.f-grid-colheader-dragger.f-state-error > .f-icon:before {
    content: ""
}

 .f-icon-glass:before {
    content: ""
}

.f-icon-music:before {
    content: ""
}

.f-icon-search:before {
    content: ""
}

.f-icon-envelope-o:before {
    content: ""
}

.f-icon-heart:before {
    content: ""
}

.f-icon-star:before {
    content: ""
}

.f-icon-star-o:before {
    content: ""
}

.f-icon-user:before {
    content: ""
}

.f-icon-film:before {
    content: ""
}

.f-icon-th-large:before {
    content: ""
}

.f-icon-th:before {
    content: ""
}

.f-icon-th-list:before {
    content: ""
}

.f-icon-check:before {
    content: ""
}

.f-icon-remove:before, .f-icon-close:before, .f-icon-times:before {
    content: ""
}

.f-icon-search-plus:before {
    content: ""
}

.f-icon-search-minus:before {
    content: ""
}

.f-icon-power-off:before {
    content: ""
}

.f-icon-signal:before {
    content: ""
}

.f-icon-gear:before, .f-icon-cog:before {
    content: ""
}

.f-icon-trash-o:before {
    content: ""
}

.f-icon-home:before {
    content: ""
}

.f-icon-file-o:before {
    content: ""
}

.f-icon-clock-o:before {
    content: ""
}

.f-icon-road:before {
    content: ""
}

.f-icon-download:before {
    content: ""
}

.f-icon-arrow-circle-o-down:before {
    content: ""
}

.f-icon-arrow-circle-o-up:before {
    content: ""
}

.f-icon-inbox:before {
    content: ""
}

.f-icon-play-circle-o:before {
    content: ""
}

.f-icon-rotate-right:before, .f-icon-repeat:before {
    content: ""
}

.f-icon-refresh:before {
    content: ""
}

.f-icon-list-alt:before {
    content: ""
}

.f-icon-lock:before {
    content: ""
}

.f-icon-flag:before {
    content: ""
}

.f-icon-headphones:before {
    content: ""
}

.f-icon-volume-off:before {
    content: ""
}

.f-icon-volume-down:before {
    content: ""
}

.f-icon-volume-up:before {
    content: ""
}

.f-icon-qrcode:before {
    content: ""
}

.f-icon-barcode:before {
    content: ""
}

.f-icon-tag:before {
    content: ""
}

.f-icon-tags:before {
    content: ""
}

.f-icon-book:before {
    content: ""
}

.f-icon-bookmark:before {
    content: ""
}

.f-icon-print:before {
    content: ""
}

.f-icon-camera:before {
    content: ""
}

.f-icon-font:before {
    content: ""
}

.f-icon-bold:before {
    content: ""
}

.f-icon-italic:before {
    content: ""
}

.f-icon-text-height:before {
    content: ""
}

.f-icon-text-width:before {
    content: ""
}

.f-icon-align-left:before {
    content: ""
}

.f-icon-align-center:before {
    content: ""
}

.f-icon-align-right:before {
    content: ""
}

.f-icon-align-justify:before {
    content: ""
}

.f-icon-list:before {
    content: ""
}

.f-icon-dedent:before, .f-icon-outdent:before {
    content: ""
}

.f-icon-indent:before {
    content: ""
}

.f-icon-video-camera:before {
    content: ""
}

.f-icon-photo:before, .f-icon-image:before, .f-icon-picture-o:before {
    content: ""
}

.f-icon-pencil:before {
    content: ""
}

.f-icon-map-marker:before {
    content: ""
}

.f-icon-adjust:before {
    content: ""
}

.f-icon-tint:before {
    content: ""
}

.f-icon-edit:before, .f-icon-pencil-square-o:before {
    content: ""
}

.f-icon-share-square-o:before {
    content: ""
}

.f-icon-check-square-o:before {
    content: ""
}

.f-icon-arrows:before {
    content: ""
}

.f-icon-step-backward:before {
    content: ""
}

.f-icon-fast-backward:before {
    content: ""
}

.f-icon-backward:before {
    content: ""
}

.f-icon-play:before {
    content: ""
}

.f-icon-pause:before {
    content: ""
}

.f-icon-stop:before {
    content: ""
}

.f-icon-forward:before {
    content: ""
}

.f-icon-fast-forward:before {
    content: ""
}

.f-icon-step-forward:before {
    content: ""
}

.f-icon-eject:before {
    content: ""
}

.f-icon-chevron-left:before {
    content: ""
}

.f-icon-chevron-right:before {
    content: ""
}

.f-icon-plus-circle:before {
    content: ""
}

.f-icon-minus-circle:before {
    content: ""
}

.f-icon-times-circle:before {
    content: ""
}

.f-icon-check-circle:before {
    content: ""
}

.f-icon-question-circle:before {
    content: ""
}

.f-icon-info-circle:before {
    content: ""
}

.f-icon-crosshairs:before {
    content: ""
}

.f-icon-times-circle-o:before {
    content: ""
}

.f-icon-check-circle-o:before {
    content: ""
}

.f-icon-ban:before {
    content: ""
}

.f-icon-arrow-left:before {
    content: ""
}

.f-icon-arrow-right:before {
    content: ""
}

.f-icon-arrow-up:before {
    content: ""
}

.f-icon-arrow-down:before {
    content: ""
}

.f-icon-mail-forward:before, .f-icon-share:before {
    content: ""
}

.f-icon-expand:before {
    content: ""
}

.f-icon-compress:before {
    content: ""
}

.f-icon-plus:before {
    content: ""
}

.f-icon-minus:before {
    content: ""
}

.f-icon-asterisk:before {
    content: ""
}

.f-icon-exclamation-circle:before {
    content: ""
}

.f-icon-gift:before {
    content: ""
}

.f-icon-leaf:before {
    content: ""
}

.f-icon-fire:before {
    content: ""
}

.f-icon-eye:before {
    content: ""
}

.f-icon-eye-slash:before {
    content: ""
}

.f-icon-warning:before, .f-icon-exclamation-triangle:before {
    content: ""
}

.f-icon-plane:before {
    content: ""
}

.f-icon-calendar:before {
    content: ""
}

.f-icon-random:before {
    content: ""
}

.f-icon-comment:before {
    content: ""
}

.f-icon-magnet:before {
    content: ""
}

.f-icon-chevron-up:before {
    content: ""
}

.f-icon-chevron-down:before {
    content: ""
}

.f-icon-retweet:before {
    content: ""
}

.f-icon-shopping-cart:before {
    content: ""
}

.f-icon-folder:before {
    content: ""
}

.f-icon-folder-open:before {
    content: ""
}

.f-icon-arrows-v:before {
    content: ""
}

.f-icon-arrows-h:before {
    content: ""
}

.f-icon-bar-chart-o:before, .f-icon-bar-chart:before {
    content: ""
}

.f-icon-twitter-square:before {
    content: ""
}

.f-icon-facebook-square:before {
    content: ""
}

.f-icon-camera-retro:before {
    content: ""
}

.f-icon-key:before {
    content: ""
}

.f-icon-gears:before, .f-icon-cogs:before {
    content: ""
}

.f-icon-comments:before {
    content: ""
}

.f-icon-thumbs-o-up:before {
    content: ""
}

.f-icon-thumbs-o-down:before {
    content: ""
}

.f-icon-star-half:before {
    content: ""
}

.f-icon-heart-o:before {
    content: ""
}

.f-icon-sign-out:before {
    content: ""
}

.f-icon-linkedin-square:before {
    content: ""
}

.f-icon-thumb-tack:before {
    content: ""
}

.f-icon-external-link:before {
    content: ""
}

.f-icon-sign-in:before {
    content: ""
}

.f-icon-trophy:before {
    content: ""
}

.f-icon-github-square:before {
    content: ""
}

.f-icon-upload:before {
    content: ""
}

.f-icon-lemon-o:before {
    content: ""
}

.f-icon-phone:before {
    content: ""
}

.f-icon-square-o:before {
    content: ""
}

.f-icon-bookmark-o:before {
    content: ""
}

.f-icon-phone-square:before {
    content: ""
}

.f-icon-twitter:before {
    content: ""
}

.f-icon-facebook-f:before, .f-icon-facebook:before {
    content: ""
}

.f-icon-github:before {
    content: ""
}

.f-icon-unlock:before {
    content: ""
}

.f-icon-credit-card:before {
    content: ""
}

.f-icon-feed:before, .f-icon-rss:before {
    content: ""
}

.f-icon-hdd-o:before {
    content: ""
}

.f-icon-bullhorn:before {
    content: ""
}

.f-icon-bell:before {
    content: ""
}

.f-icon-certificate:before {
    content: ""
}

.f-icon-hand-o-right:before {
    content: ""
}

.f-icon-hand-o-left:before {
    content: ""
}

.f-icon-hand-o-up:before {
    content: ""
}

.f-icon-hand-o-down:before {
    content: ""
}

.f-icon-arrow-circle-left:before {
    content: ""
}

.f-icon-arrow-circle-right:before {
    content: ""
}

.f-icon-arrow-circle-up:before {
    content: ""
}

.f-icon-arrow-circle-down:before {
    content: ""
}

.f-icon-globe:before {
    content: ""
}

.f-icon-wrench:before {
    content: ""
}

.f-icon-tasks:before {
    content: ""
}

.f-icon-filter:before {
    content: ""
}

.f-icon-briefcase:before {
    content: ""
}

.f-icon-arrows-alt:before {
    content: ""
}

.f-icon-group:before, .f-icon-users:before {
    content: ""
}

.f-icon-chain:before, .f-icon-link:before {
    content: ""
}

.f-icon-cloud:before {
    content: ""
}

.f-icon-flask:before {
    content: ""
}

.f-icon-cut:before, .f-icon-scissors:before {
    content: ""
}

.f-icon-copy:before, .f-icon-files-o:before {
    content: ""
}

.f-icon-paperclip:before {
    content: ""
}

.f-icon-save:before, .f-icon-floppy-o:before {
    content: ""
}

.f-icon-square:before {
    content: ""
}

.f-icon-navicon:before, .f-icon-reorder:before, .f-icon-bars:before {
    content: ""
}

.f-icon-list-ul:before {
    content: ""
}

.f-icon-list-ol:before {
    content: ""
}

.f-icon-strikethrough:before {
    content: ""
}

.f-icon-underline:before {
    content: ""
}

.f-icon-table:before {
    content: ""
}

.f-icon-magic:before {
    content: ""
}

.f-icon-truck:before {
    content: ""
}

.f-icon-pinterest:before {
    content: ""
}

.f-icon-pinterest-square:before {
    content: ""
}

.f-icon-google-plus-square:before {
    content: ""
}

.f-icon-google-plus:before {
    content: ""
}

.f-icon-money:before {
    content: ""
}

.f-icon-caret-down:before {
    content: ""
}

.f-icon-caret-up:before {
    content: ""
}

.f-icon-caret-left:before {
    content: ""
}

.f-icon-caret-right:before {
    content: ""
}

.f-icon-columns:before {
    content: ""
}

.f-icon-unsorted:before, .f-icon-sort:before {
    content: ""
}

.f-icon-sort-down:before, .f-icon-sort-desc:before {
    content: ""
}

.f-icon-sort-up:before, .f-icon-sort-asc:before {
    content: ""
}

.f-icon-envelope:before {
    content: ""
}

.f-icon-linkedin:before {
    content: ""
}

.f-icon-rotate-left:before, .f-icon-undo:before {
    content: ""
}

.f-icon-legal:before, .f-icon-gavel:before {
    content: ""
}

.f-icon-dashboard:before, .f-icon-tachometer:before {
    content: ""
}

.f-icon-comment-o:before {
    content: ""
}

.f-icon-comments-o:before {
    content: ""
}

.f-icon-flash:before, .f-icon-bolt:before {
    content: ""
}

.f-icon-sitemap:before {
    content: ""
}

.f-icon-umbrella:before {
    content: ""
}

.f-icon-paste:before, .f-icon-clipboard:before {
    content: ""
}

.f-icon-lightbulb-o:before {
    content: ""
}

.f-icon-exchange:before {
    content: ""
}

.f-icon-cloud-download:before {
    content: ""
}

.f-icon-cloud-upload:before {
    content: ""
}

.f-icon-user-md:before {
    content: ""
}

.f-icon-stethoscope:before {
    content: ""
}

.f-icon-suitcase:before {
    content: ""
}

.f-icon-bell-o:before {
    content: ""
}

.f-icon-coffee:before {
    content: ""
}

.f-icon-cutlery:before {
    content: ""
}

.f-icon-file-text-o:before {
    content: ""
}

.f-icon-building-o:before {
    content: ""
}

.f-icon-hospital-o:before {
    content: ""
}

.f-icon-ambulance:before {
    content: ""
}

.f-icon-medkit:before {
    content: ""
}

.f-icon-fighter-jet:before {
    content: ""
}

.f-icon-beer:before {
    content: ""
}

.f-icon-h-square:before {
    content: ""
}

.f-icon-plus-square:before {
    content: ""
}

.f-icon-angle-double-left:before {
    content: ""
}

.f-icon-angle-double-right:before {
    content: ""
}

.f-icon-angle-double-up:before {
    content: ""
}

.f-icon-angle-double-down:before {
    content: ""
}

.f-icon-angle-left:before {
    content: ""
}

.f-icon-angle-right:before {
    content: ""
}

.f-icon-angle-up:before {
    content: ""
}

.f-icon-angle-down:before {
    content: ""
}

.f-icon-desktop:before {
    content: ""
}

.f-icon-laptop:before {
    content: ""
}

.f-icon-tablet:before {
    content: ""
}

.f-icon-mobile-phone:before, .f-icon-mobile:before {
    content: ""
}

.f-icon-circle-o:before {
    content: ""
}

.f-icon-quote-left:before {
    content: ""
}

.f-icon-quote-right:before {
    content: ""
}

.f-icon-spinner:before {
    content: ""
}

.f-icon-circle:before {
    content: ""
}

.f-icon-mail-reply:before, .f-icon-reply:before {
    content: ""
}

.f-icon-github-alt:before {
    content: ""
}

.f-icon-folder-o:before {
    content: ""
}

.f-icon-folder-open-o:before {
    content: ""
}

.f-icon-smile-o:before {
    content: ""
}

.f-icon-frown-o:before {
    content: ""
}

.f-icon-meh-o:before {
    content: ""
}

.f-icon-gamepad:before {
    content: ""
}

.f-icon-keyboard-o:before {
    content: ""
}

.f-icon-flag-o:before {
    content: ""
}

.f-icon-flag-checkered:before {
    content: ""
}

.f-icon-terminal:before {
    content: ""
}

.f-icon-code:before {
    content: ""
}

.f-icon-mail-reply-all:before, .f-icon-reply-all:before {
    content: ""
}

.f-icon-star-half-empty:before, .f-icon-star-half-full:before, .f-icon-star-half-o:before {
    content: ""
}

.f-icon-location-arrow:before {
    content: ""
}

.f-icon-crop:before {
    content: ""
}

.f-icon-code-fork:before {
    content: ""
}

.f-icon-unlink:before, .f-icon-chain-broken:before {
    content: ""
}

.f-icon-question:before {
    content: ""
}

.f-icon-info:before {
    content: ""
}

.f-icon-exclamation:before {
    content: ""
}

.f-icon-superscript:before {
    content: ""
}

.f-icon-subscript:before {
    content: ""
}

.f-icon-eraser:before {
    content: ""
}

.f-icon-puzzle-piece:before {
    content: ""
}

.f-icon-microphone:before {
    content: ""
}

.f-icon-microphone-slash:before {
    content: ""
}

.f-icon-shield:before {
    content: ""
}

.f-icon-calendar-o:before {
    content: ""
}

.f-icon-fire-extinguisher:before {
    content: ""
}

.f-icon-rocket:before {
    content: ""
}

.f-icon-maxcdn:before {
    content: ""
}

.f-icon-chevron-circle-left:before {
    content: ""
}

.f-icon-chevron-circle-right:before {
    content: ""
}

.f-icon-chevron-circle-up:before {
    content: ""
}

.f-icon-chevron-circle-down:before {
    content: ""
}

.f-icon-html5:before {
    content: ""
}

.f-icon-css3:before {
    content: ""
}

.f-icon-anchor:before {
    content: ""
}

.f-icon-unlock-alt:before {
    content: ""
}

.f-icon-bullseye:before {
    content: ""
}

.f-icon-ellipsis-h:before {
    content: ""
}

.f-icon-ellipsis-v:before {
    content: ""
}

.f-icon-rss-square:before {
    content: ""
}

.f-icon-play-circle:before {
    content: ""
}

.f-icon-ticket:before {
    content: ""
}

.f-icon-minus-square:before {
    content: ""
}

.f-icon-minus-square-o:before {
    content: ""
}

.f-icon-level-up:before {
    content: ""
}

.f-icon-level-down:before {
    content: ""
}

.f-icon-check-square:before {
    content: ""
}

.f-icon-pencil-square:before {
    content: ""
}

.f-icon-external-link-square:before {
    content: ""
}

.f-icon-share-square:before {
    content: ""
}

.f-icon-compass:before {
    content: ""
}

.f-icon-toggle-down:before, .f-icon-caret-square-o-down:before {
    content: ""
}

.f-icon-toggle-up:before, .f-icon-caret-square-o-up:before {
    content: ""
}

.f-icon-toggle-right:before, .f-icon-caret-square-o-right:before {
    content: ""
}

.f-icon-euro:before, .f-icon-eur:before {
    content: ""
}

.f-icon-gbp:before {
    content: ""
}

.f-icon-dollar:before, .f-icon-usd:before {
    content: ""
}

.f-icon-rupee:before, .f-icon-inr:before {
    content: ""
}

.f-icon-cny:before, .f-icon-rmb:before, .f-icon-yen:before, .f-icon-jpy:before {
    content: ""
}

.f-icon-ruble:before, .f-icon-rouble:before, .f-icon-rub:before {
    content: ""
}

.f-icon-won:before, .f-icon-krw:before {
    content: ""
}

.f-icon-bitcoin:before, .f-icon-btc:before {
    content: ""
}

.f-icon-file:before {
    content: ""
}

.f-icon-file-text:before {
    content: ""
}

.f-icon-sort-alpha-asc:before {
    content: ""
}

.f-icon-sort-alpha-desc:before {
    content: ""
}

.f-icon-sort-amount-asc:before {
    content: ""
}

.f-icon-sort-amount-desc:before {
    content: ""
}

.f-icon-sort-numeric-asc:before {
    content: ""
}

.f-icon-sort-numeric-desc:before {
    content: ""
}

.f-icon-thumbs-up:before {
    content: ""
}

.f-icon-thumbs-down:before {
    content: ""
}

.f-icon-youtube-square:before {
    content: ""
}

.f-icon-youtube:before {
    content: ""
}

.f-icon-xing:before {
    content: ""
}

.f-icon-xing-square:before {
    content: ""
}

.f-icon-youtube-play:before {
    content: ""
}

.f-icon-dropbox:before {
    content: ""
}

.f-icon-stack-overflow:before {
    content: ""
}

.f-icon-instagram:before {
    content: ""
}

.f-icon-flickr:before {
    content: ""
}

.f-icon-adn:before {
    content: ""
}

.f-icon-bitbucket:before {
    content: ""
}

.f-icon-bitbucket-square:before {
    content: ""
}

.f-icon-tumblr:before {
    content: ""
}

.f-icon-tumblr-square:before {
    content: ""
}

.f-icon-long-arrow-down:before {
    content: ""
}

.f-icon-long-arrow-up:before {
    content: ""
}

.f-icon-long-arrow-left:before {
    content: ""
}

.f-icon-long-arrow-right:before {
    content: ""
}

.f-icon-apple:before {
    content: ""
}

.f-icon-windows:before {
    content: ""
}

.f-icon-android:before {
    content: ""
}

.f-icon-linux:before {
    content: ""
}

.f-icon-dribbble:before {
    content: ""
}

.f-icon-skype:before {
    content: ""
}

.f-icon-foursquare:before {
    content: ""
}

.f-icon-trello:before {
    content: ""
}

.f-icon-female:before {
    content: ""
}

.f-icon-male:before {
    content: ""
}

.f-icon-gittip:before, .f-icon-gratipay:before {
    content: ""
}

.f-icon-sun-o:before {
    content: ""
}

.f-icon-moon-o:before {
    content: ""
}

.f-icon-archive:before {
    content: ""
}

.f-icon-bug:before {
    content: ""
}

.f-icon-vk:before {
    content: ""
}

.f-icon-weibo:before {
    content: ""
}

.f-icon-renren:before {
    content: ""
}

.f-icon-pagelines:before {
    content: ""
}

.f-icon-stack-exchange:before {
    content: ""
}

.f-icon-arrow-circle-o-right:before {
    content: ""
}

.f-icon-arrow-circle-o-left:before {
    content: ""
}

.f-icon-toggle-left:before, .f-icon-caret-square-o-left:before {
    content: ""
}

.f-icon-dot-circle-o:before {
    content: ""
}

.f-icon-wheelchair:before {
    content: ""
}

.f-icon-vimeo-square:before {
    content: ""
}

.f-icon-turkish-lira:before, .f-icon-try:before {
    content: ""
}

.f-icon-plus-square-o:before {
    content: ""
}

.f-icon-space-shuttle:before {
    content: ""
}

.f-icon-slack:before {
    content: ""
}

.f-icon-envelope-square:before {
    content: ""
}

.f-icon-wordpress:before {
    content: ""
}

.f-icon-openid:before {
    content: ""
}

.f-icon-institution:before, .f-icon-bank:before, .f-icon-university:before {
    content: ""
}

.f-icon-mortar-board:before, .f-icon-graduation-cap:before {
    content: ""
}

.f-icon-yahoo:before {
    content: ""
}

.f-icon-google:before {
    content: ""
}

.f-icon-reddit:before {
    content: ""
}

.f-icon-reddit-square:before {
    content: ""
}

.f-icon-stumbleupon-circle:before {
    content: ""
}

.f-icon-stumbleupon:before {
    content: ""
}

.f-icon-delicious:before {
    content: ""
}

.f-icon-digg:before {
    content: ""
}

.f-icon-pied-piper-pp:before {
    content: ""
}

.f-icon-pied-piper-alt:before {
    content: ""
}

.f-icon-drupal:before {
    content: ""
}

.f-icon-joomla:before {
    content: ""
}

.f-icon-language:before {
    content: ""
}

.f-icon-fax:before {
    content: ""
}

.f-icon-building:before {
    content: ""
}

.f-icon-child:before {
    content: ""
}

.f-icon-paw:before {
    content: ""
}

.f-icon-spoon:before {
    content: ""
}

.f-icon-cube:before {
    content: ""
}

.f-icon-cubes:before {
    content: ""
}

.f-icon-behance:before {
    content: ""
}

.f-icon-behance-square:before {
    content: ""
}

.f-icon-steam:before {
    content: ""
}

.f-icon-steam-square:before {
    content: ""
}

.f-icon-recycle:before {
    content: ""
}

.f-icon-automobile:before, .f-icon-car:before {
    content: ""
}

.f-icon-cab:before, .f-icon-taxi:before {
    content: ""
}

.f-icon-tree:before {
    content: ""
}

.f-icon-spotify:before {
    content: ""
}

.f-icon-deviantart:before {
    content: ""
}

.f-icon-soundcloud:before {
    content: ""
}

.f-icon-database:before {
    content: ""
}

.f-icon-file-pdf-o:before {
    content: ""
}

.f-icon-file-word-o:before {
    content: ""
}

.f-icon-file-excel-o:before {
    content: ""
}

.f-icon-file-powerpoint-o:before {
    content: ""
}

.f-icon-file-photo-o:before, .f-icon-file-picture-o:before, .f-icon-file-image-o:before {
    content: ""
}

.f-icon-file-zip-o:before, .f-icon-file-archive-o:before {
    content: ""
}

.f-icon-file-sound-o:before, .f-icon-file-audio-o:before {
    content: ""
}

.f-icon-file-movie-o:before, .f-icon-file-video-o:before {
    content: ""
}

.f-icon-file-code-o:before {
    content: ""
}

.f-icon-vine:before {
    content: ""
}

.f-icon-codepen:before {
    content: ""
}

.f-icon-jsfiddle:before {
    content: ""
}

.f-icon-life-bouy:before, .f-icon-life-buoy:before, .f-icon-life-saver:before, .f-icon-support:before, .f-icon-life-ring:before {
    content: ""
}

.f-icon-circle-o-notch:before {
    content: ""
}

.f-icon-ra:before, .f-icon-resistance:before, .f-icon-rebel:before {
    content: ""
}

.f-icon-ge:before, .f-icon-empire:before {
    content: ""
}

.f-icon-git-square:before {
    content: ""
}

.f-icon-git:before {
    content: ""
}

.f-icon-y-combinator-square:before, .f-icon-yc-square:before, .f-icon-hacker-news:before {
    content: ""
}

.f-icon-tencent-weibo:before {
    content: ""
}

.f-icon-qq:before {
    content: ""
}

.f-icon-wechat:before, .f-icon-weixin:before {
    content: ""
}

.f-icon-send:before, .f-icon-paper-plane:before {
    content: ""
}

.f-icon-send-o:before, .f-icon-paper-plane-o:before {
    content: ""
}

.f-icon-history:before {
    content: ""
}

.f-icon-circle-thin:before {
    content: ""
}

.f-icon-header:before {
    content: ""
}

.f-icon-paragraph:before {
    content: ""
}

.f-icon-sliders:before {
    content: ""
}

.f-icon-share-alt:before {
    content: ""
}

.f-icon-share-alt-square:before {
    content: ""
}

.f-icon-bomb:before {
    content: ""
}

.f-icon-soccer-ball-o:before, .f-icon-futbol-o:before {
    content: ""
}

.f-icon-tty:before {
    content: ""
}

.f-icon-binoculars:before {
    content: ""
}

.f-icon-plug:before {
    content: ""
}

.f-icon-slideshare:before {
    content: ""
}

.f-icon-twitch:before {
    content: ""
}

.f-icon-yelp:before {
    content: ""
}

.f-icon-newspaper-o:before {
    content: ""
}

.f-icon-wifi:before {
    content: ""
}

.f-icon-calculator:before {
    content: ""
}

.f-icon-paypal:before {
    content: ""
}

.f-icon-google-wallet:before {
    content: ""
}

.f-icon-cc-visa:before {
    content: ""
}

.f-icon-cc-mastercard:before {
    content: ""
}

.f-icon-cc-discover:before {
    content: ""
}

.f-icon-cc-amex:before {
    content: ""
}

.f-icon-cc-paypal:before {
    content: ""
}

.f-icon-cc-stripe:before {
    content: ""
}

.f-icon-bell-slash:before {
    content: ""
}

.f-icon-bell-slash-o:before {
    content: ""
}

.f-icon-trash:before {
    content: ""
}

.f-icon-copyright:before {
    content: ""
}

.f-icon-at:before {
    content: ""
}

.f-icon-eyedropper:before {
    content: ""
}

.f-icon-paint-brush:before {
    content: ""
}

.f-icon-birthday-cake:before {
    content: ""
}

.f-icon-area-chart:before {
    content: ""
}

.f-icon-pie-chart:before {
    content: ""
}

.f-icon-line-chart:before {
    content: ""
}

.f-icon-lastfm:before {
    content: ""
}

.f-icon-lastfm-square:before {
    content: ""
}

.f-icon-toggle-off:before {
    content: ""
}

.f-icon-toggle-on:before {
    content: ""
}

.f-icon-bicycle:before {
    content: ""
}

.f-icon-bus:before {
    content: ""
}

.f-icon-ioxhost:before {
    content: ""
}

.f-icon-angellist:before {
    content: ""
}

.f-icon-cc:before {
    content: ""
}

.f-icon-shekel:before, .f-icon-sheqel:before, .f-icon-ils:before {
    content: ""
}

.f-icon-meanpath:before {
    content: ""
}

.f-icon-buysellads:before {
    content: ""
}

.f-icon-connectdevelop:before {
    content: ""
}

.f-icon-dashcube:before {
    content: ""
}

.f-icon-forumbee:before {
    content: ""
}

.f-icon-leanpub:before {
    content: ""
}

.f-icon-sellsy:before {
    content: ""
}

.f-icon-shirtsinbulk:before {
    content: ""
}

.f-icon-simplybuilt:before {
    content: ""
}

.f-icon-skyatlas:before {
    content: ""
}

.f-icon-cart-plus:before {
    content: ""
}

.f-icon-cart-arrow-down:before {
    content: ""
}

.f-icon-diamond:before {
    content: ""
}

.f-icon-ship:before {
    content: ""
}

.f-icon-user-secret:before {
    content: ""
}

.f-icon-motorcycle:before {
    content: ""
}

.f-icon-street-view:before {
    content: ""
}

.f-icon-heartbeat:before {
    content: ""
}

.f-icon-venus:before {
    content: ""
}

.f-icon-mars:before {
    content: ""
}

.f-icon-mercury:before {
    content: ""
}

.f-icon-intersex:before, .f-icon-transgender:before {
    content: ""
}

.f-icon-transgender-alt:before {
    content: ""
}

.f-icon-venus-double:before {
    content: ""
}

.f-icon-mars-double:before {
    content: ""
}

.f-icon-venus-mars:before {
    content: ""
}

.f-icon-mars-stroke:before {
    content: ""
}

.f-icon-mars-stroke-v:before {
    content: ""
}

.f-icon-mars-stroke-h:before {
    content: ""
}

.f-icon-neuter:before {
    content: ""
}

.f-icon-genderless:before {
    content: ""
}

.f-icon-facebook-official:before {
    content: ""
}

.f-icon-pinterest-p:before {
    content: ""
}

.f-icon-whatsapp:before {
    content: ""
}

.f-icon-server:before {
    content: ""
}

.f-icon-user-plus:before {
    content: ""
}

.f-icon-user-times:before {
    content: ""
}

.f-icon-hotel:before, .f-icon-bed:before {
    content: ""
}

.f-icon-viacoin:before {
    content: ""
}

.f-icon-train:before {
    content: ""
}

.f-icon-subway:before {
    content: ""
}

.f-icon-medium:before {
    content: ""
}

.f-icon-yc:before, .f-icon-y-combinator:before {
    content: ""
}

.f-icon-optin-monster:before {
    content: ""
}

.f-icon-opencart:before {
    content: ""
}

.f-icon-expeditedssl:before {
    content: ""
}

.f-icon-battery-4:before, .f-icon-battery:before, .f-icon-battery-full:before {
    content: ""
}

.f-icon-battery-3:before, .f-icon-battery-three-quarters:before {
    content: ""
}

.f-icon-battery-2:before, .f-icon-battery-half:before {
    content: ""
}

.f-icon-battery-1:before, .f-icon-battery-quarter:before {
    content: ""
}

.f-icon-battery-0:before, .f-icon-battery-empty:before {
    content: ""
}

.f-icon-mouse-pointer:before {
    content: ""
}

.f-icon-i-cursor:before {
    content: ""
}

.f-icon-object-group:before {
    content: ""
}

.f-icon-object-ungroup:before {
    content: ""
}

.f-icon-sticky-note:before {
    content: ""
}

.f-icon-sticky-note-o:before {
    content: ""
}

.f-icon-cc-jcb:before {
    content: ""
}

.f-icon-cc-diners-club:before {
    content: ""
}

.f-icon-clone:before {
    content: ""
}

.f-icon-balance-scale:before {
    content: ""
}

.f-icon-hourglass-o:before {
    content: ""
}

.f-icon-hourglass-1:before, .f-icon-hourglass-start:before {
    content: ""
}

.f-icon-hourglass-2:before, .f-icon-hourglass-half:before {
    content: ""
}

.f-icon-hourglass-3:before, .f-icon-hourglass-end:before {
    content: ""
}

.f-icon-hourglass:before {
    content: ""
}

.f-icon-hand-grab-o:before, .f-icon-hand-rock-o:before {
    content: ""
}

.f-icon-hand-stop-o:before, .f-icon-hand-paper-o:before {
    content: ""
}

.f-icon-hand-scissors-o:before {
    content: ""
}

.f-icon-hand-lizard-o:before {
    content: ""
}

.f-icon-hand-spock-o:before {
    content: ""
}

.f-icon-hand-pointer-o:before {
    content: ""
}

.f-icon-hand-peace-o:before {
    content: ""
}

.f-icon-trademark:before {
    content: ""
}

.f-icon-registered:before {
    content: ""
}

.f-icon-creative-commons:before {
    content: ""
}

.f-icon-gg:before {
    content: ""
}

.f-icon-gg-circle:before {
    content: ""
}

.f-icon-tripadvisor:before {
    content: ""
}

.f-icon-odnoklassniki:before {
    content: ""
}

.f-icon-odnoklassniki-square:before {
    content: ""
}

.f-icon-get-pocket:before {
    content: ""
}

.f-icon-wikipedia-w:before {
    content: ""
}

.f-icon-safari:before {
    content: ""
}

.f-icon-chrome:before {
    content: ""
}

.f-icon-firefox:before {
    content: ""
}

.f-icon-opera:before {
    content: ""
}

.f-icon-internet-explorer:before {
    content: ""
}

.f-icon-tv:before, .f-icon-television:before {
    content: ""
}

.f-icon-contao:before {
    content: ""
}

.f-icon-500px:before {
    content: ""
}

.f-icon-amazon:before {
    content: ""
}

.f-icon-calendar-plus-o:before {
    content: ""
}

.f-icon-calendar-minus-o:before {
    content: ""
}

.f-icon-calendar-times-o:before {
    content: ""
}

.f-icon-calendar-check-o:before {
    content: ""
}

.f-icon-industry:before {
    content: ""
}

.f-icon-map-pin:before {
    content: ""
}

.f-icon-map-signs:before {
    content: ""
}

.f-icon-map-o:before {
    content: ""
}

.f-icon-map:before {
    content: ""
}

.f-icon-commenting:before {
    content: ""
}

.f-icon-commenting-o:before {
    content: ""
}

.f-icon-houzz:before {
    content: ""
}

.f-icon-vimeo:before {
    content: ""
}

.f-icon-black-tie:before {
    content: ""
}

.f-icon-fonticons:before {
    content: ""
}

.f-icon-reddit-alien:before {
    content: ""
}

.f-icon-edge:before {
    content: ""
}

.f-icon-credit-card-alt:before {
    content: ""
}

.f-icon-codiepie:before {
    content: ""
}

.f-icon-modx:before {
    content: ""
}

.f-icon-fort-awesome:before {
    content: ""
}

.f-icon-usb:before {
    content: ""
}

.f-icon-product-hunt:before {
    content: ""
}

.f-icon-mixcloud:before {
    content: ""
}

.f-icon-scribd:before {
    content: ""
}

.f-icon-pause-circle:before {
    content: ""
}

.f-icon-pause-circle-o:before {
    content: ""
}

.f-icon-stop-circle:before {
    content: ""
}

.f-icon-stop-circle-o:before {
    content: ""
}

.f-icon-shopping-bag:before {
    content: ""
}

.f-icon-shopping-basket:before {
    content: ""
}

.f-icon-hashtag:before {
    content: ""
}

.f-icon-bluetooth:before {
    content: ""
}

.f-icon-bluetooth-b:before {
    content: ""
}

.f-icon-percent:before {
    content: ""
}

.f-icon-gitlab:before {
    content: ""
}

.f-icon-wpbeginner:before {
    content: ""
}

.f-icon-wpforms:before {
    content: ""
}

.f-icon-envira:before {
    content: ""
}

.f-icon-universal-access:before {
    content: ""
}

.f-icon-wheelchair-alt:before {
    content: ""
}

.f-icon-question-circle-o:before {
    content: ""
}

.f-icon-blind:before {
    content: ""
}

.f-icon-audio-description:before {
    content: ""
}

.f-icon-volume-control-phone:before {
    content: ""
}

.f-icon-braille:before {
    content: ""
}

.f-icon-assistive-listening-systems:before {
    content: ""
}

.f-icon-asl-interpreting:before, .f-icon-american-sign-language-interpreting:before {
    content: ""
}

.f-icon-deafness:before, .f-icon-hard-of-hearing:before, .f-icon-deaf:before {
    content: ""
}

.f-icon-glide:before {
    content: ""
}

.f-icon-glide-g:before {
    content: ""
}

.f-icon-signing:before, .f-icon-sign-language:before {
    content: ""
}

.f-icon-low-vision:before {
    content: ""
}

.f-icon-viadeo:before {
    content: ""
}

.f-icon-viadeo-square:before {
    content: ""
}

.f-icon-snapchat:before {
    content: ""
}

.f-icon-snapchat-ghost:before {
    content: ""
}

.f-icon-snapchat-square:before {
    content: ""
}

.f-icon-pied-piper:before {
    content: ""
}

.f-icon-first-order:before {
    content: ""
}

.f-icon-yoast:before {
    content: ""
}

.f-icon-themeisle:before {
    content: ""
}

.f-icon-google-plus-circle:before, .f-icon-google-plus-official:before {
    content: ""
}

.f-icon-fa:before, .f-icon-font-awesome:before {
    content: ""
}

.f-icon-handshake-o:before {
    content: ""
}

.f-icon-envelope-open:before {
    content: ""
}

.f-icon-envelope-open-o:before {
    content: ""
}

.f-icon-linode:before {
    content: ""
}

.f-icon-address-book:before {
    content: ""
}

.f-icon-address-book-o:before {
    content: ""
}

.f-icon-vcard:before, .f-icon-address-card:before {
    content: ""
}

.f-icon-vcard-o:before, .f-icon-address-card-o:before {
    content: ""
}

.f-icon-user-circle:before {
    content: ""
}

.f-icon-user-circle-o:before {
    content: ""
}

.f-icon-user-o:before {
    content: ""
}

.f-icon-id-badge:before {
    content: ""
}

.f-icon-drivers-license:before, .f-icon-id-card:before {
    content: ""
}

.f-icon-drivers-license-o:before, .f-icon-id-card-o:before {
    content: ""
}

.f-icon-quora:before {
    content: ""
}

.f-icon-free-code-camp:before {
    content: ""
}

.f-icon-telegram:before {
    content: ""
}

.f-icon-thermometer-4:before, .f-icon-thermometer:before, .f-icon-thermometer-full:before {
    content: ""
}

.f-icon-thermometer-3:before, .f-icon-thermometer-three-quarters:before {
    content: ""
}

.f-icon-thermometer-2:before, .f-icon-thermometer-half:before {
    content: ""
}

.f-icon-thermometer-1:before, .f-icon-thermometer-quarter:before {
    content: ""
}

.f-icon-thermometer-0:before, .f-icon-thermometer-empty:before {
    content: ""
}

.f-icon-shower:before {
    content: ""
}

.f-icon-bathtub:before, .f-icon-s15:before, .f-icon-bath:before {
    content: ""
}

.f-icon-podcast:before {
    content: ""
}

.f-icon-window-maximize:before {
    content: ""
}

.f-icon-window-minimize:before {
    content: ""
}

.f-icon-window-restore:before {
    content: ""
}

.f-icon-times-rectangle:before, .f-icon-window-close:before {
    content: ""
}

.f-icon-times-rectangle-o:before, .f-icon-window-close-o:before {
    content: ""
}

.f-icon-bandcamp:before {
    content: ""
}

.f-icon-grav:before {
    content: ""
}

.f-icon-etsy:before {
    content: ""
}

.f-icon-imdb:before {
    content: ""
}

.f-icon-ravelry:before {
    content: ""
}

.f-icon-eercast:before {
    content: ""
}

.f-icon-microchip:before {
    content: ""
}

.f-icon-snowflake-o:before {
    content: ""
}

.f-icon-superpowers:before {
    content: ""
}

.f-icon-wpexplorer:before {
    content: ""
}

.f-icon-meetup:before {
    content: ""
}

.f-iconfont-address-book:before {
    content: ""
}

.f-iconfont-android:before {
    content: ""
}

.f-iconfont-apple:before {
    content: ""
}

.f-iconfont-book:before {
    content: ""
}

.f-iconfont-calendar:before {
    content: ""
}

.f-iconfont-check-box-indeterminate:before {
    content: ""
}

.f-iconfont-download:before {
    content: ""
}

.f-iconfont-filter:before {
    content: ""
}

.f-iconfont-flag:before {
    content: ""
}

.f-iconfont-gear:before {
    content: ""
}

.f-iconfont-globe:before {
    content: ""
}

.f-iconfont-google:before {
    content: ""
}

.f-iconfont-group:before {
    content: ""
}

.f-iconfont-layout:before {
    content: ""
}

.f-iconfont-lock:before {
    content: ""
}

.f-iconfont-mail:before {
    content: ""
}

.f-iconfont-mobile:before {
    content: ""
}

.f-iconfont-power-off:before {
    content: ""
}

.f-iconfont-print:before {
    content: ""
}

.f-iconfont-search:before {
    content: ""
}

.f-iconfont-send:before {
    content: ""
}

.f-iconfont-sign-in:before {
    content: ""
}

.f-iconfont-sign-out:before {
    content: ""
}

.f-iconfont-tag:before {
    content: ""
}

.f-iconfont-trash:before {
    content: ""
}

.f-iconfont-unlock:before {
    content: ""
}

.f-iconfont-user:before {
    content: ""
}

.f-iconfont-volume-down:before {
    content: ""
}

.f-iconfont-volume-off:before {
    content: ""
}

.f-iconfont-volume-up:before {
    content: ""
}

.f-iconfont-wifi:before {
    content: ""
}

.f-iconfont-windows:before {
    content: ""
}

.f-iconfont-wrench:before {
    content: ""
}

.f-iconfont-anchor:before {
    content: ""
}

.f-iconfont-arrow-down:before {
    content: ""
}

.f-iconfont-arrow-left:before {
    content: ""
}

.f-iconfont-arrow-right:before {
    content: ""
}

.f-iconfont-arrow-up:before {
    content: ""
}

.f-iconfont-ascend:before {
    content: ""
}

.f-iconfont-back:before {
    content: ""
}

.f-iconfont-ban:before {
    content: ""
}

.f-iconfont-bank:before {
    content: ""
}

.f-iconfont-bell:before {
    content: ""
}

.f-iconfont-bicycle:before {
    content: ""
}

.f-iconfont-bookmark:before {
    content: ""
}

.f-iconfont-camera:before {
    content: ""
}

.f-iconfont-car:before {
    content: ""
}

.f-iconfont-card:before {
    content: ""
}

.f-iconfont-check:before {
    content: ""
}

.f-iconfont-check-box:before {
    content: ""
}

.f-iconfont-check-box-checked:before {
    content: ""
}

.f-iconfont-close:before {
    content: ""
}

.f-iconfont-code:before {
    content: ""
}

.f-iconfont-collapse:before {
    content: ""
}

.f-iconfont-columns:before {
    content: ""
}

.f-iconfont-correct:before {
    content: ""
}

.f-iconfont-descend:before {
    content: ""
}

.f-iconfont-double-down:before {
    content: ""
}

.f-iconfont-double-left:before {
    content: ""
}

.f-iconfont-double-right:before {
    content: ""
}

.f-iconfont-double-up:before {
    content: ""
}

.f-iconfont-down:before {
    content: ""
}

.f-iconfont-edit:before {
    content: ""
}

.f-iconfont-enterprise:before {
    content: ""
}

.f-iconfont-error:before {
    content: ""
}

.f-iconfont-exclamation:before {
    content: ""
}

.f-iconfont-expand:before {
    content: ""
}

.f-iconfont-file:before {
    content: ""
}

.f-iconfont-fold:before {
    content: ""
}

.f-iconfont-folder:before {
    content: ""
}

.f-iconfont-folder-open:before {
    content: ""
}

.f-iconfont-forward:before {
    content: ""
}

.f-iconfont-gallery:before {
    content: ""
}

.f-iconfont-home:before {
    content: ""
}

.f-iconfont-incorrect:before {
    content: ""
}

.f-iconfont-info:before {
    content: ""
}

.f-iconfont-key:before {
    content: ""
}

.f-iconfont-keyboard:before {
    content: ""
}

.f-iconfont-left:before {
    content: ""
}

.f-iconfont-link:before {
    content: ""
}

.f-iconfont-list:before {
    content: ""
}

.f-iconfont-loading:before {
    content: ""
}

.f-iconfont-long-arrow-down:before {
    content: ""
}

.f-iconfont-long-arrow-left:before {
    content: ""
}

.f-iconfont-long-arrow-right:before {
    content: ""
}

.f-iconfont-long-arrow-up:before {
    content: ""
}

.f-iconfont-maximize:before {
    content: ""
}

.f-iconfont-minus:before {
    content: ""
}

.f-iconfont-more:before {
    content: ""
}

.f-iconfont-more-vertical:before {
    content: ""
}

.f-iconfont-new-tab:before {
    content: ""
}

.f-iconfont-pencil:before {
    content: ""
}

.f-iconfont-phone:before {
    content: ""
}

.f-iconfont-pic:before {
    content: ""
}

.f-iconfont-plane:before {
    content: ""
}

.f-iconfont-plus:before {
    content: ""
}

.f-iconfont-pull-down:before {
    content: ""
}

.f-iconfont-pull-left:before {
    content: ""
}

.f-iconfont-pull-right:before {
    content: ""
}

.f-iconfont-pull-up:before {
    content: ""
}

.f-iconfont-question:before {
    content: ""
}

.f-iconfont-radio-button:before {
    content: ""
}

.f-iconfont-radio-button-checked:before {
    content: ""
}

.f-iconfont-refresh:before {
    content: ""
}

.f-iconfont-responsive:before {
    content: ""
}

.f-iconfont-restore:before {
    content: ""
}

.f-iconfont-right:before {
    content: ""
}

.f-iconfont-round:before {
    content: ""
}

.f-iconfont-round-down:before {
    content: ""
}

.f-iconfont-round-minus:before {
    content: ""
}

.f-iconfont-round-plus:before {
    content: ""
}

.f-iconfont-round-right:before {
    content: ""
}

.f-iconfont-save:before {
    content: ""
}

.f-iconfont-skin:before {
    content: ""
}

.f-iconfont-sort:before {
    content: ""
}

.f-iconfont-success:before {
    content: ""
}

.f-iconfont-table:before {
    content: ""
}

.f-iconfont-time:before {
    content: ""
}

.f-iconfont-train:before {
    content: ""
}

.f-iconfont-triangle-down:before {
    content: ""
}

.f-iconfont-triangle-left:before {
    content: ""
}

.f-iconfont-triangle-right:before {
    content: ""
}

.f-iconfont-triangle-up:before {
    content: ""
}

.f-iconfont-unfold:before {
    content: ""
}

.f-iconfont-up:before {
    content: ""
}

.f-iconfont-upload:before {
    content: ""
}

.f-iconfont-warn:before {
    content: ""
}

.f-iconfont-window:before {
    content: ""
}

.f-tabstrip-header-left > .f-panel-header {
    border-width: 0;
    border-top-width: 1px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    transform: rotate(90deg);
    transform-origin: 0 0
}

.f-tabstrip-header-right > .f-panel-header {
    border-width: 0;
    border-bottom-width: 1px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    transform: rotate(90deg);
    transform-origin: 100% 0
}

.f-panel > .f-panel-header .f-tool.f-tool-toggle .f-icon, .f-tree-node .f-tree-cell-icon.f-tree-expander.f-icon, .f-btn .f-btn-icon-arrowd.f-icon, .f-field-dropdownbox-wrap .f-field-triggerbox-icon.f-triggericon-arrowdown.f-icon, .f-field-dropdownlist-wrap .f-field-triggerbox-icon.f-triggericon-arrowdown.f-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.f-panel.f-panel-collapsed > .f-panel-header .f-tool.f-tool-toggle .f-icon, .f-panel.f-panel-animating-collapse > .f-panel-header .f-tool.f-tool-toggle .f-icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.f-btn.f-pop-opened .f-btn-icon-arrowd.f-icon, .f-field-dropdownbox-wrap.f-pop-opened .f-field-triggerbox-icon.f-triggericon-arrowdown.f-icon, .f-field-dropdownlist-wrap.f-pop-opened .f-field-triggerbox-icon.f-triggericon-arrowdown.f-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.f-tree-node.f-expanded .f-tree-cell-icon.f-tree-expander.f-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.f-checkbox, .f-radiobutton {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin: 2px 1px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border-collapse: separate
}

    .f-checkbox:after {
        display: table;
        position: absolute;
        left: 4.5px;
        top: 1px;
        width: 5.5px;
        height: 10px;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-top: 0;
        border-left: 0;
        content: " ";
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .f-checkbox.f-checked:after {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .f-checkbox.f-checkbox-indeterminate:after {
        width: 10px;
        height: 1px;
        left: 2px;
        top: 6px;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }

.f-radiobutton {
    border-radius: 50%
}

    .f-radiobutton:after {
        display: table;
        position: absolute;
        width: 8px;
        height: 8px;
        left: 3px;
        top: 3px;
        border-width: 0;
        border-radius: 50%;
        content: " ";
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .f-radiobutton.f-checked:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }

.f-ie8 .f-panel.f-grouppanel.f-panel-collapsed > .f-panel-header .f-tool.f-tool-toggle .f-icon:before, .f-ie8 .f-tree-node.f-expanded .f-tree-cell-icon.f-tree-expander:before {
    content: ""
}

.f-ie8 .f-panel.f-panel-collapsed > .f-panel-header .f-tool.f-tool-toggle .f-icon:before {
    content: ""
}

.f-ie8 .f-panel.f-region-bottom.f-panel-collapsed > .f-panel-header .f-tool.f-tool-toggle .f-icon:before {
    content: ""
}

.f-iconcheckbox .f-icon.f-checkbox:before {
    content: ""
}

.f-iconcheckbox .f-icon.f-checkbox.f-checked:before {
    content: ""
}

.f-iconcheckbox .f-icon.f-checkbox.f-checkbox-indeterminate:before {
    content: ""
}

.f-iconcheckbox .f-icon.f-radiobutton:before {
    content: ""
}

.f-iconcheckbox .f-icon.f-radiobutton.f-checked:before {
    content: ""
}

.f-iconcheckbox .f-checkbox, .f-iconcheckbox .f-radiobutton {
    background-color: transparent !important;
    margin: 0 !important;
    border-width: 0 !important;
    font-size: 18px;
    width: 18px;
    height: 18px;
    min-width: 18px
}

    .f-iconcheckbox .f-checkbox:after, .f-iconcheckbox .f-radiobutton:after {
        display: none !important
    }

.mobile-css-start {
    display: none
}

.f-animation .f-grid-rowgroup.f-grid-rowgroup-animating > td > .f-grid-rowgroup-inner, .f-animation .f-tree-nodegroup.f-tree-nodegroup-animating > td > .f-tree-nodegroup-inner {
    overflow: hidden;
    -webkit-transition: opacity .3s,height .3s;
    transition: opacity .3s,height .3s
}

.f-animation .f-accordionpane.f-accordionpane-animating > .f-panel-bodyct {
    overflow: hidden;
    -webkit-transition: opacity .3s,height .3s;
    transition: opacity .3s,height .3s
}

.f-animation .f-accordionpane.f-panel-collapsed.f-accordionpane-animating-before > .f-panel-bodyct > .f-panel-body {
    display: block
}

.f-animation .f-accordionpane.f-panel-collapsed.f-accordionpane-animating-before > .f-accordionpane-header {
    border-bottom-width: 1px !important
}

.f-animation .f-grid-rowexpander-details.f-grid-rowexpander-animating > .f-grid-cell > .f-grid-cell-inner {
    overflow: hidden;
    -webkit-transition: opacity .3s,height .3s,padding .3s;
    transition: opacity .3s,height .3s,padding .3s
}

.f-animation .f-panel.f-panel-animating {
    z-index: 200000
}

    .f-animation .f-panel.f-panel-animating.f-panel-animating-horizontal {
        -webkit-transition: width .3s;
        transition: width .3s
    }

    .f-animation .f-panel.f-panel-animating.f-panel-animating-vertical > .f-panel-bodyct {
        -webkit-transition: opacity .3s,height .3s;
        transition: opacity .3s,height .3s
    }

    .f-animation .f-panel.f-panel-animating > .f-panel-bodyct {
        overflow: hidden
    }

.f-animation .f-calendar-header .f-calendar-nav, .f-animation .f-tool, .f-animation .f-btn, .f-animation .f-tab-header .f-tool.f-tool-close .f-tool-icon, .f-animation .f-checkbox, .f-animation .f-radiobutton {
    -webkit-transition: background-color .3s,border-color .3s,color .3s;
    transition: background-color .3s,border-color .3s,color .3s
}

    .f-animation .f-checkbox:after, .f-animation .f-radiobutton:after {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.f-animation .f-tabstrip-header-inkbar {
    -webkit-transition: width .3s,left .3s;
    transition: width .3s,left .3s
}

.f-animation .f-field-checkbox-switch:after {
    -webkit-transition: all .1s;
    transition: all .1s
}

.f-animation .f-panel > .f-panel-header .f-tool.f-tool-toggle .f-icon, .f-animation .f-tree-node .f-tree-cell-icon.f-tree-expander.f-icon, .f-animation .f-panel.f-accordionpane.f-panel-collapsed > .f-panel-header .f-tool.f-tool-toggle .f-icon, .f-animation .f-btn .f-btn-icon-arrowd.f-icon, .f-animation .f-field-dropdownbox-wrap .f-field-triggerbox-icon.f-triggericon-arrowdown.f-icon, .f-animation .f-field-dropdownlist-wrap .f-field-triggerbox-icon.f-triggericon-arrowdown.f-icon {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

@-webkit-keyframes f-scale-down-in {
    from {
        opacity: 0;
        -webkit-transform: scaleY(.9);
        -webkit-transform-origin: 0 0
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -webkit-transform-origin: 0 0
    }
}

@keyframes f-scale-down-in {
    from {
        opacity: 0;
        transform: scaleY(.9);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }
}

@-webkit-keyframes f-scale-down-out {
    from {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -webkit-transform-origin: 0 0
    }

    to {
        opacity: 0;
        -webkit-transform: scaleY(.9);
        -webkit-transform-origin: 0 0
    }
}

@keyframes f-scale-down-out {
    from {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleY(.9);
        transform-origin: 0 0
    }
}

@-webkit-keyframes f-scale-up-in {
    from {
        opacity: 0;
        -webkit-transform: scaleY(.9);
        -webkit-transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -webkit-transform-origin: 100% 100%
    }
}

@keyframes f-scale-up-in {
    from {
        opacity: 0;
        transform: scaleY(.9);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes f-scale-up-out {
    from {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -webkit-transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        -webkit-transform: scaleY(.9);
        -webkit-transform-origin: 100% 100%
    }
}

@keyframes f-scale-up-out {
    from {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleY(.9);
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes f-scale-left-in {
    from {
        opacity: 0;
        -webkit-transform: scaleX(.9);
        -webkit-transform-origin: 0 0
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -webkit-transform-origin: 0 0
    }
}

@keyframes f-scale-left-in {
    from {
        opacity: 0;
        transform: scaleX(.9);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@-webkit-keyframes f-scale-left-out {
    from {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -webkit-transform-origin: 0 0
    }

    to {
        opacity: 0;
        -webkit-transform: scaleX(.9);
        -webkit-transform-origin: 0 0
    }
}

@keyframes f-scale-left-out {
    from {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleX(.9);
        transform-origin: 0 0
    }
}

@-webkit-keyframes f-scale-right-in {
    from {
        opacity: 0;
        -webkit-transform: scaleX(.9);
        -webkit-transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -webkit-transform-origin: 100% 100%
    }
}

@keyframes f-scale-right-in {
    from {
        opacity: 0;
        transform: scaleX(.9);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes f-scale-right-out {
    from {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -webkit-transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        -webkit-transform: scaleX(.9);
        -webkit-transform-origin: 100% 100%
    }
}

@keyframes f-scale-right-out {
    from {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleX(.9);
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes f-slide-left-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(80%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes f-slide-left-in {
    from {
        opacity: 0;
        transform: translateX(80%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes f-slide-left-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-80%)
    }
}

@keyframes f-slide-left-out {
    from {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-80%)
    }
}

@-webkit-keyframes f-slide-right-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-80%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes f-slide-right-in {
    from {
        opacity: 0;
        transform: translateX(-80%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes f-slide-right-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(80%)
    }
}

@keyframes f-slide-right-out {
    from {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(80%)
    }
}

@-webkit-keyframes f-slide-up-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(80%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes f-slide-up-in {
    from {
        opacity: 0;
        transform: translateY(80%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes f-slide-up-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-80%)
    }
}

@keyframes f-slide-up-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-80%)
    }
}

@-webkit-keyframes f-slide-down-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-80%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes f-slide-down-in {
    from {
        opacity: 0;
        transform: translateY(-80%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes f-slide-down-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(80%)
    }
}

@keyframes f-slide-down-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(80%)
    }
}

@-webkit-keyframes f-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes f-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes f-pop-in {
    from {
        opacity: 0;
        -webkit-transform: scale(.6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes f-pop-in {
    from {
        opacity: 0;
        transform: scale(.6)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes f-pop-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.6)
    }
}

@keyframes f-pop-out {
    from {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.6)
    }
}

@-webkit-keyframes f-flip-in {
    from {
        -webkit-transform: rotateY(-90deg) scale(.8)
    }

    to {
        -webkit-transform: rotateY(0)
    }
}

@keyframes f-flip-in {
    from {
        transform: rotateY(-90deg) scale(.8)
    }

    to {
        transform: rotateY(0)
    }
}

@-webkit-keyframes f-flip-out {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(90deg) scale(.8)
    }
}

@keyframes f-flip-out {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(90deg) scale(.8)
    }
}

@-webkit-keyframes f-rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes f-rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.f-anim {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.f-scale-down-in {
    -webkit-animation-name: f-scale-down-in;
    animation-name: f-scale-down-in
}

.f-scale-down-out {
    -webkit-animation-name: f-scale-down-out;
    animation-name: f-scale-down-out
}

.f-scale-up-in {
    -webkit-animation-name: f-scale-up-in;
    animation-name: f-scale-up-in
}

.f-scale-up-out {
    -webkit-animation-name: f-scale-up-out;
    animation-name: f-scale-up-out
}

.f-scale-left-in {
    -webkit-animation-name: f-scale-left-in;
    animation-name: f-scale-left-in
}

.f-scale-left-out {
    -webkit-animation-name: f-scale-left-out;
    animation-name: f-scale-left-out
}

.f-scale-right-in {
    -webkit-animation-name: f-scale-right-in;
    animation-name: f-scale-right-in
}

.f-scale-right-out {
    -webkit-animation-name: f-scale-right-out;
    animation-name: f-scale-right-out
}

.f-slide-left-in {
    -webkit-animation-name: f-slide-left-in;
    animation-name: f-slide-left-in
}

.f-slide-left-out {
    -webkit-animation-name: f-slide-left-out;
    animation-name: f-slide-left-out
}

.f-slide-right-in {
    -webkit-animation-name: f-slide-right-in;
    animation-name: f-slide-right-in
}

.f-slide-right-out {
    -webkit-animation-name: f-slide-right-out;
    animation-name: f-slide-right-out
}

.f-slide-up-in {
    -webkit-animation-name: f-slide-up-in;
    animation-name: f-slide-up-in
}

.f-slide-up-out {
    -webkit-animation-name: f-slide-up-out;
    animation-name: f-slide-up-out
}

.f-slide-down-in {
    -webkit-animation-name: f-slide-down-in;
    animation-name: f-slide-down-in
}

.f-slide-down-out {
    -webkit-animation-name: f-slide-down-out;
    animation-name: f-slide-down-out
}

.f-fade-in {
    -webkit-animation-name: f-fade-in;
    animation-name: f-fade-in
}

.f-fade-out {
    -webkit-animation-name: f-fade-out;
    animation-name: f-fade-out
}

.f-pop-in {
    -webkit-animation-name: f-pop-in;
    animation-name: f-pop-in
}

.f-pop-out {
    -webkit-animation-name: f-pop-out;
    animation-name: f-pop-out
}

.f-flip-in {
    -webkit-animation-name: f-flip-in;
    animation-name: f-flip-in;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

.f-flip-out {
    -webkit-animation-name: f-flip-out;
    animation-name: f-flip-out;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

.f-rotate {
    -webkit-animation-name: f-rotate;
    animation-name: f-rotate
}

@-webkit-keyframes f-processing {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .5
    }

    to {
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0
    }
}

@keyframes f-processing {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .5
    }

    to {
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0
    }
}

.f-badge-animation-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #999;
    content: "";
    -webkit-animation: f-processing 1.2s infinite ease-in-out;
    animation: f-processing 1.2s infinite ease-in-out
}

.f-badge-type-error.f-badge-animation-processing:after {
    border-color: #f5222d
}

.f-badge-type-warning.f-badge-animation-processing:after {
    border-color: #faad14
}

.f-badge-type-success.f-badge-animation-processing:after {
    border-color: #52c41a
}

@-webkit-keyframes f-fade {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes f-fade {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.f-badge-animation-fade {
    -webkit-animation: f-fade 1.2s infinite ease-in-out;
    animation: f-fade 1.2s infinite ease-in-out
}

@-webkit-keyframes f-shake {
    0%,100% {
        transform: rotate(0deg)
    }

    5%,50% {
        transform: rotate(-1deg)
    }

    10%,40% {
        transform: rotate(3deg)
    }

    15%,25%,35% {
        transform: rotate(-6deg)
    }

    20%,30% {
        transform: rotate(6deg)
    }

    60% {
        transform: rotate(0deg)
    }
}

@keyframes f-shake {
    0%,100% {
        transform: rotate(0deg)
    }

    5%,50% {
        transform: rotate(-1deg)
    }

    10%,40% {
        transform: rotate(3deg)
    }

    15%,25%,35% {
        transform: rotate(-6deg)
    }

    20%,30% {
        transform: rotate(6deg)
    }

    60% {
        transform: rotate(0deg)
    }
}

.f-badge-animation-shake {
    -webkit-animation: f-shake 2s infinite ease-in-out;
    animation: f-shake 2s infinite ease-in-out
}

@-webkit-keyframes f-move {
    0%,100% {
        transform: translateX(0)
    }

    5%,50% {
        transform: translateX(-1px)
    }

    10%,40% {
        transform: translateX(2px)
    }

    15%,25%,35% {
        transform: translateX(-3px)
    }

    20%,30% {
        transform: translateX(3px)
    }

    60% {
        transform: translateX(0)
    }
}

@keyframes f-move {
    0%,100% {
        transform: translateX(0)
    }

    5%,50% {
        transform: translateX(-1px)
    }

    10%,40% {
        transform: translateX(2px)
    }

    15%,25%,35% {
        transform: translateX(-3px)
    }

    20%,30% {
        transform: translateX(3px)
    }

    60% {
        transform: translateX(0)
    }
}

.f-badge-animation-move {
    -webkit-animation: f-move 2s infinite ease-in-out;
    animation: f-move 2s infinite ease-in-out
}

.mobile-css-end {
    display: none
}

.f-widget-content {
    border-color: #c5c5c5;
    background-color: #fff;
    color: #444
}

.f-widget-header {
    border-color: #c5c5c5;
    background-color: #fff;
    color: #444
}

    .f-widget-header a {
        color: #444
    }

    .f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
        border-color: #c5c5c5;
        background-color: #fff;
        color: #444
    }

    .f-state-hover, .f-widget-content .f-state-hover, .f-widget-header .f-state-hover, .f-state-focus, .f-widget-content .f-state-focus, .f-widget-header .f-state-focus {
        border-color: #c5c5c5;
        background-color: #efefef;
        color: #000
    }

    .f-state-active, .f-widget-content .f-state-active, .f-widget-header .f-state-active {
        border-color: #c5c5c5;
        background-color: #ddd;
        color: #000
    }

    .f-state-highlight, .f-widget-content .f-state-highlight, .f-widget-header .f-state-highlight {
        border-color: #bf8a8a;
        background-color: #fff;
        color: #000
    }

    .f-state-error, .f-widget-content .f-state-error, .f-widget-header .f-state-error {
        border-color: #ffa8a8;
        background-color: #fff8f8;
        color: #000
    }

    .f-state-error-text, .f-widget-content .f-state-error-text, .f-widget-header .f-state-error-text {
        color: #000
    }

    .f-state-disabled, .f-widget-content .f-state-disabled, .f-widget-header .f-state-disabled {
        opacity: .5;
        filter: alpha(opacity=50);
        background-image: none
    }

        .f-state-disabled .f-icon {
            filter: alpha(opacity=50)
        }

.f-icon, .f-widget-content .f-icon {
    color: #888
}

.f-widget-header .f-icon {
    color: #888
}

.f-state-default .f-icon {
    color: #888
}

.f-state-hover .f-icon, .f-state-focus .f-icon {
    color: #888
}

.f-state-active .f-icon {
    color: #888
}

.f-state-highlight .f-icon {
    color: #888
}

.f-state-error .f-icon, .f-state-error-text .f-icon {
    color: #ff6c6c
}

.f-corner-all, .f-corner-top, .f-corner-left, .f-corner-tl {
    border-top-left-radius: 0
}

.f-corner-all, .f-corner-top, .f-corner-right, .f-corner-tr {
    border-top-right-radius: 0
}

.f-corner-all, .f-corner-bottom, .f-corner-left, .f-corner-bl {
    border-bottom-left-radius: 0
}

.f-corner-all, .f-corner-bottom, .f-corner-right, .f-corner-br {
    border-bottom-right-radius: 0
}