#task-view-task-systemchecklist-table {
    margin-left: 20px;
    margin-right: 20px;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px);
}

#task-view-task-systemchecklist-head {
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: 39px;
    background: #dcdcdc;
    border: 1px solid #c7c7c7;
}

#task-view-task-systemchecklist-title {
    display: inline-block;
    float: left;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    padding: 9px 15px 8px 15px;
}

#task-view-task-systemchecklist-panel {
    display: table;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    background: #ffffff;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}

#systemchecklist-entry-list {
  height: -webkit-calc(100% - 105px);
  height: calc(100% - 105px);
  overflow: auto;
}

.systemchecklist-item-table td {
    padding: 0px 10px 10px 0px;
    text-align: center;
    cursor: pointer;
}

.systemchecklist-item-image {
    width: 32px;
    height: 32px;
}

.systemchecklist-item-dom {
  display: inline-block;
  font-weight: normal;
}
.systemchecklist-group {
  background-color: #6f6e6d;
  color: #ffffff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 5px 0px 5px 20px;
}
.systemchecklist-checked-item-even, .systemchecklist-checked-item-odd,
.systemchecklist-item, .systemchecklist-unchecked-item-even,
.systemchecklist-unchecked-item-odd {
  display: inline-block;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: 20px;
}
.systemchecklist-checked-item-even {
  background-color: #878787;
}
.systemchecklist-checked-item-odd {
  background-color: #777777;
}
.systemchecklist-unchecked-item-even {
  background-color: #f5f3f4;
}
.systemchecklist-unchecked-item-odd {
  background-color: #e7e7e7;
}
.systemchecklist-item-dom-column1 {
  float: left;
  width: 50%;
}
.systemchecklist-item-dom-column2 {
  float: right;
  width: 50%;
}
.systemchecklist-item-dom-header1 {
  float: left;
  width: 100%;
}
.edit-systemchecklist-photo-container {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  margin-top: 20px;
  height: auto;
}
.edit-systemchecklist-photo {
  height: 100px;
  border: 1px solid #000;
  margin: 0px 0px 0px 0px;
}
.edit-systemchecklist-delete-icon-container {
  position: absolute;
  left: 0px;
  top: 0;
}
.edit-systemchecklist-delete-icon {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.checkpoint-viewer {
  float: left;
  width: 100%;
  font-size: 1.2em;
  margin-top: 10px;
}
.systemchecklist-item-checkbox, .systemchecklist-item-checkbox-checked,
.systemchecklist-item-checkbox-unchecked {
  display: inline-block;
  float: left;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  cursor: hand;
  padding-right: 20px;
}
.systemchecklist-item-checkbox-checked {
  background-image: url("../images/checkbox_checked.png") !important;
}
.systemchecklist-item-checkbox-unchecked {
  background-image: url("../images/checkbox_unchecked.png") !important;
}
.systemchecklist-item-info, .systemchecklist-item-info-checked,
.systemchecklist-item-info-unchecked {
  font-size: 1.4em;
  float: left;
  padding: 7px 20px 7px 0px;
}
.systemchecklist-item-info-checked {
  color: #ffffff;
}
.systemchecklist-item-info-unchecked {
  color: #67a1a3;
}
.systemchecklist-item-label, .systemchecklist-item-label-checked,
.systemchecklist-item-label-unchecked {
  font-size: 1.4em;
  font-weight: bold;
  color: #000000;
  float: left;
  padding: 7px 20px 7px 0px;
}
.systemchecklist-item-label-checked {
  text-decoration: line-through;
}
.systemchecklist-item-label-unchecked {
  text-decoration: none;
}
.checkpoint-editor ::-webkit-scrollbar {
  width: 0px;
}