/* Minification failed. Returning unminified contents.
(597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 10px;
    min-height:1000px;
}

.footer {
    top: 100%;
    padding-bottom: 80px;
    background-color:#ddd;
}
/* Set width on the form input elements since they're 100% wide by default */
.search-container form input {
    max-width: 180px;
}
.adsense{
	
	min-height:350px;
	
}
.unselectable {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
hr{
	margin-top:50px;	
	margin-bottom:50px;	
}

/*----------------sub navigation-----------------------*/

.subnav {
    float: left;
    overflow: hidden;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
    display: none;
    position: fixed;
    margin-top: 45px;
    left: 0;
    background-color: rgba(51, 51, 51, 0.90);
    width: 100%;
    z-index: 1000;
    
}

    /* Style the subnav links */
    .subnav-content a {
        float: left;
        color: white;
        text-decoration: none;
    }

        /* Add a grey background color on hover */
        .subnav-content a:hover {
            background-color: #eee;
            color: black;
        }

        .subnav-content a:hover {
            background-color: #eee;
            color: black;
        }
/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
    display: block;
}
/*------------------------------------------------------*/

.subnavb {
    float: right;
    overflow: hidden;
}

/* Style the subnav content - positioned absolute */
.subnavb-content {
    font-size: 18px;
    text-align: left;
    display: none;
    position: absolute;
    bottom: 100%;
    background-color: rgba(51, 51, 51, 0.90);
    width: 120px;
    z-index: 10000;
    right: 35px;
}
    /* Style the subnav links */
    .subnavb-content a {
        float: left;
        color: white;
        text-decoration: none;
        display: block;
        padding: 10px 5px 10px 15px;
        width: 100%;
    }

        /* Add a grey background color on hover */
        .subnavb-content a:hover {
            background-color: #eee;
            color: black;
        }
/* When you move the mouse over the subnav container, open the subnav content */
.subnavb:hover .subnavb-content {
    display: block;
}

/*------------------------------------------------------*/

.subnavm {
    overflow: hidden;
}

/* Style the subnav content - positioned absolute */
.subnavm-content {
    margin-top: 10px;
    font-size: 18px;
    text-align: left;
    display: none;
    bottom: 100%;
}
    /* Style the subnav links */
    .subnavm-content a {
        float: left;
        text-decoration: none;
        display: block;
        padding: 5px 5px 5px 5px;
        margin-left: 5px;
        margin-bottom: 5px;
        border-color: #046ca3;
    }

        /* Add a grey background color on hover */
        .subnavm-content a:hover {
            background-color: rgba(63, 133, 197, 0.19);
            color: black;
        }
/* When you move the mouse over the subnav container, open the subnav content */
.subnavm:hover .subnavm-content {
    display: block;
}
/*----------------sub navigation-----------------------*/

.botnav {
    background-color: #333;
    position: fixed;
    width: 100%;
    z-index: 996;
    bottom: 0;
    text-align: center;
    height: 40px;
}

    .botnav a {
        float: none;
        color: #f2f2f2;
        margin: 2px 10px 3px 0px;
        text-decoration: none;
        font-size: 18px;
    }

        .botnav a i {
            font-size: 20px;
        }

.lpageNav {
    
    left: 0;
    bottom: 20px;
    margin-left: 3px;
    z-index: 995;
    width: 100%;
    text-align: center;
    background-color: white;
}

.pagnav {
   
    left: 0;
    //bottom: 40px;
    //margin-left: -20px;
    //z-index: 997;
    width: 100%;
    font-size: 13px;
    text-align: center;
    background-color: #ccc;
}

.upageNav {
    position: fixed;
    left: 0;
    bottom: -20px;
   // margin-left: -10px;
    z-index: 995;
    width: 105%;
    text-align: center;
    background-color: black;
}
/* Centered section inside the top navigation */
div .cntre {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}


.topnav {
    background-color: #333;
    overflow: hidden;
    //position: fixed;
    width: 100%;
    z-index: 999;
}

    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 10px;
        text-decoration: none;
        font-size: 17px;
    }

        /* Change the color of links on hover */
        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

        /* Add an active class to highlight the current page */
        .topnav a.active {
            background-color: #4CAF50;
            color: white;
        }

    /* Hide the link that should open and close the topnav on small screens */
    .topnav .icon {
        display: none;
    }

    .topnav .search-container {
        float: right;
    }

    .topnav input[type=text] {
        border: none;
        padding: 5px;
        margin-top: 8px;
        width: 500px;
    }

    .topnav .search-container a {
        border-radius: 10px 0px 0px 10px;
        border: 1px solid #FFF;
        margin-top: 8px;
        padding: 2px;
        background-color: #ddd;
        color: #333;
    }

        .topnav .search-container a:hover {
        }

    .topnav .search-container button {
        float: right;
        padding: 4px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        border: none;
        cursor: pointer;
        color: #333;
        border-radius: 0px 20px 20px 0px;
        border: 1px solid #FFF;
    }

        .topnav .search-container button:hover {
            text-decoration: unset;
        }

