﻿body.mf-theme-gray{
    /*font-family: az_ea_font,wf_segoe-ui_semilight, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;*/
    font-family: az_ea_font, wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.mf-theme-gray mf-grid{
    /*font-family: az_ea_font, wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;*/
    font-size: 12px;
}
.mf-theme-gray .mf-sidebar,
.mf-theme-gray .mf-sidebar-bar,
.mf-theme-gray .mf-workflow,
.mf-theme-gray .mf-workflow-bar,
.mf-theme-gray .mf-video,
.mf-theme-gray .mf-video-bar,
.mf-theme-gray .navbar-fixed-top,
.mf-theme-gray.mf-blade .mf-blade-section,
.mf-theme-gray .mf-toolbar-item{
    background-color: rgb(40, 45, 50);
    border-color: rgb(40, 45, 50);
}
.mf-theme-gray .navbar-fixed-top {
    background: rgb(32, 36, 40);
    border-color: rgb(61, 66, 71);
}
.mf-theme-gray .mf-sidebar{
    border-right: 1px solid rgb(61, 66, 71);
}
.mf-theme-gray .mf-workflow,
.mf-theme-gray .mf-video{
    border-left: 1px solid rgb(61, 66, 71);
}
.mf-theme-gray .navbar-fixed-top .navbar-nav>.active>a,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.active>a:focus,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.active>a:hover,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a:focus,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a:hover,
.mf-theme-gray .mf-sidebar-bar >button:hover,
.mf-theme-gray .mf-sidebar-bar >button:hover *,
.mf-theme-gray .mf-sidebar-item:hover,
.mf-theme-gray .mf-sidebar-item:hover *,
.mf-theme-gray .mf-sidebar-item:active,
.mf-theme-gray .mf-sidebar-item:active *,
.mf-theme-gray mf-breadcrumbs >div >div >span:hover,
.mf-theme-gray .mf-workflow-bar >button:hover,
.mf-theme-gray .mf-workflow-item:hover,
.mf-theme-gray .mf-workflow-item:active,
.mf-theme-gray .mf-toolbar-item:hover,
.mf-theme-gray .mf-toolbar-item:hover *,
.mf-theme-gray .mf-toolbar-item:active,
.mf-theme-gray .mf-toolbar-item:active *,
.mf-theme-gray .mf-sidebar-label:hover,
.mf-theme-gray .mf-sidebar-label:hover *,
.mf-theme-gray .mf-sidebar-label:active,
.mf-theme-gray .mf-sidebar-label:active *,
.mf-theme-gray .mf-workflow-label:hover,
.mf-theme-gray .mf-workflow-label:active{
    background-color: rgb(60, 61, 71);
    border-color: rgb(60, 61, 71);
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
}

.mf-theme-gray .navbar-fixed-top .navbar-nav>.active>a,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.active>a:focus,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.active>a:hover,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a:focus,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a:hover,
.mf-theme-gray mf-grid mf-ui-grid .ui-grid-header-cell-wrapper:hover .ui-grid-header-cell,
.mf-theme-gray mf-grid mf-ui-grid .ui-grid-header-cell-wrapper:hover .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{
    border-color: rgb(204, 204, 204);
}
.mf-theme-gray mf-grid mf-ui-grid .ui-grid-header-canvas,
.mf-theme-gray mf-grid mf-ui-grid .ui-grid-header-cell,
.mf-theme-gray mf-grid mf-ui-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}
.mf-theme-gray .navbar-fixed-top .navbar-brand,
.mf-theme-gray .navbar-fixed-top .navbar-nav>li>a,
.mf-theme-gray .navbar-fixed-top,
.mf-theme-gray .navbar-fixed-top .navbar-nav>.open>a,
.mf-theme-gray .mf-sidebar-bar,
.mf-theme-gray .mf-sidebar-label,
.mf-theme-gray .mf-workflow-bar,
.mf-theme-gray .mf-workflow-label,
.mf-theme-gray .mf-blade-header-content-title-text,
.mf-theme-gray .mf-toolbar-item-text{
    color: rgb(250, 250, 250);
}
.mf-theme-gray.mf-blade {
    background-color: rgb(250, 250, 250);
}

