.workload-per-day-target-day-wrapper {
  padding: 33px 0px
}

.workload-per-day-arrow {
  vertical-align: middle;
  font-size: 20px;
}

.workload-per-day-arrow:hover {
  text-decoration: none;
}

.workload-per-day-time-scale {
  position: relative
}

.workload-per-day-time-scale-line-zero {
  width: 80px;
  float: left;
  border-left: 1px solid #000;
  font-size: 10px;
  padding-left: 3px;
  position: absolute;
  top: -15px;
  left: 201px;
}

.workload-per-day-time-scale-line {
  width: 80px;
  float: left;
  border-left: 1px solid #000;
  font-size: 10px;
  padding-left: 3px;
  position: absolute;
  top: -15px;
}

.workload-per-day-panel {
  display: table;
  border-collapse: collapse;
  margin-bottom: 17px;
}

.workload-per-day-panel .row {
  display: table-row;
}

.workload-line {
  height: 80px;
  border-left: 3px solid #ff0000;
  position: relative;
}

.workload-per-day-bar-graphs {
  display: none;
  float: left;
}

.workload-per-day-bar-graphs-planned {
  display: table;
  min-height: 20px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 0px;
}

.workload-per-day-bar-graphs-actual{
  display: table;
  min-height: 20px;
  margin-top: -1px;
  padding: 0px;
}

.workload-per-day-bar-graphs-section {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  height: 20px;
  border: 0px;
  cursor: pointer;
}

.droppable-area {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  height: 20px;
  border: 0px;
  cursor: pointer;
  opacity: 0.5;
}

.workload-per-day-bar-graphs-section-text {
  font-size: 10px;
}

.workload-line-wrapper {
  width: 0px;
  float: left;
}

.workload-per-day-user-name {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 80px;
  border: 1px solid #000000;
  border-collapse: collapse;
}

.workload-per-day-bar-graphs-planned li {
  position:relative;
}

.workload-per-day-bar-graphs-actual li {
  position:relative;
}

.per-day-tooltip {
  position: absolute;
  width: 350px;
  right: -340px; /* 10pxずらす */
  bottom: 21px;
  padding: 2px;
  border: 1px solid #ACACAC;
  border-radius: 3px;
  background: #FFF;
  z-index: 2000;
}

.per-day-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  bottom: -8px;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #FFF;
}

.per-day-tooltip table {
  width: 100%;
  border-collapse: collapse;
}

.per-day-tooltip tr:nth-child(even) th,
.per-day-tooltip tr:nth-child(even) td {
  background: #F9F9F9;
}

.per-day-tooltip th,
.per-day-tooltip td {
  vertical-align: top;
  text-align: left;
}

.per-day-tooltip-header {
  padding: 5px;
  background: #DDD;
  white-space: nowrap;
}

.per-day-tooltip-header * {
  vertical-align: middle;
}

.per-day-tooltip-header-attrs {
  display: inline-block;
  width: 100%;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.per-day-tooltip-status { max-width: 150px }
.per-day-tooltip-status>*:after { content: ":" }
.per-day-tooltip-status select { max-width: 60px }
.per-day-tooltip-subject input { width: 210px }
.per-day-tooltip-toggleEditing {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}

.per-day-tooltip-attrs {
  table-layout: fixed;
  margin: 5px 0;
}

.per-day-tooltip-label,
.per-day-tooltip-content {
  padding: 5px 10px;
  border-bottom: 1px solid #DFDFDF;
}

.per-day-tooltip-label {
  width: 110px;
  text-align: left;
}

.per-day-tooltip-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.per-day-tooltip-wikitext {
  display: none;
  width: 295px;
  margin-top: 5px;
  margin-left: -110px;
}

.per-day-tooltip-part {
  margin: 15px 0 10px;
  padding: 0 5px;
}

.per-day-tooltip-part-head {
  margin-bottom: 5px;
  font-weight: bold;
}

.per-day-tooltip-timeEntry-totalHours {
  margin: 0 8px;
  font-weight: normal;
}