/* Style the navbar */
#navtype {
    overflow: hidden;
    background-color: #000000;
    z-index: 996;
    text-align: center;
    top: 45px;
}

    /* Navbar links */
    #navtype a {
        float: left;
        width: 33.3%;
        display: block;
        color: white;
        text-align: center;
        padding: 14px;
        text-decoration: none;
        border-right: solid;
    }

        #navtype a.active {
            background-color: #4CAF50;
        }

        #navtype a:hover {
            background-color: #ddd;
            color: #333;
        }
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
	z-index:996;
	bottom: 0;
    width: 105%;
	background-color:#ddd
}

    /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + .body-content {
		padding-bottom:50px;
    }

iframe {
    max-width: 100% !important;
    max-height: 100% !important;
}

h2 .a-right {
    float: right;
    color: #fff;
}

.home {
    display: inline-block;
    margin-bottom: 90px;
    width: 100%;
}

.list-book {
    display: inline-block;
    width: 70%;
    margin-top: 10px;
}

    .list-book .chapter-wrap .chapter {
        border: none;
        padding: 0px;
    }

.list-hot {
    width: 25%;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    float: right;
    margin-top: 10px;
}

    .list-hot .title {
        font-size: 20px;
        text-align: center;
        background-color: lightblue;
        border-radius: 10px 10px 0px 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .list-hot .h-ul {
        font-size: 18px;
        background-color: whitesmoke;
        border-radius: 0px 0px 10px 10px;
        margin-bottom: 20px;
    }

        .list-hot .h-ul .h-li {
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 10px;
        }

.tab-item {
    height: 110px;
    display: flex;
    float: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 2px;
    /*border-radius: 7px;
    border: 1px solid #3f85c5;*/
}

    /*.tab-item .img {
        margin: 10px 5px 2px 2px;
    }

        .tab-item .img img {
            width: 47px;
            height: 47px;
            border-radius: 50%;
        }
        */
    .tab-item .label {
        float: left;
        position: relative;
        z-index: 20;
    }

    .tab-item .newch {
        float: left;
        position: absolute;
    }

    .tab-item .tab-content {
        vertical-align: middle;
        padding-top: 2px;
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/
        width: 75%;
    }

        .tab-item .tab-content .title-v {
            white-space: normal;
            overflow: hidden;
            max-height: 45px;
            display: block;
            font-size: 16px;
            font-weight: bold;
        }

        .tab-item .tab-content .title-e {
            /*white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;*/
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 0.9em;
        }

        .tab-item .tab-content .title-new {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 0.8em;
        }

        .tab-item .tab-content span {
            margin-right: 4px;
        }

        .tab-item .tab-content .view {
            font-size: 12px;
            color: #999;
        }


        .tab-item .tab-content.view {
            font-style: italic;
            margin-left: 15px;
        }

    .tab-item .new-timer {
        text-align: right;
    }
/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    //height: 100%;
    width:100%;
    position: absolute; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
	transform: translateX(0%);
	
    background-color: #333;
	backface-visibility: hidden;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 2%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 25px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

    .overlay-content .page-header {
        color: #FFF;
        font-size: 19px;
    }
/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
    padding-left: 20px;
	
}

    .overlay a:hover, .overlay a:focus {
        color: white;
        background-color: #ddd;
    }
/* When you mouse over the navigation links, change their color */
.overlay-content a:hover, .overlay-content a:focus {
    color: white;
    background-color: #ddd;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    padding: 0px;
    top: 0px;
    right: 2px;
    font-size: 25px;
	
}

    .overlay .closebtn a:hover, .overlay .closebtn a:focus {
        background-color: unset;
        color: #fff;
    }

#main {
    transition: margin-left .5s; /* If you want a transition effect */
    bottom: 50px;
}

h1 span {
    display: inline-block;
    padding: 5px;
    font-size: 18px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 3px solid #3f85c5;
    border-right: 3px solid #3f85c5;
    border-radius: 7px;
}

.to-page-top {
   
    float: right;
    right: 5px;
    bottom: 5px;
    z-index: 998;
    font-size: 22px;
    opacity: 0.7;
}

    .to-page-top a {
        text-decoration: none;
        color: rgba(221, 166, 17, 0.95)
    }

