.mdl-layout__header-row {
    padding: 0 15px;
}

.mdl-layout.has-drawer .mdl-layout__header-row {
    padding: 0 40px 0 80px;
}

.mdl-layout__drawer-button{
    height: 40px;
}

h1 {
    font-size: 45px;
    line-height: 48px;
}

h2 {
    font-size: 1.8rem;
    line-height: 1.9rem;
}

h3 {
    font-size: 18px;
    line-height: 20px;
}

h4 {
    font-size: 1.145rem;
    line-height: 18px;
}

body{
    font-family: "Roboto", "Helvetica","Arial",sans-serif;
    font-size: 0.86rem;
    font-weight: 400;
    line-height: 1rem;
}

p {
    font-size: 0.86rem;
    line-height: 1.145rem;
    letter-spacing: 0;
    margin: 0 0 16px;
}

ol, ul {
    font-size: 0.86rem;
    line-height: 1.145rem;
}

.mdl-tooltip{
    max-width: 500px!important;
    z-index: 999999;
    background: #4c4c4c;
}

.mdl-tooltip:not(.is-active){
    visibility: hidden;
}



.demo-layout .demo-header .mdl-textfield {
    padding: 0px;
    margin-top: 41px;
}
.demo-layout .demo-header .mdl-textfield .mdl-textfield__expandable-holder {
    bottom: 19px;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
    color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
    margin-bottom: 16px;
}
.demo-drawer {
    border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
    z-index: -1;
}
.demo-drawer .demo-navigation {
    z-index: -2;
}

.mdl-navigation a.mdl-navigation__link{
    color: #000 !important;
    padding: 0 5px;
}

.side-navigation.mdl-navigation a.mdl-navigation__link{
    line-height: 1;
    font-size: 0.86rem;
    padding: 7px 20px!important;
    color: #0d0d0d;
}

.demo-drawer-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    height: 65px;

}

.demo-drawer-header a{
    color: #eceff1 !important;
    font-size: 0.86rem;
}

.demo-drawer-header button{
    background-image: none;
}

.demo-drawer {
    border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
    z-index: -1;
}
.demo-drawer .demo-navigation {
    z-index: -2;
}

.demo-drawer .mdl-menu .mdl-menu__item {
    display: flex;
    align-items: center;
}
.demo-drawer-header {
    color: white;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    height: 44px;
}
.demo-avatar-dropdown {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.demo-navigation {
    flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    color: rgba(255, 255, 255, 0.56);
    font-weight: 500;
}

.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row{
    padding-left: 10px;
}

.demo-drawer-header .mdl-menu__item a{
    color: black!important;
}

.side-navigation .toggleGroupTitle{
    background-color: lightgray;

}
.side-navigation .toggleGroupTitle .menu-header{
    padding: 10px;
    font-weight: bold;
}

.side-navigation .toggleGroupTitle  .slide-icon {
    margin: 9px!important;
}

.session-timeout-counter{
    padding: 15px;
    opacity: 0.8;
}

.mdl-layout__header{
    min-height: 32px;
    max-height: 64px;
}

.mdl-layout__header-row .mdl-navigation{
    height: 42px;
}
.mdl-layout__header-row{
    height: 42px;
}
.mdl-layout__header-row .mdl-navigation__link{
    line-height: 42px;
    font-size: 1rem;
}

.mdl-layout__header-row  .mdl-menu__item{
    height: 24px;
    line-height: 24px;
}

.mdl-layout__header-row  .mdl-menu__item a{
    line-height: 24px;
}

.mdl-menu__item.version-button{
    cursor: auto!important;
}

main.mdl-layout__content{
    /*overflow: visible;*/
    /*z-index: 10;*/
}

.mdl-layout__header{
    /*z-index: 1;*/
}

.mdl-layout__drawer-button{
    margin: 0;
    color: black;

}

.user-account-menu .username{
    padding-left: 12px;
    padding-bottom: 7px;
}

.langActive {
    font-weight: bold;
}