/* Timepicker */
.bootstrap-timepicker-widget {
  table {
    td {
      a {
        color: $input-color;
        &:hover {
          background-color: transparent;
          border-color: transparent;
          border-radius: 4px;
          color: $primary;
          text-decoration: none;
        }
      }
      input {
        width: 32px;
        height: 32px;
        border: 0;
        color: var(--#{$prefix}body-color);
        border: 1px solid var(--#{$prefix}border-color);
        background-color: $input-bg;

      }
    }
  }

  &.dropdown-menu:after{
    border-bottom-color: var(--#{$prefix}gray-200);
  }
  &.timepicker-orient-bottom:after{
    border-top-color: var(--#{$prefix}gray-200);
  }
}


.timepicker-orient-top{
  top: $input-height !important;
}

.timepicker-orient-bottom{
  top: auto !important;
  bottom: $input-height !important;
}

.bootstrap-timepicker-widget{
  left: 0 !important;
  right: auto !important;
}


.bootstrap-timepicker-widget{
  &.timepicker-orient-left{
    &:before{
      left: 6px;
      right: auto;
    }

    &::after{
      left: 7px;
      right: auto;
    }
  }
}