center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.section-wrap {
    display: inline-block;
    width: 100%;
    top: 0;
    z-index: -1;
}

.section {
    width: 33%;
    float: left;
    padding-left: 10px;
    --border-left: 2px outset #333;
}

.book-info {
    width: 100%;
    margin-bottom: 15px;
    padding: 3px;
    min-height: 300px;
    display: block;
}

.binfo-wrapper {
    width: 100%;
    display: inline-block;
}

.dinfo {
    float: left;
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    line-height: 1.5;
}
.atag{
	font-size: 18px;
	margin:15px;
}
.status {
    float: left;
    position: absolute;
    left: 0;
    right: unset;
    top: 270px;
}

    .status span {
        padding: 5px;
        display: block;
        font-size: 15px;
        margin: 5px;
    }

.meta {
    display: block;
    padding: 5px 2px 5px 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 17px;
}

    .meta label {
        display: inline;
        font-size: 15px;
        margin: 5px;
    }

.btags {
    width: 100%;
    line-height: 1.5;
    padding: 0px 15px 5px 10px;
    margin-bottom: 5px;
    font-size: 17px;
    display: block;
    text-align: justify;
}

    .btags label {
        display: inline;
        font-size: 15px;
        margin: 5px;
    }
/*.side-more {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 7px;
    padding: 5px;
    border: 1px solid #333;
    box-shadow: #ccc 1px 3px;
    margin-left: -17px;
}

    .side-more .big-title {
        border-bottom: 1px solid #999;
        font-size: 20px;
        margin-bottom: 15px;
        padding: 7px;
    }*/
.show-cont {
    display: block;
}

.description {
    width: 100%;
}

.des-title .show-more {
    color: #333;
    text-decoration: none;
    display: none;
}

.des-title {
    display: block;
    border-left: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 7px;
    font-weight: bold;
    border-radius: 7px;
}

.des-info {
    text-align: justify;
    display: block;
    font-size: 17px;
    padding: 5px;
    line-height: 1.5;
    overflow-y: auto;
    height: 600px;
    margin-bottom: 7px;
	word-wrap:break-word;
}

.book-mucluc {
    display: inline-block;
    width: 30%;
    margin-left: 2px;
    border-radius: 7px;
    padding: 3px;
    /*border: 2px solid #4CAF50;*/
    margin-bottom: 30px;
}

.sl-booktype {
    background-color: rgba(204, 204, 204, 0.72);
    text-align: right;
    display: inline-block;
    font-size: 17px;
    border-radius: 7px;
}

.book-mucluc .ml-title {
    padding: 2px;
    margin-bottom: 10px;
    text-align: center;
    border: 2px solid #27862b;
    width: 100%;
    color: black;
    font-size: 18px;
    background-color: rgba(102, 193, 105, 0.41)
}

/*.full-mucluc {
    display: inline-block;
    width: 90%;
    margin-left: 15px;
    margin-bottom: 100px;
    border-radius: 7px;
}*/
.full-mucluc .chapter-wrap .chapter {
    width: 30%;
}

.chapter-wrap {
    display: block;
    width: 100%;
}

.book-mucluc .chapter-wrap {
    overflow-y: auto;
    height: 900px;
}

.chapter-wrap .chapter {
    font-size: 18px;
    display: inline-block;
    border-bottom: 1px dashed #4CAF50;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    padding: 15px;
	padding-left: 35px;
}

.chapter-wrap a {
	color: #333;
    text-decoration: none;
}

.chapter-wrap .chapter:hover {
    background-color: rgba(204, 204, 204, 0.48)
}

.ch-active {
    background-color: #ccc;
}

/*----------------css for chapters page-------------------------*/
.chnav {
    background-color: #fff;
    
    width: 100%;
    top: 45px;
    text-align: center;
    height: 45px;
    padding: 10px;
    font-size: 17px;
    display: inline-flex;
    border-top: 1px dashed #046ca3;
    border-bottom: 1px dashed #046ca3;
    box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
    margin-bottom: 1px;
    z-index: 990;
}

    .chnav a, .chnav .chname a {
        text-decoration-color: none;
        color: #333;
    }

        .chnav a:hover, .chnav .chname a {
            text-decoration: none;
        }

    .chnav .chleft {
        display: block;
        float: left;
        width: 20%;
    }

    .chnav .chright {
        display: block;
        float: right;
        width: 20%;
    }

    .chnav .chname {
        display: block;
        color: #3f85c5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        text-align: center;
        width: 70%;
    }

