﻿.rsPause {
  float: right;
  bottom: 37px;
  right: -121px;
  background-color: #e9e9ea;
  width: 24px !important;
  height: 24px !important;
  padding: 0px 7px;
  border-radius: 3px;
}

.pauseButton {
border: 0;
    background: transparent;
    background-color: transparent;
    box-sizing: border-box;
    min-width: 0;
    height: 10px;
    padding: 0;
    border-color: transparent transparent transparent #202020;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 7px 0 7px 13px;
}
.pauseButton.pause {
  border-style: double;
  border-width: 0px 0 0px 11px;
}
.pauseButton:hover {
  border-color: transparent transparent transparent #404040;
    background-color: transparent;
}

.rsPauseInPageSlider {
  float: right;
  top: 7px;
  right: 7px;
  background-color: #373737;
  width: 24px !important;
  height: 24px !important;
  padding: 0px 7px;
  border-radius: 3px;
  opacity: 0;
}
#inPageSlider:hover .rsPauseInPageSlider, #inPageSlider:active .rsPauseInPageSlider, #inPageSlider:focus .rsPauseInPageSlider {
  opacity: 1;
  transition: all .4s ease;
}

.rsPauseInPageSlider .pauseButton {
border: 0;
    background: transparent;
    background-color: transparent;
    box-sizing: border-box;
    min-width: 0;
    height: 10px;
    padding: 0;
    border-color: transparent transparent transparent #ffffff;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 7px 0 7px 13px;
}
.rsPauseInPageSlider .pauseButton.pause {
  border-style: double;
  border-width: 0px 0 0px 11px;
}
.rsPauseInPageSlider .pauseButton:hover {
  border-color: transparent transparent transparent #ffffff;
    background-color: transparent;
}

/** Navigation Button Patch **/

.rsNav.rsBullets {
    min-width: 70px;
}
