:root {
    --background-color: #F3F6FF;
    --bg-gray: #CDD7E7;
    --header-color: #ffffff;
    --text-color-blue-tvs: #0767b1;
    --font-size-title: 1rem;
    --font-size-nomal: 1rem;
    --font-size-title-main: 1.75rem;
    --text-brand: #0767B1;
    --text-sub-brand: #F38020;
    --text-black: #05113A;
    --text-gray: #5A6179;
    --text-light-gray: #989FB6;
    --text-white: #FFFFFF;
    --status-green: #29BFA5;
    --status-yellow: #FFAB00;
    --status-red: #F35B46;
    --status-blue: #2ED6EC;
}

/* ===== UTILITY CLASSES ===== */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }

.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }
.leading-normal { line-height: 1.5; }
.leading-relaxed { line-height: 1.625; }
.leading-loose { line-height: 2; }

/* Thanhnam99 ADD DARK MODE */
.dark {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-overlay: rgba(255, 255, 255, 0.1);

    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-tertiary: #64748b;
    --text-inverse: #1e293b;

    --border-primary: #334155;
    --border-secondary: #475569;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: 'InterRegular', Roboto, Open Sans, Noto Sans, sans-serif;
    font-size: 16px;
  -webkit-font-smoothing: antialiased;
  /* Cho WebKit (Chrome, Safari) */
  -moz-osx-font-smoothing: grayscale;
  /* Cho Firefox trên macOS */
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  overflow-x: hidden;
    margin: 0;
    padding: 0;
}

#main-body {
  background-color: var(--background-color);
}

#header {
    font-family: 'InterBold', 'Courier New', Courier, monospace;
}

.header {
    background-color: var(--header-color);
    padding: 10px 0;
}

.font-family-main{
    font-family: 'Inter', sans-serif !important;
}

.bg-gray {
    background-color: var(--bg-gray);
}

.text-gray {
    color: #5A6179 !important;
}

/*Banner*/
.text-xin-chao {
    text-shadow: 2px 2px black;
    font-weight: 600;
}

.text-semi-bold {
    font-weight: 600;
}
/*Banner*/

.group-action-pc, .action_in_mobile {
  font-family: 'InterBold', 'Courier New', Courier, monospace;
}

.link_footer_inform {
  display: flex;
}

.title_footer_thong_tin {

  font-weight: 600;
  font-size: 14px;
  color: #05113adb;
  padding: 7px 0;
}

#exampleModalTaiKhoanForm {
    .modal-body {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 650px;
    }
}

.multiselect .multiselect__content-wrapper {
  position: fixed;
  max-width: 348px;
}

.container-fluid.full,
.container-fluid.player-new {
  padding-left: 15px;
  padding-right: 15px;
}

#footer {
  font-family: 'InterBold', 'Courier New', Courier, monospace;
  background-color: #fff;
  border-top: 1px solid #e0e6f9;
}

iframe {
  border: none;
}

ul {
  list-style-type: none;
}

a {
  color: var(--text-color-blue-tvs);
}

p {
  margin-bottom: 0;
}

.open-link {
  color: var(--text-color-blue-tvs);
}

.img_logo_combined {
  display: none;
  width: 23px;
  margin-top: 7px;
  /* TuyenTX_chinh_sua_giao_dien
  1703
  */
  margin-left: 0;
  margin-inline-end: 9px;
}

.button_css_document_reserver {
  background: var(--text-color-blue-tvs) !important;
  border-color: var(--text-color-blue-tvs) !important;
}

.btn-back-waka-page {
  float: left;
}

span.multiselect__placeholder {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
  margin-bottom: 0;
  padding-top: 0;
}

/* Override bootstrap */
.btn-primary {
  color: #fff;
  background-color: var(--text-color-blue-tvs);
  border-color: var(--text-color-blue-tvs);
}
.related-item {
  margin-top: 13px;
}
/* TuyenTX - 14/05/2023
Thuc hien them lua chon loai an pham o ngoai trang ban doc
*/
.dropdown-style {
  font-weight: 600 !important;
  color: #05113a !important;
  font-size: 14px;
}

/* Thanhnam99: bổ sung cho task giao nhiệm vụ */
.box_img_book:hover .btn-giao-bai {
  opacity: 1;
}
.dropdown-menu-left {
    right: 0 !important;
    left: auto !important;
}

.z-index-max {
    z-index: 1000 !important;
}

.truncate-text {
    max-width: 200px; /* Điều chỉnh độ rộng tối đa */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card_item_reponsive_object_thu_vien_ca_nhan:hover {
    transform: translateY(-5px); /* Nhấc nhẹ item lên */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Hiệu ứng hover cho toàn bộ item */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Đổ bóng đậm hơn */
}

.block_card_bookmard:hover .btn-giao-bai {
  opacity: 1;
  /*transition: opacity 0.5s ease;*/
}

.img_book {
  z-index: 1;
}

.btn-giao-bai {
  /*display: none;*/
  pointer-events: none;
  background: var(--text-color-blue-tvs);
  border-radius: 8px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid white;
  padding: 3px 10px;
  opacity: 0;
  top: 10px;
  right: 10px;
  transition: opacity 0.5s ease;
  cursor: pointer;
}

.img_book:hover .btn-giao-bai {
  display: block !important;
  /* Show on hover */
}

.img_tin_tuc:hover {
  transform: scale(1.01);
  padding: 3px;
  background: #cccccc1a;
  transition: all 200ms ease-in-out;
  border-radius: 4px;
}

/*
* Thực hiện css cho phần player waka
* TuyenTX
*/
#top-nav-player-waka {
  position: absolute;
  left: 20px;
  top: 0;
  height: 50px;
  background: transparent;
  box-shadow: none;
}

#top-nav-player-waka .panel-center-waka {
  display: none;
}

#top-nav-player-waka .btn-close-player-waka {
  background-image: url(/assets/img/iminimize-closed.svg);
  width: 20px;
  height: 20px;
  margin-top: 18px;
  cursor: pointer;
}

#iframe-waka {
  width: 100%;
  height: 100vh;
}

/*****/

.menu_nav_pc {
  padding-left: 0;
  padding-right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* TuyenTX_thuc hien css zoom anh
1703
*/
.hover_image_zoom_in_read:hover {
  transform: scaleX(2.5) scaleY(2.5);
  opacity: 1;
  transition: all 400ms ease-in-out;
}

.img_avatar_binh_luan:hover {
  transform: scaleX(2.5) scaleY(2.5);
  opacity: 1;
  transition: all 400ms ease-in-out;
}

.img_avatar_nguoi_binh_luan :hover {
  transform: scaleX(2.5) scaleY(2.5);
  opacity: 1;
  transition: all 400ms ease-in-out;
}

.d-none-block {
  display: none;
}

.d-none-block_search {
  display: block;
}

.block_heading_nav {
  float: right;
  /* margin-right: 12px !important; */
}

.d-name-school {
  padding-top: 0pt;
}

.display_none_text_school {
  display: none;
}

.display_block_button {
  display: block;
  padding-left: 0;
}

.font_name_logo {
  font-size: 16px !important;
  color: var(--text-color-blue-tvs) !important;

  font-weight: 600;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 !important;
  display: block;
  word-break: break-word;
  white-space: normal;
  text-align: left;

}

.heading_reponsive {
  height: 80px;
}

/* TuyenTX_07/04/2023
Xac nhap file custom1 vao custom */
.iconAnhAvatar {
  width: 66%;
  padding-bottom: 10pt;
}

.button_sua_ho_so {
  height: 38px;
}

/* TuyenTX_Thuc hien scoll to top  */
.scrollTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: var(--text-color-blue-tvs);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  width: 28px;
  height: 28px;
  opacity: 0.3;
}

.scrollTop:hover {
  background-color: var(--text-color-blue-tvs);
  color: var(--text-color-blue-tvs);
  opacity: 1;
}

.text_khong_tim_trang {
  font-family: "Barlow Condensed";
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #05113adb;
}

.text_thong_bao_error_page {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.d-block-error {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}

.img_error {
  width: 394px;
  height: 258px;
}

.modalConfirmProfile {
  top: 20%;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.modal_search_form {
  padding-left: 0 !important;
}

#exampleModalTaiKhoanForm {
  padding-left: 0;
}

#exampleModalTaiKhoanForm .text-required {
  font-size: 14px;
}

.block_thong_tin_ca_nhan_div {
  border: none;
}

.block_tittle_quan_tam_margin {
  margin-left: 15px;
  margin-right: 15px;
}

.alert-text-center-document-favourite {
  display: block;
  text-align: center;
  color: #05113adb;
}

.text_them_bst {
  text-align: center;
}

.display_flex_document_reponsive {
  display: flex;
  justify-content: center;
}

.button_sua_ho_so_request {
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 35%;
  height: 38px;
  float: right;
}

.block_button_sua_ho_so_request {
  display: none;
}

.d-block-text-error {
  padding-top: 40px;
}

.d-block-text-message {
  padding-top: 10px;
}

.d-block-quay-lai {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.style_eye {
  margin-left: -24px;
  margin-right: 10px;
  width: 15.33px;
  height: 14.01px;
}

.font_size_delete_collection {

  font-weight: 600;
  line-height: 22px;
  color: #ffffff;
  font-size: 20px;
}

.background_color_header_form {
  background-color: var(--text-color-blue-tvs);
}

.block_footer_form {
  display: block;
  padding: 10px;
}

.button_save_form {
  background-color: var(--text-color-blue-tvs);
  color: #ffffff;
  float: right;
}

.font_name_so {
  font-size: 16px !important;
  color: var(--text-color-blue-tvs) !important;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding: 0 0 !important;
}

.tim_kiem_nang_cao {
  padding-top: 8pt;

  font-weight: 550;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  margin-top: 7px;
}
.border-banner {
    border-radius: 4px;
    border: 8px solid var(--background-color);
    background-color: var(--background-color);
}

.class_banner {
    width: 100%;
    height: 250px;
    object-fit: fill;
    border-radius: 4px;
    z-index: 1;
    position: relative;
}

.display_banner {
  display: none;
}

.tim_kiem_nang_cao a {
  color: #ffffff;
}

/**
  STYLE LOGIN, REGISTER
**/
.text_login {
  font-family: "Barlow Condensed";
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #05113adb;
}

.text_loi_chao {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.text_quen_mat_khau {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.text_dang_nhap_button {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}

.button_dang_nhap {
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  border: none;
  height: 40px;
}

.text_hoac {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.button_dang_nhap_vnedu {
  background: #ffffff;
  border: 1px solid var(--text-color-blue-tvs);
  border-radius: 4px;
  height: 40px;
}

.button_dang_nhap_vnedu :hover {
  color: none;
}

.text_tai_khoan_vnedu {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: var(--text-color-blue-tvs);
  margin-top: 2pt;
}

.d-logo {
  padding-left: 0;
  padding-right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.img_logo_login {
  width: 50pt;
  margin-top: -6pt;
  margin-left: 2pt;
}

.vach_ngan {
  border: 1px solid #cdd7e7;
}

.text_dang_ki {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.icon_login {
  width: 20pt;
}

.text_facebook {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  margin-right: 8pt;
  margin-left: 2pt;
  margin-top: 4px;
  display: inline-block;
}

.block_form_dang_nhap {
  background: #ffffff;
  /* margin-left: 20px; */
}

.form-field input {
  width: 100%;
  display: block;
  border: none;
  outline: none;
  background: none;
  color: #05113adb;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 15px 10px 10px;
}

.form-field {
  padding-left: 10px;
  border-radius: 4px;
  border: 1px solid #cdd7e7;
}

.img_icon_input {
  width: 15pt;
}

/* Vo hieu hoa khi click vao input */

.form-control:focus {
  border-color: rgba(100, 100, 100, 1) !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.img_icon_input_khac {
  width: 12pt;
}

.img_icon_password_seen {
  width: 15pt;
  margin-right: 10pt;
}

.block_thong_tin_tvs {
  margin-top: 50%;
}

.img_logo_tvs {
  mix-blend-mode: lighten;
  width: 133.03px;
  height: 68px;
}

.img_logo_tvs_2 {
  mix-blend-mode: lighten;
  width: 133.03px;
}


.text_truy_cap {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.text_tong_tai_lieu {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.so_luong_truy_cap {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #5a6179;
}

.so_luong_tai_lieu {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: var(--text-color-blue-tvs);
}

.block_chi_tiet_dang_nhap {
  background: rgba(224, 230, 249, 0.8);
  opacity: 0.8;
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  padding: 20pt;
  height: 100px;
  display: none;
  /* NamNT tam an do chua co thong tin chinh xac */
}

#matrix-background {
  display: none;
}

.block_banner_login {
  position: absolute;
  width: calc(100vw - 30px);
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
}

.block_thon_tin_form_login {
  position: relative;
  z-index: 2;
  height: 100vh;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  border-radius: 0;
}

.block_button_google {
  padding-left: 15pt;
}

/* Chinh mau placeholder trong tat ca input */

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.display_banner_new {
  display: block;
    max-height: 280px;
}

@media only screen and (max-width: 470px) {
  #canv {
    width: 100%;
  }

  .d-block-logo {
    padding-right: 0;
    padding-left: 0;
  }

  #main-body {
    overflow: unset !important;
  }

  .button_social {
    width: 100% !important;
  }

  .font_name_logo {
    font-size: 10px !important;
  }

  .d-none-tin-tuc {
    display: none;
  }

  /* TuyenTX_07/04/2023
  Xac nhap file custom1 vao custom */
  .button_sua_ho_so {
    width: 100%;
  }

  .block_thong_tin_ca_nhan_div {
    border-bottom: none;
  }

  .form_nhap_anh {
    margin-left: 15px;
    min-height: 188px !important;
  }

  #userAvatarOuter {
    width: 100%;
  }

  .modalConfirmProfile {
    width: 270px;
  }

  .xem_tai {
    font-size: 14px;
  }

  .nav-user li a {
    width: 100%;
  }

  .display_none_document {
    display: none;
  }

  .button_quay_lai_tim_nang_cao {
    width: 100%;
  }

  .display_flex_document_reponsive {
    display: block;
  }

  .block_button_sua_ho_so {
    width: 100%;
    display: contents;
    text-align: center;
  }

  .iconAnhAvatar {
    width: 50%;
  }

  .font_name_so {
    font-size: 10px !important;
    margin-top: 0 !important;
  }

  .class_banner {
    height: 170px !important;
  }

  .block_chi_tiet_dang_nhap {
    padding: 10px;
    padding-top: 25px;
  }

  .icon_login {
    width: 15pt;
  }

  .text_facebook {
    margin-right: 0pt;
  }

  .text_google {
    margin-right: 0pt;
  }

  #myDIV {
    margin-left: -8%;
  }

  .text_microsoft {
    margin-right: 0pt;
  }

  .block_button_google {
    padding-left: 8pt;
  }

  .block_thong_tin_tvs {
    margin-top: 8%;
    padding-right: 0;
  }

  .img_logo_tvs {
    width: 78.25px;
    height: 40px;
  }

  .text_truy_cap {
    font-size: 12px;
  }

  .text_tong_tai_lieu {
    font-size: 12px;
  }

  .so_luong_truy_cap {
    font-size: 20px;
  }

  .so_luong_tai_lieu {
    font-size: 20px;
  }

  #block_register_form {
    height: 150pt;
  }

  .col_text {
    display: none;
  }

  .form-field {
    margin-bottom: 8px;
  }

  .d-none-block-media {
    padding-left: 0;
  }

  .d-block-none-hearder-logo {
    display: none !important;
  }
}

@media only screen and (min-width: 470px) and (max-width: 768px) {
  #footer-reponsive {
    padding-left: 0;
    padding-right: 0;
  }

  .class_banner {
    height: 250px !important;
  }

  .d-block-none-hearder-logo {
    display: none !important;
  }

  .block_thong_tin_tvs {
    margin-top: 3%;
  }

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

  .font_name_so {
    font-size: 14px !important;
    line-height: 16px;
  }

  .img_logo_tvs {
    width: 78.25px;
    height: 40px;
  }

  .text_tin_tuc_noi_dung {
    /* padding-bottom: 10px; */
  }

  .d-none-tin-tuc {
    display: none;
  }

  /* TuyenTX_07/04/2023
  Xac nhap file custom1 vao custom */
  .button_sua_ho_so {
    width: 100%;
  }

  .block_thong_tin_ca_nhan_div {
    border-bottom: none;
  }

  .form_nhap_anh {
    margin-left: 15px;
  }

  #userAvatarOuter {
    width: 100%;
  }

  .modalConfirmProfile {
    width: 350px;
  }

  .xem_tai {
    font-size: 14px;
  }

  .nav-user li a {
    width: 100%;
  }

  .display_none_document {
    display: none;
  }

  .button_quay_lai_tim_nang_cao {
    width: 100%;
  }

  .display_flex_document_reponsive {
    display: block;
  }

  .block_button_sua_ho_so {
    width: 100%;
    display: contents;
    text-align: center;
  }

  .iconAnhAvatar {
    width: 40%;
  }

  #block_register_form {
    height: 145pt;
  }

  /* body {
    overflow: overlay;
  } */

  .col_text {
    display: none;
  }

  .block_button_google {
    padding-left: 8pt;
  }

  #myDIV {
    margin-left: -6%;
  }

  /**
  *TuyenTX1402
  *
  */
  .style_social {
    display: inline-grid;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .block_thong_tin_tvs {
    margin-top: 5%;
  }

  .display-block-none-hearder {
    display: none !important;
  }

  .display_none_text_school {
    display: block;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 200px !important;
  }

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

  .font_name_so {
    font-size: 14px !important;
    line-height: 18px;
    margin-top: 0 !important;
  }

  .class_banner {
    height: 250px !important;
  }

  #block_register_form {
    height: 150pt;
  }

  .block_chi_tiet_dang_nhap {
    margin-top: 300pt;
    padding: 10pt;
  }

  #myDIV {
    margin-left: -6%;
  }

  /**
  *TuyenTX_14/02/2023
  *
  */
  .style_social {
    display: flex;
  }

  /* TuyenTX_07/04/2023
  Xac nhap file custom1 vao custom */
  .button_sua_ho_so {
    width: 100%;
  }

  .block_thong_tin_ca_nhan_div {
    border-bottom: none;
  }

  .form_nhap_anh {
    margin-left: 15px;
  }

  #userAvatarOuter {
    width: 100%;
  }

  .display_none {
    display: none;
  }

  .display_none_document {
    display: none;
  }

  .xem_tai {
    font-size: 12px;
  }

  .change-reponsive {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  #nav-tab {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .nav-user li a {
    width: 100%;
  }

  .button_quay_lai_tim_nang_cao {
    width: 100%;
  }

  .display_flex_document_reponsive {
    display: block;
  }

  .block_button_sua_ho_so {
    width: 100%;
    display: contents;
    text-align: center;
  }

  .iconAnhAvatar {
    width: 100%;
  }
}

/** END STYLE LOGIN, REGISTER **/

/** BEGIN STYLE BOOK DETAIL **/

.tab-in-book.active {
  border-bottom: 3px solid var(--text-color-blue-tvs);
}

.tab-in-book {
  height: 42px;
}

.color-text,
.color-text a,
.color-text a span {
  color: #05113adb;
}

.color-text.active,
.color-text.active a,
.color-text.active a span {
  color: var(--text-color-blue-tvs) !important;
}

.title_item_de_xuat {
  text-transform: uppercase;
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #05113adb;
  margin-bottom: 10px;
  display: inline-block;
}

.in-mobile .title_item_de_xuat {
  font-size: 18px;
}

.book-suggestion-title {
  border-top: 1px solid #cdd7e7;
  margin-left: 0;
  margin-right: 0;
}

.pagination_video_tvs {
  background: #ffffff;
  padding-top: 20pt;
  padding-bottom: 25pt;
  letter-spacing: 12pt;
}

.text_nghien_cuu {

  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: rgba(5, 17, 58, 1);
}

.in-mobile .book-head .text_nghien_cuu {
  font-size: 13px;
}

.book-head .vue-star-rating {
  display: none !important;
}

.block_thong_tin_xem .vue-star-rating-rating-text {
  font-size: 12px;
  margin-left: 2px !important;
  position: relative;
  top: 2px;
}

