#sampleResultsReport {
    /*border:1px solid red;*/
      width:800px;
      font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 500;
      color: #59bebd;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:white;
  }
  
  @media all{
    table{
      border-collapse: collapse;
    }
  }

  @media print{
    img{
         display: inline;
         visibility: visible;
         -webkit-print-color-adjust: exact;
    }
  }
  
  .logoDiv{
    background-image: url("Logo.jpg"); 
    background-position:center;
    background-repeat: no-repeat; 
    background-size: contain;
    width: 170px; 
    height: 180px;
    -webkit-print-color-adjust: exact;
  }

  #sampleResultsReport h1, h2, h3 {
      font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 700;
      color: #6097A4;
  }
  
  #sampleResultsReport h2{
      font-size:24px;
  }
  
  #sampleResultsReport h3{
      font-size:26x;
  }
  
  #sampleResultsReport h4{
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #6097A4;
    padding:0px;
  }
  
  #sampleResultsReport p{
    padding:0px;
  }
  
  #sampleResultsReport strong{
    color: #6097A4;
  }
  
  #sampleResultsReport  hr{
    height: 2px;
    margin-top:1vh;
    margin-bottom:2vh;
  }
  
  #sampleResultsReport  nav, nav.navbar{
    margin-top:0;
    margin-bottom:0;
  }
  
  #sampleResultsReport input[type=text] {
    border: none;
    border-bottom: 1px solid #6097A4;
    margin-bottom: 0px;
  }
  
  .ocDataDiv{
    /*border: 1px solid red;*/
  }
  
  .ocInputsMainDiv{
    /*border: 1px solid lightgreen;*/
    display:flex;
    flex-direction: row;
    justify-content:  flex-start;
    align-items: center;
  }
  
  .ocInputFieldsDiv{
    /*border: 1px solid orange;*/
    display:flex;
    flex-direction: row;
    justify-content:  flex-start;
    align-items: flex-end;
    margin-left:'5px';
  }
  
  /*
  #sampleResultsReport input[type=date] {
    border: none;
    border-bottom: 1px solid #6097A4;
    margin-bottom: 0px;
  }
  */
  
  .customReportAndResultsTable table{
    border-collapse: collapse;
      margin-bottom:1vh;
  }
  
  .customReportAndResultsTable thead {
    background-color: #6097A4;
    border: 1px solid #6097A4;
    color: white;
  }
  
  .customReportAndResultsTable td{
    border: 1px solid lightgray;
  }
  
  .customReportAndResultsTable td, th{
    text-align: center;
  }
  
  .customReportAndResultsTable tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  
  .tableSampleAndImageDiv{
    /*border: 1px solid red;*/
    width: 100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .tableSamplesDiv{
    /*border: 1px solid green;*/
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .sampleThresholdsImage{
    background-image: url("thr_viz.jpg"); 
    background-position:center;
    background-repeat: no-repeat; 
    background-size: contain;
    width: 275px; 
    height: 200px;
    -webkit-print-color-adjust: exact;
    padding: 0px;
    margin: 0px;
  }

  .reportTable{
    width: 550px;
  }
  .reportTable td, th{
    width: 275px;
  }
  
  .resultsTable{
    width: 400px;
  }
  .resultsTable td, th{
    width: 200px;
  }
  
  .invalidStatusTable{
    width: 500px;
  }
  
  
  #sampleResultsReport label {
    padding: 12px 12px 12px 0;
    display: inline-block;
  }
  
  #sampleResultsReport a, .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
    color: #6097A4;
  }
  
  #sampleResultsReport a:hover, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav>li>a:hover {
    /* color: #1470af; */
    color: #6097A4;
    opacity:70%;
  
  }
  
  .formDiv{
    /*border:1px solid red;*/
    width: '600px';
  }
  
  .headerDiv{
      width: 100%;
      height: 9vh;
      padding:0px;
      margin-top:15px;
  }
  
  .headerDivMain{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .mainResultSections{
    width: 730px;
  }
  
  .headerDivResults{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  
  .headerDivSamples{
    display:none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  
  #footerDiv{
      background-color: #d1ebe9;
      padding-top: 5px;
      text-align: center;
      bottom:0;
        left:0;
      width: 100%;
      height: 6vh;
      position:fixed;
      padding-top: 1vh;
      display:flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
  }
  
  #footerDiv p {
    margin: 0px 10px 0px 0px;
    padding: 0px;
  }
  
  #myNavbar {
      align-items: center;
      text-align: center;
      /* background-color: black; */
      justify-content:center;
      margin:auto;
  }
  
  #myNavbar > ul {
      /* justify-content: center; */
      align-items: center;
      text-align: center;
      /* background-color: black; */
      justify-content: center;
      /* margin-left: 44px; */
      margin: auto;
  }
  
  .resultSampleDiv{
      /*border:1px solid purple;*/
    margin-top: 20px;
    padding-top: 0px;
  }
  
  .collapse ul {
      text-align: center;
  }
  
  .alert-info {
      width: 50%;
      margin: auto;
      color: #6097A4;
      background-color: white;
      border-color: #6097A4;
      text-align: center;
  }
  
  .btn-default {
      border-color: #6097A4;
      color: #6097A4;
  }
  
  .btn-default:hover {
      background-color: #6097A4;
      color: white;
  }
  
  
  .inner {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 65px;
  }
  
  .left{
    margin-left: 50px;
  }
  
  .content-section {
      padding: 20px 0;
  }
  
  .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
  }
  
  .footer, .push {
    clear: both;
    height: 4em;
  }
  
  
  .intro-divider {
      width: 50%;
      border-top: 1px solid #f8f8f8;
      border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  
  .intro-header {
      padding-top: 30px;
      padding-bottom: 50px;
      text-align: left;
      color: #f8f8f8;
      background: url("../img/dashboard-bg.png") no-repeat center center;
  
      background-size: cover;
      height: 100%;
  }
  
  .intro-message {
      position: relative;
      padding-top: 20%;
      padding-bottom: 20%;
  }
  
  .intro-message > h1 {
      margin: 0;
      text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
      font-size: 5em;
  }
  
  .intro-message > h3 {
      text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
  }
  
  .lead {
      font-size: 18px;
      font-weight: 400;
  }
  
  .disabled{
        opacity: 0.5;
        pointer-events: none;
        color: grey;
        cursor: not-allowed;
   }
  
   .center {
       /* text-align: center; */
       padding: 0px;
       margin: auto;
       width:80%;
   }
  
   .center > table {
       width: 100%;
       margin: auto;
       margin-bottom: 20px;
   }
  
   .center > h1 {
       text-align: center;
       width: 100%;
   }
  
   .table_responsive{
     border-style: none;
   }
  
   .flashed_messages {
       text-align: center;
   }
  
  .labelsDiv{
    /*border: 1px solid #6097A4;*/
    width: 650px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px  0px  0px  110px;
    font-size: 1.2vh;
  }
  
  .pLabel{
    padding: 0px;
    margin-bottom: 0px;
  }