body {
    font-family: "Lato", sans-serif;
    transition: background-color .5s;
}

.sidenav {
    height: 100%;
	  width:300px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;

    margin-top:0px;
    border-right:2px solid #d7df23;

}

.sidenav a {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 20px;
    line-height:28px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 26px;
    margin-left: 50px;
}

.sideBarWrapper{
    margin-top:0px

}

#mySidenav{
  font-size:14px

}

#main {
    transition: margin-left .5s;
    padding: 0px 16px ;
}

.orgSubMenu.action{
	color:#007bff;
}

.orgSubMenuList.action{
	color:#007bff;
}


.subMenuCont{
	margin-left:20px;
}

.subMenuCont a{
	font-size:18px;
	color:#ccc
}

.logoCont{
	background-color:#0093d1;
	padding-top:40px;
	padding-bottom:40px
}

.logoCont img{
	padding-left:30px
}


#organisationBody .closebtn{
	position:absolute;
	top:0;
	right:0;
	color:#fff
}

#organisationBody a i{
	color:#0093d1

}

#organisationBody .orgSubMenu span,#organisationBody .orgSubMenuList span{
	padding-left:10px
}

#organisationBody .orgSubMenuList .chevron{
	float:right
}

#main{
	color:#0093d1;
}

#main span{
	font-size:30px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:20px
}

.breadcrumb{
	background-color:#fff
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.menuItem i,.menuList i{
  min-width:30px;
  color:#009944;
  border-bottom:1px solid #f1f1f1
}