.dem_vote_tl_de_xuat {
  padding-left: 0pt;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.tai_lieu_star_de_xuat {
  width: 57%;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.icon_tl_de_xuat_tai_len {
  float: right;
  width: 43%;
  margin-top: 2%;
}

.video_lien_quan {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  color: rgba(5, 17, 58, 1);
}

.text_xem_them {
  float: right;
  color: var(--text-color-blue-tvs);

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-top: 5pt;
  margin-right: 0.43%;
}

.link_xem_them {
  color: var(--text-color-blue-tvs);
}

#img_video_chu_de_cua_trang {
  width: 100%;
  background: url(1435416949-evke08090328_photo_windows_10_hero_desktop_image_jpg_ejwv.png);
  /* filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25)); */
}

.text_title_video_chu_de {
    font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: var(--text-black);
  text-transform: uppercase;
}

.text_input_nhap_binh_luan {
  padding-left: 10px;
  height: 100px;
}


.thong_tin_video_tong_quat_second {
  padding-bottom: 1pt;
}

.vach_ngan_tai_lieu_xem {
  margin-top: 5px !important;
}

.text_tai_lieu_lien_quan {
  padding-top: 0pt;
  margin-right: 0;
  margin-left: 15px;
}

.text_icon_eye {
  width: 15pt;
}

.text_so_luong_nguoi_xem {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.text_thoi_gian {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.block_icon_mang_xa_hoi {
  margin-top: 6px;
}


.boder_danh_gia {
  background: rgba(255, 171, 0, 0.2);
  margin-left: -8px;
  border-radius: 8px;
  padding: 6px 10px;
}

.y_nghia {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.img_eye {
  width: 25%;
  margin-top: -4pt;
}

.text_thong_tin_them {
  padding: 10px;
  background-color: #f3f6ff96;
}

.text_thong_tin_them_detail {
  margin-left: -20px;
}

.text_background {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.text_cu_the {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  padding: 2px;
}

.text_hien_them {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.img_key {
  color: #75818f;
  width: 13pt;
}

.text_xem_video {
  float: right;
  color: #5a6179;

  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding-top: 5pt;
  margin-right: 0.43%;
}

.text_tu_khoa {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.text_giao_duc {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  border: 1px solid #b1ddff;
  border-radius: 20px;
  background: #b1ddff;
  padding: 0.5% 1% 0.5% 1%;
  margin-left: 8pt;
}

.text_tong_binh_luan {

  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #05113adb;
}

.text_gui {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  display: contents;
}

.khoang_cach {
  margin-top: 8%;
  margin-bottom: 4%;
}

.img_education {
  width: 100%;
  border-radius: 4px;
  aspect-ratio: 3/4;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
}

.img_title_chi_tiet_tai_lieu {
  width: 18px;
  margin-right: 5px;
  position: relative;
}

.btn_action_mobile {
  background: #fff;
  border: 1px solid var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 100%;
  padding: 6px 4px;
  display: flex;
  justify-content: center;
  justify-items: baseline;
}

.btn_doc_online {
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  border: 0;
  width: 100%;
  padding: 6px;
}

.btn-view-online {
  color: #fff !important;
  background-color: var(--text-color-blue-tvs) !important;
}

.btn-view-online .text_muon_tai_lieu {
  color: #fff;
}

.text_doc_online {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}

.dash-mobile {
  /* zoom: 0.9; */
  text-align: center;
  padding: 0 2px;
}

.group-action-pc {
  overflow: hidden;
}

.btn_action_pc {
  background: #f3f6ff;
  border: 1px solid var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 6px 0;
}

.text_tai_ve {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.start_img_danh_gia {
  width: 3%;
}

.text_danh_gia {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #ffab00;
}

.border_danh_gia {
  background: #ffffff;
  border: 3px dashed #ff0000;
  border-radius: 20px;
}

.text_muc_tai_lieu_chi_tiet {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  display: block;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #05113adb;
  padding-top: 8px;
}

.noi_dung_Tai_lieu.active {
  border-bottom: 3px solid var(--text-color-blue-tvs);
}

.card_tai_lieu_de_xuat {
  background: #ffffff;
  box-shadow: 0 1px 25px rgba(69, 65, 78, 0.15);
  border-radius: 4px;
}

.khoang_cach_footer {
  padding-bottom: 30pt;
}

.khoang_cach_footer_reponsive {
  padding-bottom: 60pt;
}

.title_tai_lieu_de_xuat_hot {
  width: 97%;
  height: 60px;
  float: left;
  margin-bottom: -4pt;
}

.title_tai_lieu_de_xuat {
  width: 100%;
  height: 40pt;

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.icon_bookmark_tai_lieu_moi_len {
  float: right;
  border: none;
  margin: -43pt -5pt 0pt 0pt;
}

.text_xem {
  font-family: "Barlow Condensed";

  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #5a6179;
}

.block_thong_tin_xem {
  padding-top: 12pt;
}

.block_thong_tin_xem hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text_tac_gia_doc {

  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--text-color-blue-tvs);
  padding-right: 12px !important;
  padding-left: unset !important;
  display: inline-block;
}

.text_tac_gia_doc a:hover {
  font-weight: bold;
}

.in-mobile .text_tac_gia_doc {
  font-size: 13px;
}

.card_body_tai_lieu_de_Xuat {
  padding-left: 11pt;
  padding-right: 11pt;
  padding-top: 6pt;
}

.button_tai_lieu_de_xuat {
  width: 100%;
  background-color: var(--text-color-blue-tvs);
  border-radius: 4px;
  text-transform: uppercase;
  margin-top: 8pt;
  margin-bottom: -4pt;
  border: none;
}

.ten_tac_gia_tl_de_xuat {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

/* Thuc hien reponsive cho man hinh */

@media only screen and (max-width: 470px) {
  .tai_ban {
    display: none;
  }

  .ngan_cach {
    margin-top: -20px;
  }

  .khoang_cach_footer {
    display: none;
  }

  .text_title_video_chu_de {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    letter-spacing: 1px;
  }

  .block_thong_tin_xem {
    display: none;
  }

  .dem_start_vote {
    color: #05113adb;
    padding-left: 0pt;


    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #05113adb;
  }

  .item_tai_lieu_de_xuat {
    display: none;
  }

  .item_tai_lieu_de_xuat_reponsive {
    display: block;
  }

  .title_tai_lieu_de_xuat {
    width: 100%;
    height: 36pt;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .icon_bookmark_tai_lieu_moi_len {
    float: right;
    border: none;
    margin: 0pt -5pt 0pt 0pt;
  }

  .ten_tac_gia_de_xuat {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a6179;
  }

  .text_background {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .text_input_nhap_binh_luan {
    padding-left: 3%;
    height: 50%;
  }

  .khoang_cach {
    margin-top: 20%;
    margin-bottom: 4%;
  }

  .pagination_tai_lieu_tvs {
    background: #ffffff;
    margin-top: -2%;
    margin-bottom: 0%;
    letter-spacing: 4pt;
  }

  .khoang_cach_footer {
    padding-bottom: 0%;
  }

  .khoang_cach_footer_reponsive {
    padding-bottom: 0%;
    margin: 5px 0 0 0;
  }

  .text_tai_lieu_lien_quan {
    padding-top: 6pt;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .img_tai_lieu_duoc_xem_nhieu_video {
    border-radius: 4px;
    width: 100%;
  }

  .tai_lieu_star_de_xuat {
    width: 57%;


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .icon_tl_de_xuat_tai_len {
    float: right;
    width: 50%;
  }

  .text_giao_duc {


    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    color: #05113adb;
    border: 1px solid #b1ddff;
    border-radius: 20px;
    background: #b1ddff;
    padding: 0.5% 1% 0.5% 1%;
    margin-left: 8pt;
  }

  .ten_tac_gia_tl_de_xuat {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a6179;
  }

  .text_doc_online {


    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
  }

  .boder_danh_gia {
    background: rgba(255, 171, 0, 0.2);
    margin-left: -8px;
    border-radius: 8px;
    padding: 6px 10px;
  }

  .start_img_danh_gia {
    width: 8%;
    margin-bottom: 2pt;
  }

  .image_muc_thong_tin_tai_lieu_de_xuat {
    display: block;
    width: 6pt;
    margin-top: -16pt;
    margin-left: 90%;
  }

  .thong_tin_danh_gia {
    /* border-bottom: 1px solid #e0e6f9; */
    padding-bottom: 15pt;
    margin-right: 0;
    margin-left: 0;
  }

  .thong_tin_chi_tiet {
    border-bottom: 1px solid #e0e6f9;
    padding-bottom: 15pt;
  }

  .tai_lieu_star_chi_tiet {
    margin-top: -1%;
  }

  /**
  *TuyenTX1402
  *
  */
  .style_social {
    display: flex;
  }
}

@media only screen and (min-width: 468px) and (max-width: 768px) {
  .title_detail_object {
    display: none;
  }

  .ngan_cach {
    margin-top: -20px;
  }

  .text_title_video_chu_de {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    letter-spacing: 1px;
  }

  .block_thong_tin_xem {
    display: none;
  }

  .dem_start_vote {
    padding-left: 0pt;


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .tai_ban {
    display: none;
  }

  .title_tai_lieu_de_xuat {
    width: 100%;
    height: 36pt;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .icon_bookmark_tai_lieu_moi_len {
    float: right;
    border: none;
    margin: 0pt -5pt 0pt 0pt;
  }

  .ten_tac_gia_de_xuat {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a6179;
  }

  .text_background {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .text_input_nhap_binh_luan {
    padding-left: 3%;
    height: 50%;
  }

  .khoang_cach {
    margin-top: 16%;
    margin-bottom: 4%;
  }

  .pagination_tai_lieu_tvs {
    background: #ffffff;
    margin-top: -2%;
    margin-bottom: 0%;
    letter-spacing: 4pt;
  }

  .khoang_cach_footer {
    padding-bottom: 0%;
  }

  .khoang_cach_footer_reponsive {
    padding-bottom: 0%;
  }

  .text_tai_lieu_lien_quan {
    padding-top: 6pt;
    padding-bottom: 5%;
  }

  .img_tai_lieu_duoc_xem_nhieu_video {
    width: 100%;
    box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
    border-radius: 4px;
    border: 0;
  }

  .tai_lieu_star_de_xuat {
    width: 57%;


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .icon_tl_de_xuat_tai_len {
    float: right;
    width: 50%;
  }

  .text_giao_duc {


    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    color: #05113adb;
    border: 1px solid #b1ddff;
    border-radius: 20px;
    background: #b1ddff;
    padding: 0.5% 1% 0.5% 1%;
    margin-left: 8pt;
  }

  .ten_tac_gia_tl_de_xuat {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a6179;
  }

  .text_doc_online {


    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
  }

  .boder_danh_gia {
    background: rgba(255, 171, 0, 0.2);
    margin-left: -8px;
    border-radius: 8px;
    padding: 6px 10px;
  }

  .start_img_danh_gia {
    width: 4%;
    margin-bottom: 2pt;
  }

  .image_muc_thong_tin_tai_lieu_de_xuat {
    display: block;
    width: 6pt;
    margin-top: -16pt;
    margin-left: 90%;
  }

  .thong_tin_danh_gia {
    /* border-bottom: 1px solid #e0e6f9; */
    padding-bottom: 15pt;
  }

  .thong_tin_chi_tiet {
    border-bottom: 1px solid #e0e6f9;
    padding-bottom: 15pt;
  }

  .tai_lieu_star_chi_tiet {
    margin-top: -1%;
  }

  .label_thong_tin {
    margin-left: -8%;
  }

  .btn_doc_online {
    padding: 7px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .title_detail_object {
    display: none;
  }

  .ngan_cach {
    margin-top: -20px;
  }

  .text_xem_them {
    font-size: 12px;
    padding-top: 2px;
  }

  .dem_start_vote {
    color: var(--text-black);
    padding-left: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
  }

  .item_tai_lieu_de_xuat_reponsive {
    display: none;
  }

  .title_item_de_xuat {
    text-transform: uppercase;
    font-family: "Barlow Condensed";

    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #05113adb;
  }

  .title_tai_lieu_de_xuat {
    width: 100%;
    height: 36pt;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .icon_bookmark_tai_lieu_moi_len {
    float: right;
    border: none;
    margin: -43pt -5pt 0pt 0pt;
  }

  .ten_tac_gia_de_xuat {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a6179;
  }

  .text_background {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .text_input_nhap_binh_luan {
    padding-left: 3%;
    height: 50%;
  }

  .khoang_cach {
    margin-top: 12%;
    margin-bottom: 4%;
  }

  .vach_ngan_danh_gia {
    margin-top: 20%;
  }

  .pagination_tai_lieu_tvs {
    background: #ffffff;
    margin-top: -2%;
    margin-bottom: 0%;
    letter-spacing: 4pt;
  }

  .khoang_cach_footer {
    padding-bottom: 0%;
  }

  .khoang_cach_footer_reponsive {
    padding-bottom: 0%;
  }

  .text_tai_lieu_lien_quan {
    padding-top: 6pt;
    padding-bottom: 5%;
  }

  .img_tai_lieu_duoc_xem_nhieu_video {
    padding-left: 10pt;
    width: 100%;
  }

  .tai_lieu_star_de_xuat {
    width: 57%;


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .icon_tl_de_xuat_tai_len {
    float: right;
    width: 50%;
  }

  .text_giao_duc {


    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    color: #05113adb;
    border: 1px solid #b1ddff;
    border-radius: 20px;
    background: #b1ddff;
    padding: 0.5% 1% 0.5% 1%;
    margin-left: 8pt;
  }

  .ten_tac_gia_tl_de_xuat {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a6179;
  }

  .text_doc_online {


    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
  }

  .boder_danh_gia {
    background: rgba(255, 171, 0, 0.2);
    margin-left: -8px;
    border-radius: 8px;
    padding: 6px 10px;
  }

  .start_img_danh_gia {
    width: 2%;
    margin-bottom: 2pt;
  }

  .image_muc_thong_tin_tai_lieu_de_xuat {
    display: block;
    width: 6pt;
    margin-top: -16pt;
    margin-left: 90%;
  }

  .thong_tin_danh_gia {
    /* border-bottom: 1px solid #e0e6f9; */
    padding-bottom: 15pt;
  }

  .thong_tin_chi_tiet {
    border-bottom: 1px solid #e0e6f9;
    padding-bottom: 15pt;
  }

  .tai_lieu_star_chi_tiet {
    margin-top: 0%;
  }

  .label_thong_tin {
    margin-left: -8%;
  }

  .btn_doc_online {
    width: 100%;
  }

  .tai_ban {
    display: block;
  }

  .image_muc_thong_tin_tai_lieu_de_xuat {
    display: none;
  }

  .title_tai_lieu_de_xuat_hot {
    width: 98%;
    height: 60px;
    float: left;
    margin-bottom: -4pt;
  }

  .text_danh_gia {


    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #ffab00;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1136px) {
  .btn_dang_ky {
    display: none;
  }

  .display-block-none-hearder {
    display: none !important;
  }

  .class_banner {
    height: 250px !important;
  }

  .input_text_tim_kiem {
    width: 85% !important;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 250px !important;
  }

  .title_tai_lieu_de_xuat {
    width: 100%;
    height: 38pt;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .khoang_cach {
    margin-top: 17%;
    margin-bottom: 4%;
  }

  .ngan_cach {
    margin-top: -20px;
  }

  .tai_lieu_star_de_xuat {
    width: 55%;
  }

  .icon_tl_de_xuat_tai_len {
    float: right;
    width: 45%;
    margin-top: 2%;
  }

  .vach_ngan_danh_gia {
    margin-top: 20%;
  }

  .text_xem {
    font-family: "Barlow Condensed";

    font-weight: 500;
    line-height: 36px;
    text-transform: uppercase;
    color: #5a6179;
  }

  .dem_vote_tl_de_xuat {
    color: #05113adb;
    padding-left: 0pt;


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
  }

  .text_danh_gia {


    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #ffab00;
  }

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


    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #05113adb;
  }

  .boder_danh_gia {
    background: rgba(255, 171, 0, 0.2);
    margin-left: -8px;
    border-radius: 8px;
    padding: 6px 10px;
  }

  .video_lien_quan {
    font-family: "Barlow Condensed";

    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: rgba(5, 17, 58, 1);
  }

  .text_xem_them {
    float: right;
    color: var(--text-color-blue-tvs);


    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    padding-top: 5pt;
    margin-right: 0.43%;
  }

  .btn_doc_online {
    background: var(--text-color-blue-tvs);
    border-radius: 4px;
    border: 0;
    width: 140%;
  }

  .btn_action_pc {
    background: #ffffff;
    border: 1px solid var(--text-color-blue-tvs);
    border-radius: 4px;
    width: 100%;
    margin-left: 60%;
  }

  /**
  *TuyenTX1402
  *
  */
  .style_social {
    display: flex;
  }
}

@media only screen and (min-width: 1136px) and (max-width: 1400px) {
  .title_tai_lieu_de_xuat {
    width: 100%;
    height: 36pt;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  #main-body {
    overflow: unset;
  }

  .class_banner {
    height: 250px !important;
  }

  .tai_lieu_star_de_xuat {
    width: 65%;
  }

  .ngan_cach {
    margin-top: -20px;
  }

  .icon_tl_de_xuat_tai_len {
    float: right;
    width: 40%;
    margin-top: 2%;
  }

  .khoang_cach {
    margin-top: 12%;
    margin-bottom: 4%;
  }

  .vach_ngan_danh_gia {
    margin-top: 18%;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 260px !important;
  }

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


    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #05113adb;
  }

  .text_doc_online {


    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
  }

  .boder_danh_gia {
    background: rgba(255, 171, 0, 0.2);
    margin-left: -8px;
    border-radius: 8px;
    padding: 6px 10px;
  }

  /**
  *TuyenTX1402
  *
  */
  .style_social {
    display: flex;
  }

  .display-block-none-hearder {
    display: none !important;
  }
}

@media only screen and (min-width: 1420px) and (max-width: 1600px) {
  .vach_ngan_danh_gia {
    margin-top: 16.5%;
  }

  #main-body {
    overflow: unset !important;
  }

  .ngan_cach {
    margin-top: -20px;
  }

  .text_doc_online {


    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #ffffff;
  }

  .khoang_cach {
    margin-top: 10%;
    margin-bottom: 4%;
  }

  .boder_danh_gia {
    background: rgba(255, 171, 0, 0.2);
    margin-left: -8px;
    border-radius: 8px;
    padding: 6px 10px;
  }

  .display-block-none-hearder {
    display: none !important;
  }
}

/** END STYLE BOOK DETAIL **/

/** START STYLE AUTHOR DETAIL **/
.content {
  background-color: #f3f6ff;
  height: 80%;
  padding-left: 135px;
  padding-right: 135px;
}

.icon_bookmark_bst_object {
  float: right;
  border: none;
  margin: -46pt -6pt 0pt 0pt;
}

.block_tong_object {
  background-color: #e0e6f9;
  border-bottom: 2px solid var(--text-color-blue-tvs);
}

.block_muc_tai_lieu_moi_dua_len {
  background-color: #f3f6ff;
  padding-left: 7.43%;
  padding-right: 7.43%;
}

.text_tai_lieu_tong {
  font-family: "Barlow Condensed";

  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  color: #05113adb;
  padding-left: 20pt;
  display: flex;
  padding-bottom: 0pt;
  padding-top: 7pt;
}

.button_object {
  background-color: var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 100%;
  text-transform: uppercase;
  margin-top: 7pt;
}

.icon_tl_object {
  float: right;
  margin-top: -14pt;
}

.input_text_tim_kiem_object_detail {
  width: 60%;
  height: 35pt;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5a6179;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  border-radius: 4px 0 0 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form_tim_kiem_object {
  padding-top: 2%;
  padding-left: 15%;
  padding-right: 5%;
  padding-bottom: 2%;
}

#icon_tim_kiem {
  color: var(--text-color-blue-tvs);
  font-size: 15pt;
  margin-top: 5pt;
}

.input_text_tim_kiem_object {
  width: 60%;
  height: 35pt;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5a6179;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  border-radius: 4px 0 0 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pagination_object_tvs {
  background-color: #f3f6ff;
}

.button_tim_kiem_object_nang_cao {
  width: 25%;
  height: 35pt;
  text-align: left;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #5a6179;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card_item_reponsive_object_thu_vien {
  margin-bottom: 12pt;
  border: 0;
}

.title_detail_object {
  padding-bottom: 20pt;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
  padding-left: 0pt;
}

.text_object {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: rgba(5, 17, 58, 1);
  padding-left: 0pt;
}

.img_object_banner {
  width: 80%;
}

.text_ten_tac_gia {
  margin-bottom: 15pt;
  font-family: "Barlow Condensed";
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #05113adb;
}

.text_mo_ta_tac_gia {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.thong_tin_chi_tiet_object {
  margin-bottom: 15pt;
}

.text_hien_thi {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.text_thong_tin_object {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.text_ket_qua_thong_object {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.icon_bookmark_object {
  float: right;
  border: none;
  margin: -46pt -6pt 0pt 0pt;
}

.card_item {
  border-color: #fff;
  box-shadow: 0 1px 25px rgba(69, 65, 78, 0.15);
  border-radius: 4pt;
}

.item_col_chu_de {
  padding-bottom: 16pt;
  padding-top: 4pt;
}

.card-img-top {
  width: 100%;
  margin-left: 15%;
}

.circle {
  padding-left: 1pt;
  border: 1pt solid;
  border-radius: 50%;
  width: 5em;
}

.thong_tin_khac {
  padding-top: 20pt;
  padding-bottom: 20pt;
}

.text_xem_tat_ca {
  float: right;
  color: var(--text-color-blue-tvs);

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding-top: 5pt;
}

/* Tai lieu moi dua len */

.tai_lieu_moi_dua_len {
  padding-bottom: 30pt;
}

.card-header {
  background-color: #fff;
}

.hr_tl_moi_tai_len {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dem_vote {
  padding-left: 0pt;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.icon_tai_lieu_moi_len {
  width: 13.25px;
  height: 16px;
  float: right;
}

.tile_tai_lieu_moi_len {
  width: 300px;
  height: 60px;
  float: left;
  margin-bottom: -4pt;
}

.icon_video_duoc_xem_nhieu_nhat {
  width: 13.25px;
  height: 16px;
  float: right;
}

.tile_video_duoc_xem_nhieu_nhat {
  width: 400px;
  margin-bottom: -4pt;
  float: left;
}

#icon_tai_lieu_moi_len {
  color: #75818f;
  font-size: 10pt;
}

.button_video_duoc_xem_nhieu {
  text-transform: uppercase;
  width: 247pt;
  background-color: #0014ff;
}

.block_item_chu_de_second {
  padding-bottom: 15pt;
}

.nguon_tap_tri {
  /* Body 14 (22) */


  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-top: -4pt;
  color: #05113adb;
  margin-bottom: 5pt;
}

.pagination_object_tvs {
  padding-top: 2pt;
  padding-bottom: 25pt;
  letter-spacing: 12pt;
}

.pagination_page {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #5a6179;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.pagination_page_active {
  position: relative;
  display: block;
  background-color: red;
  border-radius: 4px;
  color: #ffffff;
  background: var(--text-color-blue-tvs);

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-left: 10pt;
  padding-top: 2pt;
  padding-bottom: 4pt;
  margin-right: 4pt;
  margin-top: 3pt;
}

.card_tac_gia {
  margin-top: -98pt;
  height: 135pt;
}

.title_object {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #e0e6f9;
}

.banner_tac_gia {
  background-color: #07a2eb;
  height: 291pt;
  padding-left: 135px;
  padding-right: 135px;
}

.card_tac_gia_block {
  padding-bottom: 16pt;
}

.card_tac_gia_in_block {
  padding-bottom: 6pt;
  margin-top: -5pt;
}

.image_vector_pagination {
  height: 13px;
  width: 11px;
  left: 18px;
  top: 95px;
  border-radius: 0;
  margin-right: 10pt;
  margin-top: -3pt;
}

.image_vector_group_pagination {
  height: 13px;
  width: 14px;
  left: 18px;
  top: 95px;
  border-radius: 0;
  margin-top: -3pt;
}

.block_image_object {
  margin-right: -2%;
}

.slideBlockBST {
  padding-left: 7.43%;
  padding-right: 7.43%;
  position: relative;
  padding-top: 6pt;
  padding-bottom: 5pt;
}

/* Thuc hien reponsive cho man hinh */

@media only screen and (max-width: 422px) {
  .block_muc_tai_lieu_moi_dua_len {
    background-color: #f3f6ff;
  }

  .text_thong_tin_object {


    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #05113adb;
  }

  .text_ten_tac_gia {
    margin-bottom: 1pt;
    font-size: 16px;
    line-height: 22px;
  }

  .text_ket_qua_thong_object {


    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #05113adb;
  }

  #icon_tim_kiem {
    color: var(--text-color-blue-tvs);
    font-size: 15pt;
    margin-top: 5pt;
  }

  .text_mo_ta_tac_gia {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .input_text_tim_kiem_object_detail {
    width: 80%;
    height: 35pt;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6179;
    background-color: #fff;
    background-clip: none;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .text_ten_tac_gia {
    margin-bottom: 5pt;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
  }

  .form_tim_kiem_object {
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 2%;
  }

  .tile_object_tvs {
    width: 100%;
    float: left;
  }

  .dem_vote {
    color: #05113adb;
    padding-left: 0pt;


    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #05113adb;
  }

  .icon_tl_object {
    float: right;
    margin-top: -14pt;
  }

  .icon_bookmark_object {
    float: right;
    border: none;
    margin: -38pt -6pt 0pt 0pt;
  }

  .icon_bookmark_bst_object {
    float: right;
    border: none;
    margin: -2pt -6pt 0pt 0pt;
  }

  .button_object {
    background-color: var(--text-color-blue-tvs);
    border-radius: 4px;
    width: 100%;
    text-transform: uppercase;
    margin-top: 7pt;
  }

  .button_tim_kiem_object_nang_cao {
    display: none;
  }

  .input_text_tim_kiem_object {
    width: 80%;
    height: 35pt;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6179;
    background-color: #fff;
    background-clip: none;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .pagination_object_tvs {
    padding-top: 0pt;
    padding-bottom: 20pt;
    letter-spacing: 5pt;
    padding-left: 28pt;
  }

  .img_object_banner {
    width: 100%;
  }

  .block_image_object {
    margin-right: 0%;
  }
}

/* Thuc hien reponsive cho man hinh */

@media only screen and (min-width: 423px) and (max-width: 768px) {
  /* .banner {
    margin-bottom: -8%;
  } */

  .text_mo_ta_tac_gia {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  /* .click_tim_kiem_oject {
    border-radius: 0 4px 4px 0;
    background-color: #CDD7E7;
    height: 35pt;
    width: 48px;
  } */

  .icon_bookmark_object {
    float: right;
    border: none;
    margin: -46pt -6pt 0pt 0pt;
  }

  .icon_bookmark_bst_object {
    float: right;
    border: none;
    margin: -2pt -6pt 0pt 0pt;
  }

  .icon_tl_object {
    float: right;
    margin-top: -14pt;
  }

  .input_text_tim_kiem_object_detail {
    width: 80%;
    height: 35pt;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6179;
    background-color: #fff;
    background-clip: none;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .form_tim_kiem_object {
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 2%;
  }

  .button_object {
    background-color: var(--text-color-blue-tvs);
    border-radius: 4px;
    width: 100%;
    text-transform: uppercase;
    margin-top: 7pt;
  }

  .button_tim_kiem_object_nang_cao {
    display: none;
  }

  .input_text_tim_kiem_object {
    width: 86%;
    height: 35pt;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6179;
    background-color: #fff;
    background-clip: none;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .pagination_object_tvs {
    padding-top: 2pt;
    padding-bottom: 15pt;
    letter-spacing: 6pt;
  }
}

/* Thuc hien reponsive cho man hinh */

@media only screen and (min-width: 768px) and (max-width: 900px) {
  #footer-reponsive {
    padding-left: 0;
    padding-right: 0;
  }

  .form_tim_kiem_object {
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 0;
    padding-bottom: 2%;
  }

  .click_tim_kiem {
    height: 47px !important;
  }

  .dem_vote {
    color: #05113adb;
    padding-left: 0pt;


    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #05113adb;
  }

  .input_text_tim_kiem_object_detail {
    width: 60%;
    height: 35pt;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6179;
    background-color: #fff;
    background-clip: none;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .button_object {
    background-color: var(--text-color-blue-tvs);
    border-radius: 4px;
    width: 100%;
    text-transform: uppercase;
    margin-top: 7pt;
  }

  /* .banner {
    margin-bottom: -4%;
  } */

  .icon_bookmark_object {
    float: right;
    border: none;
    margin: -46pt -6pt 0pt 0pt;
  }

  .icon_bookmark_bst_object {
    float: right;
    border: none;
    margin: -46pt -6pt 0pt 0pt;
  }

  .block_muc_tai_lieu_moi_dua_len {
    background-color: #f3f6ff;
    /* padding-left: 1.43%; */
    /* padding-right: 1.43%; */
  }

  .text_mo_ta_tac_gia {


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #05113adb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .icon_tl_object {
    float: right;
    margin-top: -14pt;
  }

  .title_content {
    overflow: hidden;
    border-radius: null;


    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color-blue-tvs);
  }

  .block_item_chu_de_second {
    padding-bottom: 10pt;
  }

  .pagination_object_tvs {
    padding-top: 2pt;
    padding-bottom: 10pt;
    letter-spacing: 12pt;
  }
}

/* Thuc hien reponsive cho man hinh */

@media only screen and (min-width: 900px) and (max-width: 1336px) {
  .dem_vote {
    color: #05113adb;
    padding-left: 0pt;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #05113adb;
  }

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

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

  .font_name_so {
    font-size: 14px !important;
    line-height: 15px;
    margin-top: 0 !important;
  }
}

/* Thuc hien reponsive cho man hinh */
@media only screen and (min-width: 1336px) and (max-width: 1500px) {
  .dem_vote {
    color: #05113adb;
    padding-left: 0pt;


    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #05113adb;
  }
}

/** END STYLE AUTHOR DETAIL **/

.text_footer_heading_video {
  float: left;
  width: 50%;
  margin-bottom: -4pt;
  letter-spacing: 1px;
  margin-top: -4pt;
}

.btn_gui {
  float: right;
  width: 120px;
  height: 36px;
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  border: 0;
  margin-top: 9px;
}

.thoi_gian_binh_luan {

  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #05113adb;
  float: right;
  padding-right: 12px;
}

.text_cam_on {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  text-align: center;
  font-style: italic;
}

.khoang_cach_duoi_comment {
  margin-top: 6px;
}

.block_binh_luan {
  padding-bottom: 10px;
}

.comment-form {
  display: flex;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cdd7e7;
}

.comment-form .comment-form-avt {
  width: 36px;
}

.comment-form .comment-form-textarea {
  flex-grow: 1;
}

.comment-form .comment-form-submit {
  width: 46px;
  text-align: center;
}

.text_muon_tai_lieu {
  font-weight: 600;
  font-size: 12px;
  color: var(--text-color-blue-tvs);
  position: relative;
}

.block_chi_tiet_binh_luan {
  margin-bottom: 10px;
  display: flex;
}

.block_chi_tiet_binh_luan .comment-item-avt {
  display: flex;
}

#vue-pdf-embed {
  overflow-x: hidden;
}

.thong_tin_nguoi_gui {
  padding-left: 15px;
  flex-grow: 1;
}

.icon_bell {
  font-size: 24px;
  color: var(--text-color-blue-tvs);
  margin: 0 7px 0 0;
}

.alert-text-center {
  display: block;
  text-align: center;
  color: #05113adb;
}

.text_noi_dung_chuong {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

video,
audio {
  border-radius: 4px;
}

.btn_action_pc.active {
  background-color: var(--text-color-blue-tvs);
  color: #ffffff;
}

.btn_action_pc.active span {
  color: #ffffff;
}

.btn-filetype {
  background-color: #ffffff;
  border-radius: 4px;
  margin-top: 5pt;
  margin-left: 10pt;
  color: var(--text-color-blue-tvs);
  border: 1px solid var(--text-color-blue-tvs);
}

.btn-filetype:hover {
  background-color: var(--text-color-blue-tvs);
  color: #ffffff;
}

.dropdown-item.item-menu-mobile {

  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  padding: 9px 29px;
}

.dropdown-item.item-menu-mobile.active {
  color: #fff !important;
  border-bottom: 3px solid var(--text-color-blue-tvs);
}

.block-contact {
  padding: 15px;
  border: 1px solid #d1dced;
  border-radius: 4px;
}

.alert-lock-screen {
  position: relative;
  text-align: center;
  margin: 0 auto;
  font-size: 32px;
  font-weight: bold;
  color: white;
  background-color: red;
  top: -35%;
  width: 361px;
  border-radius: 4px;
}

.element-loading {
  width: 100%;
  margin: 0 auto;
  margin-top: -1.25%;
  padding-bottom: 2%;
}

.element-loading-wr {
  display: block;
}

/* .splash-waiting-wr {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: #f2f2f257;
  opacity: 0.6;
  display: none;
  z-index: 9999999;
} */

/* .splash-waiting-wr.active {
  display: block;
}

.lds-ripple {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 20% auto;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid rgb(187 187 187);
  opacity: 1;
  border-radius: 50%;
  animation: splash-waiting 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes splash-waiting {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }

  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }

  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
} */

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #fff;
  color: #007bff;
}

/**
  start player view
*/
.list-file-type {
  margin-top: 10px;
}

.list-file-type.hidden {
  display: none;
}

.list-file-type .btn {
  margin-right: 4px;
}

.block-chapter:hover {
  cursor: pointer;
}

.text_xem_tat_ca_thong_tin {
  float: right;
  color: var(--text-color-blue-tvs);

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding-top: 12pt;
}

.block-chapter.active {
  background-color: #5586ad;
  border-radius: 4px;
}

.block-chapter.active span {
  color: #fff;
}

#document_viewer {
  width: 100% !important;
  /* background: #05113a4d; */
  margin-top: -1.25%;
  padding-bottom: 2%;
  border-radius: 4px;
  margin-left: -15px;
  padding-right: 0;
}

.vach_ngan_ml {
  margin-top: -3%;
  margin-right: 15px;
  margin-left: 15px;
}

.trang_tong_size {
  margin: auto 4px;
}
/** end player view */
/** start nav logged */
.imgAvatarUser {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}

.imageTicketDocument {
  width: 25px !important;
  margin-right: 5px;
  margin-left: 5px;
}

.activeImageTicketDocument {
  width: 45px !important;
}

.imgLoginAvatar {
  width: 35px !important;
  height: 35px !important;
  /* object-fit: none !important; */
}

.block_user_name {
  margin-left: 0;
}


.text_user_name_avatar {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  padding-left: 5pt;
}

.imgVectorBlackBottom {
  width: 15px;
  margin-top: 0pt;
  margin-left: 10px;
  background: none repeat;
}

.search-home {
  padding-bottom: 0;
  padding-right: 0;
  font-family: 'InterBold', 'Courier New', Courier, monospace;
}

.container-fluid.banner {
  background-repeat: no-repeat;
  min-height: 225px;
  height: auto;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 0.75rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-menu.notice-list {
  position: absolute;
  will-change: transform;
  width: 310px;
  min-width: 300px;
  max-width: 420px;
  max-height: 600px;
  object-fit: cover;
  top: 0;
  left: 0;
  margin-top: 20px;
  overflow: auto;
  overflow-x: hidden;
}

.dropdown-menu.show {
  display: block;
}

.notice-list .imgLogoEdu {
  width: 26pt;
}

.notice-list .text_user_name {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  padding-left: 5pt;
}

.notice-list .timeThongbaso {

  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #5a6179;
}

.timeThongbaso.text-right {
  text-align: right !important;
}

.notice-list .textThongBao {
  -webkit-box-orient: vertical;

  overflow: hidden;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  padding-left: 6pt;
}

/** end nav logged */

a:hover,
a span:hover {
  text-decoration: none !important;
}

.text-error,
.text-required {
  color: #d42828;
  font-size: 12px !important;
}

.text-success {
  color: #439e43;
}

.text-success:empty::before,
.text-error:empty::before {
  content: "\100B";
}

.form-field.error {
  border: 1px solid #d42828 !important;
}

.form-field.success {
  border: 1px solid #439e43 !important;
}

.user-rating {
  text-align: center;
  background-color: #f3f6ff;
  padding: 20px 0;
  border-radius: 4px;
  margin-left: 0;
  margin-right: 0;
}

/**
* Thực hiện css cho phần header
*/
.title {
  background-color: #e0e6f9;
  top: 0%;
  bottom: 0%;
  padding-left: 7.43%;
  padding-right: 7.43%;
  padding-top: 3pt;
  margin-bottom: 0pt !important;
  padding-bottom: 3pt;
}

.title_footer_heading {
  background-color: #ffffff;
  height: 40px;
  padding-top: 6pt;
  border-top: 1px solid #e0e6f9;
}

.card_body_nuc_tai_lieu_dua_len {
  padding: 5px 10px;
}

.icon_tl_bst_object_collecion {
  padding-top: 5px;
}

.icon_tl_bst_object {
  float: right;
  margin-left: 45pt;
}

.icon_tl_bst_object_main {
  text-align: right;
  justify-content: end;
  margin-left: auto;
}

.card_object_item {
  margin-bottom: 10px;
}

.card_object_item:last-child {
  margin-bottom: 0;
}

.icon_document {
  width: 16px;
  margin-right: 8px;
}

.pagination_tac_gia {
  background-color: #f3f6ff;
}

.block_footer_heading {
  float: left;
}

.tai_lieu_star {
  width: 70%;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.tai_lieu_star .vue-star-rating-star {
  position: relative;
  top: -2px;
}

/* Thuc hien hover vao link khong co underline */
a:hover {
  text-decoration: underline;
}

.img_icon_bst {
  width: 16px;
  margin-left: 4px;
  margin-top: -2pt;
}

.icon-hoc-lieu {
  font-size: 20px;
  padding-right: 5px;
}

.card_chu_de {
  display: flex;
  align-items: center;
}

.card_the_loai {
  display: flex;
}

.card_tac_gia_duoc_quan_tam {
  display: flex;
}

.block_inform_footer_2 {
  padding-left: 15%;
}

.card_nha_xuat_ban {
  display: flex;
}

.title_item {
    text-transform: uppercase;
    font-family: "Barlow Condensed", sans-serif;

  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #0767b1;
}

/* Thuc hien css placeholder */
::placeholder {
  color: #b4b4b4;
  opacity: 1;
  /* Firefox */
}

.icon_arrow_distance {
  font-size: 10pt;
  margin-right: 2pt;
}

.title_item_detail_category {
  text-transform: uppercase;
  font-family: "Barlow Condensed";

  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #05113adb;
}

.title_item_detail_category.active {
  font-weight: 600;
  color: var(--text-color-blue-tvs) !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  margin-top: 10px;
}

.item-first {
  border-right: 1px solid var(--text-color-blue-tvs);
  top: 0;
  min-height: 60pt;
}

.title_detail_object {
  padding-bottom: 20pt;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
  padding: 10px 0 20px 0;
}

.title_detail_object span,
.title_detail_object span a {
  padding-right: 6pt;
}

.text_hearder {
  color: #ffffff;
}

.truy_cap {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-right: 30pt;
  color: #05113adb;
}

.xem_tai {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

/* Thuc hien css cho thanh top list, TuyenTX */

.top-list {
  padding: 10%;
  margin-top: -8%;
}

.top-list #tabs {
  background: #007b5e;
  color: #eee;
}

.top-list #tabs h6.section-title {
  color: #eee;
}

.top-list #tabs .nav-tabs .nav-item.show .nav-link .nav-tabs-page .nav-tabs-page-home,
.nav-tabs .nav-link.active {
  color: var(--text-color-blue-tvs);
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 3px solid !important;
  font-size: 16px;
  font-weight: bold;
}

.nav-tabs-page .nav-link.active {
  color: var(--text-color-blue-tvs);
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 3px solid !important;
  font-size: 16px;
  font-weight: bold;
}

.nav-tabs-page-home .nav-link.active {
  color: var(--text-color-blue-tvs) !important;
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 3px solid !important;
  font-size: 16px;
  font-weight: bold;

    span {
        color: var(--text-color-blue-tvs) !important;
    }
}

.top-list .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: var(--text-color-blue-tvs);
  font-size: 16px;
  font-weight: 600;
}

.top-list .nav-link:hover {
  border: none;
}

.top-list thead {
  background: #f3f3f3;
  color: #05113adb;
}

.top-list a {
  text-decoration: none;
  color: #05113adb;
  font-weight: 600;
}

.tong_so_tai_lieu {
  float: right;

  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.block_logo_title {
  padding-left: 10pt;
  width: 25%;
}

.block_logo_mokup {
  display: none;
}

.block_nav_title {
  padding-left: 496px;
}

.img_object_banner {
  width: 80%;
}

/**
* Thực hiện css cho phần banner, slideshow
*/
.nav_heading {
  padding-top: 0pt;
  margin-bottom: 0pt;
}

.nav_header .nav_close_btn {
  padding-right: 0;
  height: 34px;
  padding-top: 2px;
}

.block_slide_left {
  padding-bottom: 0pt;
  padding-top: 0pt;
  padding-left: 20pt;
}

.item-first ::after {
  border-right: 1px solid var(--text-color-blue-tvs);
}

.image_vector_right_pagination {
  height: 20px;
  width: 20px;
}

.image_segment_pagination {
  height: 6px;
}

.image_vector_pagination {
  margin-right: 2pt;
}

.block_slide_right {
  padding-bottom: 0pt;
  padding-top: 5pt;
  padding-right: 20pt;
}

.title_slide_show {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: -2pt;
  color: #05113adb;
}

.loggedUi {
  /* border-left: 1px solid #CDD7E7;  */
  padding: 2px;
  margin-top: 8px;
}

.title_slide_show_left {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: -2pt;
  color: #0066d4;
}

.content_slide {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0pt;
  /* color: #5a6179; */
  margin-top: 5px;
  margin-bottom: 5px;
}

.thoi_gian_tao_slide_show {
  /* font-weight: 400; */
  font-size: 12px;
  line-height: 22px;
  color: #05113adb;
}

.carousel-control-next-icon {
  background-image: url("/assets/img/icon_next.png");
  width: 6px;
  height: 12px;
}

.carousel-control-prev-icon {
  background-image: url("/assets/img/icon_prev.png");
  width: 6px;
  height: 12px;
}

.slideBlock {
    background-image: url('../../assets/img/Maskgroup_2.png');
    background-size: 100% auto;
}

.slideBlock .carousel-control-prev {
  font-size: 22px;
  color: #75818f;
}

.slideBlock .carousel-control-next {
  font-size: 22px;
  color: #75818f;
}

#key {
  width: 189px;
}

#icon_tim_kiem {
  color: var(--text-color-blue-tvs);
  font-size: 15pt;
  margin-top: 5pt;
}

.input_text_tim_kiem {
  width: 90%;
  height: 47px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #05113adb;
  background-color: #fff;
  border: 1px solid var(--bg-gray);
  border-radius: 4px 0 0 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input_text_tim_kiem_object {
  width: 730px;
  height: 47px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #05113adb;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  border-radius: 4px 0 0 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.image_muc_thong_tin {
  display: none;
}

.button_tim_kiem_nang_cao_home {
  width: 175px;
  height: 47px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5a6179;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.click_tim_kiem {
  border-radius: 0 4px 4px 0;
  background-color: var(--bg-gray);
  height: 47px;
  width: 48px;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.banner {
  background-color: #0563a7;
  height: 240pt;
  background-size: 100% auto;
}

.slideBlockDetailNXB {
  position: relative;
  padding-top: 6pt;
  padding-bottom: 10pt;
}

.text_ket_qua_thong_object {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.text_hien_thi {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.text_ten_tac_gia {
  margin: 10px 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.ten_tac_gia {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

/* Thuc hien reponsive cho slideBlock  */

.slideBlock {
  position: relative;
}

.slide_show_left {
  width: 45%;
  padding-left: 90pt;
}

.slide_image_vach_ngan {
  width: 10%;
  padding-left: 5%;
}

.slide_show_right {
  width: 45%;
  padding-right: 90pt;
}

.img_left_slide_show {
  width: 15%;
}

.text_left_slide_show {
  width: 84%;
}

.img_right_slide_show {
  width: 15%;
}

.text_right_slide_show {
  width: 85%;
}

.img_slide_show {
  max-width: 45%;
  border-radius: 5px;
  margin-left: 30px;
  object-fit: contain;
  min-height: 77px;
  max-height: 100px;
}

.block-image-slide {
  height: 100%;
}

.image_vach_ngan {
  margin-top: 9pt;
  height: 66px;
}

.card-body.content_slide_show_right {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0 15px;
}

.content_slide_show {
  padding-left: 24pt;
}

.content_slide_show_right {
  flex-grow: 1;
  text-align: left;
}

.icon_privew_slide_show {
  position: absolute;
}

.dang_nhap {
  width: 123px;
  height: 40px;
  top: 20px;
  bottom: 20px;
  text-transform: uppercase;
  background-color: var(--text-color-blue-tvs);
  border-radius: 4px;
  margin-top: 5pt;
  border: 0;
  margin-left: 15pt;
}

.text_page {
  top: 35.94%;
  bottom: 35.94%;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}

.dang_ky {
  width: 110px;
  height: 40px;
  top: 20px;
  bottom: 20px;
  text-transform: uppercase;
  background-color: #ffffff;
  border-radius: 4px;
  /* margin-top: 5pt; */
  margin-left: 10pt;
  color: var(--text-color-blue-tvs);
  border: 1px solid var(--text-color-blue-tvs);
  text-align: center;
  display: inline-grid;
}

.text_dang_ky {
  top: 35.94%;
  bottom: 35.94%;
  padding-left: 9pt;
  padding-top: 3pt;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--text-color-blue-tvs);
}

.img_vach_ngan {
  margin-top: 8pt;
  height: 33.5px;
  width: 0;
  left: 971px;
  top: 23px;
  border-radius: 0;
  border: 1px solid #cdd7e7;
  margin-top: 8px;
}

.nav_link_c {

  font-weight: 600;
  font-size: 14px;
  /* height: 35px; */
  line-height: 29px;
  display: flex;
  align-items: center;
  color: #05113adb;
  padding: 0;
}

.nav_link_c.active {
  color: var(--text-color-blue-tvs) !important;
  border-bottom: 2px solid var(--text-color-blue-tvs);
  padding: 0;
}

.tin_tuc_su_kien {
  width: 165px;
  height: 26px;
  padding-top: 28px;

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #05113adb;
}

.fa-arrow-right {
  padding-left: 5pt;
}

.title_chu_de {
  padding-left: 10px;
  font-weight: 600;
  font-size: 16px;
  overflow: hidden;
  color: #05113adb;
  font-family: 'InterBold', Roboto, Open Sans, Noto Sans, sans-serif;
}

.modal-footer {
  padding: 1px;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.title_tt_truy_cap {
  padding-left: 10pt;
}

.title_tt_tong_sl {
  float: right;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.image_title {
  height: 44px;
  width: 44px;
  left: 18px;
  top: 18px;
  border-radius: 0;
}

.image_content {
  height: 18px;
  width: 18px;
  left: 18px;
  top: 95px;
  border-radius: 0;
}

.dropdown-toggle::after {
  display: none;
}

.title_content {

  font-weight: 400;
  font-size: 14px;
  color: var(--text-color-blue-tvs);
  word-break: break-word;
}

.block_item_book {
  margin-top: 0%;
}

.circle_the_loai {
  height: 44px;
  width: 44px;
  left: 0;
  top: 0;
  border-radius: 50%;
  object-fit: contain;
  background-color: #f3f6ff;
  border: 1px solid #f3f6ff;
}

.circle_chu_de {
  height: 44px;
  width: 44px;
  left: 0;
  top: 0;
  border-radius: 50%;
  object-fit: contain;
  background-color: #f3f6ff;
  border: 1px solid #dfdfdf;
}

.circle_nha_xuat_ban {
  height: 45px;
  width: 55px;
  left: 0;
  top: 0;
  border-radius: 0;
}

.title_the_loai {
  border-radius: null;
  padding-left: 10px;

  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  margin-top: 6pt;
  margin-left: -2pt;
  color: #05113adb;
}

.title_nha_san_xuat {
  border-radius: null;
  padding-left: 10px;

  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  margin-top: 6pt;
  margin-left: -4pt;
  color: #05113adb;
}

.title_tac_gia {
  border-radius: null;
  padding-left: 24px;

  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  margin-top: 9pt;
  color: #05113adb;
}

.circle_tac_gia {
  height: 55px;
  width: 55px;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid #f3f6ff;
  object-fit: cover;
}

/**
** Thuc hien css cho item
*/
.card_item_object_thu_vien_so {
  display: flex;
  flex-wrap: wrap;
}

.card_object_thu_vien_so {
  width: 25%;
  margin-bottom: 30pt;
  width: 299pt;
}

.card_block_object_thu_vien_so {
  margin-bottom: 12px;
  box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
  border-radius: 4px;
  background: #ffffff;
  border: 0;
  width: 275pt;
}

.card_hearder_object_thu_vien_so {
  padding: 10px 15px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px 4px 0 0;
}

.card_hearder_chu_de_thu_vien_so {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px 4px 0 0;
}

.card_body_object_thu_vien_so {
  color: var(--text-color-blue-tvs) !important;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}

.card_body_chu_de_thu_vien_so {
  color: var(--text-color-blue-tvs) !important;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem 1.25rem 0rem 1.25rem;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}

* Thực hiện css cho phần footer */ .footer {
  background-color: #ffffff;
  padding-left: 7.43%;
  padding-right: 7.43%;
  margin-bottom: 12pt;
}

.fa-facebook {
  font-size: 25pt;
  padding-top: 8pt;
  color: #bbbfc9;
  padding-right: 3pt;
}

.icon_facebook {
  font-size: 25pt;
  padding-top: 8pt;
  color: #bbbfc9;
  margin-left: 0pt;
}

.logo_edu {
  width: 105pt;
}

.title_footer {

  font-weight: 600;
  font-size: 14px;
  color: #05113adb;
}

.title_footer_dia_chi {
  height: 22px;
  top: 119px;
  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
  color: #05113adb;
}

.image_vach_ngan_footer {
  border: 1px solid #75818f;
  height: 15.5px;
  margin-left: 16px;
  margin-right: 13px;
}

.title_item_thong_tin {
  display: block;
  font-size: 24px;
    font-family: "Barlow Condensed", sans-serif;

  font-weight: 500;
  padding-top: 0;
  text-transform: uppercase;
  width: 100%;
}

.title_item_thong_tin:hover {
  text-decoration: none;
  color: var(--text-color-blue-tvs);
}

.dem_vote {
  color: #05113adb;
  padding-left: 5pt;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.text_xem_tat_ca_video {
  float: right;
  color: var(--text-color-blue-tvs);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding-top: 5pt;
  margin-right: 0.43%;
}

.text_xem_tat_ca_video:hover {
  color: var(--text-color-blue-tvs);
}

.title_item_thong_tin_1:hover {
  text-decoration: none;
  color: var(--text-color-blue-tvs);
}

.link_xem_tat_ca_video:hover {
  color: var(--text-color-blue-tvs);
}

.link_xem_tat_ca_video {
  color: var(--text-color-blue-tvs);
}

.title_item_thong_tin_1 {
  font-family: "Barlow Condensed";

  font-weight: 500;
  padding-top: 5pt;
  text-transform: uppercase;
  display: block;
  padding-bottom: 15pt;
  font-size: 24px;
  color: #05113adb;
}

.text_xem_tat_ca_tl_moi_tai {
  float: right;
  color: var(--text-color-blue-tvs);

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding-left: 494px;
  padding-top: 16pt;
}

.text_xem_tat_ca_video_moi_nhat {
  display: none;
}

.san_pham_moi {

  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #989fb6;
}

.bottom_in_item_thu_vien_so {
  padding-bottom: 20pt;
}

.block_heading_nav {
  float: right;
  margin-left: 0pt;
  height: 100%;
}

/* Thuc hien css cho bookmard */
.block_card_bookmard {
  position: relative;
  padding: 2px;
  cursor: pointer;
}

.block_image_bookmard {
  position: absolute;
  top: -1px;
  right: -2px;
  display: none;
}

.block_image_player {
  position: absolute;
  top: 40%;
  right: 41%;
}

.image_bookmark {
  height: 37.5px;
  width: 32.22px;
  border: none;
  margin-left: -4pt;
}

.image_player_video {
  height: 40px;
  width: 40px;
  border: none;
  margin-left: -4pt;
}

.text_trang_chu_den {
  font-weight: 400;
}

.text_trang_chu_link {
  color: #ffffff;
}

/* Chinh mau placeholder trong tat ca input */

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.form-control {
  width: 100%;
  display: block;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  line-height: 1.5;
  color: #05113adb;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #d1dced;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card_reponsive_object_thu_vien {
  background: #ffffff;
  box-shadow: 0 1px 25px rgba(69, 65, 78, 0.15);
  border-radius: 4px;
  border: 0;
}

.card_item_reponsive_object_thu_vien_ca_nhan {
  box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
  border-radius: 4px;
  border: 0;
}

.document_item_cover {
  width: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  max-height: 200%;
  object-fit: fill;
  aspect-ratio: 3/4;
}

.block_the_loai .alert-msg {
  margin: 20px 0;
}

.lable_tu_khoa_noi_bat {
  border-radius: 20px;
  padding: 3pt;
  display: inline-block;
  width: fit-content;
  margin-right: 12px;
  margin-bottom: 20px;
  margin-left: 10pt;
  background-color: rgba(255, 255, 255, 0.2);
}

.text_tu_khoa_noi_bat_label {

  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  margin-left: 10px;
}

.text_tu_khoa_noi_bat_label_book {

  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #05113adb;
}

.lable_tu_khoa_noi_bat_book {
  border-radius: 20px;
  display: inline-block;
  width: fit-content;
  margin: 2px 4px;
  padding: 3px;
  background-color: rgba(7, 103, 177, 0.3);
}

.text_tu_khoa_noi_bat_label_detail {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #05113adb;
  margin-right: 8pt;
}

.lable_tu_khoa_noi_bat_detail {
  background: rgba(7, 103, 177);
  border-radius: 20px;
  padding: 6pt 10pt 6pt 10pt;
  display: inline-block;
  width: fit-content;
  margin-right: 12px;
  margin-bottom: 20px;
  margin-left: 10pt;
}

.imgExclude {
  width: 12pt;
  float: right;
  margin-top: 3pt;
  margin-left: 5px;
  margin-right: 10px;
}

.button_tim_kiem_nang_cao_object {
  height: 47px;
  text-align: left;
  border-radius: 4px 0 0 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 14px 20px;
}

.button_tim_kiem_nang_cao_object_tag {
  width: 95%;
  height: 47px;
  text-align: left;
  border-radius: 4px 0 0 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 14px 20px;
}

.form_tim_kiem_tac_object {
  padding-top: 40px;
}

.title_banner_tac_gia {
  padding-top: 17px;
}

.form_select_chi_tiet {
  width: 30%;
  height: 47px;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
  border-right: none;

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  text-align: center;
  border: 1px solid #ced4da;
}

.button_tim_kiem_nang_cao {
  width: 100%;
  height: 47px;
  text-align: left;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 14px 20px;
}

/* .nav-tabs-page {
  border-bottom: 2px solid rgba(7, 103, 177);
} */

.nav-tabs-page-home {
  /* border-bottom: 1px solid #cdd7e7; */
}

.nav-tabs {
  border-bottom: 2px solid var(--text-color-blue-tvs);
  background-color: #e0e6f9;
}

.block_contact {
  background-color: #ffffff;
  padding-left: 8.43%;
  padding-right: 8.43%;
  padding-top: 6pt;
  padding-bottom: 15pt;
}

.block_main_page {
  background-color: #fff;
  padding-left: 7.43%;
  padding-right: 7.43%;
  padding-top: 10px;
  padding-bottom: 50px;
}

.block_page_infor {
  background-color: #fff;
  padding-left: 7.43%;
  padding-right: 7.43%;
  padding-top: 10px;
}

.muc_thong_tin {
  background: #ffffff;
  border: 1px solid #cdd7e7;
  border-radius: 4px;
  margin-left: 0;
}

.ideaImg {
  width: 15px;
}

.text_thong_tin {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  padding-top: 3pt;
}

.text_chu_de {
  font-family: "Barlow Condensed";

  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #000000;
}

.text_title {

  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #000000;
}

.text_title_question {

  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #000000;
}

.block_menu {
  border-bottom: 1px solid #cdd7e7;
}

.text_noi_dung {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.imgVectorSelect {
  width: 10pt;
}

.vector {
  width: 16px;
}

.block_tim_kiem {
  float: right;
}

.block_tim_kiem_book {
  float: right;
  width: 320px;
}

.item_detail_cau_hoi {
  text-align: center;
}

.item_cau_hoi {
  border-bottom: 1px solid #cdd7e7;
}

.text_dau_muc {

  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #05113adb;
}

.icon_image {
  float: right;
  width: 30px;
  margin-left: 6pt;
  border-radius: 4px;
  cursor: pointer;
}
.icon_image.qrcode {
  border: 1px solid #b0ddff;
  padding: 1px;
}

.block_nav_quan_ly {
  background-color: #f3f6ff;
  padding-left: 7.43%;
  padding-right: 7.43%;
  border-bottom: 1px solid #cdd7e7;
}

.text_title_quan_ly {
  display: block;
  font-size: 14px;

  font-weight: 600;
  width: 100%;
  line-height: 24px;
}

.text_title_quan_ly:hover {
  text-decoration: none;
  color: var(--text-color-blue-tvs);
}

.so_luong {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #05113adb;
}

.link_chuc_nang {
  display: block;
  text-align: center;
}

/**
* TuyenTX 16/05/2023
* Thuc hiên chức năng thêm mới phiếu mượn online
*/

.style_ticket_borrow :hover {
  color: var(--text-color-blue-tvs);
  text-decoration: none;
}

.style_ticket_borrow.active {
  background-color: #ade3de !important;
  border: none !important;
}

.link_chuc_nang :hover {
  color: var(--text-color-blue-tvs);
  text-decoration: none;
}

.tab_block {
  display: block;
  text-align: center;
}

.title_trang_chu_tim_kiem {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #cdd7e7;
}

.img_avatar_binh_luan {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 10px;
}

.title_trang_chu {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}

.thu_vien_cua_ban {

  font-weight: 600;
  font-size: 32px;
  line-height: 24px;
  color: #ffffff;
  display: block;
  text-align: center;
}

.title-page-v2 {

  font-weight: 600;
  font-size: 32px;
  line-height: 24px;
  color: #FFFFFF;
  display: block;
  text-align: left;
}

.margin_bst {
  margin-top: 6pt;
}

.text_luong_thoi_gian_hoc {

  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #05113adb;
}

.progress_tien_trinh {
  background: #d9d9d9;
  border-radius: 10px;
  width: 100%;
  height: 12px;
  margin-top: 5pt;
}

.progress_bar {
  background: #f38020;
}

.time_line_doc {
  margin-right: -12px;
}

.tab_ca_nhan {
  border-radius: 40px;
  overflow: hidden;
  position: relative;
  width: 1000px;
  height: 50px;
}

.tab_ca_nhan::before {
  content: "";
  background: #e0e6f9;
  border-radius: 40px;
  width: calc(100% / var(--tab));
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(var(--i) * (100% / var(--tab)));
  transition: all 0.25s ease-in-out;
}

.button_tab_ca_nhan {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: auto;
  color: #05113adb;
  border: 0;
  background-color: #e0e6f9;
}

.button_tab_ca_nhan.active {
  color: #ffffff;
  background-color: var(--text-color-blue-tvs);
}

.button_tab_ca_nhan.active :hover {
  color: #ffffff;
}

.plus_BST_ca_nhan {
  width: 40px;
}

.text_them_bst {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  color: var(--text-color-blue-tvs);
}

.them_doc_ca_nhan {
  padding-top: 158px;
  padding-bottom: 142px;
}

.them_bst_ca_nhan {
  padding-top: 90px;
  padding-bottom: 135px;
}

.card_item_reponsive_object_thu_vien_ca_nhan {
  box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
  border-radius: 4px;
  border: 0;
}

.text_ten_bst_ca_nhan {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.text_input_ca_nhan {

  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: var(--text-color-blue-tvs);
}

.icon_eye {
  color: #75818f;
  /* float: right; */
}

.fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 100%;
}

.fa-lg {
    font-size: 150% !important;
}

.fa-solid-menu {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 140%;
  color: var(--text-color-blue-tvs);
  margin: 7px 0 0 11px;
  margin-inline-end: 9px;
}

.text_note_ca_nhan_form {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
}

.block_input_anh {
  border: 1px dashed #cbcbcb;
  border-radius: 8px;
}

.button_ap_dung_ca_nhan {
  background: #fff;
  border-radius: 4px;
  width: 120px;
  height: 36px;
  border: 1px solid var(--text-color-blue-tvs);
}

.text_chon_file {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color-blue-tvs);
}

.button_ap_dung_tim_nang_cao {
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 176px;
  height: 45px;
}

.text_ap_dung {

  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  background-color: var(--text-color-blue-tvs);
  padding: 3px 8px;
  border-radius: 4px;
}

.modal_text {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.displayNone {
  display: none;
}

.img_icon_bst_ca_nhan {
  width: 15pt;
  margin-left: 2pt;
}

.text_dong_gop {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  color: #05113adb;
}

.button_quay_lai_tim_nang_cao {
  background: #fff;
  border-radius: 4px;
  width: 178px;
  height: 45px;
  border: 1px solid var(--text-color-blue-tvs);
}

.model_body_form {
  font-size: 14px;
}

.model_body_form .form-control {
  font-size: 14px;
}

.modal {
  overflow: visible !important;
}

.modal.show {
  display: block !important;
}

.modal-body {
  overflow-y: visible !important;
}

.text_quay_lai {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
}

.button_chon_file_bst {
  background: #e2e2e2;
  border-radius: 8px;
  width: 159px;
  height: 45px;
  border: none;
  margin-top: -12pt;
  margin-bottom: -12pt;
}

.table .thead-light th {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  background: rgba(168, 179, 191, 0.2);
  border-color: #dee2e6;
}

.block_list_content {
  border-top: 1px solid #cdd7e7;
}

.table td,
.table th {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  border-top: 0.5px solid #cdd7e7;
}

.block_chu_de_trang_chu {
  background-color: #f3f6ff;
  padding-left: 7.43%;
  padding-right: 7.43%;
}

.block_nav {
  background-color: #ffffff;
  padding-left: 7.43%;
  padding-right: 7.43%;
  border-bottom: 1px solid #cdd7e7;
}

.img_document_relation {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 2px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

.block-document-related {
  padding-left: 12pt;
  padding-top: 5pt;
  margin-bottom: 5pt;
}

.img_video_duoc_xem_nhieu {
  width: 100%;
  margin-bottom: -6pt;
  object-fit: cover;
  /* height: 154px; */
  aspect-ratio: 16/9;
}

.iconAnhAvatar {
  object-fit: contain;
  min-width: 100%;
}

.form_nhap_anh {
  background-color: #f3f6ff;
  border-radius: 4px;
  display: block;
  text-align: center;
  padding: 10px;
  min-height: 188px !important;
}

.text_ap_dung_ca_nhan {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
  text-align: center;
  margin-right: 5px;
}

.note_anh {
  font-size: 12px;
  line-height: 22px;
  color: #8592a7;
  text-align: center;
}

/* .col_text {
  display: none;
} */

.modal_text_ca_nhan {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #05113adb;
  text-transform: uppercase;
}

.imgPencil {
  width: 12pt;
  margin-right: 6px;
  margin-top: -6px;
}

.button_sua_ho_so {
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 35%;
  height: 36px;
}

.text_col_reponsive {
  display: none;
}

.text_col_reponsive_button {
  display: none;
}

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

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  padding-left: 6pt;
}

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

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  padding-left: 6pt;
  padding-top: 6pt;
}

.text_thong_tin_ca_nhan {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.block_thong_tin_ca_nhan_div {
  border-bottom: 1px solid #cdd7e7;
}

.header_ca_nhan {
  border-bottom: 1px solid #cdd7e7;
}

.modal_search_form {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
}

.form_nhap_anh_form {
  background-color: #f3f6ff;
  border-radius: 4px;
  height: 270px;
  display: block;
  text-align: center;
}

.iconAnh {
  width: 20%;
  padding-bottom: 10pt;
  padding-top: 50%;
}

.tai_anh_len {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  display: block;
  text-align: center;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  color: #05113adb;
}

.header_ca_nhan_letter {
  bottom: 0;
  border: none;
}

.block_tittle_quan_tam {
  padding-top: 15pt;
  border-top: 1px solid #cdd7e7;
}

.text_the_loai {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  padding-left: 6pt;
}

.title_detail_tin_tuc_object {
  color: var(--text-color-blue-tvs);
  padding: 10px 0 20px 0;
  font-size: 16px;
  font-weight: 600;
}

.img_tin_tuc {
  width: 100%;
  max-height: 450px;
  object-fit: fill;
  background-color: #cccccc1a !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1px;
}

.img_tin_tuc_detail {
  max-width: 100%;
  max-height: 600px;
}

.img_tin_tuc_related {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  border-radius: 4px;
}

.news_item {
  padding: 10px 0;
}

.news_item a{
  border-bottom: solid 1px #cdd7e7 !important;
}

.news_item:last-child {
  border-bottom: none;
}

.img_new_list {
  width: 100%;
  object-fit: fill;
  max-height: 160px;
  background-color: #cccccc1a !important;
  padding: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.news-item-relative {
  border: unset;
  padding-bottom: 15px;
}

.text_object_tin_tuc_su_kien {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #05113adb;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-left: 6px !important;
}

.text_time_tin_tuc {

  font-weight: 400;
  font-size: 14px;
  color: #5a6179;
}

.img-first-new {
  text-align: center;
}

.text_tin_tuc_noi_dung {

  font-weight: 400;
  font-size: 14px;
  color: #05113adb;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify;
}

.text_tin_tuc_noi_dung_chi_tiet {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  overflow: hidden;
  text-align: justify;
}

.gioi_thieu_tin_tuc {
  border-bottom: 1px solid #cdd7e7;
}

.title_tin_noi_bat {
  font-family: "Barlow Condensed";

  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #05113adb;
}

.lable_tu_khoa_noi_bat_tt {
  background: rgba(7, 103, 177, 0.3);
  border-radius: 20px;
  padding: 6pt 10pt 6pt 10pt;
  display: inline-block;
  width: fit-content;
  margin-right: 12px;
  margin-bottom: 20px;
  margin-left: 20pt;
}

.text_tu_khoa_noi_bat_label_tt {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #05113adb;
  margin-right: 8pt;
}

.text_tin_noi_bat {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--text-color-blue-tvs);
  text-transform: uppercase;
  border-bottom: 1px solid #cdd7e7;
}

.img_new_hot {
  width: 100%;
  object-fit: cover;
  max-width: 280px;
}

.block_card_new_hot {
  margin-top: -15px;
}

.title_detail_tin_tuc_su_kien {

  font-weight: 600;
  font-size: 20px;
  color: #000000;
}

input,
textarea {
  outline: none;
}

.button_sua_ho_so_letter {
  background: var(--text-color-blue-tvs);
  border-radius: 4px;
  width: 100%;
  height: 36px;
}

/* Thuc hien chinh sua form input */

.user-profile #userAvatarInput {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

#userAvatarOuter {
  position: relative;
  width: auto;
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
}

#userAvatarOuter .btn.file {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  text-decoration: none;
}

#userAvatarOuter .btn.file:hover {
  text-decoration: none;
}

#userAvatarOuter:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

#userAvatarOuter:hover:before {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

#userAvatarOuter:hover .btn.file {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

#userAvatarInput {
  width: 143px;
  cursor: pointer;
}

#userAvatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-link {

  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: var(--text-color-blue-tvs);
  background-color: transparent;
}

.user-profile #userAvatarInput {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

/* Thuc hien css cho input image */
#collectionAvatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#collectionAvatarInput {
  width: 143px;
  cursor: pointer;
}

.block_avatar {
  margin-left: 5px;
  margin-right: 5px;
  width: 32px;
}

#modalConfirmUpdateProfile {
  background: rgba(159, 159, 159, 0.36);
}

.vote_tai_lieu {
  display: flex;
}

.block_thong_tin_khac {
  background-color: #f3f6ff;
  padding-top: 0;
}

/* Thuc hien css cho tac gia duoc quan tam */
.block_recommend,
.block-content-data {
  background-color: #f3f6ff;
  padding-top: 25px;
}

.title_tai_lieu_moi {
  font-family: 'InterBold', Roboto, Open Sans, Noto Sans, sans-serif;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  margin-bottom: 0pt;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon_tl_moi_tai_len {
  margin-left: auto;
}

.dem_nguoi_xem {
  font-family: 'InterRegular';
  padding-left: 5pt;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
}

.button_tai_lieu_moi_dua_len {
  width: 100%;
  background-color: var(--text-color-blue-tvs);
  border-radius: 4px;
  text-transform: uppercase;
  margin-top: 12pt;
  margin-left: 0pt;
  margin-bottom: -3pt;
}

.card_video_duoc_xem_nhieu_nhat {
  margin-bottom: 12px;
  box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
  border-radius: 4px;
  background: #ffffff;
  border: 0;
}

.title_video {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #05113adb;
}

.ngay_tai_video {
  margin-bottom: -5pt;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: -4pt;
  color: #5a6179;
}

#fileBookInput {
  width: 400px;
}

.block_reponsive_900 {
  padding-right: 0;
}

.button_tim_kiem_nang_cao_home_reponsive {
  display: none;
}

/* .link_xem_tat_ca_home_reponsive {
  display: none;
} */

.block_nav_muc_tai_lieu_chi_tiet {
  background-color: #e0e6f9;
}

.thong_tin_chi_tiet_binh_luan {
  table-layout: fixed;
  word-wrap: break-word;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  text-align: justify;
}

.img_tim_kiem_page_read {
  width: 25px;
  margin-right: 0pt;
  margin-top: 0pt;
  margin-left: 8pt;
  float: right;
}

.img_avatar_nguoi_binh_luan {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  margin: auto;
}

.block_binh_luan textarea.form-control {
  height: 72px;
}

#hideMe {
  -moz-animation: cssAnimation 0s ease-in 5s forwards;
  /* Firefox */
  -webkit-animation: cssAnimation 0s ease-in 5s forwards;
  /* Safari and Chrome */
  -o-animation: cssAnimation 0s ease-in 5s forwards;
  /* Opera */
  animation: cssAnimation 0s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
  }
}

@-webkit-keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    visibility: hidden;
  }
}

.thong_tin_chi_tiet_binh_luan_hot {
  font-weight: 400;
  font-size: 14px;
  color: #05113adb;
  word-break: break-word;
}

.label_show_more {

  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color-blue-tvs);
  /* padding-left: 10pt; */
  padding-right: 10pt;
}

.text_nguon_tap_tri {

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a6179;
  padding-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Thuc hien css cho nut click */

div.relativeDetail {
  position: relative;
  width: 65%;
}

div.absolute {
  position: absolute;
  top: 12px;
  right: 15px;
}

.button_tim_kiem_nang_cao_object {
  width: 100%;
}

.img_icon_delete {
  width: 13px;
}

#nav-tab {
  margin-left: 0;
  margin-right: 0;
}

#nav-tab.nav-tabs-page-home .nav-item {
  text-align: justify !important;
  border-bottom: 1px solid #cdd7e7;
}

#nav-tab::-webkit-scrollbar {
  height: 0;
}

.block-ul-top {
  padding-bottom: 0pt;
  padding-top: 0pt;
}

.block-ul-top.active {
  color: var(--text-color-blue-tvs) !important;
  border-bottom: 3px solid var(--text-color-blue-tvs);
}

.block_tab {
  margin-bottom: 10px;
}

.footer-footer {
  background-color: #f3f6ff;
  height: 60px;
  padding-top: 6pt;
}

.body_video_xem_nhieu {
  padding-bottom: 5pt;
  padding-top: 14pt;
  padding-left: 9pt;
  padding-right: 8pt;
}

.card_title_video_duoc_xem_nhieu {
  float: left;
  width: 99%;
  margin-bottom: -4pt;
  letter-spacing: 1px;
  /* height: 50pt; */
}

.icon_footer_heading_video {
  float: right;
  width: 50%;
  margin-top: 20px;
}

.video_view {
  float: right;
}

.card_footer_heading_video {
  display: flex;
  margin-top: 15px;
  border-top: 1px solid #e0e6f9;
}

.button-action-book {
  margin: 3px 0;
}

.button-action-book.balance {
  width: 120px;
  display: inline-block;
  margin-right: 10px;
}

.div-address-footer {
  display: flex;
  margin-bottom: 0;
}

/* Thanhnam99 css*/
.modal-header {
    background-color: #f3f6ff !important;

    .modal-title {
        font-weight: 600;
        color: #05113adb;
    }
}

.btn-tag-a {
    color: var(--white);
}

.img-avatar-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.text-label-bold {

}

.avatar-upload {
    position: relative;
    max-width: 205px;
}
.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}
.avatar-upload .avatar-preview {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.img-avatar-sm {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.gap-1 {
    gap: 0.25rem;
}

.checked-avatar {
    position: absolute;
    bottom: 10px;
    color: green;
    left: 88px;
}

.btn-sm-v2 {
    font-size: 12px;
    font-weight: 600;
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
    border-radius: 12px;
    a:hover {
        color: var(--white);
    }
}

.btn-sm-v2:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.rounded-2 {

}
.line-under-v2 {
  border-bottom: solid 1px #CCCCCC;
}

.btn-v2x {
  padding: 10px 24px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.5);
  line-height: 1.25;
  background: var(--text-color-blue-tvs);
  text-decoration: none;
  user-select: none;
  color: white;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  transition: background-color .6s ease;
  overflow: hidden;

  &:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    transform-style: flat;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 100%;
    transition: width .3s ease, height .3s ease;
  }

  &:focus,
  &:hover {
    background: #076836;
  }

  &:active {
    background: #076836;

    &:after {
      width: 300px;
      height: 300px;
    }
  }
}

.link-read-custom {
  cursor: pointer;
  color: green;
  transition: transform 0.2s ease;
}

.link-read-custom:hover {
  color: #0a53be;
}

.btn-v2x.active {
  background-color: #076836;
  color: white;
}

/* Thanhnam99 css*/

/* Thuc hien reponsive cho man hinh */
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  .menu_nav_pc li {
    margin: 0 7px !important;
  }
}

@media only screen and (max-width: 468px) {
  .row_bo_suu_tap {
    display: none;
  }

  #nav-tab {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  #icon_tai_lieu_moi_len {
    display: none;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 115px;
  }

  .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* width: 15%; */
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }

  .button_tai_lieu_moi_dua_len {
    width: 100%;
    background-color: var(--text-color-blue-tvs);
    border-radius: 4px;
    text-transform: uppercase;
    margin-top: 15pt;
    border: 0;
  }

  .block_inform_footer_2 {
    margin-left: -11.43%;
    margin-top: -4pt;
  }

  .nav_tai_lieu_duoc_xem {
    width: 190pt;
    margin-left: -15pt;
    padding-top: 6pt;
  }

  .image_muc_thong_tin {
    display: block;
    width: 8pt;
    margin-top: -16pt;
    margin-left: 95%;
  }

  .xem_nhieu {
    display: none;
  }

  .block_side {
    margin-bottom: -12pt;
  }

  .form_tim_kiem_tac_object {
    padding-top: 0;
  }

  .title_banner_tac_gia {
    padding-top: 6pt;
    padding-left: 0;
  }

  .form_select_chi_tiet {
    width: 99%;
    text-align: left;
    margin-bottom: 5pt;
  }

  .button_tim_kiem_nang_cao {
    padding: 14px 20px;
  }
}

@media only screen and (max-width: 900px) {
  .font_name_so,
  .font_name_logo {
    display: block;
    width: 165px;
  }

  .display_none {
    display: none;
  }

  .class_banner {
    border-radius: 4px !important;
    margin: 10px 0;
  }

  .display_banner {
    display: block !important;
    width: 93%;
    margin: 0 auto;
  }

  .display_banner_new {
    display: none;
  }

  /* TuyenTX_thuc hien css zoom anh 1703*/
  .hover_image_zoom_in_read:hover {
    transform: scaleX(1.5) scaleY(1.5);
  }

  .font_name_so {
    padding-right: 0;
  }

  .d-none-block_search {
    display: none;
  }

  .display_none_text_school {
    display: block;
  }

  .div-address-footer {
    /* margin-bottom: 25px; */
  }

  .div-all {
    text-align: right;
  }

  .div-all .nav-item.nav-link {
    padding-left: 0;
  }

  #comment-group {
    margin-left: 0;
  }

  .loggedUi {
    margin-top: 2px;
  }

  .card_title_video_duoc_xem_nhieu {
    float: left;
    width: 99%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .footer-footer {
    display: none;
  }

  .link_chuc_nang {
    margin-top: 15px;
  }

  #nav-tab {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .button_ap_dung_tim_nang_cao {
    width: 100%;
  }

  #userAvatarOuter {
    width: 100px;
  }

  .img_tim_kiem_page_read {
    width: 20px;
    margin-right: -5pt;
    margin-top: 0pt;
    margin-left: 5%;
  }

  .thong_tin_chi_tiet_binh_luan {
    padding-left: 0pt;
    padding-right: 0pt;
  }

  .block_tim_kiem_book {
    width: 240px;
  }

  .block_logo {
    padding-left: 0;
    padding-right: 0;
  }

  .block_main_page {
    padding-left: 15px;
    padding-right: 15px;
  }

  .block_contact {
    padding-left: 8.43%;
    padding-right: 8.43%;
  }

  .title_tin_noi_bat {
    font-size: 20px;
  }

  .block_main_page_tin_tuc {
    padding-bottom: 0;
  }

  .text_xem_tat_ca_thong_tin {
    font-size: 14px;
  }

  .link_xem_tat_ca_home {
    display: none;
  }

  .link_xem_tat_ca_home_reponsive {
    display: block;
    padding-top: 0;
    float: none;
  }

  .tai_lieu_star_object {
    width: 70%;
  }

  .block_toplist {
    margin-left: 0;
  }

  .title_item {
    font-size: 22px;
  }

  .icon_tl_bst_object_main {
    width: 30%;
  }

  .dropdown-menu.notice-list {
    min-width: 240px;
    max-width: 240px;
    max-height: 400px;
    margin-top: 16px;
  }

  .block_notifi {
    padding-right: 0;
  }

  .notice-list .text_user_name {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
  }

  .notice-list .textThongBao {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
  }

  .blockSocial {
    float: left;
  }

  .title {
    /* height: 72px;
    */
    /* padding-top: 0 !important; */
  }

  .div_image_vach_ngan {
    display: none;
  }

  .block_footer_heading {
    text-align: center;
    float: none;
  }

  .truy_cap {
    font-size: 12px;
    line-height: 16px;
  }

  .xem_tai {
    font-size: 12px;
    line-height: 16px;
  }

  #icon_tai_lieu_moi_len {
    display: none;
  }

  .block_slide_left {
    padding-bottom: 0pt;
    padding-top: 0pt;
    padding-left: 8pt;
  }

  .block_slide_right {
    padding-bottom: 0pt;
    padding-top: 8pt;
    padding-right: 8pt;
  }

  .title_tt_tong_sl {
    float: right;
    padding-left: 0%;


    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: var(--text-color-blue-tvs);
  }

  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
  }

  .dropdown {
    display: block;
  }

  .banner {
    background-color: #07a2eb;
    height: 160pt;
    background-image: url("/assets/img/Banner_tac_gia.png");
    background-size: 100% auto;
  }

  .text_tai_lieu {
    margin-right: 60pt;
  }

  .title_banner {
    font-size: 14px;
    line-height: 26px;
    margin-top: -16pt;
    margin-bottom: -7pt;
    margin-left: -10pt;
  }

  #icon_tim_kiem {
    color: var(--text-color-blue-tvs);
    font-size: 15pt;
    margin-top: 3pt;
  }

  .carousel-control-next {
    position: absolute;
    top: 0;
    right: -10px;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }

  .nav_heading {
    padding-top: 0pt;
    margin-left: 0pt;
  }

  .input_text_tim_kiem {
    width: calc(100% - 48px);
    height: 47px;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #05113adb;
    background-color: #fff;
    background-clip: none;
    border: 1.4px solid #cdd7e7;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .icon_tim_kiem {
    color: var(--text-color-blue-tvs);
    font-size: 14pt;
    margin-top: 3pt;
  }

  .click_tim_kiem {
    border-radius: 0 4px 4px 0;
    background-color: #cdd7e7;
    border: 1.4px solid #cdd7e7;
    height: 47px;
    width: 48px;
  }

  .button_tim_kiem_nang_cao_home {
    display: none;
  }

  .xin_chao {
    font-size: 16px;
    line-height: 24px;
    padding-top: 16px;
    /* text-shadow: 1px 2px black; */
    margin-left: -10pt;
  }

  /* Thuc hien reponsive cho slideBlock  */
  .slideBlock {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    border-radius: 4px;
    width: 93%;
  }

  .slideBlock .carousel-control-prev {
    font-size: 18px;
    color: #75818f;
    width: 30px;
    left: -10px;
  }

  .slideBlock .carousel-control-next {
    font-size: 18px;
    color: #75818f;
    margin-right: 0;
  }

  .img_slide_show {
    height: 77px;
    object-fit: cover;
    margin-left: 15px;
    margin-bottom: 10px;
    aspect-ratio: 1.5;
  }

  .slide_show_left {
    width: 71%;
    margin-left: -75pt;
    padding-top: 6pt;
  }

  .slide_image_vach_ngan {
    width: 8%;
    padding-left: 6%;
    margin-top: -14pt;
  }

  .slide_show_right {
    width: 45%;
    padding-top: 6pt;
    margin-right: -6pt;
  }

  .block_inform_footer {
    margin-left: -1.43pt;
    margin-top: 20px;
  }

  .block_inform_footer_2 {
    margin-left: -11.43%;
    margin-top: 12pt;
  }

  .img_left_slide_show {
    width: 15%;
  }

  .text_left_slide_show {
    width: 85%;
  }

  .img_right_slide_show {
    width: 15%;
  }

  .text_right_slide_show {
    width: 85%;
  }

  .image_vach_ngan {
    margin-top: 16pt;
    height: 66px;
  }

  .content_slide_show {}

  .content_slide_show_right {
    flex-grow: 1;
  }

  .icon_privew_slide_show {
    position: absolute;
  }

  .title_slide_show {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;


    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #05113adb;
  }

  .title_slide_show_left {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;


    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #05113adb;
    border-right: 1px solid var(--text-color-blue-tvs);
  }

  .thoi_gian_tao_slide_show {
    font-size: 12px;
    line-height: 16px;
    margin-top: 11pt;
  }

  .content_slide {
    display: none;
  }

  .thoi_gian_chinh_xac {
    display: none;
  }

  .tin_tuc_su_kien {
    display: none;
  }

  .img_vach_ngan {
    display: none;
  }

  .icon_bell {
    display: none;
  }

  .block_logo_title {
    padding-left: 10pt;
    width: 20%;
  }

  .block_logo_mokup {
    display: block;
    width: 5%;
  }

  .block_nav_title {
    padding-left: 5px;
  }

  .dang_ky {
    width: 100px;
    height: 34.21px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 0pt;
    color: var(--text-color-blue-tvs);
    border: 1px solid var(--text-color-blue-tvs);
  }

  .text_dang_ky {
    padding-left: 6pt;
    padding-top: 3pt;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-color-blue-tvs);
  }

  .dang_nhap {
    width: 100px;
    height: 34.21px;
    border-radius: 4px;
    margin-top: 0pt;
    border: 0;
    margin-left: 6pt;
  }

  .text_page {
    font-size: 12px;
    line-height: 16px;
  }

  /**
  * Thực hiện css cho phần footer
  */
  .footer {
    background-color: #ffffff;
    margin-bottom: 12pt;
    padding-left: 15px;
    padding-right: 15px;
  }

  .title_footer {
    min-height: 22px;
    font-size: 14px;
    line-height: 22px;
  }

  .title_footer_dia_chi {
    height: 22px;


    font-weight: 600;
    font-size: 14px;
    line-height: 35px;
    color: #05113adb;
  }

  .image_vach_ngan_footer {
    border: 1px solid #75818f;
    height: 15.5px;
    margin-left: 12px;
    margin-right: 88pt;
  }

  .icon_facebook {
    font-size: 25pt;
    padding-top: 8pt;
    color: #bbbfc9;
    margin-left: -2pt;
  }

  .title_footer_heading {
    background-color: #ffffff;
    height: 40px;
    padding-top: 6pt;
  }

  .text_link_footer_heading {
    color: #05113adb;
  }

  /**
** Thuc hien css cho item
*/
  .card_item_object_thu_vien_so {
    display: flex;
    flex-wrap: wrap;
  }

  .card_object_thu_vien_so {
    width: 50%;
    margin-bottom: 6pt;
  }

  .card_block_object_thu_vien_so {
    margin-bottom: 12px;
    box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
    border-radius: 4px;
    background: #ffffff;
    border: 0;
    width: 125pt;
  }

  .block_border {
    border: 0;
  }

  .card_hearder_object_thu_vien_so {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 4px 4px 0 0;
    padding: 10px;
  }

  .card_body_object_thu_vien_so {
    min-height: 50px;
    padding: 10px;
  }

  .card_object_item {
    margin-bottom: 5px;
  }

  .circle_nha_xuat_ban {
    height: 35px;
    width: 36px;
    border-radius: 0;
    margin: -7px 0 -1px -16px;
  }

  .title_the_loai {
    border-radius: nullpx;
    padding-left: 7px;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    margin-top: -1pt;
    color: #05113adb;
  }

  .title_nha_san_xuat {
    padding-left: 2px;


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    margin-top: -3pt;
    color: #05113adb;
  }

  .image_content {
    height: 18px;
    width: 18px;
    left: 18px;
    top: 95px;
    border-radius: 0;
  }

  /* Thuc hien css tac gia */
  .title_tac_gia {
    border-radius: null;
    padding-left: 22px;


    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
    margin-top: -2pt;
    color: #05113adb;
  }

  .circle_tac_gia {
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
    border-radius: 50%;
  }

  /* Thuc hien css reponsive the loai */
  .circle_the_loai {
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
  }

  /* Thuc hien css reponsive chu de */

  .circle_chu_de {
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
    border-radius: 50%;
    margin: 0;
  }

  .title_chu_de {
    font-size: 14px;
  }

  .card_hearder_chu_de_thu_vien_so {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 4px 4px 0 0;
    height: 48pt;
  }

  .card_body_chu_de_thu_vien_so {
    color: var(--text-color-blue-tvs) !important;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    height: 93pt;
  }

  .text_xem_tat_ca_tl_moi_tai {
    display: none;
  }

  .row_tai_lieu_duoc_xem_nhieu {
    width: 30%;
  }

  /* Thuc hien reponsive css cho muc thong tin khac */
  .nav_tai_lieu_dua_len {
    width: 160pt;
  }

  .nav_tai_lieu_duoc_xem {
    width: 190pt;
    margin-left: -15pt;
  }

  .title_item_thong_tin {
    font-size: 22px;
  }

  .title_item_thong_tin_1 {
    font-family: "Barlow Condensed", serif;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    font-size: 22px;
    line-height: 28px;
    color: #05113adb;
  }

  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
    margin-left: 0pt;
  }

  .form_tim_kiem_tac_object {
    padding-top: 0;
  }

  .text_chu_de {
    font-size: 20px;
    line-height: 36px;
  }

  .text_title {
    font-size: 20px;
    line-height: 26px;
  }

  .text_title_question {
    font-size: 18px;
    line-height: 26px;
  }

  .block_filter {
    margin-top: 10px;
  }

  .button_tab_ca_nhan {
    width: 50%;
  }
}

@media only screen and (min-width: 468px) and (max-width: 600px) {
  .block_inform_footer_2 {
    margin-left: -12.43%;
    margin-top: 6pt;
  }

  .input_text_tim_kiem {
    /*width: 86% !important;*/
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 145px;
  }

  .banner {
    background-color: #1170b2;
    height: 145pt;
    background-image: url("/assets/img/Banner_tac_gia.png");
    background-size: 100% auto;
  }

  .nav_tai_lieu_duoc_xem {
    margin-left: -40%;
    margin-top: 6pt;
  }

  .row_bo_suu_tap {
    display: none;
  }

  .text_xem_tat_ca_thong_tin {
    color: var(--text-color-blue-tvs);


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }

  .block_side {
    margin-bottom: -12pt;
  }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .block_inform_footer_2 {
    margin-left: -12.43%;
    margin-top: 6pt;
  }

  .input_text_tim_kiem {
    width: 90% !important;
  }

  .nav_tai_lieu_duoc_xem {
    margin-left: -40%;
    margin-top: 6pt;
  }

  .row_bo_suu_tap {
    display: none;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 200px;
  }

  .text_xem_tat_ca_thong_tin {
    float: none;
    color: var(--text-color-blue-tvs);


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }

  .xem_tai {
    font-size: 12px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
  .title {
    padding-top: 0pt;
    margin-bottom: 0pt;
  }

  .heading_reponsive {
    margin-top: -2px;
  }

  #icon_tai_lieu_moi_len {
    display: none;
  }

  .block_inform_footer_2 {
    margin-left: -11.43%;
    margin-top: -4pt;
  }

  .block_reponsive_900 {
    margin-left: 0;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 200px;
  }

  .tile_tai_lieu_moi_len {
    float: left;
    width: 98%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .icon_bell {
    display: block;
    margin-top: 0;
  }

  .block_inform_footer {
    /* margin-left: -1.43%; */
  }

  .block_chu_de {
    background-color: #f3f6ff;
    /* padding-left: 1.43%; */
    /* padding-right: 3.43%; */
    padding-top: 30pt;
  }

  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
    border: 0;
  }

  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
    border: 0;
  }

  .block_recommend {
    background-color: #f3f6ff;
    padding-top: 15px;
  }

  .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }

  .block_nha_san_xuat {
    background-color: #f3f6ff;
    padding-top: 20pt;
    padding-bottom: 30pt;
  }

  .text_footer_heading_video {
    float: left;
    width: 91%;
    letter-spacing: 1px;
  }

  .tai_lieu_star {
    width: 80%;
  }

  .block_thong_tin_khac {
    background-color: #f3f6ff;
  }

  .block_muc_tai_lieu_moi_dua_len {
    background-color: #f3f6ff;
  }

  .block_video_duoc_xem_nhieu_nhat {
    background-color: #f3f6ff;
    padding-top: 18pt;
    padding-bottom: 60pt;
  }

  .slideBlock .carousel-control-next {
    font-size: 18px;
    color: #75818f;
    margin-right: -1.5%;
    padding-top: 1%;
  }

  .slideBlock .carousel-control-prev {
    font-size: 18px;
    color: #75818f;
    margin-left: -7.5%;
    padding-top: 1%;
  }

  .content_slide_show {
    border-right: 1px solid var(--text-color-blue-tvs);
  }

  .title_slide_show_left {
    border-right: none;
  }

  .content_slide_show-body {
    padding: none;
  }

  .input_text_tim_kiem {
    width: 90% !important;
    height: 47px;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #05113adb;
    background-color: #fff;
    border: 1px solid #cdd7e7;
    border-radius: 4px 0 0 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .title_item_thong_tin {
      font-family: "Barlow Condensed", sans-serif;

    font-weight: 500;
    text-transform: uppercase;
    display: block;
    font-size: 22px;
    color: var(--text-color-blue-tvs);
  }

  .nav_tai_lieu_duoc_xem {
    width: 125pt;
    margin-left: 0%;
    padding-top: 6pt;
  }

  .nav_tai_lieu_bo_suu_tap {
    margin-top: 6pt;
    margin-left: 0%;
  }

  .text_xem_tat_ca_thong_tin {
    color: var(--text-color-blue-tvs);


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 968px) {
  .img_left_slide_show {
    width: 30%;
  }

  .banner {
    background-size: cover !important;
  }

  .container-fluid.banner {
    min-height: 200px;
  }

  .title {
    padding-left: 7.43%;
    padding-right: 7.43%;
    margin-bottom: 5pt;
  }

  .nav_tai_lieu_bo_suu_tap {
    margin-top: 0pt;
    margin-left: 0%;
  }

  .img_slide_show {
    max-width: 45%;
    border-radius: 2px;
    margin-left: 10pt;
  }

  .text_left_slide_show {
    width: 69%;
  }

  .img_vach_ngan {
    display: none;
  }

  .content_slide_show {
    padding-left: 24pt;
    margin-top: -12pt;
    padding-top: 16pt;
  }

  .content_slide_show_right {
    padding-left: 24pt;
    margin-top: -19pt;
    padding-top: 16pt;
  }

  .title_content {
    margin-bottom: 12pt;
    margin-left: -10%;
  }

  .block_side {
    margin-bottom: -2px;
  }

  .xin_chao {
    font-size: 32px;
    line-height: 24px;
    padding-top: 0;
  }

  .banner {
    background-color: #07a2eb;
    padding-left: 7.43%;
    padding-right: 7.43%;
    background-image: url(Mask\ group.png);
    background-size: 100% auto;
  }

  .title_slide_show_left {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -2pt;
    color: #05113adb;
  }

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


    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4pt;
    color: #5a6179;
  }

  .thoi_gian_tao_slide_show {
    font-size: 14px;
    line-height: 18px;
  }

  .slideBlock .carousel-control-prev {
    font-size: 22px;
    color: #75818f;
    margin-left: -7%;
    padding-top: 1%;
  }

  .slideBlock {
    padding-left: 7.43%;
    padding-right: 7.43%;
    position: relative;
    padding-top: 5pt;
  }

  .tai_lieu_star {
    width: 84%;
    margin-top: -5pt;
  }

  .img_right_slide_show {
    width: 30%;
  }

  .card_footer_video_duoc_xem_nhieu_nhat {
    float: right;
    margin: -2pt -14pt 0pt 0pt;
  }

  .card_title_video_duoc_xem_nhieu {
    float: left;
    width: 97%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .tai_lieu_star {
    width: 81%;
    margin-top: -5pt;
  }

  .card_video_duoc_xem_nhieu_nhat {
    margin-bottom: 25px;
    box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
    border-radius: 4px;
    background: #ffffff;
    border: 0;
  }

  .block_thong_tin_khac {
    background-color: #f3f6ff;
    padding-left: 7.43%;
    padding-right: 7.43%;
  }

  .text_xem_tat_ca_thong_tin {
    float: left;
    color: var(--text-color-blue-tvs);


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding-top: 12pt;
  }

  .text_footer_heading_video {
    float: left;
    width: 93%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
    margin-top: -4pt;
  }

  .text_right_slide_show {
    width: 69%;
  }

  .block_video_duoc_xem_nhieu_nhat {
    background-color: #f3f6ff;
    padding-left: 7.43%;
    padding-right: 7.43%;
    padding-top: 18pt;
    padding-bottom: 30pt;
  }

  .content_slide_show {
    padding-left: 24pt;
    margin-top: -19pt;
    padding-top: 16pt;
  }

  .title_slide_show {
    margin-bottom: -2pt;
  }

  .slideBlock .carousel-control-next {
    font-size: 22px;
    color: #75818f;
    margin-right: -7%;
    padding-top: 1%;
  }

  .icon_facebook {
    font-size: 25pt;
    padding-top: 8pt;
    color: #bbbfc9;
    margin-left: 4pt;
  }

  .block_border {
    border: 0;
  }

  .title_item_thong_tin {
    width: 75%;
  }

  .nav_tai_lieu_duoc_xem {
    margin-left: 0;
  }

  .tin_tuc_su_kien {
    display: none;
  }

  .dropdown {
    display: block;
    padding-right: 5pt;
    padding-top: 5pt;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1020px) {
  .input_text_tim_kiem {
    width: 82% !important;
  }

  .form_tim_kiem {
    padding-top: 0;
  }

  .click_tim_kiem {
    height: 47px;
  }

  .d-none-block_search {
    display: none;
  }

  .title {
    margin-bottom: 2pt;
  }

  .title_content {
    margin-bottom: 12pt;
    margin-left: 12pt;
  }

  .slideBlock .carousel-control-next {
    margin-right: -7%;
  }

  .slideBlock .carousel-control-prev {
    margin-left: -7%;
  }

  .img_right_slide_show {
    width: 40%;
  }

  .text_right_slide_show {
    width: 60%;
  }

  .img_left_slide_show {
    width: 40%;
  }

  .text_left_slide_show {
    width: 58%;
  }

  .form_select_chi_tiet {
    width: 40%;
    height: 49px;
  }
}

@media only screen and (min-width: 1020px) and (max-width: 1111px) {
  .btn_dang_ky {
    display: none;
  }

  .img_left_slide_show {
    width: 30%;
  }

  .body_video_xem_nhieu {
    padding-bottom: 5pt;
    padding-top: 22pt;
    padding-left: 9pt;
    padding-right: 12pt;
  }

  #icon_tai_lieu_moi_len {
    display: none;
  }

  .title {
    height: 60px;
    padding-left: 7.43%;
    padding-right: 7.43%;
    padding-top: 6pt;
    margin-bottom: 5pt;
  }

  .icon_document {}

  .img_slide_show {
    max-width: 45%;
    margin-left: 10pt;
  }

  .tile_tai_lieu_moi_len {
    float: left;
    width: 98%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .text_left_slide_show {
    width: 69%;
  }

  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
    border: 0;
  }

  .content_slide_show {
    padding-left: 24pt;
    margin-top: -12pt;
    padding-top: 16pt;
  }

  .content_slide_show_right {
    padding-left: 24pt;
    margin-top: -19pt;
    padding-top: 16pt;
  }

  .block_side {
    margin-bottom: 4pt;
  }

  .xin_chao {
    font-size: 32px;
    line-height: 24px;
    padding-top: 0;
  }

  .banner {
    background-color: #07a2eb;
    padding-left: 7.43%;
    padding-right: 7.43%;
    background-image: url(Mask\ group.png);
    background-size: 100% auto;
  }

  .title_slide_show_left {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -2pt;
    color: #05113adb;
  }

  .content_slide {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 4pt;
    color: #5a6179;
  }

  .thoi_gian_tao_slide_show {
    font-size: 14px;
    line-height: 18px;
  }

  .slideBlock .carousel-control-prev {
    font-size: 22px;
    color: #75818f;
    margin-left: -7%;
    padding-top: 1%;
  }

  .slideBlock {
    padding-left: 7.43%;
    padding-right: 7.43%;
    position: relative;
  }

  .tai_lieu_star {
    width: 84%;
    margin-top: -5pt;
  }

  .img_right_slide_show {
    width: 30%;
  }

  .card_reponsive_object_thu_vien {
    margin-bottom: 12pt;
  }

  .card_footer_video_duoc_xem_nhieu_nhat {
    float: right;
    margin: -2pt -14pt 0pt 0pt;
  }

  .card_title_video_duoc_xem_nhieu {
    float: left;
    width: 97%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .tai_lieu_star {
    width: 50%;
    margin-top: -5pt;
  }

  .card_video_duoc_xem_nhieu_nhat {
    margin-bottom: 25px;
    box-shadow: 0 1px 25px rgb(69 65 78 / 15%);
    border-radius: 4px;
    background: #ffffff;
    border: 0;
  }

  .block_thong_tin_khac {
    background-color: #f3f6ff;
    padding-left: 7.43%;
    padding-right: 7.43%;
    margin-top: -8pt;
    /* padding-bottom: 20pt; */
  }

  .text_xem_tat_ca_thong_tin {
    float: left;
    color: var(--text-color-blue-tvs);


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding-top: 12pt;
    margin-left: -36%;
  }

  .text_footer_heading_video {
    float: left;
    width: 93%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
    margin-top: -4pt;
  }

  .text_right_slide_show {
    width: 69%;
  }

  .block_video_duoc_xem_nhieu_nhat {
    background-color: #f3f6ff;
    padding-left: 7.43%;
    padding-right: 7.43%;
    padding-top: 18pt;
    padding-bottom: 30pt;
  }

  .content_slide_show {
    padding-left: 24pt;
    margin-top: -19pt;
    padding-top: 16pt;
  }

  .title_slide_show {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -2pt;
    color: #05113adb;
  }

  .slideBlock .carousel-control-next {
    font-size: 22px;
    color: #75818f;
    margin-right: -7%;
    padding-top: 1%;
  }

  .icon_facebook {
    font-size: 25pt;
    padding-top: 8pt;
    color: #bbbfc9;
    margin-left: 4pt;
  }

  .block_border {
    border: 0;
  }

  .title_item_thong_tin {
    width: 100%;
  }

  .nav_tai_lieu_duoc_xem {
    margin-left: 0;
  }

  .tin_tuc_su_kien {
    height: 26px;
    padding-top: 28px;
    font-size: 14px;
    line-height: 20px;
    margin-left: -15pt;
  }

  .nav_tai_lieu_bo_suu_tap {
    margin-top: 0;
    margin-left: 0;
  }

  .text_xem_tat_ca_thong_tin {
    color: var(--text-color-blue-tvs);


    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding-top: 12pt;
    float: right;
  }

  .form_select_chi_tiet {
    width: 40%;
  }
}

@media only screen and (min-width: 1111px) and (max-width: 1336px) {
  .img_left_slide_show {
    width: 30%;
  }

  .input_text_tim_kiem {
    width: 88% !important;
  }

  .container-fluid.banner {
    min-height: 260px !important;
  }

  .block_inform_footer_2 {
    padding-left: 6%;
  }

  .title {
    padding-left: 7.43%;
    padding-right: 7.43%;
    padding-top: 3pt;
    margin-bottom: 0pt;
  }

  .text_left_slide_show {
    width: 69%;
  }

  .body_video_xem_nhieu {
    padding-bottom: 5pt;
    padding-top: 22pt;
    padding-left: 9pt;
    padding-right: 10pt;
  }

  .title_slide_show_left {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -2pt;
    color: #05113adb;
  }

  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
    border: 0;
  }

  .content_slide {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 4pt;
    color: #5a6179;
  }

  .thoi_gian_tao_slide_show {
    font-size: 14px;
    line-height: 18px;
  }

  .slideBlock .carousel-control-prev {
    font-size: 22px;
    color: #75818f;
    padding-top: 1%;
  }

  .slideBlock {
    padding-left: 7.43%;
    padding-right: 7.43%;
    position: relative;
  }

  .img_right_slide_show {
    width: 30%;
  }

  .text_right_slide_show {
    width: 69%;
  }

  .content_slide_show {
    padding-left: 24pt;
    margin-top: -12pt;
    padding-top: 16pt;
  }

  .title_slide_show {


    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: -2pt;
    color: #05113adb;
  }

  .slideBlock .carousel-control-next {
    font-size: 22px;
    color: #75818f;
    padding-top: 1%;
  }

  .icon_facebook {
    font-size: 25pt;
    padding-top: 8pt;
    color: #bbbfc9;
    margin-left: 4pt;
  }

  .block_border {
    border: 0;
  }

  .card_title_video_duoc_xem_nhieu {
    float: left;
    width: 92%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .card_footer_video_duoc_xem_nhieu_nhat {
    float: right;
    margin: -2pt -6pt 0pt 0pt;
  }

  .tai_lieu_star {
    width: 61%;
    margin-top: -5pt;
  }

  .tile_tai_lieu_moi_len {
    float: left;
    width: 96%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
  }

  .text_footer_heading_video {
    float: left;
    width: 78%;
    margin-bottom: -4pt;
    letter-spacing: 1px;
    margin-top: -4pt;
  }

  .block_video_duoc_xem_nhieu_nhat {
    background-color: #f3f6ff;
    padding-left: 7.43%;
    padding-right: 7.43%;
    padding-top: 18pt;
    padding-bottom: 40pt;
  }

  .tile_link {
    word-break: break-word !important;
  }

  .title_content {
    margin-bottom: 12pt;
    word-break: break-word !important;
    /* margin-left: 12pt; */
    /* margin-top: -2pt; */
  }

  .form_select_chi_tiet {
    width: 40%;
  }
}

@media only screen and (min-width: 1336px) and (max-width: 1600px) {
  .button_tai_lieu_moi_dua_len {
    margin-top: 15pt;
    border: 0;
  }

  .title {
    padding-left: 7.43%;
    padding-right: 7.43%;
    padding-top: 13pt;
    margin-bottom: 0pt;
  }

  .block_inform_footer_2 {
    padding-left: 15%;
  }

  .icon_facebook {
    margin-left: -1pt;
  }

  .title_video {
    width: 83%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #05113adb;
  }

  .card_footer_video_duoc_xem_nhieu_nhat {
    float: right;
    margin: -42pt -6pt 0pt 0pt;
  }

  .text_right_slide_show {
    width: 75%;
  }

  .img_right_slide_show {
    width: 25%;
  }

  .img_left_slide_show {
    width: 25%;
  }

  .text_left_slide_show {
    width: 74%;
  }

  .slideBlock {
    margin-bottom: 10pt;
  }

  .form_select_chi_tiet {
    width: 40%;
  }

  .display-block-none-hearder {
    display: none !important;
  }
}

.block_heading_nav .modal {
  overflow: auto;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--text-color-blue-tvs) !important;
  color: #fff !important;
}

.loggedUi:hover,
.block_avatar:hover,
.imgVectorBlackBottom:hover,
.img_logo_combined:hover,
.img_logo_edu:hover {
  cursor: pointer;
}

.container-fluid.content-document,
.container-fluid.block_the_loai, .container.block_the_loai {
  min-height: 20px;
  position: relative;
  top: -60px;
  margin-bottom: 30px;
}

.container-fluid.block_the_loai.down {
  top: 0 !important;
}

.container.block_the_loai.down {
    top: 0 !important;
}

@media only screen and (min-width: 1400px) {

  /**
  *TuyenTX1402
  *
  */
  .style_social {
    display: grid;
  }

  .display-block-none-hearder {
    display: none !important;
  }

  .title {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    height: 40px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .pc.share-social {
    zoom: 0.8;
  }

  .menu_nav_pc .block_heading_nav {
    margin-right: 0;
  }

  .heading_reponsive {
    height: 60px;
  }

  .arrow-switch.prev-in-list {
    left: -10px !important;
  }

  .menu_nav_pc {
    visibility: hidden !important;
  }

  .arrow-switch.next-in-list {
    right: -10px !important;
  }

  .content-player .content-viewer {
    width: 90% !important;
  }

  .imgVectorBlackBottom {
    width: 15px;
    margin-right: -8px;
    margin-left: 6px;
  }

  .img_logo_combined {
    display: block;
  }

  .d-none-block {
    display: block;
  }

  .d-name-school {
    padding-top: 0;
  }

  .nav_link_c {
    margin-top: 0pt;
  }

  .display_block_button {
    display: none;
  }

  .menu_nav_pc .item-menu {
    display: none;
  }

  .text_user_name_avatar {
    display: none;
  }

  .menu-cate-mobile {
    z-index: 1 !important;
    position: relative !important;
    background-color: #fff;
  }

  .menu_mobile_item {
    padding: 8px !important;
    cursor: pointer;
  }

  .item-menu-mobile {
    color: #05113a !important;
  }

  .block_item_book {
    margin-top: 2%;
  }

  .menu-cate-mobile {
    /* transform: unset !important; */
    /* position: fixed !important; */
    border-radius: unset;
    top: -4px !important;
    left: -1px !important;
    width: 101%;
    height: 100% !important;
    padding-top: 20px;
  }

  .dropdown-menu.menu-cate-mobile.show {
    transform: unset !important;
    position: fixed !important;
    border-radius: unset;
    top: -4px !important;
    left: -1px !important;
    width: 101%;
    height: 100% !important;
    padding-top: 40px;
  }

  .dropdown-menu.profile-cate.show {
    transform: unset !important;
    position: fixed !important;
    border-radius: unset !important;
    top: -4px !important;
    right: -1px;
    will-change: unset;
    height: 101% !important;
    padding-top: 40px;
    width: 101%;
  }

  .group_input_search {
    width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .block-info-cate {
    text-align: center;
    margin: 0 auto;
  }
  .block_muc_tai_lieu_moi_dua_len {
    padding: unset !important;
  }
  .content-player .content-viewer {
    width: 100% !important;
  }

  .arrow-next {
    opacity: 1 !important;
    margin-left: 3px;
  }

  .arrow-prev {
    opacity: 1 !important;
    margin-left: 98px;
  }

  .arrow-switch {
    height: 150px;
    width: 150px;
    padding: 50px 0;
    transition: all 0.1s ease-in-out;
  }

  .arrow-switch.next-in-list {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    right: -110px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease-in-out;
  }

  .arrow-switch.prev-in-list {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    left: -110px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  }

  .arrow-switch.next-in-list:hover,
  .arrow-switch.prev-in-list:hover {
    background: rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (min-width: 1200px) {
  .btn-closed-menu {
    display: none;
  }
}

.group_input_search {
  width: 70%;
  position: relative;
  margin: 0 auto;
}

.group_input_search .img_icon_delete {
  position: absolute;
  right: 52px;
  top: 16px;
}

.group_input_search .click_tim_kiem {
  position: absolute;
  right: -2px;
}

.block_form {
  width: 100%;
}

.input_search {
  width: 100%;
  height: 47px;
  text-align: left;
  border-radius: 4px 0 0 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  background-color: #fff;
  background-clip: none;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 14px 20px;
}

.btn-closed-menu {
  position: absolute;
  right: 12px;
  top: 0;
  width: 34px;
}

.btn-closed-menu.logo {
  position: absolute;
  left: 5px;
  top: 0;
  width: 34px;
}

.btn-closed-menu.icon-delete {
  position: absolute;
  right: -3px;
  top: 0;
  width: 34px;
}

.btn-closed-menu.icon-delete img {
  top: 20px;
  width: 20px;
  padding: 13px 2px;
}

.btn-closed-menu.logo img {
  top: 20px;
  width: 100%;
  padding: 5px 2px;
}

/**
PLAYER DEMO
**/
.container-fluid.player-new {
  background-color: #0a65b7;
  margin: 0 auto;
  width: 100%;
}

.nav-bar-player {
  background-color: #e0e6f9;
  height: 48px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 100000;
  position: relative;
}

.nav-bar-player.top .panel-left {
  margin: 0;
  text-align: center;
  line-height: 48px;
  height: 100%;
  width: 36px;
}

.nav-bar-player.top .panel-center {
  margin: 0 auto;
  text-align: center;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: calc(100% - 200px);
}

.nav-bar-player.top .panel-right {
  margin: 0;
  text-align: center;
  width: auto;
}

.content-player .content-viewer {
  width: 66%;
  margin: 0 auto;
  position: relative;
  height: calc(100vh - 48px);
}

.btn-close-player {
  background-image: url("/assets/img/iminimize-closed.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin-top: 12px;
  display: inline-block;
}

.icon-player {
  width: 40px;
  height: 48px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  margin: 0;
  zoom: 0;
  cursor: pointer;
}

.icon-player.icon-send-comment {
  background-image: url("/assets/img/sendcomment.png");
  background-size: 35px;
  position: relative;
  top: 5px;
}

.icon-player.icon-search {
  background-image: url("/assets/img/iconDelete3.png");
}

.icon-player.icon-zoom-in {
  background-size: 48px;
  background-image: url("/assets/img/iminimize.png");
}

.icon-player.icon-zoom-in.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.icon-player.icon-zoom-out {
  background-size: 48px;
  background-image: url("/assets/img/iminimizeTru.png");
}

.icon-player.icon-zoom-out.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.icon-player.icon-sizing {
  background-image: url("/assets/img/iconDelete3.png");
}

.icon-player.icon-bookmark {
  background-image: url("/assets/img/iconDelete3.png");
}

.icon-player.icon-full-screen {
  background-image: url("/assets/img/iconZoom.png");
  background-size: 30px;
}

.icon-player.icon-tasklist-chapter {
  background-image: url("/assets/img/icon-tasklist-chapter.png");
  background-size: 30px;
}

.nav-bar-player.bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.nav-bar-player.bottom .chapter {
  margin: 3px auto;
  width: 50%;
}

#toc {
  width: 100%;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 2px;
  -moz-padding-start: 2px;
  border: 2px solid #f3f6ff;
  border-radius: 4px;
  box-shadow: 0 1px 3px #f3f6ff;
  color: #000;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #e0e6f9;
  margin-top: 8px;
  cursor: pointer;
}

.player-new {
  background: #0a65b7;
}

.arrow-switch {
  position: fixed;
  font-size: 36px;
  top: 50%;
  z-index: 1000;
}

.arrow-switch.prev-in-list {
  left: 10%;
}

.arrow-switch.next-in-list {
  right: 10%;
}

.arrow-prev {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  background-position: center;
  cursor: pointer;
  background-image: url("/assets/img/Arrow-Left.png");
  opacity: 0.3;
  transition: all 100ms ease-in-out;
}

.arrow-next {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  background-position: center;
  cursor: pointer;
  background-image: url("/assets/img/Arrow-Right.png");
  opacity: 0.3;
  transition: all 100ms ease-in-out;
}

.arrow-next:hover,
.arrow-prev:hover {
  opacity: 1;
}

.player-new .action-list {
  float: right;
  position: relative;
  height: 48px;
}

#anchor-chapter-panel {
  position: absolute;
  right: 0;
  width: 300px;
  height: 100%;
  background-color: #fff;
  z-index: 1001;
  top: 0;
  padding: 0 10px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
  height: calc(100vh - 48px);
  box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.1);
  transition: right 0.5s ease-in-out;
}

#anchor-chapter-panel.panel-hidden {
  right: -300px;
  height: 0;
}

.muc-luc-title-panel {
  border-bottom: 1px solid #000;
}

#anchor-chapter-panel ul {
  padding: 5px;
}

#anchor-chapter-panel ul li {
  padding: 10px 0;
  border-bottom: 1px solid #cdd7e7;
  cursor: pointer;
}

#anchor-chapter-panel ul li:last-child {
  border-bottom: none;
}

#anchor-chapter-panel ul li:hover,
#anchor-chapter-panel ul li.active {
  color: #007bff;
}

.chapter-list-panel {
  max-height: calc(100vh - 150px);
}

.li-book {
  padding: 4px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #f8f9fa;
  transition: all 0.3s ease;
  border-left: 4px solid transparent;
  cursor: pointer;
}

/* Dòng chẵn */
.li-book:nth-child(even) {
  background-color: #fff;
  border-left: 4px solid #e9ecef;
}

/* Dòng lẻ */
.li-book:nth-child(odd) {
  background-color: #f8f9fa;
  border-left: 4px solid #f1f3f5;
}

.li-book:hover {
  background-color: #e9ecef;
  transform: translateX(5px);
  border-left: 4px solid var(--text-color-blue-tvs);
}

.li-book.active {
  background-color: #e7f5ff;
  border-left: 4px solid var(--text-color-blue-tvs);
}

.book-title {
  padding: 8px 4px;
  display: block;
  color: #495057;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px; /* Giới hạn chiều rộng tối đa */
}


.book-title:hover {
  color: var(--text-color-blue-tvs);
}

.book-title.active {
  color: var(--text-color-blue-tvs);
  font-weight: 600;
}

/* Custom scrollbar cho chapter-list-panel */
.chapter-list-panel::-webkit-scrollbar {
  width: 6px;
}

.chapter-list-panel::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.chapter-list-panel::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.chapter-list-panel::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.circle-anchor {
  height: 0;
  background: red;
  width: 360px;
  position: relative;
  cursor: pointer;
}

.circle-anchor::after {
  background-color: #fff;
  background-image: url(/assets/img/MuiTenRight.png);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  left: -45px;
  top: 0;
  width: 35px;
  height: 70px;
  border-radius: 150px 0 0 150px;
}

.li-book {
  position: relative;
}

.li-book .book-title {
  margin-left: 5px;
  margin-bottom: 0;
  font-weight: 600;
  cursor: pointer;
}

.li-book .book-title:hover,
.li-book.active,
.li-book .book-title.active,
.li-book.active .book-title {
  color: var(--text-color-blue-tvs);
}

.content-player {
  position: relative;
  width: 100%;
}

#offfice-player,
#media-player,
#image-player {
  display: flex;
  width: 100%;
  height: calc(100vh - 48px);
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 600px) {
  .search-collectionDetail {
    padding-bottom: 0 !important;
    margin: unset;
  }

  .dash-mobile {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #footer-reponsive {
    padding-left: 0;
    padding-right: 0;
  }

  .text-item-ref {
    padding: 0;
  }

  .search-home {
    padding-bottom: unset;
  }

  .container-fluid.banner.banner-home {
    min-height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .container-fluid.banner.category-page {
    min-height: unset !important;
    padding-bottom: 25px !important;
  }

  .container-fluid.banner.book-list-page {
    min-height: unset !important;
    padding-bottom: 15px !important;
  }

  .container-fluid.content-document,
  .container-fluid.block_the_loai {
    top: 14px;
  }

    .container.block_the_loai {
        top: 14px;
    }

  .search-collectionDetail .block_search_reponsive {
    padding-bottom: 18px;
    padding-left: unset;
  }

  #anchor-chapter-panel {
    right: 0;
  }

  .top-thong-ke {
    display: none;
  }

  .card_hearder_object_thu_vien_so .card_chu_de a {}

  #vue-pdf-embed {
    margin-top: 40%;
  }

  .nav-user li.no-login {
    width: 110px;
    margin: 0 2px;
    zoom: 0.8;
  }

  .nav-user li {
    width: 38px;
    margin: 0 2px;
  }

  .nav-user.logged li {
    width: 84px;
  }

  .nav-user li a {
    width: 100px;
  }

  .xem_tai {
    font-size: 12px !important;
  }

  .font_name_so {
    font-size: 12px !important;
  }

  .font_name_logo {
    font-size: 16px;
  }

  /* TuyenTX_07/04/2023
  Xac nhap file custom1 vao custom */
  .d-block-error {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .img_error {
    width: 260px;
    height: 180px;
  }

  .text_khong_tim_trang {
    font-size: 22px;
  }

  .text_thong_bao_error_page {
    font-size: 12px;
  }

  .d-block-text-error {
    padding-top: 15px;
  }

  .d-block-text-message {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1800px) {

  /* TuyenTX_07/04/2023
  Xac nhap file custom1 vao custom */
  .dropdown-menu.show {
    display: block;
    transform: translate3d(400px, 54px, 0);
    /* !important; */
  }
}

.hidden {
  display: none;
}

.arrow-show-chapter {
  position: absolute;
  right: 8px;
  font-size: 18px;
  top: -17px;
  padding: 20px;
  cursor: pointer;
}

.arrow-show-chapter:hover {
  color: var(--text-color-blue-tvs);
}

.menu-pc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #05113adb;
}

.menu-pc li {
  float: right;
}

.menu-pc li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu-pc li a:hover {
  background-color: #111;
}

.nav-user {
  display: flex;
  flex-direction: inherit;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.nav-user.logged li {
  margin-right: 20px;
}

.nav-user li {
  padding-top: 15px;
  padding: 0 2px;
}

.menu_nav_pc li {
  margin: 0 15px;
}

.menu_nav_pc .block_heading_nav {
  margin-right: 0;
}

#carouselExampleIndicators .row .item-first {
  padding-top: 0;
}

.content-player.video .book-title.active,
.content-player.html .book-title.active {
  color: #05113adb;
}

.content-player.video.office {
  width: 100% !important;
}

.title-ket-qua-tim-kiem {
  position: relative;
  display: block;

  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
  color: #00ff21;
  padding-left: 18px;
}

.search-collectionDetail {
  padding-bottom: 25px;
  margin: unset;
}

.search-collectionDetail a {
  margin: unset;
  color: var(--text-color-blue-tvs);
}

.search-collectionDetail .text_tu_khoa_noi_bat_label_detail {
  color: #a0d5ff;
}

.search-collectionDetail .block_search_reponsive {
  padding-bottom: 18px;
  padding-left: unset;
}

.phan-cach-view {
  border-bottom: 1px solid #e0e6f9;
  margin: 0 2px;
  display: inline;
}

.icon_login {
  margin-bottom: 2px;
}

.button_social {
  background: #ffffff;
  border: 1px solid var(--text-color-blue-tvs);
  border-radius: 4px;
  height: auto;
}

#alert-system.alert {
  position: fixed;
  z-index: 99999;
  border: unset;
  right: 25px;
  bottom: 10px;
  padding: 10px;
  max-width: 480px;
}

.site-demo {
  transform: rotate(-90deg);
  position: fixed;
  z-index: 99999;
  background-color: #38b30fd6;
  color: white;
  padding: 3px 10px;
  border-radius: 4px;
  bottom: 75px;
  left: -36px;
  text-transform: uppercase;
  font-size: 14px;
}

.book-relation-row {
  margin-bottom: 7px;
}

#audoPlayer {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  border-radius: 32px;
}

.title-player {
  font-size: 14px;

  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.img_logo_edu {
  width: auto;
  height: 50px;
  object-fit: contain;
  object-position: center;
}

.d-name-school {
  margin-left: 10px;
}

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

.sub_menu .dropdown-item {
  font-size: 16px;
  color: #05113adb;
  font-weight: 600;
  padding: 5px 13px;
}

.icon-bell {
  padding: 0 8px 0 16px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: var(--text-color-blue-tvs);
}

.bell_btn {
  position: relative;
  padding: 0;

  border: none;
}

.nav_modal .dang_ky,
.dang_ky,
.nav_modal .dang_nhap,
.dang_nhap {
  top: 0;
  bottom: 0;
  margin-left: 10pt;
  margin-top: 0;
}

.btn.dang_ky,
.btn.dang_nhap {
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.dang_ky .text_dang_ky {
  font-size: 14px;
}

.btn.dang_ky:hover .text_dang_ky {
  color: #ffffff;
}

.btn.dang_ky:hover {
  background-color: var(--text-color-blue-tvs);
}

.btn.dang_nhap {
  margin-left: 12px;
}

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

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

.tin_tuc_su_kien,
.nav_link_c {
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 22px;
}

.block_heading_nav .nav-link {
  padding: 6px 12px;
  font-size: 16px;
  line-height: 22px;
}

.img_vach_ngan {
  margin-top: 0;
}

.nav_btn button {
  display: none;
}

.nav_modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  z-index: 9999;

  display: none;
  will-change: opacity;
  animation: fadeIn 0.35s ease;
}

.nav_modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../test_thu_vien_so_files/bg-modal.png");
  opacity: 0.8;
  z-index: -1;
}

.nav_modal.show {
  display: block;
}

.nav_content {
  width: 60%;
  height: 100%;
  background: white;
  overflow-y: scroll;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  box-shadow: 0 2px 4px 0 #a7abc34d;
}

.nav_content::-webkit-scrollbar {
  width: 0;
}

.nav_header {
  padding: 10px 15px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  box-shadow: 0 2px 4px 0 #a7abc34d;
}

.close_btn {
  margin-left: 6px;
}

.nav_wrap {
  padding: 4px 15px;
  display: flex;
  flex-direction: column;
}

.nav_wrap .nav-item {
  position: relative;
  padding: 6px 0;
}

.nav_wrap .nav-item a {
  color: #05113adb;
  text-decoration: none;

  display: block;
}

.nav_wrap .nav-item a:hover {
  color: #0062cc;
}

.nav_wrap .nav-item.nav_title {
  font-weight: 700;
}

.nav_wrap a.sub-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-right: 12px;
}

.nav_wrap .sub-btn .sub-icon {
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

.nav_wrap .sub-btn .sub-icon.rotate {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.sub-menu {
  display: none;
}

.sub-menu.show {
  display: block !important;
  padding-top: 5px;
}

.sub-menu.show .dropdown-item {
  padding-left: 10px;
}

.separator {
  width: 100%;
  height: 1px;
  background: #e0e6f9;
}

.my-badge {
  position: absolute;
  top: -1px;
  right: 11.5%;
  width: 8px;
  height: 8px;
  background: #f38020;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.nav_modal .my-badge {
  top: -1px;
  right: 11.5%;
}

.nav_modal .icon-bell {
  display: flex;

  padding-right: 0;
  margin-right: 0;
}

.nav_modal .imageTicketDocument {
  width: 21px !important;
}

.block_notify {
  padding: 0;
  margin: 16px 0 0 0;

  max-width: 375px;
  max-height: 420px;

  overflow-y: auto;
}

.block_notify .dropdown-item {
  padding: 12px;
  background-image: url("./bg-notify.png");
  white-space: unset !important;
  border-bottom: 1px solid #efefef;
}

.block_notify .dropdown-item.active {
  background: #ffffff !important;
}

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

.notify_image {
  width: 36px;
  height: 36px;
  background-color: #f1f1f1;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
}

.notify_image img {
  width: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
}

.notify_title {

  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  color: #05113adb;
  margin-bottom: 0;
}

.scrollbar {
  overflow: auto;
}

.notify_text-container {
  width: 250px;
  overflow: hidden;
}

#block_notify::-webkit-scrollbar,
#main-body::-webkit-scrollbar {
  width: 7px;
}

#block_notify::-webkit-scrollbar:hover,
#main-body::-webkit-scrollbar:hover {
  cursor: pointer;
}

#block_notify::-webkit-scrollbar-track,
#main-body::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #e7e7e7;
  border: 1px solid #cacaca;
}

#block_notify::-webkit-scrollbar-track:hover,
#main-body::-webkit-scrollbar-track:hover {
  cursor: pointer;
}

#block_notify::-webkit-scrollbar-thumb:hover,
#main-body::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}

#block_notify::-webkit-scrollbar-thumb,
#main-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: var(--text-color-blue-tvs);
}

div::-webkit-scrollbar-track {
  border-radius: 8px;
}

div::-webkit-scrollbar-thumb {
  background-color: var(--text-color-blue-tvs);
}

div::-webkit-scrollbar {
  width: 7px;
  border-radius: 8px;
}

.notify_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #05113adb;
  overflow: hidden;
}

.notify_time {

  font-weight: 400;
  font-size: 9px;
  line-height: 26px;
  text-transform: uppercase;
  color: #5a6179;
}

.avt_user {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.avt_user img {
  width: 100%;
  height: 100%;
  object-position: center;
  border-radius: 50%;
}

.name_user {
  font-weight: 600;
  line-height: 22px;
  color: #05113adb;

  margin: 0 8px;
}

.nav_user {
  top: 10px !important;
}

.nav_user .dropdown-item {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
}

.nav_user_modal {
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: 76vh;

  z-index: 10;

  background: transparent;

  display: none;
  align-items: end;

  will-change: opacity;
  animation: fadeIn 0.35s ease;
}

.nav_user_modal.show {
  display: flex;
}

.nav_user_content {
  position: relative;
  width: 99%;
  margin: 0 auto;
  height: 68%;
  background: white;
  border: 2px solid var(--text-color-blue-tvs);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

.nav_user_header {
  padding: 8px 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.nav_user_header .avt_user {
  width: 28px;
  height: 28px;
}

.nav_user_content .nav_wrap {
  padding: 0 20px;
}

.nav_user_content a {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
}

.nav_user_close_btn {
  position: absolute;
  top: 0;
  right: 0;
}

.nav_content::-webkit-scrollbar {
  width: 0;
}

.separator-pc {
  border: 1px solid #e4e4e4;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .nav_btn button {
    display: block;
  }

  .tin_tuc_su_kien {
    display: none;
  }

  .nav_link_c {
    display: none;
  }

  .img_vach_ngan {
    display: none;
  }
}

@media only screen and (max-width: 684px) {
  #block_notify {
    transform: translate3d(90px, 34px, 0) !important;
  }

    .img_logo_edu, .nav_modal .img_logo_edu {
    max-width: 300px;
    height: 40px;
    object-position: left;
    }

  .nav_modal .img-logo-outer {
    height: 40px;
  }

  .nav_content {
    width: 84%;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  }

  .btn.dang_nhap {
    margin-left: 8px;
  }
}

@media only screen and (min-width: 567px) and (max-width: 648px) {

.dang_nhap,
.dang_ky {
    display: none !important;
  }
}

@media only screen and (max-width: 468px) {
  .nav_content {
    width: 100%;
  }
}

@media only screen and (max-width: 400px) {

  .dang_nhap,
  .dang_ky {
    width: 90px;
    height: 28px;
    font-size: 12px;
  }

  .btn.dang_ky {
    display: none;
  }
}

@media only screen and (min-width: 900px) {
  .container-fluid {
    padding-left: 7.43%;
    padding-right: 7.43%;
  }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1520px;
    }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Bộ lọc tìm kiếm */

.block_search_filter {
  font-family: 'InterBold', 'Courier New', Courier, monospace;
  padding-bottom: 16px;
  padding-top: 16px;


  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
}

.search_results {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search_keyword {
  margin-left: 6px;
  font-weight: 600;
}

.search_count {
  font-weight: 600;
}

.filters {
  padding-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 24px;

  font-size: 14px;
}

.filter_btn {
  margin-right: 8px;
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid var(--text-color-blue-tvs);
  border-radius: 2px;
  white-space: nowrap;

  position: relative;
}

.filter_btn .my-badge {
  top: -4px;
  right: -4px;
  width: 8px;
  height: 8px;
}

.filters .option .dropdown-menu {
  margin-top: 10px;
  max-height: 260px;
  overflow-y: auto;
}

/* .filters .option .dropdown-menu::-webkit-scrollbar {
  border-radius: 0;
  width: 12px;
}

.filters .option .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.25);
}

.filters .option .dropdown-menu::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
} */

.filters .option .dropdown-menu .dropdown-item {
  padding-top: 6px;
  padding-bottom: 6px;
}

.filter_btn .icon {
  padding-right: 6px;
}

.filters .option .icon {
  padding-left: 6px;
}

.filters .option .dropdown-item {
  display: flex;
  align-items: center;
}

.filters .option input[type="checkbox"] {
  margin-right: 12px;
  width: 14px;
  height: 14px;
}

.chosen_count {
  color: #0069d9;
}

.filter_values {
  margin-bottom: 0;
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: start;
}

.filter_values .value {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background: rgba(7, 103, 177, 0.15);
  border-radius: 9999px;
}

.filter_values .value .btn {
  line-height: 0.5;
  margin-left: 6px;
}

.btn.delete_all {
  margin-left: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #0069d9;
  text-decoration: underline;
  white-space: nowrap;
}

.btn.delete_all:hover {
  color: #0056b3;
}

@media only screen and (max-width: 900px) {
  .block_search_filter {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}

.animated-background {
  position: relative;
}

.animated-background:before {
  content: " ";
  display: block;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  position: absolute;
  width: 100%;
  height: 100%;
}

/* thanhanm99 bo sung css */
.nomal_weight {
  font-weight: 500 !important;
}

/*thanhnam99 end */

/* hungnd chuyển tất cả css inline về đây */
.filter-box {
  display: none !important;
}

::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #05113a;
}

input::-webkit-input-placeholder {
    color: #5A6179;
    font-weight: 400 !important;
    opacity: 1;
}

.button_dang_nhap_disable {
  color: #fff !important;
  cursor: none !important;
}

/* epub player */
.content-player-epub .content-viewer {
  background: #fff;
}

/* pdf player */
.content-player.pdf {
  margin: 0;
  width: 100%;
}

.pdfviewer-dflip-outer {
  background: #0a65b7;
}

#content-viewer-pdf {
  width: 100%;
  height: calc(100vh - 55px);
}

/* scorm player */
.scorm-player {
  margin: 0
}

.panel-scorm {
  right: -15px !important;
}

/* xapi player */
.xapi-player {
  margin: 0
}

#content-viewer-xapi {
  width: 100%;
  height: calc(100vh - 55px);
}

#frame_reader iframe {
  height: calc(3/4 * 100%);
}

