/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 1/5/20, 1:53 AM
 * Last Modified: 12/22/19, 10:14 PM
 * Project Name: Wafaq
 * File Name: timepicker.scss
 */

/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 12/22/19, 10:14 PM
 * Last Modified: 11/1/19, 5:58 PM
 *
 * File Name: timepicker.scss
 */

.ui-timepicker-wrapper {
  overflow-y: auto;
  margin: .125rem 0;
  max-height: 10rem;
  outline: none;
  background: #fff;
  background-clip: padding-box;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: .25rem;

	[dir=rtl] & {
		margin-right: .25rem;
		margin-left: 0;
	}
}

.ui-timepicker-list li {
  margin: 0;
  padding: .25rem .75rem;
  list-style: none;
  white-space: nowrap;
  cursor: pointer;

	&.ui-timepicker-disabled,
	&.ui-timepicker-selected.ui-timepicker-disabled {
	  background: #fff !important;
	  cursor: default !important;
	}
}

.default-style {
  @import "../../sass/_appwork/include";

  .ui-timepicker-wrapper {
    z-index: $zindex-popover;
    padding: $dropdown-padding-y 0;
    border: $dropdown-border-width solid $dropdown-border-color;
    box-shadow: $dropdown-box-shadow;

    @include border-radius($border-radius);
  }

  .ui-timepicker-duration {
    color: $text-muted;

    .ui-timepicker-list:hover & {
      color: $text-muted;
    }
  }

  .ui-timepicker-list li {
    color: $dropdown-link-color;

    &:hover {
      background: $dropdown-link-hover-bg;
    }
  }

  .ui-timepicker-list li.ui-timepicker-disabled,
  .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: $dropdown-link-disabled-color !important;
  }
}

.material-style {
  @import "../../sass/_appwork/include-material";

  .ui-timepicker-wrapper {
    z-index: $zindex-popover;
    padding: $dropdown-padding-y 0;
    border: $dropdown-border-width solid $dropdown-border-color;
    box-shadow: $dropdown-box-shadow;

    @include border-radius($border-radius);
  }

  .ui-timepicker-duration {
    color: $text-muted;

    .ui-timepicker-list:hover & {
      color: $text-muted;
    }
  }

  .ui-timepicker-list li {
    color: $dropdown-link-color;

    &:hover {
      background: $dropdown-link-hover-bg;
    }
  }

  .ui-timepicker-list li.ui-timepicker-disabled,
  .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: $dropdown-link-disabled-color !important;
  }
}