body {
    background: url("/App_Themes/hanu/images/hanu-banner.png") no-repeat center top;
    /*đoạn CSS này để ko cho copy nội dung*/
    /* -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; */
}
/* Custom Scrollbar */
.box-solid ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: green;
    border-radius: 6px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: red;
    }


/* Custom bootstrap 4*/

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.text-primary {
    color: #007bff !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: #28a745 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-info {
    color: #17a2b8 !important;
}

.text-white {
    color: #fff !important;
}

.bg-primary {
    background-color: #007bff !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 4px !important;
}

.p-2 {
    padding: 8px !important;
}

.p-3 {
    padding: 16px !important;
}

.p-4 {
    padding: 20px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-1 {
    padding-right: 4px !important;
}

.pr-2 {
    padding-right: 8px !important;
}

.pr-3 {
    padding-right: 16px !important;
}

.pr-4 {
    padding-right: 20px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-1 {
    padding-left: 4px !important;
}

.pl-2 {
    padding-left: 8px !important;
}

.pl-3 {
    padding-left: 16px !important;
}

.pl-4 {
    padding-left: 20px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-1 {
    padding-top: 4px !important;
}

.pt-2 {
    padding-top: 8px !important;
}

.pt-3 {
    padding-top: 16px !important;
}

.pt-4 {
    padding-top: 20px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-1 {
    padding-bottom: 4px !important;
}

.pb-2 {
    padding-bottom: 8px !important;
}

.pb-3 {
    padding-bottom: 16px !important;
}

.pb-4 {
    padding-bottom: 20px !important;
}

.mx-auto {
    margin: auto;
}

.m-0 {
    margin: 0px !important;
}

.m-1 {
    margin: 4px !important;
}

.m-2 {
    margin: 8px !important;
}

.m-3 {
    margin: 16px !important;
}

.m-4 {
    margin: 20px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-1 {
    margin-right: 4px !important;
}

.mr-2 {
    margin-right: 8px !important;
}

.mr-3 {
    margin-right: 16px !important;
}

.mr-4 {
    margin-right: 20px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-1 {
    margin-left: 4px !important;
}

.ml-2 {
    margin-left: 8px !important;
}

.ml-3 {
    margin-left: 16px !important;
}

.ml-4 {
    margin-left: 20px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 4px !important;
}

.mt-2 {
    margin-top: 8px !important;
}

.mt-3 {
    margin-top: 16px !important;
}

.mt-4 {
    margin-top: 20px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: 4px !important;
}

.mb-2 {
    margin-bottom: 8px !important;
}

.mb-3 {
    margin-bottom: 16px !important;
}

.mb-4 {
    margin-bottom: 20px !important;
}

.align-middle {
    vertical-align: middle !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-italic {
    font-style: italic !important;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}


/*Panel quản lý trang*/
.manager-panel {
    color: white;
    float: right;
    border-bottom: 1px solid #e6b800;
    background-color: #7b1112;
    width: 100%;
}

    .manager-panel .panel-control {
        float: right;
        border-left: 1px solid cyan;
        text-align: center;
    }

        .manager-panel .panel-control .function {
            margin-bottom: 0px;
            border-bottom: 1px solid #e6b800;
        }

            .manager-panel .panel-control .function .item {
                border-right: 1px solid yellow;
            }

    .manager-panel a {
        color: white;
    }

        .manager-panel a:hover, a:active {
            color: yellow;
        }



#master-containter {
    margin: 0 auto;
    background: url("images/hanu-footer.png") no-repeat center bottom;
}

#main-container {
    /*background: url("images/bg.png") repeat scroll 0 0;*/
    background-color: white;
    margin: auto;
    overflow: hidden;
    padding: 0px;
    position: relative;
    max-width: 1280px;
    word-wrap: break-word;
}
/*banner*/

/*back to top*/
.btn-scroll-top {
    display: none;
    bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 111;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.12),0 14px 14px 0 rgba(0,0,0,.35);
    color: #ed3554;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("images/backtotop3.png") no-repeat center center;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAACZElEQVRogdWasXLiMBCG9Qo0KfMmtCqQ9a/CzWC4HJy5mVyRY1wyuSTmxk6ZhjoNPABvwSNQ0PIQ1OiKYziccziQJXukma3ssb9/tZZWu2as5BBCNKSUXAFjBcwVsFREGwK2BOwI2CqijQKW++tjKSUXQjTKvtt4UBC0FDBVRCtFpA1spYApBUGrSuiQiBaGwIVGRAsKgtAdtBBNIprZhC4QMSMhmlbBAYwIWLsEPwgA1gBGpaE551dE9FoFdMEsvHLOr4zApZTXBLzVAX40C29SyuvLPV4z+LGAi2agrlA5FUJngQMY1Q1bZP/9iEmIZlWrikH4rE8uo67XcQvhMysGD4KwbrizBBTtxLa3fIfeX7z3eqtuqAu9/zeZ22eHtUOdbcCUMfYnH1fmae2H1r650Xd33/WndtuFgJUQosGklNz2w7thqNM001n2otM0071u17oAKSVnChjbBk+Sic6yl4NNJr90N7QsABgzBcztgic5cGcCgDnbnzmtg6dppu/vfxzCx7oAYMkU0absg8JO5x/wKIq0ItLR1ygnIEkmtgRs2P50bxV8GA1z97gQQMCWEbBzCX5aQFgGfmfs+c4F4AcBkT0BBGyNY/7h4WcO/NvwNPhHAh4fn0y9vzFebZ6fni8GLxKQJBMzeGBpvM5/7vV0HMd60B8YvXzQ7+s4jvWX21tT+Ln1HbYyA8ZOcpsqTErJnWWVjm11qDJ7m897f5Ly+gzrffXA67oNY55XzBjzuFZ5FD5+VokZ87w+z5jHnZHcDPjYkzoeXnYDj4e3fdicCB874AUi/Pv34P2o86+P34PyfJVV3/5IAAAAAElFTkSuQmCC) center center no-repeat;*/
    transition: all 1s;
}

    .btn-scroll-top:hover {
        cursor: pointer;
        background: url("images/backtotop2.png") no-repeat center center;
    }

.link-fb {
    bottom: 70px;
    position: fixed;
    right: 20px;
    z-index: 111;
    width: 55px;
    height: 55px;
    background-image: url("images/Messenger50.png");
    background-position: center;
    background-repeat: no-repeat;
}
/* Only affects 1600px width and higher */
@media only screen and (min-width: 1600px) {
    .manager-panel {
        font-size: 13px;
    }

        .manager-panel a {
            font-size: 13px;
        }

    .banner-title1 {
        font-size: 36px;
    }

    .banner-title2 {
        font-size: 34px;
    }

    .content-list-folder .title {
        font-size: 14px;
    }

    .content-list01 {
        height: 485px;
    }

    .content-list02 {
        height: 210px;
    }

    .content-list-top-new {
        height: 203px;
    }

    .content-viewer {
        height: 160px;
    }

    .dmd-new-list {
        height: 340px;
    }

    .mets-tophit {
        height: 145px;
    }

    .item-tophit {
        height: 145px;
    }

        .item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
            width: 220px;
        }

    .dmd-new-list-item {
        width: 730px;
    }

    .forum-hot-thread {
        max-height: 480px;
    }
}
/* Only affects 1200px-1600px width */
@media only screen and (max-width: 1600px) {
    .manager-panel {
        font-size: 13px;
    }

        .manager-panel a {
            font-size: 13px;
        }

    .banner-title1 {
        font-size: 36px;
    }

    .banner-title2 {
        font-size: 34px;
    }

    .content-list-folder .title {
        font-size: 14px;
    }
    /*.dmd-collection-tree{height: 260px;}*/
    .mets-tophit {
        height: 145px;
    }

    .item-tophit {
        height: 145px;
    }

    .nav-tabs > li > a {
        font-size: 16px;
    }

    .content-list01 {
        height: 485px;
    }

    .content-list02 {
        height: 210px;
    }

    .content-list-top-new {
        height: 203px;
    }

    .content-viewer {
        height: 160px;
    }

    .dmd-new-list {
        height: 340px;
    }

    .item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
        width: 220px;
    }

    .dmd-new-list-item {
        width: 730px;
    }

    .forum-hot-thread {
        max-height: 480px;
    }
}
/* Only affects 900px-1200px width */
@media only screen and (max-width: 1200px) {
    .manager-panel {
        font-size: 18px;
    }

        .manager-panel a {
            font-size: 15px;
        }

    .banner-title {
        margin-top: 1%;
    }

    .banner-title1 {
        font-size: 28px;
    }

    .banner-title2 {
        font-size: 26px;
    }

    body {
        font-size: 22px;
    }

    #footer {
        font-size: 20px;
        background-color: #013063;
    }
    /*.dmd-collection-tree{height: 330px;}*/
    .mets-tophit {
        height: 285px;
    }

    .item-tophit {
        height: 285px;
    }

    .menutree ul.nav li .lbl {
        font-size: 22px;
    }

    .content-list-folder .title {
        font-size: 22px;
    }

    .nav-tabs > li > a {
        font-size: 20px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        font-size: 22px;
    }

    .box-header .box-header-center {
        font-size: 22px !important;
        padding-top: 3px !important;
    }

    .box-middle {
        padding-right: 0px !important;
    }

    .content-list01 {
        height: 242px;
    }

    .content-list02 {
        height: 230px;
    }

    .content-list-top-new {
        height: 200px;
    }
    /*.content-viewer{height:220px;}*/
    .content-viewer {
        height: 160px;
    }

    .dmd-new-list {
        height: 325px;
    }

    .item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
        width: 100%;
        white-space: normal !important;
    }

    .dmd-new-list-item {
        width: 100%;
        white-space: normal !important;
    }

    .forum-hot-thread {
        max-height: 450px;
    }
}