.button_sua_ho_so_letter.disable {
  color: #fff !important;
  cursor: none !important;
}

.button_sua_ho_so_request.disable,
.button_sua_ho_so_form.disable {
  color: #fff !important;
  cursor: none !important;
}


.tim_kiem_nang_cao .reset {
  border: 1px solid rgba(128, 144, 158, 0.36);
  border-radius: 4px;
}

.tim_kiem_nang_cao .reset span {

  font-weight: 600;
  font-size: 14px;
  color: rgb(5, 17, 58);
}

.tim_kiem_nang_cao .left {
  float: left;
}

.tim_kiem_nang_cao .right {
  float: right;
}

.search_keyword .xoa-key-search {
  position: relative;
  top: -2px;
}

.watch-processing {
  position: relative;
  top: -3px;
}

.block_main_page_tin_tuc .tim_kiem_nang_cao {
  display: none;
}

.block-confirm-datatruoc {
  top: 32%;
}

/***
setting modal
***/
.modal {
  padding-right: unset !important;
  position: fixed;
  top: 10px;
}

.table {
  border: 1px solid rgba(168, 179, 191, 0.2);
}

.block-confirm-datatruoc .modal-content {
  margin: 0 auto;
  max-width: 480px;
}

.block-confirm-datatruoc .button-cf {
  padding-top: 5px;
}

