.dateSelectListBox {
  .Tabs1 {
    background-color: rgba(255, 255, 255, 1);
    z-index: 29;
    border: 0.5px solid rgba(185, 186, 208, 1);
    width: calc(100% - 30px);
    margin: 0 auto;
    position: relative;

    .timeTabBox {
      display: flex;

      .timeTab {
        width: 20%;
        text-align: center;
        overflow-wrap: break-word;
        color: rgba(64, 77, 116, 1);
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        line-height: 34px;
        border-right: 1px solid #B9BAD0;

        &:last-child {
          border-right: none;
        }

        .block3 {
          width: 0;
          height: 0;
          border-left: 3px solid transparent;
          border-right: 3px solid transparent;
          border-bottom: 3px solid rgba(64, 77, 116, 1);
          transform: rotate(180deg);
          display: inline-block;
          margin-bottom: 3px;
          margin-left: 3px;
        }
      }

      .active {
        background: #2c87c8;
        color: #fff;
        position: relative;

        .block3 {
          border-bottom-color: #fff;
        }

        &::after {
          position: absolute;
          top: 34px;
          left: 65%;
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-bottom: 5px solid #2c87c8;
          transform: rotate(180deg);
          content: "";
        }
      }
    }
  }
}