@media only screen and (max-width: 1000px) {
    .manager-panel {
        font-size: 24px;
    }

        .manager-panel a {
            font-size: 20px;
        }

    .content-list-folder .title {
        font-size: 24px;
    }

    .box-left {
        padding-right: 0px;
    }

    .content-list-top-new {
        height: 200px;
    }

    .content-viewer {
        height: 220px;
    }

    .item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
        width: 100%;
        white-space: normal !important;
    }

    .dmd-new-list-item {
        width: 100%;
        white-space: normal !important;
    }

    .forum-hot-thread {
        max-height: 450px;
    }
}
/* Only affects 600px-900px width */
@media only screen and (max-width: 900px) {
    .manager-panel {
        font-size: 24px;
    }

        .manager-panel a {
            font-size: 20px;
        }

    #footer {
        font-size: 24px;
    }

    .menutree ul.nav li .lbl {
        font-size: 24px;
    }

    .content-list-folder .title {
        font-size: 24px;
    }

    .content-list-top-new {
        height: 200px;
    }

    .item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
        width: 100%;
        white-space: normal !important;
    }

    .dmd-new-list-item {
        width: 100%;
        white-space: normal !important;
    }
}

@media only screen and (max-width: 720px) {
    .manager-panel {
        font-size: 20px;
    }

        .manager-panel a {
            font-size: 20px;
        }

    body {
        font-size: 26px;
    }

    #footer {
        font-size: 26px;
    }

    .menutree ul.nav li .lbl {
        font-size: 26px;
    }

    .content-list-folder .title {
        font-size: 26px;
    }

    .item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
        width: 100%;
        white-space: normal !important;
    }

    .dmd-new-list-item {
        width: 100%;
        white-space: normal !important;
    }
}
/* Only affects 400-600px width */
@media only screen and (max-width: 600px) {
    #footer {
        font-size: 26px;
    }
}