#borrowDocumentOnlineModal .nav-tabs {
  border-bottom: none;
}

.borrowDocumentOnlineForm label {
  font-size: 14px;
  font-weight: none;
}

.borrowDocumentOnlineForm.card {
  padding-top: 6px;
}

.bl-dattruoc {
  position: relative;
}

.total-dattruoc {
  position: absolute;
  font-weight: bold;
  font-size: 12px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  top: 0;
  right: 7px;
  background-color: #ff8100;
  color: white;
  text-align: center;
  border: 1px solid;
}

.table-borrowed .text_label_form_book {
  min-width: 80px;
}

#borrowDocumentOnlineModal .text-required {
  font-size: 13px;
  font-weight: normal;
}

/**
loading header
**/
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

.tab-bst-canhan .nav-pills {
  margin: 0 auto;
  margin-bottom: 18px;
}

.tab-bst-canhan .nav-pills .nav-link {
  border: 0;
  border-radius: unset;
  cursor: pointer;
  background-color: #e0e6f9;

  font-weight: 600;
  font-size: 14px;
}

.tab-bst-canhan .nav-pills .nav-link.active {
  background-color: var(--text-color-blue-tvs);
}

.tab-bst-canhan .nav-link.left {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}

.tab-bst-canhan .nav-link.right {
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
}

