/* COLORS
#021D1C - black
#05C999 - green
#C6FFF4 - cyan'y
#009AE7 - blue
#C7FAFF - light blue
#FF5772 - red
#FFDDE2 - pink
#FF6D00 - orange
#F9BD9D - peach'y
 */

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

body {
  margin-bottom: 60px;
  padding-top: 0;
}

.row {
  margin-bottom: 1rem;
}
/* validation */
/* TODO: https://dotnetthoughts.net/how-to-use-bootstrap-style-validation-in-aspnet-core/ */
.validation-summary-errors, .field-validation-error {
 color: #FF5772;
}

/* Calender table */
table.calendar { 
  border-collapse: separate;
  border-spacing: 2px;
  background-color: rgb(250,250,250);
}
table.calendar caption {
  caption-side: top;
  font-size: large;
  text-align: center;
  text-transform: uppercase;
  font-weight: bolder;
}
table.calendar thead th { 
  border-bottom: 1px rgb(220,220,220) solid; 
  font-weight: bold;
}
table.calendar tbody tr { border: none;}
table.calendar tbody td { 
  vertical-align: middle;
  text-align: center;
  height: 36px;
  width: 38px;
}
td.calendar-today { border: 1px black solid; }
td.calendar-unavailable { background-color: rgb(220, 220, 220); }
td.calendar-holiday { background-color: rgb(220, 220, 220); }
table.calendar a { color: black; text-decoration: none; }
/* */

.status-None { }
.status-Request { background-color: #C7FAFF; }
.status-Confirmed { background-color: #05C999; }
.status-Canceled { background-color: #FF5772; }
table.timesheet .number { text-align: right;}
table.timesheet td { padding-left: 3px;padding-right: 3px;}