.padtext{
	
	margin-bottom:40px;
}
.ch-content {
    align-items: center;
    display: block;
    justify-content: center;
    font-size: 17px;
    width: 90%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 10px;
}

    .ch-content .ch-head {
        display: block;
    }

    /*.ch-content .chtitle {
        font-size: 19px;
        font-weight: bolder;
        margin-bottom:15px;
    }*/

    .ch-content .chname {
        font-weight: bold;
        padding-bottom: 0px;
    }

    .ch-content .content {
        line-height: 2.0;
        padding: 8px;
        box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
    }


#ueditname{
	word-wrap:break-word;
}
.chapter-wrap .tbc .chapter {
    width: 33%;
}

.ch-mucluc {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    width: 100%;
    height: 100%;
    
   	//z-index: 995; /* Sit on top */
   	 right: 0;
   	//top: 90px;
    background-color: #fff;
    overflow-x: hidden; /* Disable horizontal scroll */
    //transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

    .ch-mucluc.bookpage {
       // top: 50px;
    }

    .ch-mucluc.chpage {
       // top: 90px;
        padding-bottom: 60px;
    }

    .ch-mucluc .overlay-content {
        //top: 0px;
        width: 100%; /* 100% width */
        text-align: left; /* Centered text/links */
        margin-top: 0; /* 30px top margin to avoid conflict with the close button on smaller screens */
        margin-bottom: 120px;
        //padding-right: 5px;
        //padding-left: 5px;
    }
        /*.ch-mucluc .overlay-content.bookpage {
            margin-bottom: 120px;
        }
        .ch-mucluc .overlay-content.chpage {
            margin-bottom: 140px;
        }*/
        /* The navigation links inside the overlay */
        .ch-mucluc .overlay-content a {
            transition: 0.3s; /* Transition effects on hover (color) */
        }



    /* Position the close button (top right corner) */
    

.full-mucluc {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 0;
    position: fixed; /* Stay in place */
    z-index: 996; /* Sit on top */
    left: 0;
    top: 40px;
    background-color: #fff;
    /* overflow-x: hidden; Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

    .full-mucluc.overlay-ml {
        top: 45px;
        width: 100%; /* 100% width */
        text-align: left; /* Centered text/links */
        margin-top: 0; /* 30px top margin to avoid conflict with the close button on smaller screens */
        margin-bottom: 150px;
        padding-right: 20px;
        padding-left: 20px;
        background-color: #fff;
        height: 0;
    }

        /* The navigation links inside the overlay */
        .full-mucluc .overlay-ml a {
            transition: 0.3s; /* Transition effects on hover (color) */
        }



    /* Position the close button (top right corner) */
    .full-mucluc .closebtn {
        position: fixed;
        top: 90px;
        right: 20px;
        font-size: 30px;
        display: none;
        z-index: 997;
    }

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .ch-mucluc .overlay-content a {
        font-size: 20px
    }

    .ch-mucluc .closebtn {
        font-size: 40px;
        right: 35px;
    }
}

.popover-content {
    float: right;
    position: absolute;
    max-width: 300px;
    z-index: 999;
    top: 90px;
    text-align: center;
    height: 350px;
    margin-left: -15px;
    margin-bottom: -60px;
}

.list {
    display: block;
    width: 350px;
    right: 20px;
    background-color: #eee;
    border-radius: 7px;
    display: none;
}

    .list .item {
        display: block;
        width: 100%;
    }

        .list .item .label {
            float: left;
            display: inline-block;
            width: 30%;
            font-size: 13px;
            color: black;
            text-align: left;
            padding-top: 20px;
        }

        .list .item .content {
            width: 60%;
            display: inline-block;
            text-align: center;
            padding-top: 10px;
        }

.list-color {
    display: inline-block;
}

    .list-color li {
        display: inline-block;
        width: 35px;
        height: 30px;
        background-color: aliceblue;
        margin-right: 5px;
        border-radius: 3px;
    }

        .list-color li:hover, .list-color li:active {
            border: 2px solid #ccc;
        }

        .list-color li.active {
            border: 3px solid #046ca3;
        }

.loading {
    width: 100%;
    //height: 100%;
    margin-top: 90px;
    left: 0;
    //position: fixed;
    display: block;
    opacity: .9;
    background-color: black;
    z-index: 1000;
    text-align: center;
}

.loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    margin-top: -120px;
    margin-left: -35px;
    z-index: 1001;
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height:40px;
    animation: spin 2s linear infinite;
    transform: translate(-50%, -50%);
}