.nav-tabs {
  border: unset;
}

.policy-contribute {
  border: 1px solid #d1dced;
  padding: 4px 8px;
  border-radius: 4px;
}

.nav-tabs-page.favourite-tab .nav-link {
  border-bottom: 3px solid #e7e7e7;
}

.share-social {
  margin-top: 13px;
  margin-left: -7px;
}

.book-head .share-social {
  width: 100%;
  margin-left: 9px !important;
}

.moi_nhat {
  margin-top: 17px;
}

.card_body_object_thu_vien_so .dem_nguoi_xem {
  font-size: 12px;
  color: #888;
  padding-left: 0;
}

.logo_auth_fixed_bottom {
  position: fixed;
  bottom: 100px;
}

.box-tag {
  border-radius: 20px;
  padding: 1px 10px;
  border: 1px solid var(--text-color-blue-tvs)e0;
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  background-color: var(--text-color-blue-tvs)e0;
  color: white;
}

.box-tag a {
  color: white;
}

@media only screen and (max-width: 480px) {
  .block_heading_nav {
    zoom: 0.9;
  }

  .d-sm-block {
    width: 135px;
  }
}

/* select options */
.multiselect__element {
  font-size: 12px;
}

.multiselect__input,
.multiselect__single {
  font-size: 12px;
}

