header {
	position: fixed;
    width: 100%;
    height: 48px;
    z-index: 997;
}
main, footer {
  padding-left: 258px;
  padding-top: 48px;
}

@media only screen and (max-width : 992px) {
  main, footer {
    padding-left: 0;
  }
}




/*START sidenav*/
	.side-nav {
		margin-top: 48px
	}
	.side-nav a {
	    padding: 0 16px;
	}
	.side-nav .userView {
	    padding: 10px 15px 0;
	}
	.background img{
		max-width:100%
	} 
	.side-nav li>a>i.material-icons {
		margin: 0 26px 0 0;
	}
	.side-nav .collapsible-header, .side-nav.fixed .collapsible-header {
	    padding: 0 10px 0 16px;
	}
/*END sidenav*/


/*START Header nav*/
	nav {
	    color: #fff;
	    /*background-color: #03A2B7; [THEME]*/ 
	    background-color: #042B88;

	    -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.12),0 1px 8px 0 rgba(0,0,0,0.2);
	    box-shadow:         0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.12),0 1px 8px 0 rgba(0,0,0,0.2);
	    line-height: 48px;
	    height: 48px;
	}
	nav i {
		height: 48px !important;
    	line-height: 48px !important;
	}
/*END Header Nav*/


/*START breadcrumb*/
.breadcrumb {
    font-size: 15px;
    line-height: 40px;
}
.breadcrumb:before {
    font-size: 18px;
    margin: 0 2px 0 2px;
}

/*END breadcrumb*/

/*START Card*/
	.card .card-content {
    	position: relative;
	}
/*END Card*/


@media only screen and (max-width : 992px) {

	.side-nav {
		margin-top: 0px;
	}


}


@media only screen and (min-width: 601px){

	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
	        height: 48px;
    		line-height: 48px;
	}	
}