.equipment-container{
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.equipment-grid{
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
}

.equipment-card{
  width: 448px;
  height: 320px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.25s;
  margin: 16px;
}

.equipment-card:hover{
  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
}

.equipment-toolbar{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

.equipment-main-container{
width: 100%;
height: calc(100vh - 270px);
overflow: hidden;
display: flex;
flex-direction: row;
}

.pending-equipments{
width: 456px;
height: 100%;
box-sizing: border-box;
}

.pending-equipments h2{
margin-bottom: 8px;
text-align: center;
}

.pending-equipments-list{
width: 100%;
height: calc(100% - 40px);
overflow-x: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
}

.arborescence-container{
width: calc(100% - 100px);
height: 40px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
overflow-y: hidden;
overflow-x: auto;
}

.arborescence-block{
width: calc(100% - 100px);
}

.arborescence-level-container{
font-size: 24px;
font-weight: 500;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.arborescence-separator, .inactive_arborescence_level{
color: rgba(0, 0, 0, 0.56);
}

.inactive_arborescence_level{
cursor: pointer;
}

.inactive_arborescence_level:hover{
opacity: 0.8;
}

.active_arborescence_level{
color: rgba(0, 0, 0, 0.85);
}

.equipments_full_width{ width: 100%; }
.equipments_partial_width{ width: calc(100% - 456px); }

.equipments-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}

.no-equipments{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.scroll-vertical{
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}

.pending-title-bar{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 16px;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
}