@charset "utf-8";
/* CSS Document */

#tab1, #tab2 { height: 440px;  }
.tab-container { position: relative; top: -60px; }
.tab-container .panel-container{ background: #97b535  !important;}
.tab-container .etabs .tab.active { background: #97b535 !important; }

.scroll1 {  width:  100%; height: 410px; overflow-y: scroll; display: block; }
.scroll2 {  width:  100%; height: 420px; overflow-y: scroll; display: block; }
.scroll3 {  width:  100%; height: 420px; overflow-y: scroll; display: block; }

.texto3 { font-size: 33px; }

.boxValidar { background-color: #fff; width: 60px; height: 60px;
    -webkit-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.75);
}
.checked { background-image: url('../img/img_incorrecto.png'); 
  height: 60px;
  width: 60px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 10px;
  padding-left: 5px;
}

.resultado{ width: 40px; height: 40px;   display:block; margin: auto; }
.bgAcierto{ background-image: url('../../../common/img/img_correcto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 
.bgError{ background-image: url('../../../common/img/img_incorrecto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 

input { font-size: 36px; text-align: center; }

.rowTable     { height: 45px; border: 1px solid #345; padding-right: 0px !important; font-size: 20px; }
.cell         { height: 45px; border-right: 1px solid #eddfdf; background-color: #E7F3F4; color: #353535; padding-left: 10px; padding-top: 5px; padding-right: 0px !important; font-size: 28px;  padding-right: 0px !important; }
.cellTitle    { height: 75px; border-right: 1px solid #eddfdf; background-color: #00BAE2; color:    #fff; padding-left: 10px; padding-top: 5px; padding-right: 0px !important; text-align: center; }
.cellSubTitle { height: 45px; border-right: 1px solid #eddfdf; background-color: #BBE0E3; color: #353535; padding-left: 10px; padding-top: 5px; padding-right: 0px !important; text-align: center; }
.cell input { font-size: 22px; text-align: center; }
.cellSubTitle input { font-size: 22px; text-align: center; }

.ok{ background-color: rgb(191, 227, 197); color: #8E8E8E;}
.notok{ background-color: rgb(255, 208, 208); color: #8E8E8E;}

.selected  { background-color: #00BAE2; }

#btPop2 { position: absolute; right: 40px; bottom: 10px; }

/******** Padding Helpers *******/
.padTop10  { padding-top: 10px;}
.padTop20  { padding-top: 20px;}
.padTop40  { padding-top: 40px;}
.padTop60  { padding-top: 60px;}
.padTop80  { padding-top: 80px;}
.padTop100 { padding-top: 100px;}

.padLeft10  { padding-left: 10px;}
.padLeft20  { padding-left: 20px;}
.padLeft40  { padding-left: 40px;}
.padLeft60  { padding-left: 60px;}
.padLeft80  { padding-left: 80px;}
.padLeft100 { padding-left: 100px;}

.padSide10  { padding-left: 10px !important;  padding-right: 10px !important;}
.padSide20  { padding-left: 20px !important;  padding-right: 20px !important;}
.padSide40  { padding-left: 40px !important;  padding-right: 40px !important;}
.padSide60  { padding-left: 60px !important;  padding-right: 60px !important;}
.padSide80  { padding-left: 80px !important;  padding-right: 80px !important;}
.padSide100 { padding-left: 100px !important; padding-right: 100px !important;}

.padRight0 { padding-right: 0px !important; }
.padRight20 { padding-right: 20px !important; }
.padRight40 { padding-right: 20px !important; }
