@charset "utf-8";

/* CSS Document */



/** LAYOUT **/

#layoutSidenav {

  display: flex;

}

#layoutSidenav #layoutSidenav_nav {

  flex-basis: 225px;

  flex-basis:230px;

  flex-shrink: 0;

  transition: transform 0.15s ease-in-out;

  z-index: 1038;

  transform: translateX(-225px);

	    min-height: 100vh;

}

#layoutSidenav #layoutSidenav_content {

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

	  justify-content: unset;



  min-width: 0;

  flex-grow: 1;

  min-height: calc(100vh - 56px);

  margin-left: -225px;

	

  padding-top: 56px;

}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {

  transform: translateX(0);

}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  z-index: 1037;

  opacity: 0.5;

  transition: opacity 0.3s ease-in-out;

}





@media (min-width: 992px) {

  #layoutSidenav #layoutSidenav_nav {

    transform: translateX(0);

  }

  #layoutSidenav #layoutSidenav_content {

    margin-left: 0;

    transition: margin 0.15s ease-in-out;

  }

  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {

    transform: translateX(-225px);

  }

  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {

    margin-left: -225px;

  }

  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {

    display: none;

  }

}





.sb-nav-fixed .sb-topnav {

  z-index: 1039;

}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {

  width: 225px;

  height: 100vh;

  z-index: 1038;

}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {

  padding-top: 56px;

}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {

  overflow-y: auto;

}

.sb-nav-fixed #layoutSidenav #layoutSidenav_content {

  padding-left: 225px;

  top: 56px;

}

.sb-sidenav {

  display: flex;

  flex-direction: column;

  height: 100%;

  flex-wrap: nowrap;
	
	    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.5);

}

.sb-sidenav {

  padding-top: 56px;

}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {

  padding-top: 56px;

}







/** menu **/

.nav-item { padding-left:15px; padding-right: 15px;}





/*****/

.fixed-top {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1040;

}

.navbar-brand {

  width: 256px

}

@media (max-width:500px){
.navbar.navbar-expand-xl .navbar-brand{  width: auto;  }
}


.sb-sidenav-menu .navbar-nav .nav-item:first-child{padding-top:10px;  }


.sb-sidenav-footer{      position: absolute;
    bottom: 0;
    font-size: 0.6rem;
    background: rgb(0, 0, 0, 0.1);text-align: right;
}

.sb-sidenav.bg-dark{

background-color: #434041;	
}
/** END LAYOUT**/