html, body {
    margin: 0;
    height: 100%;
}

body {
    background-color: #333;
}

body.hide-overflow {
    /*overflow: hidden;*/
    padding-bottom:4% !important;
    overflow: scroll !important;
}

/* helpers */

.t {
    display: table;
    width: 100%;
    height: 100%;

}

.tc {
    display: table-cell;
    vertical-align: middle;
    text-align: center;


}

.rel {
    position: relative;

}

/* book */

.book {
    margin: 0 auto;
    width: 90%;
    height: 90%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible !important;
}

.book .page {
    height: 100%;
    background-color: #fff;
}

.book .page img {
    max-width: 100%;
    height: 100%;
}

#thumbs{
    display:none;
    }
#thumbs img{
    width:90% !important;
    padding:0px !important;
    float:left !important;
}

.paginate_button{background:#aaa;}
#table_id_wrapper label,
.dataTables_info,
#table_id th,
.ellipsis{
    color:#fff !important;
}
#table_id_wrapper input,
#table_id_wrapper select{
    color:#000;
}
.paginate_button{
    margin-bottom:25%;
}

tbody tr:hover,
tbody tr:hover .sorting_1{
    cursor:pointer;
    background:#aaa !important;}

.indice-title{text-decoration:underline;}
.indice{padding:0 5%;}
.indice li{list-style:none; cursor:pointer; font-size:70%; line-height:0.5;}
.indice li p{text-align:left;}
.indice li p:hover{color:#afafaf;}
/*.indice .marca{float:left;}*/
.indice .b_page{float:right;}
.fp img{
    height:auto !important;
    margin-bottom:1%;
}
#book div{
overflow:auto;
}
/*#book .fp.page.p2 img{
    position:fixed;
    left:0;
    top:0;
}*/

/*#book .indice{
    margin-top:80px;
}*/