.bigbut{
  padding: 20px;
    cursor: pointer;
    margin: 20px;
    background: #fff;
    border: 1px solid #000;
    font-size: 30px;
    background: #fff;
  color: #000;
}
.bigbut:hover{
  background-color: #cfcfcf;
}
.butin{
  background-color: #e7ffe7;
}
.butin:hover{
  background-color: #5cff5c;
}
.butout{
  background-color: #ffe7e7;
}
.butout:hover{
  background-color: #ff5c5c;
}
.hidden {
  display: none;
}
.button {
  padding: 10px;
  width: 100px;
}
.dayItem{
  padding: 10px;
}
.{
  padding: 10px;
  font-size: 90%;
}
[disabled="true"], [disabled="disabled"] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    color: #ccc;
    font-style: italic;
    cursor: not-allowed;
}
a.color-inherit{
  color: inherit;
}

@media (prefers-color-scheme: dark) {
	body { background-color:  #131313; color: #f1f1f1; }
	.table td, .table th {color: #fcfcfc;}

    a[target="_blank"]::after {
      content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAxQTFRFAAAA////////////OMA7qAAAAAR0Uk5TAP9gIFOYGRgAAAAqSURBVHicY2BgDWAIZQpgcOCcwOCgJsDgMIOBwTmBgcHhgAMDDIaGOgAAgeUG8UonVw4AAAAASUVORK5CYII=');
      margin: 0 3px 0 5px;
    }
    a[target="_blank"].iconColorInvert::after {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
      margin: 0 3px 0 5px;
    }
    .table-striped tbody tr:nth-of-type(odd)
    {
      background-color: rgb(232 229 229 / 10%);
    }
    pre {color: #fcfcfc;}
    hr {border-top: 1px solid #888;}
}

@media (prefers-color-scheme: light) {
	body { background-color:  #fff; color: #212529; }
    a[target="_blank"]::after {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
      margin: 0 3px 0 5px;
    }
    a[target="_blank"].iconColorInvert::after {
      content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAxQTFRFAAAA////////////OMA7qAAAAAR0Uk5TAP9gIFOYGRgAAAAqSURBVHicY2BgDWAIZQpgcOCcwOCgJsDgMIOBwTmBgcHhgAMDDIaGOgAAgeUG8UonVw4AAAAASUVORK5CYII=');
      margin: 0 3px 0 5px;
    }
}

a[target="_blank"].noIcon::after {
  content:none;
  margin: 0;
}
a[target="_blank"].iconColorDark::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

.outfordaybtn{
	width: 300px;
    height: 100px;
    background-image: url(../images/out-day.png);
    background-size: 48px 60px;
    background-repeat: no-repeat;
    background-position: 240px 50%;
    padding-right: 40px;
}

.outforlunchbtn{
	width: 300px;
    height: 100px;
    background-image: url(../images/out-lunch.png);
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: 228px 50%;
    padding-right: 55px;
}

div.offlineMessage
{
  position: fixed;
  z-index: 999;
  padding: 10px;
  width: 100%;
  background: #ffd1d1;
  outline: #f00 1px solid;
  color: #000;
  text-align: center;
  top: 0;
}

img.avatar
{
  border-radius: 50%;
  box-shadow: 0px 0px 10px grey;
}

img.avatar.online
{
  box-shadow: 0px 0px 10px green;
}
img.avatar.offline
{
  box-shadow: 0px 0px 10px red;
}