@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/* Lato font utility class */
.font-lato {
  font-family: 'Lato', Arial, 'Liberation Sans', 'Segoe UI', sans-serif !important;
}
/* Custom column for clock/time, 1.5/12 width */
.col-clock {
  flex: 0 0 13.5%;
  max-width: 13.5%;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@page {
  size: A4;
  margin: 20mm 10mm 20mm 10mm;
}
body {
  background: #eee;
  padding: 20px 0;
  font-family: 'Roboto Condensed', 'Arial Narrow', Arial, 'Liberation Sans', 'Segoe UI', sans-serif;
  font-stretch: condensed;
  font-size: 1.04rem;
}
.page {
  background: #fff;
  width: 210mm;
  min-height: 297mm;
  margin: 0 auto 20px auto;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  padding: 20mm;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media print {
  body {
    padding: 0;
  }
  .page {
    box-shadow: none;
    margin: 0 auto;
    page-break-after: always;
    page-break-inside: avoid;
    padding: 10mm !important;
  }
  html, body {
    width: 210mm;
    height: 297mm;
  }
}

/* Program title style */
.progtitle {
  font-size: 10pt;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-left: 0.5rem !important; /* Bootstrap px-2 */
  padding-right: 0.5rem !important;
  padding-top: 0.4rem !important; /* Bootstrap py-1 */
  padding-bottom: 0.4rem !important;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.progtitle p {
  margin-bottom: 0px;
  line-height: 17px;
}

/* Program item style */
.progitem {
  font-size: 10pt;
  padding-left: 1.5rem !important; /* Bootstrap px-2 */
  padding-right: 1rem !important;
  padding-top: 2px !important; /* Bootstrap py-1 */
  padding-bottom: 2px !important;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.progitem p {
  font-size: 9pt;
  margin-bottom: 1px;
  line-height: 16px;
}

.small {
font-size: .9em;
}

.bg-opacity-10 { --bs-bg-opacity: 0.1; }
.bg-opacity-15 { --bs-bg-opacity: 0.15; }
.bg-opacity-20 { --bs-bg-opacity: 0.2; }
.bg-opacity-30 { --bs-bg-opacity: 0.3; }
.bg-opacity-40 { --bs-bg-opacity: 0.4; }
.bg-opacity-50 { --bs-bg-opacity: 0.5; }
.bg-opacity-60 { --bs-bg-opacity: 0.6; }
.bg-opacity-70 { --bs-bg-opacity: 0.7; }
.bg-opacity-80 { --bs-bg-opacity: 0.8; }
.bg-opacity-90 { --bs-bg-opacity: 0.9; }