.block_publication_not_found {
  background-color: #f3f6ff;
  padding-bottom: 16px;
  padding-top: 16px;
}

.container_publication_not_found {
  padding: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #05113adb;
  border-radius: 4px;
  box-shadow: 0 1px 25px 0 #45414e26;
  background-color: #ffffff;
}

.checkbox-dangnhap {
  margin-bottom: 8px;
}

.checkbox-dangnhap input,
.checkbox-dangnhap span {
  display: inline;
  font-size: 12px !important;
}

.checkbox-dangnhap .checkbox-item {
  position: relative;
  top: 2px;
  display: inline;
  width: 16px;
  zoom: 1.3;
  margin-right: 5px;
}

#idConfirmOpenDocumentLink .link_lien_ket_ngoai,
#idConfirmOpenDocumentLinkMobile .link_lien_ket_ngoai {
  color: #0062cc;
  display: inline-block;
  width: 92%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

#idConfirmOpenDocumentLink .modal-body,
#idConfirmOpenDocumentLinkMobile .modal-body {
  font-size: 14px;
}

#idConfirmOpenDocumentLink .modal-body .us,
#idConfirmOpenDocumentLinkMobile .modal-body .us {
  font-size: 12px;
}

#idConfirmOpenDocumentLink button.btn,
#idConfirmOpenDocumentLinkMobile button.btn {
  width: 100%;
}

