body.background {
	background-color:#efefef;
} 

div.background {
	background: url(../images/background.jpg) top left;
	background-repeat: no-repeat;
	background-color:#efefef;
} 

.title {
	color:rgb(6, 51, 134);
	font-weight:bold;
}

th {
  background: white;
  position: sticky;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.subtable-background {
	background-color:#efefef;
}

th.subtable {
  background: #f1f1ee;
  position: static;
  font-weight: normal;
  font-style: italic;
  box-shadow: none;
}

.list-group-item:hover {
  color: #ffffff;
  background-color: #0275d8;
}

.dropdown-item:hover {
  color: #ffffff;
  background-color: #0275d8;
}

.text-bold {
  font-weight: bold;
}

a.order-iconlink {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px;
}

td.bold {
  font-weight: bold;
}

table.modify.table-striped > tbody > tr> td, table {
  padding: 2px;
}

@media (min-width: 354px) {  
  h4 {font-size:1.1rem;} /*1rem = 16px*/
  h6 {font-size:0.8rem;} 
  th.thtop-small {top: 6.50rem;}
  th.thtop-big {top: 8.00rem;}
  table {font-size: 0.85rem;}
  form {font-size: 0.85rem;}
  .font-standard {font-size: 0.85rem;}
}

@media (min-width: 544px) {  
  h4 {font-size:1.2rem;} /*1rem = 16px*/
  h6 {font-size:0.9rem;} 
  th.thtop-small {top: 7.00rem;}
  th.thtop-big {top: 8.50rem;}
  table {font-size: 0.85rem}
  form {font-size: 0.85rem}
  .font-standard {font-size: 0.85rem;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h4 {font-size:1.3rem;} /*1rem = 16px*/
  h6 {font-size:0.9rem;} 
  th.thtop-small {top: 7.50rem;}
  th.thtop-big {top: 9.00rem;}
  table {font-size: 0.90rem;}
  form {font-size: 0.90rem;}
  .font-standard {font-size: 0.85rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h4 {font-size:1.4rem;} /*1rem = 16px*/
  h6 {font-size:1.0rem;} 
  th.thtop-small {top: 8.00rem;}
  th.thtop-big {top: 9.50rem;}
  table {font-size: 1rem;}
  form {font-size: 1rem;}
  .font-standard {font-size: 0.90rem;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  h4 {font-size:1.5rem;} /*1rem = 16px*/  
  h6 {font-size:1.0rem;}     
  th.thtop-small {top: 8.50rem;} 
  th.thtop-big {top: 10.00rem;}
  table {font-size: 1rem;}
  form {font-size: 1rem;}
  .font-standard {font-size: 1rem;}
}
