/*****************************/

[class*=col-] [data-img-zoom] { width:100%; }
[data-img-zoom]{
    border:6px solid #fff;
    display:block;
    box-shadow:3px 3px 10px rgba(0,0,0,0.6);  
    position:relative;    
    overflow:hidden;
}
[data-img-zoom] img{display:block; width:100%;}
.zoomImg{
    position:absolute;
    bottom:0;
    right:0;
    background-image: url('../../../common/img/lupa.png');
    height:25px;
    width:25px;
    background-size:contain;
}
.zoomImg:hover{ transform: scale(1.3); transform-origin:100% 100%;}
[data-img-zoom] .stack{
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    text-shadow:1px 2px #000;
    font-size:12px;
    padding:3px 25px 3px 5px;
    width:100%;
    word-break: break-all;
    -webkit-transition: bottom ease 0.5s;
    -moz-transition: bottom ease 0.5s;
    transition: bottom ease 0.5s;
    display:block;
}
[data-img-zoom].no-style { border: none; box-shadow: none; }
[data-img-zoom]:hover .stack {bottom:0 !important;}
[data-img-zoom] .stack:hover {bottom:0 !important;}


.selected{background-color:whitesmoke;color:#333;}

/* Fractions Display  with Jquery */
.fraction, .top, .bottom {
    padding: 0 5px;    
    position: relative;
    top: 6px;
}

.fraction {
    display: inline-block;
    text-align: center;    
}
input[type='checkbox']{
position: relative;
top: 50px;
width: 40px;
height: 40px;
}
.bottom{
    border-top: 1px solid #fff;
    display: block;
}


/*********************************************/


.border{
    height: 420px;
    overflow-y:auto;
}

.btnls:active{
    margin:0px 0 0 0;
}

.globito{
    padding:10px 15px;
    position: absolute;
    top: 10px;
    left: 240px;
}

.validador{
      position: absolute;
 right: -55px;
  top: 50px;
}

input[type=checkbox].check2 + label.label2 {
    padding-left:44px;
    display:inline-block;
    line-height:34px;
    background-repeat:no-repeat;
    cursor:pointer;
    background-size: 100px; 
    width:100px;
    height:87px;
}
input[type=checkbox].check2:checked + label.label2 
{
    background-position: 0 -87px;
}

.inputEjercicio1{
    width: 100px;
    position: absolute;
    text-align: center;
    font-size: 36px;
    color:#454647;
    right: 10px;
}

.btnvs{
    position: absolute;
    bottom: 10px;
    right: -80px;

}

#tabs1 [class*=cont-h]{
    position: relative;
}

.ip{
    width: 150px;
}

.ip2{
    width: 69px;
}

.sub{
    position: relative;
    width: 30px;
    bottom: 20px;
    right: 10px;
}

.tablita{
    margin:0 auto;
    width: 85%;
    display: table;
}

.tablita td{
    border:2px solid #fff;
    padding:10px;
}

.tablita thead td{
    background: #00bae2;
}

.firstColor{
    background: #e7f3f4;
}

.secondColor{
    background: #fff;
}

td input{
    width: 90%;
    margin:0 auto;
    display: table;
}

.buttons button{
    display: block;
    width:280px;
}

.ppadtop{
      padding-top: 30px;
  padding-left: 20px;
}

.tamanoInput{
    width: 150px;
    color:#454647;
}