body{text-align: center;font-size: 24px; background-color: white !important;
/*
counter-reset: slide;
*/

}

.slide {
  counter-increment: slide-counter;
}

.slide::after {
/*
  content: "[ " counter(slide-counter) " ]";
*/
  color: black;
  background-color: white;
  position: absolute;
  bottom: 0;
  right: 10px;
  text-align: right;
  font-weight: bold;
  font-weight: bold;
}

table.full-border{
  border-collapse: separate;
  tr, td, th{
    border: 1px solid;
  }
}
tr, td, th{border: 1px solid;}
ul, ol, pre.code{text-align: left;}
pre.code{/*font-size:100%;*/
  font-family: monospace;
  padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.2em; padding-right: 0.2em;
  border-style: solid; border-left-width: 0.5em; border-top-width: thin;
  border-right-width: thin; border-bottom-width: thin;
  border-color: #95ABD0;
} /*justify-self: center;*/
pre.code > .ln{
    background-color: #DFE5F1;
    display: inline-block;
    width: 1.5em; /* Adjust based on your largest line number */
    text-align: right;
    padding-right: 0.4em;
    user-select: none; /* Prevents selecting numbers during copy-paste */
}
pre.code { background-color:#f0f0f0; justify-self:center;}
pre.code code::before{
    font-size: 1em !important;
    background-color: #DFE5F1;
    color: black !important;
};
pre.console{background-color: #F9E0E0;}
ol.trace-code{
  background-color: #F3F2CD;
  color: #27435F/* #466E95*/;
  padding-left: 1.5em;
  padding-right: 1em;
  list-style: none;
  text-align: left;
  justify-self: start;
  /* justify-self: start; background-color: #BEF648;*/
}
ol.trace-code li::marker {color: red;}
.footer {
    position: absolute;
    top: 95%;
    /*font-size: 50%;*/
}
.rtl, .rtl * {direction:rtl;text-align:right;font-size:large;}
.ltr, .ltr * {direction:ltr;text-align:left;}
.rtl-h1{
  direction: rtl;
  font-size: xx-large;
  text-align: center;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}
.rtl-h2{
  direction: rtl;
  font-size: x-large;
  text-align: center;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}
.rtl-h3{
  direction: rtl;
  font-size: large;
  text-align: center;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}
ol.rtl-h1, ol.rtl-h2, ol.rtl-h3, ul.rtl-h1, ul.rtl-h2, ul.rtl-h3{
  text-align: right;
}
ol.rtl-h1 li, ol.rtl-h2 li, ol.rtl-h3 li, ul.rtl-h1 li, ul.rtl-h2 li, ul.rtl-h3 li{
  text-align: right;
}
.grid-2col-class{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch; /*  overflow: scroll;*/
}
.grid-2col1fr2fr-class{
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: stretch;
  overflow: scroll;
}
.grid-3col{
  display: grid;
  grid-template-columns: auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 2px ;
}
section.yoo-grid-auto-flow-column{
  display: grid;
  gap: 2rem;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));
  justify-items: stretch;
  padding: 10px;
  /* https://theindustrydirect.com/notes/spaces/space-database/css-cascading-style-sheets/css-notes-database/flexbox-like-quotjust-put-elements-in-a-rowquot-with-css-grid
   * https://css-tricks.com/flexbox-like-just-put-elements-in-a-row-with-css-grid/
  */
}

section.n2c{
  display: grid;
  grid-template-columns: auto auto;
  /* align-items: stretch;  overflow: scroll;*/
  justify-items: center;
  align-items: center ;
  gap: 10px ;
}
section.n3c{
  display: grid;
  grid-template-columns: auto auto auto;
  /* align-items: stretch;  overflow: scroll;*/
  justify-items: center;
  align-items: center ;
  gap: 10px ;
}

