.main-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.react-grid-masefer {
  zoom: 1;
  position: relative;
  height: 100%;
  padding: 5px;
  overflow: auto;
  box-sizing: border-box;
}

.div-container-grid {
  position: absolute;
  height: calc(100% - 10px);
  width: 100%;
  overflow: auto;
  min-height: 200px;
  z-index: 0;
}

@media (max-width: 640px) {
  .react-grid-masefer {
    zoom: 0.75;
    height: 100%;
  }

  .btn-size-10 .MuiButton-label {
    font-size: 12px;
    height: calc(100% - 60px);
  }

  .div-container-grid {
    height: calc(100% - 100px);
  }
}

@media (max-width: 420px) {
  .react-grid-masefer {
    zoom: 0.6;
  }

  .div-container-grid {
    height: calc(100% - 50px);
  }

  .btn-size-10 .MuiButton-label {
    font-size: 10px;
  }
}

body {
  margin: 0px;
}