@charset "UTF-8";
.tl_schedule {
  position: relative;
  font-family: Arial, SansSerif;
  user-select: none;
  padding: 0 2rem;
  opacity: 0;
  transition: all 0.2s ease-out;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .tl_schedule .thead, .tl_schedule .tbody {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .tl_schedule .thead .tr, .tl_schedule .tbody .tr {
      width: 100%;
      display: flex; }
      .tl_schedule .thead .tr .td, .tl_schedule .thead .tr .th, .tl_schedule .tbody .tr .td, .tl_schedule .tbody .tr .th {
        width: 100%;
        line-height: 200%; }
  .tl_schedule .tr.disabled + .disabled {
    opacity: 0;
    pointer-events: none;
    display: none; }
  .tl_schedule .tr:first-of-type .th.day .long {
    display: block; }
    @media (max-width: 540px) {
      .tl_schedule .tr:first-of-type .th.day .long {
        display: none; } }
  .tl_schedule .tr:first-of-type .th.day .short {
    display: none; }
    @media (max-width: 540px) {
      .tl_schedule .tr:first-of-type .th.day .short {
        display: block; } }
  .tl_schedule .tr:first-of-type .th.day span {
    color: #c3c3c3;
    font-size: 0.8em;
    display: block; }
  .tl_schedule .td {
    border: none;
    background: #F6F6F6;
    transition: all 0.2s ease;
    font-weight: bold;
    color: #474747;
    cursor: pointer; }
    .tl_schedule .td.active {
      background: #1ABAE9;
      color: white; }
    .tl_schedule .td.disabled {
      opacity: 0;
      pointer-events: none; }
    .tl_schedule .td:not(.disabled):not(.active):hover {
      background: #c3c3c3; }
  .tl_schedule .td, .tl_schedule .th {
    width: 5rem;
    text-align: center; }
  .tl_schedule .td:not(.disabled) {
    height: 2rem; }
  .tl_schedule .th.hour {
    transform: translate(0, -50%); }

.tl_schedule {
  overflow: hidden; }
  .tl_schedule .tr .th:first-of-type {
    display: none; }
  .tl_schedule .tr .th, .tl_schedule .tr .td {
    margin: 0.1rem;
    border-radius: 5px; }
  .tl_schedule .tbody {
    transition: all 0.2s ease; }
  .tl_schedule.next .tbody {
    transform: translate(-100%, 0);
    opacity: 0; }
  .tl_schedule.prev .tbody {
    transform: translate(100%, 0);
    opacity: 0; }
  .tl_schedule i {
    position: absolute;
    top: 0;
    font-size: 2rem;
    font-style: normal;
    cursor: pointer; }
    .tl_schedule i.disabled {
      opacity: 0.5;
      pointer-events: none; }
    .tl_schedule i.prev {
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      transition: all .2s ease-out; }
      .tl_schedule i.prev:hover {
        transform: translate(-0.2rem, -50%); }
      .tl_schedule i.prev:before {
        content: "⯇"; }
    .tl_schedule i.next {
      right: 0;
      top: 50%;
      transform: translate(0, -50%);
      transition: all .2s ease-out; }
      .tl_schedule i.next:hover {
        transform: translate(0.2rem, -50%); }
      .tl_schedule i.next:before {
        content: "⯈"; }