body {
    font-family: 'Inter Regular' !important;
    font-size: 16px !important;
}

#wrapper {
    overflow: hidden;
}

a#uHeader_linkLanguage {
    background-color: revert;
}

.intro {
    text-align: justify;
}

.fa-th-large {
    color: #828282;
    padding-left: 1px;
}

.item-tac-gia-z {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    word-spacing: 0px;
    font-family: 'Inter Bold';
}

.ft-h4 {
    font-family: 'Inter Bold';
}

.fotter-hed {
    font-family: 'Inter Bold';
}

.location strong {
    font-weight: inherit;
}

.table-circulation {
    /*overflow-y: scroll;
    border: none;
    width: 400px;
    position: absolute;
    margin-top: 30px;*/
}
/*@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}
*/

.hed-div {
}

.hed-top {
    background-color: #ffffff94;
    border-radius: 10px;
    padding: 3px;
}

.strong-uheader {
    color: #012169 !important;
}

/*@media (min-width: 1200px) {*/
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    .container, .mn-nv {
        max-width: 1140px;
    }

    .home-menu .nav-link {
        font-size: 17px !important;
    }
}

.pt-li:hover {
    border-color: #012169;
}

.pt-a:hover {
    color: #012169;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    color: #012169 !important;
    border-color: none;
    /*background-color: #012169;*/
}

.fa-th-large {
    margin-top: -9px;
    margin-left: -8.5px;
    padding-left: 0;
    font-size: x-large;
}

.fa-list {
    margin-top: -2px;
    margin-left: -9px;
    font-size: x-large;
}

.it-btn {
    border: 1px solid #ccc;
    height: 32px;
    width: 32px;
}

.menu-li {
    border-bottom: 1px solid white;
    /* height: 42px; */
    padding-top: 14px;
    text-align: left;
    padding: 7px 5px;
    line-height: 19px;
    /* margin-top: -8px; */
    /* margin-bottom: -8px; */
    width: 200px;
}

.custom-select option :hover {
    background-color: #012169 !important;
}

@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 357px;
    }
}

.ft-num {
    font-size: 14px;
    font-family: 'Inter Regular';
    padding: 0px !important;
}

.nva-ls {
    color: white;
    background-color: #012169;
    font-size: 16px;
}

.nav-item a:hover {
    color: white !important;
}

.navbar-expand-lg {
    padding: 0.3rem 0;
}

.btn :hover {
    color: #012169;
}

.numbers {
    padding-left: 19px;
    font-size: 14px;
}

.span-cl {
    background-color: #012169;
    color: #012169;
    margin-left: -12px;
    margin-right: 12px;
}

.log-out {
    color: orangered;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #012169 !important;
    background-color: #D5DCE5 !important;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        color: #fff !important;
        /*background-color: #007bff !important;
        border-color: #007bff !important;*/
        background-color: #012169 !important;
        border-color: #012169 !important;
    }

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #012169 !important;
    border-color: #012169 !important;
}

    .page-item.active .page-link:hover {
        cursor: default;
    }

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

.btn-muon {
    color: white;
    /*padding-top: 11px;*/
    background-color: #012169 !important;
    height: 40px;
}

.nav-item hr {
    color: white;
    width: 95%;
}

body, html {
    height: 100%;
}

img {
    width: 100%;
    /*height: 100%;*/
}

a {
    text-decoration: none !important;
}

/* region header */

.banner-header {
    position: relative;
}

.hero-text {
    position: absolute;
    top: 10%;
    right: 10%;
}

button.btn.btn-login {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #012169;
    border-radius: 4px;
    color: #FFFFFF;
    height: 34px;
}

.modal-header-login {
    background-color: #012169 !important;
    padding: 20px !important;
    background-image: url('../Images/logo-footer.png');
    background-repeat: no-repeat;
    background-position: 30px;
    background-size: contain;
    background-size: 50px;
    text-align: center;
}

.modal-title {
    color: white !important;
    text-transform: uppercase !important;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Inter Bold' !important;
    margin-left: 75px;
}

.modal-content {
    border-radius: 5px;
}

.h3-login {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Inter Bold' !important;
    font-style: normal;
    color: #012169 !important;
}

.input-user-login {
    border: 1px solid #012169;
    /*background-image: url('../Images/user.png');*/
    /*background-repeat: no-repeat;
    background-size: 25px;
    background-position: 8px;*/
    padding-left: 50px !important;
}

.input-pass-login {
    border: 1px solid #012169;
    /*background-image: url('../Images/pass.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 8px;*/
    padding-left: 50px !important;
}

.btn-login-submit {
    background: #012169 !important;
    color: white !important;
    padding: 7px 30px 7px 30px;
    text-transform: uppercase;
    font-size: 14px;
}

.choose-language {
    width: fit-content;
    text-transform: uppercase;
}

#dropdownMenuLink {
    /*color: white !important;
    padding: 9px;
    border-radius: 4px !important;
    filter: brightness(0) invert(1);*/
    color: #012169 !important;
    /*padding: 3px 0;*/
    border-radius: 4px !important;
    /*filter: brightness(0) invert(1);*/
    display: flex;
    align-items: end;
}

