.f-widget-content {
    border-color: #eee;
    background-color: #fff;
    color: #444;
}

    .f-widget-content a {
        color: #444;
    }

.f-widget-header {
    border-color: #eee;
    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: #eee;
        background-color: #fff;
        color: #444;
    }

        .f-state-default a, .f-state-default a:link, .f-state-default a:visited {
            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: #76a6cb;
        background-color: rgba(0 89 159/5%);
        color: #00599f;
    }

        .f-state-hover a, .f-state-hover a:hover, .f-state-hover a:link, .f-state-hover a:visited, .f-state-focus a, .f-state-focus a:hover, .f-state-focus a:link, .f-state-focus a:visited {
            color: #00599f;
        }

    .f-state-active, .f-widget-content .f-state-active, .f-widget-header .f-state-active {
        border-color: #76a6cb;
        background-color: rgba(0 89 159/10%);
        color: #00599f;
    }

        .f-state-active a, .f-state-active a:link, .f-state-active a:visited {
            color: #00599f;
        }

    .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: #00599f;
}

.f-state-active .f-icon {
    color: #00599f;
}

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

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

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

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

.f-tabstrip-header .f-tabstrip-header-inkbar {
    background-color: #00599f;
}

.f-checkbox.f-checked, .f-checkbox.f-checkbox-indeterminate {
    background-color: #00599f;
    border-color: #00599f;
}

.f-radiobutton:after {
    background-color: #00599f;
}

.f-radiobutton.f-checked {
    border-color: #00599f;
}

.f-state-focus.f-checkbox, .f-state-focus.f-radiobutton {
    border-color: #0079bf;
}

    .f-state-focus.f-checkbox.f-checked {
        border-color: #0079bf;
        background-color: #0079bf;
    }

    .f-state-focus.f-radiobutton.f-checked {
        border-color: #0079bf;
    }

        .f-state-focus.f-radiobutton.f-checked:after {
            background-color: #0079bf;
        }

.f-menu-item-icon.f-menu-radiobutton.f-checked {
    color: #00599f;
}

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

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

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

.f-tab-header.f-state-active, .f-tab-header.f-state-hover, .f-grid-colheader-trigger.f-state-hover, .f-grid-colheader.f-state-hover {
    border-color: #eee;
}

.f-tab-header.f-state-active, .f-tab-header.f-state-hover, .f-grid-colheader-trigger.f-state-hover, .f-grid-colheader.f-state-hover {
    border-color: #eee;
}

.f-tabstrip-plain > .f-panel-bodyct > .f-panel-body, .f-tabstrip-plain > .f-panel-header, .f-tabstrip-plain > .f-panel-header .f-panel-tools, .f-tabstrip-bordercolor .f-tab-header {
    border-color: #eee;
}

.f-tabstrip-plain > .f-panel-bodyct > .f-toolbar {
    border-left-color: #eee;
    border-right-color: #eee;
}

.f-tabstrip-plain.f-tabstrip-header-top > .f-panel-header .f-tabstrip-scroller, .f-tabstrip-plain.f-tabstrip-header-right > .f-panel-header .f-tabstrip-scroller {
    border-bottom-color: #eee;
}

.f-tabstrip-plain.f-tabstrip-header-bottom > .f-panel-header .f-tabstrip-scroller, .f-tabstrip-plain.f-tabstrip-header-left > .f-panel-header .f-tabstrip-scroller {
    border-top-color: #eee;
}

.f-tab-header.f-state-active {
    background-color: #fff;
}

.f-toolbar-buttonplain, .f-toolbar-buttonplain .f-buttongroup .f-btn:after {
    border-color: #eee !important;
}

.f-btn.f-state-active {
    background-color: #00599f;
    color: #fff;
}

    .f-btn.f-state-active .f-icon {
        color: #fff;
    }

