html {
  min-height: 100%;
  position: relative;
}
/* body {
  margin: 0;
  margin-bottom: 40px;
}
footer {
  background-color:#dcdcdc;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
} */

.form-control,
.btn,
.input-sm,
.form-horizontal .form-group-sm .form-control,
.input-lg,
.form-horizontal .form-group-lg .form-control,
.pagination {
  border-radius: 2px;
}

.menu-superior{
  margin: 0;
  z-index: 2;
  border-radius: 0px;
}

.sidenav {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /* background-color: #f8f8f8; */
  background-color: #32373d;
  /* border: 1px solid #e7e7e7; */
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 50px;
  text-transform: uppercase;
}

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

.sidenav li {
  padding: 4px;
}

.sidenav .collapse-item {
  padding: 8px 8px 8px 15px;
  text-decoration: none;
  font-size: 13px;
  /* color: #818188; */
  color: rgba(255, 255, 255, 0.6);
  display: block;
  transition: 0.3s;
  cursor: pointer;
}

.sidenav .collapse-item:hover {
  color: #ffffff;
  background-color: #818181;
  border-radius: 2px;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

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

.modal-header {
  border-bottom: none;
}

@media screen and (max-height: 450px) {
  .sidenav .collapse-item {font-size: 18px;}
}

.container-fluid {

    margin-bottom: 60px;
}