/* module-key = 'is.origo.jira.tempo-plugin:tempo-bar', location = 'css/tempo-bar.css' */
.tempo-bar-show {
  cursor: pointer;
}

#tempo-bar,
#tempo-bar.tracker-not-started {
  position: fixed;
  bottom: 0;
  right: 0;
  width: auto;
  opacity: 0.9;
  color: #000;
  z-index: 100;
  border-radius: 5px 0 0 0;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  background: #fff;
  padding: 0px 5px;
}

#tempo-bar.tempo-bar-expanded {
  width: auto;
}

.tempo-tracker-slider,
.tempo-tracker-slider.tracker-expanded {
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/bg-expand-icon.png) no-repeat 50% 50% !important;
}

.tempo-tracker-slider.tracker-expanded {
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/bg-expand-icon2.png) no-repeat 50% 50% !important;
}

#tempo-bar .tempo-bar-logo {
  width: 23px;
  height: 23px;
  text-indent: -10000px;
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/tempo-logo-new-tracker.png) no-repeat 0% 0%;
}

#tempo-bar .clock {
  min-width: 83px;
  text-align: center;
}

.clock.hide-clock {
  display: none !important;
}

#tempo-bar .key a,
#tempo-bar .summary a {
  color: #000000;
  max-width: 333px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tempo-bar .tempo-bar-container {
  display: flex;
  height: 52px;
  justify-content: center;
  align-items: center;
}

#tempo-bar .tempo-bar-container > * {
  margin-right: 5px;
}

.hidden-actions {
  display: none !important;
}

#tempo-bar .issue a {
  padding-left: 10px;
  margin-left: 0;
  background: none;
}

#tempo-bar a#tempo-bar-close {
  width: 28px;
  height: 28px;
  margin-right:5px;
  margin-left: 0px;
  text-indent: -10000px;
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/close-tracker-new.png) no-repeat 8px 8px;
}

#tempo-bar ul.action-buttons a.play span.icon {
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/icon-play-new.png) no-repeat 4px 4px;
}
#tempo-bar ul.action-buttons a.pause span.icon {
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/icon-pause-new.png) no-repeat 4px 4px;
}
#tempo-bar ul.action-buttons a.stop span.icon {
  background: url(/s/-7gexdt/820030/1dlckms/17.3.0/_/download/resources/is.origo.jira.tempo-plugin:tempo-bar/img/icon-stop-new.png) no-repeat 4px 4px;
}

#tempo-bar .ops li .button {
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  vertical-align: baseline;
  padding: 4px 10px;
  border: 1px solid #ccc;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #f2f2f2)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
}

#tempo-bar .ops li .button.last {
  -moz-border-radius-topleft: 0em;
  -moz-border-radius-bottomleft: 0em;
  -webkit-border-top-left-radius: 0em;
  -webkit-border-bottom-left-radius: 0em;
  border-top-left-radius: 0em;
  border-bottom-left-radius: 0em;
  border-left: 1px solid transparent;
}

#tempo-bar .ops li .button.first {
  -moz-border-radius-topright: 0em;
  -moz-border-radius-bottomright: 0em;
  -webkit-border-top-right-radius: 0em;
  -webkit-border-bottom-right-radius: 0em;
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}

#tempo-bar .ops li .button.first.last {
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
  border-left: 1px solid #bbb;
}

#tempo-bar .ops li .button.first.last:hover {
  border-left: 1px solid #999;
}

#tempo-bar .ops li .button:hover {
  color: #000;
  text-decoration: none;
  border: 1px solid #999;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #f7f7f7)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
}
