main {
  padding-top: 2em;
}

.report a.d-block {
  color: black;
}

.report .taskList {
  line-height: 1.25;
}
.report .taskList li {
  padding-top: 6px;
  line-height: 1.25;
}

.report a.d-block:hover {
  text-decoration: none;
}

.report .card {
  margin-bottom: 1em;
}

.report .card td,
.report .card th {
  padding-right: 10px;
  vertical-align: top;
  padding-bottom: 5px;
}

.report span.grey {
  color: #a9a9a9;
}

.report .taskList a.strikethrough {
  text-decoration: line-through;
}

.report .weeklies p.indicatorbox {
  float: right;
  margin-bottom: 0px;
}

.report .weeklies span.indicator {
  padding-left: 10px;
}

.report span.indicator img {
  width: 20px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.report .weeklies span.indicator.currentWeek {
  opacity: 0.5;
}

.report .glossary span.indicator {
  padding-right: 10px;
}

.report .glossary td.centered {
  text-align: center;
}

.report .card canvas {
  margin-bottom: 3em;
}

.report h3.tile-title {
  margin-top: 3em;
}

.report .taskList a {
  color: #212529;
  text-decoration: none;
}

.report .taskList a:hover {
  color: #007bff !important;
}

.report p.bold {
  margin-bottom: 0;
  font-weight: 600;
}

.teamreport .weeklies .card td:last-of-type,
.teamreport .weeklies .card th:last-of-type {
  color: #a7a7a7;
}

.teamreport .weeklies .card .table {
  font-size: 12px;
}

.status {
  height: 5px;
  position: relative;
  background: #f3efe6;
  overflow: hidden;
  margin-bottom: 1em;
}

.status span {
  display: block;
  height: 100%;
  width: 100%;
}

.status span.barprogress {
  background-color: #ffd80a;
  width: 0;
  transition: width 1s;
}

.harmonize table {
  margin-top: 2em;
}

.harmonize .btn-primary {
  min-width: 150px;
}

.harmonize .btn-primary .spinner-border {
  margin-right: 5px;
}

.socialreport > .row.flex-nowrap {
  overflow-x: scroll;
}

.socialreport .card {
  height: 375px;
  width: 300px;
  margin-bottom: 8px;
}

.socialreport .card:hover {
  border-color: black;
  cursor: pointer;
}

.socialreport .weekhead {
  margin-top: 8em;
}

.socialreport .weekhead .progress {
  margin-top: 10px;
  margin-bottom: 10px;
}

.socialreport .card img.rounded-circle {
  border: 1px #d2d2d2 solid;
  width: 50px;
  margin-right: 10px;
}

.socialreport .card-body {
  padding: 12px;
}

.socialreport .card-footer {
  padding: 12px;
}

.socialreport .socialheader {
  margin-bottom: 10px;
}

.socialreport .postDate {
  vertical-align: bottom;
  padding-left: 3px;
  font-size: 13px;
}

.socialreport .plattform {
  right: 12px;
  top: 10px;
  position: absolute;
}

.socialreport h5 {
  margin-bottom: 0;
  margin-top: 4px;
}

.socialreport .card h6 {
  font-weight: 600;
}

.socialreport .image-wrap {
  max-height: 140px;
  overflow: hidden;
  max-width: 800px;
}

.socialreport .image-wrap img {
  width: 100%;
}

.socialreport .truncate-multiline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.socialreport .badge-primary {
  background-color: #3b5998;
}

.socialreport .progress-bar {
  position: relative;
}

.socialreport .horizontal-style {
  display: table;
  width: 100%;
  position: absolute;
  height: 20px;
}

.socialreport .horizontal-style li {
  display: table-cell;
  list-style: none;
}

.dataTables_wrapper {
  padding-top: 2rem;
  margin-bottom: 5rem;
}

.dataTables_wrapper caption {
  caption-side: top;
}

.dataTables_wrapper div.toolbar h4 {
  float: left;
  margin-bottom: 0;
}

.projectsreport {
  padding-left: 20px;
  padding-right: 20px;
}

.projectsreport .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none;
}

.projectsreport table.dataTable thead th {
  border-bottom: 2px solid #dee2e6;
}

.projectsreport div.row h4 {
  margin-left: 15px;
  margin-right: 15px;
}

.projectsreport td.dt-body-center {
  text-align: center;
}
.projectsreport td.dt-body-right {
  text-align: right;
}
.projectsreport .dt-big-column {
  min-width: 400px;
}

.projectsreport .dt-medium-column {
  max-width: 160px;
  word-wrap: break-word;
}

.projectsreport .dt-small-column {
  max-width: 60px;
  word-wrap: break-word;
}

.projectsreport .dt-tiny-column {
  max-width: 20px;
}

.projectsreport table.dataTable > thead .sorting:before {
  top: 0.5em;
}
.projectsreport table.dataTable > thead .sorting:after {
  top: 0.5em;
}

/* this seems to break fixed header */
/* .projectsreport table.dataTable > thead > tr > th:not(.sorting_disabled),
.projectsreport table.dataTable > thead > tr > td:not(.sorting_disabled) {
  padding-right: 0.75em;
} */

/*.projectsreport td a {*/
a.linkInTable {
  color: initial;
}
/*.projectsreport td a:hover {*/
a.linkInTable:hover {
  text-decoration: none;
  color: #007bff;
}

.projectsreport td .small {
  font-size: 66%;
  color: #7d7d7d;
}

.projectsreport .card {
  margin-bottom: 1em;
}

.projectsreport img.card-img-top {
  object-fit: contain;
  background-color: black;
}

.projectsreport .projectnamecolumn {
  max-width: 180px;
  overflow-wrap: break-word;
}
.popover {
  min-width: 400px;
}

/* this seems to break fixed header */
/* .projectsreport .dt-body-center {
  padding-left: 3px;
  padding-right: 3px !important;
} */

tr.greenrow {
  background-color: #d5efd5;
}

.planning {
  padding: 0 1rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .projectsreport img.card-img-top {
    height: 200px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .projectsreport img.card-img-top {
    height: 360px;
  }
}