.box-left {
    padding-left: 5px;
    padding-right: 5px;
}

.box-middle {
    padding-left: 5px;
    padding-right: 5px;
}

.box-right {
    padding-left: 5px;
    padding-right: 0px;
}

.banner {
    /*background: #F9F9F7 ;*/
    background: url("/App_Themes/hanu/images/hanu-banner.png") no-repeat center top;
    /*background: url('/Images/hanu-banner.png') no-repeat center top;*/
    margin: 0 auto;
    margin-bottom: 6px;
    padding: 0px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative;
    z-index: 999;
    height: 148px;
    width: 100%;
    max-width: 1280px;
}

    .banner img {
        width: 100%;
        filter: drop-shadow(5px 5px 5px #222);
    }

.banner-logo {
    /*background:url(images/logo-hanu.png) no-repeat center center;*/
    background-size: cover;
    width: 130px;
    margin: 13px 6px 0px 0px;
    float: left;
}


.banner-title {
    display: block;
    margin-left: 130px;
}

.banner-title1 {
    /*color: #0F6EB3;*/
    color: white;
    font-weight: bold;
    font-family: 'Times New Roman';
    margin-top: 1%;
    margin-left: 1%;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 4px 4px 4px #000000;
}

.banner-title2 {
    /*color: #0F6EB3;*/
    color: white;
    font-family: 'Times New Roman';
    margin-top: 0%;
    margin-left: 6%;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 4px 4px 4px #000000;
    font-weight: bold;
}

/*end banner */

.zone-left-30 {
    width: 30%;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.zone-left-50 {
    width: 50%;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.zone-left-70 {
    width: 70%;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.zone-right-30 {
    width: 30%;
    float: right;
    padding-left: 3px;
    padding-right: 10px;
}

.zone-right-50 {
    width: 50%;
    float: right;
    padding-left: 3px;
    padding-right: 3px;
}

.zone-right-70 {
    width: 70%;
    float: right;
    padding-left: 3px;
    padding-right: 3px;
}
/*footer*/

.master-footer {
    /*background-color: #013063;*/
    clear: both;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 3px;
    padding-bottom: 18px;
    position: relative;
    height: auto;
    max-width: 1280px;
}

    .master-footer img {
        width: 100%;
    }

.footer-content {
    margin: auto;
    padding: 0;
    position: relative;
    word-wrap: break-word;
    overflow: auto;
}

    .footer-content ul {
        list-style-type: none;
    }

.bottom-logo {
    max-height: 140px;
    padding: 2px 30px;
    max-width: 150px;
}


.org-info > ul > li, .website-info > ul > li, .about-us > ul > li {
    list-style: none;
}

.org-info {
    padding: 35px 0px 0px 0px;
}

.org-info, .about-us {
    padding: 15px 0px 0px 0px;
    /*line-height:26px;*/
}

.about-us {
    width: 50%;
    display: inline-block;
}

    .about-us li {
        display: inline-block;
        padding-left: 5px;
    }

        .about-us li a {
            display: block;
            height: 22px;
            width: 22px;
        }

            .about-us li a#fb {
                background-color: white !important;
                background: url(images/sociallogo.png) -9px -12px no-repeat;
            }

            .about-us li a#tw {
                background: url(images/sociallogo.png) -49px -12px no-repeat;
            }

            .about-us li a#yt {
                background: url(images/sociallogo.png) -129px -12px no-repeat;
            }

            .about-us li a#gp {
                background: url(images/sociallogo.png) -9px -57px no-repeat;
            }

            .about-us li a#gm {
                background: url(images/sociallogo.png) -49px -57px no-repeat;
            }

