/* ---------------------------------------------------
    My stuff
----------------------------------------------------- */

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    /* color: #333; */
    min-height: 2000px;
    padding-top: 70px;
    background-color: #1e2022;
    color: #e8eaf3;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }

.extendedcontainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    }

.cell-centered {
    text-align: center
}

th {
    padding: 5px;
}

.qualpad{
    text-align: center;
    padding: 0 5px;
}

#camGirls ul { margin: 0; padding:0; display:inline-block;}
#camGirls li { margin: 0; padding:0; width:950px; overflow:hidden; display:inline-block; height:535px; }
#camGirls iframe { margin: 0; padding:0; border:none; position:relative; width:2030px; height:650px; top: -33px;}
#camGirls .remove { cursor:pointer; display:inline; top:2px; left:1px; position:relative; float:left; z-index:99; }
#camGirls .handle { cursor:pointer; display:inline; top:2px; left:2px; position:relative; float:left; z-index:99; }
#camControls { border:1px solid #CCC; margin:2px; padding:3px; }
#camControls .active { border:1px solid black; background:#fff; color:#dc5500; }

/* #mangas div { margin: 0; padding:0; border:none; position:relative; width:2030px; height:650px; top: -33px;} */
.manga {
    /* padding:.2cm; */
    float:left;
    /*width:30%;*/
    width:277px;
    min-height:150px;
    border:thin black ridge;
    margin:.1cm;
    font-size:medium;
    position: relative;
}
.hundred{
    filter: brightness(40%);
}
.thumb {
    /* padding:.2cm; */
    float:left;
    width:110px;
    min-height:150px;
    /* border:thin black ridge; */
    margin:.1cm;
    /* font-size:medium; */
    overflow: hidden;
}

.thumb img {width:100%;} /* remove if using in grid system */

/* added */
.thumb .fav {
    z-index: 500;
    display: block;
    position: absolute;
    opacity: 1;
    text-align: center;
    color: inherit;
    width:25px;
    height:25px;
}
/* added */
.thumb .smallfav {
    z-index: 500;
    display: block;
    position: absolute;
    opacity: 1;
    text-align: center;
    color: inherit;
    width:25px;
    height:25px;
}
.thumb .smalldead {
    z-index: 500;
    display: block;
    position: absolute;
    opacity: 1;
    text-align: center;
    color: inherit;
    width:25px;
    height:25px;
}
.thumb .smallplusun {
    z-index: 500;
    display: block;
    position: absolute;
    opacity: 1;
    text-align: center;
    color: inherit;
    width:25px;
    height:25px;
    top: 30px;
}

.mangatitle{
    height:66px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.mangatitle h4 {
    float:right;
    margin:5px;
}

.mangasum {
    float:left;
    width:155px;
    display:table;
}
.mangachaps {
    float:right;
    margin:5px;
}
.mangastats{
    float:left;
    /* margin:auto 5px; */
    display:table-cell;
    vertical-align:middle;
    /* position: absolute; */
    /* position:absolute;
    margin-right:.1cm;
    right:0px;
    bottom:0px; */
}
.mangarate {
    float:left;
    /* margin:auto 5px; */
    display:table-cell;
    vertical-align:middle;
}
.mangaread {
    float:right;
    /* margin:auto 5px; */
    display:table-cell;
    vertical-align:middle;
}
.manganext {
    display: inline-block;
    text-align: right;
    line-height: 15pt;
}

/* .tableFixHead       { overflow-y: auto; height: 100px; }
.tableFixHead th    { position: sticky; top: 0; } */
/* th     { background:#2b2b2b; } */
.chap {
    /* padding:.2cm; */
    float:left;
    width:182px;
    min-height:25px;
    border:solid 1px gray;
    margin:.1cm;
    padding:.1cm;
    font-size:medium;
}
.chap.seen {
    border:solid 1px forestgreen;
}
.chapstatus {
    /* padding:.2cm; */
    float:left;
    /* width:110px;
    min-height:150px; */
    /* border:thin black ridge; */
    margin:.1cm;
    /* font-size:medium; */
    overflow: hidden;
}
.mxchapstatus {
    float:left;
    margin:.1cm;
    overflow: hidden;
}
.m18chapstatus {
    float:left;
    margin:.1cm;
    overflow: hidden;
}
.chaplabel {
    float:right;
    margin:.1cm;
}

.render {
    display: block;
    margin: 0 auto;
}
.controls {
    text-align:center;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.control {
    display:inline-block;
}
.controlsmall {
    width: 6%;
}
.controlmedium {
    width: 10%;
}
.controlbig {
    width: 17%;
}
.imaged {
    width: 60%;
}

.controlleft, .controlright, .controlblank {
    display:inline-block;
    width: 16%;
}
.controlreturn {
    display:inline-block;
    width: 10%;
}
.controlallreturn {
    display:inline-block;
    width: 5%;
}
.btn{
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    /* text-align: center; */
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 6px;
    
    color: #ddd;
    background-color: #333;
    border-color: #ccc;
}

.btn:hover{
    color: #ddd;
    background-color: #222;
    border-color: #ccc;
}

.controlleft{
    text-align: right;
}
.controlright{
    text-align: left;
}
.controlreturn{
    text-align: center;
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: url("https://mdn.mozillademos.org/files/15757/SourceSansPro-Regular.otf") format("opentype");
  }