:root {
    --primary-color-left: #006241;
    --primary-color-right: #1b785c;
    --primary-main-color: #066747;
    --color-hint: #444444;
    --font-roboto: Roboto;
    --index-md: 2022;
    --index-upper: 2222
}

a {
    text-decoration: none
}

.logo-group img {
    height: 100%;
    object-fit: contain
}

.obj-fit {
    object-fit: cover
}

.logo-name {
    margin-left: 20px
}

.font-1 {
    font-family: var(--font-roboto)
}

.logo-name * {
    color: #fff;
    font-family: var(--font-roboto)
}

@media (min-width:200px) {
    .logo-name h5 {
        font-size: 10px;
        padding-bottom: 4px
    }

    .content_account .item:first-child {
        width: 100%
    }

    .pc-menu-doc .menu-doc-lib {
        display: none
    }

    .detail_item_account_value {
        width: 100%;
        padding-bottom: 5px;
        border-bottom: 1px solid #ebebeb
    }

    header {
        height: 66px;
        background: linear-gradient(90deg, var(--primary-color-left) 8%, var(--primary-color-right));
        position: fixed;
        top: 0;
        z-index: var(--index-upper)
    }

    #TopMenuMini {
        background: #177558;
        height: 66px;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .bodymain {
        background-color: #e5e5e5;
        padding-top: 0;
        margin-top: 66px
    }

    .content_account .item:last-child {
        width: 100%
    }

    .input-group-append {
        padding-left: 10px;
    }
}

@media (min-width:1200px) {
    .pc-menu-doc .menu-doc-lib {
        display: block
    }

    .content_account .item:first-child {
        width: 350px
    }

    .bodymain {
        background-color: #e5e5e5;
        padding-top: 0;
        margin-top: 80px
    }

    .detail_item_account_value {
        width: calc(100% - 190px);
        padding-bottom: 20px;
        border-bottom: 1px solid #ebebeb
    }

    .bodymain {
        background-color: #e5e5e5;
        padding-top: 16px;
        margin-top: 80px
    }

    header {
        height: 80px
    }

    .content_account .item:last-child {
        width: 790px
    }

    #TopMenuMini {
        background: #177558;
        height: 80px;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

@media (min-width:1400px) {
    .logo-name h5 {
        font-size: 13px;
        padding-bottom: 4px
    }
}

@media (min-width:200px) {
    .logo-name h4 {
        font-size: 12px
    }

    .layout-smheight-2 {
        margin-top: 66px
    }
}

@media (min-width:1400px) {
    .logo-name h4 {
        font-size: 17px
    }
}

.decore-header {
    position: absolute;
    right: 20px
}

.search-group select {
    width: 120px !important
}

@media (min-width:992px) {
    .search-group {
        height: 38px
    }
}

@media (min-width:992px) {
    .search-zone {
        border-radius: 0;
        height: 38px;
        border-style: none;
        font-size: 17px;
        width: 230px !important
    }
}

@media (min-width:1200px) {
    .search-zone {
        width: 150px !important
    }

    .layout-smheight-2 {
        margin-top: 80px
    }
}

@media (min-width:1400px) {
    .search-zone {
        width: 270px !important
    }
}

@media (min-width:1600px) {
    .search-zone {
        width: 360px !important
    }
}

.search-icon {
    right: 0;
    border: none;
    border-radius: 0 8px 8px 0;
    height: 38px;
    background: #fff !important;
    color: #066747 !important
}

.input-group {
    overflow: hidden;
    background: #fff;
    border-radius: 0 6px 6px 0
}

select:focus {
    box-shadow: none !important;
    outline: 0 !important
}

.focus-none:focus {
    box-shadow: none !important
}

@media (min-width:200px) {
    .dropdown-search button {
        background: #fff;
        width: 150px;
        height: 38px;
        border-style: none;
        font-size: 15px;
        color: #bdbdbd !important;
    }
}

@media (min-width:1600px) {
    .dropdown-search button {
        width: 180px
    }
}

.dropdown-search button:hover {
    background: #fff;
    color: #000
}

.dropdown-search button:focus {
    background: #fff;
    color: #000
}

.search-icon svg {
    font-size: 20px
}

.btn-search-head {
    background: #fff;
    height: 38px;
    font-size: 15px;
    margin-left: 20px;
    color: #000 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    border: none !important
}

    .btn-search-head:hover {
        background: #e7e7e7
    }

.link_hover_head a {
    color: #fff !important;
    text-decoration: none !important
}

.right-head {
    z-index: 1000
}

.link_hover_head a:not(:last-child)::after {
    content: "|";
    font-size: 14px;
    margin: 0 15px
}

.login-button {
    background: #92b22b;
    margin-left: 20px;
    transition: all .1s linear 0s;
    border: none !important;
    border-radius: 0 !important
}

    .login-button:hover {
        background-color: #d7932e
    }

.ic-menu-head {
    color: #fff;
    font-size: 30px;
    margin-left: 15px
}

.hov-menu-head {
    z-index: 10000;
    position: relative
}

#menu-a .menu-category {
    display: inline-flex
}

    #menu-a .LoginLogOut,
    #menu-a .menu-category ul {
        width: 100%
    }

@media (min-width:200px) {
    #menu-a {
        position: fixed;
        width: 100%;
        top: 0;
        height: 100vh;
        right: -100%;
        z-index: 10000;
        background: #fff
    }

        #menu-a .category-home,
        #menu-a .category-home-menu,
        #menu-a .menu-doc-item,
        #menu-a.scroll-list-menu {
            padding: 0 !important;
            max-height: inherit !important
        }
}

@media (min-width:300px) {
    #menu-a {
        width: 310px;
        padding-bottom: 100px;
        right: -500px
    }
}

.background-head-navigation {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .18);
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    display: none
}

.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

body {
    overflow-x: hidden;
    font-family: var(--font-roboto) !important;
    font-weight: 400;
    background: #e5e5e5 !important
}

@media (min-width:200px) {
    .category-home {
        position: relative;
        width: 310px;
        padding: 0 0 10px 10px
    }
}

@media (min-width:200px) {
    .main-a {
        width: 100%
    }
}

@media (min-width:1200px) {
    .main-a {
        width: calc(100% - 344px)
    }
}

@media (min-width:200px) {
    .main-c {
        width: 100%;
        height: calc(100vh - 80px)
    }
}

@media (min-width:1200px) {
    .main-c {
        width: calc(100% - 255px)
    }
}

@media (min-width:1600px) {
    .main-c {
        width: calc(100% - 305px)
    }
}

.category-home-menu {
    border-radius: 5px;
    margin: 0;
    user-select: none;
    padding: 0 10px
}