section.t2c{
  display: grid;
  grid-template-columns: auto auto;
  justify-items: center;
  align-items: center ;
  gap: 10px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.t2c > :first-child{
  grid-column: 1 / 3;
  background-color: #E6F4FA;
}

section.t3c{
  display: grid;
  grid-template-columns: auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 5px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.t3c > :first-child{
  grid-column: 1 / 4;
  background-color: #E6F4FA;
}

section.t4c{
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 5px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.t4c > :first-child{
  grid-column: 1 / 5;
  background-color: #E6F4FA;
}
section.t5c{
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 5px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.t5c > :first-child{
  grid-column: 1 / 6;
  background-color: #E6F4FA;
}

section.ts2c{
  display: grid;
  grid-template-columns: auto auto;
  justify-items: center;
  align-items: center ;
  gap: 10px ;
}
section.ts2c > :first-child{
  grid-column: 1 / 3;
  background-color: #E6F4FA;
}
section.ts2c > :nth-child(2){
  grid-column: 1 / 3;
}

section.ts2c1c2c{
  display: grid;
  grid-template-columns: auto auto;
  justify-items: center;
  align-items: center ;
  gap: 10px ;
}
section.ts2c1c2c > :first-child{
  grid-column: 1 / 3;
  background-color: #E6F4FA;
}
section.ts2c1c2c > :nth-child(2){
  grid-column: 1 / 3;
}
section.ts2c1c2c > :nth-child(5){
  grid-column: 1 / 3;
}

section.t2c4c{
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 3px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.t2c4c > :first-child{
  grid-column: 1 / 5;
  background-color: #E6F4FA;
}
section.t2c4c > :nth-child(2){
  grid-column: 1 / 3;
}
section.t2c4c > :nth-child(3){
  grid-column: 3 / 5;
}

section.ts2c4c{
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 3px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.ts2c4c > :first-child{
  grid-column: 1 / 5;
  background-color: #E6F4FA;
}
section.ts2c4c > :nth-child(2){
  grid-column: 1 / 5;
}
section.ts2c4c > :nth-child(3){
  grid-column: 1 / 3;
}
section.ts2c4c > :nth-child(4){
  grid-column: 3 / 5;
}

section.t2c3c{
  display: grid;
  grid-template-columns: auto auto auto;
  justify-items: center;
  align-items: center ;
  gap: 3px ;
}
/*section.t2c > h1, section.t2c > .rtl-h1{*/
section.t2c3c > :first-child{
  grid-column: 1 / 4;
  background-color: #E6F4FA;
}
section.t2c3c > :nth-child(2){
  grid-column: 1 / 3;
}
section.t2c3c > :nth-child(3){
  grid-column: 3 / 4;
}

section.scrollbar-box800x500px-overflow{
  width: 800px;
  height: 500px;
  overflow: scroll;
}
.tableheaderwithgraybackground th {
    font-weight: bold;
    background-color: #BFBFBF;
}

table.yoo-gantt-chart tr td { border: solid 1px;}
table.yoo-gantt-chart tr:nth-of-type(1) td:last-of-type{
  border: 0;
}
table.yoo-gantt-chart tr:nth-of-type(2) td{
  border: 0;
  text-align: left;
}
table.yoo-memory {width: 98%;}
table.yoo-memory tr td { border: solid 1px;}
table.yoo-memory tr:nth-of-type(1) td{
  text-align: center;
}
table.yoo-memory tr:nth-of-type(2) td{
  border: 0;
  text-align: left;
}
table.yoo-memory tr:nth-of-type(1) td:last-of-type{
  border: 0;
  text-align: right;
  visible: false;
}
table.borderless, table.borderless > tr, table.borderless > tr > td, table.borderless > tr > th,
table.borderless > tbody, table.borderless > tbody > tr, table.borderless > tbody > tr > td,
table.borderless > tbody > tr > th
{border: 0;}
.center {
  margin: auto; /*width: 50%;*/
  padding: 5px;
  text-align: center;
}

@page{size: A4 landscape;}

@media print {
  body { font-size: 16pt; }
  body > section.slide:not(:last-child){
    break-inside: avoid;
    break-after: always;
  }
}