﻿    /*Header css starts*/
    .header .menu_header .menu-icon {
        width: 56px;
        height: 50px;
        padding: 0px;
        margin: 0px;
        transition: 0.3s;
        border-radius: 0px;
        background-color: #909397;
        color: #fff;
    }

        .header .menu_header .menu-icon .material-icons {
            color: #fff;
        }

        .header .menu_header .menu-icon:hover {
            background-color: var(--app-theme-color);
        }

            .header .menu_header .menu-icon:hover .material-icons {
                color: #FFF;
            }

    .header .md-toolbar-tools {
        padding: 0px;
    }

    .user-icon {
        border-left: 1px solid rgba(0,0,0,0.1);
        transition: 0.3s;
    }

        .user-icon:hover, .user-icon.md-open {
            background-color: var(--app-theme-color);
            color: #fff;
        }

            .user-icon:hover md-icon, .user-icon.md-open md-icon {
                color: #fff;
            }

    /*.header-menu-popup {
        top: 58px !important;
        transform: translatex(13px);
    }*/

    .user-detail p {
        margin: 0px;
    }

    .user-detail .material-icons {
        font-size: 40px;
        color: var(--app-theme-color);
    }

    .user-detail .user-name {
        font-size: 18px;
    }

    md-menu-item .md-button:hover:not([disabled]) {
        background-color: var(--app-theme-color);
        color: #fff;
    }

.app-company-img
{
    width: 120px;
    height: 23px;
}

.applicationheader {
    font-size: 18px;
    padding-right: 10px;
    border-right: 1px solid #aaaaaa;
}


.interfaceheader {
    font-size: 18px;
    padding-left: 10px;
}

md-menu-content.md-dense md-menu-item {
    height: 46px;
    min-height: 0;
}