.kipos-logo {
    display: inline-block;
    /*margin-left: 6px;*/
    padding-top: 0px;
    width: 10%;
    /*float: right;*/
    /*width:50%;
    background: url(images/kipos-logo.png) no-repeat left center;
    margin-left: 6%;
    padding-top: 10%;*/
}

.hanu-maps {
    width: 100%;
    height: 184px;
    position: relative;
}

.website-info {
    /*padding-top:8px;*/
    /*line-height: 12px;*/
    position: absolute;
    background: transparent;
    right: 1px;
}

.website-info-title {
    text-transform: uppercase;
}

.website-info > ul > li {
    padding: 6px 1px 6px 0px;
    list-style: none;
    color: white;
}

.website-info .online-now {
    list-style-image: url(images/small-online-now.png);
}

.website-info .online-day {
    list-style-image: url(images/small-online-day.png);
}

.website-info .online-week {
    list-style-image: url(images/small-online-week.png);
}

.website-info .online-month {
    list-style-image: url(images/small-online-month.png);
}

.website-info .online-all {
    list-style-image: url(images/small-online-all.png);
}


/*hiển thị flag chuyển đổi ngôn ngữ Anh-Việt*/
.language-flag {
    bottom: 3px;
    right: 3px;
    position: absolute;
    max-width: 50px;
}

    .language-flag img {
        max-width: 35px;
    }



