.docs-layout-header{
color: white;
height: calc( 56px + 64px );
}
.docs-layout-header.mdl-layout__header {
    padding: 0; 
    background-color: #f5f5f5;
}
.docs-layout-header h3 {
font-size:3vw;
}
.mdl-layout__header-row{
    background-color:rgb(26,107,102) !important;
}



    div.mdl-layout__tab-bar{
/*The followinf three lines are needed whene using scrolling button. For the moment they are disbaled since they cause troubles. Try again
        when the width of the website will be changed to 100%*/
/*
max-width:calc(100% - 2*48px);
padding-left:60px;
padding-right:60px;
*/
       
}
    
.mdl-layout__tab-bar-button{
	color:#e4e4e4;
}
.mdl-layout__tab-bar-button.is-active{
color:black;
}
/*Set the background of the hamburger menu button to transparent when on small screen*/
.mdl-layout__header .mdl-layout__drawer-button{
	background:transparent;
	top: 0px;
	margin:0;
	z-index: 7;
	}
.mdl-layout__header--scroll .mdl-layout__header-row{
	padding-left:10px;	
	}
.mdl-layout__content{
margin-top:20px;
}


.docs-navigation__container {
    bottom: 0;
	}
.docs-navigation__container {
    position: absolute;
	}



	.home .docs-navigation .home, .phd .docs-navigation .phd, .research .docs-navigation .research, .people .docs-navigation .people, .activity .docs-navigation .activity, .joinus .docs-navigation .joinus, .visitus .docs-navigation .visitus, .news .docs-navigation .news {
		opacity: 1;
    border-bottom-color: green !important;
		background-color:rgba(0, 0, 0, 0.04);
	}
	.docs-navigation .mdl-navigation__link{
    border-bottom: 3px solid transparent;
	}

.logodiv{
  display: none;
}
.sbp-header-container{
  display: none;
}
.members-pic{
	width:100%;
	max-width: 210px;   
	height: auto;
}
.members-list{
	list-style-type:none;
	text-align: left;
}
.card-right-descr .mdl-card__title{
	padding-bottom: 0px;
}
.card-right-descr .mdl-card__supporting-text{
	padding-top: 0px;
}
.docs-navigation{
	overflow-x: auto;
	pointer-events: auto;
}
.docs-navigation::-webkit-scrollbar {
	display:none;
}