:root {
  --def-font-size: 16px;
  --def-font-family: sans-serif;

  --box-default-color: #888888;

  --bgcolor: #1976d2;
  --bgrepeat: center;
  --captions: #b04040;
  --cellbg: #7e7e7e;
  --fonts: Arial, Helvetica, sans-serif;
  --h2color: #ffffff;
  --haseventsbg: #ffdd33;
  --minicalfont: 11px;
  --minicalwidth: 160px;
  --myevents: #006000;
  --othermonthbg: #d0d0d0;
  --popupfg: #000000;
  --popupbg: #ffffff;
  --tablebg: #ffffff;
  --textcolor: #ffdd33;
  --thbg: #ffffff;
  --thfg: #000000;
  --todaycellbg: #4caf50;
  --weekendbg: #aeaeae;
  --weeknumber: #ff0000;
}
#month #nextmonth {
  float: right;
}
#month #prevmonth {
  float: left;
}

#minicalendar table {
  width: 10em;
}


.main th,
.main th.weekend {
  background: var(--thbg, #ffffff) url( includes/gradient.php?base=ffffff&height=15 ) repeat-x;}
.main td {
  background: var(--cellbg, #7e7e7e) url( includes/gradient.php?base=7e7e7e&height=100 ) repeat-x;}
.main td.weekend {
  background: var(--weekendbg, #aeaeae) url( includes/gradient.php?base=aeaeae&height=100 ) repeat-x;}
.main td.hasevents {
  background: var(--haseventsbg, #ffdd33) url( includes/gradient.php?base=ffdd33&height=100 ) repeat-x;}
.main td.othermonth {
  background: var(--othermonthbg, #d0d0d0) url( includes/gradient.php?base=d0d0d0&height=100 ) repeat-x;}
.main td.today, #datesel td #today {
  background: var(--todaycellbg, #4caf50) url( includes/gradient.php?base=4caf50&height=100 ) repeat-x;}
#admin .main td.weekcell,
#monthx .main td.weekcell,
#pref .main td.weekcell,
#viewl .main td.weekcell {
  background: var(--thbg, #ffffff) url( includes/gradient.php?base=ffffff&height=50 ) repeat-x;}
.glance td,
.note {
  background: var(--cellbg, #7e7e7e) url( includes/gradient.php?base=7e7e7e&height=50 ) repeat-x;}
#viewt .main th.weekend {
  background: var(--weekendbg, #aeaeae) url( includes/gradient.php?base=aeaeae&height=15 ) repeat-x;}
#login table,
#register table {
  background: var(--cellbg, #7e7e7e) url( includes/gradient.php?base=7e7e7e&height=200 ) repeat-x;}
#securityAuditNotes {
  background: var(--cellbg, #7e7e7e) url( includes/gradient.php?base=7e7e7e&height=150 ) repeat-x;}
#viewt td.entry {
  background: var(--thbg, #ffffff) url( includes/gradient.php?base=ffffff&height=10 ) repeat-x;}
#minicalendar th,
#minicalendar td {
  font-size: 0.6875em;
}

#combo .cat_ 6 { background-color: #f57c00; border: 1px outset #f57c00; color: #FFFFFF }
#month2 .cat_ 6 { color: #f57c00 }
#combo .cat_ 4 { background-color: #7b1fa2; border: 1px outset #7b1fa2; color: #FFFFFF }
#month2 .cat_ 4 { color: #7b1fa2 }
#combo .cat_ 1 { background-color: #dc3545; border: 1px outset #dc3545; color: #FFFFFF }
#month2 .cat_ 1 { color: #dc3545 }
#combo .cat_ 5 { background-color: #2e7d32; border: 1px outset #2e7d32; color: #FFFFFF }
#month2 .cat_ 5 { color: #2e7d32 }
#combo .cat_ 10 { background-color: #7cb342; border: 1px outset #7cb342; color: #FFFFFF }
#month2 .cat_ 10 { color: #7cb342 }
#combo .cat_ 3 { background-color: #ec407a; border: 1px outset #ec407a; color: #000000 }
#month2 .cat_ 3 { color: #ec407a }
#combo .cat_ 2 { background-color: #c039b5; border: 1px outset #c039b5; color: #000000 }
#month2 .cat_ 2 { color: #c039b5 }
#combo .cat_ 8 { background-color: #795548; border: 1px outset #795548; color: #FFFFFF }
#month2 .cat_ 8 { color: #795548 }
#combo .cat_ 9 { background-color: #ad1457; border: 1px outset #ad1457; color: #FFFFFF }
#month2 .cat_ 9 { color: #ad1457 }
#combo .cat_ 7 { background-color: #009688; border: 1px outset #009688; color: #FFFFFF }
#month2 .cat_ 7 { color: #009688 }
#combo .cat_ none { background-color: #006000; border: 1px outset #006000; color: #FFFFFF }
#month2 .cat_ none { color: #006000 }