body.mf-theme-khaki{
    font-family: az_ea_font,wf_segoe-ui_semilight, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.mf-theme-khaki .mf-sidebar,
.mf-theme-khaki .mf-sidebar-bar,
.mf-theme-khaki .navbar-fixed-top,
.mf-theme-khaki mf-blade .mf-blade .mf-blade-section,
.mf-theme-khaki .mf-toolbar-item{
    background-color: #222;
    border-color: #080808;
    background-color: khaki;
    border-color: khaki;
}
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.active>a,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.active>a:focus,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.active>a:hover,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a:focus,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a:hover,
.mf-theme-khaki .mf-sidebar-bar >button:hover,
.mf-theme-khaki .mf-sidebar-bar >button:hover *,
.mf-theme-khaki .mf-sidebar-item:hover,
.mf-theme-khaki .mf-sidebar-item:hover *,
.mf-theme-khaki .mf-sidebar-item:active,
.mf-theme-khaki .mf-sidebar-item:active *,
.mf-theme-khaki .mf-toolbar-item:hover,
.mf-theme-khaki .mf-toolbar-item:hover *,
.mf-theme-khaki .mf-toolbar-item:active,
.mf-theme-khaki .mf-toolbar-item:active *,
.mf-theme-khaki .mf-sidebar-label:hover,
.mf-theme-khaki .mf-sidebar-label:hover *,
.mf-theme-khaki .mf-sidebar-label:active,
.mf-theme-khaki .mf-sidebar-label:active *{
    background-color: darkgreen;
    border-color: darkgreen;
    color: khaki;
    fill: khaki;
    stroke: khaki;
}

.mf-theme-khaki .navbar-fixed-top .navbar-nav>.active>a,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.active>a:focus,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.active>a:hover,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a:focus,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a:hover,
.mf-theme-khaki mf-grid .ui-grid-header-cell-wrapper:hover .ui-grid-header-cell,
.mf-theme-khaki mf-grid .ui-grid-header-cell-wrapper:hover .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{
    border-color: darkgreen;
}
.mf-theme-khaki mf-grid .ui-grid-header-cell,
.mf-theme-khaki mf-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{
    background-color: #ffffff;
    border-color: #ffffff
}
.mf-theme-khaki .navbar-fixed-top .navbar-brand,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>li>a,
.mf-theme-khaki .navbar-fixed-top,
.mf-theme-khaki .navbar-fixed-top .navbar-nav>.open>a,
.mf-theme-khaki .mf-sidebar-bar,
.mf-theme-khaki .mf-sidebar-label,
.mf-theme-khaki .mf-blade-header-content-title-text,
.mf-theme-khaki .mf-toolbar-item-text{
    color: green;
}
.mf-theme-khaki mf-blade .mf-blade {
    background-color: lightgoldenrodyellow;
}
.mf-theme-khaki .mf-sidebar-bar button,
.mf-theme-khaki mf-blade .mf-blade,
.mf-theme-khaki mf-blade .mf-blade .mf-blade-section{
    border-color: lightgoldenrodyellow;
}
.mf-theme-khaki .mf-sidebar-handle,
.mf-theme-khaki .mf-sidebar-icon svg,
.mf-theme-khaki mf-blade .mf-blade-header svg{
    fill: green;
    stroke: green;
}
.mf-theme-khaki .mf-sidebar-icon:hover svg,
.mf-theme-khaki .mf-sidebar-handle:hover{
    fill: darkgreen;
    stroke: darkgreen;
}
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-header-cell-wrapper,
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-row >div{
    border-bottom-color: #d4d4d4;
}
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-row:nth-child(odd) .ui-grid-cell,
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-bottom: 0;
}
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-pinned-container .ui-grid-row .ui-grid-cell{
    border-right-color: #d4d4d4;
    border-bottom-color: #d4d4d4;
}
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-row:hover:nth-child(even) .ui-grid-cell,
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-row:hover:nth-child(odd) .ui-grid-cell,
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.mf-theme-khaki mf-blade .mf-blade-menu .mf-blade-menu-item:hover,
.mf-theme-khaki mf-blade .mf-blade-menu .mf-blade-menu-item.active{
    background-color: lightgoldenrodyellow;
    border-color: lightgoldenrodyellow;
    border-bottom-color: #d4d4d4;
}
.mf-theme-khaki mf-blade mf-grid .grid.ui-grid .ui-grid-pinned-container .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell{
    border-right-color: #d4d4d4;
}