/* kulim-park-regular - latin */
@font-face {
  font-family: 'Kulim Park';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kulim-park-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kulim-park-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kulim-park-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kulim-park-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kulim-park-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kulim-park-v14-latin-regular.svg#KulimPark') format('svg'); /* Legacy iOS */
}


html {
  position: relative;
  min-height: 100%;
}

 /* Default colors */
body {
  margin-bottom: 50px; /* Margin bottom by footer height */
  font-family: 'Kulim Park', sans-serif;
  font-size: 16px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px; /* Set the fixed height of the footer here */
  line-height: 50px; /* Vertically center the text there */
  font-size: 13px;
}

.pool-links
{
  font-size: 12px;
  margin-top: -0.2rem;  
}

.mt-5b {
  margin: 0;
  padding: 0;
}

.border-sketch {
     border-width: 1px;
     border-style: double;
}

.display-xl {
   font-size: x-large;
}

span.ptwidget {
   font-size: xx-small;
}

img.ptwidget {
   vertical-align: middle;
   height: 20px;
   width: 20px;
}

a.ptwidget {
   color: #ffffff;
}

meter::-webkit-meter-optimum-value {
    background: Navy; /* Green */
}

.footer {
  background-color: #f5f5f5; 
}

.pool-links a {
  color: rgba(0,0,0) !important;
}

.footer a {
    color: rgba(0,0,0,.9) !important;
  }

@media (prefers-color-scheme: dark) {
  body {
    color: #eee;
    background: #121212;
  }


  a {
    color: #809fff;
  }

  .footer {
      background-color: #212121;
  }

.pool-links a {
  color: rgba(255,255,255) !important;
}

.footer a {
    color: rgba(255,255,255,.9) !important;
}

table tr {
  background-color:#212121;

}

@media (prefers-color-scheme: light) {
  /* Light theme styles go here */
  body {
    color: #222;
    background: #ffffff;
  }

  a {
    color: #809fff;
  }

.footer {
  background-color: #f5f5f5; 
}

.pool-links a {
  color: rgba(0,0,0) !important;
}

.footer a {
    color: rgba(0,0,0,.9) !important;
  }


table tr {
  background-color:#f8f8f8;
}