.date-finder {
  overflow:scroll;
  height:500px;
  position: relative;

  .date-finder-table {
    position:absolute;
    min-height: 300px;
    th {
      border:1px solid #EEE;
      width:80px;
      text-align:center;
      height:35px;
    }
    td {
      border:1px solid #EEE;
      text-align:center;
      .btn-sm {
        border-radius: 4px;
        padding: 2px 3px;
        margin: 3px;
        cursor: pointer;
        &.sel_time {
          border-color: #090;
          color: #0C0;
        }
      }
    }
  }

  .date-finder__time {
    cursor: pointer;
    color: $bb-secondary;
    margin: 3px;
    font-size: 1.1em;
    border: 1px solid #FFF;
    &:hover {
      color:#FFF;
      background-color: $bb-secondary;
    }
    &.sel_time {
      border-color: $bb-secondary;
      font-weight: bold;
    }

  }
}

bb-appointment-popup {
  bb-date-finder-facet {
    footer {
      height: auto;

      ul {
        width: 100%;

        li {

          &.facet-validity-title {
            font-weight:700;
          }
          &.facet-validity-line {
            .fa-check {
              font-size:1.1em;
              color: #CCC;
              &.checked {
                color: #0C0;
              }
            }
            margin-left:10px;

            .selected_column_name {
              color: #090;
            }
          }
        }
      }
    }
  }
}