.control-panel-main-container{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.control-panel-main-container h1{
  text-align: center;
  font-weight: 500;
}

.control_panel_for_preview{
  width: 100%;
  height: calc(100% - 48px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}

.control_panel{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}

.control_panel_for_preview_movile{
  width: 100%;
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}

.indicators_container_partial{
  width: calc(100% - 128px);
  height: 100%;
  display: flex;
}

.indicators_container_partial_movile{
  width: 100%;
  height: calc(100% - 148px);
  overflow: hidden;
  display: flex;
}

.indicators_container_full{
  width: 100%;
  height: 100%;
  display: flex;
}

.horizontal_view{
  overflow-x: auto;
  overflow-y: hidden;
  flex-direction: column;
  flex-wrap: wrap;
}

.vertical_view{
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: row;
  flex-wrap: wrap;
}