/**
* Note: 
* This may contain unused style declarations from previous projects
*/
body {
  background-color: #cecece !important;
  /* background-image: url('../img/grey-wall.jpg'); */
  /* background-attachment: fixed; */
} 
pre {
  /* why does <pre> have a border??? (bootstrap) */
  border: none !important;
}
label {
  font-weight: bold;
}
.norm {
  font-weight: normal;
}
.btnDisable {
  color: #c0c0c0 !important;
  border-color: #c0c0c0 !important;
}
.colorDisabled {
  color: #c0c0c0 !important;  
}
/*
### jQuery Validate Error Classes ----------------------------------------
*/
.jqValError {
  color: #f00000;
}
/*
### JB Colors
*/
.jb-bg-green {
  background-color: #d1f0d4 !important;
}
.jb-text-green {
  color: #008d00 !important;
}
.jb-bg-gray {
  background-color: #cecece !important;
}
/*
### My Utility Classes ---------------------------------------------------
*/
.border-gray {
  border-color: #ced4da !important;
}
.bred {
  border: 1px solid red !important;
}
.page-break {
  page-break-before: always;
  min-height: 20px;
}
.print-only {
  display: none !important;
}
/*
### My Break Point: MD 450 -----------------------------------------------
*/
@media (max-width: 450px) {
  .h1 {
    font-size: 1.25rem !important;
  }
  .address {
    font-size: 0.8rem;
  }
}
/*
### BS Break Point: SM 576 -----------------------------------------------
*/
@media (max-width: 576px) {
  #main {
    margin: 0 !important;
    padding: 5px !important;
  }
  .h1 {
    font-size: 1.75rem;
  }
  .address {
    font-size: 0.8rem !important;
  }
  div#instructions {
    font-size: 0.8rem !important;
  }
  .sec-head h4 {
    font-size: 1rem !important;
  }
}
/*
### BS Break Point: MD 768 -----------------------------------------------
*/
@media (max-width: 768px) {
  .h1 {
    font-size: 2rem;
  }
}
/* 
### Page Print Settings --------------------------------------------------
*/
@media print {
  @page {
    margin: 0.5in !important;
  }
  body {
    margin: 0 !important;
    padding: 0 !important;
  }
  div#main {
    margin: 0 !important;
  }
  #main,
  #section-0, 
  #section-1, 
  #section-2,
  #section-3,
  #section-4,
  #success-0,
  #success-1,
  #email-doc-head,
  #email-doc-body {
      border: none !important;
      box-shadow: none !important;
      margin: 0 !important;
  }
  #instructions {
    max-width: 900px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 48 !important;
    padding-right: 0 !important;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
}