.list-book.last-update {
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    float: right;
    margin-top: 10px;
}

    .list-book.last-update.big-title {
        font-size: 20px;
        text-align: center;
        background-color: lightblue;
        border-radius: 10px 10px 0px 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .list-book.last-update.upd-rows {
        width: 100%;
    }

        .list-book.last-update.upd-rows.update {
            text-align: left;
            font-size: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 10px;
        }

            .list-book.last-update.upd-rows.update.s2 {
                width: 40%;
            }

                .list-book.last-update.upd-rows.update.s2 span {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-size: 1.2em;
                }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ch-mucluc .searchBox {
    text-align: center;
    width: 50px;
    display: inline-block;
}

.modal-content {
    height: 100% !important;
}

.botchnav {
    width: 100%;
    overflow: auto;
    padding-bottom: 40px;
    text-align: center;
}

    /* Navigation links */
    .botchnav a {
        padding: 1px;
        text-decoration: none;
        font-size: 16px;
        text-align: center;
    }
/*---------------Search--------------------*/
.main-navig {
    /*width: 220px;
    min-width: 220px;*/
    margin: 50px 50px 50px 50px;
}

    .main-navig .sort {
        width: 100%;
        height: 40px;
        background: #EFF3F5;
        border-radius: 20px;
        display: flex;
    }

        .main-navig .sort p {
            font-size: 17px;
            color: #1A1A1A;
            margin-left: 22px;
            line-height: 40px;
            position: relative;
            cursor: pointer;
        }

        .main-navig .sort .active {
            color: #467EFB;
        }

            .main-navig .sort .active::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                height: 2px;
                background: #467EFB;
                bottom: 8px;
            }

.selectedSearch {
    font-size: 0;
    color: #1A1A1A;
    font-weight: bold;
    margin-top:15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
}

.main-navig .selectedSearch p {
    font-size: 17px;
    padding: 30px 0 20px;
}

.selectedSearch a {
    display: inline-block;
    height: 26px;
    background: #467EFB;
    font-size: 17px;
    color: #FFFFFF;
    padding: 0 8px;
    line-height: 26px;
    font-weight: 500;
    border-radius: 13px;
    margin: 0 8px 8px 0;
    text-decoration: none;
}

.selectedSearch .choose {
    display: none;
}

    .selectedSearch .choose i {
        width: 16px;
        height: 16px;
        /* background: url("http://img.lc1001.com/yy_img/library_icon_close.png") no-repeat; */
        /* background-size: 16px 16px; */
        background-position: -500px -300px;
        vertical-align: middle;
    }

.main-navig .select-list .work-filter {
    padding: 20px 0 12px;
    font-size: 14px;
    color: #1A1A1A;
    border-bottom: 1px solid #DDDDDD;
}

    .main-navig .select-list .work-filter p {
        padding-bottom: 12px;
    }

    .main-navig .select-list .work-filter ul {
        font-size: 0;
    }

        .main-navig .select-list .work-filter ul li {
            font-size: 17px;
            padding: 0 9px;
            height: 26px;
            line-height: 26px;
            border-radius: 13px;
            border: solid 1px blue;
            display: inline-block;
            cursor: pointer;
            margin-bottom: 5px;
            margin-left: 5px;
        }

        .main-navig .select-list .work-filter ul .active {
            color: #FFFFFF;
            background: #467EFB;
        }

#stag .tag {
    font-size: 17px;
    padding: 0 9px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    border: solid 1px blue;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    margin-left: 5px;
}

.searchBtn {
    margin-bottom: 100px;
}

.searchresult {
    margin-bottom: 100px;
    margin-top: 50px;
    display: inline-block;
    text-align: center;
}

#sPage {
    max-width: 25px;
    text-align: left;
}

.ritem {
    min-width: 100%;
    max-width: 100%;
    text-align: left;
    margin-left: 2px;
    margin-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    height: 100px;
    display: inline-flex;
    padding-top: 10px 10px 10px 10px;
    border-top: none;
    border-radius: 5px;
    background-color: rgba(238, 238, 238, 0.30);
}

    .ritem img {
        min-width: 70px;
        max-width: 70px;
        height: 90px;
        margin-top: 4px;
        box-shadow: 1px 1px 4px #333;
    }

    .ritem .content {
        margin-left: 5px;
    }

    .ritem .title {
        white-space: normal;
        overflow: hidden;
        max-height: 50px;
        font-size: 17px;
        font-weight: 700;
        /*font-family: VNI-Meli*/
    }

    .ritem .author {
        white-space: normal;
        overflow: hidden;
        max-height: 22px;
        display: block;
        font-size: 15px;
        font-style: italic;
        font-weight: 500;
        /*font-family: VNI-Meli*/
    }

    .ritem .type {
        font-size: 15px;
        font-style: italic;
        display: inline-block;
    }

    .ritem .content .type span {
        font-size: 13px;
        font-style: italic;
        border: 1px solid #3f85c5;
        border-radius: 10px;
        margin-left: 3px;
        padding: 1px 4px 1px 4px;
    }

    .ritem:hover, .ritem:focus {
        -webkit-box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
        box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
        top: -5px;
        z-index: 2
    }

