/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.table-sm-little-padding > :not(caption) > * > * {
  padding: .0rem .25rem;
}

/* Pending */
.text-bg-status-1 {
    color: #000;
    background-color: #ffeeba;
}

/* Confirmed */
.text-bg-status-2 {
    color: #fff;
    background-color: #28a745;
}

/* Cancelled */
.text-bg-status-3 {
    color: #fff;
    background-color: #dc3545;
}

/* Unavailable */
.text-bg-status-4 {
    color: #000;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important;
}

.cover-link {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.table-crosshaired {
  overflow: hidden;
}

.table-crosshaired tr:hover {
  background-color: #f4f4f4;
}

.table-crosshaired td, th {
  position: relative;
}
.table-crosshaired td:hover::after,
.table-crosshaired th:hover::after {
  content: "";
  position: absolute;
  background-color: #edebeb;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

body, html { height: 100%; margin: 0; display: flex; flex-direction: column; }
.content { flex: 1; }

.breadcrumb-nav {
  --bs-breadcrumb-divider: '>';
}


.first-column {
    width: 25%;
  }

/* background colors for planner: Paul tol brigth
/* https://cran.r-project.org/web/packages/khroma/vignettes/tol.html
blue: #4477AA, salmon: #EE6677 green:#228833, yellow:#CCBB44, bright-blue:#66CCEE
violet: #AA3377, grey: #BBBBBB
 */

.table-booked {
    --bs-table-bg: #EE6677;
}
.table-booked-by-me {
    --bs-table-bg: #CCBB44;
}
.table-bookable {
    --bs-table-bg: #f8f9fa;
}
.table-past {
    --bs-table-bg: #BBBBBB;
}

.table-restricted {
    --bs-table-bg: #fff3cd;
}

.booked { background-color: #EE6677;}
.booked-by-me { background-color: #CCBB44; }
.bookable { background-color: #f8f9fa;}
.past { background-color: #BBBBBB;}
.restricted { background-color: #fff3cd;}

/* CI Colors */
.text-ci-teal { color: #5b9da4; }
.text-ci-red { color: #eb698c; }
.text-ci-green { color: #70cb7b; }