#bodywrapper{
  display: flex;
  flex-direction: column;
}

#bodycontent{
  padding-bottom: 0px;
  display: flex;
  flex: 1;
}

form{
  margin: 0px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

#breadcrumbs{
  margin-bottom: 0px;
}

.main-container{
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.left-side-nav{
max-width: 20%;
min-width: 20%;
background: #163861;
padding: 25px 2px;
margin-right: 30px;
height: 100%;
display: flex;
flex-direction: column;

}

.left-side-nav-fixed{
max-width: 20%;
min-width: 20%;
height: 100%;
display: flex;
flex-direction: column;
position: fixed;
top: 70px;
left: 0;

}

.container{
  margin-top: 20px;
}

#footerbuffer{
  display: none;
}

#footer_repositrak{
  margin-top: 50px;
  height: 90px !important;
}


.left-side-nav .nav-link{
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  display: block;
  padding: 15px;
  box-sizing: border-box;
  padding-left: 12px;

}



.left-side-nav .nav-link:hover{
  background-color: #6B8FCE;
}

.left-side-nav .nav-link:active{
  background-color: #6B8FCE;
}

.left-side-nav .nav-link.selected{
background-color: #6B8FCE;
border-left: 8px solid #1B63EB;
}

.nav-accordion{
color: #fff;
  text-decoration: none;
  font-size: 16px;
  display: block;
  line-height: 28px;
  padding:12px;
  box-sizing: border-box; 
  padding-left: 12px;
  position: relative;
  cursor: pointer;
}

.nav-accordion .nav-link{
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  display: block;
  padding: 10px !important;
  box-sizing: border-box;
  padding-left: 12px;
}


.nav-accordion-icon {
position: relative;
}

.nav-accordion-icon::after {
content: "";
position: absolute;
padding-right: 20px;
width: 12px;
height: 12px;
background-image: url(/application/image/icons/vector/arrow-icon.png);
background-repeat: no-repeat;
background-position:  center;
background-size: contain;
transition: transform 0.1s;
transform:  translateY(-50%) rotate(90deg);
display: inline-block;
top: 55%;
left: 110%;
}

.nav-accordion.active .nav-accordion-icon::after {
transform: translateY(-50%) rotate(270deg);
}

.nav-accordion:hover:not(.active) {
background-color: #6B8FCE;
}

.nav-accordion .nav-link{
display: none;
}


.nav-accordion.active a {
display: block;
padding-left: 15px;
}


.left-side-nav-fixed a.nav-link {
padding-left:12px;
transition: background-color 0.3s;     
}



