:root{
  --color-aside-tsl-light: rgb(10, 2, 49);
  --color-text-light: rgba(235, 235, 237);
  --color-text-dark: rgba(20, 20, 20);
  --color-header-light: rgba(252, 252, 252);
  --color-header-dark: rgba(36, 35, 35);
  --color-main-light: rgba(240, 240, 240);
  --color-footer-light: rgba(252, 252, 252);
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito/Nunito-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

*{
  font-family: 'Nunito';
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
  margin: 0 !important;
}

#layoutLogin {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#layoutLogin #layoutLogin_content {
  min-width: 0;
  flex-grow: 1;
  background-color: var(--color-main-light);
}

#layoutLogin #layoutLogin_footer {
  min-width: 0;
}

a{
  text-decoration: none !important;
}

aside a{
  color: var(--color-text-light);
}

#headerAside {
  display: flex;
  height: 100vh; 
}

#headerAside aside {
  flex-shrink: 0;        
  position: sticky;
  top: 0;
  height: 100vh; 
}

#headerAside > .d-flex.flex-column {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#headerAside header {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.divContent {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
}

footer a{
  color: var(--color-text-dark);
}

header{
  min-width: 83vw;
  height: 6vh;
  background-color: var(--color-header-light);
}

aside{
  width: 14vw;
  height: 100vh;
  background-color: var(--color-aside-tsl-light);
  color: var(--color-text-light);
  transition: transform 0.15s ease-in-out;
}

.sb-sidenav-toggled #headerAside aside {
  transform: translateX(0);
}

.sb-sidenav-toggled #headerAside aside: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) {
  #headerAside aside {
    transform: translateX(0);
  }

  #headerAside #headerContent {
    margin-left: 0;
    transition: margin 0.15s ease-in-out;
  }

  .sb-sidenav-toggled #headerAside aside {
    transform: translateX(-31vw);
  }

  .sb-sidenav-toggled #headerAside #headerContent {
    margin-left: -31vw;
  }

  .sb-sidenav-toggled #headerAside #headerContent:before {
    display: none;
  }
}

ul.ulAside{
  list-style-type: none; 
  padding-left: 0;
}

.ulAside li{
  padding: 10px 5px;
}

.imgAside{
  width: 18vh;
}

main{
  background-color: var(--color-main-light);
}

thead{
  background-color: var(--color-theads) !important;
}

footer{
  background-color: var(--color-footer-light);
  height: 40px;
}

@media(max-width: 1400px){
  header{
    height: 9vh;
  }
  h2{
    font-size: 26px !important;
  }
  h3{
    font-size: 24px !important;
  }
}