.tags noindex { display: flex; flex-wrap: wrap; } a.eTag { flex-shrink: 0; font-size: 13px; padding: 10px; background: var(--medium-bg); margin: 0 5px 5px 0; border-radius: var(--secondary-border-radius); } 
/**********start button-plus/minus**********/
a.positive:focus, a.negative:focus {text-decoration:none!important;color:#fff!important;}
a.positive, a.negative {
 display: inline-block;
 padding: 5px 5px 5px 30px;
 text-align: center;
 font-size: 14px;
 background-color: #31c379;
 background-repeat: no-repeat;
 vertical-align: top;
 color: #fff;
 border: 2px solid transparent;
}

.positive {
 margin-right: 5px;
 background: #31c379 url(/manga/img/smile.png)no-repeat 3px 3px;
 border-radius: 5px;
 border-color: transparent #2bb26e #2bb26e transparent!important;
background-size: 20px 20px;
}
a.positive, a.negative, b { font-weight: 400; letter-spacing: 0.5px; }
a.negative {
 background: #dadcdb url(/manga/img/sad.png) no-repeat 3px 3px;
background-size: 20px 20px;
 border-radius: 5px;
 border-color: transparent #dadcdb #dadcdb transparent;
 color: #888;
 padding: 5px 5px 5px 30px;
 text-align: center;
 width: auto;
 font-size: 14px;
 background-color: #dadcdb;
 background-repeat: no-repeat;
}

.rate-count {
margin-left: 3px;
}
.rate-box{
white-space:nowrap;
}
/*********End-button-plus/minus**********/
.text_hide_wrap {
    max-width: 700px;
}


.item_text p {
    margin-bottom: 20px;
}

.io_item {
    width: 100%;
    padding-bottom: 20px;
}

.io_button_wrap {
    text-align: center;
    margin-top: 10px;
}

.io_button {
    display: inline-block;
    border: 1px solid #f00;
    width: auto;
    padding: 0 20px;
    line-height: 32px;
    vertical-align: top;
    text-transform: uppercase;
    color: #f00 !important;
    font-size: 10pt;
    border-radius: 22px;
    cursor: pointer;
}

a.io_button:hover {
    text-decoration: none;
}

.io_item .btn_close {
    display: none;
}

.io_item .btn_open {
    display: inline-block;
}

.io_item.open .btn_close {
    display: inline-block;
}

.io_item.open .btn_open {
    display: none;
}

.io_trans {
    width: inherit;
    position: absolute;
    height: 80px;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, #2c2e3200 0%, #111 100%);
    transition: 1s;
}

.io_item.open .io_trans {
    height: 0;
    transition: 1s;
}

.io_item_wrap {
    position: relative;
    overflow: hidden;
    max-height: 100px;
    width: inherit;
    transition: max-height 0.5;
}
.io_item.open .io_item_wrap {
    max-height: 999px !important;
    transition: max-height 1s;
}

#back-to-top{background:#1b1b1b;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:20px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:#fff;cursor:pointer;display:block;height:56px;opacity:1;outline:0;position:fixed;right:20px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-transition:bottom .2s,opacity .2s;-o-transition:bottom .2s,opacity .2s;-moz-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:56px;z-index:1}
#back-to-top svg{display:block;fill:currentColor;height:24px;margin:16px auto 0;width:24px}
#back-to-top.hidden{bottom:-56px;opacity:0} .plus_vzk { width: 40px; text-align: center; color: #FFF; font-size: 20px; position: absolute; top: 10px; left: 10px; z-index: 2; background: #000; border-radius: 50%; height: 40px; line-height: 40px; }
#waakInfbc { max-width: 200px; position: fixed; z-index: 99999999; top: 20px; left: 20px; color: #FFF; font-size: 12px; display: none; }
.waakInfbcOk {background: rgba(60,154,28,8);padding: 10px;}
.waakInfbcNon {background: rgba(253,86,40,8);padding: 10px;}
.waakInfbcZ {background: rgba(253,166,73,8);padding: 10px;}
#widWaakZakl { padding: 10px 20px; background: #FFF; border: 1px solid #f1f1f1; margin: 0 0 10px; } #widWaakZakl a { font-size: 16px; line-height: 30px; } #clr{clear:both;}
.widWaakZaklDel { float: right; padding: 0 10px; } .widWaakZaklDel:hover { background: #f1f1f1; }

.woobl_emoji {
display: flex;
 flex-flow: row;
 padding: 0.24rem;
 width: -webkit-fill-available;
 position: relative;
}

.woobl_emoji li {
 display:flex;
 flex-flow:column;
 justify-content:center;
 align-items:center;
 flex:1 0 auto;
 cursor:pointer;
 row-gap:0.2vh;
 padding:0.44rem 0.24rem;
 transition: all 120ms linear;
 -webkit-transition: all 120ms linear;
 border-radius:3px;
 -webkit-border-radius:3px;
}

.woobl_emoji li .item {
font-size:21px;
}

.woobl_emoji li b {
font-size:14px;
}

.woobl_emoji.dark{color:#eee}
.woobl_emoji.dark li:hover{
background-color:rgba(255,255,255,0.07);
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.4); 
}
 
.woobl_emoji.light{color:#333}
.woobl_emoji.light li:hover{
background-color:rgba(0,0,0,0.07);
box-shadow: 0 4px 6px -4px rgba(0, 0, 0,0.2);
-webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2); 
}

.woobl_emoji.boxed{
box-shadow: inset 0px 2px 3px -2px rgba(0, 0, 0, 0.33), inset 0px -1px 3px -2px rgba(0, 0, 0, 0.38);
-webkit-box-shadow: inset 0px 2px 3px -2px rgba(0, 0, 0, 0.33), inset 0px -1px 3px -2px rgba(0, 0, 0, 0.38)
margin:0 2rem;
border-radius:5px;
-webkit-border-radius:5px;
background-color: rgba(103, 198, 227, 0.04);
}