.container-render {
display: inline-block;
position: relative;
padding: 0;
width: 100%;
background-color: #191d2b;
}

.image-render {
width: 100%;
}

.navbar {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

/*content menu*/

.image-material {
vertical-align: middle;
width: 49px;
max-width: 49px;
height: auto;
border-radius: 50%;
cursor: pointer;
border: 1px solid #6b6b6b;
}

.image-material.selected {
padding: 1px;
border: 2px solid #6b6b6b;
background-color: #fff;
}

.row-pb {
padding-bottom: 10px;
}

.env-thumbnail {
width: 97.5px;
height: 64.97px;
max-width: 89px;
cursor: pointer;
}

.hiden {
display: none !important;
}

.bg-primary, .hover-bg-primary:hover {
background-color: #ECEBEE!important;
}

.material-icons {
color: #464d4c;
}

.sidenav-footer {
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
line-height: 40px;
background-color: #f5f5f5;
margin-top: 10px !important;
text-align: center;
font-size: x-small;
}

.power-by {
  display: inline !important;
}

.round-btn {
background: url("../img/app/button.png") no-repeat;
background-size: cover;
height: 55px;
width: 55px;
display: block;
position: absolute;
cursor: pointer;
}

/* ******************************************************************** */

.containerBars {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}


.nav-tabs .nav-item {
  width: 50% !important;
}