/* KATOPedia Page Custom Styles  */

.KATO-Table th{
  background-color: #0069aa;
  color:#fff;
}

.KATO-Table .alt td{
  background-color:#C3C1CB; 
}

.KATO-Table>tbody>tr>td.ShadeBox{
  vertical-align: middle !important;
  text-align: center;
  background-color:#C3C1CB;
}

/* Instructions */

.table-form li{
  padding: 20px;
  height:25px;
  width:200px;
}

/* KATO-Table  */

.panel-heading{
  background-color: #ffffff !important;
}

.katpedia-panel{
  height: 460px;
  background-color: #0069aa; /* Patty: #285E1C; Original: #0069aa; Halloween: #4B4E50;*/
}

.panel-body{
   height: 300px;
   background-color: #f5f5f5;
   color: #000;
}

.WizBtn-panel{
  height: 150px !important; 
}

.panel-body-articles{
   background-color: #f5f5f5;
   color: #000;
}

.UnderLine{
  padding-bottom: 2px;
  border-bottom: #fff 1px solid;
}

.Gry2Box{
  background-color:#9d9d9d;
}

.NoPad{
  padding:0 0 0 0;
}

.Notes-Spaces li{
    margin: 15px 0;
}

.KATOpediaFooter{
  background-color: #707070;
  color:white;
}

.KATOpediaFooter a{
  color:white;
}

.KATO-table th{
  background-color: #0069aa;
}

.KATO-table .alt td{
  background-color: #C3C1CB;
}

section.cta {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/Main/KATOpedia-Login.jpg');
  padding: 200px 0;
}
section.cta .cta-content {
  position: relative;
  z-index: 1;
}
section.cta .cta-content h2{
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  max-width: 800px;
  font-size: 50px;
}
@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 80px;
  }
}
section.cta .overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

section.cta-2 {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/Main/bg-Reg.jpg');
  padding: 175px 0;
}
section.cta-2 .cta-content-2 {
  position: relative;
  z-index: 1;
}
section.cta-2 .cta-content-2 h2{
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  max-width: 800px;
  font-size: 50px;
}
@media (min-width: 768px) {
  section.cta-2 .cta-content-2 h2 {
    font-size: 80px;
  }
}
section.cta-2 .overlay-2 {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

/* Tech Article */

a.list-group-item, button.list-group-item {
    color: #337ab7;
}

/* top, transparent red, faked with gradient */ 