﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.field-validation-error {
 color: red;
}

.flabel {
    float: left;
    width: 200px;
}

.fdata {
    float: left;
    width: 600px;
}

.clear {
    clear: both;
}

.action-buttons {
  margin-bottom: 20px;
}

th {
    background-color:#000;
    color:#fff;
    padding: 5px 15px 5px 5px;
    text-align: left;
}

td {
    padding-right: 15px;
}

.min400 {
    min-height: 400px;
}

table.check-list tbody tr td:not(.noresults) {
    cursor: pointer;
}
table.check-list tbody tr:hover td:not(.noresults) {
    background-color: #ccc;
}
table.check-list tbody tr td a {
    color: #000;
}
table.check-list tbody tr td a:hover {
    text-decoration: none;
}

@media screen {
  .check-image {
    width: 600px; 
    height: 600px;
    /*float: left;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 15px 15px 0 0;
    border: 10px solid #ccc;*/
  }

  .check-image img {
    max-width: 100%;
  }

  .print-image-headerdata {
      display: none;
  }

  .preview-wrapper {
      overflow: hidden;
      visibility: hidden;
  }

  .img-preview {
    /*display: none;*/
  }

  .preview-lg {
    width: 760px;
    height: 400px;
  }
}

@media print {

  @page  
  { 
    size: auto;
    margin: 10mm 5mm;  
  } 

  body {
    margin: 0;
    padding: 0;
    color: #000 !important;
    background-color: #fff;
  }

  .print-check-view .action-buttons {
    display: none;
  }

  .print-check-view .check-meta {
    display: none;
  }

  .print-check-view footer,
  .print-check-view hr {
    display: none;
  }

  .preview-wrapper {
      visibility: visible;
  }

  .print-check-view div.check-image {
    display: none;
  }

  .print-check-view div.img-preview,
  .print-check-view div.img-preview.preview-lg {
    display: block;
    overflow: hidden;
  }

  .print-check-view div.img-preview img {
    margin: 0px auto;
  }
}