.discrepancy-detail { border-width: 1px 1px 0; border-style: solid; border-color: #e3e3e3; background-image: url(../../../img/utilities/table-border-vertical.png); background-position: 468px center; background-repeat: repeat-y; }
.discrepancy-detail .table { margin-bottom: 0; }
.discrepancy-detail .table-bordered { border: 0; }
.discrepancy-detail .table-bordered thead tr th:first-child, .discrepancy-detail .table-bordered thead tr td:first-child, .discrepancy-detail .table-bordered tbody tr th:first-child, .discrepancy-detail .table-bordered tbody tr td:first-child { border-left: 0; }
.discrepancy-detail .panel-heading { background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f8f8f8, #ececec); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec); background-image: -o-linear-gradient(top, #f8f8f8, #ececec); background-image: linear-gradient(to bottom, #f8f8f8, #ececec); background-repeat: repeat-x; border-width: 0 0 1px 1px; border-style: solid; border-color: white #e3e3e3; }
.discrepancy-detail .panel-heading .panel-inner { margin: 0; padding: 10px 19px; line-height: 1.4em; color: #666666; font-weight: bold; border-width: 0 0 1px 1px; border-style: solid; border-color: #e3e3e3 white; }
.discrepancy-detail .panel-body .panel-inner { margin: 10px 19px; }

@media screen and (max-width: 1004px) { .discrepancy-detail { background-position: 348px center; } }
@media screen and (max-width: 767px) { .discrepancy-detail { background: none; }
  .discrepancy-detail table, .discrepancy-detail thead, .discrepancy-detail tbody, .discrepancy-detail tr, .discrepancy-detail th, .discrepancy-detail td { display: block; }
  .discrepancy-detail thead { display: none; }
  .discrepancy-detail tbody tr td, .discrepancy-detail tbody tr th { border: 0; }
  .discrepancy-detail tbody tr td:last-of-type, .discrepancy-detail tbody tr th:last-of-type { border-bottom: 1px solid #e3e3e3; }
  .discrepancy-detail tbody tr td::before, .discrepancy-detail tbody tr th::before { display: block; color: #666666; font-weight: bold; line-height: 20px; box-sizing: border-box; content: attr(data-title); }
  .discrepancy-detail .panel { padding: 10px 9px; }
  .discrepancy-detail .panel-heading { border: 0; background: none; }
  .discrepancy-detail .panel-heading .panel-inner { padding: 0; border: 0; line-height: 20px; }
  .discrepancy-detail .panel-body .panel-inner { margin: 0; } }
