﻿    /*Header css starts*/
.header .menu_header .menu-icon {
    width: 47px;
    height: 47px;
    padding: 0px;
    margin: 0px;
    transition: 0.3s;
    border-radius: 0px;
    background-color: var(--app-theme-color);
    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;
        height: 47px !important;
        width: 51px;
    }

        .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: 70px;
    color: #818181;
    float: left;
}

    .user-detail .user-name {
        font-size: 18px;
    }

    md-menu-item .md-button:hover:not([disabled]) {
        /*background-color: var(--app-theme-color);
        color: #fff;*/
    }

md-menu-item .md-button{
    height: 48px !important;

}

md-menu-item {
    height: 48px !important;
}

.app-company-img {
    width: 100px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-right: 40px;
    height: 47px;
}

.mdmenu-item {
    height: 47px;
}

.applicationheader {
    font-size: 20px;
    color: #606060;
    padding-right: 10px;
    border-right: 1px solid #aaaaaa;
}


.interfaceheader {
    font-size: 20px;
    color: #606060;
    padding-left: 10px;
}

.md-button-user-icon {
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 48px !important;
    padding-bottom: 10px !important;
    padding-top: 0px !important;
    width: 48px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}

.md-icon-user {
    width: 48px !important;
    height: 47px !important;
    margin-left: 0px;
    margin-right: 0px;
}

#md-menu-content {
    display: inline !important;
    position: relative !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}