.icon-resource-booking { background-image:  url(../../../images/calendar.png); }

#resource-booking-form .select2-container--default .select2-selection--single {
  background: #fff url(../../../images/ticket.png) no-repeat 2px 50%;
}

.select2-results__option .crossed-out-option {
  text-decoration: line-through;
  color: grey;
}


/***** Styles of the chart "Resource planning" *****/
.resource-planning-chart .red_bar { background: #ffb5b5;; border: 1px solid #f66; }
.resource-planning-chart .yellow_bar { background: rgb(255, 241, 181); border: 1px solid rgb(208, 184, 80); }
.resource-planning-chart .green_bar { background: #00c600 url(../../../images/task_done.png); border: 1px solid #00c600; }

.resource-planning-chart .task.user {
  height: 2px;
  margin-top: 3px;
}

.resource-planning-chart .task_done {
  background: #c5e6f7;
  border-color: #2b9fd8;
}

.resource-planning-chart .task {
  height: 14px;
  line-height: 14px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resource-planning-chart .project.task_todo { height: 2px; }

.resource-planning-chart .task.label.project { color: #888; }
.resource-planning-chart .task.label.version { color: #888; }

.resource-planning-chart .task.issue-subject-title { color: #4d4d4d; }

.resource-planning-chart .total-allocation {
  font-size: 0.9em;
  color: #aaa;
  font-weight: 400;
  margin-left: 2px;
}

.resource-planning-chart .project-issues .res-issue {
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-planning-chart .user-subject {
  padding: 8px 8px 10px 2px;
}

.resource-planning-chart .user-subject .expander,
.resource-planning-chart .user-subject .gravatar,
.resource-planning-chart .user-subject a { vertical-align: middle; }

.resource-planning-chart .user-line { padding: 8px 0 10px; }

.resource-planning-chart .user-resource-bookings { border-bottom: 1px solid #c0c0c0; }

.resource-planning-chart .user-resource-bookings .issues-group { display: none; }
.resource-planning-chart .user-resource-bookings.open .issues-group { display: block; }

.resource-planning-chart .user-resource-bookings span.expander {
  background-image: url(../../../images/bullet_toggle_plus.png);
  padding-left: 8px;
  margin-left: 0;
  cursor: pointer;
}

.resource-planning-chart .user-resource-bookings.open span.expander {
  background-image: url(../../../images/bullet_toggle_minus.png);
}

.resource-planning-chart .project-subject,
.resource-planning-chart .issue-subject {
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resource-planning-chart .project-subject { height: 28px; }

.resource-planning-chart .user-subject,
.resource-planning-chart .user-line,
.resource-planning-chart .issue-line { height: 16px; }

.resource-planning-chart .project-line {
  position: relative;
  height: 24px;
  z-index: 1;
}

.resource-planning-chart .project-line,
.resource-planning-chart .issue-line { margin-bottom: 4px; }

.resource-planning-chart .resource-subjects .issues-group,
.resource-planning-chart .resource-lines .issues-group {
  border-top: 1px dotted #c0c0c0;
  overflow: visible;
  text-align: left;
  padding: 8px 0;
}

.resource-planning-chart .resource-subjects .issues-group { font-size: 0.8em; }

.resource-planning-chart .tooltip { height: 16px; }
.resource-planning-chart div.tooltip:hover span.tip { top: 16px; }

.resource-planning-chart .editable { cursor: pointer; }

.resource-planning-chart .project-line .marker,
.resource-planning-chart .project-line .task_todo { top: 12px; }

.resource-planning-chart .nwday-blur {
  border-left: none;
  border-right: none;
  background-color: #f1f1f1;
  color: #999;
  opacity: 0.5;
  z-index: 1;
}


/***** Styles of widget "My resource bookings" *****/
.mypage-box#block-my_resource_bookings { line-height: inherit; }


/***** Styles of the chart "My resource bookings" *****/
.my-resource-bookings-chart .booking-data { line-height: initial; }

.my-resource-bookings-chart table.cal tbody tr { height: 20px; }

.my-resource-bookings-chart .workload-card {
  background: rgb(255, 241, 181);
  border: 1px solid rgb(208, 184, 80);
  padding: 6px;
  margin: 6px;
  min-height: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
}

.my-resource-bookings-chart .workload-card.full {
  background: rgb(255, 241, 181);
  border: 1px solid rgb(208, 184, 80);
}

.my-resource-bookings-chart .workload-card.green {
  background: #9de5a3;
  border: 1px solid #00c600;
}

.my-resource-bookings-chart .workload-card.red {
  background: #ffb5b5;
  border: 1px solid #f66;
}

.my-resource-bookings-chart .workload-card.gray {
  background-color: #e7e9e9;
  border: 1px solid #d7d7d7;
}

.my-resource-bookings-chart .booking-card {
  background: #ddf0f7;
  border: 1px solid #c6d9f2;
  padding: 6px;
  margin: 6px;
  min-height: 55px;
}

.my-resource-bookings-chart .booking-card.spent {
  background-color: #e0fae0;
  border: solid 1px #b8d4b0;
}

.my-resource-bookings-chart .booking-card .description-box {
  background-color: inherit;
  line-height: 1.25em;
  min-height: 3.75em; /* (3 * line-height) */
}

.my-resource-bookings-chart .booking-card .description-box .text-box {
  position: relative;
  text-align: justify !important;
  padding-right: 20px;
  overflow: hidden;
  background-color: inherit;
  height: inherit;
  min-height: inherit;
  line-height: inherit;
}

/* create the ... */
.my-resource-bookings-chart .booking-card .text-box:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
.my-resource-bookings-chart .booking-card .text-box:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: inherit;
  margin-top: 0.2em;
  background: inherit;
}

.my-resource-bookings-chart .booking-card .project-name {
  border: 1px solid #d5d5d5;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
  background-color: white;
}

.my-resource-bookings-chart .spent.spent-time {
  float: right;
  background-color: rgb(139, 139, 139);
  padding: 0px 6px 1px 6px;
  border-radius: 3px;color: white;
}

.my-resource-bookings-chart .booking-card  table.progress tr { height: 20px; }
.my-resource-bookings-chart .booking-card  table.progress { line-height: 20px; }

.my-resource-bookings-chart .booking-card table.progress td.log-time {
  background-color: #eee;
  width: 100%;
  display: none;
}

.my-resource-bookings-chart .booking-card table.progress:hover td.log-time { display: table; }

.my-resource-bookings-chart  .booking-card table.progress:hover td:not(.log-time) { display: none; }

.my-resource-bookings-chart .booking-card .tooltip .hours {
  float: right;
  font-weight: bold;
}

.my-resource-bookings-chart .booking-card table.progress td.progress-line {
  text-align: left;
  padding: 0 0 0 5px;
}

.my-resource-bookings-chart td.planned,
.my-resource-bookings-chart td.underload { background-color: #e0fae0; }
.my-resource-bookings-chart td.overload { background-color: #ffd1d3; }

.my-resource-bookings-chart .spent.group-name {
  text-align: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(215, 215, 215);
  font-weight: bold;
}

.my-resource-bookings-chart tbody .week-end { background-color: #f6f7f8; }