body {
  line-height: 1.0;
}

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}

.ta-right {
  text-align: right;
}

.no-wrap {
  white-space: nowrap;
}

.text-small {
  font-size: 12px;
}

.th-highlighted {
  background-color: #ffff99 !important;
  color: #000 !important;
}

#header-left {
  text-align: center; 
  /*
  text-transform: uppercase; 
  letter-spacing: 1px; 
  */
}

#header-right {
  text-align: center;
}


.header-left-text {
  font-size: 1.2rem;
  padding-top: 10px; 

  /*
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  */
}

.dlf-logo-img
{
  height: 25px;
  width: auto;
  margin-right: 6px;
  /*margin: 10px;*/
}

.settings-link {
  cursor: pointer;
}

.settings-link,
.dlf-link {
  text-decoration: none;
  color: white;
}

.settings-link:visited,
.settings-link:active,
.dlf-link:active,
.dlf-link:visited {
  text-decoration: none;
  color: white;
}

.settings-link:hover,
.dlf-link:hover {
  color: #87CEFA;
  text-decoration: none;  
}

#output-section {
  margin: 20px 0;
}

#output-section th div {
  margin-top: 5px;
}

#close-config {
  cursor: pointer;
}

#close-config:hover {
  color: #007bff;
}

.pos-QB
{
  background-color: #FFFF99;
}

.pos-RB
{
  background-color: #90EE90;
}

.pos-WR
{
  background-color: #87CEFA;
}

.pos-TE
{
  background-color: #FFB6C1;
}

#output-section td, th {
  font-size: .8rem;
}

.rise-fall-fall {
  color: red;
  font-size: 12px;
  margin-left: 5px;
}

.rise-fall-rise {
  color: green;
  font-size: 12px; 
  margin-left: 5px;   
}

#output-section .table .thead-dark tr,
#output-section .table .thead-dark th {  
  color: #fff;
  background-color: #343a40;
  border-color: #32383e;
}

#output-section .table .thead-dark th {  
  background-color: transparent;
}

.rookie-indicator {
  margin-left: 5px;
  font-size: .8rem;
  color: red;
}

/* sm = small */
@media (min-width: 576px)  {


}

/* md = medium */
@media (min-width: 768px)  {

  #header-left {
    padding-top: 12px !important;
    text-align: left !important;
  }

  #header-right {
    text-align: right !important;
  }  

  #output-table {
    width: auto !important;
  }

}

/* lg = large */
@media (min-width: 992px)  {
  
}

/* xl = extra large */
@media (min-width: 1200px)  {
  
}

/* xx = double extra large */
@media (min-width: 1400px)  {
  
}




















/* default is extra small, xs, less than 576 */
.resp-test {display: none; width: 30px; height: 20px; background: purple;  }
.resp-test {background: purple; color: white; }
.resp-test:after { content:'xs'; }
@media (min-width: 576px)  { .resp-test  { background: blue; color: white;} .resp-test:after { content: 'sm'}}
@media (min-width: 768px)  { .resp-test  { background: green; color: white;} .resp-test:after { content: 'md'} }
@media (min-width: 992px)  { .resp-test  { background: yellow; color: black;} .resp-test:after { content: 'lg'} }
@media (min-width: 1200px) { .resp-test  { background: orange; color: black;} .resp-test:after { content: 'xl'} }
@media (min-width: 1400px) { .resp-test  { background: red; color: white;} .resp-test:after { content: 'xx'} }