.list-display {
    display: none;
}

.sitem-grid {
    min-width: 140px;
    max-width: 140px;
    height: 210px;
    display: inline-block;
    text-align: center;
    margin-left: 3px;
    margin-bottom: 10px;
    background-color: rgba(238, 238, 238, 0.30);
}

    .sitem-grid img {
        min-width: 130px;
        max-width: 130px;
        height: 170px;
        margin-top: 10px;
        box-shadow: 1px 1px 1px #333;
    }

    .sitem-grid .content {
    }

    .sitem-grid .title {
        white-space: normal;
        overflow: hidden;
        height: 50px;
        font-size: 17px;
        font-weight: 700;
        margin-top: 7px;
        /*font-family: VNI-Meli*/
    }

    .sitem-grid .author {
        white-space: normal;
        overflow: hidden;
        max-height: 22px;
        display: block;
        font-size: 15px;
        font-style: italic;
        font-weight: 500;
        /*font-family: VNI-Meli*/
    }

    .sitem-grid .content .type {
        font-size: 15px;
        font-style: italic;
        display: block;
    }

        .sitem-grid .content .type span {
            display: block;
            font-size: 12px;
            font-style: italic;
            border: 1px solid #3f85c5;
            border-radius: 10px;
            margin-left: 3px;
            margin-bottom: 3px;
            padding: 1px 4px 1px 4px;
        }

    .sitem-grid:hover, .sitem-grid:focus {
        -webkit-box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
        box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
        top: -5px;
        z-index: 2
    }

.sitem {
    min-width: 250px;
    max-width: 250px;
    height: 350px;
    display: inline-block;
    text-align: center;
    top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 10px 10px 10px 10px;
    border-top: none;
    border-radius: 5px;
    background-color: rgba(238, 238, 238, 0.30);
}

    .sitem img {
        min-width: 140px;
        max-width: 140px;
        height: 210px;
        margin-top: 10px;
        box-shadow: 1px 1px 4px #333;
    }

    .sitem .content {
    }

    .sitem .title {
        white-space: normal;
        overflow: hidden;
        height: 50px;
        font-size: 17px;
        font-weight: 700;
        margin-top: 7px;
        /*font-family: VNI-Meli*/
    }

    .sitem .author {
        white-space: normal;
        overflow: hidden;
        max-height: 22px;
        display: block;
        font-size: 15px;
        font-style: italic;
        font-weight: 500;
        /*font-family: VNI-Meli*/
    }

    .sitem .type {
        font-size: 15px;
        font-style: italic;
        display: inline-block;
    }

    .sitem .content .type span {
        font-size: 12px;
        font-style: italic;
        border: 1px solid #3f85c5;
        border-radius: 10px;
        margin-left: 3px;
        padding: 1px 4px 1px 4px;
    }

    .sitem:hover, .sitem:focus {
        -webkit-box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
        box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
        top: -5px;
        z-index: 2
    }

.newupdate {
    margin-top: 40px;
    margin-bottom: 100px;
    display: inline-block;
    width: 98%;
}

