/*
Theme Name: Simple Novel
Theme URI: http://example.com
Author: Your Name
Author URI: http://example.com
Description: A WordPress theme for reading novels online.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: novels, books, reading
Text Domain: simple-novel
*/

body {
    background: #f0f0f0;
    font-family: Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.navbar {
    background: #3a5795;
    border-radius: 0;
}

.btn-primary, .btn-success {
    width: 49%;
}

.detail-novel h1 {
    font-size: 20px;
    font-weight: 700;
}

.detail-novel .des-novel {
    text-align: justify;
}

.list-info, .novel-view {
    font-size: 14px;
}
.list-info {
    border-bottom: 1px solid #eee;
    padding: 5px 1px;
    font-size: 14px;
}
.table {
    width: 100%;
}

.footer-bottom {
    background: #0d2638;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.footer-bottom a {
    color: #fff;
}

@charset "ISO-8859-1";a{text-decoration:none!important}a:hover{text-decoration:none!important}body{font-family:roboto,sans-serif}#content-wrapper{margin-top:10px;margin-bottom:8px;background:#fff}.navbar{border-radius:4px;background:#31708f}.video-item-wrapper .video-name,.playlist-item-wrapper .playlist-name{display:block;cursor:pointer;color:#000;text-align:center;line-height:1.5;height:3em;margin-bottom:10px;overflow:hidden}.category-list-wrapper .list-group-item{overflow:hidden}.category-list-wrapper img{width:50px;height:50px;border-radius:50%;float:left}.category-list-wrapper span{margin-left:10px}.main-footer{background:none repeat scroll 0 0 #3e4753;padding:20px 0;color:#fff}.navbar-fixed-top{top:0;background:url(/images/menu/menu-top.png) no-repeat;background-color:#31708f;border-width:0 0 1px}.navbar-nav>li a{color:#fff}.navbar-nav>li a:hover{background:#132f47}.navbar-nav>li>ul>li a{color:#337ab7}.navbar-nav>li>ul>li a:hover{color:#fff}.navbar-nav>li:hover ul{display:block}hr{margin:12px 0}.description-blog a{color:#2a2a2a}.main-blog{}.intro-blog{font-weight:700;padding:5px 0;text-align:justify}.content-blog{text-align:justify;line-height:1.6em}.content-blog img{max-width:95%;height:auto!important}.title-more{font-size:15px;padding:2px 6px;color:#555454}.logo-cstn{height:60px;margin-top:-6px}.title-blog{font-size:18px;font-weight:700;padding:3px 5px}.time-blog{font-size:13px}.description-blog{text-align:justify}.title-home{font-size:22px;font-weight:700;padding:3px 0;color:#0a2f4e}.description-home{text-align:justify;height:6em;color:#333}.title-right{font-size:14px;padding:4px;border-bottom:1px solid#ddd;text-align:justify;color:#333}.img-home{height:260px;overflow:hidden}.head-home{padding:3px 0;border-bottom:1px solid#337ab7;margin-top:5px}.title-home-head{padding:5px;color:#fff;background:#337ab7;font-size:16px;text-transform:uppercase}.title-home-blog{font-size:22px;color:#4d4d4d;font-weight:700}.des-home-blog{font-size:14px;color:#656565;text-align:justify}.img-home-title img{width:100%;height:auto;transition:opacity .3s ease-in-out}.img-home-title:hover img{opacity:.66}.blog-home-category a{font-size:11px;padding:5px;color:#1876d5;text-transform:uppercase}.title-tab{color:#333}.title-tab :hover{color:#000}.navbar-toggle .icon-bar{background-color:#fff}.navbar-toggle{border-color:#ddd}.more-button-blog a{background:#1876d5;padding:5px 10px;color:#fff;float:right}.more-button-blog a:hover{background:#444;padding:5px 10px;color:#fff;float:right}.title-home-head-2 a{font-size:13px;color:#444}.title-home-head-2 a:hover{font-size:13px;color:#0765bc}h3.list-group-item{margin:0;margin-bottom:-1px;padding:0}h3.list-group-item a{display:block;padding:10px 15px}h3.list-group-item.active a{color:#fff}.breadcrumb{margin-left:-10px;background:0 0;margin-bottom:0;font-size:13px;border-bottom:1px solid#f1f1f1;border-radius:0}.breadcrumb a{color:#4b4b4b}.breadcrumb a:hover{color:#1876d5}.res-content img{max-width:100%;height:auto!important}.tag-item{display:inline-block;color:#656565;padding:0 10px;white-space:nowrap;background:#f1f1f1;margin:0 5px 5px 0}.botton-download{float:left;padding:5px}.glyphicon-fix{font-size:30px;color:#fff}.title-more-r{font-size:16px;color:#000;padding:6px 0}.article-info{font-size:12px;padding:5px;color:#858585}.title-more-2{font-weight:700;font-size:15px;padding:12px 0;color:#343333;height:3.6em;overflow:hidden;text-align:justify}.title-more-2 a{color:#343333}.title-more-2 a:hover{color:#0a4262}.avatar{height:50px;display:block;padding:0!important}.avatar img{height:40px;width:40px;border-radius:50%;margin-top:5px}

.nav>li>a:active{text-decoration:none;background-color:#0f283e}.menu-search{margin-left:100px;margin-top:-5px}.form-search{width:100%;min-width:330px;padding:1px 5px;margin-left:10px}

.list-novel .col-md-2{padding:3px}.title-home-novel{padding:5px 2px;height:2.8em;line-height:1.2em;overflow:hidden;font-weight:550;text-align:center}.list-novel .thumbnail{display:block;padding:0;margin-bottom:10px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:0}.list-novel .view-novel{font-size:13px;color:#5d5d5d;text-align:center}.box-right{border:1px solid #ccc;padding:10px;margin:10px 0}.head-category{padding:5px;border-bottom:1px solid #ddd;font-weight:700}.list-category{padding:5px;border-bottom:1px solid #f7f7f7}.title-novel{font-size:13px;font-weight:500;padding:1px 4px}.main-footer{color:#fff;background-color:#172a38;border-top:20px solid #18354a;font-family:helvetica;-webkit-font-smoothing:antialiased}.main-footer a{color:#ccc}.main-footer a:hover{color:#787878}.title-header-footer{font-size:15px;text-transform:uppercase;font-weight:bold;text-align:center}.title-under{border-bottom:1px solid #ccc}.sub-footer{padding:3px;text-align:center}.footer-bottom{background:#0d2638;padding:10px;color:#fff;text-align:center}.footer-bottom a{color:#fff}

#sidebar ul li, #sidebar ul li.cat-item, #sidebar aside ul li{list-style-type:none;border-bottom: 1px solid #f7f7f7;font-size:15px;padding:5px 0}
#sidebar ul{padding-left:0}
.navbar-brand {
    color: #eee;
    font-size: 24px;
    padding-top: 14px;
    font-weight: bold;
    margin-right:50px
}
a.navbar-brand:hover{color:#fff}
input.search-field {
    border: 1px solid #ccc;
    margin-top: 16px;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 10px;
}
.list-page-novel {
    max-height: 400px;
    overflow-y: auto;
    margin: 10px 0;
}
table.table tbody tr td a:visited {
    color: #999;
}
.tml {
    font-size: 1em;
    display: block;
    width: 100%;
    max-width: 310px;
    margin: 15px auto 40px;
    padding: 10px 30px;
    border: 1px solid #eee;
    border-radius: 8px;
    box-sizing: border-box;
}
a.f,a.page-numbers {
    background: #eee;padding: 4px 10px;
    margin: 0;
}.button-list {
    display: inline-block;
}
a.f,span.f,select.f{padding:4px 10px;display:inline-block;cursor:pointer}a.np,span.np{padding:4px 10px}a.np svg,span.np svg{width:16px;height:16px}select.f{background:#eee}a.r,span.r{border-right:1px solid #3a5795}.fg{display:inline-block}span.chosen,span.f:hover,a.chosen,a.f:hover,select.chosen,a.page-numbers:hover,span.current{padding: 4px 10px;
    margin: 0;background:#3a5795;color:#fff;text-decoration:none}select.f option{background:#fff;color:#222}select.f option.selected{background:#3a5795;color:#fff}

.rl{margin: 20px auto;max-width:680px}
.btns a span.btn{margin-top:6px}
.chapter-nav{width:100%;text-align:center;margin:15px 0}.chapter-nav a{display:inline-block;white-space:nowrap}
.chapter-nav a,a.button,input.submit{padding:4px;margin:0 2px;background:#eee}.chapter-nav a:hover,a.button:hover,input.submit:hover{background:#666;color:#eee}
.rl-list{
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
table.db-table {
    width: 100%;
    box-sizing: border-box;
}
a.daftar-baca svg,.daftar-baca svg{width:16px;height:16px;display:inline-block}
a.daftar-baca {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 6px;
}a.daftar-baca:hover{background:#ddd}.clear{clear:both}.pagination-links{text-align: center;}p.exc {
    clear: both;
    padding: 14px;
}.list-info h3 {
    margin: -6px 0 0;
}
.db-table h3{margin:5px 0;font-size:18px;font-weight:bold}.db-table h3 span{display:inline-block}a.db-table-menu svg{width:20px;height:20px;margin:0 4px}.db-table a.daftar-baca{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-height:30px}a.nowrap{white-space:nowrap}tr.menu td{width:33%}.db-table .new-lbl{height:28px}.pub-date{margin:-20px 0 15px 3px;color:#999}
.db-form form small{margin:16px 0;display:inline-block}
@media only screen and (max-width: 365px){tr.menu{font-size:12px}tr.menu td{padding:2px}tr.menu td svg{width:12px;height:12px}.db-table a.daftar-baca{max-height:30px}.db-table .new-lbl{height:24px}}

@media only screen and (max-width: 600px){span.btn{width:160px}}
@media only screen and (max-width: 768px){.navbar-brand{padding-left:12px}}