.borderless tr, .borderless td, .borderless th {
    border: none !important;
}

.panel {
    margin-bottom: 0px;
}

.panel-heading {
    border-bottom: 1px solid blue !important;
}
/*Định nghĩa các box*/
.default-title-box {
    padding: 0px 15px;
    position: relative;
    height: 36px;
}
/*top blue-title-box title box */
.blue-title-box {
    padding: 0px 15px;
    position: relative;
    height: 36px;
}

    .blue-title-box .top-box-left {
        left: -15px;
        float: left;
        height: 36px;
        width: 36px;
        display: inline-block;
    }

    .blue-title-box .top-box-midle {
        margin: 0 auto;
        float: left;
        left: -15px;
        height: 36px;
        width: 80%;
        display: inline-block;
        text-align: left;
        text-transform: uppercase;
    }

        .blue-title-box .top-box-midle .top-box-title {
            font-size: 16px;
            padding-top: 6px;
        }

    .blue-title-box .top-box-right {
        float: right;
        right: -15px;
        height: 36px;
        width: 36px;
        display: inline-block;
    }

.content-container {
    border: 0 none;
    margin-bottom: 0;
    padding: 2px;
    top: 0;
}

.content-title {
    color: #29739D;
    font-weight: bold;
    /*font-size: 17px;*/
    letter-spacing: -1px;
    line-height: 27px;
    position: relative;
    top: -4px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: center;
    text-transform: uppercase;
}

.content-body {
    color: #505050;
    font-family: arial,verdana,helvetica,sans-serif;
    line-height: 26px;
    text-align: justify;
    /*min-height:270px;*/
}

    .content-body img {
        /* width:100% !important; */
        max-width: 790px !important;
    }

    .content-body p {
        /*clear: left;*/
        /*text-align:justify;*/
        margin: 0 0 3px;
    }

    .content-body a {
        color: #29739D;
        text-decoration: none;
    }

        .content-body a:hover, a:active, a:focus {
            color: #29739D;
            text-decoration: underline;
        }


/*content list */
.content-list01 {
    overflow: auto;
}

.content-list02 {
    overflow: auto;
}

.content-list-folder {
    float: left;
    padding: 5px;
    position: relative;
    line-height: 25px;
    width: 100%;
}

    .content-list-folder .icon-point {
        background: url(images/right-arrow-red3.png) no-repeat left center;
        padding-left: 15px;
    }

    .content-list-folder .icon-left {
        float: left;
        margin: 0;
        padding-right: 6px;
        width: 160px;
    }

        .content-list-folder .icon-left img {
            width: 160px;
        }

    .content-list-folder .title {
        padding: 6px;
        /*font-weight:700;*/
        position: relative;
        text-align: justify;
        text-decoration: none;
    }

        .content-list-folder .title:visited, .title:hover {
            text-decoration: underline;
        }

    .content-list-folder .summary {
        text-align: justify;
    }

.zone-space-top {
    padding-top: 10px;
}

.zone-space-bottom {
    padding-bottom: 15px;
}
/*.icon-point {
    background: url(images/double-arrow.gif) no-repeat left center;
    padding-left: 15px;
}*/
/*content navigator*/
.navigator-text {
    font-weight: 500;
    padding-left: 15px;
    padding-right: 8px;
    color: #1E42C6;
}

    .navigator-text A {
        text-decoration: none;
    }

        .navigator-text a:hover, a:active, a:focus {
            text-decoration: underline;
        }
/*end content navigator*/

.icon-navigator-start {
    background: url(images/double-arrow.gif) no-repeat left center;
    padding-left: 15px;
}

.icon-navigator-separator {
    background: url(images/double-arrow.gif) no-repeat left center;
    padding-left: 15px;
}

table > tbody > tr > td {
    white-space: normal !important;
}