#drmlink {
    right: 0;
    top: 110%;
}

/* endregion header */


/* region menu */

.home-menu .nav-link {
    color: white !important;
    margin: 0 10px;
    cursor: pointer;
    font-weight: normal;
    font-size: 17px;
}

.home-menu {
    background-color: #012169;
    height: 48px;
}

li.menu-item > a.nav-link {
    padding-left: 0px !important;
}


/* endregion menu */


/* region notify */

.time-open {
    background: #D5DCE6;
    color: #012169;
    padding-top: 16px;
    height: 48px;
    padding-bottom: 13px;
}

/*#pot {
    display: block;
    animation: linear infinite alternate;
    animation-name: run;
    animation-duration: 15s;
    overflow: hidden;
}*/

@-webkit-keyframes run {
    30% {
        left: 30%;
        transform: translateX(30%);
    }

    35% {
        left: 35%;
        transform: translateX(35%);
    }
}

/* endregion notify */

.img-cover-item {
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.item-new .img-cover-item {
    position: inherit;
}
/* region index */
.item .img-box-ad {
    position: relative !important;
}

.image-box {
    box-shadow: 5px 5px 5px #aaaaaa;
    position: initial !important;
    overflow: hidden;
}

    .image-box::before {
        content: "";
        display: block;
        padding-top: 100%; /* initial ratio of 1:1*/
    }

    /*.image-box .image {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background-size: cover;
        background-position: center;
    }*/

    .image-box .image1 {
        position: absolute;
        background-size: cover;
        background-position: center;
    }

    .image-box.ratio-1-1::before {
        padding-top: 100%;
    }

    .image-box.ratio-2-1::before {
        padding-top: 50%;
    }

    .image-box.ratio-1-2::before {
        padding-top: 200%;
    }

    .image-box.ratio-3-4:before {
        padding-top: 150%;
    }

    .image-box.ratio-4-3:before {
        padding-top: 75%;
    }

    .image-box.ratio-5-3:before {
        padding-top: 60%;
    }

    .image-box.ratio-16-9:before {
        padding-top: 56.25%;
    }

.tt1 {
    /*padding-left: 10px;*/
    /* line-height: 36px; */
    margin: 0;
    /* height: 38px !important; */
    color: #012169;
    font-weight: bold;
    font-family: 'Inter bold' !important;
    /* font-size: 20px; */
}

.no-boder {
    border: none;
}

.tt1-hr {
    border: 1px solid #012169;
    width: 100%;
}


/*menuitem best*/
.section_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding-top: 15px;*/
}

    .section_head .title * {
        margin: 0;
    }

.cover-item {
    width: 100%;
    border-radius: 4px;
    display: inherit !important;
    max-height: 400px;
    /*width: 265px;*/
}

@media only screen and (max-width: 768px) {
    /*   .tt1-hr {
        display: none;
    }*/
    #pot {
        animation: none !important;
    }
}

/*@media only screen and (min-width: 1024px) {
    .tt1-hr {
        width: 72%;
    }
}

@media only screen and (min-width: 1440px) {
    .tt1-hr {
        width: 75%;
    }
}*/
.btn-view-marc:hover strong {
    color: #1369e3 !important;
}

.btn-view-marc:hover {
    background-color: white;
}

.gird-card .card {
    border: none;
}

.btn-request {
    background: #012169;
    border-radius: 4px;
    color: #ffffff;
}

button.form-control.btn-preview {
    text-transform: uppercase;
    background: #012169;
    border-radius: 4px;
    color: #ffffff;
}

    button.form-control.btn-preview:hover, .btn-request:hover, .btn-login-submit:hover {
        color: white !important;
        background-color: #1369e3 !important;
    }

.card-body {
    padding: 0px 0px 0px 0px !important;
}

.col-lg-4.gird-card {
    padding-bottom: 20px;
}

.btn-view-all {
    background-color: #D5DCE6 !important;
    color: #333333 !important;
    font-size: 16px !important;
    font-family: 'Inter Regular' !important;
    font-weight: normal;
}

