.new-container {
  background: #FFFFFF;
  padding: 60px 10px 60px 60px;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
}

/*Barra de rolagem*/
#style-3::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #FFFFFF;
}

#style-3::-webkit-scrollbar
{
  width: 6px;
  background-color: #FFFFff;
}

#style-3::-webkit-scrollbar-thumb
{
  background-color: #2C3E50;
}
.scrollbar {
  float: left;
  overflow-y: scroll;
}
.force-overflow {
  min-height: 300px;
}

/*Menu lateral*/
.side-menu {
  z-index: 999;
  margin-top: 50px;
  position: fixed;
  width: 260px;
  left: -210px;
  height: 600px;
  background-color: #FFFFFF;
  border-right: 1px solid #2C3E50;
  border-bottom: 1px solid #2c3E50;
  border-bottom-right-radius: 3px;
  transition: left 0.4s linear;
}

.cabecalho {
  transition: left 0.4s linear;
  height: 40px;
}

.imagem-encolher {
  margin: 6px 10px;
  padding: 5px;
  font-size: 18px;
  border: 1px solid #B5B5B5;
  border-radius: 2px;
  text-decoration: none;
  color: #2C3E50;
}

.ul-menu-lateral li {
  margin: 0 10px 0 10px;
}

.ul-menu-lateral li a {
  transition: 0.5s;
  opacity: 0;
  color: #000000;
}

/*Alterações para resoluções menores*/
@media only screen and (max-width: 1280px) {
  .side-menu {
    height: 500px;
  }
  .force-overflow {
    min-height: 300px;
  }
}

@media only screen and (max-width: 960px) {
  .side-menu {
    height: 500px;
  }
  .force-overflow {
    min-height: 150px;
  }
}

@media only screen and (max-width: 800px) {
  .side-menu {
    height: 360px;
  }
  .force-overflow {
    min-height: 150px;
  }
}

@media only screen and (max-width: 760px) {
  .new-container {
    padding: 10px 10px 10px 10px;
  }
  .side-menu {
    margin-top: 0;
    left: -260px;
    height: 300px;
  }
  .force-overflow {
    min-height: 150px;
  }
}

@media only screen and (max-width: 699px) {
  .side-menu {
    left: -260px;
    height: 250px;
  }
  .force-overflow {
    min-height: 150px;
  }
}


@media only screen and (max-width: 599px) {
  .side-menu {
    left: -260px;
    height: 220px;
  }
  .force-overflow {
    min-height: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .side-menu {
    left: -260px;
    height: 450px;
  }
  .force-overflow {
    min-height: 150px;
  }
}

@media only screen and (max-width: 330px) {
  .side-menu {
    left: -260px;
    height: 340px;
  }
  .force-overflow {
    min-height: 150px;
  }
}