.icon-trinhdo {
  padding: 2px;
  font-size: 10px;
  font-weight: 600;
  color: white;
  border-radius: 4px;
  margin-right: 4px;
  position: relative;
  top: -3px;
}

/**
mã màu quy định cấp độ
**/
.color_tddf {
  background-color: #fff;
}

.color_td1 {
  background-color: #008000;
}

.color_td2 {
  background-color: #FF0000;
}

.color_td3 {
  background-color: #FFA500;
}

.color_td4 {
  background-color: #bcbcbc;
}

.color_td5 {
  background-color: #0000FF;
}

.color_td6 {
  background-color: #dbdb00;
}

/** bts cha ..**/
.container-fluid.block_the_loai.bts-cha {
  top: 17px !important;
}

.container.block_the_loai.bts-cha {
    top: 17px !important;
}

.block-marc21 {
  font-size: 14px;
}

.block-social-auth {
  display: flex;
  justify-content: center;
  justify-items: center;
}

#thuvienlienket {
  background-color: var(--text-color-blue-tvs);
  border-color: var(--text-color-blue-tvs);
}

.btn-custom {
  border-radius: 3px;
  font-size: 10px;
  margin: 8px auto;
  text-align: center;
  cursor: pointer;
}

.handle_file_type {
  zoom: 1.8;
}