.book-tt-top {
    margin-top: 20px;
    font-family: 'Inter Bold' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 18px !important;
    color: black !important;
    text-decoration: none;
    white-space: inherit;
    text-overflow: ellipsis;
    /*margin-bottom: -10px;*/
    -webkit-line-clamp: 2;
    line-height: 21px;
    /*padding-top: 12px;*/
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

    .book-tt-top p {
        width: 340px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.book-tt {
    /*font-family: 'Inter Bold' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: black !important;
    overflow: hidden;
    line-height: 35px;
    text-decoration: none;
    max-height: 38px;
    overflow: hidden;
    font-size: 13px;*/
    font-family: 'Inter Bold' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: black !important;
    overflow: hidden;
    line-height: 35px;
    text-decoration: none;
    overflow: hidden;
    /*font-size: 13px;*/
    white-space: inherit;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 17px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding-top: 12px;
}

.book-tt-collection {
    font-family: 'Inter Bold' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: black !important;
    overflow: hidden;
    /* line-height: 35px; */
    text-decoration: none;
    max-height: 38px;
    overflow: hidden;
    font-size: 13px;
    white-space: inherit;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.book-tt p {
    /*width: 165px;*/
    overflow: hidden;
    white-space: inherit;
    text-overflow: ellipsis;
    margin-bottom: -10px;
    -webkit-line-clamp: 2;
    line-height: 17px;
    padding-top: 12px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.card small {
    width: 165px;
    height: 48px;
    overflow: hidden;
    white-space: inherit;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding: 8px 0;
    /*padding-top: 8px;
    padding-bottom: 31px;*/
}

.card-text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #4F4F4F;
    padding-top: 8px;
}

.card-text-top {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 17px;
    color: #4F4F4F;
}

.custom-select option:hover {
    background-color: purple;
}
/* endregion index */
/* region footer*/
.footer {
    background: #012169;
    color: white;
    /*padding: 30px 0 20px 0;*/
}

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

    .footer .links li a {
        color: white;
        transition: color 0.2s;
    }

        .footer .links li a:hover {
            text-decoration: none;
            color: #4180CB;
        }

    .footer .about-company i {
        font-size: 25px;
    }

    .footer .about-company a {
        color: white;
        transition: color 0.2s;
    }

        .footer .about-company a:hover {
            color: #4180CB;
        }

    .footer .location i {
        font-size: 18px;
    }

    .footer .copyright p {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

.location p {
    padding-top: 5px;
    padding-left: 15px;
    color: white !important;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.book-tt-ugrid {
    height: 48px;
}

.book-tt-item, .book-tt-edata, .book-tt-result, .book-tt-zr {
    height: 65px;
}

.book-tt-zr {
    padding: 0px;
}

.row.row_sm {
    margin-right: -7px;
    margin-left: -7px;
}

    .row.row_sm .item {
        /*margin-bottom: 17px;
        padding-right: 7px;
        padding-left: 7px;*/
        /*padding: 0 7px;*/
    }

.title_section {
    position: relative;
    width: 100%;
    padding-right: 120px;
}

    .title_section h5 {
        display: inline-block;
        padding: 0 15px 0 0;
        background: #fff;
        position: relative;
        z-index: 1;
    }

    .title_section .btn-view-all {
        position: absolute;
        right: 0;
        top: 0;
    }

    .title_section:after {
        content: "";
        height: 1px;
        right: 120px;
        left: 0;
        background: #012169;
        position: absolute;
        top: 50%;
    }

/* endregion footer */

a.active {
    background-color: #012169;
}

    a.active span {
        color: white;
    }

    a.active i {
        color: white !important;
    }


.ft span {
    color: white;
}


.bg-white {
    background-color: white;
}


.fz15 {
    width: 15px;
    height: 15px;
}


/*.btncheckin input{
    float: right !important;
    margin-bottom: 1rem !important;
}*/

.grid-collec {
    width: 167px;
    margin-right: 10px;
}

.row-data-collec {
    margin: 0;
}

#coursetbl tbody tr td p {
    margin: 0;
}

.pinfoitem {
    font-size: 14px;
    font-style: italic;
}

.w50 {
    width: 50%;
}

/* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

    .alert.warning {
        background-color: #ff9800;
    }

.list-suvery {
    text-align: left;
}

    .list-suvery a:hover {
        color: #007bff;
    }

.fz14 {
    font-size: 14px !important;
}

.fz15 {
    font-size: 15px !important;
}

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


/*--------------------  OAI/PMH --------------------------------------------------------*/
label {
    display: block;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #4A4E52;
}

input[type=text] {
    width: 100%;
}

.results {
    margin-bottom: 1.5em;
}

h2.oaiRecordTitle {
    background-color: #92D4B9;
    font-size: medium;
    font-weight: bold;
    padding: 10px;
    border-width: 2px 2px 0px 2px;
    margin: 0px;
}

.oaiRecord {
    /*margin-bottom: 3em;*/
    border-width: 2px;
    padding: 10px;
}

.oaiRecord, .oaiRecordTitle {
    /*background-color: #f0f0ff;*/
    border-style: solid;
    border-color: #d0d0d0;
}

td.key {
    background-color: #92D4B9;
    padding: 3px;
    text-align: right;
    border: 1px solid #c0c0c0;
    white-space: nowrap;
    font-weight: bold;
    vertical-align: top;
}

td.value {
    vertical-align: top;
    padding-left: 1em;
    padding: 3px;
    border: 1px solid #c0c0c0;
}

.table-result {
    width: 100%;
}

.modal-header .close {
    color: white;
}

.model-header-search .close {
    color: #012169;
}

.w100 {
    width: 100%;
}

.line_or {
    text-align: center;
    position: relative;
    height: 20px;
}

    .line_or:before {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        right: 0;
        height: 1px;
        background: rgb(229 229 229);
    }

    .line_or span {
        position: relative;
        background: white;
        padding: 0 10px;
        font-size: 14px;
    }


.data-card .img-box-ad, .data-card .card-body {
    width: 75%;
}

    .data-card .card-body .card-text{
        font-size: 14px;
    }