@media (min-width:200px) {
    .title-ahome {
        text-transform: uppercase;
        font-family: var(--font-roboto);
        font-size: 19px;
        padding: 13px 17px;
        position: relative;
        color: #fff;
        background: linear-gradient(90deg, #006241 7.99%, #1b785c 100%)
    }
}

@media (min-width:1600px) {
    .title-ahome {
        font-size: 19px;
        padding: 14px 14px 14px 17px
    }
}

@media (min-width:200px) {
    .item-category img {
        width: 22px;
        height: 20px;
        object-fit: scale-down;
        margin-right: 14px
    }
}

@media (min-width:1600px) {
    .item-category img {
        width: 30px;
        object-fit: scale-down;
        margin-right: 10px
    }
}

.item-category a {
    width: 180px;
    color: #000 !important;
    text-decoration: none !important
}

@media (min-width:200px) {
    .item-menu-cate svg {
        background: #f4f4f4;
        padding: 5px;
        width: 25px;
        height: 25px;
        border-radius: 20px;
        color: #056646;
        position: absolute;
        right: 10px;
        cursor: pointer;
        transition: all .2s linear 0s;
        box-shadow: #dedede 0 0 2px 1px !important;
        transform: rotate(90deg)
    }
}

@media (min-width:1600px) {
    .item-menu-cate svg {
        padding: 5px;
        width: 30px;
        height: 30px
    }
}

.item-category {
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    transition: .3s ease
}

.slide-ahome {
    width: 100%
}

.img-slide-ahome {
    position: absolute;
    right: 15%;
    height: 60%;
    animation: 10s ease 0s infinite normal none running slideHomeZoom
}

@keyframes slideHomeZoom {
    0% {
        transform: scale(.5)
    }

    50% {
        transform: scale(.9)
    }

    90% {
        transform: scale(1)
    }

    100% {
        transform: scale(.5)
    }
}

.menu-nav-home {
    height: 60px;
    margin-top: 15px;
    background: #fff;
    padding: 0 45px
}

.item-menu-home {
    font-size: 17px;
    min-width: 100px;
    text-decoration: none !important;
    color: #656565 !important
}

.item-menu-home-active a {
    font-weight: 700;
    color: var(--bs-blue) !important
}

.menu-nav-home li {
    padding: 0 30px
}

.item-menu-home-active {
    background: linear-gradient(0deg, #000 3%, #fff 3%)
}

.menu-nav-home li:hover .item-menu-home {
    color: #000;
    transform: scale(1.1);
    transition: all .1s linear 0s
}

@media (min-width:200px) {
    .title-bhome h4 {
        color: #056646;
        padding-left: 20px;
        font-size: 18px;
        border-left-style: solid;
        font-weight: 700;
        width: 60%
    }
}

@media (min-width:576px) {
    .title-bhome h4 {
        font-size: 22px
    }
}

@media (min-width:576px) {
    .title-bhome h4 {
        font-size: 30px
    }
}

.title-bhome button {
    background: linear-gradient(90deg, #006241 7.99%, #1b785c 100%);
    padding: 5px 20px;
    min-width: 120px;
    min-height: 42px;
    font-size: 17px
}

@media (min-width:1400px) {
    .block-book .item-book {
        width: 16.666%;
        margin-bottom: 20px;
        padding-right: 10px
    }
}

.title-book,
.title-book h1 {
    font-size: 17px;
    margin-bottom: 4px;
    color: #000 !important;
    text-decoration: none !important
}

.line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.image-book {
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7
}

.author-book {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px
}

.list-book {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .list-book {
        margin-left: -10px
    }
}

@media (min-width:200px) {
    .list-book li {
        width: 50%;
        padding: 10px
    }
}

@media (min-width:576px) {
    .list-book li {
        width: 33.3333%
    }
}

@media (min-width:768px) {
    .list-book li {
        width: 25%
    }
}

@media (min-width:992px) {
    .list-book li {
        width: 25%
    }
}

@media (min-width:1200px) {
    .list-book li {
        width: 16.6667%
    }
}

.font-2 {
    font-family: "Roboto Condensed"
}

.list-other-a {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:200px) {
    .list-other-a li {
        width: 100%;
        padding: 10px
    }
}

@media (min-width:576px) {
    .list-other-a li {
        width: 50%
    }
}

@media (min-width:768px) {
    .list-other-a li {
        width: 50%
    }
}

@media (min-width:768px) {
    .list-other-a {
        margin-left: -10px
    }
}

@media (min-width:1200px) {
    .list-other-a li {
        width: 25%
    }
}

.list-other-b {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:200px) {
    .list-other-b li {
        width: 100%;
        padding: 10px
    }
}

@media (min-width:576px) {
    .list-other-b li {
        width: 50%
    }
}

@media (min-width:768px) {
    .list-other-b li {
        width: 50%
    }
}

@media (min-width:768px) {

    .block-book,
    .list-other-b {
        margin-left: -10px
    }
}

@media (min-width:992px) {
    .list-other-b li {
        width: 33.3333%
    }
}

@media (min-width:1600px) {
    .list-other-b li {
        width: 25%
    }
}

.menu-category {
    width: 100%;
    top: 90px
}

@media (min-width:200px) {
    .footer {
        min-height: 149px;
        background: #014b6e;
        padding: 30px 0
    }
}

@media (min-width:1200px) {
    .footer {
        margin-top: 0
    }
}

.footer-name {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff
}

.footer-copyright {
    color: #fff;
    font-size: 15px
}

.w-1600 {
    max-width: 1600px;
    width: 100%
}

.w-1200 {
    max-width: 1200px;
    width: 100%
}

.footer-online span:first-child {
    font-size: 19px;
    color: #fff;
    margin-right: 5px
}

.footer-online span:last-child {
    color: #fff;
    font-size: 15px
}

.footer-online {
    margin-right: 30px
}

.footer-count span:first-child {
    font-size: 19px;
    color: #fff;
    margin-right: 5px
}

.footer-count span:last-child {
    font-size: 15px;
    color: #fff
}

.footer-content-count li:last-child label {
    margin-bottom: 0 !important
}

.footer-connect span {
    color: #fff;
    font-size: 15px
}

span.footer-address, span.footer-website, span.footer-contact {
    color: #fff;
}

/*.footer-connect label:first-child span::after {
    content: "|";
    padding-left: 10px
}*/
.footer-connect span {
    padding-right: 10px
}

.footer-connect img {
    padding-right: 10px
}

@media (min-width:200px) {
    .footer .col:first-child {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    .footer .col:first-child {
        margin-bottom: 0
    }
}

.line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.w-1920 {
    max-width: 1920px;
    width: 100%
}

.menu-category ul:not(:last-child):not(.dropdown-a) {
    margin-bottom: 10px
}

.item-menu-cate {
    padding: 17.7px 17px;
    position: relative
}

.dropdown-a .list-menu-one {
    padding: 16px 12px 16px 35px;
    background: #fafafa
}

    .dropdown-a .list-menu-one a {
        color: #656565
    }

.dropdown-a {
    color: #656565;
    display: none
}

@media (min-width:200px) {
    .dropdown-a svg {
        font-size: 17px;
        background: #eaeaea;
        padding: 3px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        color: #046545
    }
}

@media (min-width:1600px) {
    .dropdown-a svg {
        padding: 5px;
        width: 25px;
        height: 25px
    }
}

.item-menu-cate:hover {
    background: #dedede
}

.dropdown-a .list-menu-one:hover {
    background: #e7e7e7
}

.dropdown-a .name-list-menu {
    display: flex;
    align-items: center;
    padding-left: 10px !important
}

.item-menu-cate svg:hover {
    color: #fff;
    background: #056646;
    box-shadow: #046545 0 0 2px 1px !important
}

.is-open-cate {
    color: #fff !important;
    box-shadow: #046545 0 0 2px 1px !important;
    background: #056646 !important
}

@media (min-width:200px) {
    .bread-crumb-main {
        background: #fff;
        height: 60px !important
    }
}

@media (min-width:200px) {
    .bread-crumb-main li a {
        color: #656565;
        text-decoration: none;
        font-size: 12px;
        font-family: var(--font-roboto)
    }
}

@media (min-width:1200px) {
    .bread-crumb-main li a {
        font-size: 17px
    }
}

@media (min-width:200px) {
    .bread-crumb-main li:not(:last-child)::after {
        content: ">";
        padding: 0 5px;
        font-size: 10px
    }
}

@media (min-width:1200px) {
    .bread-crumb-main li:not(:last-child)::after {
        content: ">";
        padding: 0 15px;
        font-size: 18px
    }
}

.bread-crumb-main .active-site {
    color: var(--primary-main-color);
    font-weight: 600;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.login-ready span:not(.account-text-detailspan) {
    color: #fff;
    padding-left: 10px;
    width: 200%;
}

.login-ready img {
    border-radius: 30px;
    width: 30px;
    height: 30px
}

.login-ready a {
    text-decoration: none;
    cursor: pointer
}

.login-ready {
    z-index: 1000;
    height: 100%;
    position: relative
}

@keyframes dropDown {
    0% {
        margin-top: 50px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

.dropdown-menu {
    animation: .2s ease 0s 1 normal none running dropDown
}

.simplebar-scrollbar::before {
    background-color: #838383
}

.voice-search {
    color: #066747;
    font-size: 20px;
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important
}

.voice-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2)
}

.voice-smain {
    width: 300px;
    position: fixed;
    background: #fff;
    border-radius: 8px;
    box-shadow: #b1b1b1 0 0 4px;
    padding: 30px 20px;
    animation: .3s ease 0s 1 normal none running zoomIn
}

    .voice-smain svg {
        background-color: #e14545;
        color: #fff;
        width: 60px;
        height: 60px;
        padding: 20px;
        border-radius: 60px;
        margin-bottom: 30px;
        animation: 2s ease 0s infinite normal none running recordRunning
    }

@keyframes recordRunning {
    0% {
        box-shadow: #e60000 0 0 10px 0
    }

    60% {
        box-shadow: #e60000 0 0 30px 5px
    }

    100% {
        box-shadow: #e60000 0 0 10px 0
    }
}

@keyframes recordStop {
    0% {
        box-shadow: #00b0e6 0 0 10px 0
    }

    60% {
        box-shadow: #00b0e6 0 0 30px 5px
    }

    100% {
        box-shadow: #00b0e6 0 0 10px 0
    }
}

.record-text {
    font-size: 17px
}

.button-record {
    margin-top: 30px
}

    .button-record button:first-child {
        font-size: 16px;
        background-color: #56b22b !important
    }

.button-none {
    border: none !important;
    box-shadow: none !important
}

.button-record button:last-child {
    font-size: 17px;
    background: #d74c2e !important
}

.button-record button {
    padding: 6px 20px
}

.button-record {
    padding: 0 20px
}

@keyframes zoomIn {
    0% {
        opacity: .5;
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.detail-box-content {
    padding: 0 10px;
    background: #fff
}

@media (min-width:200px) {
    .detail-img {
        width: 100% !important
    }

        .detail-img img {
            box-shadow: #ddd 0 5px 15px 0
        }
}

@media (min-width:576px) {
    .detail-img {
        width: 40% !important
    }
}

@media (min-width:768px) {
    .detail-img {
        width: 42% !important
    }
}

@media (min-width:992px) {
    .detail-img {
        width: 30% !important
    }
}

@media (min-width:1200px) {
    .detail-img {
        width: 24% !important
    }
}

@media (min-width:1400px) {
    .detail-img {
        width: 30% !important
    }
}

@media (min-width:1600px) {
    .detail-img {
        width: 31% !important
    }
}

.detail-box-content li:first-child {
    width: 100%;
    background: #fff
}

@media (min-width:200px) {
    .list-detail-value {
        width: 100%;
        padding: 0 0 0 10px
    }
}

@media (min-width:576px) {
    .list-detail-value {
        width: 60%;
        padding: 0 0 0 20px
    }
}

@media (min-width:992px) {
    .list-detail-value {
        width: 66%;
        padding: 0 0 0 20px
    }
}

@media (min-width:1200px) {
    .list-detail-value {
        width: 75%
    }
}

@media (min-width:1600px) {
    .list-detail-value {
        width: 78%
    }
}

.rounded-checkbox {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #696969;
    user-select: none;
    position: relative;
    margin-top: 8px;
    margin-right: 14px;
    cursor: pointer
}

    .rounded-checkbox input {
        display: none
    }

    .rounded-checkbox span {
        position: absolute;
        width: 60%;
        height: 60%;
        background: #fff;
        border-radius: 50%
    }

    .rounded-checkbox input:checked ~ .mark-rounded-checkbox {
        background: var(--primary-main-color)
    }

.a-none {
    text-decoration: none;
    color: #000 !important
}

@media (min-width:200px) {

    .recommend-detail,
    .right-place-a {
        width: 100%
    }
}

@media (min-width:200px) {
    .recommend-detail-v2 {
        width: 100%
    }
}

@media (min-width:1200px) {

    .recommend-detail,
    .right-place-a {
        width: 340px;
        border-left: 1px solid rgba(231, 231, 231, .906)
    }
}

@media (min-width:200px) {
    .detail-box-content {
        width: 100%;
        align-items: center
    }
}

@media (min-width:1200px) {
    .detail-box-content {
        width: calc(100% - 341px)
    }
}

@media (min-width:1600px) {
    .detail-box-content {
        width: calc(100% - 400px)
    }
}

.item-recommended-detail {
    padding: 10px
}

.image-recommend-detail {
    object-fit: cover;
    box-shadow: #ddd 0 0 5px 0;
    width: 100px !important;
    height: 151px !important
}

.detail-content-recommend {
    padding-left: 15px
}

@media (min-width:200px) {
    .recommend-detail li {
        width: 100%
    }
}

@media (min-width:200px) {
    .recommend-detail-v2 li {
        width: 100%
    }
}

@media (min-width:768px) {
    .recommend-detail li {
        width: 50%
    }
}

@media (min-width:1200px) {
    .recommend-detail li {
        width: 100%
    }
}

.title-same-detail {
    padding: 10px
}

.item-recommended-detail .item-recommended {
    background: #fff;
    padding: 10px;
    box-shadow: #d5d5d5 0 0 10px;
    border-radius: 5px
}

.cropdown-clc {
    text-transform: uppercase;
    font-size: 17px;
    color: #1668a4;
    cursor: pointer;
    user-select: none
}

.left-comment-detail img {
    margin-right: 15px
}

.right-headss-detail img {
    margin-left: 14px
}

.comment-input textarea {
    resize: none;
    width: 100%;
    height: 200px;
    padding: 10px;
    outline: 0 !important;
    border: none !important
}

.count-charater {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #828282
}

.comment-input {
    position: relative;
    height: 250px
}

.button-gradient {
    padding: 6px 30px;
    background: linear-gradient(90deg, #006241 7.99%, #1b785c 100%);
    border: none !important;
    box-shadow: none !important
}

.sendding-detail img {
    width: 40px;
    height: 40px;
    margin-right: 15px
}

.sendding-detail span {
    margin-right: 15px
}

.slash-comment {
    height: 2px
}

.avatar-comment {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e7e7e7;
    position: relative
}

    .avatar-comment span {
        position: absolute
    }

.name-comment {
    font-weight: 700;
    margin-right: 10px
}

.text-comment {
    width: calc(100% - 60px)
}

.time-comment {
    font-size: 13px;
    color: #b6b6b6
}

@media (min-width:1200px) {
    .title-head-dimage a {
        width: 50%
    }
}

.button-download svg {
    margin-left: 10px
}

.status-dimage span:not(:last-child) {
    margin-right: 10px
}

.status-dimage span svg {
    margin-right: 10px
}

.swipper-image-detail {
    height: 400px
}

.button-download {
    font-size: 13px
}

@media (min-width:200px) {
    .swipper-preview-item {
        width: 100%;
        user-select: none
    }
}

.swiper-slide-thumb-active img {
    transition: all .3s ease 0s;
    filter: brightness(100%) !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important
}

@media (min-width:200px) {
    .sw-detail-image {
        position: relative;
        user-select: none
    }
}

.click-prev-gallery {
    position: absolute;
    left: 10px;
    font-size: 40px;
    color: #fff;
    z-index: 1;
    text-shadow: #656565 0 0 2px
}

.click-next-gallery {
    position: absolute;
    right: 10px;
    font-size: 40px;
    color: #fff;
    z-index: 1;
    text-shadow: #656565 0 0 2px
}

@media (min-width:200px) {

    .list-recommend-gallery li,
    .list-recommend-gallery-v2 li {
        width: 100%;
        padding: 10px
    }

    .title-bhome {
        font-size: 19px;
        padding: 15px 10px 15px 10px;
        position: relative;
        font-weight: 700;
        color: #004d33
    }
}

@media (min-width:576px) {

    .list-recommend-gallery li,
    .list-recommend-gallery-v2 li {
        width: 50%
    }
}

@media (min-width:992px) {

    .list-recommend-gallery li,
    .list-recommend-gallery-v2 li {
        width: 33.3333%
    }
}

@media (min-width:1200px) {
    .list-recommend-gallery li {
        width: 100%;
        margin-bottom: 20px
    }

    .title-bhome {
        padding: 15px 10px 15px 0
    }
}

@media (min-width:1400px) {
    .list-recommend-gallery-v2 li {
        width: 33.33%
    }
}

.detail-recommend-gallery span {
    font-size: 13px
}

.itemSachNoi .main-content {
    background: #fff
}

.gach-duoi {
    height: 2px;
    position: absolute;
    width: 240px;
    bottom: 0
}

.litem-cate {
    padding: 15px 10px;
    background: #fbfbfb;
    position: relative
}

@media (min-width:200px) {
    .litem-cate a span:last-child {
        color: #fff;
        font-weight: 700;
        padding: 5px;
        border-radius: 50%;
        font-size: 9px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 10px;
        box-shadow: #a20000 0 0 2px 1px;
        background: #d20d00 !important
    }
}

@media (min-width:1600px) {
    .litem-cate a span:last-child {
        font-size: 10px;
        width: 25px;
        height: 25px
    }
}

.item-category:hover .item-menu-cate {
    background: #dedede
}

.dropdown-a .list-menu-one:hover svg {
    background: #046545;
    color: #fff;
    box-shadow: #046545 0 0 2px 1px;
    transition: all .2s linear 0s
}

.litem-cate:hover {
    background: #dedede
}

.padding-bottom-cate {
    height: 60px
}

.focus-none:first-child::after {
    content: "";
    width: 2px;
    position: absolute;
    right: 0;
    height: 28px;
    background: #ddd
}

@media (min-width:200px) {
    .search-category {
        background: #fff;
        padding: 10px
    }
}

@media (min-width:768px) {
    .search-category {
        padding: 30px 20px 10px
    }
}

.text-search-result {
    color: #ababab
}

.search-advance-hov input {
    margin-bottom: 8px
}

@media (min-width:768px) {
    .search-advance-hov input {
        width: calc(100% - 400px)
    }
}

.search-category li:not(:last-child) {
    padding: 0 10px
}

.togdown-account {
    min-width: 300px;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    padding: 5px;
    animation: .3s ease 0s 1 normal none running dropDown;
    z-index: 1000
}

.header-content {
    padding: 0 22px;
    height: 100%;
    position: relative
}

.togdown-account li {
    padding: 10px 20px
}

.account-text-detail {
    margin-left: 15px
}

    .account-text-detail span {
        color: #d50000;
        margin-left: 4px
    }

.item-account:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
}

.item-account:hover {
    background: #eee;
    transition: all .2s linear 0s
}

.login-ready:hover .togdown-account {
    display: block
}

.togdown-account ul {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px;
    border-radius: 4px;
    overflow: hidden
}

@media (min-width:200px) {
    .account-name {
        display: none;
        margin-right: 12px
    }
}

@media (min-width:768px) {
    .account-name {
        display: -webkit-box
    }
}

.viewer {
    width: 100%;
    height: 100vh;
    user-select: none
}

    .viewer svg {
        font-size: 50px;
        color: #06673e;
        border-radius: 50%
    }

@media (min-width:200px) {
    #view-content {
        width: 100vw;
        height: calc(100vh - 100px);
        background: #fff
    }
}

@media (min-width:1200px) {
    #view-content {
        background: linear-gradient(90deg, #fff 31%, #fff 37%, #fff 49%, #ededed 49%, #fff 57%);
        padding: 60px 0;
        height: calc(100vh - 50px)
    }
}

#toc {
    width: 50%;
    height: 42px
}

@media (min-width:200px) {
    .head-reading-book {
        width: 100%;
        height: 100px;
        background-color: #000;
        z-index: 100
    }
}

@media (min-width:1200px) {
    .head-reading-book {
        height: 50px
    }
}

@media (min-width:200px) {
    .page-status {
        width: 100%;
        text-align: center;
        height: 50px;
        background: #000;
        color: #fff;
        font-family: Lalezar;
        outline: 0 !important;
        border: none !important
    }
}

@media (min-width:1200px) {
    .page-status {
        width: 500px
    }
}

.head-reading-book svg {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    color: #fff !important
}

.next-page-b {
    position: absolute;
    right: 10px;
    z-index: 10
}

.prev-page-b {
    z-index: 10;
    position: absolute;
    left: 10px
}

.head-reading-book svg:hover {
    background: rgba(255, 255, 255, .25);
    cursor: pointer;
    transition: all .2s linear 0s
}

.navigation-page {
    position: relative;
    z-index: 1000
}

@media (min-width:200px) {
    .menu-page {
        position: absolute;
        width: 300px;
        height: 50vh;
        background: #000;
        border-radius: 8px;
        padding: 10px;
        z-index: 10;
        left: 0;
        overflow: hidden
    }
}

@media (min-width:1200px) {
    .menu-page {
        left: -40px
    }
}

.menu-page .item-cate-book {
    color: #fff;
    padding: 10px;
    background: rgba(255, 255, 255, .2);
    cursor: pointer;
    border-radius: 8px
}

    .menu-page .item-cate-book:hover {
        background: rgba(255, 255, 255, .25);
        transition: all .2s linear 0s
    }

    .menu-page .item-cate-book:not(:last-child) {
        margin-bottom: 5px
    }

.content-list-chap {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.chapter-list-book {
    padding-top: 5px;
    animation: .1s linear 0s 1 normal none running dropDown;
    display: none
}

.navigate-a svg {
    background: #fff;
    padding: 5px
}

.badge-menu-count {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 8px;
    background: #f82323 !important
}

.hov-head-content {
    height: 50px
}

.epub-view {
    font-size: 50px !important
}

@media (min-width:200px) {
    .chose-text-book {
        width: 300px;
        height: 50vh;
        position: absolute;
        right: 0;
        background: #000;
        margin-top: 5px;
        border-radius: 8px;
        padding: 20px;
        animation: .2s linear 0s 1 normal none running dropDown;
        display: none
    }
}

.theme-book-change {
    z-index: 100;
    color: #fff;
    position: relative
}

.size-text-book svg {
    background: rgba(255, 255, 255, .2);
    margin: 0 10px
}

.item-text-setting {
    padding: 10px;
    background: rgba(255, 255, 255, .2);
    border-radius: 8px
}

    .item-text-setting:not(:last-child) {
        margin-bottom: 5px
    }

.block-black {
    background: #f1f1f1
}

@media (min-width:200px) {
    .block-black {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .block-black {
        padding-top: 50px;
        padding-bottom: 70px
    }
}

.bt-tt-lib {
    font-family: "UTM HelvetIns";
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 150%;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #004d33
}

.tit-itlb {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 24px;
    margin-left: 25px;
    color: #004d33
}

.tit-lib {
    margin-top: 25px;
    padding-left: 1rem
}

@media (min-width:200px) {
    .it-sh-lib {
        background: #fff;
        box-shadow: #ccc 0 3px 5px;
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .it-sh-lib {
        min-height: 670px;
        margin-bottom: 0
    }
}

@media (min-width:200px) {
    .hol-sub-tv h1 {
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 37px;
        display: flex;
        align-items: center;
        color: #056646;
        margin-top: 25px
    }
}

@media (min-width:1200px) {
    .hol-sub-tv h1 {
        margin-top: 0
    }
}

.hol-sub-tv p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    text-align: justify;
    color: #2c2c2c;
    padding-top: 10px
}

@media (min-width:200px) {
    .block-white {
        background: #fff;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:1200px) {
    .block-white {
        padding-top: 50px;
        padding-bottom: 70px
    }
}

.tit-lib-bl * {
    font-size: 32px
}

.title-news-recom {
    color: #004d33;
    font-size: 24px;
    padding-left: 30px;
    position: relative
}

.item-recommended-detail-v2 div:first-child {
    padding: 12px 10px
}

.image-recommend-detail-v2 {
    width: 150px !important
}

.main-white {
    background: #fff
}

.w-1600 {
    max-width: 1600px;
    width: 100%
}

.w-1300 {
    max-width: 1300px;
    width: 100%
}

.news-page {
    width: 100%;
    height: calc(100vh - 80px)
}

.center-simplebar .simplebar-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.smheight-100 {
    height: calc(100vh - 80px)
}

.big-item-news h1 {
    font-size: 19px;
    margin-top: 10px
}

.item-recommended-detail-v2::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100% - 20px);
    height: 1px;
    background: #ededed;
    left: 10px
}

.item-recommended-detail-v2 {
    position: relative
}

.bread-v2 {
    padding: 0 15px
}

    .bread-v2::after {
        content: "";
        width: 1920px;
        height: 1px;
        position: absolute;
        top: 65px;
        background: #e7e7e7;
        left: 0
    }

.news-recommend {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:200px) {
    .news-recommend .item-news {
        width: 100%
    }
}

@media (min-width:992px) {
    .news-recommend .item-news {
        width: 50%
    }
}

@media (min-width:1200px) {
    .news-recommend .item-news {
        width: 30%
    }
}

@media (min-width:1200px) {
    .news-recommend .item-news:last-child {
        width: 100%
    }
}

@media (min-width:1200px) {
    .news-recommend .item-news {
        width: 100%
    }
}

@media (min-width:1400px) {
    .news-recommend .item-news:last-child {
        width: 100%
    }
}

.spot-light-news {
    padding: 10px
}

.title-spotlight {
    font-size: 19px
}

.title-news-recom::before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    background: #046545;
    left: 10px;
    border-radius: 5px
}

.title-news-same {
    padding: 13px 0;
    position: relative
}

    .title-news-same::after {
        content: "";
        height: 4px;
        width: 80px;
        position: absolute;
        bottom: 0;
        background: #004d33;
        border-radius: 5px
    }

    .title-news-same * {
        color: #004d33
    }

.list-news-same li {
    padding: 25px 0
}

    .list-news-same li:not(:last-child) {
        border-bottom: 1px solid #dedede
    }

@media (min-width:200px) {
    .item-news-same .img-holder {
        width: 100% !important
    }
}

@media (min-width:992px) {
    .item-news-same .img-holder {
        width: 30% !important
    }
}

@media (min-width:992px) {
    .contentItemNewsSame {
        width: 70%;
        padding: 0 15px !important
    }
}

@media (min-width:200px) {
    .contentItemNewsSame {
        width: 100%;
        position: relative;
        padding-top: 10px
    }
}

.line-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.news-content img {
    margin-bottom: 15px
}

.itemColorChose {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 8px;
    box-shadow: 0 0 4px;
    cursor: pointer
}

.colorBackgroundBook .itemColorChose:not(:last-child) {
    margin-right: 5px
}

.list-detail-audio {
    width: 100%
}

.content-audio {
    padding: 30px
}

.icon-search-head {
    height: 38px;
    background: #fff !important
}

@media (min-width:200px) {
    .list-white {
        padding: 20px 0 50px
    }
}

@media (min-width:1200px) {
    .list-white {
        padding: 20px 20px 50px
    }
}

.list-white .main-content {
    background: #fff
}

.epub-view iframe section {
    overflow-y: scroll
}

.news-content h1 {
    font-size: 32px;
    color: var(--primary-main-color)
}

.hidden-x .simplebar-content-wrapper {
    overflow-x: hidden !important
}

.hidden-x .simplebar-horizontal {
    display: none
}

.title-list-news {
    color: var(--primary-main-color);
    padding: 5px 0 5px 30px;
    position: relative
}

    .title-list-news::before {
        content: "";
        width: 3px;
        height: 100%;
        left: 0;
        background: var(--primary-main-color);
        position: absolute;
        top: 0
    }

@media (min-width:200px) {
    .detail-boxC {
        padding: 30px 10px
    }

    .detail-box-for-column {
        padding: 30px 0
    }
}

@media (min-width:576px) {
    .detail-boxC {
        padding: 30px 20px
    }
}

@media (min-width:768px) {
    .detail-boxC {
        padding: 33px 0 30px 10px
    }
}

@media (min-width:1200px) {
    .detail-boxC {
        padding: 33px 0
    }
}

@media (min-width:200px) {
    .detail-boxCA {
        padding: 30px 10px
    }
}

@media (min-width:200px) {
    .detail-boxCB {
        padding: 30px 10px
    }
}

@media (min-width:200px) {
    .detail-boxCC {
        padding: 30px 10px
    }
}

@media (min-width:576px) {
    .detail-boxCA {
        padding: 30px 20px
    }
}

@media (min-width:576px) {
    .detail-boxCB {
        padding: 30px 20px
    }
}

@media (min-width:576px) {
    .detail-boxCC {
        padding: 30px 20px
    }
}

@media (min-width:768px) {
    .detail-boxCA {
        padding: 33px 30px
    }
}

@media (min-width:768px) {
    .detail-boxCB {
        padding: 34px 74px
    }
}

@media (min-width:768px) {
    .detail-boxCC {
        padding: 64px 74px
    }
}

.w-720 {
    max-width: 720px;
    width: 100%
}

@media (min-width:200px) {
    .detail-boxNone {
        padding: 0 10px
    }
}

@media (min-width:576px) {
    .detail-boxNone {
        padding: 0 20px
    }
}

@media (min-width:768px) {
    .detail-boxNone {
        padding: 0 30px
    }
}

@media (min-width:768px) {
    .detail-boxA {
        padding: 33px 0
    }
}

.bread-a {
    border-bottom: 1px solid #eee
}

.select-cate-main {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 36px;
    position: relative;
    height: 60px;
    margin-top: 15px
}

@media (min-width:200px) {
    .select-cate-main li a {
        color: #000;
        text-decoration: none;
        font-size: 13px
    }
}

@media (min-width:576px) {
    .select-cate-main li a {
        font-size: 16px
    }
}

.select-cate-main li:not(:last-child) a {
    margin-right: 40px
}

.selected-cate {
    font-weight: 600;
    color: var(--primary-main-color) !important
}

    .selected-cate::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        bottom: -20px;
        background: var(--primary-main-color);
        left: 0
    }

.selected-cate {
    position: relative
}

.itemSachNoi .main-content {
    box-shadow: #e7e7e7 0 3px 10px;
    padding: 20px 10px
}

.itemSachNoi {
    margin-bottom: 20px
}

.searchCount span {
    padding: 10px
}

.item-advsearch .nameSerchZone {
    width: 20%
}

.button-searchadv {
    font-size: 14px;
    background: var(--primary-main-color) !important
}

.item-advsearch input[type=search] {
    margin-right: 10px;
    width: calc(100% - 125px)
}

.item-advsearch input {
    height: 36px;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #e7e7e7 !important
}

.item-advsearch .hov-searchzone {
    width: 75%;
    position: relative
}

.button-searchadv svg {
    font-size: 20px
}

.input-none {
    outline: 0 !important;
    box-shadow: none !important
}

.box-search-1 .item-advsearch:not(:last-child) {
    margin-bottom: 10px
}

.hov-searchzone .dropdown:not(.dropDown-searchlv2) {
    width: 100%;
    position: relative
}

.hov-searchzone .dropdown button {
    background: #fff !important;
    color: #bdbdbd !important;
    border: 1px solid #e7e7e7 !important
}

.item-advsearch {
    position: relative
}

.hov-searchzone .dropdown-menu {
    transform: translate(0, 40px) !important
}

.timeLV2 {
    width: 55%
}

.hov-searchzone .date-s1 {
    width: 40%
}

.timeLV2 .title-searchb {
    width: 30%
}

.timeLV2 input[type=date] {
    width: 65%
}

.timeLV2 .dropdown {
    width: 65% !important
}

.dropDown-searchlv2 {
    width: 40%
}

@media (min-width:200px) {
    .box-search-1 {
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .box-search-1 {
        margin-bottom: 0
    }
}

.hov-serch-button {
    padding: 10px
}

    .hov-serch-button button {
        padding: 8px 25px;
        background: linear-gradient(90deg, #1f966f, #0fc58d) !important
    }

@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    100% {
        opacity: 0;
        transform: scale(10)
    }
}

.ripple {
    position: absolute;
    animation: .4s linear 0s 1 normal none running ripple;
    background: #fff;
    display: flex;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

button {
    position: relative;
    overflow: hidden;
    box-shadow: none !important;
    border: none !important
}

@media (min-width:200px) {
    .swipper-preview-item img {
        filter: brightness(70%);
        width: 100%;
        height: 100%
    }
}

@media (min-width:200px) {
    .swipper-image {
        height: 210px;
        width: 100%;
        margin-bottom: 20px
    }
}

@media (min-width:576px) {
    .swipper-image {
        height: 350px;
        width: 100%;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .swipper-image {
        height: 400px;
        width: 75%;
        margin: 0 !important
    }
}

@media (min-width:1600px) {
    .swipper-image {
        height: 600px;
        width: 75%
    }
}

@media (min-width:1600px) {
    .sw-detail-image {
        flex-direction: row !important
    }
}
/*
.search-group .input-group::after {
    content: "";
    background: url(../../../assets/img/Home/search.svg);
    width: 15px;
    height: 15px;
    margin-right: 15px
}*/


.search-group .timkiembutton {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border: unset;
    background: url(../htmlib/assets/img/Home/search.svg) !important;
    background-repeat: no-repeat;
}


.item-category:hover .item-menu-cate a * {
    font-weight: 700;
    color: #066747 !important
}

.dropdown-type-search img {
    width: 25px;
    object-fit: scale-down;
    margin-right: 10px
}

.dropdown-type-search .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
}

.dropdown-type-search .dropdown-item {
    padding: 10px
}

.dropdown-type-search {
    min-width: 240px;
    padding: 0;
    overflow: hidden
}

@media (min-width:200px) {
    .litem-cate img {
        width: 20px;
        object-fit: scale-down;
        margin-right: 10px
    }
}

@media (min-width:1600px) {
    .litem-cate img {
        width: 30px
    }
}

.item-account .img-login-icon {
    width: 25px;
    object-fit: scale-down;
    margin-right: 10px
}

@media (min-width:200px) {
    .litem-cate span {
        font-weight: 400;
        font-size: 14px
    }
}

@media (min-width:1600px) {
    .litem-cate span {
        font-size: 16px
    }
}

.item-account h6 {
    width: 170px
}

@media (min-width:200px) {
    .like-button {
        padding: 5px 16px;
        margin-top: 10px;
        background: #fff !important;
        border: 1px solid red !important;
        color: #000 !important
    }
}

@media (min-width:768px) {
    .like-button {
        margin-top: 0
    }
}

.like-button svg {
    font-size: 25px;
    margin-right: 15px;
    color: #d90000 !important
}

.button-download {
    font-size: 16px;
    background: var(--primary-main-color) !important
}

.crop-down {
    overflow: hidden;
    opacity: .5;
    max-height: 200px !important;
    background: linear-gradient(0deg, #303030 0, #676767 14%, #a0a0a0 27%, #fff 50%) !important
}

::selection {
    color: #fff;
    background: #2c2c2c
}

.search-zone::placeholder {
    color: rgba(189, 189, 189, .74)
}

.selected-search {
    font-weight: 700;
    color: var(--primary-main-color) !important
}

.hov-searchzone input {
    width: 100%;
    height: 38px
}

    .hov-searchzone input::placeholder {
        color: #bdbdbd
    }

.button-loggin {
    padding: 4px 12px;
    border: .5px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    background: #92b22b !important
}

    .button-loggin:hover {
        color: #fff !important;
        border: .5px solid #92b22b !important
    }

.login-banner {
    position: relative;
    min-height: 100vh
}

.title-login::after {
    content: "";
    width: 30%;
    height: 3px;
    background: #066747;
    position: absolute;
    bottom: 0
}

.title-login {
    padding-bottom: 20px;
    position: relative;
    color: #066747;
    font-weight: 700
}

.input-login input {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

.input-login {
    position: relative;
    padding: 10px 0;
    height: 60px
}

    .input-login span {
        z-index: 2;
        color: #aaa;
        position: absolute;
        top: 0;
        background: #fff;
        font-size: 13px;
        left: 15px;
        font-weight: 700
    }

    .input-login i {
        position: absolute;
        right: 10px;
        margin-top: 16px;
        font-size: 18px;
        color: #707070
    }

.recapt-code {
    position: relative;
    border: 1px solid #e3e3e3;
    border-radius: 6px
}

    .recapt-code .title-box-login {
        position: absolute;
        top: -10px;
        font-size: 13px;
        font-weight: 700;
        color: #939393;
        left: 15px;
        background: #fff
    }

    .recapt-code input {
        width: 30%;
        height: 50px;
        padding: 0 15px;
        font-size: 20px
    }

    .recapt-code svg {
        width: 50px;
        height: 100%;
        padding: 15px;
        border-left: 1px solid #e7e7e7;
        cursor: pointer
    }

/*.recapt-code img {
        width: calc(60% - 50px)
    }*/

.button-loggin-form {
    height: 50px;
    text-transform: uppercase;
    background: var(--primary-main-color) !important
}

.warning-text {
    color: red
}

@media (min-width:200px) {
    .nav-two-block .bread-b {
        width: 100%;
        height: 68px
    }
}

.nav-two-block {
    background: #fff
}

@media (min-width:200px) {
    .item-sach-muon img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 20px
    }

    .card-login {
        max-width: 560px;
        width: calc(100% - 20px);
        position: relative;
        top: -60px;
        box-shadow: #bbb 0 0 10px;
        background: #fff;
        border-radius: 6px;
        padding: 50px 30px
    }
}

@media (min-width:576px) {
    .item-sach-muon img {
        width: 30%;
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .item-sach-muon img {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .item-sach-muon img {
        width: 30%;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .item-sach-muon img {
        width: 45%;
        max-width: 200px;
        margin-bottom: 0
    }

    .card-login {
        position: absolute;
        top: 60px
    }
}

@media (min-width:1600px) {
    .item-sach-muon img {
        width: 25%;
        object-fit: cover;
        margin-bottom: 0
    }
}

.item-sach-muon {
    padding: 10px
}

@media (min-width:200px) {
    .content-item-sachmuon {
        width: 100%
    }
}

@media (min-width:576px) {
    .content-item-sachmuon {
        width: 65%
    }
}

@media (min-width:768px) {
    .content-item-sachmuon {
        width: 100%
    }
}

@media (min-width:992px) {
    .content-item-sachmuon {
        width: 65%
    }
}

@media (min-width:1200px) {
    .content-item-sachmuon {
        width: calc(100% - 220px)
    }
}

@media (min-width:1600px) {
    .content-item-sachmuon {
        width: 70%
    }
}

@media (min-width:200px) {
    .content-item-sachmuon span {
        font-size: 14px
    }
}

.dkcb {
    color: #059862
}

.item-sach-muon .bw-item {
    box-shadow: #dedede 0 0 5px;
    padding: 15px;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 6px !important;
}

@media (min-width:200px) {
    .button-sach {
        width: 100%;
        margin-top: 20px;
        background: var(--primary-main-color) !important
    }
}

@media (min-width:576px) {
    .button-sach {
        margin-top: 38px
    }
}

@media (min-width:768px) {
    .button-sach {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .button-sach {
        width: initial;
        margin-top: 36px
    }
}

@media (min-width:1600px) {
    .button-sach {
        margin-top: 42px
    }
}

.green-text {
    color: var(--primary-main-color)
}

.select-cate-main ul {
    padding: 0 10px
}

.bread-b {
    border-bottom: 1px solid #eee
}

.bread-crumb-main ul {
    padding: 0 10px
}

@media (min-width:200px) {
    .navigaSize-a {
        padding: 0 !important
    }
}

@media (min-width:1200px) {
    .navigaSize-a {
        padding: 0 0 0 30px !important
    }
}

@media (min-width:200px) {
    .navigaSize-b {
        padding: 10px !important
    }
}

@media (min-width:768px) {
    .navigaSize-b {
        padding: 0 20px !important
    }
}

@media (min-width:200px) {
    .navigaSize-c {
        padding: 0
    }
}

@media (min-width:768px) {
    .navigaSize-c {
        padding: 0 30px !important
    }
}

@media (min-width:200px) {
    .navigaSize-d {
        padding: 0 0 0 20px !important
    }
}

@media (min-width:768px) {
    .navigaSize-d {
        padding: 0 30px !important
    }
}

@media (min-width:200px) {
    .navigaSize-e {
        padding: 0 !important
    }
}

@media (min-width:768px) {
    .navigaSize-e {
        padding: 0 30px !important
    }
}

.obj-scale {
    object-fit: scale-down
}

.obj-contain {
    object-fit: contain
}

.zooming-background {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    cursor: zoom-out
}

.zooming {
    position: relative;
    cursor: zoom-in
}

@keyframes zoomIN {
    0% {
        transform: scale(.5);
        opacity: .5
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.zooming-active {
    position: fixed;
    cursor: grab;
    z-index: 1000;
    animation: .4s linear 0s 1 normal none running zoomIn;
    width: auto !important;
}

.scale-1 {
    transform: scale(1) !important
}

.zooming-holder {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s ease 0s;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.rded-container a {
    margin-right: 20px
}

.no-content-detail p {
    height: 15px;
    border-radius: 30px;
    margin-top: 20px;
    background: linear-gradient(270deg, #cdcdcd 8%, #898989 8%, #898989 16%, #cdcdcd 16%) 0 0/300% 300%;
    animation: 1.5s ease 0s 1 normal none running AnimationName
}

.no-content-detail {
    padding: 40px 10px;
    position: relative;
    opacity: .8;
    background: linear-gradient(0deg, #eee, #fff)
}

.no-content-intro {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--primary-main-color);
    font-weight: 700
}

@keyframes AnimationName {
    0% {
        background-position: 0 0
    }

    60% {
        background-position: 0 0
    }

    100% {
        background-position: 150% 0
    }
}

@media (min-width:200px) {
    .litem-cate a {
        width: calc(100% - 70px);
        justify-content: space-between;
        font-size: 17px
    }
}

@media (min-width:1600px) {
    .litem-cate a {
        font-size: 16px
    }
}

.item-menu-cate .name-and-icon-cate {
    width: calc(100% - 25px)
}

@media (min-width:200px) {

    .item-category a,
    .item-category span {
        font-size: 17px
    }
}

@media (min-width:1600px) {

    .item-category a,
    .item-category span {
        font-size: 16px
    }
}

.tippy-box[data-theme=vlib] {
    background-color: var(--color-hint);
    color: #fff
}

    .tippy-box[data-theme=vlib] .tippy-svg-arrow {
        fill: var(--color-hint)
    }

    .tippy-box[data-theme=vlib][data-placement=top] > .tippy-arrow::before {
        border-top-color: var(--color-hint)
    }

    .tippy-box[data-theme=vlib][data-placement=bottom] > .tippy-arrow::before {
        border-bottom-color: var(--color-hint)
    }

    .tippy-box[data-theme=vlib][data-placement=left] > .tippy-arrow::before {
        border-left-color: var(--color-hint)
    }

    .tippy-box[data-theme=vlib][data-placement=right] > .tippy-arrow::before {
        border-right-color: var(--color-hint)
    }

.tippy-box[data-animation=scale][data-placement=top] {
    transform-origin: center bottom
}

.tippy-box[data-animation=scale][data-placement=bottom] {
    transform-origin: center top
}

.tippy-box[data-animation=scale][data-placement=left] {
    transform-origin: right center
}

.tippy-box[data-animation=scale][data-placement=right] {
    transform-origin: left center
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement=top] {
        transform: translateY(10px)
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement=bottom] {
        transform: translateY(-10px)
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement=left] {
        transform: translateX(10px)
    }

    .tippy-box[data-animation=shift-away][data-state=hidden][data-placement=right] {
        transform: translateX(-10px)
    }

.icon-open-a:focus {
    outline: 0;
    border: none
}

.main-black {
    background: #000
}

.detail-book-preview {
    transition: all .3s ease 0s;
    background: #fff
}

    .detail-book-preview img {
        max-width: 100% !important;
    }

.swiper-slide-thumb-active {
    border: 3px solid #008746;
    border-radius: 10px;
}

@media (min-width:1200px) {
    .navigaSize-f {
        padding: 0 70px
    }
}

.recommended-a {
    padding: 20px 10px
}

@media (min-width:200px) {
    .left-place-a {
        border-right: 1px solid #eee
    }
}

.item-video-recommend {
    padding: 10px;
    box-shadow: #ddd 0 0 5px
}

.headding-recommend {
    padding: 10px
}

.mt-6 {
    margin-top: 6rem
}

@media (min-width:768px) {
    .detail-boxB {
        padding: 30px 35px
    }
}

.content-height {
    min-height: 100vh
}

.d-content {
    display: contents !important
}

.pagelist-a {
    background: #fff !important;
    color: #fff !important
}

@media (min-width:200px) {
    .page-list li a {
        background: #fff;
        min-height: 35px;
        min-width: 35px;
        display: flex;
        justify-content: center;
        font-size: 14px;
        align-items: center;
        border-left: 1px solid #066747;
        color: #066747 !important
    }
}

@media (min-width:576px) {
    .page-list li a {
        min-width: 50px;
        min-height: 50px
    }
}

@media (min-width:576px) {
    .page-list-cm li a {
        min-width: 35px !important;
        min-height: 35px !important;
        font-size: 14px !important
    }
}

.page-list li {
    display: flex;
    overflow: hidden
}

    .page-list li:not(:last-child) {
        margin-right: 0
    }

    .page-list li:hover {
        filter: brightness(90%);
        transition: all .3s linear 0s
    }

#active-pageList {
    background: var(--primary-main-color) !important;
    color: #fff !important
}

@media (min-width:200px) {
    .recommend-detail-v3 {
        width: 100%
    }
}

@media (min-width:1200px) {
    .recommend-detail-v3 {
        width: 385px;
        border-left: 1px solid #e7e7e7;
        padding: 10px
    }
}

@media (min-width:1600px) {
    .recommend-detail-v3 {
        width: 400px;
        padding: 0 20px
    }
}

.itemSachNoi .detail-content-recommend {
    width: 100%;
    height: 100px
}

.dangnhap {
    font-size: 16px;
    font-weight: 400;
    color: #fff !important
}

    .dangnhap:hover {
        color: #d7932e
    }

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: green;
    box-shadow: #fff 0 0 0 1000px inset;
    transition: background-color 5000s ease-in-out 0s
}

@media (min-width:1200px) {

    .content-detail .block-black,
    .content-detail .block-white {
        padding-left: 20px;
        padding-right: 20px
    }
}

.image-book-black {
    margin-bottom: 15px;
    box-shadow: #cbcbcb 0 6px 10px 0;
    border: 1px solid #000
}

.detail-box-zone {
    max-height: 30000px;
    transition: all .3s ease 0s
}

.list-book-a {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (min-width:200px) {
    .list-book-a li {
        width: 50%;
        padding: 10px
    }
}

@media (min-width:576px) {
    .list-book-a li {
        width: 33.3333%
    }
}

@media (min-width:768px) {
    .list-book-a li {
        width: 25%
    }
}

@media (min-width:992px) {
    .list-book-a li {
        width: 25%
    }
}

.bread-crumb-main li {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.status-dimage span {
    align-items: center
}

@media (min-width:1200px) {
    .list-book-a li {
        width: 20%
    }
}

@media (min-width:1200px) {
    .w-xl-40 {
        width: 40% !important
    }
}

@media (min-width:1600px) {
    .list-book-a li {
        width: 16.6667%
    }
}

.page-list li:last-child a {
    border-right: 1px solid #066747
}

.page-list ul li {
    position: relative;
    border-top: 1px solid #066747;
    border-bottom: 1px solid #066747
}

.detail-box-content li {
    max-width: 833px;
    width: 100%
}

.social-doThing {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0;
    margin: 10px 0
}

.account-type a {
    text-decoration: none;
    color: var(--primary-main-color) !important
}

.like-Button-2 {
    margin-top: 0;
    margin-left: 10px
}

.list-view-item-same {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:200px) {
    .list-view-item-same li {
        width: 100% !important
    }
}

@media (min-width:576px) {
    .list-view-item-same li {
        width: 50% !important
    }
}

@media (min-width:768px) {
    .list-view-item-same li {
        width: 33.3333% !important
    }
}

.list-view-item-same li i {
    /*font-size: 14px;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background-color: #ddd;
    color: #656565;
    margin-right: 15px*/

    font-size: 14px;
    width: 44px;
    height: 44px;
    padding: 0 18px;
    border-radius: 50%;
    background-color: #ddd;
    color: #656565;
    margin-right: 15px;
}

.list-view-item-same li img {
    width: 44px;
    height: 44px;
    padding: 10px;
    border-radius: 50px;
    background-color: #f8f8f8;
    margin-right: 15px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box
}

.list-view-item-same li a {
    padding: 10px;
    border-radius: 6px;
    transition: all .3s ease 0s
}

    .list-view-item-same li a:hover i {
        background: var(--primary-main-color);
        color: var(--bs-white);
        transition: all .3s ease 0s
    }

    .list-view-item-same li a:hover {
        background: #ebebeb
    }

.list-view-item-same li {
    padding: 10px 10px 10px 0
}

.detail-one-site li {
    width: 100%
}

@media (min-width:200px) {
    .list-view-item-video li {
        width: 100%;
        padding: 15px 0
    }
}

@media (min-width:200px) {
    .list-view-item-video {
        margin-left: -10px
    }
}

@media (min-width:576px) {
    .list-view-item-video li {
        width: 50%;
        padding: 10px
    }
}

@media (min-width:768px) {
    .list-view-item-video li {
        width: 33.3333%
    }
}

@media (min-width:1200px) {
    .list-view-item-video li {
        width: 33.33%
    }
}

@media (min-width:1600px) {
    .list-view-item-video li {
        width: 33.33%
    }
}

.dathich {
    background-color: rgba(255, 224, 145, .97) !important
}

.content-full li:not(.page-listli),
.content-full ul:not(.page-listul) {
    max-width: 900px;
    width: 100%;
    background: #fff
}

.placeForPreview {
    height: 80vh;
    background: #000
}

.quickViewFile {
    width: 100%;
    height: 100%
}

.li-downloadFile {
    display: flex;
    flex-wrap: wrap
}

    .li-downloadFile a {
        margin-right: 4px;
        margin-bottom: 10px
    }

.horizon-middle {
    display: flex;
    align-items: center
}

.b-bottom {
    border-bottom: 1px solid #ededed
}

.t-white {
    color: #fff !important
}

.color-book-1 {
    color: #066747
}

.border-8 {
    border-radius: 8px
}

.w-900 {
    max-width: 900px;
    width: 100%
}

.w-800 {
    max-width: 800px;
    width: 100%
}

@media (min-width:200px) {
    .p-detail {
        padding: 10px
    }
}

@media (min-width:1200px) {
    .p-detail {
        padding: 0 30px
    }
}

.pdf-linkFile img {
    margin-right: 10px
}

.category-home-menu .item-category:not(:last-child) .item-menu-cate {
    border-bottom: 1px solid #d7d7d7
}

.padding-doc-10 {
    padding: 10px 0
}

.m-top-46 {
    margin-top: 46px
}

.w-1106 {
    max-width: 1106px;
    width: 100%
}

.li-downloadFile,
.li-readFile {
    flex-wrap: wrap
}

    .li-downloadFile a,
    .li-readFile a {
        display: inline-flex;
        margin-right: 12px;
        margin-bottom: 10px
    }

.litem-cate:not(:last-child) {
    border-bottom: 1px solid #d7d7d7
}

.title-ahometop {
    width: 100%;
    height: 50px;
    font-family: var(--font-roboto);
    text-transform: uppercase;
    background: linear-gradient(90deg, #006241 7.99%, #1b785c 100%);
    padding: 14px 14px 14px 17px;
    color: #fff;
    font-size: 19px;
    position: relative;
    top: 0;
    z-index: 100;
    left: 0
}

.content-detail {
    margin-top: 46px;
    margin-bottom: 50px
}

.tieudesachchitiet {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #333
}

.w-860 {
    max-width: 860px;
    width: 100%
}

.w-1280 {
    max-width: 1280px;
    width: 100%
}

.thongtinsach {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #333
}

.thongtinmuon {
    color: #e60000
}

.sachtuongtu {
    font-family: var(--font-roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 19px;
    color: #333
}

.font-bold {
    font-family: var(--font-roboto);
    font-weight: 600
}

.margin-scale-out {
    margin: 0 -10px
}

@media (min-width:200px) {
    .width-content {
        max-width: 720px;
        width: 100%
    }
}

@media (min-width:1600px) {
    .width-content {
        max-width: 1170px;
        width: 100%
    }
}

@media (min-width:200px) {
    .width-elearing {
        max-width: 720px;
        width: 100%
    }
}

@media (min-width:1600px) {
    .width-elearing {
        max-width: 1600px;
        width: 100%
    }
}

.slide-gallery-item-thumb {
    width: 134.61px !important;
    height: 82.76px !important
}

.btn-back-top {
    display: none;
    right: 40px;
    bottom: 40px;
    position: fixed;
    width: 61px;
    height: 48px;
    z-index: 1000
}

    .btn-back-top::before {
        content: "";
        display: block;
        position: relative;
        left: 7px;
        top: 12px;
        width: 22px;
        height: 22px;
        border-right: 6px solid #fff;
        border-top: 6px solid #fff;
        transform: rotate(-45deg);
        transition: all .2s ease 0s
    }

.bg-teal {
    background-color: #006241 !important
}

.margin-left-a {
    margin-left: -10px;
    margin-right: 0
}

.activeMenuItem {
    background: #d2ffde !important
}

.button_read_books .dropdown-menu {
    max-height: 200px
}

.title_dkcb {
    margin-right: 16px
}

.content_select_dkcb {
    width: 200px;
    overflow: hidden
}

.detail-content-recommend span {
    font-size: 15px;
    color: #6c6c6c
}

.detail-content-recommend :not(span) {
    font-size: 17px
}

.search-zone::placeholder {
    font-family: var(--font-roboto);
    font-size: 15px !important;
    color: #bdbdbd !important
}

.account-type input[type=radio]::after {
    width: 20px;
    height: 20px;
    background: var(--primary-main-color) !important
}

.account-type input {
    width: 20px;
    height: 20px;
    background: var(--primary-main-color)
}

.default_sach {
    background: url(/htmlib/assets/img/bia-sach.png) center center/cover no-repeat
}

.dropdown-type-search a {
    font-size: 16px;
    font-family: var(--font-roboto)
}

.account-text-detail * {
    font-size: 16px
}

.account-type .lb_mode {
    font-family: var(--font-roboto);
    color: var(--primary-main-color)
}

.info_center_el * {
    font-size: 15px;
    color: #6c6c6c
}

.m-top-header {
    margin-top: 80px
}

.content_account {
    padding: 38px 15px 28px;
    background: #e1e1e1
}

    .content_account .item {
        background: #fff;
        border: 1px solid #ebebeb;
        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, .1) 0 1px 4px
    }

.gach_ngang {
    background-color: #e5e5e5
}

.color-gray {
    color: #616161 !important
}

.item_menu_account {
    padding: 0 36px;
    display: inline-flex;
    width: 100%;
    position: relative
}

.active_item_account_menu span {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: inline-flex;
    color: #004d33;
    width: 100%;
    font-weight: 500
}

.item_menu_account span {
    padding: 14px 0
}

.item_menu_account:hover {
    background: #ececec
}

.active_item_account_menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background: #004d33
}

.number_account_menu {
    color: #d73936
}

.log_out_account span {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: inline-flex;
    width: 100%
}

.right_detail_account {
    padding: 28px 23px
}

.color_red_d7 {
    color: #d73936
}

.upload_image {
    padding: 27px 0;
    border: 1px dashed #c4c4c4;
    box-sizing: border-box;
    cursor: pointer
}

.title_item_account {
    display: flex;
    width: 190px
}

.c_account .i_account {
    margin-top: 21px
}

.detail_item_account_value_2 {
    width: calc(100% - 190px)
}

.color-blue-1b {
    color: #1b71b2
}

.list-book .book_detail_li,
.list-book-a .book_detail_li {
    background: #fff
}

.list-book .book_detail_li,
.list-book-a .book_detail_li {
    padding: 0 10px;
    border-radius: 0 0 6px 6px;
    height: 112px
}

.item_book_a {
    box-shadow: rgba(0, 0, 0, .314) 0 2px 3px;
    border-radius: 0 0 6px 6px
}

    .item_book_a a {
        overflow: hidden
    }

        .item_book_a a:hover {
            text-decoration: underline !important
        }

    .item_book .image-book,
    .item_book_a .image-book {
        filter: brightness(1);
        transform: scale(1);
        transition: all .3s ease 0s
    }

        .item_book .image-book:hover,
        .item_book_a .image-book:hover {
            filter: brightness(.5);
            transform: scale(1.1)
        }

.notifi_a {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 2022
}

@media (min-width:200px) {
    .item_notification {
        max-width: 300px
    }
}

.item_notification * {
    color: #fff
}

.item_notification {
    padding: 20px 30px;
    border-radius: 6px;
    position: relative;
    animation: .5s linear 0s 1 normal none running slideRightNotification
}

.close_noti {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 2px;
    border-radius: 50%
}

    .close_noti:hover {
        background: rgba(0, 0, 0, .4)
    }

.noti_success {
    background: #066747
}

.notifi_a .item_notification:not(:last-child) {
    margin-bottom: 10px
}

.noti_error {
    background: #b81d1d
}

.noti_warning {
    background: #c6831e
}

@keyframes slideRightNotification {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

[data-tippy-root] {
    z-index: var(--index-upper)
}

.center-all {
    display: flex;
    justify-content: center;
    align-items: center
}

.simplebar-track {
    width: 6px !important
}

.simplebar-scrollbar::before {
    background: #006241 !important
}

.menu-doc-item {
    padding: 12px 0;
    background: rgba(255, 255, 255, .5)
}

.category-home .menu-scrollbar {
    max-height: 400px;
    transition: .3s ease
}

.br-detail {
    padding: 0xp !important
}

.obj-top {
    object-position: top
}

.news-content {
    overflow: hidden
}

    .news-content script {
        display: none;
        visibility: hidden
    }

.loadingPlace .spinner {
    width: 80px;
    height: 80px
}

.loadingPlace {
    background: rgba(0, 0, 0, .2);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: var(--layer)
}

.name-list-menu {
    display: flex
}

.menu-twice-show {
    display: none
}

.menuleft-sub a {
    width: 200px
}

.list-menu-two a {
    padding: 10px 0 !important
}

.list-menu-two:hover {
    background: rgba(0, 0, 0, .2)
}

.menuleft-sub {
    display: none;
    max-height: 400px;
}

.list-menu-two {
    margin-left: 15px !important
}

.menu-twice-show {
    position: absolute;
    right: 10px;
}



.linkTimKiem {
    color: white !important;
    margin-left: 15px !important;
}


    .linkTimKiem:hover {
        color: yellow !important;
    }

.noresult {
    width: 100%;
    /*font-weight: bold;*/
    font-size: 16px;
    text-align: center !important;
    border: unset;
    background: none;
    display: block;
    min-height: 400px;
}

    .noresult .noresult-image {
        padding-top: 20px;
    }

    .noresult .noresult-text {
        padding: 20px 0;
    }

/*set boder-radius*/
.category-home-menu li:first-child {
    border-radius: 6px 6px 0 0 !important;
}

.category-home-menu li:last-child {
    border-radius: 0 0 6px 6px !important;
}

.bread-a {
    border-bottom: none !important;
}

.select-cate-main, .item_book_a, .swipper-home,
.bread-crumb-main, .itemSachNoi .main-content,
video, .detail-boxCA, .detail-boxCB, .detail-boxCC, .swiper-slide img, .search-category, .main-a, .main-a .login-banner img {
    border-radius: 6px !important;
}

    .item_book_a a, .main-a .login-banner img {
        border-radius: 6px 6px 0 0 !important;
    }