body{
  font-family: 'Inter', sans-serif;
}
.navbar{
  z-index: 1;
  min-height: 4rem;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
}
main{
  background-color:#f8f8fb;
}
.side-menu{
  background-color: #2a3042;
  padding-top: 40px;
  color: #a6b0cf;
}
.side-menu .nav-item{
  margin: 6px 0;
  padding-left: 30px;
  padding-right: 15px;
  min-height: 43px;
  transition: 0.3s
}
.side-menu .menu-title{
  font-weight: 600;
  text-transform: uppercase;
  color: #868eae;
  margin-bottom: 15px;
  padding: 0 15px;
  font-size: 14px; 
}
.side-body .nav-link{
  font-weight: 400;
  color: #a6b0cf;
  font-size: 14px;
  transition: 0.3s
}
.nav-link{
  padding: 0px;
}
.side-body .nav-item:hover{
  color: #A6B08A;
  padding-left: 40px;
}
.nested-parent > svg:first-child{
  transition: .3s transform ease-in-out;
  transform: rotate(90deg);
}
.nested-parent.collapsed > svg:first-child{
  transform: rotate(0deg);
}
.nested-nav {
  transition: 1s;
  list-style: none;
}
.nested-nav li{
  padding: 15px 0;
}
.nested-nav .nav-link{
  font-size: 13px;
}
.form-signin{
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
}
#document-list ul{
  padding: 0;
}
#document-list li{
  margin: 5px 0;
  list-style: none;
}
#document-list span.name{
  background: #f5f5f5; 
  border-radius: 5px;
  display: inline-block;
  padding: 5px 10px;
}
thead input {
  width: 100%;
}