﻿.damage-entry a {
  margin-bottom: 8px;
  display: block;
}
.damage-entry .btn-like-a {
  margin-bottom: 8px;
}
.damage-entry .form-inline.search .form-group .control-label {
  padding-left: 0;
  border-left: 0;
}
.damage-entry .row.van-row {
  margin-bottom: 30px;
  margin-top: 15px;
}
.damage-entry .row.van-row .control-label.missing {
  background-color: #9f0002;
  padding: 0 10px;
}
.damage-entry .row .control-label.missing {
  width: auto !important;
  background-color: #9f0002;
  padding: 0 10px;
}
.damage-entry .row.van-row.first-row {
  margin-top: 0;
}
.damage-entry h6 {
  margin-bottom: 15px !important;
}
.damage-entry .form-control.hint {
  max-width: none !important;
}
.damage-entry .form-control.readonly {
  max-width: 280px;
}
.damage-entry .form-control:read-only, .damage-entry [readonly].form-control, .damage-entry .form-control.readonly {
  max-width: 280px;
  padding: 0;
}
.damage-entry .form-horizontal .control-label {
  padding: 6px 0;
}
.damage-entry .form-group {
  margin-bottom: 5px;
}
.damage-entry .form-group .control-label {
  width: 200px;
  padding: 6px;
  overflow: hidden;
  border-left: 1px solid #333;
  text-align: left;
}
.damage-entry .form-group .control-label.no-border, .damage-entry .form-group .control-label.no-border:hover {
  border-left: 0;
}
.damage-entry .form-group .form-control {
  padding: 6px;
}
.damage-entry .summary .form-group {
  margin-bottom: 20px;
  cursor: pointer;
}
.damage-entry .summary .form-group .form-control {
  border-left: 1px solid #333;
  cursor: pointer;
  width: 100%;
  padding-top: 0;
  font-size: 12px;
  max-width: none;
  margin: 0;
}
.damage-entry .summary .form-group .control-label {
  width: 100%;
}
.damage-entry .summary .form-group img {
  padding-left: 8px;
  border: 0;
  border-left: 1px solid #333;
}
.damage-entry .summary .form-group.not-clickable, .damage-entry .summary .form-group.not-clickable > .form-control, .damage-entry .summary .form-group.not-clickable > .control-label {
  cursor: default;
}
.damage-entry .summary .form-group.not-clickable:hover > .form-control, .damage-entry .summary .form-group.not-clickable:hover > .control-label {
  border-left: 1px solid #333;
}
.damage-entry .summary .form-group:hover > .form-control, .damage-entry .summary .form-group:hover > .control-label, .damage-entry .summary .form-group:hover > img {
  border-left: 1px solid #00adef;
}
.damage-entry .summary .form-group.missing .form-control, .damage-entry .summary .form-group.missing img, .damage-entry .summary .form-group.missing .control-label {
  border-left: 2px solid #9f0002;
}
.damage-entry .summary .form-group.missing:hover > .form-control, .damage-entry .summary .form-group.missing:hover > .control-label, .damage-entry .summary .form-group.missing:hover > img {
  border-left: 2px solid #00adef;
}
.damage-entry .summary.details .form-group:hover > .form-control, .damage-entry .summary.details .form-group:hover > .control-label, .damage-entry .summary.details .form-group:hover > img {
  border-left: 1px solid #333;
  cursor: default;
}
.damage-entry .summary.details .form-group {
  cursor: default;
}
.damage-entry .summary.details .form-group p {
  padding-left: 6px;
  border-left: 1px solid #333;
  cursor: default;
}
.damage-entry .summary.details .form-group img {
  cursor: pointer !important;
}
.damage-entry .summary.details .table a {
  margin-bottom: 0;
}
.damage-entry .overview-container {
  display: inline-block;
  margin-right: 10px;
}
.damage-entry .overview-container p {
  max-width: 160px;
  white-space: normal;
  word-break: break-all;
}
.damage-entry .damage-area, .damage-entry .damage-type {
  display: inline-block;
  text-align: center;
  padding: 0;
  height: 150px;
  border-top: 2px solid #333;
  margin: 0;
  margin-bottom: 10px;
}
.damage-entry .damage-area p, .damage-entry .damage-type p {
  font-weight: bold;
  width: auto;
  padding: 6px;
  text-align: center;
  margin-bottom: 0;
}
.damage-entry .damage-area p:nth-child(2), .damage-entry .damage-type p:nth-child(2) {
  font-weight: normal;
  margin-top: 20px;
}
.damage-entry .damage-severity {
  height: 40px;
  display: block;
  text-align: center;
  padding: 0;
  border-top: 2px solid #333;
  margin: 0;
  margin-bottom: 5px;
  padding: 5px;
}
.damage-entry .damage-severity p {
  font-weight: bold;
  padding: 0;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
.damage-entry .damage-severity img {
  max-height: 40px;
}
.damage-entry .damage-severity.selected {
  background: #00adef;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.damage-entry .damage-severity.selected:hover p {
  color: #fff;
}
.damage-entry .damage-area:hover, .damage-entry .damage-type:hover, .damage-entry .damage-severity:hover {
  cursor: pointer;
}
.damage-entry .damage-area:hover p, .damage-entry .damage-type:hover p, .damage-entry .damage-severity:hover p {
  color: #00adef;
}
.damage-entry .damage-categories {
  background: transparent;
  border: 0;
  border-top: 1px solid #ccc;
}
.damage-entry .damage-categories .damage-category {
  margin: 8px 0;
}
.damage-entry .damage-categories .damage-category .damage-category-button {
  width: 150px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}
.damage-entry .area-image-container {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 10px;
}
.damage-entry .area-image-container .trs-grid {
  border: 1px solid #fff;
  height: 33.333%;
  width: 33.333%;
  display: inline-block;
  z-index: 50;
  position: absolute;
  top: 0;
  bottom: 0;
}
.damage-entry .area-image-container .trs-grid:nth-child(2), .damage-entry .area-image-container .trs-grid:nth-child(5), .damage-entry .area-image-container .trs-grid:nth-child(8) {
  border-left: 0;
  border-right: 0;
}
.damage-entry .area-image-container .trs-grid:nth-child(5), .damage-entry .area-image-container .trs-grid:nth-child(4), .damage-entry .area-image-container .trs-grid:nth-child(6) {
  border-bottom: 0;
  border-top: 0;
}
.damage-entry .area-image-container .trs-grid:nth-child(n+7) {
  border-bottom: 1px solid #fff;
}
.damage-entry .area-image-container .trs-grid.selected {
  border: 0;
  background: #00adef;
  opacity: 0.5;
}
.damage-entry .area-image-container .trs-grid:hover {
  background: #00adef;
  opacity: 0.8;
  cursor: pointer;
}
.damage-entry .area-image-container .trs-grid.non-selectable {
  border: 0;
  background: #9f0002;
  opacity: 0.6;
}
.damage-entry .area-image-container .trs-grid.non-selectable:hover {
  background: #9f0002;
  opacity: 0.6;
  cursor: default;
}
.damage-entry .area-image-container .area-image {
  position: relative;
  z-index: 20;
}
.damage-entry .loading i {
  display: block;
  margin-bottom: 10px;
}
.damage-entry .liability textarea {
  max-width: none !important;
}
.damage-entry .liability .image-droplet {
  width: 100%;
  min-height: 90px;
}
.damage-entry .liability .image-droplet p {
  text-align: left;
}
.damage-entry .liability .image-droplet p a {
  display: inline-block;
  margin: 0;
  margin-left: 15px;
}
.damage-entry .editThumbnail:hover {
  cursor: default !important;
  border-left: rgb(51, 51, 51) solid 1px !important;
}
.damage-entry .resetLiabilityLabel {
  vertical-align: top;
}
.damage-entry .vehicle-type-label {
  margin-bottom: 5px !important;
  width: 100% !important;
}

.damage-entry.edit .summary .form-group {
  margin-bottom: 10px;
}
.damage-entry.edit .summary .form-group .form-control {
  font-size: 13px;
}
.damage-entry.edit .summary .form-group .control-label {
  font-size: 14px;
}

.search.nodes .form-group {
  width: 100%;
}
.search.nodes .form-group .input-group {
  width: 100%;
}
.search.nodes .form-group .input-group input {
  margin-right: 8px;
}

@media (min-width: 768px) {
  .show-all-nodes-button {
    float: right;
  }
}
.filter-dropdown {
  display: inline-block;
}

.damage-entry .summary .form-group .form-control input[type=checkbox] {
  margin: 0;
}

.highlight-dropdown {
  background-color: #00adef !important;
}

.highlight-dropdown:hover {
  color: white !important;
}

.highlight-dropdown:focus {
  color: white !important;
}