.uitem {
    width: 98%;
    font-size: 17px;
    max-height: 100px;
    display: block;
    text-align: justify;
    margin-left: 10px;
    padding: 5px 0px 5px 10px;
    padding-bottom: 5px;
    border-radius: 5px;
    float: right;
    background: #fff;
    position: relative;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.odd {
    background-color: rgba(221, 221, 221, 0.29)
}

.uitem img {
    margin-top: 2px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #333;
    position: absolute;
}

.uitem .ucontent {
    display: inline-block;
    width: 95%;
    float: right;
}

.uitem .truyenmeta {
    display: inline-flex;
    width: 70%;
}

    .uitem .truyenmeta .author {
        padding-left: 5px;
        height: 23px;
        font-weight: 500;
        white-space: normal;
        overflow: hidden;
        text-align: left;
        float: right;
    }

    .uitem .truyenmeta .title {
        /*min-width: 265px;*/
        height: 23px;
        font-weight: 700;
        white-space: normal;
        overflow: hidden;
        max-height: 50px;
        margin-right: 5px;
        margin-left: 5px;
        text-align: left;
    }

.uitem .upd {
    padding-left: 10px;
    display: inline-flex;
    float: right;
    width: 30%;
}

    .uitem .upd .chap {
        width: 125px;
        font-style: italic;
        font-weight: 500;
        white-space: normal;
        overflow: hidden;
        max-height: 22px;
        text-align: left;
        margin-left: 5px;
    }

    .uitem .upd .time {
        /*width: 60px;*/
        font-style: italic;
        text-align: left;
        margin-left: 15px;
    }
    .uitem .upd .edit {
        margin-left: 10px;
        text-align: right;
    }

.uitem:hover, .uitem:focus {
    -webkit-box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
    box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
    top: -5px;
    z-index: 2
}
.utran {
    width: 100%;
    font-size: 19px;
    display: block;
    text-align: left;
    margin-left: 10px;
    padding: 10px 0px 10px 10px;
    padding-bottom: 5px;
    border-radius: 5px;
    float: right;
    background: #fff;
    position: relative;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.odd {
    background-color: rgba(221, 221, 221, 0.29)
}

.utran .ucontent {
    display: inline-block;
    width: 95%;
    float: left;
}

    .utran .ucontent div {
        padding-left: 10px;
        display: inline-block;
        border-left: 1px solid #ddd;
    }

    .utran .ucontent .re {
        text-align: left;
    }

.utran:hover, .utran:focus {
    -webkit-box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
    box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
    top: -5px;
    z-index: 2
}
.usericon img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.editmenu {
    position: absolute;
    background-color: white;
    right: 15px;
    z-index: 1000;
    width:110px;
}
    .editmenu a {
        padding: 7px;
        text-decoration: none;
        font-size: 16px;
        display: block;
        border: 0.5px dotted #467EFB;
    }

        .editmenu a:hover {
            background-color: #ddd;
        }
.addname {
    position: absolute;
    background-color: white;
    width: 130px;
}


    .addname a {
        padding: 7px;
        text-decoration: none;
        font-size: 16px;
        display: block;
        border:0.5px dotted #467EFB;
    }

        .addname a:hover {
            background-color: #ddd;
        }

.umessage {
    width: 100%;
    font-size: 17px;
    display: block;
    text-align: left;
    margin-left: 10px;
    padding: 10px 0px 10px 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    float: right;
    background: #fff;
    position: relative;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
    top: 0;
    z-index: 1;
}

.odd {
    background-color: rgba(221, 221, 221, 0.29)
}

.umessage .ucontent {
    display: inline-block;
    min-width: 100%;
}

.ucontent img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: top;
    box-shadow: 1px 1px 4px #333;
}


.umessage .ucontent div {
    padding-left: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
}

.umessage .ucontent .ac {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.umessage .ucontent .content {
    border-radius: 7px;
    width: 90%;
}

.umessage .ucontent .re {
    text-align: left;
}

.btn-login {
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 50px;
    font-size: 20px;
}

.user-login-form {
    max-width: 550px;
    padding-left: 7px;
    padding-right: 10px;
    margin-top: 70px;
    text-align: center;
    border-radius: 7px;
    box-shadow: 0 0 40px -5px rgba(0,0,0,.2);
}

.form-group {
    display: inline-flex;
    vertical-align: middle;
    padding-left: 20px;
}

    .form-group .form-control .form-control-user {
        float: right;
    }

    .form-group i {
        padding-top: 5px;
        padding-right: 20px;
        font-size: 20px;
    }

#btn-login {
    padding-right: 10px;
}

.editname {
    position: fixed;
    bottom: 55px;
    right: 5px;
    font-size: 30px;
    color: #046ca3
}
.namectrl{
    border:1px solid #3498db;
}
.pgtitle {
    max-width: 150px;
    max-height: 24px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

.cmt-item {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgba(243, 241, 241, 0.59);
    border-radius: 15px;
}

.cmt-icon {
    padding-bottom: 5px;
}

    .cmt-icon img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .cmt-icon span {
        font-weight: 700;
    }

.cmt-content {
}

.cmtrev {
    margin: 0px 1px 50px 1px;
}

.cmt-loadmore {
    margin-top: 10px;
}

.cmt-action {
    text-align: right;
}

.mod-list {
    width: 100%;
    padding: 10px;
    display: inline-flex;
    border-radius: 3px;
    border: 0.5px dashed #3f85c5;
}

    .mod-list div {
        margin-right: 10px;
        display: inline-block;
    }
#borderchapter
{
	word-wrap:break-word;
}
#borderchapter textarea {
    height: 1024px;
    width: 100%;
    background-color: transparent;
    border: none;
    resize: none;
    overflow: auto;
    text-align: justify;
	word-wrap:break-word; 
}

    #borderchapter textarea:focus {
        border: none;
    }

