.stopwatch-wrap {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-around;
  background: #303030;
  border: 1px solid #4D4D4D;
  border-radius: 32px;
  height: 32px;
  color: #fff;
  font-size: 0.9em;
  line-height: 1;
}
.stopwatch-wrap .icon:hover {
  background: #fff;
}
.stopwatch-wrap .stopwatch-current {
  display: flex;
  column-gap: 8px;
  align-items: center;
  width: 100%;
  padding: 4px 16px;
}
.stopwatch-wrap .stopwatch-current .stopwatch-label {
  flex-grow: 1;
}
.stopwatch-wrap .stopwatch-current .stopwatch-label .stopwatch-project {
  color: #42a877;
}
.stopwatch-wrap .stopwatch-current .stopwatch-time {
  background: #42a877;
  border-radius: 32px;
  padding: 4px 16px;
  font-weight: bold;
}
.stopwatch-wrap .stopwatch-current .stopwatch-actions {
  display: flex;
  column-gap: 4px;
}
.stopwatch-wrap .dropdown > a {
  display: flex;
  align-items: center;
  padding: 8px 0 8px 8px;
  border-left: 1px solid #4D4D4D;
}
.stopwatch-wrap .dropdown-menu {
  border: 0;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  background: #303030;
  top: 14px!important;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project {
  min-width: 300px;
  font-size: 0.8em;
  color: #fff;
  padding: 8px 0 0;
  border-bottom: 1px solid #000;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .project {
  padding: 4px 8px;
  text-transform: uppercase;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 4px 8px;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item .task {
  flex-grow: 1;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item .task-time {
  font-weight: bold;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item .item-actions {
  display: flex;
  column-gap: 4px;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item.active {
  background: #42a877;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item.active .icon {
  background: #fff;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item.active .icon:hover {
  background: #000;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project .stopwatch-item:nth-child(odd) {
  background: #232323;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project.active .project {
  color: #42a877;
}
.stopwatch-wrap .dropdown-menu .stopwatch-project:last-child {
  border-bottom: 0;
}
.td-todolist .dropdown-toggle {
  border: 1px solid #EFEFEF;
  padding: 2px 8px;
  border-radius: 60px;
  cursor: pointer;
}
.td-todolist .dropdown-toggle:hover,
.td-todolist .dropdown-toggle.show {
  background: #F8F8F8;
  color: #707070;
}
.td-todolist .dropdown-menu {
  padding: 0;
  border: 0;
  background: #F8F8F8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.td-todolist .dropdown-menu li {
  display: flex;
  column-gap: 8px;
  padding: 4px;
}
.td-todolist .dropdown-menu li input[type="checkbox"] {
  cursor: pointer;
}
.td-todolist .dropdown-menu li label {
  flex-grow: 1;
  cursor: pointer;
}
#drupal-off-canvas-wrapper .form-teaser .field--type-datetime legend {
  display: none;
}
#drupal-off-canvas-wrapper .form-teaser .field--type-datetime .form-type-date .form-date,
#drupal-off-canvas-wrapper .form-teaser .field--type-datetime .form-type-date .form-time {
  padding: 0!important;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser {
  padding: 0;
  display: flex;
  column-gap: 4px;
  padding: 4px;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser label {
  display: none;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .users-wrap,
#drupal-off-canvas-wrapper .time-teaser.form-teaser .content,
#drupal-off-canvas-wrapper .time-teaser.form-teaser .date-time-wrap {
  padding: 4px;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .users-wrap {
  max-width: 64px;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .field--name-field-time-duration label {
  display: none;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .btn-add-taxo-time {
  height: auto;
  background: #BCBCBC;
  padding: 4px;
  border-radius: 0 4px 4px 0;
  width: 32px;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .btn-add-taxo-time::before {
  position: initial;
  top: initial;
  left: initial;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .btn-add-taxo-time .button {
  height: 100%;
  z-index: 2;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .btn-add-taxo-time:hover {
  background: #42a877;
}
#drupal-off-canvas-wrapper .time-teaser.form-teaser .btn-add-taxo-time:hover::before {
  background: #fff;
}
.past-time-teaser .user-name {
  font-size: 0.8em;
  margin: 0 0 8px;
}
.taxonomy-tash-header .badge-wrapper {
  display: flex;
  column-gap: 4px;
  justify-content: flex-end;
}
.card.card-theme-planning .customer-visibility-row .item-label {
  flex-grow: 1;
}
.view.view-taxonomy-manage .views-row {
  margin-bottom: 4px;
}
.view.view-taxonomy-manage .views-row:last-child {
  margin-bottom: 0;
}
.past-time-teaser,
.comment-teaser,
.meeting-minutes-teaser,
.time-teaser {
  background: #fff;
  border: 1px solid #EFEFEF;
  padding: 8px;
  border-radius: 4px;
}
.comment-teaser .users-wrap,
.meeting-minutes-teaser .users-wrap {
  width: 56px;
}
.comment-teaser .content-top,
.meeting-minutes-teaser .content-top {
  display: flex;
  font-size: 0.8em;
  margin-bottom: 8px;
}
.comment-teaser .content-top .users-sourcing-wrap,
.meeting-minutes-teaser .content-top .users-sourcing-wrap {
  flex-grow: 1;
}
.comment-teaser .content-top .users-sourcing-wrap .users-names,
.meeting-minutes-teaser .content-top .users-sourcing-wrap .users-names {
  margin: 0;
}
.comment-teaser .content-top .users-sourcing-wrap .sourcing,
.meeting-minutes-teaser .content-top .users-sourcing-wrap .sourcing {
  margin: 0;
}
.comment-teaser .content p:last-child,
.meeting-minutes-teaser .content p:last-child {
  margin: 0;
}
.comment-teaser .users-sourcing-wrap {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.comment-teaser .users-sourcing-wrap .sourcing {
  padding: 2px 8px;
  background: #F8F8F8;
  border-radius: 16px;
}
.comment-teaser .content ul,
.comment-teaser .content ol {
  margin: 0 0 1em 2.5em;
}
.comment-teaser .content ul:last-child,
.comment-teaser .content ol:last-child {
  margin-bottom: 0;
}
.comment-teaser .content-bottom {
  font-size: 0.8em;
  margin-top: 8px;
}
.comment-teaser .content-bottom p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
}
.time-teaser {
  margin-bottom: 4px;
}
.time-teaser.form-teaser {
  margin-bottom: 16px;
}
.time-teaser.form-teaser > .row > .col:nth-child(1) {
  width: 80px;
}
.time-teaser.form-teaser > .row > .col:nth-child(2) {
  width: 50%;
  flex-grow: 2;
}
.time-teaser.form-teaser > .row > .col:nth-child(4) {
  width: 40px;
  flex-grow: 0;
}
.time-teaser.form-teaser .select2-selection__rendered .user-compact .thumb.thumb-user {
  display: none;
}
.time-teaser.form-teaser .date-time-wrap {
  width: 30%;
}
.time-teaser.form-teaser .time-duration-wrap,
.time-teaser.form-teaser .time-duration-wrap .form-wrapper,
.time-teaser.form-teaser .date-wrap {
  display: flex;
  column-gap: 4px;
  align-items: center;
  justify-content: flex-end;
}
.time-teaser.form-teaser .date-wrap .fieldset-wrapper > div {
  display: flex;
}
.time-teaser.form-teaser .time-duration-wrap .form-wrapper {
  display: flex;
}
.time-teaser.form-teaser .time-duration-wrap .form-control {
  width: 120px!important;
}
.card.card-form-teaser {
  padding: 8px;
}
.card.card-form-teaser .card-header,
.card.card-form-teaser .card-body,
.card.card-form-teaser .card-footer {
  border: 0;
  background: 0;
  padding: 0;
}
.card.card-form-teaser .card-header,
.card.card-form-teaser .header-top {
  display: flex;
  gap: 8px;
}
.card.card-form-teaser .thumb.thumb-user {
  width: 56px;
}
.card.card-form-teaser .header-content {
  flex-grow: 1;
}
.card.card-form-teaser .header-top {
  flex-grow: 1;
  margin-bottom: 4px;
}
.card.card-form-teaser .header-top .users-sourcing-wrap {
  flex-grow: 1;
}
.card.card-form-teaser .users-sourcing-wrap,
.card.card-form-teaser .date-time-wrap {
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 4px;
}
.card.card-form-teaser .field--type-datetime legend,
.card.card-form-teaser .field--type-datetime label,
.card.card-form-teaser .field--name-description label {
  display: none!important;
}
.card.card-form-teaser .field--type-datetime .form-wrapper {
  margin: 0;
}
.card.card-form-teaser .field--type-datetime .form-date,
.card.card-form-teaser .field--type-datetime .form-time {
  padding: 4px;
}
.card.card-form-teaser .form-item-comment-wrapper-field-comment-source {
  display: flex;
  gap: 8px;
}
.card.card-form-teaser .form-item-comment-wrapper-field-comment-source select {
  width: 50%;
  flex-grow: 1;
}
.btn-wrapper.btn-task-wrapper,
.btn-wrapper.btn-group-task-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.btn-wrapper.btn-task-wrapper .btn,
.btn-wrapper.btn-group-task-wrapper .btn {
  margin: 0;
}
.btn-wrapper.btn-group-task-wrapper .btn {
  font-size: 0.9em;
  text-transform: none;
}
.btn.btn-add-task {
  padding: 8px 16px;
  border: 1px solid #EFEFEF;
  background: #fff;
  color: #707070;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin: 0;
  column-gap: 8px;
}
.btn.btn-add-task:hover {
  background: #018ca7;
  color: #fff;
}
.btn.btn-add-task:hover .icon {
  background: #fff;
}
.btn.btn-add-group-task {
  margin: 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.btn.btn-add-group-task .icon {
  background: #fff;
}
.btn.btn-add-group-task:hover {
  color: #fff;
}
#drupal-off-canvas-wrapper .field--name-field-task-expected-time .form-group .form-control {
  width: 90px;
}
#drupal-off-canvas-wrapper .customer-visible #t-icon-share {
  display: flex;
  column-gap: 16px;
}
#drupal-off-canvas-wrapper .field--type-datetime {
  margin: 0;
  padding: 4px;
}
#drupal-off-canvas-wrapper .field--name-field-comment-source {
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  padding: 0 4px;
}
#drupal-off-canvas-wrapper .field--name-field-comment-source .form-group {
  display: flex;
}
#drupal-off-canvas-wrapper .field--name-field-comment-source .form-group .form-control {
  width: 50%;
}