/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*/
body{
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 20px;
}

* {
  font-family: Georgia, 'Times New Roman', Times, serif;
}
.simple-table {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  word-wrap: break-word;
  font-size: 20px;
  padding: 2px;
}
.simple-table tr td {
  border: 1px solid black;
  border-collapse: collapse;
  word-wrap: break-word;
  font-size: 20px;
  padding: 2px;
}
.header {
  background-color: silver;
}
.dashed-line {
  border: 1px dashed black;
  margin: 35px;
}
body {
 /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}
.header::before {
 /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: "" counter(my-sec-counter) ".0 ";
}
.bg-poor{
  background-color: #dc3545!important;
}
.bg-fair{
  background-color: yellow;
}
.bg-good{
  background-color: #ffc107!important;
}
.bg-very-good{
  background-color: #90EE90;
}
.bg-excellent{
  background-color: #28a745!important;
}
.counter-column{
  width:4%;
}
.app-logo-report{
  width:200px;
 height:200px;
}
.qr-code-report{
  width:80px;
 height:80px;
}

.bg-success{
  background-color: #28a745;
}
.bg-danger{
  background-color:#dc3545;
}
.bg-warning{
  background-color:#ffc107;
}
.bg-primary{
  background-color: #007bff;
}
.bg-info{
  background-color: #17a2b8;
}
.bg-light {
  background-color: #f8f9fa;
}

.ribbon-wrapper {
  height: 70px;
  overflow: hidden;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 70px;
  z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
  height: 120px;
  width: 120px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
  right: 0;
  top: 26px;
  width: 160px;
}

.ribbon-wrapper.ribbon-xl {
  height: 180px;
  width: 180px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
  right: 4px;
  top: 47px;
  width: 240px;
}

.ribbon-wrapper .ribbon {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
  line-height: 100%;
  padding: 0.375rem 0;
  position: relative;
  right: -2px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 90px;
}

.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #9e9e9e;
  bottom: -3px;
  content: "";
  position: absolute;
}

.ribbon-wrapper .ribbon::before {
  left: 0;
}

.ribbon-wrapper .ribbon::after {
  right: 0;
}