.meta textarea {
    height: 450px;
    width: 100%;
    text-align: justify;
}

.filter-tag ul li {
    font-size: 17px;
    padding: 0 9px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    border: solid 1px blue;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    margin-left: 5px;
}

.meta-user {
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 7px;
    align-items: center;
    width: 100%;
}

    .meta-user .title {
        display: inline-block;
        width: 35%
    }

    .meta-user .info {
        display: inline-block;
        width: 55%
    }

        .meta-user .info a {
            margin-left: 7px;
        }

    .meta-user input {
        width: 90%;
        max-width: 300px;
    }

    .meta-user .alert {
        min-width: 305px;
        display: block;
        width: 95%;
    }

        .meta-user .alert span {
            float: right;
            text-align: right;
            font-size: 10px;
        }

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: unset;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.scrollbar-chap::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
}
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 320px;
}

.modal-body {
    display: block;
}

.mditem {
    display: inline-flex;
    width: 100%;
    margin: 7px;
}

    .mditem .mdtitle {
        width: 40%;
    }

    .mditem .mdct {
        width: 55%;
    }
.edit-notice {
    float: left;
    position: fixed;
    bottom: 50px;
    z-index: 1000;
}

.slFilter {
}

    .slFilter div input[type=text] {
        height: 15px;
    }

    .slFilter div {
        color: black;
        padding: 5px;
        -webkit-appearance: button;
        appearance: button;
        outline: none;
        display: inline-flex;
    }

    .slFilter select {
        background-color: #ddd;
        color: black;
        padding: 5px;
        border: none;
        font-size: 18px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        -webkit-appearance: button;
        appearance: button;
        outline: none;
        margin: 10px;
        display: inline-flex;
    }

    .slFilter::before {
        content: "\f13a";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        height: 100%;
        text-align: center;
        font-size: 19px;
        line-height: 15px;
        color: rgba(255, 255, 255, 0.5);
        background-color: rgba(255, 255, 255, 0.1);
        pointer-events: none;
    }

    .slFilter:hover::before {
        color: rgba(255, 255, 255, 0.6);
        background-color: rgba(255, 255, 255, 0.2);
    }

    .slFilter select option {
        padding: 15px;
    }

input[type='checkbox'] {
    width: 22px;
    height: 22px;
    margin: 5px;
    border-radius: 2px;
    border: 2px solid #555;
    
}

/* Style the subnav content - positioned absolute */

.subnavu {
   
    position: fixed;
    bottom: 3px;
    left: 0;
    z-index: 998;
    background-color: transparent;
}

    .subnavu img {
        margin: 7px;
        float: left;
        width: 23px;
        height: 23px;
        border-radius: 50%;
    }

/* Style the subnav content - positioned absolute */
.subnavu-content {
    font-size: 18px;
    text-align: left;
    display: none;
    position: fixed;
    bottom: -15px;
    background-color: #333;
    width: 150px;
    z-index: 998;
    border: 1px solid white;
}
    /* Style the subnav links */
    .subnavu-content a {
        float: left;
        color: white;
        text-decoration: none;
        display: block;
        padding: 10px 5px 10px 15px;
        width: 100%;
    }

        /* Add a grey background color on hover */
        .subnavu-content a:hover {
            background-color: #eee;
            color: black;
        }
/* When you move the mouse over the subnav container, open the subnav content */
.subnavu:hover .subnavu-content {
    display: block;
    margin-bottom: 50px;
}
.text-disabled{
    color:rgba(126, 124, 124, 0.56);
    font-style:italic;
}
.umessage .ucontent .content .stat {
    border-radius: 15px;
    border: 1px solid blue;
    padding: 5px;
    font-size: 15px;
    margin-right: 10px;
}
.des-user {
    text-align: justify;
    display: block;
    font-size: 17px;
    padding: 5px;
    line-height: 1.5;
    overflow-y: auto;
    height: 200px;
    margin-bottom: 7px;
	word-wrap:break-word;
}



.inside-div {
    display: flex;
    flex-direction: row;
    border: 1px solid grey;
    padding: 2px;
}

    .inside-div .inputF {
        flex-grow: 2;
        border: none;
    }

        .inside-div .inputF:focus {
            outline: none;
        }

.image-display{
    width:100px;
    height:150px;
}


.google-auto-placed + p {
	margin-top: 50px;
	margin-bottom: 50px;
}