/**********************************************************
 * XPlayer uses jquery-ui.js, but doesn't play well
 * with jquery-ui.css so need to revert conflicts.
 **********************************************************/

.ui-widget {
  font-family: revert;
  font-size: revert;
}

.ui-widget-content {
  border: revert;
  background: revert;
  color: revert;
}

.ui-widget.ui-widget-content {
  border: revert;
}

.ui-widget-header {
  border: revert;
  background: revert;
  color: revert;
  font-weight: revert;
}

.ui-corner-all {
  border-top-left-radius: revert;
  border-top-right-radius: revert;
  border-bottom-left-radius: revert;
  border-bottom-right-radius: revert;
}

.ui-slider {
  position: revert;
  text-align: revert;
}

.ui-slider .ui-slider-handle {
  position: revert;
  z-index: revert;
  width: revert;
  height: revert;
  cursor: revert;
  -ms-touch-action: revert;
  touch-action: revert;
}

.ui-slider .ui-slider-range {
  position: revert;
  z-index: revert;
  font-size: revert;
  display: revert;
  border: revert;
  background-position: revert;
}

.ui-slider-horizontal {
  height: revert;
}

.ui-slider-horizontal .ui-slider-range {
  top: revert;
  height: revert;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: revert;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
  border: revert;
  background: revert;
  font-weight: revert;
  color: revert;
}

.ui-slider-horizontal .ui-slider-handle {
  top: revert;
  margin-left: revert;
}