/* per https://github.com/joomla/joomla-cms/issues/38282# */
.CodeMirror-gutters {
  left: 0px !important; 
}

/* title remove underline */
.container-below-top a{
text-decoration: none;
}

/* set foreground image to full width - set image class in image editor - advanced*/
.tdoc_bg {
width: 100% !important ;
}

/* set up a table 7 cols wide */
.table_7x {
  display: grid;
  grid-template-columns: repeat(7, minmax(min-content,auto));
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  overflow-x: scroll;
}

/* set up a table 5 cols wide 2fr 2fr 1fr 1fr 1fr */
.table_5x {
  display: grid;
  grid-template-columns: repeat(2,minmax(min-content,2fr)) repeat(3,minmax(min-content,1fr)) ;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
}

/* make left grid item sticky */
@media (max-width: 767px) {
  .table_icky{
    overflow-x: scroll;
  } 
  .lefticky {
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 2;
  }
}

/* set up a table 4 cols wide */
.table_4x {
  display: grid;
  grid-template-columns: 110px minmax(min-content,4fr) 110px minmax(min-content,3fr);
  grid-column-gap: 7px;
  grid-row-gap: 7px;
}
/* make columns 2fr 1fr 1fr 1fr - maxmin not needed */
.table_4y {
  grid-template-columns: 2fr 1fr 1fr 1fr;  
}
/* make columns 3fr 3fr 1fr 1fr - maxmin not needed */
.table_4z {
  grid-template-columns: 3fr 3fr 1fr 1fr;  
}

/* grid item 3 cols in 4 */
.grid_item_4 {
  grid-column-start: 2;
  grid-column-end: 5;
}

/* set up a table 3 cols wide */
.table_3x {
  display: grid;
  grid-template-columns: 110px 2fr 2fr;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
}
/* make table 2fr 1fr 1fr */
.table_3u {
 grid-template-columns: 2fr 1fr 1fr; 
}
/* make table 2fr 100px 3fr */
.table_3v {
 grid-template-columns: 2fr 100px 3fr; 
}
/* make table 1fr 1fr 2fr */
.table_3w {
 grid-template-columns: 1fr 1fr 2fr; 
}
/* make table 1fr 1fr 1fr */
.table_3y {
 grid-template-columns: 1fr 1fr 1fr; 
}
/* make table 1fr 2fr 2fr */
.table_3z {
 grid-template-columns: 1fr 2fr 2fr; 
}
/* make table 110px 1fr 50px */
.table_3z2 {
 grid-template-columns: 110px 1fr 50px; 
}
/* make table 110px 1fr 2fr */
.table_3z3 {
 grid-template-columns: 110px 1fr 2fr; 
}

/* set the tdoc area - grid-row-start / grid-column-start / grid-row-end / grid-column-end.*/
.grid_item_tdoc {
  grid-area: 2 / 2 / 4 / 3 ; 
  background-color: green;
  border: 2px solid green !important;
}

/* grid item col 1 2 rows - EDM - flips to left */
.grid_item_c6 {
  grid-row-start: 6;
  grid-row-end: 8;
}

/* grid item col 1 2 rows - Portals - flips to left */
.grid_item_c8 {
  grid-row-start: 8;
  grid-row-end: 10;
}

/* grid item 2 cols in 3 */
.grid_item_3 {
  grid-column-start: 2;
  grid-column-end: 4;
}

/* grid item col 2 4 rows - Technical - flips to left */
.grid_item_d6 {
  grid-row-start: 2;
  grid-row-end: 5;
}
/* grid item col 5 6 rows - General - flips to left */
.grid_item_d8 {
  grid-row-start: 5;
  grid-row-end: 7;
}

/* set up a table 2 wide */
.table_2x {
  display: grid;
  grid-template-columns: 110px 1fr;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  }
/* make table 200px to 1fr 1fr */
.table_2y {
 grid-template-columns: minmax(200px, 1fr) 1fr; 
}
/* make table 200px 1fr */
.table_2z {
 grid-template-columns: 200px 1fr; 
}

/* bottom margin for a table */
.table_bm {
  margin-bottom: 7px ;
}

/* space for line for full width of grid - any no of cols */
.spacer_item {
  grid-column-start: 1;
  grid-column-end: -1;
}

/* grid item stuff */
.grid_item {
  border: 2px solid #87b5ff;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
}
/* center text in grid item */
.grid_item_ctr {
  text-align: center;
}

/* format line for grid */
hr.grid_line {
  height: 2px !important;
  border: 0px !important;
  color: #87b5ff !important;
  opacity:1.0 !important;
  margin: 5px !important;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}