/*
  because inconsistent layout
*/
.container {
  width: 90% !important;
}

/*
  grid for the content pane that will show 
  the controls for the user
*/
.contentPane {

  margin: 40px auto;

  display: grid;

  align-items: center;

  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);  

}

/*
  fixing inconsistent layout
*/
.dnnModuleManager {
  
  grid-column: auto/span 12;

  display: grid;

  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);  

}

/*
  6 columns for the individual modules
*/
.DnnModule {

  grid-column: auto/span 3;

}

/*
  4 columns offset for modules
*/
.DnnModule-2283 {

  grid-column-start: 4;

}