/* Electric Tool Pages Custom Styles  */

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

.specVer{
  display: none;
}

/* THIS IS FOR COMPARISON TABLE FOR ELECTRIC Pages ===========================================*/

.BGCompare{
  background-color: #0069aa;
}

.BGCompare th{
  color: #000;
}

.BGCompare h1{
  color: #fff;
}

.BGCompare table{
  background-color: #fff;
}

/* THIS IS FOR COMPARISON TABLE FORMATING KPE / KHE / KRE Pages ===========================================

.table-striped>tbody>tr:nth-child(even)>td{
   background-color: #fff;
 }

 */

hr.twoRow{
  margin-top: .20em; margin-bottom: .20em; border-width: 1px; border-color: #636769;
}

tr.row-grey td{
  background-color: #C3C1CB;
}

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

.comparison>tbody>tr>th{
  text-align: left;
  background-color: #DCDADB;
}

.comparison td{
    font-size: 15px;
    vertical-align: middle !important;
    text-align: center;
}

.table-hover > .comparison th{
  background-color: #0069aa;
  color:#F2F2F2;
}

.comparison tbody > tr:nth-child(2n+1) > td{
   background-color: #F2F2F2;
}

.comparison >.table-hover > tbody tr:hover td{
  background-color: #FFD837;
}

.glyphicon-ok{
  color:#0069aa;
}

.glyphicon-remove{
  color:#BF2034;
}

/*
@media (min-width: 300px){
  #prewinder{
  background: url('../img/1200KPE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ffffff;
  height: 650px;
  }

  #hex{
  background: url('../img/1200KHE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #d9d9d9;
  height: 650px;
  }

  #round{
  background: url('../img/1200KRE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ebecf1;
  height: 650px;
  }
    .specHor{
     display: none;
   }

   .specVer{
     display: block;
     height: 500px;
   }

}

@media (min-width: 500px){
  #prewinder{
  background: url('../img/1200KPE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ffffff;
  height: 750px;
  }

  #hex{
  /*background: url('../img/1200KHE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #d9d9d9;
  height: 750px;
  }

  #round{
  /*background: url('../img/1200KRE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ebecf1;
  height: 750px;
  }*/

  .specVer{
     display: none;
   }

   .specHor{
     display: block;
     height: auto;
   }

}

/*
@media (min-width: 1100px){
    #prewinder{
    background: url('../img/1500KPE.jpg') no-repeat;
    background-size: 100% auto;
    background-color: #ffffff;
    height: 900px;
    }
    #hex{
    /*background: url('../img/1200KHE.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #d9d9d9;
    height: 900px;
    }
    #round{
    /*background: url('../img/1200KRE.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #ebecf1;
    height: 900px;
  }
}


@media (min-width: 1400px){
    #prewinder{
    /*background: url('../img/1500KPE-2.jpg') no-repeat;
    background-size: 100% auto;
    background-color: #f5f4f9;
    height: 900px;
    }

    #hex{
    /*background: url('../img/1500KHE-2.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #f4f4f1;
    height: 900px;
    }

    #round{
    /*background: url('../img/1500KRE-2.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #ebecf1;
    height: 900px;
    }
}