.navbar-brand {
    padding: 5px;
}

a.navbar-brand {
    float: left;
	padding-top:5px;
    font-weight: normal;
    line-height: 40px;
/*     height: 70px; */
/* 	min-width:100px; */
}

.navbar-brand img {
    float: left;
	top: 0;
/*     padding: 0; */
/* 	padding-bottom:15px; */
    font-size: 18px;
/*     line-height: 22px; */
    height: 40px;
/* 	min-width:100px; */
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #971414;
  border-radius: 50%;
  display: inline-block;
}

/* Time column stays narrow; weekday columns share the remaining width, including Saturday. */
#redips-drag table {
  width: 100%;
  table-layout: fixed;
}
#redips-drag th.timetable-time,
#redips-drag td.redips-mark {
  width: 5em;
  white-space: nowrap;
}

/* Phones: Bootstrap nowraps these cells so the grid can scroll. A fixed 100%
   table squeezes each day to about 50px and names paint over the next column. */
@media (max-width: 767px) {
  #redips-drag {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #redips-drag table.table {
    width: max-content;
    max-width: none;
    min-width: 100%;
    table-layout: auto;
  }
  #redips-drag th.timetable-time,
  #redips-drag td.redips-mark {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 4.5em;
    background: #fff;
    box-shadow: 2px 0 0 #ddd;
  }
  .timetable-panel .panel-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding: 10px 4px;
  }
  .timetable-heading-label,
  .timetable-btn-label {
    display: none;
  }
  .timetable-panel .panel-heading > table,
  .timetable-panel .panel-heading > table > tbody,
  .timetable-panel .panel-heading > table tr,
  .timetable-panel .panel-heading > table td,
  .timetable-panel .panel-heading h3,
  .timetable-panel .panel-heading form,
  .timetable-panel .panel-heading #reset_btn,
  .timetable-panel .panel-heading #editphase {
    display: contents;
  }
  .timetable-panel .panel-heading #tmsg:not(:empty) {
    order: 2;
    flex: 1 0 100%;
    margin: 6px 0 0;
  }
  .timetable-panel .panel-heading .btn,
  .timetable-panel .panel-heading button {
    order: 1;
    float: none !important;
    display: inline-block;
    flex: 0 0 auto;
    margin: 0 !important;
    min-height: 36px;
    min-width: 36px;
    padding: 6px 6px;
    font-size: 13px;
    line-height: 1.3;
    vertical-align: middle;
  }
}