/*Tab style*/
.nav-tabs > li > a {
    padding: 4px 15px;
    font-size: 16px;
    /*text-transform:uppercase;*/
}

.nav-tabs > li {
    /* border:1px solid #ddd; */
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #3c8dbc;
        color: white;
        font-weight: bold;
        text-decoration: none;
    }


/*Quick search box - Hộp tìm kiếm nhanh*/
#divQuicksearchbox {
    border-radius: 6px;
    background: #00a65a;
    margin: 0px;
    padding: 3px 5px;
}

.search-dropdown {
    border: 1px solid rgba(190, 215, 239, 0.78)
}

.pagination .glyphicon {
    padding: 3px;
}

/*ToolTip*/
.content-tooltip {
    text-align: left;
}
/*Can le cho noi dung ben trong tooltip*/

.tooltip-inner {
    background-color: #00acd6 !important;
    width: 100% !important;
    height: auto !important;
    color: #ffffff;
    max-width: 100% !important;
}
/*background and size of ToolTip*/
.item-tophit .dmd-list-folder, .mets-tophit .dmd-list-folder {
    /*Truncate text and ToolTip*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dmd-list-folder {
    /*float: left;*/
    padding: 0;
    margin-bottom: 3px;
    position: relative;
    line-height: 16px;
    text-align: justify;
}

    .dmd-list-folder .icon-left {
        float: left;
        margin: 0;
        padding-right: 6px;
    }

        .dmd-list-folder .icon-left img {
            max-height: 120px;
        }

    .dmd-list-folder .icon-left-small {
        float: left;
        margin: 0;
        margin: 3px 3px 3px 3px;
        max-width: 60px;
        min-height: 20px;
    }

        .dmd-list-folder .icon-left-small img {
            max-width: 30px;
        }

    .dmd-list-folder .icon-img-small {
        border-color: #a5a5a5;
        border-style: solid;
        border-width: 1px;
        max-height: 80px;
        max-width: 60px;
    }

    .dmd-list-folder .title {
        line-height: 1.5em;
    }

    .dmd-list-folder .circulation {
        color: brown;
        position: relative;
    }
/*start dmd float left list*/
.dmd-new-list {
    overflow: auto;
}