.bgpanel, .mainpanel .f-widget-header.f-region-split, .mainpanel .f-widget-header.f-region-cover {
    background-color: #0063B1;
}

    .bgpanel .f-widget-header, .bgpanel .f-widget-content, .bgpanel .f-tree-headerstyle .f-panel-body, .bgpanel .f-tree-node.f-widget-header .f-tree-cell-inner, .bgpanel .f-tree-minimode-item .f-tree-minimode-item-inner {
        background-color: transparent;
        border-color: transparent;
        background-image: none;
    }

    .bgpanel .f-state-hover, .bgpanel .f-state-focus {
        /*background-color: rgba(0 89 159/10%);*/
        background-color: rgba(255 255 255/20%);
    }

    .bgpanel .f-state-active {
        /*background-color: rgba(0 89 159/80%);*/
        background-color: rgba(255 255 255/20%);
    }

.f-ie8 .bgpanel .f-state-hover, .f-ie8 .bgpanel .f-state-focus, .f-ie8 .bgpanel .f-state-active, .f-ie8 .bgpanel tr.f-state-hover > td, .f-ie8 .bgpanel tr.f-state-focus > td, .f-ie8 .bgpanel tr.f-state-active > td {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
}

.bgpanel .f-widget-header, .bgpanel .f-widget-content, .bgpanel a, .bgpanel span, .bgpanel .f-icon {
    color: rgba(255,255,255,.8);
}

.f-ie8 .bgpanel .f-widget-header, .f-ie8 .bgpanel .f-widget-content, .f-ie8 .bgpanel a, .f-ie8 .bgpanel span, .f-ie8 .bgpanel .f-icon {
    color: #fff;
}

.bgpanel a:hover, .bgpanel .f-state-hover, .bgpanel .f-state-hover a, .bgpanel .f-state-hover .f-icon, .bgpanel .f-state-focus, .bgpanel .f-state-focus a, .bgpanel .f-state-focus .f-icon, .bgpanel .f-state-active, .bgpanel .f-state-active a, .bgpanel .f-state-active .f-icon {
    color: #fff;
}

.bgpanel.f-mainheader, .bgpanel .f-mainheader {
    background-color: #00599F;
}

.centerregion, .leftregion {
    border-width: 0;
}

.mainpanel .sidebarregion .leftregion, .mainpanel .bodyregion .centerregion {
    border-width: 0;
    border-top-width: 1px;
}

    .mainpanel .bodyregion .centerregion, .mainpanel .bodyregion .centerregion .f-tabstrip-header {
        border-color: #efefef;
    }

.f-messagebox-icon.f-messageicon-information, .f-messagebox-icon.f-messageicon-question {
    color: #00599f;
}

.f-progressbar .f-progressbar-value {
    background-color: #00599f;
}

.f-grid-row.f-grid-row-newadded > .f-grid-cell:first-child > .f-grid-cell-inner:after {
    color: #00599f;
}

.f-grid-show-selected-cell .f-grid-cell-selected {
    background-color: #e5e5e5;
    color: #00599f;
}

    .f-grid-show-selected-cell .f-grid-cell-selected .f-icon {
        color: #00599f;
    }

.f-rate .f-rate-star.f-rate-star-half .f-rate-star-first .f-rate-star-icon, .f-rate .f-rate-star.f-rate-star-full .f-rate-star-first .f-rate-star-icon, .f-rate .f-rate-star.f-rate-star-full .f-rate-star-second .f-rate-star-icon {
    color: #00599f;
}

.f-calendar-day.f-state-hover, .f-calendar-day.f-state-active, .f-calendar-float td a.f-state-hover, .f-calendar-float td a.f-state-active {
    border-color: transparent;
}

.f-calendar-day.f-state-active {
    background-color: #00599f;
    color: #fff;
}

.f-calendar-day.f-state-highlight {
    border-color: #76a6cb;
}

.f-icon-genderless {
    padding-left: 3px;
}

/*custom scrollbar style*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
}

::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 89, 159, 0.2);
    border-radius: 5px;
    border: none;
    background-clip: content-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 89, 159, 0.5);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0, 89, 159, 0.9);
    }

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

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