.header .nav
{
	line-height:57.5px;
}

.nav-link
{
	color:#554380;
}

.header
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:75px;
	background:#F5F5F5;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	z-index:5;
	display:none;
}

.header-left-nav-toggle
{
	position:absolute;
	top:0px;
	left:0px;
	line-height:75px;
	font-size:35px;
	width:100px;
	border-right:1px solid lightgrey;
	cursor:pointer;
	text-align:center;
	color:grey;
	transition:0.2s;
}

.header .logo
{
	position:absolute;
	top:0px;
	left:100px;
	height:75px;
	border-right:1px solid lightgrey;
}

.header-left-nav-toggle:hover
{
	background:white;
}

.left-nav
{
	position:fixed;
	top:75px;
	left:-0px;
	width:250px;
	bottom:0px;
	background:#2D323E;
	z-index:15;
	display:none;
	overflow-y: auto;
}


.left-nav .left-nav-tab:hover, .left-nav a:hover
{
	text-decoration:none;
}

.left-nav-tab
{
	position:relative;
	width:100%;
	line-height:45px;
	padding:0px 0px 0px 10px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:lightgrey;
	cursor:pointer;
	transition:0.1s;
	/*border-top:1px solid #3b3b3b;
	border-bottom:1px solid #292929;*/
}


.left-nav-tab:hover
{
	color:white;
	padding:0px 0px 0px 20px;
	background:#262a34;
}

.left-nav-tab i
{
	margin-right:5px;
	transition:0.1s;
}

.page-loader
{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto;
	height:100px;
	width:100px;
}

.body
{
	position:absolute;
	top:75px;
	left:250px;
	right:0px;
	bottom:0px;
	z-index:1;
}

.body-header
{
	height:175px;
	width:100%;
	/*background:#554380;
	box-shadow:0px 0px 10px inset #382c54;*/
	background-image: url(https://psylutionsgroup.com.au/Images/background.jpg);
    background-size: cover;
    background-position: center;
	display:none;
}

.body-main
{
	position:absolute;
	top:100px;
	left:0px;
	right:0px;
	width:1000px;
	margin:auto;
	background:white;
    border-radius: 8px 8px 0 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	display:none;
}

.body-main-header
{
	line-height:75px;
	padding-left:20px;
	width:100%;
    border-bottom: 1px solid;
    border-bottom-color: rgba(0,0,0,.12);
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	color:#1a1a1a;
	font-weight:400;
}

.body-left-nav
{
	position:absolute;
	top:175px;
	left:15px;
	width:200px;
	padding:15px;
	min-height:1425px;
	display:none;

}

.body-left-nav h3
{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:darkgrey;
	font-weight:300;
	margin-bottom:5px;
}

.body-left-nav ol
{
	margin:0px;
	padding:0px;
}

.body-left-nav ol li
{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:grey;
	font-weight:400;
	cursor:pointer;
	line-height:40px;
	border-bottom:0.5px dotted lightgrey;
	transition:0.1s;
}

.body-left-nav ol li:hover
{
	color:#1A1A1A;
	padding-left:5px;
}

.body-content
{
	padding:20px;
}

.left-nav-heading
{
    width:100%;
    text-align:center;
    color:lightgrey;
    font-size:16px;
    font-family:'Roboto', sans-serif;
    text-transform:uppercase;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2D323E; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: darkgrey; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;