.dmd-new-list-item {
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dmd-new-list-item .icon-left {
        float: left;
        margin: 0;
        padding: 3px;
    }

        .dmd-new-list-item .icon-left img {
            max-height: 100px;
        }

    .dmd-new-list-item .title {
    }

    .dmd-new-list-item .update {
        float: right;
    }

    .dmd-new-list-item .circulation {
        color: brown;
        position: relative;
    }

    .dmd-new-list-item .summary {
        text-align: justify;
    }
/*start dmd float left list*/
.dmd-left-folder {
    float: left;
    padding: 5px 12px;
    text-align: justify;
}

    .dmd-left-folder .icon-left {
        float: left;
        margin: 0;
        padding: 3px;
    }

        .dmd-left-folder .icon-left img {
            max-height: 120px;
        }

    .dmd-left-folder .title {
    }

    .dmd-left-folder .circulation {
        color: brown;
        position: relative;
    }

    .dmd-left-folder .summary {
        text-align: justify;
    }

/*start dmd float right list*/
.dmd-right-folder {
    float: right;
}

    .dmd-right-folder .icon-left {
        float: left;
        margin: 0;
        padding: 3px;
    }

        .dmd-right-folder .icon-left img {
            max-height: 120px;
        }

    .dmd-right-folder .title {
    }

    .dmd-right-folder .summary {
        text-align: justify;
    }

    .dmd-right-folder .circulation {
        color: brown;
        position: relative;
    }
/*end dmd float right list*/


.content-media-image {
    max-width: 100%;
    height: 100%;
    /*border-radius: 3px;*/
}

.dmd-mets li {
    list-style: none;
    padding-top: 6px;
}
/*forums*/
.divPost > p > img, .original-post > p > img, .divBody > p > img, .edit-body > p > img {
    width: 100%;
    max-width: 860px !important;
}

.formatBody > p > img {
    width: 100%;
    max-width: 960px !important;
}

.post-subject {
    float: left;
    width: 70%;
}

.post-date {
    float: right;
    width: 30%;
    text-align: right;
}

.file-upload-title {
    font-weight: 500;
    background-color: #29739D;
    color: white;
    text-transform: uppercase;
}

    .file-upload-title label {
        padding: 2px 5px;
        margin: 3px;
    }
/*Ejournal tooltip*/
.dialogbox {
    width: 90%;
}

    .dialogbox .boxbody {
        position: relative;
        height: auto;
        margin: 15px 0px;
        padding: 5px;
        background-color: #e7e7e7;
        border-radius: 3px;
        border: 3px solid #888;
    }

.boxbody .message {
    min-height: 30px;
    border-radius: 3px;
    font-family: Arial;
    line-height: 1.5;
    color: #337ab7;
}

.tip {
    width: 0px;
    height: 0px;
    position: absolute;
    background: transparent;
    border: 10px solid #ccc;
}

.tip-up {
    top: -25px; /* Same as body margin top + bordere */
    left: 10px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

dmd-info-tip img:hover > .dialogbox {
    display: block;
}
/*End Ejournal tooltip*/
.patron-image {
    float: right;
}

.patron-profile .profile-label {
    color: #29739D;
    text-align: left;
    border-bottom: 1px solid #ECECEC;
    height: 33px;
}

.patron-profile .profile-data {
    color: #29739D;
    text-align: left;
    border-bottom: 1px solid #ECECEC;
    height: 33px;
    font-weight: 700;
}

@media only screen and (max-width: 2560px) {
    .list-top-hit .image-left .img-left {
        max-width: 200px;
    }
}

@media only screen and (max-width: 768px) {
    .list-top-hit .image-left .img-left {
        max-width: 180px;
    }
}

@media only screen and (max-width: 560px) {
    .list-top-hit .image-left .img-left {
        max-width: 150px;
    }
}

@media only screen and (max-width: 480px) {
    .list-top-hit .image-left .img-left {
        max-width: 120px;
    }
}
/*Thông tin và tài khoản bạn đọc*/
.patron-info {
    margin: 0px 0px 6px 0px;
}

.journalentry-bottom {
}

.user-agreement > ul > li, .user-agreement > ul > li > ul > li {
    list-style: none;
}

.item-tophit {
    overflow: auto;
}

.mets-tophit {
    overflow: auto;
}
/*ERRORS MESSAGES*/
.error-message {
    color: #c00;
    background: #E6C0C0;
    border: solid #DE7A7B;
    margin: 3px;
    margin-top: 40px;
    border-radius: 6px;
}

    .error-message .error-msg {
        font-size: 20px;
        text-align: center;
    }

.dmd-collection-tree {
    vertical-align: top;
    overflow: auto;
}

.no-image {
    max-width: 100px;
}

.tab-content {
    /*height:210px;*/
    overflow: auto;
}

.navigate-path {
    color: #428bca;
    text-transform: uppercase;
}

.home-page {
    float: left;
    padding-top: 10px;
}

    .home-page img {
        max-width: 30px;
    }
/*Thông tin thời tiết*/
.weather-title {
    color: #29739D;
    text-align: center;
    border-bottom: 1px solid #ECECEC;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.weather-info .weather-label {
    color: #29739D;
    text-align: left;
    border-bottom: 1px solid #ECECEC;
    height: 28px;
    padding-left: 3px;
    font-weight: inherit;
}

.weather-info .weather-data {
    color: #29739D;
    text-align: left;
    border-bottom: 1px solid #ECECEC;
    height: 28px;
    font-weight: 700;
}

.temp-label {
    color: #29739D;
    float: left;
    width: 70%;
    margin-top: 10px;
}

.weather-icon img {
    float: right;
}

.record-count {
    font-size: 14px;
    padding: 6px 6px;
    margin: 3px 0px;
}
/*For serial control*/
.serial-header {
    font-weight: bold;
}

.public-date {
    font-weight: normal;
}

.table-header {
    text-align: center;
    background: #d9edf7 !important;
}

.content-image {
    max-width: 100px;
    max-height: 135px;
}

.content-list-top-new {
    text-align: left;
    overflow: hidden;
}

.news-icon {
    background: url(images/news.gif) no-repeat right center;
    padding-right: 30px;
}

.calendar-type {
    margin: 6px 0px;
}

    .calendar-type .calendar-label {
        width: 25%;
        float: left;
        margin-top: 8px;
    }

    .calendar-type .calendar-droplist {
        width: 75%;
        height: 30px;
    }

.calendar-footer {
    margin: 6px 0px;
}

    .calendar-footer .calendar-droplist {
        height: 30px;
        width: 55px;
        padding: 6px;
    }

    .calendar-footer .calendar-textbox {
        height: 30px;
        width: 50px;
        padding: 3px;
    }

    .calendar-footer .btn {
        height: 30px;
    }

.time-service {
    top: 5%;
    right: 0%;
    position: absolute;
}

    .time-service img {
        max-width: 320px;
    }

.icon-news {
    background: url(images/news.gif) no-repeat left center;
    padding-left: 35px;
}

.btn-quicksearch {
    float: right;
    background-color: #7B1111;
}

.forum-hot-thread {
    overflow: auto;
}

.table-col-title {
    text-align: center;
}

.pubdate-hitcount {
    width: 100%;
    margin-bottom: 30px;
}

    .pubdate-hitcount .created-date {
        width: 50%;
        float: left;
        color: #008ac8;
        padding-bottom: 1px;
        text-align: left;
        margin: 0 auto;
    }

    .pubdate-hitcount .hit-count {
        width: 50%;
        float: right;
        color: #db4437;
        padding-bottom: 1px;
        text-align: right;
        margin: 0 auto;
    }

/*socials-share*/
.socials-share {
    text-align: center;
    margin: 6px 3px 0px 0px;
    /*padding-bottom:10px;*/
    width: 260px;
    float: left;
    display: none;
}

    .socials-share ul {
        margin: 0px;
        padding: 0px;
    }

        .socials-share ul > li {
            display: list-item;
            list-style: none;
            border-radius: 3px;
            margin-right: 2px;
        }

    .socials-share .fb-share {
        background: #4267b2 url(images/facebook.png) no-repeat center left;
        width: 85px;
        height: 28px;
        float: left;
    }

    .socials-share .fb-like {
        width: 85px;
        height: 28px;
        float: left;
    }

    .socials-share .google-plus-share {
        /*background: #db4437 url(images/google-plus.png) no-repeat center left;*/
        background: #db4437;
        width: 85px;
        height: 28px;
        float: left;
    }

        .socials-share .fb-share a, .socials-share .google-plus-share a {
            margin: 5px 0px 0px 6px;
            color: #fff;
            text-decoration: none;
            border-radius: 2px;
            white-space: nowrap;
            display: inline-block;
            text-align: center;
            vertical-align: top;
        }

    .socials-share span.fa {
        margin-right: 3px;
    }

.fb-share:hover, .fb-share:focus {
    background: #3a5899 url(images/facebook.png) no-repeat center left;
}

.google-plus-share:hover, .google-plus-share:focus {
    background: #bb2a1d;
    /*background: #bb2a1d url(images/google-plus.png) no-repeat center left;*/
}
/* end socials-share*/

.content-navigator-float .content-list-folder .icon-news {
    display: none;
}


/*@media screen and (min-width: 480px)  {
    .time-service img{
        max-width: 320px;
    }
}*/

/*@media only screen and (max-width: 400px) {
    .time-service img {
        max-width: 200px;
    }
}*/

@media(max-width: 1000px) {
    .time-service img {
        padding-top: 20px;
        max-width: 200px;
    }

    .banner-title1 {
        font-size: 26px;
    }

    .banner-title {
        padding-top: 20px;
    }
}

@media(max-width: 720px) {
    .time-service img {
        padding-top: 20px;
        max-width: 200px;
    }

    .banner-title1 {
        font-size: 22px;
    }

    .banner-title {
        padding-top: 20px;
    }
}

.months .table .row .cell {
    font-size: 18px;
    padding-top: 6px;
}

@media(max-width: 750px) {
    .website-info {
        position: inherit;
    }
}