.demo-container,
#page {
  height: 100%;
  min-height: 300px;
}

#dashboard-content {
  margin-left: 1%; margin-right:1%;
}

#page .page1 {
  background-color: rgba(172, 172, 172, 0.055);
  border: 1px solid rgba(136, 11, 11, 0.438);
  min-height: 400px;
  text-align: center;
  margin-left: 2px;
  margin-top: 2px;  
  margin-bottom: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#page .page2  {
  background-color: rgba(172, 172, 172, 0.055);
  border: 1px solid rgba(136, 11, 11, 0.438);
  min-height: 400px;
  text-align: center;
  margin-left: 4px;
  margin-top: 2px;  
  margin-bottom: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#page .page3 {
  background-color: rgba(172, 172, 172, 0.055);
  border: 1px solid rgba(136, 11, 11, 0.438);
  min-height: 400px;
  text-align: center;
  margin-left: 4px; 
  margin-bottom: 2px;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#page .page4 {
  background-color: rgba(172, 172, 172, 0.055);
  border: 1px solid rgba(136, 11, 11, 0.438);
  min-height: 400px;
  text-align: center;
  margin-left: 4px; 
  margin-bottom: 2px;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#page .page5 {
  background-color: rgba(172, 172, 172, 0.055);
  border: 1px solid rgba(136, 11, 11, 0.438);
  min-height: 400px;
  text-align: center;
  
  margin-left: 4px; 
  margin-bottom: 2px;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#page .page6 {
  background-color: rgba(172, 172, 172, 0.055);
  border: 1px solid rgba(136, 11, 11, 0.438);
  min-height: 400px;
  text-align: center;
  
  margin-left: 4px; 
  margin-bottom: 2px;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.item {
  height: 100%;
  width: 100%;
  
}

#page p {
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
}

.dropArea {
  width: 100%;
  height: 100%;
  /* border: 1px dashed grey; */
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

#gridContainer,#chart,#pie{
  margin: 6px;
  
}