.title_item_detail_category.support.active {
  border-bottom: 2px solid;
}

.menu-suport {
  display: flex;
  padding-top: 10px;
  justify-content: center;
}

.menu-suport .support {
  line-height: 54px;
  margin-right: 16px;
  font-size: 24px;
  border-bottom: 2px solid;
}

@media only screen and (max-width: 768px) {
  .title_item_detail_category.support {
    display: flex;
  }
}

.body-contact {
  justify-content: center;
}

.formAdvancedBook .checkbox-list {
  text-align: center;
  display: flex;
  justify-content: space-evenly;
}

.logout-inline-checkbox {
  position: absolute;
}

.logout-inline-agree {
  position: absolute;
  left: 41px;
}

.table-pfile {
  overflow: scroll;
  max-width: 100%;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.multiselect__content-wrapper {
  position: relative;
}

.soundtrack {
  position: fixed;
  bottom: 45px;
  right: 10px;
  background-color: var(--text-color-blue-tvs);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  width: 28px;
  height: 28px;
  opacity: 0.3;
}

.soundtrack:hover {
  background-color: var(--text-color-blue-tvs);
  color: var(--text-color-blue-tvs);
  opacity: 1;
}

.color-red {
  color: red;
}

.position-contact-btn {
  position: absolute;
  right: 0;
  margin-right: 15px;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.height-500 {
  height: 500px !important;
}

.justify-content-left {
  justify-content: left !important;
}

.justify-content-right {
  justify-content: right !important;
}

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

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

.padding-left-10 {
  padding-left: 10px;
}
.padding-left-30 {
  padding-left: 30px;
}

.padding-right-10 {
  padding-right: 10px;
}
.padding-right-30 {
  padding-right: 30px;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.padding-0 {
  padding: 0 !important;
}
.width-5 {
  width: 5% !important;
}

.padding-button-5 {
  padding-top: 5%;
}

.top-auto {
  top: auto !important;
}

.height-100-percent {
  height: 100%;
}

.display-flex {
  display: flex;
}

.content-left {
  justify-content: left;
}

.margin-right-5 {
  margin-right: 5px;
}

.title-annoucement {
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 15px;
}

.font-size-14 {
  font-size: 14px;
}

.modal-annoucement {
  margin: auto;
  width: 50%;
  top: 25%;
}

.font-size-25 {
  font-size: 25px;
}

.multiple-select-style {
  font-size: 13px;
}

.new-green {
  width: 10px;
  height: 10px;
  background-color: #28a745; /* xanh lá */
  border-radius: 50%;
  display: inline-block;
}

.bold {
  font-weight: bold;
}

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

.pointer {
  cursor: pointer;
}

.item-hot-filter {
  border-radius: 4px;
  padding: 4px 8px;
  background-color: #0e6db1;
  font-size: 12px;
  font-weight: 500;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;

}

.hack-height-filter {
  height: 100px;
}
.content-center {
  display: flex !important;
  justify-content: center !important;
}
.w-100 {
  width: 100%;
}
.z-index-1001 {
  z-index: 1001;
}


/**
style menu mobile
**/
.sub-menu {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 7px 0;
  background-color: #fff;
  min-width: 200px;
  margin-top: 6px;
}

/* Mỗi dòng: căn trái, padding đều, font dễ nhìn */
.sub-menu .dropdown-item {
  padding: 10px 16px;
  font-size: 15px;
  color: #05113adb;
  transition: background-color 0.2s ease;
  border-radius: 4px;
  margin: 2px 8px;
  display: block;
  width: 95%;
}

/* Nền xen kẽ nhẹ */
.sub-menu .dropdown-item:nth-child(odd) {
  background-color: #e7f3ff;
}

.sub-menu .dropdown-item:nth-child(even) {
  background-color: #dbf3ff;
}

/* Hover: không trồi ra, chỉ đổi màu */
.sub-menu .dropdown-item:hover {
  background-color: #e6f0ff;
  color: #007bff;
}

.sub-menu {
  list-style: none;
}

@media (max-width: 768px) {
  .sub-menu {
    width: 100%;
  }
}

/**
style menu pc
**/

.dropdown-menu.nav_user {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background-color: #fff;
  padding: 8px 0;
  min-width: 220px;
  margin-top: 6px;
}

/* Style cho từng item */
.dropdown-menu.nav_user .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 16px;
  color: #05113adb;
  border-radius: 4px;
  margin: 2px 8px;
  transition: background-color 0.2s ease;
  width: 93%;
}

/* Nền xen kẽ */
.dropdown-menu.nav_user .dropdown-item:nth-child(odd) {
  background-color: #f8f9fa;
}

.dropdown-menu.nav_user .dropdown-item:nth-child(even) {
  background-color: #ffffff;
}

/* Hover nhẹ nhàng */
.dropdown-menu.nav_user .dropdown-item:hover {
  background-color: #e6f0ff;
  color: #007bff;
}

/* Icon: điều chỉnh kích thước và căn trái */
.dropdown-menu.nav_user .dropdown-item i {
  font-size: 16px;
  min-width: 18px;
}

/* Separator */
.dropdown-menu.nav_user .separator-pc {
  height: 1px;
  background-color: #e0e0e0;
  margin: 6px 12px;
}

.dropdown-menu.nav_user {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dropdown-menu.nav_user .dropdown-item:focus {
  background-color: #dceeff;
  outline: none;
}

/**
Menu boookmark pc
**/
/* Tổng thể danh sách menu */
.user-mobile .nav_wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  min-width: 240px;
}

/* Mỗi item */
.user-mobile .nav_wrap .nav-item {
  margin: 0;
}

/* Anchor bên trong mỗi item */
.user-mobile .nav_wrap .nav-item a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 15px;
  color: #05113adb;
  text-decoration: none;
  transition: background-color 0.2s ease;
  border-radius: 4px;
  /* margin: 2px 8px; */
}

/* Xen kẽ nền chẵn – lẻ */
.user-mobile .nav_wrap .nav-item:nth-child(odd) a {
  background-color: #f9f9f9;
}

.user-mobile .nav_wrap .nav-item:nth-child(even) a {
  background-color: #ffffff;
}

/* Hover */
.user-mobile .nav_wrap .nav-item a:hover {
  background-color: #e6f0ff;
  color: #007bff;
}

/* Icon căn trái đẹp */
.user-mobile .nav_wrap .nav-item i {
  font-size: 16px;
  min-width: 18px;
}

.content-center {
  display: flex !important;
  justify-content: center !important;
}
.w-100 {
  width: 100% !important;
}
.w-95 {
  width: 95% !important;
}
.z-index-1001 {
  z-index: 1001;
}
.carousel-control {
  bottom: auto;
  width: auto;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.html-preview {
  background:#f3f3f3 !important;
}
.text_label {
  white-space: normal;
  word-wrap: break-word; /* Tự động xuống dòng */
  word-break: break-word; /* Đảm bảo từ dài cũng xuống dòng */
}

/* Thanhnam99: Chuẩn quy tắc */
.text-opensans-nomal-tvs {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

/* Dùng chung cho các màn */
/* ===== BREADCRUMB STYLES ===== */
.breadcrumb-container {
    width: 100%;
    padding: 12px 0;
}

/* bỏ block_main_page*/
.title-header {
    font-family: "Open Sans", sans-serif;
    /*font-size: var(--font-size-title);*/
    font-size: 14px;
    font-weight: 700;
    color: var(--text-black);
}

.text-nomal {
    color: var(--text-color-blue-tvs);
    font-weight: 500;
    font-size: var(--font-size-nomal);
    line-height: 24px;
}

.link-see-all {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
}

.boder-none {
    border: none;
}

.icon-ringbell-notify {
    width: 24px;
}

.action-button-header {
    min-width: 170px;
}

.name-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    text-transform: uppercase;
    vertical-align: middle;
}

.title-item-main {
    font-family: "Barlow Condensed", sans-serif;
    font-size: var(--font-size-title-main);
    font-weight: 500;
    line-height: 2rem;
    text-transform: uppercase;
    color: var(--text-black);
}

/* Mặc định cho < 576px */
@media (max-width: 576px) { /* Small devices (landscape phones, 576px and up) */
    :root {
        --font-size-title: 0.75rem;
        --font-size-title-main: 1.5rem;
    }
    .font_name_logo {
        font-size: 16px;
    }

    .breadcrumb-container {
        display: none;
    }

}
@media (min-width: 768px) { /* Medium devices (tablets, 768px and up) */

}
@media (min-width: 992px) { /* Large devices (desktops, 992px and up) */

}
@media (min-width: 1200px) { /* Extra large devices (large desktops, 1200px and up) */

}