.mf-theme-gray .mf-blade-flyout {
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.mf-theme-gray .mf-blade-flyout mf-blade,
.mf-theme-gray .mf-blade-flyout.mf-blade{
    background: transparent;
}

.mf-theme-gray .mf-blade-flyout.mf-blade section{
    opacity: 0;
}

.mf-theme-gray .mf-sidebar-bar button,
.mf-theme-gray .mf-workflow-bar button,
.mf-theme-gray.mf-blade,
.mf-theme-gray.mf-blade .mf-blade-section{
    border-color: rgb(60, 61, 71);
}
.mf-theme-gray.mf-blade,
.mf-theme-gray.mf-blade .mf-blade-section{
    border-bottom: 0;
}
.mf-theme-gray .mf-sidebar-handle,
.mf-theme-gray .mf-sidebar-icon svg,
.mf-theme-gray .mf-workflow-handle,
.mf-theme-gray .mf-workflow-icon svg,
.mf-theme-gray .mf-toolbar-item-icon svg,
.mf-theme-gray mf-breadcrumbs svg {
    fill: rgb(250, 250, 250);
}
.mf-theme-gray .mf-sidebar-item-apps .mf-sidebar-icon ng-bind-html svg,
.mf-theme-gray .mf-sidebar-item-patientsearch .mf-sidebar-icon ng-bind-html svg,
.mf-theme-gray .mf-sidebar-item-practicemanagement .mf-sidebar-icon ng-bind-html svg,
.mf-theme-gray .mf-workflow-item-apps .mf-workflow-icon ng-bind-html svg {
    stroke: rgb(255, 255, 255);
}
.mf-theme-gray .mf-sidebar-icon:hover svg,
.mf-theme-gray .mf-sidebar-handle:hover,
.mf-theme-gray .mf-workflow-icon:hover svg,
.mf-theme-gray .mf-workflow-handle:hover{
    fill: rgb(255, 255, 255);
}
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-header-cell-wrapper,
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-row >div{
    border-bottom-color: rgb(204, 204, 204);
}
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-row:nth-child(odd) .ui-grid-cell,
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color:rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-bottom: 0;
}
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-pinned-container .ui-grid-row .ui-grid-cell{
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
}
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.mf-theme-gray.mf-blade-menu .mf-blade-menu-item.active{
    background-color: rgb(100, 100, 100);
    color: rgb(255, 255, 255);
}
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-row:hover:nth-child(even) .ui-grid-cell,
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-row:hover:nth-child(odd) .ui-grid-cell,
.mf-theme-gray.mf-blade-menu .mf-blade-menu-item:hover {
    background-color: rgb(200, 200, 200);
    color: rgb(51, 51, 51);
    border-color: rgb(210, 210, 210);
    border-bottom-color: rgb(204, 204, 204);
}
.mf-theme-gray mf-blade mf-grid mf-ui-grid .ui-grid .ui-grid-pinned-container .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell{
    border-right-color: rgb(204, 204, 204);
}
.mf-theme-gray mf-blade mf-checkbox label.css-label {
    background-image:url(/images/mfBladeCheckbox.png);
    background-size: cover;
}
.mf-theme-gray mf-blade mf-checkbox input[type=checkbox].css-checkbox + label.css-label{
    background-position: -15px 0px;
    height: 15px;
    padding-left: 13px;
    margin-top: 2px;
}
.mf-theme-gray mf-blade mf-checkbox input[type=checkbox].css-checkbox:checked + label.css-label,
.mf-theme-gray mf-blade mf-checkbox input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0px 0px;
}
mf-message .mf-message .mf-message-title {
    background-color: rgb(40, 45, 50);
    border-color: rgb(40, 45, 50);
    color: rgb(255, 255, 255);
}
mf-message .mf-message .mf-message-detail {
    background-color: rgb(255, 255, 255);
    min-height: 100px;
    padding: 30px;
}
mf-message .mf-message .mf-message-buttons{
    background: rgb(255, 255, 255);
    text-align: center;
    border: 0px;
}
