.priority {
  width: 60px; height: 60px;
  margin-bottom: 10px !important;
  & div {
    width: 100%; height: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
  }
  &.p1 div {
    background-color: #bf2b27;
  }
  &.p2 div {
    background-color: #f07350;
  }
  &.p3 div {
    background-color: #f5ab41;
  }
}

.incidents-list {
  h3 {
    font-weight: bold;
    margin-top: 0;
  }
  .label-id {
    display: block;
    width: 60px;
    background-color: #eee;
    color: #454545;
    font-weight: bold;
    font-size: 0.8em;
    padding: 5px;
  }
  tr:hover {
    background-color: #eee;
  }
}

.incident-header {
  padding: 5px;
  background-color: #f7f7f9;
  margin-bottom: 1.8em;
  h1 {
    margin-top: 0.3em;
  }
  .priority-group {
    padding-top: 20px;
  }
}

.incident-body {
  .thumbnail {
    display: inline-block;
    margin: 5px;
  }
}

.task-list {
  list-style-type: none;
  ul {
    list-style-type: disc;
    li.red::marker {
      color: #bf2b27;
    }
    li.orange::marker {
      color: #f07350;
    }
    li.green::marker {
      color: #f5ab41;
    }
    li.blue::marker {
      color: #007bff;
    }
  }
}
