@import url(style/layout-site.css);

@import url(style/trang-chu-bang-tin.css);
@import url(style/cai-dat.css);
@import url(style/popup-sidebar.css);
@import url(style/lead.css);
@import url(style/khach-hang.css);
@import url(style/dao-tao.css);
@import url(style/tao-don.css);
@import url(style/nhan-su.css);
@import url(style/tai-chinh.css);
@import url(style/dashboard-tuananh.css);
@import url(style/dashboard-row-tuananh.css);
@import url(style/aichat-tuananh.css);
@import url(style/dashboard-2025.css);
@import url(style/2025-trang-chu-new-tuananh.css);
@import url(style/2025-nghiep-vu-hoc-nghe.css);
@import url(style/bao-cao.css);
@import url(style/2025-chat-box-tuananh.css);
@import url(style/san-pham.css);
@import url(style/trang-chu-sau-login.css);
@import url(style/compoment.css);
@import url(style/2025-homepage.css);
@import url(style/2025-ansora.css);
@import url(style/trang-chu-chua-login.css);
@import url(style/_2025-component-tuananh.css);

input:focus {
  box-shadow: none;
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: inherit;
}

a {
  color: black;
}

ul,
li {
  list-style: none;
}

ul {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
}

body,
html {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.clear-fix {
  clear: both;
}

.overflow-page {
  overflow: hidden;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  background: #f5f5f5;
  color: var(--primary-color-3);
  overflow-x: hidden;
}

.new-body-css {

  background: #fff;

}

/* Compoment */
:root {
  --primary-color-1: #121212;
  --primary-color-2: #006cfe;
  --primary-color-3: #050505;
  --sub-text-size: 13px;
  --border-color: #d9d9d9;
}

.title-medium {
  font-size: 15px;
  font-weight: 500;
}

.text-small-light {
  font-size: 13px;
  font-weight: 300p;
  color: var(--primary-color-1);
}

/* End Compoment */

/* Sidebar */

.main-sidebar-left {
  width: 250px;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
  z-index: 10;
}

.wp-navs-main {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  padding-bottom: 20px;
  transition: all 0.3s;
}

.wp-navs-main::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}

.wp-navs-main::-webkit-scrollbar-thumb {
  background: #646577;
  border-radius: 100px;
}

.wp-navs-main::-webkit-scrollbar {
  width: 0;
  border-radius: 100px;
}

.top-content-sidebar {
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.flex-logo-sidebar {
  display: flex;
  align-items: center;
  height: 40px;
  flex: 1;
}

.logo-page a {
  display: block;
  /* text-align: center; */
}

.logo-page a img {
  max-height: 40px;
}

.logo-page {
  width: 150px;
  transition: all 0.3s;
}

.logo-compact {
  display: none;
  transition: all 0.3s;
}

.logo-compact a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  height: 40px;
}

.user-login {
  display: flex;
  align-items: center;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 10px;
  height: 40px;
  width: auto;
  padding: 7px;
  cursor: pointer;
  transition: all 0.4s;
  position: relative;
}

.user-login .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ffffff;
  transition: all 0.3s;
}

.user-login .icon-nav {
  position: absolute;
  right: 9px;
  transition: all 0.3s;
}

.user-login .txt-name {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-color-3);
  margin-left: 5px;
  margin-right: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s;
}

.user-login .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.block-user {
  position: relative;
  padding: 0 28px;
  margin-top: 10px;
  margin-bottom: 3px;
  transition: all 0.3s;
}

.box-content-info-header {
  position: absolute;
  width: 244px;
  top: 100%;
  background: #f0f0f0;
  border-top: 1px solid #e8e8e8;
  padding: 10px;
  z-index: 1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.block-user.open-box-user .user-login {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.item-menuChild-popup {
  display: block;
  margin-bottom: 6px;
}

.item-menuChild-popup:last-child {
  margin-bottom: 0;
}

.item-menuChild-popup .txt-menuChild-popup {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
  transition: all 0.3s;
}

.item-menuChild-popup .txt-menuChild-popup:hover {
  color: #0066ff;
}

.block-user.open-box-user .box-content-info-header {
  opacity: 1;
  visibility: visible;
}

.lst-navs-group {
  padding: 0 5px;
  transition: all 0.3s;
  margin: 0 -10px;
}

.item-nav-side .nav-parent {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.nav-parent .icon-illus {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  position: relative;
  transition: all 0.3s;
  opacity: 1;
  visibility: visible;
}

.item-nav-side .nav-parent .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
  transition: all 0.3s;
  flex: 1;
  margin-left: 10px;
  position: relative;
  top: -1px;
  margin-right: 4px;
}

.nav-parent .icon-illus svg path {
  transition: all 0.3s;
}

.nav-parent:hover .icon-illus {
  opacity: 0;
  visibility: hidden;
}

.nav-parent:hover .icon {
  opacity: 1;
  visibility: visible;
}

.item-nav-side.active .nav-parent .icon-illus svg path {
  fill: #0066ff;
}

.item-nav-side.active .nav-parent .text {
  color: #0066ff;
}

.item-nav-side {
  margin-bottom: 10px;
}

.nav-parent .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  transition: all 0.3s;
  position: relative;
  top: -2px;
  flex: 1;
}

.item-nav-group-child.active .icon-illus svg path {
  fill: #0066ff;
}

.item-nav-group-child.active .nav-parent .text {
  color: #0066ff;
}

.item-nav-group-child.active .nav-parent:hover .text {
  color: #0066ff;
}

/* .item-nav-side .nav-parent:hover .text {
    color: #0066FF;
}
.nav-parent:hover .icon-illus svg path {
    fill: #0066FF;
}
.item-nav-group-child .nav-parent:hover .text {
    color: #0066FF;
} */

.item-nav-group-child {
  margin-bottom: 2px;
}

.menu-topbar-mobile {
  display: none;
}

.close-popup-sidebar {
  display: none;
}

.nav-parent {
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  background: transparent;
  border-radius: 8px;
  padding: 8px 10px;
}

.nav-child-lv1 {
  display: none;
  padding: 4px 6px;
  position: relative;
  margin-left: 15px;
}

.nav-child-lv1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #d9d9d9;
  opacity: 0.4;
}

/* .item-nav-group-child .nav-parent .text {
  opacity: 0.6;
} */
.item-nav-group-child.back-sidebar .nav-parent .text {
  opacity: 1;
}

.nav-parent .icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  position: absolute;
  top: 6px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  transform: rotate(0);
}

.item-nav-group-child.open-nav-child .nav-parent .icon {
  transform: rotate(90deg);
}

.nav-parent:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 0%;
  left: 0;
  background: rgba(217, 217, 217, 0.4);
  transition: 0.3s ease-in-out;
  border-radius: 8px;
  top: 0;
}

.nav-parent:hover:before {
  width: 100%;
}

/* .nav-parent .icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    transition: all .3s;
}

.nav-parent:hover .icon:before {
    background: rgba(217, 217, 217, 0.6);
} */

.nav-parent .icon img {
  position: relative;
  z-index: 1;
}

.item-nav-group-child.open-nav-child .nav-child-lv1 {
  display: block;
}

.nav-parent-child .text {
  font-size: 13px;
  line-height: 18px;
  color: #121212;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: 300;
}

.nav-parent-child {
  margin-bottom: 1px;
  padding: 4px 10px;
  background: transparent;
  display: block;
  transition: all 0.3s;
  border-radius: 4px;
}

.nav-parent-child:hover {
  background: rgba(217, 217, 217, 0.4);
}

.nav-parent-child.active-nav {
  background: rgba(217, 217, 217, 0.4);
}

.nav-parent-child:last-child {
  margin-bottom: 0;
}

.nav-parent-child.active-child .text {
  color: #0066ff;
}

.compact-sidebar .main-sidebar-left {
  width: 60px;
}

.compact-sidebar .flex-logo-sidebar {
  display: none;
}

.compact-sidebar .wp-navs-main {
  padding: 20px 5px;
}

.compact-sidebar .nav-parent .text {
  display: none;
}

.compact-sidebar .item-nav-group-child .nav-child-lv1 {
  display: none;
}

.compact-sidebar .nav-parent .icon {
  display: none;
}

.compact-sidebar .logo-page {
  display: none;
}

.compact-sidebar .layout-topbar-fixed .lst-call-noti {
  display: flex;
  margin: 0;
}

.compact-sidebar .layout-topbar-fixed .lst-call-noti .item-support-topbar {
  margin-bottom: 0;
  margin-right: 18px;
}

/* .compact-sidebar .logo-compact {
    display: block;
} */

.compact-sidebar .nav-parent .icon-illus {
  margin: 0 auto;
}

.compact-sidebar .block-user {
  padding: 0;
}

.compact-sidebar .box-content-info-header {
  left: 60px;
  width: 200px;
  border-radius: 8px;
  top: 0px;
  border: 1px solid rgba(217, 217, 217, 0.6);
}

.compact-sidebar .box-content-info-header:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -6px;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(217, 217, 217, 0.6);
  background: #f0f0f0;
  transform: rotate(45deg);
  border-right: none;
  border-top: none;
}

.compact-sidebar .user-login .txt-name {
  display: none;
}

.compact-sidebar .user-login .avatar {
  margin: 0 auto;
}

.compact-sidebar .user-login {
  border-radius: 4px;
  width: 40px;
  margin: 0 auto;
  position: relative;
  padding: 2px;
}

.compact-sidebar .icon-nav {
  position: absolute;
  right: 5px;
  opacity: 0;
  visibility: hidden;
}

.compact-sidebar .item-nav-group-child.active .nav-parent {
  background: rgba(0, 102, 255, 0.1);
}

.bottom-contents-sidebar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 8px 10px;
  transition: all 0.3s;
  border-top: 1px solid var(--border-color);
}

.compact-sidebar .lst-navs-group {
  margin: 0;
}

.compact-sidebar .bottom-contents-sidebar {
  display: block;
  height: auto;
}

.compact-sidebar .lst-call-noti {
  display: block;
  margin-bottom: 30px;
}

.compact-sidebar .item-support-topbar {
  margin: 0 auto;
  margin-bottom: 12px;
}

.lst-call-noti {
  display: flex;
  align-items: center;
  flex-direction: row;
  transition: all 0.3s;
  margin: 0;
}

.icon-nav-backup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.block-nav-menu-bt {
  position: relative;
  cursor: pointer;
}

.icon-nav-compact {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin: 0 auto;
  visibility: visible;
  transition: all 0.3s;
}

.item-support-topbar {
  margin-right: 10px;
  margin-bottom: 0;
  position: relative;
  transition: all 0.3s;
}

.item-support-topbar:last-child {
  margin-right: 0;
}

.item-support-topbar .icon-support-topbar {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: rgba(217, 217, 217, 0);
  border-radius: 50%;
  transition: all 0.3s;
}

.icon-support-topbar .number {
  position: absolute;
  top: -4px;
  right: -5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007eff;
  font-size: 8px;
  color: #fff;
  border: 1px solid #fff;
}

.item-support-topbar .icon-support-topbar:hover {
  background: rgba(217, 217, 217, 0.4);
}

.item-support-topbar .icon-support-topbar:hover svg path {
  fill: #3170ff;
}

.block-nav-menu-bt svg path {
  transition: all 0.3s;
}

.block-nav-menu-bt:hover svg path {
  fill: #0066ff;
}

.box-ntf-header {
  width: 380px;
  position: absolute;
  right: 0;
  top: 48px;
  height: 500px;
  border: 1px solid rgba(217, 217, 217, 0.8);
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.imt-ntf-info {
  display: flex;
  align-items: center;
  padding: 10px 11px;
  background: rgba(217, 217, 217, 0);
  border-radius: 5px;
  transition: all 0.3s;
  cursor: pointer;
}

.check-all-ntf a {
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #0066ff;
  transition: all 0.3s;
}

.content-notification-info {
  flex: 1;
  overflow-y: auto;
  padding: 15px 16px;
}

.content-notification-info::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}

.content-notification-info::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 100px;
}

.content-notification-info::-webkit-scrollbar {
  width: 3px;
  border-radius: 100px;
}

.block-notification-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.top-notification-info .txt-title {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 3px;
}

.top-notification-info .number-ntf {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

.top-notification-info .number-ntf .number {
  font-weight: 500;
}

.top-notification-info {
  padding: 10px 20px;
}

.imt-ntf-info:hover {
  background: rgba(217, 217, 217, 0.2);
}

.imt-ntf-info .icon {
  width: 30px;
}

.imt-ntf-info .content {
  flex: 1;
  margin-left: 16px;
}

.circle-ntf {
  width: 10px;
  height: 10px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  margin-left: 10px;
}

.imt-ntf-info .content .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}

.imt-ntf-info .content .name a {
  color: #000000;
  transition: all 0.3s;
}

.imt-ntf-info.imt-selected .content .name {
  font-weight: 300;
}

.imt-ntf-info .content .txt-small {
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 3px;
}

.imt-ntf-info .content .date {
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.6);
}

.bottom-notification-info {
  padding: 10px 20px;
}

.check-all-ntf a:hover {
  text-decoration: underline;
}

.icon-close-ntf {
  position: absolute;
  top: 6px;
  right: 6px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0);
  transition: all 0.3s;
  cursor: pointer;
}

.icon-close-ntf:hover {
  background: rgba(217, 217, 217, 0.6);
}

.item-support-topbar.active .icon-support-topbar svg path {
  fill: #0066ff;
}

.item-support-topbar.active .box-ntf-header {
  opacity: 1;
  visibility: visible;
}

.ct-style-support {
  background: #ffffff;
  border-radius: 10px;
  padding: 15px 28px;
  margin-bottom: 15px;
}

.block-setting-support .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 25px;
}

.imt-support a {
  display: flex;
  align-items: flex-start;
}

.imt-support a .txt {
  flex: 1;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  transition: all 0.3s;
}

.imt-support a .icon svg path {
  transition: all 0.3s;
}

.imt-support a .icon {
  width: 16px;
  text-align: center;
  margin-right: -5px;
}

.imt-support a:hover .txt {
  color: #0066ff;
}

.imt-support a:hover .icon svg path {
  fill: #0066ff;
}

.imt-support {
  padding-bottom: 12px;
}

.imt-support:last-child {
  padding: 0;
}

.box-info-dn {
  position: relative;
}

.main-box-info-dn {
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
}

.btn-edit-box {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}

.btn-edit-box a {
  display: flex;
  background: var(--border-color);
  border-radius: 5px;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  height: 30px;
  min-width: 72px;
  text-align: center;
  justify-content: center;
  transition: all 0.3s;
}

.btn-edit-box a:hover {
  background: #0066ff;
  color: #fff;
}

.left-box-info-dn {
  width: 100px;
}

.right-box-info-dn {
  flex: 1;
  margin-left: 20px;
}

.content-info-dn p {
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 4px;
}

.logo-info {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
}

.logo-info a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.logo-info a img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.txt-note-logo {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-top: 8px;
}

.box-info-user {
  position: relative;
}

.imt-info-user {
  padding-bottom: 10px;
}

.imt-info-user:last-child {
  padding: 0;
}

.title-imt-info-user {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 2px;
}

.content-imt-info-user .txt-info-user {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

.content-imt-info-user .name {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .wp-navs-main {
    padding: 20px;
  }

  .main-sidebar-left {
    width: 280px;
  }
}

@media (max-width: 1199px) {
  .right-menu-topbar-mobile {
    display: flex;
    align-items: center;
  }

  .user-login .icon-nav {
    position: relative;
    right: 0;
  }

  .block-user {
    margin: 0;
    padding: 0;
  }

  .right-menu-topbar-mobile {
    display: flex;
    align-items: center;
  }

  .main-sidebar-left .block-user {
    display: none;
  }

  .main-sidebar-left .bottom-contents-sidebar {
    display: none;
  }

  .main-sidebar-left {
    left: auto;
    right: 0;
    top: 0;
    z-index: 11;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transform: translateX(315px);
    transition: all 0.5s;
  }

  .main-sidebar-left.open-sidebar {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .bg-sidebar-left {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(33, 36, 42, 0.8);
    transition: 0.3s;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
  }

  .bg-sidebar-left.open-bg {
    opacity: 1;
    visibility: visible;
  }

  .close-popup-sidebar {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  .close-popup-sidebar svg path {
    fill: var(--primary-color-3);
    fill-opacity: 0.9;
  }

  .close-popup-sidebar svg {
    width: 9px;
  }

  .top-content-sidebar {
    height: 45px;
  }

  .wp-navs-main {
    padding: 20px 15px;
  }

  .wp-navs-main .block-user {
    display: none;
  }

  .lst-navs-group {
    padding: 0;
    margin: 0 -5px;
  }

  .menu-topbar-mobile {
    border-bottom: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 5px 15px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 46px;
    transition: all 0.4s;
  }

  .menu-topbar-mobile.scroll {
    border-color: #d4d9e1;
    top: 0;
  }

  .user-login .txt-name {
    display: none;
  }

  .user-login {
    background: transparent;
    padding: 0;
  }

  .user-login .avatar {
    margin-right: 6px;
  }

  .box-content-info-header {
    width: 170px;
    right: 0;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    top: 44px;
  }

  .box-content-info-header:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 24px;
    border: 1px solid #e8e8e8;
    width: 12px;
    height: 12px;
    background: #f0f0f0;
    transform: rotate(45deg);
    border-bottom: none;
    border-right: none;
  }

  .left-menu-topbar-mobile .icon-nav-sidebar-mb svg path {
    fill: #3d3d3d;
  }

  .left-menu-topbar-mobile {
    display: flex;
    align-items: center;
    position: relative;
    top: 2px;
  }

  .left-menu-topbar-mobile .icon-nav-sidebar-mb {
    margin-right: 10px;
    cursor: pointer;
  }
}

@media (max-width: 1199px) {
  .box-ntf-header {
    z-index: 2;
    position: fixed;
    top: 53px;
    right: 1px;
    left: auto;
    width: 400px;
    height: 450px;
    border-right: none;
    border-bottom: 1px solid var(--border-color);
    border-bottom-left-radius: 10px;
  }

  .content-notification-info {
    padding: 15px 10px;
    padding-top: 10px;
  }

  .imt-ntf-info {
    align-items: flex-start;
  }

  .menu-topbar-mobile.scroll .box-ntf-header {
    top: 52px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .box-ntf-header {
    top: 100px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .box-ntf-header {
    top: 110px;
  }
}

@media (max-width: 575px) {
  .box-ntf-header {
    top: 124px;
    width: 90%;
  }

  .content-notification-info {
    padding: 10px 12px;
  }

  .imt-ntf-info {
    align-items: flex-start;
  }

  .top-notification-info {
    padding: 10px 12px;
  }

  .bottom-notification-info {
    padding: 10px 12px;
  }

  .logo-page {
    width: 120px;
  }

  .item-support-topbar {
    margin-right: 6px;
  }

  .user-login .avatar {
    margin-right: 2px;
  }

  .ct-style-support {
    padding: 15px;
    border-radius: 6px;
  }

  .main-box-info-dn {
    display: block;
  }

  .right-box-info-dn {
    margin: 0;
    margin-top: 8px;
  }

  .left-box-info-dn {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .logo-info {
    width: 100px;
  }

  .txt-note-logo {
    flex: 1;
    text-align: left;
    margin-left: 12px;
    margin-top: 0;
  }

  .btn-edit-box {
    position: relative;
    top: 0;
    right: 0;
    padding-top: 15px;
  }

  .btn-edit-box a {
    display: inline-flex;
  }
}

@media (max-width: 325px) {
  .logo-page {
    width: 100px;
  }

  .item-support-topbar {
    margin-right: 4px;
  }

  .user-login .icon-nav {
    display: none;
  }
}

/* End Sidebar */

/* Hompage */
.topbar-fixed {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: calc(100% - 252px);
  margin-left: auto;
  background: #fff;
  transition: all 0.4s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
}

.topbar-fixed.scroll-page {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.layout-topbar-fixed {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  height: 50px;
}

.layout-topbar-fixed .left {
  flex: 1;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.layout-topbar-fixed .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.info-company .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
}

.info-company {
  line-height: 1.2;
}

.info-company .lst-imt-info-company {
  display: flex;
  align-items: center;
  margin: 0;
  grid-gap: 15px;
}

.imt-info-company p {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 400;
}

.imt-info-company p .color {
  color: var(--primary-color-2);
}

.select-choose-date {
  display: flex;
  position: relative;
  align-items: center;
  margin-top: -2px;
  margin-left: 5px;
}

.imt-info-company {
  display: flex;
  align-items: center;
}

.select-choose-date select {
  width: 64px;
  border: none;
  height: 20px;
  color: var(--primary-color-2);
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 15px;
  outline: none;
}

.select-choose-date .icon-select {
  position: absolute;
  top: -2px;
  right: 0;
}

.box-user-login {
  margin-left: 15px;
  position: relative;
}

.flex-user {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.box-popup-user {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 250px;
  right: 0;
  top: 49px;
  border-radius: 5px;
  border: 1px solid rgba(217, 217, 217, 0.4);
  background: #fff;
  padding: 12px 10px;
}

.flex-user .avatar-user {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(18, 18, 18, 0.4);
  overflow: hidden;
  border-radius: 50%;
}

.flex-user .avatar-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.icon-select-nav {
  display: block;
  margin-left: 10px;
}

.box-user-login.open-box .box-popup-user {
  opacity: 1;
  visibility: visible;
}

.box-popup-user .top-box {
  margin-bottom: 50px;
}

.avatar-user-big {
  border: 1px solid rgba(217, 217, 217, 0.6);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 10px;
}

.avatar-user-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.box-popup-user .top-box .name {
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

.box-popup-user .top-box .txt-small {
  font-size: 13px;
  color: rgba(18, 18, 18, 0.6);
  font-weight: 400;
  text-align: center;
}

.imt-cn .layout {
  display: flex;
}

.imt-cn .layout .icon {
  margin-right: 6px;
  width: 16px;
  margin-top: 2px;
}

.imt-cn .layout .txt {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
  flex: 1;
}

.imt-cn {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
}

.imt-cn:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.imt-cn:hover .icon svg path {
  fill: var(--primary-color-2);
}

.imt-cn:hover .txt {
  color: var(--primary-color-2);
}

.imt-cn .layout .icon svg path {
  transition: all 0.3s;
}

.content-bigContent-right {
  width: calc(100% - 250px);
  margin-left: 250px;
  transition: all 0.4s;
  min-height: 100vh;
  background: #f5f5f5;
  padding: 20px;
  padding-top: 80px;
  transition: all 0.4s;
}

.compact-sidebar .content-bigContent-right {
  width: calc(100% - 60px);
  margin-left: 60px;
}

.compact-sidebar .topbar-fixed {
  width: calc(100% - 80px);
  border-bottom-left-radius: 5px;
}

.wp-homepage-page {
  width: 100%;
  margin: 0 auto;
}

.form-search-work {
  position: relative;
  margin-right: 10px;
}

.form-search-work .icon-search {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  width: 34px;
  justify-content: center;
  cursor: pointer;
}

.form-search-work input {
  width: 100%;
  height: 30px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #051020;
  padding: 0 15px;
  padding-left: 34px;
  transition: all 0.3s;
  background: rgba(217, 217, 217, 0.4);

  border: 1px solid rgba(217, 217, 217, 0);
  border-radius: 5px;
}

.form-search-work .icon-search svg path {
  transition: all 0.3s;
  fill: rgba(18, 18, 18, 0.6);
}

.form-search-work .icon-search:hover svg path {
  fill: #0066ff;
}

.form-search-work input::placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #051020;
}

.form-search-work input:focus {
  border: 1px solid rgba(217, 217, 217, 1);
}

.block-box-tk-now {
  background: #ffffff;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 15px;
}

.title-work-page .name-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--primary-color-3);
}

.title-work-page {
  margin-bottom: 15px;
}

.main-box-tk-now {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -25px;
}

.imt-box-tk-now .name-imt {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: var(--primary-color-3);
  margin-bottom: 5px;
}

.lst-content-box-tk {
  display: flex;
  align-items: center;
}

.lst-content-box-tk .number-tk {
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #000000;
  flex: 1;
}

.btn-detail a {
  display: inline-flex;
  align-items: center;
}

.btn-detail a .txt {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: rgba(0, 102, 255, 0.8);
  transition: all 0.3s;
}

.btn-detail a .icon {
  transform: translateX(0);
  transition: all 0.3s;
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.lst-content-box-tk .btn-detail {
  margin-left: 5px;
}

.btn-detail a:hover .txt {
  color: rgba(0, 102, 255, 1);
}

.btn-detail a:hover .icon {
  transform: translateX(4px);
}

.imt-box-tk-now {
  width: 25%;
  padding-right: 34px;
  position: relative;
  margin-bottom: 25px;
}

.imt-box-tk-now:before {
  content: "";
  position: absolute;
  top: 0;
  right: 17px;
  width: 1px;
  height: 100%;
  background: rgba(217, 217, 217, 0.6);
}

.block-ntf-new-update {
  background: #ffffff;
  border-radius: 10px;
  padding: 25px 30px;
  margin-bottom: 15px;
}

.title-work-page .txt-title-small {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: var(--primary-color-3);
  margin-top: 4px;
}

.lst-imt-ntf-new {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
  margin-bottom: 10px;
}

.imt-ntf-new {
  width: 33.33%;
  padding: 0 10px;
  margin-bottom: 25px;
}

.layout-imt-ntf-new {
  display: flex;
  align-items: flex-start;
}

.layout-imt-ntf-new .icon {
  width: 20px;
}

.layout-imt-ntf-new .main-imt {
  flex: 1;
  margin-left: 8px;
}

.layout-imt-ntf-new .main-imt .name {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 3px;
}

.layout-imt-ntf-new .main-imt .name a {
  color: var(--primary-color-3);
  transition: all 0.3s;
}

.layout-imt-ntf-new .main-imt .name a:hover {
  color: #0066ff;
}

.layout-imt-ntf-new .main-imt .date {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  opacity: 0.5;
}

.layout-imt-ntf-new .main-imt .content-imt {
  padding-top: 10px;
  margin-bottom: 10px;
}

.layout-imt-ntf-new .main-imt .content-imt p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: justify;
  color: var(--primary-color-3);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.btn-view-all a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.2);
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  height: 40px;
  transition: all 0.3s;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding: 0 12px;
  color: var(--primary-color-3);
}

.btn-view-all a:hover {
  color: #3385ff;
  border-color: #3385ff;
}

.btn-view-more a {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #0066ff;
  transition: all 0.3s;
}

.btn-view-more a:hover {
  text-decoration: underline;
}

.main-ntf-new-update {
  padding-top: 10px;
}

.block-list-cv-cl {
  background: #ffffff;
  border-radius: 10px;
  padding: 25px 30px;
  margin-bottom: 15px;
}

.block-ntf-apply-hs {
  background: #ffffff;
  border-radius: 10px;
  padding: 25px 30px;
  margin-bottom: 15px;
}

.imt-apply {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  padding: 12px 30px;
}

.left-imt-apply {
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.left-imt-apply .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}

.left-imt-apply .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.left-imt-apply .content {
  flex: 1;
  margin-left: 14px;
}

.left-imt-apply .content .name {
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  margin-bottom: 2px;
}

.left-imt-apply .content .name a {
  color: var(--primary-color-3);
}

.left-imt-apply .content .name .bold {
  font-weight: 500;
}

.lst-imt-apply {
  margin: 0 -30px;
  margin-bottom: 25px;
}

.block-order-new {
  background: #ffffff;
  border-radius: 10px;
  padding: 25px 30px;
  margin-bottom: 15px;
}

.title-table {
  display: flex;
  align-items: center;
  /* border-top: 1px solid rgba(217, 217, 217, 0.4); */
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
  padding: 10px 20px;
  height: 100%;
  width: 100%;
}

.tr-table {
  display: flex;
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
  padding: 10px 20px;
}

.txt-title-table {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.imt-title-table {
  margin-right: 15px;
  height: auto;
  display: flex;
  align-items: center;
}

.imt-table-order {
  flex: 1;
}

.imt-slt {
  width: 150px;
}

.imt-sl-tg {
  width: 150px;
}

.imt-tt-tg {
  width: 160px;
  margin-right: 0;
}

.imt-content-table {
  margin-right: 15px;
}

.imt-content-table.imt-tt-tg {
  margin-right: 0;
}

.block-table-order-new {
  margin: 0 -20px;
  padding-bottom: 30px;
}

.info-order-cart {
  display: flex;
  align-items: flex-start;
}

.info-order-cart .avatar {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 5px;
}

.info-order-cart .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.info-order-cart .content {
  flex: 1;
  margin-left: 10px;
}

.lst-top-info-order {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

.label-code-dh {
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(5, 5, 5, 0.5);
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding: 0 6px;
  height: 22px;
  margin-right: 5px;
}

.label-tt {
  background: rgba(255, 0, 0, 0.1);
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff0000;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding: 0 6px;
  height: 22px;
  margin-right: 5px;
}

.lst-top-info-order .date-tt {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
}

.lst-top-info-order .date {
  font-weight: 500;
}

.info-order-cart .content .txt-map {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.info-order-cart .content .txt-map .bold {
  font-weight: 500;
}

.imt-content-table .txt-sl {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 3px;
}

.imt-content-table .txt-sl-small {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
}

.timeline-header {
  position: relative;
  margin: 0 15px;
}

.box-time-now {
  display: flex;
  align-items: center;
  border: 1px solid rgb(217 217 217 / 60%);
  background: #ffffff;
  height: 30px;
  border-radius: 5px;
}

.popup-choose-timeline {
  position: absolute;
  box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 15%);
  background: #ffffff;
  width: 150px;
  border-radius: 5px;
  top: calc(100% + 18px);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.box-time-now .flex-time {
  display: flex;
  align-items: center;
  padding: 0 6px;
  position: relative;
}

.box-time-now .flex-time .text-size-13 {
  width: 58px;
}

.popup-choose-timeline.open-popup {
  opacity: 1;
  visibility: visible;
}

.arrow-bottom-time {
  width: 23px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.box-time-now .flex-time:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  background: rgb(217 217 217 / 60%);
  width: 1px;
  height: 15px;
}

.flex-time .icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}

.item-timeline {
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 0 8px;
  cursor: pointer;
}

.item-timeline .icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .content-bigContent-right {
    width: calc(100% - 250px);
    margin-left: 250px;
  }

  .main-sidebar-left {
    width: 250px;
  }

  .block-user {
    padding: 0 20px;
  }

  .wp-navs-main {
    padding: 10px 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .wp-homepage-page {
    width: 100%;
  }

  .content-bigContent-right {
    padding-top: 70px;
  }
}

@media (max-width: 1199px) {
  .item-support-topbar {
    margin-right: 6px;
  }

  .box-user-login {
    margin-left: 6px;
  }

  .content-bigContent-right {
    width: 100%;
    margin: 0;
    padding-top: 108px;
  }

  .wp-homepage-page {
    width: 100%;
  }

  .topbar-fixed {
    width: 100%;
    top: 0;
    border-bottom: 1px solid #d4d9e1;
    box-shadow: none;
  }

  .layout-topbar-fixed .left {
    margin: 0;
  }

  .layout-topbar-fixed {
    padding: 4px 10px;
  }

  .box-popup-user {
    top: 43px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .imt-box-tk-now {
    width: 33.33%;
  }

  .imt-ntf-new {
    width: 50%;
  }

  .content-bigContent-right {
    padding: 20px;
    padding-top: 100px;
  }

  .block-box-tk-now {
    padding: 20px;
  }

  .block-ntf-new-update {
    padding: 20px;
  }

  .block-list-cv-cl {
    padding: 20px;
  }

  .block-order-new {
    padding: 20px;
  }

  .block-table-order-new {
    margin: 0 -20px;
  }

  .block-ntf-apply-hs {
    padding: 20px;
  }

  .lst-imt-apply {
    margin: 0 -20px;
    margin-bottom: 25px;
  }

  .tr-table {
    padding: 10px 20px;
  }

  .title-table {
    padding: 10px 20px;
  }

  .imt-tt-tg {
    width: 140px;
  }

  .imt-sl-tg {
    width: 130px;
  }

  .imt-slt {
    width: 120px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .info-company {
    display: block;
  }

  .menu-topbar-mobile {
    top: 56px;
  }

  .content-bigContent-right {
    padding: 20px;
    padding-top: 110px;
  }

  .block-box-tk-now {
    padding: 20px;
  }

  .block-ntf-new-update {
    padding: 20px;
  }

  .block-list-cv-cl {
    padding: 20px;
  }

  .block-ntf-apply-hs {
    padding: 20px;
  }

  .lst-imt-apply {
    margin: 0 -19px;
    margin-bottom: 25px;
  }

  .imt-box-tk-now {
    width: 50%;
  }

  .imt-ntf-new {
    width: 50%;
  }

  .block-order-new {
    padding: 20px;
  }

  .block-table-order-new {
    margin: 0 -20px;
    overflow-x: auto;
  }

  .block-ntf-apply-hs {
    padding: 20px;
  }

  .lst-imt-apply {
    margin: 0 -20px;
    margin-bottom: 25px;
  }

  .tr-table {
    padding: 10px 20px;
  }

  .title-table {
    padding: 10px 20px;
    width: 900px;
  }

  .imt-apply {
    display: block;
    padding: 12px 20px;
  }

  .right-imt-apply .btn-view-all a {
    display: inline-flex;
    height: 36px;
  }

  .right-imt-apply .btn-view-all {
    padding-left: 60px;
    margin-top: 8px;
  }

  .box-user-login {
    margin-left: 5px;
  }
}

@media (max-width: 575px) {
  .timeline-header {
    margin-right: 0;
    margin-left: 8px;
  }

  .item-support-topbar .icon-support-topbar {
    width: 26px;
    height: 26px;
  }

  .info-company {
    display: none;
  }

  .menu-topbar-mobile {
    top: 72px;
  }

  .info-company .name {
    font-size: 14px;
  }

  .info-company .lst-imt-info-company {
    display: block;
  }

  .imt-info-company p {
    font-size: 14px;
  }

  .select-choose-date select {
    font-size: 14px;
  }

  .box-user-login {
    margin-left: 5px;
  }

  .select-choose-date {
    margin-top: 0px;
  }

  .block-order-new {
    padding: 20px;
  }

  .block-table-order-new {
    margin: 0 -15px;
    overflow-x: auto;
  }

  .block-ntf-apply-hs {
    padding: 20px;
  }

  .lst-imt-apply {
    margin: 0 -20px;
    margin-bottom: 25px;
  }

  .tr-table {
    padding: 10px 20px;
  }

  .title-table {
    padding: 10px 20px;
    width: 900px;
  }

  .imt-apply {
    display: block;
    padding: 12px 20px;
  }

  .right-imt-apply .btn-view-all a {
    display: inline-flex;
    height: 36px;
  }

  .right-imt-apply .btn-view-all {
    padding-left: 60px;
    margin-top: 8px;
  }

  .content-bigContent-right {
    padding: 15px;
    padding-top: 125px;
  }

  .block-box-tk-now {
    padding: 15px;
  }

  .block-ntf-new-update {
    padding: 15px;
  }

  .block-list-cv-cl {
    padding: 15px;
  }

  .block-ntf-apply-hs {
    padding: 15px;
  }

  .lst-imt-apply {
    margin: 0 -15px;
    margin-bottom: 25px;
  }

  .imt-box-tk-now {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid rgba(217, 217, 217, 0.6);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .imt-ntf-new {
    width: 100%;
    margin-bottom: 20px;
  }

  .form-search-work input {
    border-radius: 8px;
  }

  .lst-content-box-tk .number-tk {
    font-size: 26px;
    line-height: 34px;
  }

  .imt-box-tk-now:before {
    display: none;
  }

  .imt-box-tk-now:last-child {
    border: none;
  }

  .imt-apply {
    display: block;
  }

  .left-imt-apply {
    margin-bottom: 10px;
  }

  .right-imt-apply .btn-view-all a {
    display: inline-flex;
    height: 34px;
  }

  .right-imt-apply .btn-view-all {
    padding-left: 60px;
  }
}

/* End Homepage */

/* Trang đơn hàng */
.flex-breacumb {
  display: flex;
  margin-bottom: 10px;
}

.flex-breacumb .breadcrumb-pd {
  flex: 1;
  margin: 0;
}

.btn-bg-blue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color-2);
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 5px;
  transition: all 0.3s;
  grid-gap: 5px;
  color: #fff;
}

.btn-bg-blue:hover {
  background: #095fd3;
  color: #fff;
}

.btn-add-new {
  margin-top: -7px;
}

.btn-txt-cancel {
  display: inline-block;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}

.btn-txt-cancel:hover {
  color: #fe002d;
}

.breadcrumb-pd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.item-pd {
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-color-1);
  margin-right: 32px;
  transition: all 0.3s;
  margin-bottom: 5px;
}

.item-pd:hover,
.item-pd.active {
  color: var(--primary-color-2);
}

.item-pd:before {
  content: "";
  position: absolute;
  top: 5px;
  right: -17px;
  width: 4px;
  height: 8px;
  background: url(./img-fix/arrow_right.svg);
}

.item-pd:last-child:before,
.item-pd:last-child:after {
  display: none;
}

.item-pd:last-child {
  margin-right: 0;
}

.wp-order-page {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 20px;
  min-height: calc(100vh - 140px);
}

.block-tab-page {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.txt-tab-page {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: transparent;
  transition: all 0.3s;
  padding: 0 10px;
}

.imt-tab-page {
  padding-right: 5px;
  margin-bottom: 5px;
}

.imt-tab-page.active .txt-tab-page {
  background: rgba(255, 0, 0, 0.1);
  color: rgba(255, 34, 34, 0.8);
  font-weight: 600;
}

.txt-tab-page:hover {
  background: rgba(255, 0, 0, 0.1);
  color: rgba(255, 34, 34, 0.8);
}

.block-filter-block-order {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: -10px;
}

.block-filter-block-order .form-search-work {
  width: 350px;
  height: auto;
  margin-right: 10px;
  background: transparent;
  border: none;
}

.item-choose-filter {
  background: #ffffff;
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  position: relative;
  margin-right: 11px;
  margin-bottom: 10px;
  height: 40px;
  overflow: hidden;
  cursor: pointer;
}

.item-choose-filter select {
  height: 100%;
  width: 100%;
  appearance: none;
  padding: 0 10px;
  padding-right: 25px;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}

.item-choose-filter .icon-select {
  position: absolute;
  top: 6px;
  right: 7px;
}

.block-filter-block-order .form-search-work input {
  border-radius: 5px;
  height: 40px;
  padding-left: 40px;
  border: 1px solid rgba(217, 217, 217, 0.6);
}

.item-choose-filter input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
}

.wp-order-page .number-kq {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  margin-bottom: 10px;
}

.wp-order-page .number-kq .number {
  font-weight: 500;
}

.imt-table-tt {
  width: 130px;
}

.imt-date-ut {
  width: 120px;
}

.ct-table-order-detail.imt-date-ut {
  width: 170px;
}

.ct-table-order-detail .imt-slt {
  width: 170px;
}

.ct-table-order-detail .imt-sl-tg {
  width: 170px;
}

.ct-table-order-detail .imt-tt-tg {
  width: 170px;
}

.ct-label-tt {
  display: inline-flex;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  height: 28px;
}

.ct-label-tt.label-tt-1 {
  background: rgba(33, 190, 96, 0.1);
  color: #21be60;
}

.ct-label-tt.label-tt-2 {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.1);
}

.ct-label-tt.label-tt-3 {
  color: #ff2222;
  background: rgba(255, 34, 34, 0.1);
}

.block-table-order-new .tr-table {
  align-items: center;
}

.main-order-page {
  padding-top: 20px;
}

.lst-bottom-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;

  margin-top: auto;
}

.left-bottom-block .number-page {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: rgba(18, 18, 18, 1);
}

.list-navigtion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px;
}

.item-navigation {
  background: transparent;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  margin-bottom: 10px;
  height: 25px;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: var(--primary-color-3);
}

.block-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 30px;
}

.list-navigtion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.item-navigation.disabled-item {
  border-color: #edeff2;
  pointer-events: none;
}

.item-navigation.disabled-item svg path {
  fill: #dfe3e8;
}

.item-navigation+.item-navigation {
  margin-left: 4px;
}

.item-navigation:hover {
  background: rgba(217, 217, 217, 0.6);
  color: var(--primary-color-3);
}

.item-navigation.active {
  background: rgba(217, 217, 217, 0.6);
  color: var(--primary-color-3);
}

.item-navigation:hover svg path {
  fill: #fff;
}

.item-navigation svg path {
  transition: all 0.3s;
}

.info-order-cart .content .txt-content-small {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  margin-top: 3px;
}

.icon-setting-tb {
  width: 36px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.2);
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  margin-left: auto;
}

.icon-setting-tb:hover {
  background: rgba(217, 217, 217, 0.6);
}

.imt-table-status {
  width: 90px;
  margin-left: auto;
  margin-right: 0;
  justify-content: center;
}

.lst-action-table {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.imt-action-table {
  padding-right: 10px;
}

.imt-action-table:last-child {
  padding: 0;
}

.icon-dots-row {
  width: 34px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: rgba(217, 217, 217, 0.4);
  cursor: pointer;
  transition: all 0.3s;
}

.icon-dots-row:hover {
  background: rgba(217, 217, 217, 0.6);
}

.imt-table-order {
  z-index: 2;
  position: relative;
  transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1799px) {
  .imt-table-tt {
    width: 120px;
  }

  .ct-table-order-detail .imt-date-ut {
    width: 110px;
  }

  .ct-table-order-detail .imt-slt {
    width: 130px;
  }

  .ct-table-order-detail .imt-sl-tg {
    width: 110px;
  }

  .ct-table-order-detail .imt-tt-tg {
    width: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .wp-order-page {
    padding: 20px;
  }

  .ct-table-order-detail {
    margin: 0 -20px;
  }

  .ct-table-order-detail .title-table {
    padding: 8px 20px;
  }

  .ct-table-order-detail .tr-table {
    padding: 10px 20px;
  }

  .imt-table-tt {
    width: 110px;
  }

  .ct-table-order-detail .imt-date-ut {
    width: 95px;
  }

  .ct-table-order-detail .imt-slt {
    width: 90px;
  }

  .ct-table-order-detail .imt-sl-tg {
    width: 90px;
  }

  .ct-table-order-detail .imt-tt-tg {
    width: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .ct-table-order-detail {
    overflow-x: auto;
  }

  .ct-table-order-detail .title-table {
    width: 1200px;
  }

  .ct-table-order-detail .content-table {
    width: 1200px;
  }

  .imt-table-order {
    position: sticky;
    left: 0;
    top: 0;
    background: #fff;
    flex: none;
    width: 400px;
    padding-left: 20px;
    margin-left: -30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .ct-table-order-detail,
  .ct-table-order-tc {
    margin: 0 -20px;
    overflow-x: auto;
  }

  .imt-table-order {
    position: sticky;
    left: 0;
    top: 0;
    background: #fff;
    flex: none;
    width: 350px;
    padding-left: 20px;
    margin-left: -30px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .imt-table-order {
    position: sticky;
    left: 0;
    top: 0;
    background: #fff;
    flex: none;
    width: 320px;
    padding-left: 20px;
    margin-left: -30px;
  }
}

@media (max-width: 991px) {
  .wp-order-page {
    padding: 20px;
  }

  .ct-table-order-detail {
    margin: 0 -20px;
    overflow-x: auto;
  }

  .ct-table-order-detail .title-table {
    width: 1400px;
    padding: 13px 20px;
  }

  .ct-table-order-detail .content-table {
    width: 1400px;
  }

  .imt-table-tt {
    width: 120px;
  }

  .ct-table-order-detail .imt-date-ut {
    width: 130px;
  }

  .ct-table-order-detail .imt-slt {
    width: 140px;
  }

  .ct-table-order-detail .imt-sl-tg {
    width: 150px;
  }

  .ct-table-order-detail .imt-tt-tg {
    width: 150px;
  }
}

@media (max-width: 575px) {
  .flex-breacumb {
    flex-wrap: wrap;
    gap: 4px 0;
  }

  .flex-breacumb .breadcrumb-pd {
    flex: none;
    width: 100%;
  }

  .btn-add-new {
    margin-top: 7px;
  }

  .tk-number-selected {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .ct-table-order-detail {
    margin: 0 -15px;
  }

  .lst-bottom-block {
    display: block;
    padding: 0;
    margin-top: 10px;
  }

  .left-bottom-block {
    text-align: right;
    margin-bottom: 15px;
  }

  .list-navigtion-item {
    justify-content: center;
  }

  .left-bottom-block {
    margin-right: -5px;
    margin-top: -9px;
  }
}

/* End Trang đơn hàng */

/* Modal Small */

.popup-page-small {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9;
  width: 100vw;
  height: 100vh;
}

.popup-page-small.open-popup {
  opacity: 1;
  visibility: visible;
}

.content-popup-small {
  z-index: 2;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.main-popup-small {
  width: 600px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  margin: 1.75rem auto;
  -webkit-transform: translate(0, -65%);
  -ms-transform: translate(0, -65%);
  transform: translate(0, -65%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.popup-page-small.open-popup .main-popup-small {
  transform: translate(0, 0);
}

.bg-popup-page {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.popup-page-small.open-popup .bg-popup-page {
  opacity: 0.8;
  visibility: visible;
}

.block-choose-opt-column {
  padding: 25px 35px;
}

.title-popup-small h3 {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  color: var(--primary-color-3);
}

.title-popup-small {
  padding-bottom: 16px;
}

.icon-close-small {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  cursor: pointer;
}

.icon-close-small:hover {
  background: rgba(217, 217, 217, 0.7);
}

.item-check-type {
  margin-bottom: 6px;
  position: relative;
}

.item-check-type input {
  position: absolute;
  visibility: hidden;
}

.item-check-type label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
}

.item-check-type label .check {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 18px;
  height: 18px;
  display: block;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  position: relative;
  top: 3px;
}

.item-check-type input:checked~label .check {
  opacity: 0;
  visibility: hidden;
}

.item-check-type label .checked {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  width: 18px;
  height: 18px;
  display: block;
}

.item-check-type input:checked~label .checked {
  opacity: 1;
  visibility: visible;
}

.item-check-type input:checked~label .check {
  opacity: 0;
  visibility: hidden;
}

.item-check-type label .name-text {
  flex: 1;
  margin-left: 12px;
  position: relative;
  top: 2px;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
}

.item-check-type.item-hidden {
  pointer-events: none;
}

.item-check-type.item-hidden .check {
  background: rgba(217, 217, 217, 0.6);
}

.item-check-type.item-hidden .name-text {
  color: rgba(0, 0, 0, 0.5);
}

.lst-btn-popup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bottom-choose-opt-column {
  padding-top: 20px;
}

.imt-btn-cancel a {
  background: var(--border-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  height: 30px;
  color: var(--primary-color-3);
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  transition: all 0.3s;
}

.imt-btn-cancel a:hover {
  background: rgba(255, 0, 0, 0.15);
  color: #ff0000;
}

.imt-btn-cancel {
  padding-right: 10px;
}

.imt-btn-apply a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #21be60;
  border-radius: 5px;
  height: 30px;
  padding: 0 8px;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
  transition: all 0.3s;
}

.imt-btn-apply a:hover {
  background: #20ab58;
}

@media (max-width: 1199px) {
  .popup-page-small {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .content-popup-small {
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .main-popup-small {
    width: 500px;
  }
}

@media (max-width: 575px) {
  .main-popup-small {
    width: 90%;
  }

  .block-choose-opt-column {
    padding: 20px;
  }

  .title-popup-small {
    padding-right: 35px;
  }
}

/* End Modal Small */

/* Chi tiết đơn hàng */

.txt-tab-page .icon {
  margin-right: 15px;
}

.imt-tab-page:first-child .txt-tab-page .icon {
  display: none;
}

.imt-tab-page.active .txt-tab-page .icon svg path {
  fill: #ff4949;
}

.txt-tab-page .icon svg path {
  transition: all 0.3s;
}

.imt-tab-page .txt-tab-page:hover .icon svg path {
  fill: #ff4949;
}

.layout-order-detail-page {
  display: flex;
  align-items: flex-start;
}

.left-order-detail-page {
  flex: 1;
  margin-right: 100px;
  width: calc(100% - 500px);
}

.right-order-detail-page {
  width: 400px;
}

.box-sl-user {
  border: 1px solid rgba(217, 217, 217, 0.8);
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 12px;
}

.title-box-detail-page {
  display: flex;
}

.title-box-detail-page .icon {
  width: 20px;
}

.title-box-detail-page .txt {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--primary-color-3);
  position: relative;
  top: 3px;
  flex: 1;
  margin-left: 3px;
}

.content-box-detail-page {
  border-top: 1px solid rgba(217, 217, 217, 0.6);
  padding-top: 10px;
  margin-top: 10px;
}

.imt-box-sl-uv .txt-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
  margin-bottom: 1px;
}

.imt-box-sl-uv .txt-content {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.imt-box-sl-uv {
  padding-bottom: 11px;
}

.imt-box-sl-uv:last-child {
  padding-bottom: 0;
}

.imt-date-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}

.imt-date-info:last-child {
  padding-bottom: 0;
}

.left-imt-date-info .txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.left-imt-date-info .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.left-imt-date-info {
  flex: 1;
  margin-right: 10px;
}

.label-hsd {
  background: rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  height: 24px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.label-out-hsd {
  background: rgba(255, 0, 0, 0.21);
  border-radius: 5px;
  height: 24px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.block-picture-detail-order {
  display: flex;
  flex-wrap: wrap;
}

.main-order-detail-page {
  width: 85%;
}

.imt-picture-order {
  width: 100%;
}

.imt-picture-order img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.lst-btn-action-detail {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.lst-btn-action-detail .btn-view-all a {
  height: 30px;
  padding: 0 8px;
  font-weight: 500;
}

.lst-btn-action-detail .btn-view-all {
  padding-right: 10px;
}

.block-content-info-order .edit {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  color: var(--primary-color-3);
  margin-bottom: 15px;
}

.block-content-info-order .edit .name {
  font-weight: 500;
}

.lst-top-info-order .map-order {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
}

.block-content-info-order .lst-top-info-order {
  margin-bottom: 10px;
}

.imt-order-show {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.imt-order-show .icon {
  width: 18px;
}

.imt-order-show .txt {
  flex: 1;
  margin-left: 6px;
  position: relative;
  top: 1px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  opacity: 0.6;
}

.show-list-imt-order {
  padding-bottom: 15px;
}

.title-content-info-order .txt {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: var(--primary-color-3);
}

.title-content-info-order {
  padding-bottom: 6px;
}

.content-mt-cv p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
}

.block-mt-cv {
  padding-bottom: 22px;
}

.lst-imt-block-yc {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-bottom: -10px;
}

.imt-block-yc {
  padding: 0 10px;
  width: 20%;
  margin-bottom: 15px;
}

.imt-block-yc .txt-title-imt {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.imt-block-yc .txt-content-imt {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-color-3);
}

.btn-read-more {
  padding-top: 10px;
}

.txt-more {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0066ff;
}

.block-yc {
  padding-bottom: 30px;
}

.lst-imt-info-company {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.lst-imt-info-company .imt-block-yc {
  width: 50%;
}

.main-block-info-company {
  padding-top: 10px;
}

.table-info-order {
  margin: 0;
  padding: 0;
}

.table-info-order .title-table {
  padding: 5px 0;
}

.table-info-order .tr-table {
  padding-right: 0;
  padding-left: 0;
}

.label-dt {
  background: rgba(0, 196, 192, 0.1);
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 196, 192, 0.9);
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding: 0 6px;
  height: 22px;
  margin-right: 5px;
}

.table-info-order .imt-slt {
  width: 110px;
}

.table-info-order .imt-sl-tg {
  width: 110px;
}

.table-info-order .imt-tt-tg {
  width: 110px;
}

.table-info-order .lst-top-info-order {
  margin-bottom: 3px;
}

.block-info-company {
  padding-bottom: 30px;
}

/* ------ */

.ct-nav-slide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  line-height: 36px;
  border-radius: 50%;
  background: #f3f4f9;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
}

.slide-products-hot {
  position: relative;
  width: 100%;
}

.ct-nav-slide svg {
  transform: scale(0.7);
}

.btn-prev-slide-products {
  left: -18px;
}

.btn-next-slide-products {
  right: -18px;
}

.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.block-slide-products-hot {
  width: 100%;
  margin-bottom: 20px;
}

.ct-nav-slide:hover {
  background: #dddee3;
}

/* ----- */

@media (min-width: 1600px) and (max-width: 1799px) {
  .main-order-detail-page {
    width: 100%;
  }

  .left-order-detail-page {
    margin-right: 50px;
  }
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .main-order-detail-page {
    width: 100%;
  }

  .left-order-detail-page {
    margin-right: 50px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .main-order-detail-page {
    width: 100%;
  }

  .left-order-detail-page {
    margin-right: 50px;
    width: calc(100% - 400px);
  }

  .right-order-detail-page {
    width: 350px;
  }

  .table-info-order .imt-tt-tg {
    width: 100px;
  }

  .table-info-order .imt-sl-tg {
    width: 100px;
  }

  .table-info-order .imt-slt {
    width: 100px;
  }

  .imt-block-yc {
    width: 33.33%;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .main-order-detail-page {
    width: 100%;
  }

  .left-order-detail-page {
    margin-right: 0;
    width: 100%;
  }

  .right-order-detail-page {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .imt-block-yc {
    width: 25%;
  }

  .layout-order-detail-page {
    flex-direction: column-reverse;
  }

  .box-sl-user {
    width: 49%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .left-order-detail-page {
    margin-right: 50px;
    width: calc(100% - 350px);
  }

  .right-order-detail-page {
    width: 300px;
  }

  .box-sl-user {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .left-order-detail-page {
    margin-right: 0;
    flex: none;
    width: 100%;
  }

  .right-order-detail-page {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .layout-order-detail-page {
    flex-direction: column-reverse;
  }

  .main-order-detail-page {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-order-detail-page {
    width: 100%;
  }

  .imt-block-yc {
    width: 25%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .imt-block-yc {
    width: 25%;
  }

  .box-sl-user {
    width: 49%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .imt-block-yc {
    width: 33.33%;
  }

  .box-sl-user {
    width: 100%;
  }

  .table-info-order {
    overflow-x: auto;
  }
}

@media (max-width: 575px) {
  .imt-block-yc {
    width: 100%;
  }

  .box-sl-user {
    width: 100%;
  }

  .table-info-order {
    overflow-x: auto;
  }

  .wp-order-page {
    padding: 15px;
  }

  .imt-date-info {
    display: block;
  }

  .left-imt-date-info {
    margin: 0;
    margin-bottom: 2px;
  }

  .lst-imt-info-company .imt-block-yc {
    width: 100%;
  }
}

/* End Chi tiết đơn hàng */

/* Chi tiết đơn hàng (Tiến cử) */

.style-tc-btn {
  margin-right: 10px;
}

.title-name-tab-order {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--primary-color-3);
  margin-bottom: 4px;
}

.group-btn-action-dd {
  margin-bottom: 15px;
}

.box-btn-list-tc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
  margin-bottom: 15px;
}

.btn-export a {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  background: #06f;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
  transition: all 0.3s;
}

.btn-export a:hover {
  background: #1866db;
}

.btn-tc a {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  display: flex;
  align-items: center;
  background: rgba(217, 217, 217, 0);
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
  transition: all 0.3s;
}

.btn-tc a:hover {
  background: rgba(217, 217, 217, 0.7);
}

.btn-tc.active a {
  background: rgba(217, 217, 217, 0.7);
  font-weight: 600;
}

.btn-selected a {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  transition: all 0.3s;
  height: 30px;
  padding: 0 10px;
  background: transparent;
  display: flex;
  border-radius: 5px;
  align-items: center;
}

.btn-selected a:hover {
  background: rgba(217, 217, 217, 0.4);
}

.btn-cancel-tc a {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  transition: all 0.3s;
  height: 30px;
  padding: 0 10px;
  background: transparent;
  display: flex;
  border-radius: 5px;
  align-items: center;
}

.btn-cancel-tc a:hover {
  background: rgba(217, 217, 217, 0.4);
}

.box-number-selected {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.tk-number-selected {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  margin-right: 15px;
}

.tk-number-selected .number {
  color: #0066ff;
  font-weight: 700;
}

.box-number-selected .item-choose-filter select {
  background: rgba(217, 217, 217, 0.4);
}

.box-number-selected .item-choose-filter {
  border: none;
  margin-bottom: 0;
}

.imt-tt-sdt {
  width: 120px;
}

.imt-tt-gt {
  width: 120px;
}

.imt-tt-year {
  width: 120px;
}

.imt-tt-town {
  width: 130px;
}

.imt-tb-exp {
  width: 200px;
}

.box-info-uv {
  display: flex;
  width: 100%;
  align-items: center;
}

.lst-top-info-order .number-year {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--primary-color-3);
  display: flex;
  align-items: center;
}

.name-order-cart {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: var(--primary-color-3);
}

.info-order-cart .content .code-order {
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: var(--primary-color-3);
}

.box-info-uv .item-check-type {
  margin-bottom: 0;
}

.box-info-uv .info-order-cart {
  flex: 1;
  margin-left: 10px;
}

.block-table-order-new .item-check-type label .check {
  width: 15px;
  height: 15px;
}

.block-table-order-new .item-check-type label .checked {
  width: 15px;
  height: 15px;
}

.lst-imt-exp {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -6px;
}

.imt-exp {
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.imt-table-order .item-check-type label .name-text {
  font-weight: 500;
}

.label-tt-4 {
  background: rgba(24, 49, 83, 0.1);
  color: #183153;
}

.imt-exp p {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  margin-bottom: 0;
}

.imt-tb-tt-tc {
  width: 140px;
}

.ct-label-tt.label-tt-8 {
  background: rgba(255, 185, 27, 0.1);
  color: #ffb91b;
}

.ct-label-tt.label-tt-7 {
  background: rgba(16, 183, 191, 0.1);
  color: #10b7bf;
}

.imt-content-table .ct-button-tc a {
  display: inline-flex;
  border-radius: 100px;
  padding: 0 12px;
  margin-bottom: 0;
  height: 28px;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .imt-tt-gt {
    width: 90px;
  }

  .imt-tt-year {
    width: 90px;
  }

  .imt-tb-tt-tc {
    width: 120px;
  }

  .title-table {
    padding: 10px 20px;
  }

  .tr-table {
    padding: 10px 20px;
  }
}

@media (max-width: 1599px) {
  .imt-tt-gt {
    width: 90px;
  }

  .imt-tt-year {
    width: 100px;
  }

  .ct-table-order-tc .title-table {
    width: 1400px;
  }

  .ct-table-order-tc .content-table {
    width: 1400px;
  }

  .ct-table-order-tc {
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .block-table-order-new.ct-table-order-tc {
    margin: 0 -20px;
  }
}

@media (max-width: 575px) {
  .block-table-order-new.ct-table-order-tc {
    margin: 0 -15px;
  }

  .box-number-selected {
    display: block;
  }

  .tk-number-selected {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/* End Chi tiết đơn hàng (Tiến cử) */

/* End Chi tiết đơn hàng (Thi tuyển) */

.lst-imt-tc-page {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.imt-tc-page {
  width: 50%;
  padding: 0 6px;
  margin-bottom: 11px;
}

.layout-imt-tc-page {
  background: rgba(217, 217, 217, 0.1);
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 10px;
  padding: 10px;
  height: 100%;
}

.layout-imt-tc-page .info-order-cart .avatar {
  width: 70px;
  height: 70px;
  border-radius: 10px;
}

.layout-imt-tc-page .info-order-cart .avatar a {
  display: block;
  width: 100%;
  height: 100%;
}

.layout-imt-tc-page .lst-top-info-order .txt-map {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.bt-imt-tc-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 11px;
}

.bt-imt-tc-page .location {
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.bt-imt-tc-page .location .icon {
  width: 18px;
  height: 18px;
}

.bt-imt-tc-page .location .txt {
  flex: 1;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  opacity: 0.6;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.lst-button-imt {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: -5px;
}

.ct-button-tc {
  margin-right: 5px;
  margin-bottom: 5px;
}

.ct-button-tc a {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  transition: all 0.3s;
  border-radius: 5px;
}

.ct-button-tc.button-5 a {
  background: rgba(5, 5, 5, 0.1);
  color: var(--primary-color-3);
}

.ct-button-tc.button-1 a {
  background: rgba(0, 196, 192, 0.2);
  color: #00c4c0;
}

.ct-button-tc.button-2 a {
  color: #ff9b04;
  background: rgba(255, 155, 4, 0.1);
}

.ct-button-tc.button-3 a {
  color: rgba(255, 34, 34, 0.8);
  background: rgba(255, 0, 0, 0.1);
}

.ct-button-tc.button-4 a {
  background: rgba(33, 190, 96, 0.1);
  color: #21be60;
}

.block-otp-info-ct {
  padding-top: 10px;
}

.ct-imt-tclt .bt-imt-tc-page .lst-button-imt {
  justify-content: flex-start;
  margin-top: 0;
}

@media (max-width: 1399px) {
  .bt-imt-tc-page {
    display: block;
  }

  .lst-button-imt {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .imt-tab-page .txt-tab-page {
    background: #efefef;
  }

  .txt-tab-page .icon {
    display: none;
  }
}

@media (max-width: 767px) {
  .imt-tc-page {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .layout-imt-tc-page .info-order-cart .avatar {
    width: 50px;
    height: 50px;
  }

  .layout-imt-tc-page .info-order-cart {
    display: block;
    position: relative;
  }

  .layout-imt-tc-page .info-order-cart .content {
    margin: 0;
    margin-top: 10px;
  }

  .layout-imt-tc-page .info-order-cart .lst-top-info-order {
    margin-top: -61px;
    margin-left: 63px;
  }

  .box-btn-list-tc {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 7px;
  }

  .style-tc-btn {
    white-space: nowrap;
  }
}

/* End Chi tiết đơn hàng (Thi tuyển) */

/* Trang tin tức */

.block-lst-new-page .lst-imt-ntf-new {
  border-bottom: 1px solid rgba(217, 217, 217, 0.8);
  margin: 0;
  margin-bottom: 20px;
}

.title-new-detail-page .name {}

.title-new-detail-page .name-small-title {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
}

.title-new-detail-page .name-small-title .bold {
  font-weight: 500;
}

.title-new-detail-page {
  padding-bottom: 20px;
}

.title-new-detail-page .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: var(--primary-color-3);
  margin-bottom: 3px;
}

.ct-editor-web p {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
  color: #000000;
}

.bottom-new-detail-page {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(217, 217, 217, 0.8);
}

.bottom-new-detail-page .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--primary-color-3);
  margin-bottom: 10px;
}

.imt-file-dk {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.imt-file-dk:last-child {
  margin-bottom: 0;
}

.left-imt-file-dk {
  flex: 1;
  margin-right: 8px;
  display: flex;
  align-items: center;
}

.btn-download a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0066ff;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  transition: all 0.3s;
}

.btn-download a:hover {
  background: #045ee5;
}

.left-imt-file-dk .icon {
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-imt-file-dk .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #0066ff;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: 12px;
  flex: 1;
  word-break: break-all;
}

.box-lst-imt-file {
  margin-bottom: 7px;
}

.right-imt-file-dk {
  display: flex;
  align-items: center;
}

.btn-upload-file-dk a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  padding: 0 12px;
  height: 34px;
  transition: all 0.3s;
}

.btn-upload-file-dk a .icon {
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.btn-upload-file-dk a .txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  transition: all 0.3s;
}

.btn-upload-file-dk a:hover {
  background: rgba(217, 217, 217, 0.7);
}

.btn-upload-file-dk {
  padding-top: 10px;
}

.btn-edit-file {
  padding-right: 8px;
}

.btn-edit-file a {
  background: var(--border-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 30px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: var(--primary-color-3);
  transition: all 0.3s;
}

.btn-edit-file a:hover {
  background: #cfcfcf;
}

.btn-del-file a {
  background: rgba(255, 34, 34, 0.8);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 30px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
  transition: all 0.3s;
}

.btn-del-file a:hover {
  background: rgba(255, 34, 34, 1);
}

.right-share-new {
  display: flex;
  align-items: center;
}

.block-share-new {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.left-share-new {
  flex: 1;
  margin-right: 10px;
}

.left-share-new .txt {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: var(--primary-color-3);
}

.main-choose-dm-new .item-choose-filter {
  margin-right: 0;
}

@media (max-width: 575px) {
  .block-lst-new-page .lst-imt-ntf-new {
    margin-bottom: 0;
    border: none;
  }

  .block-lst-new-page .lst-imt-ntf-new .imt-ntf-new {
    padding: 0;
  }

  .block-share-new {
    display: block;
  }

  .left-share-new {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .item-choose-filter {
    width: 100%;
    margin-right: 0;
  }
}

/* End Trang tin tức */

/* Trang khách hàng */

.ct-btn-ts a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.4);
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  color: var(--primary-color-3);
  font-weight: 400;
  height: 30px;
  font-size: 13px;
  padding: 0 8px;
  line-height: 16px;
  transition: all 0.3s;
}

.ct-btn-ts a:hover {
  background: rgba(217, 217, 217, 0.7);
}

.ct-btn-ts {
  margin-right: 10px;
  margin-bottom: 10px;
}

.ct-btn-ts.btn-export a {
  background: #21be60;
  border: none;
  color: #fff;
}

.ct-btn-ts.btn-export a:hover {
  background: #1bb157;
}

.label-tt-5 {
  background: rgba(97, 2, 253, 0.1);
  color: #6102fd;
}

.title-table .item-check-type label {
  margin-bottom: 0;
}

.box-btn-list-kh {
  display: flex;
  flex-wrap: wrap;
}

.number-uer-gt {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #0066ff;
}

/* End Trang khách hàng */

/* Hồ sơ */

.ct-label-tt.label-tt-6 {
  color: #ff9b04;
  background: rgba(255, 155, 4, 0.1);
}

.imt-tt-date {
  width: 130px;
}

.imt-tb-nd {
  width: 200px;
}

/* End Hồ sơ */

/* Đơn hàng */

.label-color-1 {
  background: rgba(1, 149, 146, 0.1);
  color: #019592;
}

.label-color-2 {
  color: #ff9b04;
  background: rgba(255, 155, 4, 0.1);
}

.imt-tb-number {
  width: 120px;
}

.imt-number-cn {
  width: 200px;
}

.number-sl {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #0066ff;
}

.imt-table-name-dv {
  width: 170px;
}

.name-map-dh {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--primary-color-3);
  display: flex;
  align-items: center;
}

.imt-tb-nn {
  width: 300px;
}

.label-tt.label-color-3 {
  color: #21be60;
  background: rgba(33, 190, 96, 0.1);
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .imt-number-cn {
    width: 150px;
  }

  .imt-tb-number {
    width: 100px;
  }

  .imt-table-name-dv {
    width: 140px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {}

/* End Đơn hàng */

/* Tài chính */

.imt-table-exam {
  width: 130px;
  text-align: center;
}

.box-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}

.box-circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.box-circle.color-circle-1 {
  background: #21be60;
}

.box-circle.color-circle-1:before {
  background: rgba(33, 190, 96, 0.2);
}

.box-circle.color-circle-2 {
  background: #ff9b04;
}

.box-circle.color-circle-2:before {
  background: rgba(255, 155, 4, 0.2);
}

.box-circle.color-circle-3 {
  background: #ff0000;
}

.box-circle.color-circle-3:before {
  background: rgba(255, 0, 0, 0.2);
}

.imt-table-line-progress {
  width: 150px;
}

.line-bar-progress {
  display: flex;
  align-items: center;
}

.block-tt-tc {
  background: rgba(217, 217, 217, 0.2);
  padding: 20px 35px;
  display: none;
}

.block-tt-tc .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
}

.main-tt-tc {
  padding-top: 15px;
}

.imt-tt-tc {
  padding-bottom: 25px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.imt-tt-tc:last-child {
  padding: 0;
}

.lst-btn-tt-tc {
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.left-imt-tt-tc {
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
}

.right-imt-tt-tc {
  width: 600px;
  margin-top: -4px;
}

.left-imt-tt-tc .box-circle {
  margin: 0;
  position: relative;
  z-index: 1;
}

.txt-name-tt-tc {
  margin-left: 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  position: relative;
}

.lst-imt-check-box {
  display: flex;
  align-items: center;
  margin-bottom: -6px;
}

.block-tt-tc.open {
  display: block;
}

.lst-imt-check-box .item-check-type {
  margin-right: 40px;
}

.lst-imt-check-box .item-check-type:last-child {
  margin-right: 0;
}

.imt-tt-tc:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 4px;
  border: 1px solid rgba(217, 217, 217, 0.8);
  height: 100%;
}

.imt-tt-tc:last-child:before {
  display: none;
}

.box-list-mt-more {
  padding-top: 10px;
}

.imt-mt-more {
  margin-bottom: 8px;
  padding-left: 15px;
  position: relative;
}

.imt-mt-more:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #21be60;
}

.imt-mt-more p {
  font-size: 14px;
  line-height: 17px;
  color: var(--primary-color-3);
  font-weight: 500;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .imt-table-exam {
    width: 90px;
  }
}

@media (max-width: 991px) {
  .imt-tt-tc {
    display: block;
  }

  .right-imt-tt-tc {
    width: 100%;
    margin: 0;
    padding-top: 10px;
    padding-left: 26px;
  }

  .right-imt-tt-tc .item-check-type label .name-text {
    top: 1px;
  }

  .block-tt-tc {
    padding: 20px;
  }
}

.nav-parent .icon-illus .kt-menu__link-icon {
  color: #1c1b1f;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
}

.item-nav-group-child.active .nav-parent .icon-illus .kt-menu__link-icon i {
  color: #0066ff;
  opacity: 1;
}

.nav-parent .icon-illus i {
  color: #1c1b1f;
  opacity: 0.6;
  transition: all 0.3s;
}

.item-nav-group-child.active .nav-parent .icon-illus i {
  color: #0066ff;
  opacity: 1;
}

/* End Tài chính */

.lst-top-info-order .ct-label-tt {
  height: 22px;
  border-radius: 5px;
  padding: 0 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  margin-right: 5px;
}

.list-picture-dv-fl {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-right: 9px;
  justify-content: flex-end;
}

.item-avatar-dv {
  width: 30px;
  height: 30px;
  margin-right: -9px;
}

.item-avatar-dv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--border-color);
  position: relative;
  border-radius: 50%;
}

.txt-join {
  color: #414b5b;
  font-size: 14px;
  line-height: 18px;
  margin-left: 5px;
}

.list-ava-combo {
  display: flex;
  align-items: center;
}

.lst-imt-sv {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.lst-imt-sv::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}

.lst-imt-sv::-webkit-scrollbar-thumb {
  background: #646577;
  border-radius: 100px;
}

.lst-imt-sv::-webkit-scrollbar {
  width: 0;
  height: 8px;
  border-radius: 100px;
}

.imt-sv {
  width: 350px;
  position: relative;
  padding: 0 10px;
  flex: none;
  padding-bottom: 20px;
}

.imt-sv:first-child {
  padding-left: 0;
}

.imt-sv:last-child {
  padding-right: 0;
}

.layout-main-sv-page {
  width: calc(100vw - 365px);
}

.layout-imt-sv:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  height: 5px;
  border-radius: 10px 10px 0px 0px;
  left: 0;
}

.item-sv-1 .layout-imt-sv:before {
  background: #ff9b04;
}

.item-sv-2 .layout-imt-sv:before {
  background: #00c4c0;
}

.item-sv-3 .layout-imt-sv:before {
  background: #6102fd;
}

.layout-imt-sv {
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  padding: 20px 25px;
  height: 100%;
}

.title-imt-sv {
  display: flex;
  align-items: flex-start;
}

.title-imt-sv .name {
  flex: 1;
  margin-right: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.title-imt-sv .number-imt {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #0066ff;
}

.content-imt-sv {
  padding-top: 20px;
}

.imt-child-sv {
  background: rgba(217, 217, 217, 0.2);
  border: 1px solid rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  margin-bottom: 12px;
  padding: 12px;
}

.title-imt-child-sv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-imt-child-sv .date {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.content-imt-child-sv {
  padding-top: 10px;
}

.name-imt-child a {
  color: #000000;
  transition: all 0.3s;
  display: inline-block;
}

.name-imt-child {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 5px;
}

.name-imt-child a:hover {
  color: #0066ff;
}

.content-imt-child-sv .txt-small-imt {
  font-weight: 300;
  font-size: 13px;
  line-height: 19px;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lst-tt-imt-child {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}

.imt-tt-child {
  margin-bottom: 10px;
  margin-right: 8px;
  background: rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}

.imt-tt-child.timeline-imt {
  background: #ffd600;
}

.box-category-imt {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
}

.imt-category {
  border: 1px solid var(--border-color);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 5px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.txt-imt-category {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.content-imt-child-sv .box-user-imt {
  margin-bottom: 10px;
}

.imt-tt-child .txt {
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}

.imt-tt-child .icon {
  position: relative;
  top: -1px;
  margin-right: 3px;
}

.imt-tt-child.finish-imt {
  background: #21be60;
}

.imt-tt-child.finish-imt .icon img {
  filter: brightness(99);
}

.imt-tt-child.finish-imt .txt {
  color: #ffffff;
}

.imt-child-sv .ct-label-tt {
  border-radius: 5px;
  font-weight: 500;
  padding: 0 8px;
}

.block-box-tk-now.ct-flex-imt .imt-box-tk-now {
  width: 20%;
}

.ct-popup-sv {
  z-index: 98;
  overflow-y: auto;
  overflow-x: hidden;
}

.ct-popup-sv .main-popup-small {
  width: 800px;
}

.ct-popup-sv .content-popup-small {
  display: block;
  height: auto;
}

.block-sv-modal {
  padding: 30px 100px;
}

.title-sv-modal h3 {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  color: var(--primary-color-3);
  margin-right: 10px;
}

.title-sv-modal .form-title {
  flex: 1;
}

.group-top-title input {
  width: 100%;
  height: 32px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 0 11px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

.group-top-title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.box-popup-select-td {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 30px;
  width: 260px;
  padding: 10px 15px;
  z-index: 1;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.select-choose-td {
  position: relative;
}

.close-popup-select {
  position: absolute;
  top: 8px;
  right: 11px;
  cursor: pointer;
}

.close-popup-select svg path {
  transition: all 0.3s;
}

.close-popup-select:hover svg path {
  fill: #cf5454;
}

.title-popup-select-td {
  padding-right: 15px;
  padding-bottom: 12px;
}

.title-popup-select-td p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.main-popup-select-td .item-check-type label .check {
  width: 15px;
  height: 15px;
  top: 4px;
}

.main-popup-select-td .item-check-type label .checked {
  width: 15px;
  height: 15px;
}

.main-popup-select-td .item-check-type label .name-text {
  margin-left: 6px;
}

.main-popup-select-td .item-check-type label {
  margin-bottom: 0;
}

.title-select-choose-td {
  display: flex;
  align-items: center;
}

.title-select-choose-td .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-color-3);
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.title-select-choose-td .txt {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-color-3);
  margin-right: 4px;
  pointer-events: none;
}

.title-select-choose-td .icon-select {
  margin-left: 10px;
  position: relative;
  top: -2px;
  cursor: pointer;
}

.box-popup-select-td.open-box {
  opacity: 1;
  visibility: visible;
}

.layout-block-sv-modal {
  display: flex;
  padding-top: 20px;
}

.left-block-sv-modal {
  flex: 1;
}

.right-block-sv-modal {
  width: 200px;
  margin-left: 30px;
}

.title-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-color-3);
  margin-bottom: 10px;
}

.box-mt textarea {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  width: 100%;
  height: 150px;
  padding: 10px;
  outline: none;
  transition: all 0.3s;
}

.box-mt textarea:focus {
  border-color: #0066ff;
}

.box-mt textarea::placeholder {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  opacity: 0.6;
}

.item-fill-comment-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
}

.item-fill-comment-child .txt-name-comment {
  display: block;
  color: #414b5b;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.item-fill-comment-child .block-info-comment {
  color: #414b5b;
  font-size: 14px;
  line-height: 19px;
}

.item-fill-comment-child .img-fill-commnet {
  width: 30px;
  height: 30px;
  position: relative;
  top: 3px;
  display: block;
}

.img-fill-commnet img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}

.ct-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.area-input-content-msg {
  position: relative;
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 9px;
  overflow: hidden;
}

.area-input-content-msg input {
  width: 100%;
  padding: 10px;
  padding-top: 11px;
  border-radius: 5px;
  outline: none;
  min-height: 40px;
  padding-right: 45px;
  padding-left: 15px;
  border: none;
}

.txt-cancel-edit {
  color: #414b5b;
  font-size: 13px;
  line-height: 18px;
  margin-right: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.txt-cancel-edit .bt-cancel {
  color: #1876f2;
  position: relative;
  border-bottom: 1px solid #1876f2;
  cursor: pointer;
  margin-left: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.txt-cancel-edit .bt-cancel:hover {
  color: #e74a4a;
  border-color: #e74a4a;
}

.icon-send-input-msg {
  position: absolute;
  right: 15px;
  background: transparent;
  padding: 0;
  outline: none;
  border: none;
  top: 12px;
  cursor: pointer;
}

.icon-send-input-msg svg path {
  transition: all 0.3s;
}

.icon-send-input-msg:hover svg path {
  fill: #5d5e5d;
}

.main-fill-comment {
  flex: 1;
  margin-left: 10px;
}

.title-imt-menu-sv {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

.imt-sv-child {
  margin-bottom: 10px;
  position: relative;
}

.title-sv-child {
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}

.title-sv-child:hover {
  background: rgba(217, 217, 217, 0.7);
}

.title-sv-child .name {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  transition: all 0.3s;
  flex: 1;
  margin-left: 5px;
}

.title-sv-child .icon {
  position: relative;
  top: -2px;
}

.box-popup-sv-child {
  position: absolute;
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  width: 250px;
  right: 0;
  top: 39px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  padding: 10px;
}

.box-popup-sv-child.open-box {
  opacity: 1;
  visibility: visible;
}

.block-user-imt {
  display: flex;
  align-items: center;
  width: 100%;
}

.block-user-imt .avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: 0px;
  display: block;
}

.block-user-imt .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.box-popup-sv-child .main-popup-select-td label {
  width: 100%;
}

.block-user-imt .name-user {
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
}

.block-user-imt .txt-smal {
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.block-user-imt .content {
  flex: 1;
  margin-left: 8px;
}

.ct-style-checkbox label .checked {
  left: auto;
  right: 0;
}

.ct-style-checkbox .main-popup-select-td .item-check-type {
  padding: 4px 0px;
  background: transparent;
  transition: all 0.3s;
  position: relative;
}

.ct-style-checkbox .item-check-type:hover:before {
  background: #ebebeb;
}

.ct-style-checkbox .item-check-type {
  position: relative;
}

.ct-style-checkbox .item-check-type:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: transparent;
  transform: scale(1.05);
  border-radius: 4px;
}

.imt-menu-sv-modal {
  padding-bottom: 10px;
}

.block-layout-scroll-popup {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -10px;
}

.block-layout-scroll-popup::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}

.block-layout-scroll-popup::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 100px;
}

.block-layout-scroll-popup::-webkit-scrollbar {
  width: 5px;
  border-radius: 100px;
}

.block-layout-scroll-popup .lst-item-check-type {
  padding: 0 10px;
}

.block-upload-user {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.item-upload-user {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--border-color);
  background: rgba(217, 217, 217, 0.4);
  margin-right: 3px;
  transition: all 0.3s;
  margin-bottom: 8px;
}

.item-upload-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.item-upload-user.item-upload-plus .icon-plus img {
  width: auto;
  height: auto;
}

.item-upload-user.item-upload-plus .icon-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.item-upload-user.item-upload-plus:hover {
  background: rgba(217, 217, 217, 0.8);
}

.item-upload-user.item-upload-plus {
  cursor: pointer;
}

.box-imt-sv-modal {
  padding-bottom: 18px;
}

.item-check-type .name-time {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  flex: 1;
  margin-left: 6px;
  top: 3px;
  position: relative;
  color: #000000;
}

.imt-check-list-job {
  background: rgba(217, 217, 217, 0.2);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.box-content-lst-job {
  flex: 1;
  margin-left: 8px;
  position: relative;
}

.layout-content-lst-job {
  display: flex;
  align-items: flex-start;
}

.block-tab-edit-job.imt-check-list-job {
  background: transparent;
}

.block-tab-edit-job .left-content-job .name {
  text-decoration-line: line-through;
}

.datetime-th {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.6);
}

.form-fill-add {
  padding-top: 15px;
}

.form-fill-add input {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  height: 40px;
  padding: 0 11px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

.group-th-user .block-upload-user {
  position: absolute;
  right: 0;
}

.form-fill-add input::placeholder {
  color: #000000;
  opacity: 0.5;
}

.group-th-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 35px;
  height: 28px;
}

.bottom-form-add {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.left-bottom-form-add .imt-btn-cancel {
  padding: 0;
  padding-left: 6px;
}

.right-bottom-form-add {
  display: flex;
  align-items: center;
}

.btn-form-add {
  margin-right: 15px;
}

.btn-form-add:last-child {
  margin-right: 0;
}

.btn-form-add {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.btn-form-add .txt {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  transition: all 0.3s;
}

.btn-form-add .icon {
  position: relative;
  top: -1px;
  margin-right: 4px;
}

.left-content-job .name {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  position: relative;
  top: 4px;
}

.left-content-job {
  flex: 1;
}

.right-content-job {
  min-width: 75px;
  margin-left: 10px;
}

.lst-btn-action-imt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.btn-action-imt {
  background: rgba(217, 217, 217, 0.6);
  border-radius: 3px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  transition: all 0.3s;
  cursor: pointer;
}

.btn-action-imt:last-child {
  margin-right: 0;
}

.btn-action-imt .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.btn-action-imt:hover {
  background: rgba(217, 217, 217, 0.9);
}

.imt-check-list-job .item-check-type {
  margin-bottom: 0;
}

.imt-check-list-job .item-check-type label {
  margin-bottom: 0;
}

.btn-save .imt-btn-apply {
  width: auto;
  text-align: center;
  padding-top: 10px;
}

.btn-save .imt-btn-apply a {
  display: inline-flex;
  min-width: 80px;
}

@media (min-width: 1400px) and (max-width: 1799px) {
  .layout-main-sv-page {
    width: calc(100vw - 350px);
  }

  .block-box-tk-now.ct-flex-imt .imt-box-tk-now {
    width: 25%;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .layout-main-sv-page {
    width: calc(100vw - 320px);
  }

  .block-box-tk-now.ct-flex-imt .imt-box-tk-now {
    width: 33.33%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .block-box-tk-now.ct-flex-imt .imt-box-tk-now {
    width: 33.33%;
  }
}

@media (max-width: 1199px) {
  .layout-main-sv-page {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-box-tk-now.ct-flex-imt .imt-box-tk-now {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .block-box-tk-now.ct-flex-imt .imt-box-tk-now {
    width: 100%;
  }

  .block-filter-block-order .form-search-work {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .ct-popup-sv .main-popup-small {
    width: 95vw;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-sv-modal {
    padding: 30px;
  }

  .layout-block-sv-modal {
    flex-direction: column-reverse;
  }

  .ct-popup-sv .main-popup-small {
    width: 500px;
  }

  .right-block-sv-modal {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .ct-popup-sv .icon-close-small {
    top: 5px;
    right: 5px;
  }
}

@media (max-width: 575px) {
  .ct-popup-sv .icon-close-small {
    top: -13px;
    right: -7px;
    border-radius: 50%;
    background: rgba(217, 217, 217, 1);
  }

  .group-top-title {
    display: block;
  }

  .title-sv-modal .form-title {
    padding-top: 10px;
  }

  .block-sv-modal {
    padding: 15px;
  }

  .layout-block-sv-modal {
    flex-direction: column-reverse;
  }

  .right-block-sv-modal {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .btn-form-add {
    margin-right: 5px;
  }

  .group-th-user {
    display: block;
    height: auto;
  }

  .group-th-user .block-upload-user {
    position: relative;
    padding-top: 10px;
  }
}

@media (max-width: 325px) {
  .lst-btn-popup {
    padding-top: 10px;
  }

  .bottom-form-add {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .btn-form-add {
    margin-right: 15px;
  }
}

/* Popup small */

.popup-child-small {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 14;
  width: 100%;
  height: 100%;
  display: none;
}

@keyframes hover_home {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.popup-child-small.open-popup-child .bg-popup-page {
  opacity: 0.5;
  visibility: visible;
}

.popup-child-small.open-popup-child {
  opacity: 1;
  display: block;
  visibility: visible;
  z-index: 99;
  animation: hover_home 0.3s forwards;
}

.content-popup-child-small {
  z-index: 2;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.main-popup-child-small {
  width: 600px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  margin: 1.75rem auto;
  -webkit-transform: translate(0, -65%);
  -ms-transform: translate(0, -65%);
  transform: translate(0, -65%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  padding: 35px;
}

.open-popup-child .main-popup-child-small {
  transform: translate(0, 0);
}

span.icon-close-child-small {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  cursor: pointer;
  z-index: 1;
}

.main-popup-child-small .box-popup-sv-child {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  border: none;
  background: transparent;
  z-index: 0;
  padding: 10px 0;
}

.main-popup-child-small .box-popup-sv-child .item-choose-filter {
  width: 100%;
  margin-right: 0;
}

.main-popup-child-small .box-popup-sv-child .item-choose-filter input {
  outline: none;
  padding-left: 40px;
}

.main-popup-child-small .box-popup-sv-child .item-choose-filter input:focus {
  border: none;
}

.main-popup-child-small .box-popup-sv-child .item-choose-filter input::placeholder {
  opacity: 0.5;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
  .main-popup-child-small {
    width: 95vw;
  }

  .popup-child-small {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .content-popup-child-small {
    height: auto;
  }
}

@media (max-width: 575px) {
  .main-popup-child-small {
    padding: 20px;
    padding-top: 25px;
  }

  span.icon-close-child-small {
    top: -13px;
    right: -7px;
    border-radius: 50%;
    background: rgba(217, 217, 217, 1);
  }
}

/* End Popup Small */

/* Sản phẩm */
.layout-wp-homepage-page {
  max-width: 100%;
  width: 100%;
  display: flex;
  /* align-items: flex-start; */
}

.sidebar-content-filter {
  width: 280px;
  margin-right: 25px;
}

.main-wp-homepage {
  width: calc(100% - 305px);
  flex: 1;
}

.layout-imt-filter-child {
  display: flex;
  align-items: flex-start;
  background: transparent;
  border-radius: 5px;
  padding: 9px 10px;
  transition: all 0.3s;
}

.imt-filter-child {
  margin-bottom: 1px;
}

.layout-imt-filter-child .txt {
  color: #2c3333;
  font-size: 15px;
  line-height: 1.4;
  transition: all 0.3s;
  flex: 1;
  margin-left: 8px;
  position: relative;
  top: 1px;
}

.layout-imt-filter-child .icon {
  width: 20px;
}

.layout-imt-filter-child .icon img {
  transition: all 0.3s;
  filter: brightness(1);
}

.layout-imt-filter-child:hover .icon img {
  filter: brightness(9);
}

.layout-imt-filter-child:hover .txt {
  color: #fff;
}

.layout-imt-filter-child:hover {
  background: #2c3333;
}

.imt-filter-child.active .layout-imt-filter-child {
  background: #2c3333;
}

.imt-filter-child.active .layout-imt-filter-child .txt {
  color: #fff;
}

.imt-filter-child.active .layout-imt-filter-child .icon img {
  filter: brightness(9);
}

.imt-table-check {
  width: 25px;
  margin-right: 10px;
}

.imt-table-models {
  flex: 1;
}

.imt-table-name-cl {
  width: 130px;
}

.imt-table-name-sx {
  width: 130px;
}

.imt-table-date {
  width: 120px;
}

.imt-table-user-creat {
  width: 140px;
}

.imt-table-label {
  width: 120px;
}

.ct-label-status {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 5px;
}

.ct-label-status.label-status-1 {
  background: rgba(255, 155, 4, 0.1);
  color: #ff9b04;
}

.ct-label-status.label-status-2 {
  background: rgba(0, 102, 255, 0.1);
  color: #06f;
}

.ct-label-status.label-status-3 {
  background: rgba(5, 5, 5, 0.1);
  color: var(--primary-color-3);
}

.ct-label-status.label-status-4 {
  background: rgba(28, 141, 0, 0.1);
  color: #1c8d00;
}

.imt-table-mt-color {
  flex: 1;
}

.imt-table-m3 {
  width: 70px;
}

.imt-table-mt {
  width: 130px;
}

.txt-content-table {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  word-break: break-word;
}

.imt-table-mt .txt-content-table {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 130px;
}

.imt-table-kt {
  width: 130px;
}

.ct-input {
  position: relative;
  margin-bottom: 15px;
}

.ct-input input {
  display: block;
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  outline: none;
  padding: 0 15px;
}

.name-ct-input {
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
}

.ct-input .item-choose-filter {
  margin: 0;
}

.bottom-button-modal {
  padding-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-cancel a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.6);
  height: 36px;
  color: #2c3333;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}

.btn-cancel a:hover {
  background: rgba(217, 217, 217, 1);
}

.btn-update a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  border-radius: 5px;
  background: #2c3333;
  height: 36px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}

.btn-update {
  margin-left: 10px;
}

.btn-update a:hover {
  background: #272c2c;
}

.box-upload {
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.4);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
}

.box-upload:hover {
  background: rgba(217, 217, 217, 1);
}

.box-upload:hover svg path {
  fill: #2c3333;
}

.box-upload svg path {
  transition: all 0.3s;
}

.box-show-info-choose {
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.6);
  padding: 8px 11px;
}

.form-info {
  margin-bottom: 15px;
}

.box-show-info-choose p {
  color: #2c3333;
  font-size: 13px;
  font-weight: 400;
}

.group-btn-action-dd {
  display: flex;
}

.btn-export {
  margin-right: 10px;
}

.btn-export.btn-add a {
  background: #2c3333;
}

.btn-export.btn-add a:hover {
  background: #1a1e1e;
}

.item-check-type .txt {
  color: #2c3333;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 400;
  position: relative;
  top: 1px;
}

.imt-form-fill-kt {
  display: flex;
  flex-wrap: wrap;
}

.imt-form-fill-kt .ct-input {
  width: 120px;
  margin-right: 10px;
  margin-bottom: 0;
}

.name-ct-input span {
  color: var(--primary-color-3);
  opacity: 0.6;
}

.lst-dv {
  display: flex;
  flex-wrap: wrap;
}

.lst-dv .ct-input {
  margin-bottom: 0;
  margin-right: 30px;
  width: 140px;
}

.box-address {
  margin-bottom: 15px;
  border-radius: 10px;
  background: #fff;
  padding: 15px;
}

.box-address .name {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}

.box-address .content p {
  color: #000;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 5px;
}

.box-upload-file-filter {
  border-radius: 10px;
  background: #fff;
  padding: 15px;
}

.imt-tt-file .name {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}

.imt-number-item {
  width: 50px;
  text-align: center;
  justify-content: center;
}

.item-name-model {
  width: 100px;
}

.item-name-material {
  flex: 1;
}

.item-name-seater {
  width: 125px;
}

.item-number-dimension {
  width: 110px;
}

.item-number-quantity {
  width: 80px;
  text-align: center;
  justify-content: center;
}

.item-number-net-weight {
  width: 90px;
  text-align: center;
  justify-content: center;
}

.item-number-gross-weight {
  width: 90px;
  text-align: center;
}

.item-number-m3 {
  width: 70px;
  text-align: center;
  justify-content: center;
}

.item-number-packages {
  width: 90px;
  text-align: center;
  margin-right: 0;
}

.table-tatol-packing-list .title-table {
  border-top: none;
  padding: 10px;
}

.main-order-page.table-tatol-packing-list {
  padding: 0;
}

.main-order-page.table-tatol-packing-list .block-table-order-new {}

.table-tatol-packing-list .tr-table:nth-child(2n-1) {
  background: rgba(217, 217, 217, 0.4);
}

.table-tatol-packing-list .tr-table {
  border: none;
  padding: 10px;
}

.box-filter-choose-table {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
}

.box-filter-choose-table .ct-input {
  margin-bottom: 0;
}

.box-filter-choose-table .name-ct-input {
  margin-bottom: 4px;
}

.ct-popup-packing .main-popup-small {
  width: 350px;
}

.ct-popup-packing .block-sv-modal {
  padding: 30px 20px;
}

.form-view-info .txt-name {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}

.form-view-info .content {
  border-radius: 5px;
  border: 1px solid var(--border-color);
  padding: 10px;
}

.form-view-info .content p {
  margin: 0;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
}

.form-view-info {
  margin-bottom: 10px;
}

.btn-view-more a {
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
}

.btn-view-more a:hover {
  color: #06f;
}

.imt-table-name-bp {
  width: 250px;
}

.imt-table-user-k {
  width: 150px;
}

.main-order-page.table-tatol-packing-list .block-table-order-new {
  margin: 0;
}

.topbar-filter-nh {
  display: flex;
  align-items: flex-start;
}

.topbar-filter-nh .box-filter-choose-table {
  flex: 1;
}

.right-topbar-filter {
  padding-top: 24px;
}

.item-input-status {
  width: 100px;
  text-align: center;
  justify-content: center;
}

.item-nk {
  flex: 1;
  display: flex;
  align-items: center;
}

.item-note {
  width: 120px;
}

.plus-imt a {
  display: inline-flex;
  color: #06f;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
}

.plus-imt a:hover {
  text-decoration: underline;
  color: #06f;
}

.imt-nk {
  border-radius: 5px;
  background: rgba(0, 102, 255, 0.1);
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.imt-nk p {
  margin: 0;
  color: #000;
  font-size: 13px;
  font-weight: 400;
}

.imt-plus-nk {
  border-radius: 5px;
  background: rgba(255, 155, 4, 0.1);
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  margin-left: 5px;
  cursor: pointer;
  transition: all 0.3s;
  padding-left: 1px;
}

.imt-plus-nk:hover {
  background: rgba(255, 155, 4, 0.5);
}

.imt-content-table.imt-table-status .box-info-uv {
  justify-content: center;
}

.box-lst-choose-otp {
  border: 1px solid rgba(217, 217, 217, 0.6);
  padding: 20px 15px;
}

.imt-choose-opt-lk {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.name-imt-choose-otp p {
  margin: 0;
  color: var(--primary-color-3);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  top: 2px;
}

.name-imt-choose-otp {
  flex: 1;
  margin-right: 10px;
}

.btn-add-sl-tk a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 102, 255, 0.1);
  height: 35px;
  min-width: 120px;
  border-radius: 5px;
  color: #1c1b1f;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}

.btn-add-sl-tk {
  padding-top: 20px;
}

.btn-add-sl-tk a:hover {
  background: rgba(0, 102, 255, 0.2);
  color: #1c1b1f;
}

.imt-sl-tk {
  display: flex;
}

.left-form-sl-tk {
  width: 120px;
  margin-right: 30px;
}

.right-firm-sl-tk {
  flex: 1;
}

.number-sl-tk {
  margin-bottom: 30px;
}

.number-sl-tk {
  color: #1c1b1f;
  font-size: 14px;
  font-weight: 400;
}

.number-sl-tk .number {
  font-weight: 700;
}

.ct-textarea textarea {
  width: 100%;
  height: 160px;
  border: 1px solid rgba(217, 217, 217, 1);
  transition: all 0.3s;
  padding: 10px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s;
}

.block-form-fill-info {
  min-height: 300px;
}

.ct-textarea textarea:focus {
  border-color: #b7b5b5;
}

.imt-number-tk {
  width: 150px;
}

.imt-code-mb {
  width: 100px;
}

.imt-date-nk {
  width: 120px;
}

.imt-name-hsx {
  width: 140px;
}

.imt-ks {
  width: 90px;
}

.imt-number-cont {
  width: 90px;
}

.imt-code {
  width: 90px;
}

.box-number-tk {
  position: relative;
  display: inline-block;
}

.box-number-tk .number {
  color: #06f;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.popup-show-detail-tk {
  position: absolute;
  top: 15px;
  left: calc(100% + 10px);
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: #fff;
  padding: 12px 15px;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
}

.popup-show-detail-tk.open-popup {
  opacity: 1;
  visibility: visible;
}

.popup-show-detail-tk .title {
  color: #000;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}

.imt-show-detail-tk {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

.imt-show-detail-tk .name {
  flex: 1;
  margin-right: 10px;
}

.imt-show-detail-tk:last-child {
  margin-bottom: 0;
}

.grid-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}

.lst-grid-code {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}

.lst-grid-code .ct-input {
  margin-bottom: 0;
}

.grid-two .ct-input {
  margin-bottom: 0;
}

.group-btn-form-ct {
  padding-top: 20px;
  display: flex;
  align-items: center;
}

.btn-cancel-ct a {
  display: inline-block;
  color: var(--primary-color-3);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
}

.btn-cancel-ct a:hover {
  color: #ff000c;
}

.imt-form-block-nk {
  display: flex;
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  padding: 10px 0;
}

.imt-form-block-nk .icon {
  width: 30px;
  height: 30px;
}

.imt-form-block-nk .content {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 10px;
}

.imt-form-block-nk .txt-content-nk p {
  margin: 0;
  color: #06f;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  top: 3px;
}

.txt-content-nk {
  flex: 1;
  margin-right: 10px;
}

.lst-action-imt-nk {
  width: 90px;
}

.form-plus-small {
  display: flex;
  align-items: center;
  width: 100%;
}

.ct-plus-number {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}

.form-number input {
  background: transparent;
  border: none;
  text-align: center;
  color: #2c3333;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  padding: 0;
}

.form-plus-small .form-number {
  flex: 1;
  text-align: center;
}

.form-number input::-webkit-outer-spin-button,
.form-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-number input[type="number"] {
  -moz-appearance: textfield;
}

.ct-plus-number:hover {
  border-color: #2c3333;
}

.box-name-code-sp {
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.4);
  padding: 7px 15px;
}

.box-name-code-sp p {
  color: var(--primary-color-3);
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

.number-sl-hh {
  width: 50px;
  text-align: right;
}

.number-sl-hh p {
  margin: 0;
  color: #2c3333;
  font-size: 15px;
  font-weight: 600;
}

.name-kh-info p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.name-kh-info {
  margin-bottom: 20px;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .table-tatol-packing-list .imt-title-table {
    margin-right: 5px;
  }

  .table-tatol-packing-list .imt-content-table {
    margin-right: 5px;
  }

  .imt-number-tk {
    width: 120px;
  }
}

@media (max-width: 1599px) {
  .table-tatol-packing-list .title-table {
    width: 1250px;
  }

  .table-tatol-packing-list .content-table {
    width: 1250px;
  }

  .main-order-page.table-tatol-packing-list .block-table-order-new {
    overflow-x: auto;
  }

  .imt-number-tk {
    width: 120px;
  }
}

@media (max-width: 1799px) {
  .block-table-order-new.ct-table-scroll {
    overflow-x: auto;
  }

  .ct-table-scroll .title-table {
    width: 1150px;
  }

  .ct-table-scroll .content-table {
    width: 1150px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .sidebar-content-filter {
    width: 220px;
    margin-right: 20px;
  }

  .main-wp-homepage {
    width: calc(100% - 245px);
  }

  .imt-table-date {
    width: 100px;
  }

  .imt-table-name-cl {
    width: 110px;
  }

  .tr-table {
    padding: 10px 20px;
  }

  .wp-order-page {
    padding: 20px;
  }

  .block-table-order-new {
    margin: 0 -20px;
  }

  .imt-table-status {
    width: 80px;
  }

  .title-table {
    padding: 10px 20px;
  }
}

@media (max-width: 1399px) {
  .layout-wp-homepage-page {
    display: block;
  }

  .main-wp-homepage {
    width: 100%;
  }

  .sidebar-content-filter {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .lst-imt-filter-child {
    display: flex;
    flex-wrap: wrap;
  }

  .layout-imt-filter-child {
    background: #f0f0f0;
    border: 1px solid #e2e2e2;
    padding: 8px 12px;
  }

  .imt-filter-child {
    margin-bottom: 8px;
    margin-right: 8px;
  }

  .imt-filter-child.active .layout-imt-filter-child {
    border-color: #e2e2e2;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .block-table-order-new {
    margin: 0 -20px;
  }

  .tr-table {
    padding: 10px 20px;
  }

  .title-table {
    padding: 10px 20px;
  }
}

@media (max-width: 991px) {
  .box-filter-choose-table {
    grid-gap: 15px;
  }

  .title-table {
    width: 1000px;
  }

  .content-table {
    width: 1000px;
  }

  .block-table-order-new {
    overflow-x: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .box-filter-choose-table {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .lst-dv .ct-input {
    width: 31%;
    margin-right: 15px;
  }

  .lst-dv .ct-input:last-child {
    margin-right: 0;
  }

  .box-filter-choose-table {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .grid-two {
    display: block;
  }

  .grid-two .ct-input {
    margin-bottom: 15px;
  }

  .lst-grid-code {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .imt-sl-tk {
    display: block;
    margin-bottom: 10px;
  }

  .left-form-sl-tk {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .imt-form-fill-kt .ct-input {
    width: 100%;
  }

  .imt-form-fill-kt {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .box-filter-choose-table {
    grid-template-columns: repeat(1, 1fr);
  }

  .lst-dv .ct-input {
    width: 48%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .lst-dv .ct-input:nth-child(2n + 2) {
    margin-left: auto;
  }

  .topbar-filter-nh {
    flex-direction: column-reverse;
  }

  .topbar-filter-nh .box-filter-choose-table {
    flex: none;
    width: 100%;
  }

  .right-topbar-filter {
    padding: 0;
    margin-bottom: 16px;
  }

  .imt-form-block-nk .content {
    display: block;
  }

  .txt-content-nk {
    margin: 0;
    margin-bottom: 10px;
  }

  .imt-form-block-nk .txt-content-nk p {
    top: 3px;
  }

  .form-block-tk-sl .imt-form-block-nk .content {
    display: flex;
  }
}

@media (max-width: 325px) {
  .ct-popup-packing .main-popup-small {
    width: 92%;
  }
}

/* End Sản phẩm */

.wp-sell-page {
  border-radius: 10px;
  background: #fff;
  max-width: 665px;
  margin: 0 auto;
  padding: 35px;
}

.box-info-sell {
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.4);
  padding: 10px 15px;
}

.box-info-sell p {
  color: #2c3333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

.box-info-sell p:last-child {
  margin-bottom: 0;
}

.lst-imt-info-sell {
  padding-top: 15px;
}

.imt-info-sell .title-imt {
  margin-bottom: 2px;
}

.flex-row-imt {
  display: flex;
  align-items: center;
}

.imt-info-sell .title-imt p {
  margin: 0;
  color: #2c3333;
  font-size: 15px;
  font-weight: 500;
}

.left-flex-row {
  flex: 1;
  margin-right: 10px;
}

.left-flex-row .name {
  color: #2c3333;
  font-size: 15px;
  font-weight: 400;
}

.right-flex-row .info {
  color: #2c3333;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.imt-info-sell {
  margin-bottom: 13px;
}

.imt-info-sell:last-child {
  margin-bottom: 0;
}

.txt-info-imt-sell {
  margin-bottom: 0;
  color: #2c3333;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
}

.imt-product-sell {
  margin-bottom: 10px;
}

.layout-imt-product-sel {
  display: flex;
  padding: 8px 10px;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.4);
}

.layout-imt-product-sel .name {
  flex: 1;
  margin-right: 10px;
}

.layout-imt-product-sel .sl {
  width: 80px;
  margin-right: 10px;
  text-align: center;
}

.layout-imt-product-sel .price {
  width: 120px;
  text-align: left;
}

.layout-imt-product-sel .satus {
  width: 100px;
  text-align: right;
}

.layout-imt-product-sel p {
  color: var(--primary-color-3);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

.layout-imt-product-sel .satus p {
  color: #06f;
  font-size: 13px;
  font-weight: 500;
}

.box-products-sell {
  padding-top: 15px;
}

.layout-imt-product-sel .sl .txt-sl {
  display: none;
}

.box-detail-sell .layout-imt-product-sel {
  background: transparent;
  padding: 0;
}

.imt-detail-sell {
  margin-bottom: 5px;
  display: flex;
  align-items: flex-start;
}

.imt-detail-sell:last-child {
  margin-bottom: 0;
}

.imt-detail-sell .icon {
  width: 20px;
}

.imt-detail-sell .content {
  flex: 1;
}

.imt-detail-sell .content .name-detail-sell {
  color: #0066ff;
  font-size: 15px;
}

.imt-detail-sell .content .kho {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.box-detail-imt-sell {
  padding-top: 5px;
}

.btn-edit-sell a {
  color: #06f;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.3s;
}

.btn-edit-sell a:hover {
  text-decoration: underline;
}

.box-detail-sell {
  padding-top: 10px;
}

.box-detail-imt-sell {
  padding: 10px 0;
}

.imt-info-sell .item-choose-filter .ct-select {
  background: rgba(217, 217, 217, 6);
}

.imt-info-sell .item-choose-filter {
  margin: 0;
  border-radius: 5px;
  border: none;
}

@media (min-width: 576px) and (max-width: 767px) {
  .wp-sell-page {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .layout-imt-product-sel .sl .txt-sl {
    display: inline-block;
    color: #2c3333;
    font-size: 15px;
    font-weight: 400;
    margin-right: 5px;
    position: relative;
    top: -1px;
  }

  .layout-imt-product-sel {
    display: block;
  }

  .layout-imt-product-sel .satus {
    width: 100%;
    text-align: left;
  }

  .layout-imt-product-sel .price {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }

  .layout-imt-product-sel .sl {
    width: 100%;
    margin: 0;
    text-align: left;
    margin-bottom: 5px;
  }

  .wp-sell-page {
    padding: 15px;
  }

  .layout-imt-product-sel .name {
    margin: 0;
    margin-bottom: 5px;
  }
}

/* Tìm trường học */
.wp-shool-page {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 20px;

  min-height: calc(100vh - 140px);
}

.name-title-new {
  display: block;
  color: var(--primary-color-1);
  font-weight: 600;
  font-size: 15px;
}

.title-shool {
  margin-bottom: 18px;
}

.title-shool p {
  color: var(--primary-color-1);
  font-size: 15px;
  margin: 0;
}

.title-shool span {
  font-weight: 600;
}

.box-tab-shool {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.box-tab-shool .left {
  flex: 1;
  margin-right: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 10px;
}

.box-selected-choose {
  border-radius: 5px;
  background: rgba(18, 18, 18, 0.4);
  padding: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
}

.tab-imt-shool a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  font-size: 14px;
  color: var(--primary-color-1);
  transition: all 0.3s;
  font-weight: 500;
  background: transparent;
  border-radius: 5px;
}

.tab-imt-shool a:hover {
  background: var(--primary-color-2);
  color: #fff;
}

.tab-imt-shool.active a {
  background: var(--primary-color-2);
  color: #fff;
}

.box-content-tab-school .txt-us {
  display: flex;
  align-items: center;
  color: var(--primary-color-1);
  font-size: 14px;
  position: relative;
  top: 9px;
  margin: 0 20px;
  margin-right: 30px;
}

.btn-search-shool a {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  background: var(--primary-color-2);
  border-radius: 5px;
  padding: 0 15px;
  transition: all 0.3s;
  position: relative;
  top: 1px;
}

.btn-search-shool a:hover {
  background: #0a62d8;
}

@media (min-width: 576px) and (max-width: 767px) {
  .box-content-tab-school .txt-us {
    width: 100%;
    top: 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }

  .box-content-tab-school .block-filter-block-order .form-search-work {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .box-content-tab-school .txt-us {
    top: 0;
    margin: 0;
    margin-bottom: 10px;
  }
}

.block-hd-sd-search .title {
  margin-bottom: 10px;
  color: var(--primary-color-1);
  font-size: 15px;
}

.lst-hd-sd li {
  color: rgba(18, 18, 18, 0.8);
  font-size: 14px;
  font-weight: 400;
}

.block-hd-sd-search {
  margin-bottom: 25px;
}

.block-info-new-shool .title-box {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}

.lst-info-new-shool {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.imt-info-new-shool .picture a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.imt-info-new-shool .picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.6s;
}

.imt-info-new-shool .picture a:hover img {
  transform: scale(1.14);
}

.imt-info-new-shool .picture {
  height: 177px;
  margin-bottom: 10px;
}

.imt-info-new-shool .content .name {
  margin-bottom: 4px;
}

.imt-info-new-shool .content .name a {
  color: var(--primary-color-1);
  display: block;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.3s;
}

.imt-info-new-shool .content .name a:hover {
  color: var(--primary-color-2);
}

.imt-info-new-shool .content .txt-small {
  color: rgba(18, 18, 18, 0.8);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .lst-info-new-shool {
    grid-gap: 20px;
  }

  .imt-info-new-shool .picture {
    height: 150px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .lst-info-new-shool {
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }

  .imt-info-new-shool .picture {
    height: 150px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .lst-info-new-shool {
    grid-gap: 20px;
  }

  .imt-info-new-shool .picture {
    height: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .lst-info-new-shool {
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }

  .imt-info-new-shool .picture {
    height: 130px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .lst-info-new-shool {
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }

  .imt-info-new-shool .picture {
    height: 130px;
  }
}

@media (max-width: 575px) {
  .lst-info-new-shool {
    grid-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }

  .imt-info-new-shool .picture {
    height: 170px;
  }

  .wp-shool-page {
    padding: 15px;
  }

  .block-hd-sd-search {
    padding-top: 10px;
  }
}

/* Tìm trường học 2 */
.block-kq-search-detail {
  display: flex;
  align-items: flex-start;
}

.block-kq-search-detail .left {
  width: 300px;
  margin-right: 10px;
}

.block-kq-search-detail .right {
  flex: 1;
  margin-left: 50px;
}

.block-kq-search-detail .title-sidebar p {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color-1);
  margin: 0;
}

.block-kq-search-detail .title-sidebar {
  margin-bottom: 15px;
}

.box-filter-detail-shool .txt-title-big {
  font-size: 14px;
  color: var(--primary-color-1);
  font-weight: 500;
  margin-bottom: 15px;
}

.imt-filter-school {
  border-bottom: 1px solid rgba(18, 18, 18, 0.6);
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}

.imt-filter-school .title-imt {
  display: flex;
  align-items: flex-start;
}

.imt-filter-school .title-imt .arrow-title {
  width: 20px;
  height: 20px;
  background: var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.imt-filter-school .title-imt .name {
  flex: 1;
  margin-left: 8px;
  color: var(--primary-color-1);
  font-size: 14px;
}

.imt-filter-school .title-imt .arrow-title img {
  position: relative;
  top: 1px;
  transform: rotate(-90deg);
  transition: all 0.3s;
}

.imt-filter-school.active .title-imt .arrow-title img {
  transform: rotate(0deg);
}

.imt-filter-school .number {
  color: var(--primary-color-1);
  font-size: 14px;
  width: 50px;
  text-align: right;
  margin-left: 5px;
  font-weight: 300;
}

.imt-filter-school .main-imt {
  padding-left: 16px;
  display: none;
  margin-top: 15px;
}

.box-child-filter label .check {
  background: var(--border-color);
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: none;
  top: 2px;
}

.box-child-filter label .checked {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-color);
  border-radius: 3px;
  top: 2px;
}

.imt-filter-school.active .main-imt {
  display: block;
}

.box-child-filter {
  display: flex;
  align-items: flex-start;
}

.box-child-filter .item-check-type {
  flex: 1;
}

.box-child-filter .number {
  position: relative;
  top: 1px;
}

.box-child-filter .item-check-type {
  margin-bottom: 0;
}

.box-child-filter .item-check-type .txt {
  font-weight: 300;
}

.block-kq-search-detail {
  display: flex;
  align-items: flex-start;
}

.title-kq-search-school {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
}

.title-kq-search-school .left-title {
  flex: 1;
  margin-right: 15px;
}

.title-kq-search-school .left-title .kq {
  color: var(--primary-color-1);
  font-size: 15px;
}

.title-kq-search-school .left-title .kq .name {
  font-weight: 600;
}

.box-tab-sx {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.title-kq-search-school .right-title {
  width: 220px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  margin-top: -4px;
}

.tab-imt-sx a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: rgba(18, 18, 18, 0);
  padding: 5px;
  transition: all 0.3s;
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 500;
}

.tab-imt-sx a:hover {
  background: rgba(18, 18, 18, 0.5);
  color: #fff;
}

.tab-imt-sx.active a {
  background: var(--primary-color-2);
  color: #fff;
}

.imt-kq-search-school {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.imt-kq-search-school .left-imt {
  width: 190px;
}

.imt-kq-search-school .right-imt {
  flex: 1;
  margin-left: 60px;
}

.logo-partner a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.logo-partner {
  height: 100px;
  border: 1px solid rgba(217, 217, 217, 0.8);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
}

.logo-partner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: auto;
  object-fit: contain;
}

.btn-search-shool {
  text-align: center;
}

.imt-kq-search-school .btn-search-shool a {
  display: inline-flex;
  padding: 5px 7px;
  height: 30px;
  font-size: 13px;
}

.box-imt-info-partner {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
}

.box-imt-info-partner:last-child {
  margin: 0;
}

.about-box-partner {
  flex: 1;
  margin-right: 80px;
}

.info-box-partner {
  width: 350px;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.2);
  padding: 15px 23px;
}

.about-box-partner .name {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.about-box-partner .name a {
  color: var(--primary-color-1);
  transition: all 0.3s;
  display: inline-block;
  text-decoration: underline;
}

.about-box-partner .name a:hover {
  color: var(--primary-color-2);
}

.about-box-partner .content {
  margin-top: 8px;
}

.about-box-partner .content p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}

.about-box-partner .content p a {
  color: var(--primary-color-2);
  font-weight: 500;
  transition: all 0.3s;
}

.about-box-partner .content p a:hover {
  text-decoration: underline;
}

.about-box-partner .btn-add-ds {
  padding-top: 12px;
}

.btn-add-ds a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  background: rgba(18, 18, 18, 0.4);
  height: 28px;
  padding: 5px;
  transition: all 0.3s;
}

.btn-add-ds a:hover {
  background: rgba(18, 18, 18, 0.6);
}

.imt-detail-info-partner .name-title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.imt-detail-info-partner {
  margin-bottom: 3px;
}

.imt-detail-info-partner:last-child {
  margin: 0;
}

.imt-detail-info-partner .txt-content {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .about-box-partner {
    margin-right: 35px;
  }

  .info-box-partner {
    width: 300px;
  }

  .imt-kq-search-school .right-imt {
    margin-left: 35px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .about-box-partner {
    margin-right: 25px;
  }

  .info-box-partner {
    width: 300px;
  }

  .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .imt-kq-search-school {
    display: block;
  }

  .imt-kq-search-school .left-imt {
    width: 190px;
    margin-bottom: 20px;
  }

  .imt-kq-search-school .left-imt .logo-partner {
    width: 190px;
    margin-bottom: 10px;
  }

  .btn-search-shool {
    text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .about-box-partner {
    margin-right: 25px;
  }

  .info-box-partner {
    width: 270px;
  }

  .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .imt-kq-search-school {
    display: block;
  }

  .imt-kq-search-school .left-imt {
    width: 190px;
    margin-bottom: 20px;
  }

  .imt-kq-search-school .left-imt .logo-partner {
    width: 190px;
    margin-bottom: 10px;
  }

  .btn-search-shool {
    text-align: center;
  }

  .block-kq-search-detail .right {
    margin-left: 25px;
  }

  .block-kq-search-detail .left {
    width: 280px;
  }

  .box-imt-info-partner {
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .block-kq-search-detail .right {
    margin: 0;
  }

  .block-kq-search-detail .left {
    width: 100%;
    margin: 0;
    margin-bottom: 37px;
  }

  .block-kq-search-detail {
    display: block;
  }

  .imt-filter-school .main-imt {
    position: absolute;
    max-height: 260px;
    min-height: 150px;
    overflow-y: auto;
    width: 350px;
    background: #f4f4f4;
    top: calc(100% - 3px);
    z-index: 1;
    padding: 20px;
    border-radius: 5px;
    margin: 0;
  }

  .imt-filter-school .title-imt:hover~.main-imt {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-box-partner {
    margin-right: 25px;
  }

  .info-box-partner {
    width: 300px;
  }

  .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .imt-kq-search-school {
    display: block;
  }

  .imt-kq-search-school .left-imt {
    width: 190px;
    margin-bottom: 20px;
  }

  .imt-kq-search-school .left-imt .logo-partner {
    width: 190px;
    margin-bottom: 10px;
  }

  .btn-search-shool {
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .about-box-partner {
    margin-right: 25px;
  }

  .info-box-partner {
    width: 270px;
  }

  .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .imt-kq-search-school {
    display: block;
  }

  .imt-kq-search-school .left-imt {
    width: 190px;
    margin-bottom: 20px;
  }

  .imt-kq-search-school .left-imt .logo-partner {
    width: 190px;
    margin-bottom: 10px;
  }

  .btn-search-shool {
    text-align: center;
  }

  .box-imt-info-partner {
    margin-bottom: 30px;
  }

  .title-kq-search-school {
    display: block;
  }

  .title-kq-search-school .left-title {
    margin: 0;
  }

  .title-kq-search-school .right-title {
    width: 100%;
    justify-content: flex-start;
    margin-top: 5px;
  }
}

@media (max-width: 575px) {
  .about-box-partner {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .info-box-partner {
    width: 100%;
  }

  .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .imt-kq-search-school {
    display: block;
  }

  .imt-kq-search-school .left-imt {
    width: 190px;
    margin-bottom: 20px;
  }

  .imt-kq-search-school .left-imt .logo-partner {
    width: 190px;
    margin-bottom: 10px;
  }

  .btn-search-shool {
    text-align: center;
  }

  .box-imt-info-partner {
    margin-bottom: 30px;
    position: relative;
    display: block;
    padding-bottom: 40px;
  }

  .imt-filter-school .main-imt {
    width: 100%;
  }

  .title-kq-search-school {
    display: block;
  }

  .title-kq-search-school .left-title {
    margin: 0;
  }

  .title-kq-search-school .right-title {
    width: 100%;
    justify-content: flex-start;
    margin-top: 5px;
  }

  .about-box-partner .btn-add-ds {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

/* Tìm trường học 3 */
.kq-nav-search {
  margin-bottom: 30px;
}

.kq-nav-search ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
}

.kq-nav-search ul li {
  position: relative;
  padding-right: 30px;
  margin-bottom: 5px;
}

.kq-nav-search ul li a {
  color: var(--primary-color-1);
  opacity: 0.6;
  font-size: 14px;
  transition: all 0.3s;
}

.kq-nav-search ul li a:hover {
  opacity: 1;
}

.kq-nav-search ul li:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 10px;
  background: url(./img-fix/arrow_drop_right.svg);
  width: 8px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.kq-nav-search ul li:last-child:before {
  display: none;
}

.content-detail-partner {
  display: flex;
  margin-top: 30px;
}

.left-detail-kq {
  flex: 1;
  margin-right: 50px;
}

.right-detail-kq .info-box-partner {
  width: 100%;
}

.right-detail-kq {
  width: 400px;
}

.title-detail-kq-school {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.title-detail-kq-school .logo-partner {
  width: 190px;
  margin: 0;
}

.title-detail-kq-school .about-box-partner {
  flex: 1;
  margin: 0;
  margin-left: 30px;
}

.lst-btn-action {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.lst-btn-action a {
  font-size: 14px;
  font-weight: 500;
  height: 28px;
  padding: 5px 8px;
}

.lst-btn-action .btn-add-ds {
  padding: 0;
}

.lst-btn-action .btn-search-shool {
  margin-right: 10px;
}

.content-detail-kq-school .ct-editor-web p {
  font-weight: 400;
  font-size: 14px;
  text-align: justify;
}

.info-detail-school-partner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3px;
  margin-bottom: 14px;
}

.info-detail-school-partner .imt-info p {
  color: var(--primary-color-1);
  opacity: 0.6;
  font-size: 14px;
}

.block-address-partner .title-block {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.block-address-partner {
  padding-top: 10px;
}

.main-imt-address {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.main-imt-address .imt-address {
  background: rgba(217, 217, 217, 0.4);
  padding: 16px 21px;
}

.main-imt-address .imt-address p {
  color: var(--primary-color-1);
  font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1399px) {
  .kq-nav-search {
    padding-top: 10px;
  }

  .right-detail-kq {
    width: 300px;
  }

  .left-detail-kq {
    margin-right: 25px;
  }
}

@media (max-width: 991px) {
  .content-detail-partner {
    display: block;
  }

  .left-detail-kq {
    margin: 0;
    margin-bottom: 20px;
  }

  .right-detail-kq {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .title-detail-kq-school .about-box-partner {
    margin-left: 10px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .title-detail-kq-school .about-box-partner {
    margin-left: 10px;
  }

  .info-detail-school-partner {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 575px) {
  .info-detail-school-partner {
    grid-template-columns: repeat(1, 1fr);
  }

  .lst-btn-action .btn-add-ds {
    position: relative;
  }

  .title-detail-kq-school {
    display: block;
  }

  .title-detail-kq-school .about-box-partner {
    margin: 0;
    margin-top: 10px;
  }

  .info-box-partner {
    padding: 15px;
  }

  .box-tab-shool {
    display: block;
  }

  .box-tab-shool .left {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .box-selected-choose {
    display: inline-block;
  }

  .main-imt-address {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }

  .main-imt-address .imt-address {
    padding: 15px;
  }
}

@media (max-width: 325px) {
  .lst-btn-action {
    display: block;
  }

  .lst-btn-action a {
    display: flex;
  }

  .lst-btn-action .btn-search-shool {
    margin: 0;
    margin-bottom: 5px;
  }
}

.title-number-search {
  color: var(--primary-color-1);
  font-size: 15px;
  margin-bottom: 15px;
}

.imt-search-content .about-box-partner {
  margin: 0;
}

.imt-search-content {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.imt-search-content .content {
  margin-bottom: 15px;
}

.group-bottom-imt-search {
  display: flex;
  align-items: center;
}

.group-bottom-imt-search .info-box-partner {
  flex: 1;
  padding: 0;
  background: transparent;
  border-radius: 0;
  width: 100%;
  margin-right: 20px;
}

.group-bottom-imt-search .btn-add-ds {
  padding: 0;
}

.group-bottom-imt-search .info-box-partner .imt-detail-info-partner {
  display: flex;
  align-items: flex-start;
}

.group-bottom-imt-search .info-box-partner .imt-detail-info-partner .name-title {
  width: 250px;
  margin-right: 10px;
}

.group-bottom-imt-search .info-box-partner .imt-detail-info-partner .txt-content {
  flex: 1;
}

@media (min-width: 992px) and (max-width: 1599px) {
  .group-bottom-imt-search .info-box-partner .imt-detail-info-partner .name-title {
    width: 200px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .group-bottom-imt-search .info-box-partner .imt-detail-info-partner .name-title {
    width: 180px;
  }
}

@media (max-width: 575px) {
  .group-bottom-imt-search .info-box-partner .imt-detail-info-partner .name-title {
    width: 100%;
    margin-right: 0;
  }

  .group-bottom-imt-search .info-box-partner .imt-detail-info-partner {
    display: block;
  }

  .group-bottom-imt-search .info-box-partner {
    margin: 0;
    margin-bottom: 15px;
  }

  .group-bottom-imt-search {
    display: block;
  }

  .group-bottom-imt-search .btn-add-ds {
    position: relative;
  }
}

.txt-ds-tk-choose {
  color: var(--primary-color-1);
  font-size: 14px;
  margin-bottom: 11px;
}

.txt-ds-tk-choose .number {
  color: var(--primary-color-2);
  font-weight: 500;
}

.main-list-choose-partner {
  padding-top: 20px;
}

.name-school-choose {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.imt-ds-school-choose .logo-partner {
  width: 120px;
  height: 64px;
  margin-bottom: 10px;
}

.flex-choose-partner {
  display: flex;
  align-items: flex-start;
}

.left-choose-partner {
  width: 450px;
  margin-right: 100px;
}

.right-choose-partner {
  flex: 1;
}

.btn-del-imt {
  width: 100px;
}

.box-nn-school .group-bottom-imt-search .info-box-partner {
  width: 100%;
}

.box-nn-school .group-bottom-imt-search .info-box-partner .imt-detail-info-partner .name-title {
  width: 145px;
}

.box-nn-school .about-box-partner {
  margin: 0;
}

.txt-ds-tk-choose {
  margin-bottom: 10px;
  color: var(--primary-color-1);
  font-size: 14px;
}

.btn-del-imt a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.btn-del-imt a .icon {
  margin-bottom: 4px;
}

.box-nn-school {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.right-choose-partner .txt-form {
  color: var(--primary-color-1);
  font-size: 14px;
  margin-bottom: 15px;
}

.form-info-partner {
  display: flex;
  flex-wrap: wrap;
}

.form-info-partner .ct-input {
  margin-bottom: 20px;
  width: 49%;
}

.form-info-partner .ct-input:nth-child(2n + 2) {
  margin-left: auto;
}

.ct-input textarea {
  height: 80px;
  display: block;
  width: 100%;
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  outline: none;
  padding: 10px 15px;
}

.right-choose-partner .lst-btn-action {
  justify-content: flex-end;
}

.btn-cancel-school a {
  height: 40px;
  padding: 0 15px;
  background: var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  transition: all 0.3s;
}

.right-choose-partner .btn-search-shool a {
  height: 40px;
  padding: 0 15px;
}

.btn-cancel-school a:hover {
  color: #fff;
  background: #959494;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .left-choose-partner {
    width: 450px;
    margin-right: 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .left-choose-partner {
    width: 400px;
    margin-right: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .left-choose-partner {
    width: 400px;
    margin-right: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .left-choose-partner {
    width: 300px;
    margin-right: 30px;
  }

  .box-nn-school .group-bottom-imt-search .info-box-partner .imt-detail-info-partner {
    display: block;
  }

  .box-nn-school .group-bottom-imt-search .info-box-partner .imt-detail-info-partner .name-title {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .flex-choose-partner {
    display: block;
  }

  .left-choose-partner {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .btn-del-imt {
    width: 80px;
  }
}

@media (max-width: 575px) {
  .form-info-partner .ct-input {
    width: 100%;
    margin-bottom: 10px;
  }

  .box-nn-school .group-bottom-imt-search {
    display: flex;
  }

  .btn-del-imt {
    width: 56px;
  }

  .box-nn-school .group-bottom-imt-search .info-box-partner {
    margin-bottom: 0;
  }

  .ct-input textarea {
    height: 150px;
  }
}

@media (max-width: 325px) {
  .btn-cancel-school.mr-2 {
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
}

.popup-export-file {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 98;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup-export-file.open-popup {
  opacity: 1;
  visibility: visible;
}

.content-export-file {
  z-index: 2;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.popup-export-file.open-popup .content-export-file {
  display: block;
  height: auto;
}

.main-export-file {
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  margin: 1.75rem auto;
  -webkit-transform: translate(0, -65%);
  -ms-transform: translate(0, -65%);
  transform: translate(0, -65%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  padding: 40px 50px;
}

.popup-export-file.open-popup .main-export-file {
  transform: translate(0, 0);
}

.popup-export-file.open-popup .bg-popup-page {
  opacity: 0.8;
  visibility: visible;
}

.title-export-file {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.title-export-file .left {
  flex: 1;
  margin-right: 10px;
}

.title-export-file .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0 2px;
}

.title-export-file .right .icon-close-small {
  position: relative;
  top: 0;
  right: 0;
  background: transparent;
}

.bottom-popup-info-event {
  border-top: 1px solid #d9d9d966;
  padding-top: 12px;
  margin-top: 12px;
}

.box-popup-info-event .title {
  margin-bottom: 8px;
}

.box-popup-info-event .box-otp-block-view {
  border: none;
  margin: 0;
}

.box-popup-info-event .info-event {
  margin-bottom: 12px;
}

.box-popup-info-event .user-avatar .avatar {
  width: 25px;
  height: 25px;
  border: none;
}

.box-popup-info-event .user-avatar .info {
  flex: none;
  width: 130px;
  margin-left: 8px;
  margin-top: -2px;
}

.box-popup-info-event .user-avatar .info p {
  line-height: 1.3;
}

.box-popup-info-event .user-avatar {
  align-items: flex-start;
  margin-bottom: 8px;
}

.box-popup-info-event {
  margin-top: -15px;
}

.title-export-file .right .icon-close-small:hover {
  background: rgba(217, 217, 217, 0.4);
}

.lst-btn-export {
  display: flex;
  align-items: center;
}

.btn-export-file a {
  font-size: 14px;
  color: #ffffff;
  height: 28px;
  border-radius: 5px;
  background: var(--primary-color-2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  transition: all 0.3s;
}

.btn-export-file a:hover {
  background: #0663e0;
}

.btn-copy-link a {
  font-size: 14px;
  color: #ffffff;
  height: 28px;
  border-radius: 5px;
  background: #ffa722;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  transition: all 0.3s;
}

.btn-copy-link a:hover {
  background: #ff9f0d;
}

.btn-export-file {
  margin-right: 10px;
}

.imt-info-export-file {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.imt-info-export-file .name-link-file {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.imt-info-bold p {
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.imt-info-bold p .bold {
  font-weight: 500;
}

.info-content-bold {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}

.flex-two-export-file {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  align-items: flex-start;
}

.box-info-school-ct {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.box-info-school-ct .logo-partner {
  width: 80px;
  height: 42px;
  margin: 0;
}

.box-info-school-ct .about-box-partner {
  margin: 0;
  margin-inline-start: 15px;
}

.box-info-school-ct .about-box-partner .info-detail-school-partner {
  margin: 0;
}

.box-info-school-ct .about-box-partner .name {
  margin-bottom: 0;
}

.box-info-school-ct .about-box-partner .name a {
  text-decoration: none;
}

.flex-two-info-school {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.flex-two-info-school .left .about-box-partner {
  margin: 0;
}

.flex-two-info-school .info-box-partner {
  background: transparent;
  width: 100%;
  padding: 0;
}

.flex-two-info-school .info-box-partner .imt-detail-info-partner {
  display: flex;
  align-items: flex-start;
}

.flex-two-info-school .info-box-partner .imt-detail-info-partner .name-title {
  width: 160px;
  margin-right: 7px;
}

.flex-two-info-school .info-box-partner .imt-detail-info-partner .txt-content {
  flex: 1;
}

.flex-two-info-school .right .title-dk-xt {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.box-info-dk-big>li {
  margin-bottom: 5px;
}

.box-info-dk-big>li .txt {
  color: #000000;
  font-size: 14px;
  flex: 1;
  margin-left: 5px;
}

.box-info-dk-big>li .icon {
  width: 18px;
  height: 18px;
}

.flex-li {
  display: flex;
  align-items: flex-start;
}

.box-info-dk-small {
  padding-left: 20px;
  margin-top: 10px;
}

.box-info-dk-small li {
  position: relative;
  margin-bottom: 2px;
  padding-left: 10px;
}

.box-info-dk-small li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #000000;
  border-radius: 50%;
}

.box-info-dk-small li p {
  color: #000000;
  font-size: 13px;
  margin: 0;
}

.box-textarea-fill {
  padding-top: 20px;
}

.box-textarea-fill textarea {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  height: 82px;
  padding: 10px;
  color: #000000;
  font-size: 14px;
  outline: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-export-file {
    width: 900px;
    padding: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-export-file {
    width: 700px;
    padding: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .main-export-file {
    width: 90%;
    padding: 30px;
  }

  .flex-two-info-school {
    grid-template-columns: repeat(1, 1fr);
  }

  .flex-two-export-file {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5px;
  }
}

@media (max-width: 575px) {
  .main-export-file {
    width: 90%;
    padding: 20px;
  }

  .flex-two-info-school {
    grid-template-columns: repeat(1, 1fr);
  }

  .flex-two-export-file {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5px;
  }

  .box-textarea-fill textarea {
    height: 120px;
  }

  .flex-two-info-school .info-box-partner .imt-detail-info-partner {
    display: block;
  }
}

.group-filter-topbar .btn-add-new {
  margin: 0;
}

.block-filter-topbar {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding: 0 20px;
  padding-bottom: 10px;
  margin: 0 -20px;
  margin-bottom: 10px;
}

.group-filter-topbar {
  grid-gap: 10px;
  display: flex;
  align-items: center;
  margin-right: auto;
  flex-wrap: wrap;
}

.filter-search {
  position: relative;
}

.box-filter-search {
  border-radius: 5px;
  border: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  cursor: pointer;
  gap: 0 6px;
  background: rgba(217, 217, 217, 0.4);
  transition: all 0.3s;
}

.box-filter-search:hover {
  background: rgba(217, 217, 217, 0.8);
}

.box-filter-search .txt {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.box-filter-search .icon {
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
}

.box-filter-search-class {
  border-radius: 3px;
  border: 1px solid var(--border-color);
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  cursor: pointer;
}

.box-filter-search-class .txt {
  margin-right: 6px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.box-filter-search-class .icon {
  position: relative;
  top: 2px;
}

.box-popup-filter-search {
  position: absolute;
  border: 1px solid rgba(217, 217, 217, 0.8);
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  width: 550px;
  top: 56px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  border-radius: 5px;
}

.filter-search.filter-search-news .box-popup-filter-search {
  width: 300px;
}

.box-popup-filter-search-class {
  position: absolute;
  border: 1px solid rgba(217, 217, 217, 0.8);
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  width: 300px;
  padding: 20px 40px;
  top: 56px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.box-popup-filter-search .main-box {
  padding: 16px;
}

.box-popup-filter-search .bottom-box {
  border-top: 1px solid rgb(217 217 217 / 60%);
  height: 50px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
}

.box-popup-filter-search .bottom-box .lst-btn-box-search {
  width: 100%;
  margin: 0;
}

.box-popup-filter-search .bottom-box .lst-btn-box-search .btn-bg-blue {
  padding: 4px 12px;
}

.box-popup-filter-search .main-box .lst-imt-ss-column {
  padding: 0;
  max-height: 100%;
  overflow: visible;
}

.txt-info-filter {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.txt-info-filter .color {
  color: var(--primary-color-2);
  font-weight: 500;
}

.box-popup-filter-search.open-box-filter {
  opacity: 1;
  visibility: visible;
}

.box-popup-filter-search.open-box-filter-class {
  opacity: 1;
  visibility: visible;
}

.box-popup-filter-search .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 10px 15px;
  margin-bottom: 0;
}

.box-popup-filter-search .title-box .txt-name {
  font-size: 15px;
  color: #000000;
  margin: 0;
}

.box-popup-filter-search-class.open-box-filter {
  opacity: 1;
  visibility: visible;
}

.box-popup-filter-search-class.open-box-filter-class {
  opacity: 1;
  visibility: visible;
}

.box-popup-filter-search-class .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -20px;
  margin-bottom: 15px;
}

.box-popup-filter-search-class .title-box .txt-name {
  font-size: 15px;
  color: #000000;
  margin: 0;
}

.icon-close-box {
  cursor: pointer;
  transition: all 0.3s;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 3px;
  margin-top: -2px;
}

.icon-close-box svg path {
  transition: all 0.3s;
  fill: var(--primary-color-1);
}

.icon-close-box svg {
  width: 10px;
  height: 10px;
}

.icon-close-box:hover {
  background: #f0f0f0;
}

.lst-btn-box-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 25px;
  grid-gap: 15px;
}

.flex-three-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 15px;
  grid-column-gap: 20px;
  margin-bottom: 15px;
}

.icon-date-select {
  position: absolute;
  top: 7px;
  right: 16px;
  pointer-events: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
  -webkit-appearance: none;
}

.flex-two-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  grid-column-gap: 20px;
  margin-bottom: 15px;
}

.box-popup-filter-search .ct-input {
  margin-bottom: 0;
}

.box-popup-filter-search .ct-input input {
  height: 100%;
  border: none;
}

.box-popup-filter-search-class .ct-input {
  margin-bottom: 0;
}

.box-popup-filter-search-class .ct-input input {
  height: 100%;
  border: none;
}

.title-box-ss-column {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 0 8px;
  background: rgba(217, 217, 217, 0.4);
  height: 30px;
  gap: 0 5px;
  border: none;
  transition: all 0.3s;
}

.title-box-ss-column:hover {
  background: rgba(217, 217, 217, 0.8);
}

.title-box-ss-column .icon {
  position: relative;
  top: -1px;
}

.title-box-ss-column .txt {
  margin-right: 6px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.box-popup-ss-column {
  position: absolute;
  border: 1px solid rgba(217, 217, 217, 0.8);
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  width: 300px;
  padding: 17px;
  top: 56px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  right: 0;
  border-radius: 5px;
  display: none;
  z-index: 2;
}

.box-ss-column {
  position: relative;
}

.box-popup-ss-column.open-box-ss {
  opacity: 1;
  visibility: visible;
  display: block;
}

.box-popup-ss-column .title-box {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.imt-ss-column {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.imt-ss-column:last-child {
  margin-bottom: 0;
}

.imt-ss-column .icon-dehaze {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.imt-ss-column .icon-dehaze:hover {
  background: #f0f0f0;
}

.imt-ss-column .item-check-type {
  margin-bottom: 0;
  flex: 1;
  margin-right: 5px;
}

.imt-ss-column .item-check-type label .check {
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 4px;
  top: 0;
}

.imt-ss-column .item-check-type label .checked {
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 4px;
}

.imt-ss-column .item-check-type label .txt {
  top: 1px;
  flex: 1;
  margin-left: 6px;
}

.lst-imt-ss-column {
  max-height: 250px;
  overflow-y: auto;
  padding-right: 15px;
}

.lst-imt-ss-column::-webkit-scrollbar {
  width: 8px;
  border-radius: 100px;
}

.lst-imt-ss-column::-webkit-scrollbar-track {
  background: transparent;
}

.lst-imt-ss-column::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: var(--border-color);
}

.box-popup-ss-column .main-box {
  margin-right: -12px;
}

.box-popup-ss-column .lst-btn-box-search {
  justify-content: flex-end;
  grid-gap: 10px;
}

.btn-restart-normal a {
  color: var(--primary-color-2);
  font-size: 13px;
  transition: all 0.3s;
  font-weight: 400;
}

.box-popup-ss-column .title-box .txt-name {
  margin: 0;
}

.group-filter-topbar .form-search-work {
  width: 350px;
  margin: 0;
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .group-filter-topbar .form-search-work {
    width: 260px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .box-popup-filter-search-class {
    width: 500px;
    padding: 20px 25px;
  }

  .box-popup-filter-search-class .title-box {
    margin: 0 -10px;
    margin-bottom: 15px;
  }

  .flex-three-form {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    grid-row-gap: 10px;
  }

  .flex-two-form {
    grid-gap: 15px;
    grid-row-gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .group-filter-topbar .form-search-work {
    width: 260px;
  }

  .box-popup-filter-search-class {
    width: 500px;
    padding: 20px 25px;
  }

  .box-popup-filter-search-class .title-box {
    margin: 0 -10px;
    margin-bottom: 15px;
  }

  .flex-three-form {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    grid-row-gap: 10px;
  }

  .flex-two-form {
    grid-gap: 15px;
    grid-row-gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .group-filter-topbar .form-search-work {
    width: 200px;
  }

  .box-popup-filter-search {
    width: 500px;
    left: -97px;
    top: 40px;
  }

  .box-popup-filter-search-class {
    width: 500px;
    padding: 20px 25px;
    left: -97px;
  }

  .box-popup-filter-search-class .title-box {
    margin: 0 -10px;
    margin-bottom: 15px;
  }

  .flex-three-form {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    grid-row-gap: 10px;
  }

  .flex-two-form {
    grid-gap: 15px;
    grid-row-gap: 10px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .group-filter-topbar .form-search-work {
    width: 200px;
    flex: 1;
  }

  .box-popup-filter-search {
    width: 450px;
    left: auto;
    right: 0;
  }

  .box-popup-filter-search-class .title-box {
    margin: 0 -10px;
    margin-bottom: 15px;
  }

  .group-filter-topbar {
    margin-bottom: 8px;
    position: relative;
  }

  .box-popup-filter-search-class {
    width: 400px;
    padding: 20px 25px;
    left: 0;
  }

  .box-popup-filter-search-class .title-box {
    margin: 0 -10px;
    margin-bottom: 15px;
  }

  .flex-three-form {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    grid-row-gap: 10px;
  }

  .flex-two-form {
    grid-gap: 15px;
    grid-row-gap: 10px;
  }

  .box-popup-ss-column {
    top: 40px;
  }

  .block-filter-topbar {
    position: relative;
    display: block;
    padding-bottom: 10px;
  }

  .box-popup-filter-search .flex-three-form {
    grid-template-columns: 1fr;
  }

  .box-popup-ss-column {
    left: 0;
  }
}

@media (max-width: 575px) {
  .group-filter-topbar {
    margin-bottom: 8px;
    position: relative;
  }

  .group-filter-topbar .form-search-work {
    width: 100%;
    flex: 1;
  }

  .box-popup-filter-search {
    width: calc(100% - 30px);
    right: 10px;
    margin: 0 auto;
    top: 40px;
  }

  .filter-search {
    position: static;
  }

  .box-popup-filter-search-class {
    width: 100%;
    padding: 15px;
    left: 0;
    top: 85px;
  }

  .box-popup-filter-search-class .title-box {
    margin: 0;
    margin-bottom: 15px;
  }

  .flex-three-form {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
  }

  .flex-two-form {
    grid-gap: 12px;
    grid-template-columns: repeat(1, 1fr);
  }

  .box-popup-ss-column {
    top: 40px;
  }

  .block-filter-topbar {
    padding: 0 15px;
    margin: 0 -15px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    padding-bottom: 10px;
  }

  .box-popup-ss-column {
    left: 0;
  }

  .box-popup-filter-search-class .main-box {
    max-height: 300px;
    overflow-y: auto;
  }
}

.block-table-crm {
  margin-bottom: 50px;
}

.ct-bg-title-table {
  border: none;
  border-radius: 3px;
  background: rgba(217, 217, 217, 0.2);
}

.imt-crm-stt {
  width: 40px;
}

.imt-crm-mhs {
  width: 140px;
}

.imt-crm-name {
  width: 135px;
}

.imt-crm-dv {
  width: 130px;
}

.imt-crm-tt-hs {
  width: 140px;
}

.imt-crm-date {
  width: 120px;
}

.imt-crm-nd {
  flex: 1;
}

.imt-crm-label {
  width: 120px;
}

.imt-crm-status {
  width: 90px;
}

.txt-crm-mhs {
  color: var(--primary-color-2);
  font-size: 14px;
  font-weight: 400;
  word-break: break-word;
  line-height: 18px;
}

.ct-label-status-crm.label-paid-payment {
  background: rgba(71, 157, 95, 0.2);
  color: #479d5f;
}

.tr-table.ct-total-tr-table {
  background: #e9e9e9;
}

.label-tt-new {
  font-weight: 400;
  color: #fff;
  font-size: 13px;
  line-height: 1.1;
  border-radius: 5px;
  padding: 3px 5px;
  display: inline-block;
}

.label-tt-new.label-draft {
  background: rgba(159, 159, 159, 1);
}

.label-tt-new.label-expire {
  background: rgba(254, 137, 0, 1);
}

.label-tt-new.label-posted {
  background: rgba(0, 108, 254, 1);
}

.label-tt-new.label-finish {
  background: rgba(254, 0, 0, 1);
}

.label-tag-view {
  font-weight: 400;
  color: #121212;
  font-size: 13px;
  line-height: 1.1;
  border-radius: 5px;
  padding: 3px 5px;
  display: inline-block;
}

.label-tag-view.label-nv {
  background: rgba(217, 217, 217, 1);
}

.ct-label-status-crm {
  border-radius: 100px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  display: inline-block;
}

.ct-label-status-crm.label-complete {
  background: rgba(0, 108, 254, 0.15);
  color: var(--primary-color-2);
}

.ct-label-status-crm.label-fail {
  background: rgba(251, 0, 0, 0.2);
  color: #fb0000;
}

.flex-action-crm {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  flex-wrap: wrap;
}

.imt-crm-status {
  margin-right: 0;
}

.imt-crm-code-visa {
  width: 160px;
}

.imt-crm-code-visa .txt-date-book {
  font-size: 13px;
}

.ct-label-status-crm.label-hs-run {
  background: rgba(255, 167, 34, 0.2);
  font-size: 13px;
  color: var(--primary-color-1);
}

.ct-label-status-crm.label-hs-complete {
  background: rgba(0, 108, 254, 0.9);
  color: #fff;
}

@media (min-width: 1600px) and (max-width: 1850px) {
  .imt-crm-date {
    width: 110px;
  }

  .imt-crm-dv {
    width: 110px;
  }

  .imt-crm-name {
    width: 120px;
  }

  .imt-crm-mhs {
    width: 110px;
  }

  .imt-crm-label {
    width: 105px;
  }

  .imt-content-table.imt-crm-status {
    margin-right: 0;
  }

  .imt-crm-tt-hs {
    width: 110px;
  }
}

@media (max-width: 1599px) {
  .imt-crm-date {
    width: 110px;
  }

  .imt-crm-dv {
    width: 110px;
  }

  .imt-crm-name {
    width: 120px;
  }

  .imt-crm-mhs {
    width: 110px;
  }

  .imt-crm-label {
    width: 105px;
  }

  .imt-content-table.imt-crm-status {
    margin-right: 0;
  }

  .imt-crm-tt-hs {
    width: 110px;
  }
}

.title-tab-hs-modal {
  display: flex;
  align-items: center;
  margin-bottom: 20px;

  flex-wrap: nowrap;
  overflow-x: auto;
}

.imt-title-tab-hs a {
  padding: 5px 10px;
  display: block;
  font-weight: 500;
  color: var(--primary-color-1);
  font-size: 14px;
  transition: all 0.4s;
  background: transparent;
  border-radius: 5px;
}

.imt-title-tab-hs.active a {
  color: #fff;
  background: var(--primary-color-2);
}

.imt-title-tab-hs:hover a {
  color: #fff;
  background: var(--primary-color-2);
}

.imt-title-tab-hs {
  margin-right: 5px;
  white-space: nowrap;
}

.imt-info-detail-hs:nth-child(2n + 1) {
  background: rgba(217, 217, 217, 0.2);
}

.imt-info-detail-hs {
  padding: 10px;
  display: flex;
  align-items: flex-start;
}

.imt-info-detail-hs .left {
  width: 32%;
  text-align: right;
}

.imt-info-detail-hs .right {
  flex: 1;
  margin-left: 30px;
}

.imt-info-detail-hs .left .txt-title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.imt-info-detail-hs .right .txt-name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.imt-info-detail-hs .right .txt-name.text-medium {
  font-weight: 500;
}

.imt-info-detail-hs .right .txt-name a {
  color: var(--primary-color-2);
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}

.imt-info-detail-hs .right .txt-name a:hover {
  text-decoration: underline;
}

.imt-info-detail-hs .right .txt-name.color-mhs {
  color: var(--primary-color-2);
  font-weight: 500;
}

.imt-crm-flex-1 {
  flex: 1;
}

.imt-crm-bpxl {
  width: 120px;
}

.imt-crm-nxl {
  width: 120px;
}

.imt-crm-tt-td {
  width: 100px;
  margin-right: 0;
}

.imt-crm-bs {
  width: 80px;
}

.imt-crm-dk-file {
  width: 200px;
}

.imt-crm-view {
  width: 50px;
  text-align: center;
  justify-content: center;
}

.imt-crm-detele {
  width: 50px;
  text-align: center;
  justify-content: center;
}

.imt-title-table:last-child {
  margin-right: 0 !important;
}

.imt-content-table:last-child {
  margin-right: 0 !important;
}

.txt-link-icon a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.txt-content-table.txt-link-icon {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.txt-file .txt-link {
  color: var(--primary-color-2);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
  word-break: break-word;
}

.txt-file .txt-link:hover {
  text-decoration: underline;
}

.txt-name-title-popup {
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.imt-crm-name-pt {
  width: 180px;
}

.block-table-crm-kh {
  margin-bottom: 20px;
  padding-bottom: 40px;
  width: 100%;
  /* overflow-y: hidden;
  overflow-x: auto; */
  min-width: max-content;
}

.imt-content-table.sticky-next {
  background: #fff;
}

.imt-title-table.sticky-next {
  background: #f7f7f7;
}

@media (min-width: 1600px) and (max-width: 1809px) {
  .block-table-crm-kh .imt-crm-dv {
    width: 90px;
  }

  .block-table-crm-kh .imt-crm-mhs {
    width: 125px;
  }

  .block-table-crm-kh .imt-crm-date {
    width: 105px;
  }

  .block-table-crm-kh .imt-crm-stt {
    width: 30px;
  }

  .block-table-crm-kh .imt-crm-code-visa {
    width: 120px;
  }

  .block-table-crm-kh .imt-title-table,
  .block-table-crm-kh .imt-content-table {
    margin-right: 10px;
  }
}

@media (max-width: 1599px) {
  /* .block-table-crm-kh {
    overflow-x: auto;
    overflow-y: hidden;
  } */

  .block-table-crm-kh .title-table,
  .block-table-crm-kh .content-table {
    width: 100%;
    min-width: max-content;
  }
}

@media (max-width: 1000px) {
  .block-table-modal-hs {
    overflow-x: auto;
  }

  .block-table-modal-hs .imt-crm-nxl {
    width: 140px;
  }

  .block-table-modal-hs .imt-crm-date {
    width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-table-kq .title-table {
    width: 700px;
  }

  .block-table-kq .content-table {
    width: 700px;
  }

  .block-table-kq .imt-crm-dk-file {
    width: 120px;
  }
}

@media (max-width: 767px) {
  .block-table-kq .title-table {
    width: 600px;
  }

  .block-table-kq .content-table {
    width: 600px;
  }

  .block-table-kq .imt-crm-dk-file {
    width: 120px;
  }

  .block-table-crm-kh .imt-crm-dv {
    width: 90px;
  }

  .block-table-crm-kh .imt-crm-mhs {
    width: 125px;
  }

  .block-table-crm-kh .imt-crm-date {
    width: 105px;
  }

  .block-table-crm-kh .imt-crm-stt {
    width: 40px;
  }

  .block-table-crm-kh .imt-crm-code-visa {
    width: 120px;
  }

  .block-table-crm-kh .imt-title-table,
  .block-table-crm-kh .imt-content-table {
    margin-right: 10px;
  }
}

@media (max-width: 575px) {
  .imt-info-detail-hs .left {
    text-align: left;
  }

  .imt-info-detail-hs .right {
    margin-left: 10px;
  }
}

@media (max-width: 325px) {
  .imt-info-detail-hs {
    display: block;
  }

  .imt-info-detail-hs .left {
    text-align: left;
    width: 100%;
  }

  .imt-info-detail-hs .right {
    margin-left: 0;
  }
}

/* Khách hàng tổng quan */
.title-tab-kh-crm {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid var(--border-color);
  padding: 0 20px;
  margin: 0 -20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.title-tab-kh-crm .imt-title-tab-hs {
  margin-right: 10px;
}

.block-steps-tq-user {
  width: 1140px;
  margin: 0 auto;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 25px;
}

.item-steps-tq:last-child {
  margin-right: 0;
}

.item-steps-tq .name-imt {
  margin-bottom: 6px;
  height: 34px;
  display: flex;
  align-items: flex-start;
}

.item-steps-tq .name-imt p {
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.item-steps-tq .name-imt .number {
  font-weight: 700;
  margin-right: 3px;
  font-size: 16px;
  line-height: 17px;
  color: var(--primary-color-1);
}

.date-complete {
  color: rgba(18, 18, 18, 0.6);
  font-size: 13px;
  font-weight: 400;
  transition: all 0.3s;
  line-height: 16px;
}

.item-steps-tq .item-check-type label .check {
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  border-radius: 0;
}

.item-steps-tq .item-check-type label .checked {
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
  border-radius: 0;
}

.item-steps-tq .item-check-type label {
  margin: 0;
}

.item-steps-tq .item-check-type:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 28px;
  width: calc(100% - 28px);
  border-top: 2px dashed var(--border-color);
  transition: all 0.3s;
}

.item-steps-tq.active .item-check-type:before {
  border-top: 2px solid var(--primary-color-2);
}

.item-steps-tq.active .item-check-type label .check {
  opacity: 0;
  visibility: hidden;
}

.item-steps-tq.active .item-check-type label .checked {
  opacity: 1;
  visibility: visible;
}

.item-steps-tq.active .date-complete {
  color: var(--primary-color-2);
}

.block-info-steps-tq .imt-info-detail-hs .left {
  text-align: left;
}

.item-check-type .check-fail {
  position: absolute;
  width: 20px;
  height: 20px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.imt-fail .item-check-type label .check-fail {
  opacity: 1;
  visibility: visible;
}

.imt-fail .item-check-type label .check {
  opacity: 0;
  visibility: hidden;
}

.imt-fail .item-check-type label .checked {
  opacity: 0;
  visibility: hidden;
}

.imt-fail .item-check-type:before {
  border-top: 2px solid #fb0000;
}

.imt-fail .date-complete {
  color: red;
}

.block-info-steps-tq .imt-info-detail-hs {
  padding: 10px 20px;
}

.ct-popup-width-800 .main-export-file {
  width: 800px;
}

.block-tq-update-status input {
  height: 100%;
  border: none;
}

.block-tq-update-status .name-ct-input {
  font-size: 13px;
  font-weight: 300;
  min-height: 20px;
}

.min-h-200 {
  min-height: 200px;
  margin-bottom: 30px;
}

.box-content-tq-update {
  padding: 0 50px;
}

.label-kq-code {
  display: inline-block;
  padding: 5px 10px;
  background: rgba(255, 167, 34, 0.2);
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}

.box-content-tq-update .ct-input {
  margin: 0;
}

.btn-creat-hd .name {
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 3px;
}

.btn-bg-blue .txt {
  position: relative;

  top: 1px;
}

.btn-bg-blue .icon {
  position: relative;
  top: -1px;
}

.btn-creat-hd {
  margin-bottom: 20px;
}

.label-content-creat {
  margin-bottom: 20px;
}

.label-content-creat .box-content {
  color: #656565;
  font-size: 14px;
  font-weight: 500;
  background: rgba(0, 108, 254, 0.15);
  padding: 5px 10px;
  display: inline;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .block-steps-tq-user {
    width: 100%;
  }
}

@media (max-width: 1399px) {
  .block-steps-tq-user {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .block-steps-tq-user {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-steps-tq-user {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-steps-tq-user {
    grid-template-columns: repeat(4, 1fr);
  }

  .ct-popup-width-800 .main-export-file {
    width: 700px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-steps-tq-user {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    grid-row-gap: 20px;
  }

  .ct-popup-width-800 .main-export-file {
    width: 520px;
  }

  .box-content-tq-update {
    padding: 0;
  }
}

@media (max-width: 575px) {
  .block-steps-tq-user {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 30px;
  }

  .item-steps-tq .name-imt {
    margin-bottom: 0;
    height: 32px;
  }

  .block-info-steps-tq .imt-info-detail-hs {
    padding: 10px;
  }

  .title-tab-kh-crm {
    margin: 0 -15px;
    padding: 0 15px;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }

  .ct-popup-width-800 .main-export-file {
    width: 94%;
    padding: 15px;
  }

  .box-content-tq-update {
    padding: 0;
  }
}

/* End Khách hàng tổng quan */

/* Khách hàng hợp đồng */
.block-hd-file .flex-action-crm {
  justify-content: center;
}

.block-table-modal-hs .item-choose-filter {
  height: 30px;
}

.block-table-modal-hs .item-choose-filter .icon-select {
  top: 1px;
}

.block-table-modal-hs .item-choose-filter select {
  font-size: 13px;
}

@media (max-width: 767px) {

  .block-table-modal-hs .title-table,
  .block-table-modal-hs .content-table {
    width: 900px;
  }
}

/* End Khách hàng hợp đồng */

/*  Khách hàng hồ sơ */
.bottom-action-fixed {
  width: calc(100% - 250px);
  margin-left: 250px;
  position: fixed;
  bottom: 0;
  height: 55px;
  background: #ededed;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 80px;
}

.bottom-action-fixed .lst-btn-box-search {
  margin: 0;
}

.pb-70 {
  padding-bottom: 70px;
}

.layout-wp-homepage-page.pb-70 .wp-order-page {
  min-height: calc(100vh - 203px);
}

.block-info-hs-crm {
  display: flex;
  align-items: flex-start;
}

.block-info-hs-crm .left {
  flex: 1;
  margin-right: 80px;
}

.block-info-hs-crm .right {
  width: 320px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 40px;
}

.block-img-info-hs .name-form-upload {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.block-img-info-hs .box-image {
  width: 140px;
  height: 190px;
  border: 1px solid rgba(217, 217, 217, 0.8);
  background: rgba(217, 217, 217, 0.4);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.block-img-info-hs .box-image .picture {
  display: block;
  width: 100%;
  height: 100%;
}

.block-img-info-hs .box-image .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: none;
}

.block-img-info-hs .box-image .icon-picture {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.block-img-info-hs .box-image .icon-picture input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.block-img-info-hs .box-image.active-image .icon-picture img {
  opacity: 0;
  visibility: hidden;
}

.block-tq-user-crm {
  width: 1260px;
  margin: 0 auto;
}

.box-info-hs-crm .title-box {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.box-info-hs-crm .content-box {
  display: none;
}

.box-info-hs-crm.active .content-box {
  display: block;
}

.box-info-hs-crm .title-box .info {
  flex: 1;
  margin-right: 10px;
  display: flex;
  align-items: flex-start;
}

.box-info-hs-crm .title-box .info .number {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
}

.box-info-hs-crm .title-box .info .name {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  flex: 1;
  margin-left: 5px;
}

.box-info-hs-crm .title-box .arrow {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  background: transparent;
  transition: all 0.3s;
  margin-right: -5px;
  transform: rotate(0deg);
}

.box-info-hs-crm.active .title-box .arrow {
  transform: rotate(-180deg);
}

.box-info-hs-crm .title-box .arrow:hover {
  background: var(--border-color);
}

.block-tq-user-crm .ct-input input {
  border: none;
}

.flex-row-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.line-column-info:last-child {
  margin-bottom: 0;
}

.box-info-hs-crm .ct-input {
  margin-bottom: 12px;
}

.flex-row-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.line-column-info.flex-row-2 {
  grid-gap: 40px;
}

.box-info-hs-crm {
  margin-bottom: 20px;
}

.box-info-family {
  margin-bottom: 15px;
}

.title-info-family .title-child {
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 8px;
}

@media (max-width: 1599px) {
  .block-tq-user-crm {
    width: 100%;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .block-info-hs-crm .right {
    grid-gap: 20px;
    width: 300px;
  }

  .block-info-hs-crm .left {
    margin-right: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .block-info-hs-crm .right {
    grid-gap: 20px;
    width: 150px;
    flex-wrap: wrap;
  }

  .block-info-hs-crm .left {
    margin-right: 30px;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  .bottom-action-fixed {
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0 35px;
  }
}

@media (max-width: 991px) {
  .block-info-hs-crm {
    flex-direction: column-reverse;
  }

  .block-info-hs-crm .left {
    margin: 0;
    width: 100%;
  }

  .block-info-hs-crm .right {
    width: 100%;
    justify-content: flex-start;
    grid-gap: 20px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .line-column-info.flex-row-2 {
    grid-gap: 25px;
  }

  .right-line-column.flex-row-3 {
    grid-gap: 10px;
  }

  .flex-row-2 {
    grid-gap: 15px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .bottom-action-fixed {
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0 15px;
  }

  .line-column-info.flex-row-2 {
    grid-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 575px) {
  .bottom-action-fixed {
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0 15px;
    height: 50px;
  }

  .line-column-info.flex-row-2 {
    grid-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .flex-row-2,
  .flex-row-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0 !important;
  }
}

@media (max-width: 350px) {
  .block-img-info-hs .box-image {
    width: 125px;
    height: 175px;
  }

  .block-info-hs-crm .right {
    grid-gap: 10px;
  }
}

/* End Khách hàng hồ sơ */

/* Khách hàng học vấn */
.txt-important {
  color: #fb0000;
  font-size: 14px;
  font-weight: 400;
}

.w-860 {
  width: 860px;
  margin: 0 auto;
}

.box-info-detail-dh .content-detail-dh {
  border-radius: 3px;
  background: rgba(217, 217, 217, 0.2);
  padding: 8px 20px;
}

.box-info-detail-dh {
  margin-bottom: 15px;
}

.imt-detail-dh {
  margin-bottom: 5px;
}

.imt-detail-dh:last-child {
  margin: 0;
}

.imt-detail-dh p {
  font-size: 14px;
  color: rgba(18, 18, 18, 0.8);
  margin: 0;
  font-weight: 500;
}

.box-kq-search-hd .txt-box {
  color: #fb0000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

.box-kq-search-hd {
  padding-top: 20px;
}

.box-kq-search-hd .item-check-type .check {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
  top: 0;
}

.box-kq-search-hd .item-check-type .checked {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
}

.box-kq-search-hd .item-check-type .txt {
  color: var(--primary-color-2);
}

.box-kq-search-hd .item-check-type {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.box-kq-search-hd .item-check-type label {
  margin: 0;
}

.box-kq-search-hd .item-check-type .txt-kh {
  flex: 1;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-color-1);
}

.w-1000 {
  width: 1000px !important;
  margin: 0 auto;
}

@media (max-width: 1350px) {
  .w-1000 {
    width: 100% !important;
  }
}

@media (min-width: 1050px) {
  .block-prd-page.w-1000 {
    width: 1000px !important;
  }
}

.imt-crm-number {
  width: 80px;
}

.block-table-yc-hs .imt-crm-view {
  width: 165px;
  text-align: left;
  justify-content: flex-start;
}

.block-table-yc-hs .imt-crm-dk-file {
  width: 180px;
}

.imt-yc-dk {
  margin-bottom: 20px;
}

.imt-yc-dk:last-child {
  margin: 0;
}

.imt-yc-dk .title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.imt-yc-dk .content p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.show-file {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  padding-top: 5px;
}

.show-file p {
  color: var(--primary-color-2);
  font-size: 14px;
  font-weight: 500;
  margin-right: 18px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.show-file .del-file {
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.block-tq-user-crm.w-1400 {
  width: 1400px;
}

.block-table-td-xl .imt-crm-dk-file {
  width: 160px;
}

.block-table-td-xl .imt-crm-view {
  width: 120px;
  justify-content: flex-start;
}

.block-table-td-xl {
  overflow-x: auto;
}

.block-table-td-xl .imt-crm-flex-1 {
  display: flex;
  align-items: flex-start;
}

.block-table-td-xl .imt-crm-flex-1 .icon {
  position: relative;
  top: -3px;
}

.block-table-td-xl .imt-crm-flex-1 .txt-content-table {
  flex: 1;
}

/* .block-table-td-xl .ct-label-status-crm.label-hs-complete {
    background: rgba(0, 108, 254, 0.15);
} */
.flex-two-form .ct-input {
  margin-bottom: 0;
}

.yc-pd .item-check-type {
  margin: 0;
}

.yc-pd .item-check-type label .check {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
  top: 0;
}

.yc-pd .item-check-type label .checked {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
}

.yc-pd .item-check-type label .txt {
  top: 1px;
  color: var(--primary-color-1);
}

.block-table-modal-td {
  overflow-x: auto;
}

.block-table-modal-td .imt-crm-dk-file {
  width: 130px;
}

.block-table-modal-td .imt-crm-number {
  width: 75px;
}

.block-table-modal-td .imt-crm-date {
  width: 100px;
}

@media (max-width: 1750px) {
  .block-tq-user-crm.w-1400 {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .w-860 {
    width: 100%;
  }

  .block-table-modal-td .content-table,
  .block-table-modal-td .title-table {
    width: 800px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .block-table-time-th .imt-crm-dk-file {
    width: 160px;
  }
}

@media (max-width: 991px) {

  .block-table-time-th .title-table,
  .block-table-time-th .content-table {
    width: 900px;
  }

  .block-table-time-th .imt-crm-dk-file {
    width: 160px;
  }

  .block-table-time-th {
    overflow-x: auto;
  }

  .block-table-yc-hs {
    overflow-x: auto;
  }
}

@media (min-width: 576px) and (max-width: 1650px) {

  .block-table-td-xl .title-table,
  .block-table-td-xl .content-table {
    width: 1350px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 576px) and (max-width: 767px) {
  .show-file p {
    flex: 1;
  }
}

@media (max-width: 575px) {

  .block-table-td-xl .title-table,
  .block-table-td-xl .content-table {
    width: 1300px;
  }

  .show-file p {
    flex: 1;
  }

  .flex-two-form .ct-input {
    margin-bottom: 0;
  }
}

/* End Khách hàng học vấn */

.block-layout-ht-menu {
  display: flex;
  height: 100%;
  min-height: calc(100vh - 140px);
}

.left-layout-ht {
  border-right: 1px solid rgba(217, 217, 217, 0.8);
  width: 300px;
  height: auto;
  padding: 25px;
}

.right-layout-ht {
  width: calc(100% - 300px);
  display: flex;
}

.menu-child-ht {
  width: 250px;
  background: rgba(217, 217, 217, 0.2);
  padding: 15px;
}

.content-layout-ht {
  flex: 1;
  padding: 30px;
  width: 100%;
}

.wp-ht-page {
  background: #ffffff;
  border-radius: 10px;
  min-height: calc(100vh - 140px);
}

.menu-ht {}

.imt-menu-ht a {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 10px;
  display: block;
  background: transparent;
  transition: all 0.3s;
  border-radius: 3px;
}

.imt-menu-ht a:hover,
.imt-menu-ht.active a {
  background: rgba(217, 217, 217, 0.4);
}

.imt-menu-ht {
  margin-bottom: 1px;
}

.title-menu-child-ht {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.title-menu-child-ht .name {
  flex: 1;
  margin-right: 5px;
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
}

.imt-menu-child-ht a {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 10px;
  display: block;
  background: transparent;
  transition: all 0.3s;
  border-radius: 3px;
}

.imt-menu-child-ht a:hover,
.imt-menu-child-ht.active a {
  background: #e3e3e3;
}

.block-table-yc-hs {
  overflow-x: auto;
  overflow-y: hidden;
}

.block-table-yc-hs .imt-crm-dk-tt {
  width: 130px;
}

.imt-crm-dk-tt .ct-label-status-crm.label-hs-hd {
  border-radius: 100px;
  background: rgba(0, 108, 254, 0.2);
}

.box-search-content-ht {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1200px) and (max-width: 1799px) {
  .left-layout-ht {
    width: 250px;
    padding: 15px;
  }

  .right-layout-ht {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .right-layout-ht {
    display: block;
  }

  .menu-child-ht {
    width: 100%;
  }

  .box-menu-child-ht {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
  }

  .content-layout-ht {
    padding: 20px;
  }

  .block-table-yc-hs .imt-crm-dk-tt {
    width: 105px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .right-layout-ht {
    display: block;
  }

  .menu-child-ht {
    width: 100%;
  }

  .box-menu-child-ht {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
  }

  .content-layout-ht {
    padding: 20px;
  }

  .block-table-yc-hs .imt-crm-dk-tt {
    width: 105px;
  }

  .ct-tb-ht-dm .content-table,
  .ct-tb-ht-dm .title-table {
    width: 800px;
  }

  .right-layout-ht {
    width: calc(100% - 250px);
  }

  .left-layout-ht {
    width: 250px;
    padding: 15px;
  }

  .right-layout-ht {
    width: calc(100% - 250px);
  }
}

@media (max-width: 991px) {
  .menu-ht {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .right-layout-ht {
    width: 100%;
  }

  .left-layout-ht {
    border: none;
  }

  .imt-menu-ht {
    margin: 0;
    margin-right: 5px;
    white-space: nowrap;
  }

  .imt-menu-ht a {
    background: rgba(217, 217, 217, 0.2);
  }

  .imt-menu-ht.active a {
    background: #e3e3e3;
  }

  .right-layout-ht {
    display: block;
  }

  .menu-child-ht {
    width: 100%;
  }

  .box-menu-child-ht {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: 5px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .imt-menu-child-ht {
    white-space: nowrap;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .content-layout-ht {
    padding: 20px;
  }

  .block-table-yc-hs .imt-crm-dk-tt {
    width: 105px;
  }

  .ct-tb-ht-dm .content-table,
  .ct-tb-ht-dm .title-table {
    width: 800px;
  }

  .left-layout-ht {
    width: 100%;
    padding: 15px;
  }

  .block-layout-ht-menu {
    display: block;
    min-height: auto;
  }

  .box-search-content-ht .group-filter-topbar .form-search-work {
    width: 300px;
  }
}

@media (max-width: 575px) {
  .content-layout-ht {
    padding: 15px;
  }

  .block-table-yc-hs .imt-crm-dk-tt {
    width: 105px;
  }

  .ct-tb-ht-dm .content-table,
  .ct-tb-ht-dm .title-table {
    width: 800px;
  }

  .left-layout-ht {
    width: 100%;
    padding: 15px;
  }

  .block-layout-ht-menu {
    display: block;
    min-height: auto;
  }

  .box-search-content-ht {
    display: block;
  }
}

/*Tài chính */
.ct-table-tc .imt-crm-status {
  width: 165px;
}

@media (max-width: 1200px) {

  .ct-table-tc .title-table,
  .ct-table-tc .content-table {
    width: 1200px;
  }

  .ct-table-tc .imt-crm-date {
    width: 90px;
  }

  .ct-table-tc .imt-crm-name {
    width: 130px;
  }
}

.topbar-add-ticker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 50px;
  padding: 5px 50px;
  display: flex;
  z-index: 9;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.topbar-add-ticker .left-topbar {
  width: 180px;
}

.topbar-add-ticker .right-topbar {
  width: 180px;
}

.center-topbar {
  text-align: center;
  flex: 1;
}

.topbar-add-ticker .left-topbar .lst-btn-box-search {
  margin: 0;
  justify-content: flex-start;
}

.topbar-add-ticker .right-topbar .icon-close-small {
  background: rgba(217, 217, 217, 0);
  position: relative;
  top: 0;
  right: 0;
  margin-left: auto;
}

.topbar-add-ticker .right-topbar .icon-close-small:hover {
  background: rgba(217, 217, 217, 0.6);
}

.center-topbar .name {
  color: var(--primary-color-1);
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.main-add-ticker {
  width: 1000px;
  margin: 0 auto;
  border-radius: 5px;
  background: #fff;
  padding: 35px;
  margin-top: 80px;
  margin-bottom: 30px;
}

.block-table-hd-creat {
  padding-top: 50px;
}

.block-table-hd-creat .txt-name {
  margin-bottom: 10px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}

.ct-table-hd-creat .title-table,
.ct-table-hd-creat .content-table {
  width: 100%;
}

.title-add-ticker {
  text-align: center;
  margin-bottom: 30px;
}

.title-add-ticker h3 {
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.title-add-ticker p {
  color: var(--primary-color-1);
  font-size: 14px;
}

.layout-main-add-ticker {
  display: flex;
  align-items: flex-start;
}

.layout-main-add-ticker .left {
  flex: 1;
  margin-right: 45px;
}

.layout-main-add-ticker .right {
  width: 250px;
}

.box-shd {
  border-radius: 3px;
  background: rgba(217, 217, 217, 0.4);
  padding: 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.box-shd .name {
  margin: 0;
  color: var(--primary-color-1);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
  top: 1px;
  width: 50px;
}

.box-shd .number {
  color: var(--primary-color-2);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  margin: 0;
  flex: 1;
  margin-left: 5px;
  word-break: break-word;
  position: relative;
  top: 1px;
}

.box-export-info-ticker {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.box-export-info-ticker .ct-input {
  margin: 0;
  width: 400px;
}

.box-export-info-ticker .ct-input .item-choose-filter input {
  border: none;
}

.btn-ltt {
  margin-left: 30px;
  position: relative;
  top: 12px;
}

.btn-ltt .layout-btn {
  display: flex;
  align-items: flex-start;
}

.btn-ltt .layout-btn .txt {
  flex: 1;
  margin-left: 5px;
  position: relative;
  margin-top: 2px;
}

.box-info-search-ticker {
  display: flex;
  flex-wrap: wrap;
}

.imt-form-info-search {
  width: 47%;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.imt-form-info-search:nth-child(2n + 2) {
  margin-left: auto;
}

.imt-form-info-search .name-form {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  width: 104px;
  position: relative;
  top: 2px;
}

.imt-form-info-search .content-imt-form input::placeholder {
  opacity: 1;
  color: var(--primary-color-1);
}

.content-imt-form .item-choose-filter select {
  padding: 0;
}

.content-imt-form input {
  width: 100%;
}

.content-imt-form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--border-color);
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.content-imt-form {
  flex: 1;
}

.content-imt-form .item-choose-filter {
  border: none;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0;
  height: 30px;
  margin: 0;
}

.content-imt-form .item-choose-filter .icon-select {
  top: 2px;
}

.ct-table-add-money .title-table {
  background: rgba(217, 217, 217, 0.4);
  border: none;
}

.ct-table-add-money .flex-action-crm {
  justify-content: flex-end;
}

.ct-table-add-money .flex-action-crm .icon-dots-row {
  background: transparent;
  height: auto;
  width: auto;
}

.ct-table-add-money .flex-action-crm .icon-dots-row img {
  width: 16px;
  height: 16px;
}

.ct-table-add-money .imt-crm-date {
  width: 150px;
}

.tr-table.tr-selected {
  background: rgba(0, 108, 254, 0.1);
}

.btn-add-row {
  margin-top: 20px;
  text-align: right;
  margin-bottom: 15px;
}

.total-price-tb {
  width: 250px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: auto;
}

.total-price-tb .name {
  width: 72px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin-right: 15px;
}

.tb-total-price {
  flex: 1;
  border-bottom: 1px solid var(--border-color);
  text-align: right;
  padding-bottom: 1px;
}

.tb-total-price p {
  margin: 0;
  font-size: 15px;
  color: var(--primary-color-1);
}

.ct-table-add-money .item-choose-filter {
  background: transparent;
  border: none;
  height: 25px;
  margin: 0;
  border-radius: 0;
  margin-top: -3px;
}

.ct-table-add-money .item-choose-filter .icon-select {
  right: 0;
  top: 0px;
}

.ct-table-add-money .ct-input {
  margin-top: -3px;
}

.ct-table-add-money .ct-input input {
  height: 25px;
  width: 100%;
  border-radius: 0;
  padding: 0 10px;
  text-align: right;
}

.ct-table-add-money .imt-crm-flex-1 {
  margin-right: 20px;
}

.ct-table-add-money .item-choose-filter select {
  padding: 0;
}

@media (max-width: 1599px) {
  .topbar-add-ticker {
    padding: 5px 15px;
  }
}

@media (max-width: 1050px) {
  .main-add-ticker {
    width: 100%;
    margin-top: 70px;
    padding: 15px;
  }

  .block-add-ticker {
    padding: 0 15px;
  }

  .ct-table-hd-creat .title-table,
  .ct-table-hd-creat .content-table {
    width: 850px;
  }

  .layout-main-add-ticker {
    flex-direction: column-reverse;
  }

  .layout-main-add-ticker .right {
    width: 100%;
    display: flex;
    align-items: flex-end;
  }

  .layout-main-add-ticker .left {
    margin: 0;
    flex: none;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1050px) {

  .ct-table-add-money .title-table,
  .ct-table-add-money .content-table {
    width: auto;
  }

  .box-shd {
    margin: 0;
    width: 40%;
    margin-right: 20px;
  }

  .layout-main-add-ticker .right {
    margin-bottom: 15px;
  }

  .layout-main-add-ticker .right .ct-input {
    width: 40%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {

  .ct-table-add-money .title-table,
  .ct-table-add-money .content-table {
    width: auto;
  }

  .box-export-info-ticker .ct-input {
    width: 60%;
  }

  .imt-form-info-search {
    width: 100%;
  }

  .box-shd {
    margin: 0;
    width: 40%;
    margin-right: 20px;
  }

  .layout-main-add-ticker .right {
    margin-bottom: 15px;
  }
}

@media (max-width: 575px) {
  .imt-form-info-search {
    width: 100%;
  }

  .ct-table-add-money {
    overflow-x: auto;
  }

  .ct-table-add-money .title-table,
  .ct-table-add-money .content-table {
    width: 600px;
  }

  .box-export-info-ticker .ct-input {
    width: 100%;
  }

  .box-export-info-ticker {
    display: block;
    margin-bottom: 27px;
  }

  .layout-main-add-ticker .right {
    display: block;
    margin-bottom: 15px;
  }

  .btn-ltt {
    margin: 0;
    top: 0;
    padding-top: 6px;
    text-align: center;
  }

  .btn-ltt .layout-btn {
    display: inline-flex;
  }

  .center-topbar .name {
    display: none;
  }

  .topbar-add-ticker .left-topbar {
    width: auto;
  }

  .topbar-add-ticker .right-topbar {
    width: auto;
    margin-left: auto;
  }
}

/* Sản phẩm */
.block-prd-page {
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 25px;
  width: 1200px;
}

.layout-block-prd-page {
  background: #fff;
  min-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
}

.layout-block-prd-page .title-prd {
  border-bottom: 1px solid var(--border-color);
  padding: 10px 18px;
  background: #fff;
}

.layout-block-prd-page .title-prd h3 {
  margin: 0;
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
}

.main-block-prd-page {
  flex: 1;
  display: flex;
  background: #fff;
  width: 100%;
}

.bottom-prd-page {
  display: flex;
  align-items: center;
  height: 50px;
  border-top: 1px solid var(--border-color);
  padding: 5px 25px;
  padding-left: 325px;
  justify-content: space-between;
  background: #fff;
}

.bottom-prd-page .lst-btn {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.btn-next-back a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 13px;
  height: 30px;
  min-width: 70px;
  background: var(--border-color);
  border-radius: 5px;
  transition: all 0.3s;
}

.btn-next-back a:hover {
  background: #cdcdcd;
}

.bottom-prd-page .lst-btn-box-search {
  margin: 0;
}

.main-block-prd-page .left {
  width: 300px;
  border-right: 1px solid var(--border-color);
  padding: 30px 45px;
}

.main-block-prd-page .right {
  flex: 1;
  padding: 30px;
}

.imt-steps-prd {
  display: flex;
  align-items: flex-start;
  padding-bottom: 50px;
  position: relative;
}

.imt-steps-prd .icon {
  border: 1px solid var(--border-color);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #fff;
  transition: all 0.3s;
  position: relative;
  top: 1px;
}

.imt-steps-prd .name {
  flex: 1;
  margin-left: 10px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
}

.imt-steps-prd:before {
  content: "";
  position: absolute;
  top: 24px;
  left: 10px;
  height: calc(100% - 32px);
  background: var(--border-color);
  width: 1px;
}

.imt-steps-prd:last-child:before {
  display: none;
}

.imt-steps-prd.active .icon {
  background: var(--primary-color-2);
  border-color: var(--primary-color-2);
}

.imt-steps-prd.active .name {
  color: var(--primary-color-2);
  font-weight: 500;
}

.block-info-content-prd .title-block {
  margin-bottom: 15px;
}

.block-info-content-prd .title-block .txt-big {
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 15px;
}

.imt-steps-prd .name .stt {
  display: none;
}

.block-info-content-prd .ct-input input {
  border: none;
}

.block-info-content-prd .title-block .title-small {
  margin-top: 2px;
  font-weight: 300;
  font-size: 14px;
  color: var(--primary-color-1);
}

.block-add-timeline-th .ct-table-add-money .imt-crm-date {
  width: 130px;
}

.block-add-timeline-th .ct-table-add-money .imt-crm-name {
  width: 110px;
}

.block-add-timeline-th .btn-filter-search {
  margin-bottom: 12px;
}

@media (max-width: 1250px) {
  .block-prd-page {
    width: 100%;
    padding-top: 70px;
  }
}

@media (min-width: 1050px) and (max-width: 1250px) {
  .block-prd-page {
    padding: 0 15px;
    padding-top: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-block-prd-page .left {
    padding: 20px;
    width: 260px;
  }

  .bottom-prd-page {
    padding-left: 280px;
    padding-right: 20px;
  }

  .main-block-prd-page .right {
    padding: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-block-prd-page .left {
    padding: 20px;
    width: 240px;
  }

  .bottom-prd-page {
    padding-left: 260px;
    padding-right: 20px;
  }

  .main-block-prd-page .right {
    padding: 20px;
    width: calc(100% - 240px);
    flex: none;
  }

  .block-add-timeline-th .ct-table-add-money .title-table,
  .block-add-timeline-th .ct-table-add-money .content-table {
    width: 900px;
  }

  .block-info-content-prd .ct-table-add-money {
    overflow-x: auto;
  }
}

@media (max-width: 767px) {

  .block-add-timeline-th .ct-table-add-money .title-table,
  .block-add-timeline-th .ct-table-add-money .content-table {
    width: 900px;
  }

  .block-info-content-prd .ct-table-add-money {
    overflow-x: auto;
  }

  .bottom-prd-page {
    width: 100%;
  }

  .main-block-prd-page {
    display: block;
    padding: 15px;
  }

  .main-block-prd-page .left {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-right: none;
  }

  .main-block-prd-page .right {
    padding: 0;
  }

  .imt-steps-prd {
    margin: 0;
    flex-direction: column-reverse;
    padding: 0;
  }

  .imt-steps-prd:before {
    height: 2px;
    width: calc(100% - 24px);
    left: 24px;
    top: auto;
    bottom: 6px;
  }

  .imt-steps-prd .name .stt {
    width: 18px;
    display: inline-block;
    font-weight: 500;
    margin-right: 5px;
  }

  .imt-steps-prd .name {
    display: flex;
    align-items: flex-start;
    line-height: 18px;
    margin: 0;
    margin-bottom: 4px;
  }

  .imt-steps-prd.active:before {
    background: var(--primary-color-2);
  }

  .imt-steps-prd .icon {
    width: 16px;
    height: 16px;
  }

  .imt-steps-prd:last-child:before {
    display: flex;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .bottom-prd-page {
    padding: 5px 15px;
  }

  .lst-steps-prd {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
  }
}

@media (max-width: 575px) {
  .lst-steps-prd {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
  }

  .bottom-prd-page {
    padding: 5px 15px;
  }
}

@media (max-width: 376px) {
  .bottom-prd-page {
    flex-direction: column-reverse;
    height: auto;
    padding: 10px 15px;
    align-items: flex-start;
  }

  .bottom-prd-page .right {
    margin-bottom: 16px;
    width: 100%;
  }

  .bottom-prd-page .lst-btn-box-search {
    margin-left: auto;
  }

  .bottom-prd-page .left {
    width: 100%;
  }

  .bottom-prd-page .lst-btn {
    justify-content: center;
  }
}

/* Login */
.layout-login-page {
  width: 400px;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 50px;
}

.layout-login-page .box-login {
  border-radius: 5px;
  background: #fff;
  padding: 25px;
  padding-bottom: 40px;
}

.lst-imt-support-login {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  margin-top: 30px;
}

.imt-support-login a {
  display: block;
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 400;
  transition: all 0.3s;
}

.imt-support-login a:hover {
  color: var(--primary-color-2);
}

.logo-login {
  text-align: center;
  margin-bottom: 15px;
}

.logo-login a {
  display: inline-block;
}

.title-box-login {
  text-align: center;
  margin-bottom: 40px;
}

.title-box-login h3 {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}

.title-box-login p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.box-form-login input {
  border: none;
}

.box-form-login {
  margin-bottom: 20px;
}

.btn-next-page .btn-bg-blue {
  display: flex;
  height: 40px;
  font-size: 14px;
}

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

.box-logo-info-dn {
  display: flex;
  align-items: flex-start;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.2);
  margin-bottom: 30px;
  padding: 12px 25px;
}

.box-logo-info-dn .logo-dn {
  width: 70px;
  height: 70px;
  border-radius: 3px;
  border: 1px solid var(--border-color);
  background: #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-logo-info-dn .content {
  flex: 1;
  margin-left: 20px;
}

.box-logo-info-dn .content .name {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

.lst-imt-info-small-dn p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.lst-imt-info-small-dn p .color {
  color: var(--primary-color-2);
}

.row-info-dn {
  margin-bottom: 30px;
}

.row-info-dn .title-row {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
}

.left-title-row {
  display: flex;
  align-items: flex-start;
  flex: 1;
  margin-right: 15px;
}

.left-title-row .number {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
}

.left-title-row .name {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
}

.left-title-row .name .check {
  margin-left: 2px;
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-edit-dn {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}

.icon-edit-dn:hover:before {
  background: #f0f0f0;
}

.icon-edit-dn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transform: scale(1.3);
  transition: all 0.3s;
  border-radius: 2px;
}

.icon-edit-dn img {
  position: relative;
}

.lst-imt-small-row {
  padding-left: 80px;
}

.imt-small-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.title-imt-small-row {
  width: 150px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
}

.content-imt-small-row {
  flex: 1;
  margin-left: 10px;
}

.content-imt-small-row p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.imt-small-row:last-child {
  margin: 0;
}

.box-edit-info-dn {
  background: rgba(217, 217, 217, 0.4);
  padding: 20px 80px;
}

.form-info-edit-dn input {
  height: 100%;
  border: none;
  border-radius: 3px;
  font-weight: 500;
}

.imt-form-edit-dn {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.imt-form-edit-dn .name-imt {
  width: 140px;
  text-align: right;
  font-weight: 300;
  font-size: 14px;
  color: var(--primary-color-1);
}

.imt-form-edit-dn .ct-input {
  flex: 1;
  margin-left: 40px;
}

.form-info-edit-dn {
  margin-bottom: 30px;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .box-edit-info-dn {
    padding: 20px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1599px) {
  .box-edit-info-dn {
    padding: 20px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1699px) {
  .layout-login-page {
    padding-top: 50px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .layout-login-page {
    padding-top: 30px;
  }

  .lst-imt-small-row {
    padding: 0;
  }

  .box-logo-info-dn {
    padding: 15px;
  }

  .box-edit-info-dn {
    padding: 20px;
  }

  .imt-form-edit-dn .ct-input {
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .box-edit-info-dn {
    padding: 15px;
  }

  .imt-form-edit-dn .ct-input {
    margin-left: 0;
  }

  .imt-form-edit-dn {
    display: block;
  }

  .imt-form-edit-dn .name-imt {
    width: 100%;
    text-align: left;
  }

  .lst-imt-small-row {
    padding: 0;
  }

  .box-logo-info-dn {
    padding: 15px;
    display: block;
  }

  .box-logo-info-dn .content {
    margin: 0;
  }

  .box-logo-info-dn .logo-dn {
    margin-bottom: 6px;
  }

  .layout-login-page {
    width: 100%;
    padding: 0 15px;
    padding-top: 25px;
  }

  .layout-login-page .box-login {
    padding: 15px;
    padding-bottom: 30px;
  }

  .lst-imt-support-login {
    margin-top: 20px;
  }

  .title-box-login {
    margin-bottom: 30px;
  }

  .imt-small-row {
    display: block;
  }

  .title-imt-small-row {
    width: 100%;
  }

  .content-imt-small-row {
    margin: 0;
  }
}

.w-1600 {
  width: 1635px;
}

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

@media (min-width: 1050px) {
  .w-1600 {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.main-sub-tv {
  flex: 1;
  padding: 20px 30px;
}

.bottom-sub-tv {
  padding: 10px 30px;
}

.top-sub-tv {
  padding: 15px 30px;
}

.top-sub-tv .block-filter-topbar {
  padding: 0 30px;
  margin: 0 -30px;
  padding-bottom: 15px;
}

.btn-save-tv a {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background: transparent;
  transition: all 0.3s;
}

.btn-save-tv {
  margin-bottom: 15px;
}

.btn-save-tv a .txt {
  font-weight: 400;
  color: var(--primary-color-1);
  font-size: 13px;
  margin-right: 5px;
  flex: 1;
}

.btn-save-tv a .heart {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-save-tv a .number {
  background: var(--primary-color-2);
  padding: 3px 5px;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
  margin-left: 3px;
}

.btn-save-tv a:hover {
  background: var(--border-color);
}

.txt-del-filter {
  margin-top: -10px;
  margin-bottom: 20px;
}

.txt-del-filter a {
  display: inline-block;
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 400;
  transition: all 0.3s;
  text-decoration: underline;
}

.txt-del-filter a:hover {
  color: #db031f;
}

.flex-sub-tv {
  display: flex;
}

.flex-sub-tv .info-sub-tv {
  flex: 1;
  padding-right: 50px;
  margin-right: 50px;
  position: relative;
}

.flex-sub-tv .box-tk-ut {
  width: 250px;
}

.flex-sub-tv .info-sub-tv:before {
  content: "";
  position: absolute;
  right: 0;
  background: var(--border-color);
  width: 1px;
  height: 100%;
}

.title-info-sub-tv .txt-big-sub {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
}

.title-info-sub-tv .txt-small-sub {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

.title-info-sub-tv {
  margin-bottom: 15px;
}

.info-sub-tv .info-box-partner {
  width: 100%;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.info-sub-tv .info-box-partner .imt-detail-info-partner {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-left: 15px;
}

.info-sub-tv .info-box-partner .imt-detail-info-partner:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary-color-1);
}

.flex-sub-tv .box-tk-ut .img-ut {
  text-align: center;
  margin-bottom: 10px;
}

.flex-sub-tv .box-tk-ut .img-ut .name {
  color: var(--primary-color-2);
  font-weight: 500;
  font-size: 15px;
  margin-top: 4px;
}

.flex-sub-tv .box-tk-ut .tk-ut {
  text-align: center;
  margin-bottom: 15px;
}

.imt-tk-ut p {
  margin: 0;
  color: var(--primary-color-1);
  font-weight: 400;
  font-size: 14px;
}

.btn-save-tv-imt a {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 5px 10px;
  border: 1px solid var(--border-color);
  height: 35px;
  transition: all 0.3s;
  border-radius: 3px;
}

.btn-save-tv-imt a:hover {
  background: var(--border-color);
}

.btn-save-tv-imt {
  text-align: center;
}

.btn-save-tv-imt a .txt {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 400;
  flex: 1;
  margin-right: 5px;
}

.btn-save-tv-imt a .icon-btn {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -1px;
}

.btn-save-tv-imt a .icon-btn .heart-active {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.btn-save-tv-imt.status-save a .icon-btn .heart-active {
  opacity: 1;
  visibility: visible;
}

.action-btn-sub-tv {
  padding-top: 20px;
  display: flex;
  align-items: center;
}

.btn-sub-tv-blue a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: var(--primary-color-2);
  padding: 5px 10px;
  transition: all 0.3s;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.btn-sub-tv-blue {
  margin-right: 10px;
}

.btn-sub-tv-grey a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: var(--border-color);
  padding: 5px 10px;
  transition: all 0.3s;
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 500;
}

.btn-sub-tv-blue a:hover {
  background: #1e79f5;
}

.btn-sub-tv-grey a:hover {
  background: #cbcbcb;
}

.main-sub-tv-school .imt-kq-search-school {
  display: flex;
}

.info-sub-tv .info-box-partner .txt-content {
  flex: 1;
}

.main-sub-tv-school .imt-kq-search-school .right-imt {
  margin-left: 60px;
}

.block-tq-sub-tv {
  display: flex;
  align-items: flex-start;
}

.block-tq-sub-tv .left {
  flex: 1;
}

.block-tq-sub-tv .right {
  width: 350px;
  margin-left: 60px;
}

.content-detail-kq-school .logo-partner {
  width: 150px;
  height: 80px;
}

.box-ut-info-tv {
  padding: 15px 30px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: rgba(217, 217, 217, 0.1);
  margin-bottom: 20px;
}

.info-sub-tv .title-box {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.info-sub-tv .title-box .img-ut {
  display: flex;
  align-items: center;
}

.info-sub-tv .title-box .img-ut .name {
  color: var(--primary-color-2);
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  flex: 1;
}

.info-sub-tv .btn-save-tv-imt a {
  display: flex;
  justify-content: center;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.8);
}

.info-sub-tv .btn-save-tv-imt {
  margin-top: 30px;
}

.info-sub-tv .btn-save-tv-imt a .txt {
  flex: none;
}

.info-sub-tv .btn-save-tv-imt a:hover {
  background: rgba(217, 217, 217, 1);
}

.btn-website-school a {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: rgba(217, 217, 217, 0.1);
  transition: all 0.3s;
  height: 45px;
  padding: 5px 20px;
}

.btn-website-school a .icon {
  margin-right: 10px;
  width: 24px;
}

.btn-website-school a .txt {
  flex: 1;
  font-size: 14px;
  line-height: 1.2;
}

.btn-website-school a:hover {
  background: rgba(217, 217, 217, 0.3);
}

.btn-website-school {
  margin-bottom: 20px;
}

.box-tt-info-school {
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: rgba(217, 217, 217, 0.1);
  padding: 14px 18px;
}

.box-tt-info-school .title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.box-tt-info-school .content p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.top-sub-tv .name-school-tv {
  color: var(--primary-color-1);
  font-weight: 500;
  font-size: 16px;
}

.lst-imt-row-tv {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
}

.imt-row-tv p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.imt-row-tv p .color {
  color: var(--primary-color-2);
  font-weight: 500;
}

.imt-row-tv {
  margin-right: 30px;
  margin-bottom: 5px;
}

.imt-row-tv p .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.group-border-sub-tv {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 20px;
  margin-bottom: -10px;
}

.tab-tq-sub-tv .title-tab-kh-crm {
  padding: 0;
  margin: 0;
  border: none;
  margin-bottom: 30px;
}

.block-lst-course-tv {
  padding-top: 30px;
}

.block-lst-course-tv .title-block {
  margin-bottom: 15px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}

.lst-imt-course-tv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.imt-course-tv .info-sub-tv {
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: rgba(217, 217, 217, 0.1);
  padding: 16px 15px;
}

.imt-course-tv .info-sub-tv .info-box-partner {
  padding-left: 10px;
}

.imt-course-tv-about {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 15px;
  margin-bottom: 15px;
  width: 100%;
}

.info-imt-flex-1 {
  flex: 1;
  margin-right: 30px;
  display: flex;
  align-items: center;
}

.detele-imt-course img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.detele-imt-course {
  width: 20px;
}

.info-imt-flex-1 .item-check-type label {
  margin: 0;
}

.info-imt-flex-1 .item-check-type .check {
  top: 0;
  border: none;
  width: 20px;
  height: 20px;
}

.info-imt-flex-1 .item-check-type .checked {
  width: 20px;
  height: 20px;
}

.info-imt-flex-1 .item-check-type {
  margin-bottom: 0;
  margin-right: 10px;
}

.info-imt-flex-1 .logo-partner {
  width: 100px;
  height: 55px;
  margin: 0;
}

.info-imt-flex-1 .info-sub-tv {
  flex: 1;
  margin-left: 20px;
}

.box-add-new-sub .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.box-add-new-sub .title-box .name {
  margin: 0;
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  margin-right: 5px;
}

.btn-add-tv a {
  color: var(--primary-color-2);
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  transition: all 0.3s;
}

.btn-add-tv a:hover {
  text-decoration: underline;
}

.box-add-new-sub .form-search-work {
  margin: 0;
  width: 100%;
  margin-bottom: 20px;
}

.btn-export-tv a {
  display: flex;
  height: 35px;
  font-size: 14px;
  font-weight: 500;
}

.tk-filter-sub-tv {
  margin-bottom: 15px;
}

.tk-filter-sub-tv .item-check-type label .check {
  width: 20px;
  height: 20px;
  border: none;
  top: 0;
}

.tk-filter-sub-tv .item-check-type label .checked {
  width: 20px;
  height: 20px;
}

.tk-filter-sub-tv .item-check-type label .txt {
  font-weight: 500;
}

.box-info-hs-tv {
  margin-bottom: 20px;
}

.box-info-hs-tv .info-box-partner {
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: rgba(217, 217, 217, 0.1);
}

.box-info-hs-tv .info-box-partner .imt-detail-info-partner {
  display: flex;
}

.box-info-hs-tv .info-box-partner .imt-detail-info-partner .name-title {
  font-weight: 400;
}

.box-info-hs-tv .info-box-partner .imt-detail-info-partner .txt-content {
  font-weight: 500;
}

.form-info-student-tv .item-choose-filter {
  border: none;
}

@media (max-width: 1199px) {
  .top-sub-tv .block-filter-topbar {
    padding: 0 15px;
    margin: 0 -15px;
    padding-bottom: 15px;
  }

  .top-sub-tv {
    padding: 15px;
  }

  .main-sub-tv {
    padding: 15px;
  }

  .bottom-sub-tv {
    padding: 10px 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .main-sub-tv-school .imt-kq-search-school .right-imt {
    margin-left: 20px;
  }

  .flex-sub-tv .info-sub-tv {
    margin-right: 20px;
    padding-right: 20px;
  }

  .flex-sub-tv .box-tk-ut {
    width: 200px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-sub-tv-school .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .flex-sub-tv .info-sub-tv {
    margin-right: 30px;
    padding-right: 30px;
  }

  .flex-sub-tv .box-tk-ut {
    width: 200px;
  }

  .main-sub-tv-school .imt-kq-search-school {
    display: block;
  }

  .main-sub-tv-school .imt-kq-search-school .left-imt {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-sub-tv-school .imt-kq-search-school .right-imt {
    margin-left: 20px;
  }

  .flex-sub-tv .info-sub-tv {
    margin-right: 20px;
    padding-right: 20px;
  }

  .flex-sub-tv .box-tk-ut {
    width: 200px;
  }

  .block-tq-sub-tv .right {
    margin-left: 30px;
    width: 300px;
  }

  .box-ut-info-tv {
    padding: 15px;
  }

  .btn-website-school a {
    padding: 5px 15px;
  }

  .box-tt-info-school {
    padding: 15px;
  }

  .lst-imt-course-tv {
    grid-template-columns: repeat(2, 1fr);
  }

  .imt-course-tv-about {
    align-items: flex-start;
  }

  .info-imt-flex-1 {
    flex-wrap: wrap;
  }

  .info-imt-flex-1 .info-sub-tv {
    width: 100%;
    flex: none;
    margin: 0;
    margin-top: 14px;
  }

  .detele-imt-course {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .block-tq-sub-tv.ct-tv-flex-column {
    display: flex;
    flex-direction: column-reverse;
  }

  .block-tq-sub-tv.ct-tv-flex-column .right {
    margin-bottom: 30px;
  }

  .block-tq-sub-tv.ct-tv-flex-column .left {
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .lst-imt-course-tv {
    grid-template-columns: repeat(2, 1fr);
  }

  .imt-course-tv .info-sub-tv .info-box-partner {
    padding: 0;
  }

  .imt-course-tv .info-sub-tv .info-box-partner .imt-detail-info-partner {
    display: block;
  }

  .main-sub-tv-school .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .flex-sub-tv .info-sub-tv {
    margin-right: 30px;
    padding-right: 30px;
  }

  .flex-sub-tv .box-tk-ut {
    width: 200px;
  }

  .main-sub-tv-school .imt-kq-search-school {
    display: block;
  }

  .main-sub-tv-school .imt-kq-search-school .left-imt {
    margin-bottom: 10px;
  }

  .block-tq-sub-tv .right {
    margin-left: 0;
    width: 100%;
  }

  .box-ut-info-tv {
    padding: 15px;
  }

  .btn-website-school a {
    padding: 5px 15px;
  }

  .box-tt-info-school {
    padding: 15px;
  }

  .block-tq-sub-tv {
    display: block;
  }

  .block-tq-sub-tv .left {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .box-info-hs-tv .info-box-partner .imt-detail-info-partner {
    display: block;
  }

  .imt-course-tv-about {
    align-items: flex-start;
  }

  .info-imt-flex-1 {
    flex-wrap: wrap;
  }

  .info-imt-flex-1 .info-sub-tv {
    width: 100%;
    flex: none;
    margin: 0;
    margin-top: 14px;
  }

  .detele-imt-course {
    margin-top: 15px;
  }

  .lst-imt-course-tv {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
  }

  .imt-course-tv .info-sub-tv .info-box-partner {
    padding: 0;
  }

  .info-sub-tv .info-box-partner .imt-detail-info-partner {
    display: block;
  }

  .main-sub-tv-school .imt-kq-search-school .right-imt {
    margin-left: 0;
  }

  .flex-sub-tv .info-sub-tv {
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 25px;
  }

  .flex-sub-tv .box-tk-ut {
    width: 100%;
  }

  .main-sub-tv-school .imt-kq-search-school {
    display: block;
  }

  .main-sub-tv-school .imt-kq-search-school .left-imt {
    margin-bottom: 10px;
  }

  .flex-sub-tv {
    display: block;
  }

  .flex-sub-tv .info-sub-tv:before {
    display: none;
  }

  .block-tq-sub-tv .right {
    margin-left: 0;
    width: 100%;
  }

  .box-ut-info-tv {
    padding: 15px;
  }

  .btn-website-school a {
    padding: 5px 15px;
  }

  .box-tt-info-school {
    padding: 15px;
  }

  .block-tq-sub-tv {
    display: block;
  }

  .block-tq-sub-tv .left {
    margin-bottom: 20px;
  }

  .lst-imt-row-tv {
    display: block;
  }
}

.ct-xs-column .imt-title-table,
.ct-xs-column .imt-content-table {
  flex: 1;
  width: auto !important;
}

.ct-xs-column .imt-crm-stt,
.ct-xs-column .imt-crm-stt {
  width: 40px !important;
  flex: none;
}

.box-total-user-ql .title-box-user .left .txt-small .bold {
  font-weight: 400;
}

.layout-ds-hv {
  display: flex;
  align-items: flex-start;
}

.layout-ds-hv .content-ds-hv {
  flex: 1;
  margin-right: 30px;
  border-radius: 10px;
  background: rgba(245, 245, 245, 0.4);
  padding: 25px 50px;
}

.block-ql-user-minskill {
  margin-bottom: 20px;
}

.box-ql-user-minskill .title {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.box-ql-user-minskill .title p {
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
}

.user-avatar {
  display: flex;
  align-items: center;
}

.user-avatar .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--border-color);
}

.user-avatar .avatar img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.flex-coaching {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.user-avatar .info {
  flex: 1;
  margin-left: 12px;
}

.user-avatar .info .text-size-13-light {
  font-size: 12px;
}

.user-avatar .info .name {
  color: var(--primary-color-1);
  font-size: 15px;
  margin: 0;
}

.user-avatar .info .name-small {
  color: var(--primary-color-1);
  font-size: 14px;
  margin: 0;
  font-weight: 300;
}

.box-total-user-ql .title-box-user {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.box-total-user-ql .title-box-user .left {
  flex: 1;
  margin-right: 10px;
}

.box-total-user-ql .title-box-user .left .title {
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
}

.box-total-user-ql .title-box-user .left .txt-small {
  font-size: 14px;
  font-weight: 300;
  color: var(--primary-color-1);
}

.box-total-user-ql .title-box-user .right {
  width: 50px;
  text-align: right;
}

.btn-add-user {
  width: 35px;
  margin-left: auto;
}

.btn-add-user a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  transition: all 0.3s;
  background: rgba(0, 115, 251, 0.2);
}

.btn-add-user a:hover {
  background: rgba(0, 115, 251, 0.4);
}

.imt-user-ql {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 14px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

.imt-user-ql .user-avatar {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 10px;
}

.imt-user-ql .user-avatar .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--border-color);
}

.imt-user-ql .user-avatar .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.imt-user-ql .user-avatar .info {
  flex: 1;
  margin-left: 10px;
}

.imt-user-ql .user-avatar .info .name {
  color: var(--primary-color-1);
  font-size: 15px;
  margin: 0;
}

.imt-user-ql .user-avatar .info .name-small {
  color: var(--primary-color-1);
  font-size: 14px;
  margin: 0;
  font-weight: 300;
}

.imt-user-ql .box-action-user-ql {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 10px;
}

.imt-user-ql .box-action-user-ql .btn-action-user-ql a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  transition: all 0.3s;
}

.imt-user-ql .box-action-user-ql .btn-action-user-ql a:hover {
  background: #dfdfdf;
}

.layout-ds-hv .sidebar-ds-hv {
  width: 270px;
}

.box-copy-code-tv {
  padding: 23px 20px;
  border-radius: 10px;
  background: rgba(245, 245, 245, 0.4);
}

.box-copy-code-tv .title {
  color: #000;
  font-size: 18px;
  margin-bottom: 2px;
}

.box-copy-code-tv .line-copy {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}

.box-copy-code-tv .line-copy .number {
  margin-right: 10px;
  color: #0073fb;
  font-size: 20px;
  font-weight: 500;
  min-width: 120px;
}

.box-copy-code-tv .line-copy .btn-copy {
  margin-top: -3px;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.box-copy-code-tv .txt-note {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

.box-ql-user-minskill {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .layout-ds-hv {
    flex-direction: column-reverse;
  }

  .layout-ds-hv .content-ds-hv {
    margin: 0;
    flex: none;
    width: 100%;
    padding: 20px;
  }

  .layout-ds-hv .sidebar-ds-hv {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .layout-ds-hv .sidebar-ds-hv {
    width: 100%;
  }
}

@media (max-width: 376px) {
  .imt-user-ql .user-avatar {
    margin-right: 0;
  }

  .imt-user-ql {
    flex-wrap: wrap;
  }

  .imt-user-ql .box-action-user-ql {
    justify-content: flex-start;
    width: 100%;
    padding-left: 48px;
  }
}

.title-ncc {
  margin-bottom: 10px;
}

.title-ncc p {
  color: var(--primary-color-1);
  font-size: 15px;
  margin: 0;
}

.title-ncc p .link {
  font-weight: 500;
  color: var(--primary-color-2);
  transition: all 0.3s;
}

.title-ncc p .link:hover {
  text-decoration: underline;
}

.btn-view-ncc {
  margin-bottom: 20px;
}

.box-ncc-ss .title {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.box-ncc-ss .title p {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

.imt-ncc {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.imt-ncc .content-imt {
  flex: 1;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.label-run-apply {
  width: 140px;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.btn-detele-imt {
  width: 100px;
  display: flex;
  justify-content: flex-end;
}

.btn-detele-imt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 30px;
  background: rgb(217 217 217 / 40%);
  border-radius: 3px;
  transition: all 0.3s;
}

.btn-detele-imt a:hover {
  background: rgb(217 217 217 / 70%);
}

.btn-detele-imt a img {
  width: 16px;
}

.label-run-apply .icon {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.label-run-apply .txt {
  color: var(--primary-color-1);
  font-size: 14px;
}

.imt-ncc .content-imt .picture {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  overflow: hidden;
}

.imt-ncc .content-imt .txt-nd {
  flex: 1;
  margin-left: 14px;
}

.imt-ncc .content-imt .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.imt-ncc .content-imt .txt-nd p {
  color: var(--primary-color-1);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  margin: 0;
}

.imt-ncc.imt-hidden .content-imt {
  opacity: 0.4;
}

.imt-ncc.imt-hidden .btn-detele-imt {
  opacity: 0.4;
}

@media (max-width: 575px) {
  .imt-ncc {
    flex-wrap: wrap;
  }

  .imt-ncc .content-imt {
    width: 100%;
    flex: none;
    margin-right: 0;
  }

  .label-run-apply {
    margin-right: 5px;
    margin-left: 50px;
    flex: 1;
  }

  .btn-detele-imt {
    width: 50px;
  }
}

.box-popup-user-hv {
  border: 1px solid var(--border-color);
  padding: 15px 10px;
  overflow-y: auto;
  max-height: 295px;
  border-radius: 3px;
  background: #fff;
  transition: all 0.3s;
  position: absolute;
  width: 100%;
  top: 75px;
  opacity: 0;
  visibility: hidden;
}

.box-add-hv-modal {
  min-height: 400px;
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}

.box-popup-user-hv.open-box-user {
  opacity: 1;
  visibility: visible;
}

.box-popup-user-hv::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}

.box-popup-user-hv::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 100px;
}

.box-popup-user-hv::-webkit-scrollbar {
  width: 6px;
  border-radius: 100px;
}

.imt-user-hv-choose .user-avatar {
  flex: 1;
  margin-left: 10px;
}

.box-popup-user-hv .item-check-type label .check {
  width: 22px;
  height: 22px;
  border: none;
  top: 0;
}

.box-popup-user-hv .item-check-type label .check img {
  width: 100%;
  height: 100%;
}

.box-popup-user-hv .item-check-type label .checked {
  width: 22px;
  height: 22px;
}

.box-popup-user-hv .item-check-type label .checked img {
  width: 100%;
  height: 100%;
}

.imt-user-hv-choose {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.imt-user-hv-choose .item-check-type {
  margin: 0;
}

.imt-user-hv-choose .item-check-type label {
  margin: 0;
}

/* Báo cáo */
.block-table-bc-tq {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 30px;
  grid-column-gap: 70px;
  padding-bottom: 20px;
}

.title-imt-tb {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.title-imt-tb .left {
  flex: 1;
  margin-right: 10px;
}

.title-imt-tb .right {
  width: 190px;
  text-align: right;
}

.title-imt-tb .left .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.sort-by {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sort-by .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin-right: 5px;
  display: none;
}

.box-select-sort {
  width: 100%;
  position: relative;
}

.box-select-sort .item-choose-filter {
  height: auto;
  margin: 0;
}

.box-select-sort .item-choose-filter input {
  padding: 0 5px;
}

.box-select-sort .item-choose-filter .icon-date-select {
  top: 0;
  right: 5px;
}

.title-table-report {
  display: flex;
  align-items: center;
  background: rgba(217, 217, 217, 0.4);
  padding: 9px 15px;
  margin-bottom: 15px;
}

.column-report-flex-1 {
  flex: 1;
  margin-right: 10px;
}

.column-report {
  margin-right: 10px;
  width: 80px;
  text-align: left;
}

.column-report-dl {
  width: 110px;
}

.column-report:last-child {
  margin-right: 0;
}

.txt-table-report {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.row-table-report {
  border-bottom: 1px solid var(--border-color);
  padding: 0 15px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

.row-table-report .user-avatar .avatar {
  width: 35px;
  height: 35px;
}

.row-table-report .user-avatar .name {
  font-size: 14px;
  line-height: 1.3;
}

.row-table-report .user-avatar .name-small {
  margin-top: -3px;
}

.column-number {
  width: 35px;
  margin-right: 10px;
}

.block-table-row-data {}

.row-table-data {
  margin-bottom: 12px;
}

.row-table-data:last-child {
  margin: 0;
}

.name-progress-row {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 1px;
}

.progress-flex-1 {
  display: flex;
  align-items: center;
}

.progress-flex-1 .number-progress {
  color: var(--primary-color-1);
  font-size: 13px;
  line-height: 1;
  width: 40px;
  text-align: left;
  margin-left: 8px;
  position: relative;
  top: 1px;
}

.line-progress-data {
  height: 12px;
}

.line-progress-data.line-color-1 {
  background: var(--primary-color-2);
}

.line-progress-data.line-color-2 {
  background: #008784;
  opacity: 0.9;
}

.line-progress-data.line-color-3 {
  background: #ff9494;
}

.block-chart-report {
  display: grid;
  grid-template-columns: 1fr 350px 350px;
  grid-row-gap: 30px;
  grid-column-gap: 150px;
  margin-bottom: 60px;
}

.box-tk-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 40px;
  grid-column-gap: 25px;
}

.row-imt-tk .number-row {
  color: var(--primary-color-1);
  font-size: 14px;
  margin: 0;
  margin-bottom: 2px;
}

.row-imt-tk .number-tk {
  display: flex;
  align-items: flex-end;
}

.row-imt-tk .number-tk .number {
  font-size: 20px;
  font-weight: 400;
  color: var(--primary-color-1);
  margin: 0;
  line-height: 21px;
  min-width: 55px;
  margin-right: 10px;
}

.percent-imt {
  display: flex;
  align-items: flex-end;
  position: relative;
  top: -1px;
}

.row-imt-tk .number-tk .percent-imt .number {
  color: rgba(0, 108, 254, 1);
  font-size: 13px;
  font-weight: 300;
  margin-left: 5px;
  flex: 1;
}

.percent-imt .icon {
  position: relative;
  top: -2px;
  width: 16px;
}

.block-chart-circle-tb {
  display: flex;
  align-items: center;
}

.block-chart-circle-tb .chart-circle {
  flex: 1;
  margin-right: 20px;
}

.block-chart-circle-tb .box-background-chart {
  width: 120px;
}

.imt-bg-chart {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.imt-bg-chart .box-imt {
  width: 12px;
  height: 12px;
}

.imt-bg-chart .name-inner {
  flex: 1;
  margin-left: 10px;
  color: var(--primary-color-1);
  font-size: 13px;
  line-height: 16px;
  font-weight: 300;
}

.bg-chart-facebook {
  background: #55b3b1;
}

.bg-chart-google {
  background: #f67575;
}

.bg-chart-tiktok {
  background: #ffa34d;
}

.bg-chart-website {
  background: #d4f8e8;
}

.bg-chart-zalo {
  background: #12d3cf;
}

.bg-chart-ctv {
  background: var(--border-color);
}

.block-chart-mkt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 50px;
  grid-column-gap: 300px;
  margin-bottom: 50px;
}

.box-number-total-mkt .title {
  color: var(--primary-color-1);
  font-size: 14px;
  margin: 0;
}

.box-number-total-mkt .number {
  color: var(--primary-color-1);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.box-number-total-mkt {
  margin-bottom: 10px;
}

.number-precent-date {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.number-precent-date .label-precent {
  background: rgb(1 201 57 / 20%);
  border-radius: 5px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  height: 26px;
}

.number-precent-date .label-precent .number {
  color: #04b836;
  font-size: 13px;
  font-weight: 300;
  margin-left: 3px;
}

.number-precent-date .label-precent .icon {
  position: relative;
  top: -2px;
}

.number-precent-date .txt {
  color: var(--primary-color-1);
  font-size: 13px;
  margin-left: 10px;
  flex: 1;
}

.line-progress-chart-mkt {
  height: 10px;
  width: 100%;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  display: flex;
}

.line-progress-chart.line-color-1 {
  background: var(--primary-color-2);
}

.block-total-mkt .box-background-chart {
  margin-top: 20px;
}

.imt-bg-chart .flex-1 {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 10px;
}

.number-precent-total {
  color: var(--primary-color-1);
  font-size: 13px;
  line-height: 16px;
  font-weight: 300;
}

.block-total-mkt .box-background-chart .imt-bg-chart {
  margin-bottom: 5px;
}

.line-progress-chart {
  height: 100%;
  position: relative;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .block-table-bc-tq {
    grid-gap: 30px;
  }

  .block-chart-report {
    grid-column-gap: 45px;
  }

  .block-chart-mkt {
    grid-column-gap: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1599px) {
  .block-chart-report {
    grid-template-columns: 1fr 350px;
    grid-gap: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1599px) {
  .block-table-bc-tq {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }

  .block-chart-mkt {
    grid-column-gap: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-chart-report {
    grid-template-columns: 1fr 350px;
    grid-gap: 25px;
  }

  .box-tk-grid-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-table-bc-tq {
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }

  .column-number {
    width: 25px;
    margin-right: 5px;
  }

  .row-table-report {
    padding-right: 10px;
    padding-left: 10px;
  }

  .title-table-report {
    padding: 9px 10px;
  }

  .block-chart-report {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
  }

  .block-chart-mkt {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
  }
}

@media (max-width: 575px) {
  .block-table-bc-tq {
    grid-gap: 20px;
    display: flex;
    flex-wrap: wrap;
  }

  .table-scroll-mb {
    overflow-x: auto;
    position: relative;
    width: 100%;
  }

  .table-scroll-mb .title-table-report,
  .table-scroll-mb .content-table-report {
    width: 460px;
  }

  .main-imt-tb {
    width: 100%;
    position: relative;
  }

  .imt-table-bc-tq {
    width: 100%;
  }

  .block-chart-report {
    display: block;
    grid-gap: 40px;
    width: 100%;
  }

  .box-tk-grid-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .block-chart-circle-tb .chart-circle {
    margin-right: 10px;
  }

  .block-chart-mkt {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
  }

  .title-imt-tb {
    display: block;
  }

  .title-imt-tb .right {
    width: 100%;
    text-align: left;
  }

  .sort-by {
    justify-content: flex-start;
    margin-top: 4px;
  }
}

@media (max-width: 350px) {
  .box-tk-grid-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
  }

  .block-chart-circle-tb {
    display: block;
  }

  .block-chart-circle-tb .box-background-chart {
    width: 100%;
    margin-top: 24px;
  }

  .block-table-report-tq {
    overflow-x: auto;
    position: relative;
    width: 100%;
  }

  .block-table-report-tq .title-table-report,
  .block-table-report-tq .content-table-report {
    width: 460px;
  }
}

/* Báo cáo tuyển sinh */
.ct-wp-bc .title-tab-kh-crm {
  border: none;
  margin-bottom: 20px;
  padding: 0 20px;
}

.imt-content-table .user-avatar .info .name {
  font-size: 14px;
  line-height: 1.3;
}

.imt-content-table .user-avatar .avatar {
  width: 30px;
  height: 30px;
}

.ct-xs-column .imt-crm-th {
  width: 90px !important;
  flex: none;
}

.ct-wp-bc .tr-table {
  align-items: center;
}

.grid-column-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}

.grid-column-5 .number-row {
  margin-bottom: 8px;
}

.row-imt-tk .number-tk .percent-up .number {
  color: #fb0000;
}

.block-tk-mxh-mkt {
  margin-bottom: 35px;
}

.block-table-tk-mkt .tr-table {
  padding-top: 15px;
  padding-bottom: 15px;
}

.block-grid-3-mkt {
  display: grid;
  grid-template-columns: 350px 350px 1fr;
  grid-column-gap: 150px;
  grid-row-gap: 40px;
}

@media (min-width: 1400px) and (max-width: 1799px) {
  .block-grid-3-mkt {
    grid-column-gap: 40px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .grid-column-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .block-grid-3-mkt {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
  }

  .grid-column-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-grid-3-mkt {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
  }

  .grid-column-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-grid-3-mkt {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
  }

  .grid-column-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-grid-3-mkt {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 40px;
  }

  .grid-column-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .block-grid-3-mkt {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 40px;
  }

  .grid-column-5 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
  }
}

/* Trung tâm */
.block-center-data {
  display: flex;
  align-items: flex-start;
}

.sidebar-center-data {
  width: 350px;
  margin-right: 60px;
}

.content-center-data {
  width: calc(100% - 410px);
}

.box-info-user-data {
  background: rgba(217, 217, 217, 0.2);
  padding: 23px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.box-info-user-data .block-img-info-hs {
  margin-bottom: 15px;
  text-align: center;
}

.box-info-user-data .block-img-info-hs .box-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto;
  border: 1px solid rgba(217, 217, 217, 0.4);
}

.icon-add-picture {
  position: absolute;
  bottom: -4px;
  right: 5px;
  background: rgba(217, 217, 217, 0.4);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(217, 217, 217, 0.4);
  background: #fff;
  pointer-events: none;
}

.box-info-user-data .box-info {
  text-align: center;
  margin-bottom: 22px;
}

.box-info-user-data .box-info .name {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 3px;
}

.box-info-user-data .box-info .txt-small {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.info-box-user-data .imt-box {
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
}

.info-box-user-data .imt-box .name-title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  width: 140px;
  margin-right: 10px;
}

.info-box-user-data .imt-box .txt-content {
  flex: 1;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  word-break: break-word;
}

.info-box-user-data .imt-box:last-child {
  margin: 0;
}

.content-center-data .title-tab-kh-crm {
  margin-bottom: 25px;
}

.box-lst-imt-hd .imt-hd {
  border-bottom: 1px solid rgb(217 217 217 / 60%);
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  display: flex;
  align-items: flex-start;
}

.box-lst-imt-hd .imt-hd .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.box-lst-imt-hd .imt-hd .content-imt-hd {
  flex: 1;
  position: relative;
  margin-left: 15px;
}

.box-lst-imt-hd .imt-hd .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.box-lst-imt-hd .imt-hd .content-imt-hd .content {
  padding-top: 10px;
}

.top-imt-hd .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.box-imt-hd {
  display: flex;
  align-items: center;
}

.txt-status-note {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.box-imt-hd .txt-data-hd {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  padding-left: 16px;
}

.box-imt-hd .txt-data-hd:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 8px;
  width: 1px;
  height: 15px;
  background: var(--primary-color-1);
}

.txt-status-reminder {
  color: #fb0000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.txt-status-call {
  color: var(--primary-color-2);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.block-action-imt {
  position: absolute;
  top: -5px;
  right: 0;
}

.block-action-imt .icon-dots {
  width: 28px;
  height: 28px;
  background: transparent;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}

.box-popup-action-imt {
  position: absolute;
  top: 30px;
  right: 0;
  width: 150px;
  background: #fff;
  padding: 12px 10px;
  border-radius: 5px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 15%);
}

.box-popup-action-imt .imt-action a {
  display: flex;
  padding: 5px 10px;
  transition: all 0.3s;
  background: transparent;
  border-radius: 4px;
  gap: 0 6px;
}

.box-popup-action-imt .imt-action a:hover {
  background: #e5e5e5;
}

.block-action-imt .icon-dots:hover {
  background: #f1f1f1;
}

.box-popup-action-imt.open-box {
  opacity: 1;
  visibility: visible;
}

.tr-table:last-child .box-popup-action-imt.open-box {
  position: relative;
  margin-left: -110px;
  top: 5px;
}

.tr-table:nth-last-child(2) .box-popup-action-imt.open-box {
  position: absolute;
  top: 2px;
  margin: 0;
  right: 44px;
}

.btn-send-form {
  padding-top: 15px;
  text-align: right;
}

/* @media (max-width: 1599px) {
  .content-table {
    padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px));
  }
} */

.btn-send-form .btn-bg-blue {
  height: 35px;
  min-width: 100px;
}

.box-lst-imt-hd .imt-hd .content-imt-hd .top-imt-hd {
  padding-right: 32px;
}

.imt-info-hv-hd {
  margin-bottom: 20px;
}

.imt-info-hv-hd:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.imt-info-hv-hd .title-imt {
  border-bottom: 1px solid rgb(217 217 217 / 60%);
  padding-bottom: 8px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.imt-info-hv-hd .title-imt p {
  color: var(--primary-color-1);
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}

.imt-info-hv-hd .content-imt .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 10px;
}

.button-action-imt-hd {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 10px;
}

.btn-bg-gray {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(217 217 217 / 60%);
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 5px;
  transition: all 0.3s;
  grid-gap: 5px;
  color: var(--primary-color-1);
}

.btn-bg-gray:hover {
  background: rgb(217 217 217 / 90%);
}

.info-shool-imt p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.info-shool-imt {
  margin-bottom: 10px;
}

.imt-choose-data {
  background: rgb(217 217 217 / 20%);
  padding: 7px 10px;
  display: flex;
  align-items: flex-start;
}

.imt-choose-data .left-imt {
  flex: 1;
  margin-right: 15px;
}

.imt-choose-data .action-imt-choose {
  display: flex;
  align-items: center;
  width: 270px;
  justify-content: flex-end;
}

.action-imt-choose .imt-action {
  margin-right: 16px;
}

.action-imt-choose .imt-action:last-child {
  margin: 0;
}

.action-imt-choose .imt-action a {
  display: flex;
  align-items: center;
}

.action-imt-choose .imt-action a .icon {
  width: 16px;
  margin-right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.action-imt-choose .imt-action a .txt {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
  transition: all 0.3s;
}

.action-imt-choose .imt-action a .icon svg path {
  transition: all 0.3s;
}

.action-imt-choose .imt-action a:hover .icon svg path {
  fill: var(--primary-color-2);
}

.action-imt-choose .imt-action a:hover .txt {
  color: var(--primary-color-2);
}

.box-info-fill-user .title-imt-small-row {
  width: 220px;
}

.block-modal-new-tt {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.block-modal-nv {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.textarea-info-school {
  padding: 0;
  margin-bottom: 15px;
}

.textarea-info-school textarea {
  height: 300px;
}

.textarea-dk-xt {
  padding: 0;
}

.textarea-dk-xt textarea {
  height: 134px;
}

.ct-popup-width-700 .main-export-file {
  width: 700px;
  padding: 15px;
}

.ct-popup-width-700 .block-modal-new-tt {
  max-width: 620px;
}

.box-number-creat-hd .title p {
  color: var(--primary-color-1);
  font-size: 14px;
  margin-bottom: 7px;
}

.flex-creat-hd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.flex-creat-hd .ct-input {
  margin: 0;
}

.box-number-creat-hd {
  margin-bottom: 15px;
}

.flex-creat-hd .btn-bg-blue {
  height: 40px;
}

.flex-creat-hd .ct-input .item-choose-filter input {
  background: rgb(217 217 217 / 60%);
}

.txt-total-price {
  margin-bottom: 10px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
}

.ct-label-status-crm.label-normal {
  background: rgb(217 217 217 / 20%);
}

@media (min-width: 1400px) and (max-width: 1799px) {
  .sidebar-center-data {
    margin-right: 40px;
  }

  .content-center-data {
    width: calc(100% - 390px);
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-center-data {
    margin-right: 30px;
  }

  .content-center-data {
    width: calc(100% - 380px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar-center-data {
    margin-right: 30px;
    width: 320px;
  }

  .content-center-data {
    width: calc(100% - 350px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-center-data {
    width: 280px;
    margin-right: 20px;
  }

  .content-center-data {
    width: calc(100% - 300px);
  }

  .box-info-user-data {
    padding: 15px;
  }

  .info-box-user-data .imt-box {}

  .info-box-user-data .imt-box .name-title {
    width: 105px;
  }

  .box-info-fill-user .title-imt-small-row {
    width: 180px;
  }
}

@media (max-width: 991px) {
  .imt-choose-data {
    display: block;
  }

  .imt-choose-data .left-imt {
    margin-right: 0;
  }

  .imt-choose-data .action-imt-choose {
    width: 100%;
    justify-content: flex-start;
    margin-top: 7px;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .ct-popup-width-700 .main-export-file {
    width: 90%;
    padding: 15px;
  }

  .content-center-data {
    width: 100%;
  }

  .block-center-data {
    display: block;
  }

  .sidebar-center-data {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .flex-creat-hd {
    grid-template-columns: repeat(1, 1fr);
  }

  .info-box-user-data .imt-box .name-title {
    width: 105px;
  }

  .box-info-user-data {
    padding: 15px;
  }

  .box-info-fill-user .title-imt-small-row {
    width: 100%;
  }
}

@media (max-width: 350px) {
  .info-box-user-data .imt-box {
    display: block;
  }

  .info-box-user-data .imt-box .name-title {
    width: 100%;
    margin: 0;
  }

  .box-imt-hd {
    display: block;
  }

  .box-imt-hd .txt-data-hd {
    padding: 0;
    margin-top: 1px;
  }

  .box-imt-hd .txt-data-hd:before {
    display: none;
  }
}

/* Phiếu tư vấn */
.block-ptv {
  background: #fff;
  width: 600px;
  margin: 0 auto;
  border-radius: 5px;
  padding: 20px 17px;
}

.topbar-add-ticker .action-imt-choose {
  display: flex;
  align-items: center;
}

.topbar-add-ticker .action-imt-choose .imt-action a .txt {
  font-size: 14px;
  margin-left: 3px;
}

.top-block-ptv {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.box-info-ava {
  display: flex;
  align-items: center;
  flex: 1;
}

.box-info-ava .logo-box {
  width: 55px;
}

.box-info-ava .content-box {
  flex: 1;
  margin-left: 10px;
  font-family: "Lexend", sans-serif;
}

.box-info-ava .content-box .name-logo {
  color: var(--primary-color-1);
  font-size: 15px;
  line-height: 1.3;
  font-weight: 300;
}

.box-info-ava .content-box .name-logo .bold {
  color: #ffa800;
  font-weight: 800;
}

.box-info-ava .content-box .info-web {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
}

.box-info-tvv {
  width: 210px;
  text-align: right;
}

.imt-info-tvv p {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
}

.imt-info-tvv p .bold {
  font-weight: 500;
}

.imt-box-info-hv {
  margin-bottom: 15px;
}

.imt-box-info-hv .title-imt {
  margin-bottom: 5px;
}

.imt-box-info-hv .title-imt p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.imt-box-info-hv .imt-small-row {
  margin-bottom: 0;
}

.box-content-info-hv .txt-choose-hv {
  font-size: 13px;
  font-weight: 500;
}

.box-xn-user {
  padding-top: 50px;
}

.box-xn-user p {
  color: var(--primary-color-1);
  font-size: 13px;
  margin-bottom: 5px;
}

.form-xn {
  width: 250px;
  height: 60px;
  border: 1px solid var(--border-color);
}

.bottom-block-ptv {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid var(--border-color);
}

.bottom-block-ptv .txt-big {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2px;
}

.bottom-block-ptv .txt-small {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.center-topbar p {
  font-size: 15px;
  color: var(--primary-color-1);
  margin: 0;
}

@media (max-width: 650px) {
  .block-ptv {
    width: 100%;
  }

  .topbar-add-ticker .action-imt-choose .imt-action a .txt {
    display: none;
  }

  .topbar-add-ticker .action-imt-choose .imt-action a .icon {
    margin: 0;
  }

  .top-block-ptv {
    display: block;
  }

  .box-info-tvv {
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }
}

/* Tiến độ */
.title-client-new p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.title-client-new {
  margin-bottom: 15px;
}

.imt-client-new {
  display: flex;
  position: relative;
  padding-bottom: 35px;
}

.imt-client-new .check-td-imt {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color);
  position: relative;
  background-color: #fff;
}

.main-td-imt {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 30px;
}

.content-td-imt {
  flex: 1;
  margin-right: 30px;
}

.imt-client-new .check-td-imt .number {
  color: var(--border-color);
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s;
}

.imt-client-new .check-td-imt .checked {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  width: 35px;
  height: 35px;
}

.imt-client-new .check-td-imt .checked img {
  width: 100%;
  height: 100%;
}

.imt-client-new:before {
  content: "";
  position: absolute;
  border-left: 3px dashed var(--border-color);
  height: 100%;
  left: 16.5px;
}

.imt-client-new:last-child {
  padding: 0;
}

.content-td-imt .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 3px;
}

.content-td-imt .txt-small {
  color: var(--primary-color-1);
  opacity: 0.8;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.label-date-td {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 5px;
  background: rgb(217 217 217 / 40%);
  color: var(--primary-color-1);
  font-size: 13px;
  margin: 0;
  margin-top: 5px;
}

.btn-complete-imt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  border-radius: 100px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  height: 36px;
  background: var(--primary-color-2);
}

.btn-running-imt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  height: 36px;
  border-radius: 100px;
  color: #616161;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  background: rgb(217 217 217 / 60%);
}

.label-date-appointment {
  display: inline-flex;
  align-items: center;
  padding: 9px 10px;
  border-radius: 5px;
  background: rgb(217 217 217 / 40%);
  color: var(--primary-color-1);
  font-size: 13px;
  margin: 0;
  margin-top: 5px;
  font-weight: 300;
}

.main-td-imt .name-imt {
  font-size: 15px;
  font-weight: 500;
  opacity: 0.6;
}

.imt-client-new.imt-complete .checked {
  opacity: 1;
  visibility: visible;
}

.imt-client-new.imt-complete .number {
  opacity: 0;
}

.imt-client-new.imt-complete:before {
  border-left: 3px solid var(--primary-color-2);
}

.imt-client-new.imt-running .check-td-imt {
  border-color: var(--primary-color-2);
}

.imt-client-new.imt-running .check-td-imt .number {
  color: var(--primary-color-2);
}

.label-number-user {
  display: inline-flex;
  margin: 0 auto;
  background: rgb(0 108 254 / 15%);
  color: var(--primary-color-2);
  font-size: 13px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  min-width: 80px;
  padding: 0 10px;
}

.block-new-hd-page .txt-small {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}

.box-resume-data {
  background: rgb(217 217 217 / 40%);
  border-radius: 5px;
  padding: 12px 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.box-resume-data .left-imt {
  flex: 1;
  margin-right: 15px;
  display: flex;
  align-items: flex-start;
}

.box-resume-data .left-imt p {
  position: relative;
  margin: 0;
  padding-right: 20px;
  color: var(--primary-color-1);
  font-weight: 300;
  font-size: 14px;
}

.box-resume-data .left-imt p:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 10px;
  width: 1px;
  height: 16px;
  background: var(--primary-color-1);
}

.box-resume-data .left-imt .bold {
  font-weight: 500;
}

.box-resume-data .left-imt p:last-child {
  padding: 0;
}

.box-resume-data .left-imt p:last-child:before {
  display: none;
}

.box-resume-data .action-imt-choose {
  display: flex;
  align-items: center;
  width: 200px;
  justify-content: flex-end;
}

.grid-column-info-user {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin-bottom: 30px;
}

.column-info-user .title-column {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.column-info-user .title-column .icon {
  margin-right: 8px;
  width: 16px;
  position: relative;
  top: -2px;
}

.column-info-user .title-column .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.grid-column-skill {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
}

.column-skill .title {
  color: var(--primary-color-1);
  font-size: 14px;
  margin-bottom: 10px;
}

.imt-skill {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.imt-skill:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary-color-1);
}

.imt-skill p {
  margin: 0;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
}

.imt-skill:last-child {
  margin: 0;
}

.imt-progress-user {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-bottom: 30px;
}

.imt-progress-user .circle-imt {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 108, 254, 0.2);
  position: relative;
  top: 4px;
}

.main-imt-progress {
  flex: 1;
  margin-left: 25px;
}

.imt-progress-user .circle-imt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  background: var(--primary-color-2);
  border-radius: 50%;
  margin: auto;
}

.main-imt-progress .top-imt {
  margin-bottom: 5px;
}

.main-imt-progress .top-imt .name {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.main-imt-progress .top-imt .txt-date {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
}

.main-imt-progress .content-imt p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.imt-progress-user:last-child {
  padding: 0;
}

.imt-progress-user:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 8px;
  background: var(--border-color);
  opacity: 0.8;
  height: 100%;
  width: 1px;
}

.imt-progress-user:last-child:before {
  display: none;
}

.block-info-hv-hd .content-imt-small-row p {
  font-weight: 400;
}

.block-info-hv-hd .imt-small-row {
  margin-bottom: 5px;
}

.grid-column-money {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 150px;
  grid-row-gap: 25px;
}

.column-money .title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

.content-main-column-money {
  padding-top: 5px;
}

.content-main-column-money p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
}

.title-main-column-money .txt-small {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
}

.title-main-column-money .txt-big {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.title-imt p {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.box-imt-new-info .name-ct-input {
  font-size: 13px;
  font-weight: 300;
}

.block-edit-user-page {
  background: #fff;
  border-radius: 5px;
  padding: 30px 70px;
  display: flex;
  align-items: flex-start;
  min-height: calc(100vh - 100px);
}

.sidebar-edit-user-page {
  width: 300px;
  margin-right: 30px;
}

.content-edit-user-page {
  width: calc(100% - 330px);
}

.content-edit-user-page .title-tab-kh-crm {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  border: none;
}

.flex-avatar-user-data {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.flex-avatar-user-data .block-img-info-hs {
  text-align: left;
  margin: 0;
}

.flex-avatar-user-data .box-info {
  text-align: left;
  margin: 0;
  flex: 1;
  margin-left: 14px;
}

.flex-avatar-user-data .box-info .name {
  margin-bottom: 6px;
}

.block-complete-profile .title {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
}

.line-progress-complete {
  width: 100%;
  border-radius: 100px;
  overflow: hidden;
  background: var(--border-color);
  height: 10px;
  position: relative;
}

.line-active-complete {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
  background: var(--primary-color-2);
}

.flex-form-date {
  display: flex;
  align-items: center;
}

.flex-form-date .ct-input {
  width: 43%;
}

.flex-form-date .txt {
  flex: 1;
  text-align: center;
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
  position: relative;
  top: 4px;
}

.flex-checked {
  display: flex;
  align-items: center;
  grid-column-gap: 30px;
  grid-row-gap: 15px;
}

.btn-clear-for a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 500;
  background: var(--border-color);
  border-radius: 5px;
  transition: all 0.3s;
  height: 30px;
  padding: 3px 10px;
}

.btn-clear-for a:hover {
  background: #cfcfcf;
}

.btn-new-text a {
  display: inline-flex;
  color: var(--primary-color-2);
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 500;
}

.btn-new-text {
  margin-right: 10px;
}

.btn-new-text a:hover {
  text-decoration: underline;
}

.imt-info-hv-hd .block-table-yc-hs {
  margin-bottom: 20px;
}

.ct-form-search {
  position: relative;
}

.ct-form-search .icon-search {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 36px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.ct-form-search input {
  padding-left: 38px;
}

.box-update-content .title {
  margin-bottom: 10px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 400;
}

.box-update-content .box-content {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
}

.box-update-content .box-content p {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  color: var(--primary-color-1);
}

.ct-form-search .icon-search svg path {
  transition: all 0.3s;
}

.ct-form-search .icon-search:hover svg path {
  fill: var(--primary-color-2);
}

.main-column-money .box-resume-data {
  padding: 7px 10px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.main-column-money .box-resume-data .action-imt-choose {
  width: 100%;
  justify-content: flex-start;
}

.title-imt-tb .mx-datepicker-range {
  width: 100% !important;
}

.box-info-user-data .block-img-info-hs .box-image .image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.box-info-user-data .block-img-info-hs .box-image .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.title-imt-tb .mx-datepicker-range input {
  font-size: 13px;
  height: 30px;
  padding: 0 6px;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .imt-info-hv-hd .block-table-yc-hs .imt-crm-dk-file {
    width: 130px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .imt-info-hv-hd .block-table-yc-hs .imt-crm-dk-file {
    width: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .imt-info-hv-hd .block-table-yc-hs {
    overflow-x: auto;
  }

  .imt-info-hv-hd .block-table-yc-hs .title-table,
  .imt-info-hv-hd .block-table-yc-hs .content-table {
    width: 900px;
  }

  .imt-info-hv-hd .block-table-yc-hs .imt-crm-dk-file {
    width: 130px;
  }

  .main-td-imt {
    display: block;
  }

  .main-td-imt .content-td-imt {
    margin: 0;
  }

  .btn-complete-imt {
    margin-top: 12px;
  }

  .btn-running-imt {
    margin-top: 12px;
  }

  .grid-column-money {
    grid-gap: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .grid-column-money {
    grid-gap: 30px;
  }

  .block-edit-user-page {
    padding: 30px;
  }

  .imt-info-hv-hd .block-table-yc-hs {
    overflow-x: auto;
  }

  .imt-info-hv-hd .block-table-yc-hs .title-table,
  .imt-info-hv-hd .block-table-yc-hs .content-table {
    width: 850px;
  }

  .imt-info-hv-hd .block-table-yc-hs .imt-crm-dk-file {
    width: 130px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .imt-info-hv-hd .block-table-yc-hs .title-table,
  .imt-info-hv-hd .block-table-yc-hs .content-table {
    width: 850px;
  }

  .imt-info-hv-hd .block-table-yc-hs {
    overflow-x: auto;
  }

  .imt-info-hv-hd .block-table-yc-hs .imt-crm-dk-file {
    width: 130px;
  }

  .sidebar-edit-user-page {
    width: 280px;
    margin-right: 20px;
  }

  .content-edit-user-page {
    width: calc(100% - 300px);
  }

  .block-edit-user-page {
    padding: 30px;
  }

  .main-td-imt {
    display: block;
  }

  .main-td-imt .content-td-imt {
    margin: 0;
  }

  .btn-complete-imt {
    margin-top: 12px;
  }

  .btn-running-imt {
    margin-top: 12px;
  }

  .grid-column-info-user {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 991px) {
  .box-resume-data {
    display: block;
  }

  .box-resume-data .left-imt {
    margin: 0;
    margin-bottom: 10px;
  }

  .box-resume-data .action-imt-choose {
    width: 100%;
    justify-content: flex-start;
  }

  .grid-column-money {
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-edit-user-page {
    display: block;
    padding: 30px;
  }

  .sidebar-edit-user-page {
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
  }

  .content-edit-user-page {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .flex-form-date {
    display: block;
  }

  .flex-form-date .ct-input {
    width: 100%;
  }

  .block-tq-update-status .name-ct-input {
    min-height: auto;
  }

  .flex-form-date .txt {
    top: -7px;
    text-align: center;
  }

  .block-edit-user-page {
    display: block;
    padding: 15px;
  }

  .sidebar-edit-user-page {
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
  }

  .content-edit-user-page {
    width: 100%;
  }

  .flex-wrap-form .ct-input {
    width: 100%;
  }

  .grid-column-skill {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
  }

  .grid-column-info-user {
    grid-template-columns: repeat(1, 1fr);
  }

  .main-td-imt {
    display: block;
    margin-left: 10px;
  }

  .main-td-imt .content-td-imt {
    margin: 0;
  }

  .btn-complete-imt {
    margin-top: 12px;
  }

  .btn-running-imt {
    margin-top: 12px;
  }

  .main-td-imt .name-imt {
    margin-top: 6px;
  }
}

.box-view-creat-hd {
  display: flex;
  align-items: center;
  grid-gap: 30px;
  position: absolute;
  height: 50px;
  top: 0;
}

.lst-btn-view-hd {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

.btn-view-hd a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-view-hd a .txt {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  transition: all 0.3s;
}

.btn-view-hd a .icon {
  width: 18px;
  display: flex;
  align-items: center;
  margin-right: 4px;
}

.btn-view-hd a .icon svg path {
  transition: all 0.3s;
}

.btn-view-hd a:hover .icon svg path {
  fill: var(--primary-color-2);
}

.btn-view-hd a:hover .txt {
  color: var(--primary-color-2);
}

@media (min-width: 768px) and (max-width: 991px) {
  .lst-btn-view-hd {
    grid-gap: 12px;
  }

  .box-view-creat-hd {
    grid-gap: 10px;
  }
}

@media (max-width: 767px) {
  .lst-btn-view-hd {
    grid-gap: 8px;
    position: relative;
    margin-top: 4px;
  }

  .box-view-creat-hd {
    grid-gap: 10px;
  }

  .btn-view-hd a .txt {
    display: none;
  }
}

@media (max-width: 575px) {
  .box-view-creat-hd .btn-bg-blue {
    font-size: 12px;
    padding: 5px 6px;
    height: 26px;
  }

  .box-view-creat-hd {
    grid-gap: 6px;
  }

  .lst-btn-view-hd {
    grid-gap: 5px;
  }

  .ct-view-hd-page .center-topbar {
    padding-left: 130px;
    text-align: left;
  }
}

.title-block-view-hd {
  margin-bottom: 20px;
  text-align: center;
}

.block-view-hd-page {
  padding: 30px 35px;
}

.title-block-view-hd .name {
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.title-block-view-hd .txt-small {
  color: var(--primary-color-1);
  font-size: 14px;
}

.main-block-view-hd {
  display: flex;
  align-items: flex-start;
}

.content-view-hd {
  flex: 1;
}

.sidebar-view-hd {
  width: 250px;
  margin-left: 30px;
}

.box-numer-hd {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 3px;
  background: rgb(217 217 217 / 40%);
  margin-bottom: 15px;
}

.box-numer-hd .name {
  color: var(--primary-color-1);
  font-size: 14px;
  margin-right: 15px;
}

.box-numer-hd .number {
  flex: 1;
  color: var(--primary-color-2);
  font-size: 18px;
}

.box-info-bill-hd {
  display: grid;
  grid-gap: 8px;
}

.imt-info-bill .name {
  color: var(--primary-color-1);
  font-size: 14px;
}

.imt-info-bill .txt-content {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
}

.form-bill-info-view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 45px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
}

.form-bill-info-view .w-100 {
  grid-column: 1/3;
}

.row-bill-info {
  display: flex;
  align-items: flex-start;
}

.row-bill-info .name-bill-info {
  width: 95px;
  margin-right: 15px;
  color: var(--primary-color-1);
  font-size: 14px;
}

.row-bill-info .content-bill-info {
  flex: 1;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 5px;
}

.table-total-bill-info {
  overflow-x: auto;
}

.title-total-bill-info {
  display: flex;
  align-items: center;
  background: rgb(217 217 217 / 40%);
  padding: 7px 17px;
}

.item-bill-stt {
  width: 40px;
  margin-right: 10px;
}

.row-total-bill-info {
  display: flex;
  align-items: flex-start;
  padding: 7px 17px;
}

.item-bill-flex-1 {
  flex: 1;
  margin-right: 10px;
}

.row-total-bill-info .txt-content {
  color: var(--primary-color-1);
  font-size: 14px;
}

.title-total-bill-info .txt-title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.item-bill-number {
  width: 105px;
  text-align: right;
}

.total-money-bill {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-right: 16px;
}

.total-money-bill .txt {
  color: var(--primary-color-1);
  font-size: 15px;
  margin-right: 10px;
}

.total-money-bill .content .number {
  text-align: right;
  font-size: 15px;
  color: var(--primary-color-1);
}

.total-money-bill .content {
  width: 110px;
  text-align: right;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 2px;
}

@media (max-width: 991px) {
  .block-view-hd-page {
    padding: 20px 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-block-view-hd {
    flex-direction: column-reverse;
  }

  .sidebar-view-hd {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }

  .box-info-bill-hd {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .main-block-view-hd {
    flex-direction: column-reverse;
  }

  .sidebar-view-hd {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }

  .box-info-bill-hd {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }

  .form-bill-info-view {
    grid-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }

  .form-bill-info-view .w-100 {
    grid-column: auto;
  }
}

@media (max-width: 575px) {
  .main-block-view-hd {
    flex-direction: column-reverse;
  }

  .sidebar-view-hd {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }

  .box-info-bill-hd {
    grid-gap: 10px;
  }

  .form-bill-info-view {
    grid-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }

  .form-bill-info-view .w-100 {
    grid-column: auto;
  }

  .row-bill-info {
    display: block;
  }

  .row-bill-info .name-bill-info {
    width: 100%;
    font-weight: 600;
  }

  .title-total-bill-info {
    width: 500px;
  }

  .content-total-bill-info {
    width: 500px;
  }

  .content-view-hd {
    flex: none;
    width: 100%;
  }
}

.box-info-user-data .txt-title-sidebar {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}

.lst-imt-user-hd .imt-hd {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.lst-imt-user-hd .imt-hd .avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}

.lst-imt-user-hd .imt-hd .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.lst-imt-user-hd .imt-hd .content-imt-hd {
  flex: 1;
  margin-left: 10px;
}

.lst-imt-user-hd .imt-hd .content-imt-hd .txt-small {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
}

.lst-imt-user-hd .imt-hd:last-child {
  margin-bottom: 0;
}

.block-info-hv-hd .title-imt {
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgb(217 217 217 / 60%);
}

.block-info-hv-hd .title-imt p {
  margin: 0;
}

.block-hd-sometime .box-lst-imt-hd .imt-hd {
  border: none;
  background: transparent;
  padding: 10px 0;
  border-radius: 10px;
  margin-bottom: 10px;
}

.block-hd-sometime .box-lst-imt-hd .imt-hd .txt-date {
  color: rgb(18 18 18 / 60%);
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}

.block-hd-sometime .box-lst-imt-hd .imt-hd .txt-date .color-blue {
  color: var(--primary-color-2);
}

.box-lst-imt-hd .imt-hd .content-imt-hd .content .txt-content {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.box-lst-imt-hd .imt-hd .content-imt-hd .content .txt-content .bold {
  font-weight: 400;
}

.box-lst-imt-hd .imt-hd .content-imt-hd .content .txt-content .color-blue {
  color: var(--primary-color-2);
}

.grid-file-upload {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}

.imt-file-upload {
  background: rgb(217 217 217 / 40%);
  border-radius: 5px;
  padding: 8px 10px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: all 0.3s;
}

.imt-file-upload .icon {
  width: 30px;
}

.imt-file-upload .content-imt-file {
  flex: 1;
  margin-left: 5px;
}

.imt-file-upload .content-imt-file .name {
  color: #006cfe !important;
}

.imt-file-upload .content-imt-file .number {
  opacity: 0.6;
}

.grid-column-6 {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 35px;
}

.grid-column-6 .row-imt-tk .number-row {
  margin-bottom: 8px;
}

.block-grid-congratulation {
  display: grid;
  grid-template-columns: 410px 1fr;
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  margin-bottom: 40px;
}

.box-congratulation .layout-box {
  background: #089895;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
}

.box-congratulation .icon {
  width: 50px;
}

.box-congratulation .content {
  flex: 1;
  margin-left: 10px;
}

.box-congratulation .content .name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.box-congratulation .content .txt {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.box-target-ts {
  margin-top: 20px;
  background: rgb(17 130 127 / 90%);
  border-radius: 10px;
  padding: 8px 15px;
  text-align: center;
}

.box-target-ts .number {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
}

.box-target-ts .txt-small {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.block-propose-new .title {
  color: #000000;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 15px;
}

.grid-4-propose-new {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

.imt-propose-new .layout-imt {
  display: block;
  background: rgb(217 217 217 / 20%);
  padding: 15px;
  transition: all 0.3s;
  height: 100%;
}

.imt-propose-new .layout-imt .picture {
  width: 100%;
  height: 120px;
  overflow: hidden;
}

.imt-propose-new .layout-imt .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s;
  transform: scale(1);
}

.imt-propose-new .layout-imt .content {
  margin-top: 15px;
}

.imt-propose-new .layout-imt .content .name {
  color: var(--primary-color-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 7px;
  transition: all 0.3s;
}

.imt-propose-new .layout-imt .content .txt-small {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px;
}

.imt-propose-new .layout-imt .content .btn-view-tt {
  background: var(--border-color);
  text-align: center;
  height: 35px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.imt-propose-new .layout-imt:hover {}

.imt-propose-new .layout-imt:hover .picture img {
  transform: scale(1.15);
}

.imt-propose-new .layout-imt:hover .name {
  color: #089895;
}

.imt-propose-new .layout-imt:hover .btn-view-tt {
  color: #fff;
  background: #089895;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .grid-column-6 {
    grid-template-columns: repeat(5, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 40px;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .grid-column-6 {
    grid-template-columns: repeat(4, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 20px;
    grid-template-columns: 320px 1fr;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .grid-file-upload {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-6 {
    grid-template-columns: repeat(3, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .grid-file-upload {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-column-6 {
    grid-template-columns: repeat(3, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .grid-file-upload {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-6 {
    grid-template-columns: repeat(2, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .grid-file-upload {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-column-6 {
    grid-template-columns: repeat(3, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .block-hd-sometime .box-lst-imt-hd .imt-hd {
    padding: 10px 0;
  }

  .grid-file-upload {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-column-6 {
    grid-template-columns: repeat(2, 1fr);
  }

  .block-grid-congratulation {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-4-propose-new {
    grid-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }

  .box-congratulation .layout-box {
    padding: 15px;
  }

  .imt-propose-new .layout-imt {
    display: flex;
    align-items: flex-start;
    padding: 10px;
  }

  .imt-propose-new .layout-imt .content {
    margin: 0;
    flex: 1;
    margin-left: 10px;
  }

  .imt-propose-new .layout-imt .picture {
    width: 90px;
    height: 60px;
  }
}

/* Báo cáo */
.block-chart-telesale {
  display: grid;
  grid-template-columns: 500px 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  margin-bottom: 50px;
}

.title-imt-tb .txt-small {
  color: #000000;
  font-size: 13px;
  font-weight: 300;
}

.block-row-tk-data {
  display: grid;
  grid-template-columns: 1fr 524px;
  grid-column-gap: 50px;
  grid-row-gap: 30px;
}

.box-tk-phone .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.box-tk-phone .title-box .name {
  margin: 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  flex: 1;
  margin-right: 10px;
}

.btn-view-text-box a {
  display: inline-block;
  color: var(--primary-color-2);
  font-size: 14px;
  transition: all 0.3s;
}

.btn-view-text-box a:hover {
  text-decoration: underline;
}

.imt-history-call {
  padding: 15px 0;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.imt-history-call .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
}

.imt-history-call .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.imt-history-call .content {
  flex: 1;
  margin-left: 10px;
}

.imt-history-call .content p {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  transition: all 0.3s;
}

.imt-history-call .content p .bold {
  font-weight: 400;
}

.title-block-tk-data {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.title-block-tk-data .left {
  flex: 1;
  margin-right: 10px;
}

.title-block-tk-data .left .txt {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.title-block-tk-data .right {
  display: flex;
  align-items: center;
  width: 500px;
}

.title-block-tk-data .right .form-search-work {
  flex: 1;
}

.title-block-tk-data .right .box-select-sort .item-choose-filter {
  height: 35px;
}

.title-block-tk-data .right .box-select-sort {
  width: 190px;
}

.title-block-tk-data .right .box-select-sort .item-choose-filter .icon-date-select {
  top: 5px;
}

.title-tab-tk-data {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  margin-bottom: 15px;
}

.title-table-tk-data {
  background: rgb(217 217 217 / 20%);
  display: flex;
  align-items: center;
  border-radius: 3px;
  padding: 14px 20px;
}

.imt-title-tab a {
  display: inline-flex;
  padding: 5px 10px;
  font-weight: 500;
  color: var(--primary-color-1);
  font-size: 14px;
  transition: all 0.4s;
  background: transparent;
  border-radius: 5px;
}

.imt-title-tab.active a,
.imt-title-tab a:hover {
  background: var(--primary-color-2);
  color: #fff;
}

.imt-tb-data-flex1 {
  flex: 1;
  margin-right: 10px;
}

.imt-tb-data-number {
  margin-right: 10px;
  width: 110px;
}

.imt-tb-data-action {
  width: 120px;
}

.row-table-tk-data {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(217 217 217 / 40%);
  padding: 15px 20px;
}

.imt-tb-data-flex1 .user-avatar .avatar {
  width: 30px;
  height: 30px;
}

.imt-tb-data-flex1 .user-avatar .info .name {
  font-size: 14px;
}

.imt-tb-data-action .flex-action-crm {
  flex-wrap: wrap;
}

.imt-history-call:hover .content p {
  color: var(--primary-color-2);
}

.txt-tab-tk-data {
  color: var(--primary-color-1);
  font-size: 14px;
  line-height: 1.2;
}

.imt-tb-data-small {
  width: 83px;
  margin-right: 15px;
}

.row-table-tk-data>div:last-child {
  margin-right: 0;
}

.title-table-tk-data>div:last-child {
  margin-right: 0;
}

.imt-tb-data-date {
  width: 110px;
}

.block-detail-call-page {
  flex: 1;
}

.layout-block-prd-page .lst-bottom-block {
  padding: 20px 15px;
}

.block-detail-call-page .group-filter-topbar {
  padding: 15px;
}

.imt-tb-data-name {
  margin-right: 10px;
  width: 160px;
}

.imt-tb-data-timecall {
  width: 160px;
  margin-right: 10px;
}

.imt-tb-data-file {
  width: 90px;
}

.btn-tb-call {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-color);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.3s;
}

.btn-tb-call:hover {
  background: #c7c7c7;
}

.imt-tb-data-status {
  width: 130px;
  margin-right: 10px;
}

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

.circle-status {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 10px;
}

.circle-status.is-blue {
  background: #197afe;
}

.label-year {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  color: #089895;
  font-size: 14px;
  font-weight: 500;
  background: rgb(8 152 149 / 15%);
  border-radius: 4px;
  margin-top: 3px;
}

.imt-crm-money {
  width: 100px;
}

.imt-crm-user {
  width: 140px;
}

.block-detail-kh-page {
  padding: 22px 20px;
}

.block-detail-kh-page .title-page-kh {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
  margin-bottom: 10px;
}

.block-detail-kh-page .title-page-kh .user-avatar {
  width: 400px;
  margin-right: 20px;
}

.box-tk-price-kh {
  flex: 1;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(5, 1fr);
}

.block-detail-kh-page .title-page-kh .user-avatar .avatar {
  width: 60px;
  height: 60px;
}

.block-detail-kh-page .label-number-user {
  border-radius: 5px;
  padding: 3px 5px;
  min-width: auto;
  height: 22px;
  font-size: 13px;
  margin: 0;
  margin-right: 6px;
}

.block-detail-kh-page .title-page-kh .user-avatar .info {
  display: flex;
  flex-wrap: wrap;
}

.block-detail-kh-page .title-page-kh .user-avatar .info .name-small {
  width: 100%;
}

.block-detail-kh-page .title-page-kh .user-avatar .info .name {
  font-weight: 500;
}

.imt-tk-price-kh .title {
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 3px;
}

.imt-tk-price-kh .number-price {
  color: var(--primary-color-1);
  font-size: 16px;
  font-weight: 500;
}

.box-pl-data.flex-checkbox {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 15px;
  grid-column-gap: 25px;
}

.block-detail-kh-page .imt-crm-date {
  width: 120px;
}

.block-detail-kh-page .imt-crm-money {
  width: 85px;
}

.block-info-hv-hd .content-imt-small-row p .link {
  color: var(--primary-color-2);
  transition: all 0.3s;
}

.block-info-hv-hd .content-imt-small-row p .link:hover {
  text-decoration: underline;
}

.flex-td {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 5px;
}

.block-info-hv-hd.block-kh-new-ct .imt-crm-view {
  width: 110px;
}

.flex-tab-hd {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 6px;
  margin-bottom: 20px;
}

.imt-tab-hd a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  color: var(--primary-color-1);
  font-size: 14px;
  font-weight: 300;
  background: transparent;
  border-radius: 5px;
  transition: all 0.3s;
}

.imt-tab-hd a:hover,
.imt-tab-hd.active a {
  background: var(--border-color);
}

.title-hd-sometime {
  text-align: center;
  position: relative;
}

.title-hd-sometime p {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  padding: 0 12px;
  top: -1px;
}

.title-hd-sometime:before {
  content: "";
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  height: auto;
  left: 0;
}

.block-hd-sometime {
  margin-bottom: 30px;
}

.lst-avatar-fl {
  display: flex;
  align-items: center;
  padding-top: 12px;
}

.lst-avatar-fl .image {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 50%;
  margin-right: -9px;
}

.lst-avatar-fl .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1200px) {

  .block-detail-kh-page .title-table,
  .block-detail-kh-page .content-table {
    width: auto;
  }
}

@media (max-width: 1199px) {

  .block-detail-kh-page .title-table,
  .block-detail-kh-page .content-table {
    width: 1200px;
  }
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .block-row-tk-data {
    grid-template-columns: 1fr 400px;
    grid-column-gap: 30px;
  }

  .imt-tb-data-number {
    width: 85px;
  }

  .imt-tb-data-small {
    margin-right: 10px;
  }

  .imt-tb-data-date {
    width: 100px;
  }
}

@media (max-width: 1599px) {
  .block-row-tk-data {
    grid-template-columns: 1fr;
  }

  .block-kh-new-ct.block-info-hv-hd .title-table,
  .block-kh-new-ct.block-info-hv-hd .content-table {
    width: 1250px;
  }

  .block-kh-new-ct.block-info-hv-hd .imt-crm-dk-file {
    width: 180px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .imt-tb-data-small {
    width: 105px;
    margin-right: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .imt-tb-data-date {
    width: 100px;
  }

  .imt-tb-data-small {
    margin-right: 9px;
  }

  .imt-tb-data-number {
    width: 95px;
  }

  .block-chart-telesale {
    grid-template-columns: 500px 1fr;
    grid-column-gap: 30px;
  }

  .block-chart-telesale .title-imt-tb {
    align-items: flex-start;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .imt-tb-data-small {
    margin-right: 9px;
  }

  .imt-tb-data-number {
    width: 95px;
  }

  .block-chart-telesale {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }

  .block-chart-telesale .title-imt-tb {
    align-items: flex-start;
  }

  .block-chart-telesale .box-tk-grid-3 {
    grid-template-columns: repeat(4, 1fr);
  }

  .block-detail-call-page .title-table-tk-data,
  .block-detail-call-page .main-table-tk-data {
    width: 100%;
  }

  .block-detail-kh-page .title-page-kh .user-avatar {
    width: 350px;
  }

  .box-tk-price-kh {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }
}

@media (max-width: 991px) {
  .block-detail-kh-page .title-page-kh {
    display: block;
  }

  .block-detail-kh-page .title-page-kh .user-avatar {
    width: 100%;
    margin: 0;
    margin-bottom: 12px;
  }

  .imt-tb-data-small {
    margin-right: 5px;
  }

  .block-chart-telesale {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }

  .imt-tb-data-number {
    width: 95px;
  }

  .imt-tb-data-date {
    width: 100px;
  }

  .title-table-tk-data,
  .main-table-tk-data {
    width: 900px;
  }

  .table-tk-data {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 30px;
  }

  .block-tk-data {
    width: 100%;
    margin-bottom: 40px;
  }

  .block-row-tk-data {
    display: block;
  }

  .block-detail-call-page .title-table-tk-data,
  .block-detail-call-page .main-table-tk-data {
    width: 950px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-chart-telesale .box-tk-grid-3 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .title-block-tk-data {
    display: block;
  }

  .box-tk-price-kh {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .title-block-tk-data .left {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .title-block-tk-data .right {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .block-detail-kh-page {
    padding: 15px;
  }

  .box-tk-price-kh {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .block-detail-call-page .filter-search {
    position: relative;
    width: 100%;
  }

  .block-detail-call-page .filter-search .box-popup-filter-search {
    top: 40px;
  }

  .block-detail-call-page .filter-search .box-popup-filter-search-class {
    top: 40px;
  }

  .block-detail-call-page .filter-search .box-filter-search {
    justify-content: space-between;
    padding: 0 12px;
  }

  .block-detail-call-page .filter-search .box-popup-filter-search .main-box {
    max-height: 200px;
  }

  .block-detail-call-page .filter-search .box-popup-filter-search-class .main-box {
    max-height: 200px;
  }

  .title-block-tk-data {
    display: block;
  }

  .title-block-tk-data .left {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .title-block-tk-data .right .box-select-sort {
    width: 100%;
  }

  .title-block-tk-data .right .form-search-work {
    margin: 0;
  }

  .title-block-tk-data .right {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }
}

/* End BVáo cáo */

/* CSS 28/3/2024 */
.box-pl-data {
  margin-bottom: 20px;
}

.box-pl-data .name-imt-pl-data {
  font-size: 14px;
  color: #121212;
  font-weight: 300;
}

.block-check-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.block-check-info .title {
  color: #121212;
  font-weight: 400;
  font-size: 14px;
  margin-right: 10px;
  margin-top: 2px;
}

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

.flex-check-info {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 50px;
  grid-row-gap: 5px;
}

.box-info-hs-crm .content-box-pl {
  display: block;
}

.box-pl-data .item-check-type {
  margin: 0;
}

.grid-column-check-otp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.content-box-pl {
  display: none;
  padding: 12px 30px;
  background: rgb(217 217 217 / 20%);
  border-radius: 10px;
  margin-top: 15px;
}

.column-check-otp .name-column {
  color: #000000;
  font-size: 14px;
  margin-bottom: 12px;
}

.box-pl-data .item-check-type label {
  margin: 0;
}

.box-pl-data .item-check-type .check {
  border: none;
  top: 0;
  border-radius: 0;
}

.main-column-check-otp {
  display: grid;
  grid-gap: 15px;
}

.box-pl-data .item-check-type .txt {
  flex: 1;
}

.box-pl-data.active .content-box-pl {
  display: block;
}

.box-pl-data.active .title-box-pl .item-check-type label .check {
  opacity: 0;
  visibility: hidden;
}

.box-pl-data.active .title-box-pl .item-check-type label .checked {
  opacity: 1;
  visibility: visible;
}

.date-imt-td {
  display: flex;
  align-items: center;
  padding-top: 8px;
}

.date-imt-td .label-date-td {
  margin: 0;
  margin-right: 10px;
}

.date-imt-td .update {
  color: var(--primary-color-1);
  opacity: 0.8;
  font-size: 13px;
  font-weight: 300;
}

.btn-add-stt .icon-dots-row {
  background: var(--primary-color-2);
}

@media (min-width: 992px) and (max-width: 1599px) {
  .grid-column-check-otp {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .grid-column-check-otp {
    grid-template-columns: repeat(2, 1fr);
  }

  .box-pl-data.active .content-box-pl {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .grid-column-check-otp {
    grid-template-columns: repeat(1, 1fr);
  }

  .box-pl-data.active .content-box-pl {
    padding: 15px;
  }

  .btn-action {
    text-align: left;
  }

  .block-check-info {
    display: block;
    margin-bottom: 18px;
  }

  .block-check-info .title {
    margin: 0;
    margin-bottom: 3px;
  }
}

/* End CSS 28/3/2024 */

/* Đào tạo */
.imt-choose-date {
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 5px;
  height: 34px;
  padding: 0 12px;
  margin-right: 3px;
  cursor: pointer;
}

.imt-choose-date .icon {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-choose-date .name {
  color: var(--primary-color-1);
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

.imt-choose-date.active,
.imt-choose-date:hover {
  border-color: var(--border-color);
}

.block-dt-date-page {
  display: flex;
  align-items: flex-start;
}

.sidebar-dt-date {
  width: 250px;
  background: rgba(217, 217, 217, 0.2);
  border-radius: 5px;
  padding: 12px 6px;
}

.box-tk-name-class {
  width: 280px;
  border: 1px solid #d9d9d9;
  margin-left: 10px;
}

.box-tk-name-class .title-box {
  border-bottom: 1px solid #d9d9d9;
  padding: 12px;
}

.content-dt-date {
  flex: 1;
  margin-left: 10px;
}

.box-tk-name-class .title-box .text {
  margin: 0;
}

.box-tk-name-class .content-box {
  padding: 12px;
}

.imt-box-tk-class {
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
}

.imt-box-tk-class:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  background: #089895;
  opacity: 0.85;
  width: 5px;
  height: 100%;
}

.line-imt-tk {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
}

.line-imt-tk .text-title {
  width: 60px;
  text-align: left;
}

.line-imt-tk .text-content {
  flex: 1;
  margin-left: 10px;
}

.line-imt-tk:last-child {
  margin: 0;
}

.block-lst-school.box-pl-data {
  margin: 0;
  border-top: 1px solid #d9d9d9;
  padding-top: 15px;
}

.block-form-date {
  margin-bottom: 15px;
}

.lst-imt-class {
  margin-top: 10px;
}

.imt-class {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.imt-class .item-check-type {
  flex: 1;
  margin-right: 10px;
}

.imt-class .ct-label-status-crm {
  border-radius: 5px;
  height: 24px;
  padding: 3px 10px;
  position: relative;
  top: -2px;
  max-width: 85px;
}

.grid-schedule-class {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  flex: 1;
}

.imt-schedule-class {
  border: 1px solid #d9d9d9;

  /* margin-bottom: -1px; */
  /* margin-right: -1px; */
}

.imt-schedule-class .title-imt {
  padding: 5px;
  background: rgba(217, 217, 217, 0.4);
  text-align: center;
}

.imt-schedule-class .title-imt .text {
  margin: 0;
  font-weight: 400;
}

.imt-schedule-class .content-imt {
  padding: 4px 4px;
  background: #fff;
  height: 170px;
  overflow-y: auto;
}

.imt-schedule-class .content-imt .number {
  color: #121212;
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 3px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.imt-schedule-class.active .content-imt .number {
  background: #006cfe;
  color: #fff;
}

.imt-schedule-class.active-new .content-imt .number {
  background: #1e88e5;
  color: #fff;
  width: 30px;
  height: 30px;
}

.lst-imt-name-class {
  display: grid;
  grid-gap: 3px;
}

.imt-name-class {
  display: flex;
  align-items: flex-start;
  background: rgb(0 182 178 / 90%);
  border-radius: 5px;
  padding: 3px 6px;
  position: relative;
  overflow: hidden;
}

.imt-name-class .time {
  color: #ffffff;
  font-size: 12px;
  width: 48px;
}

.imt-name-class .name-class {
  color: #ffffff;
  font-size: 12px;
  flex: 1;
  margin-left: 3px;
}

.imt-name-class.imt-complete {
  background: rgba(18, 18, 18, 0.9);
}

.imt-name-class.imt-complete:before {
  background: rgba(18, 18, 18, 1);
}

/* .imt-name-class:Before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #007E7C;
    opacity: .9;
    width: 5px;
    height: 100%;
} */
.imt-schedule-class .content-imt::-webkit-scrollbar {
  width: 4px;
}

.imt-schedule-class .content-imt::-webkit-scrollbar-track {
  background: transparent;
}

.imt-schedule-class .content-imt::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 100px;
}

.imt-name-class-detail {
  margin-bottom: 15px;
}

.imt-name-class-detail .name-class {
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  margin-bottom: 3px;
}

.imt-name-class-detail .txt-status-note {
  font-weight: 300;
  max-width: 90px;
}

.imt-name-class-detail .txt-data-hd {
  flex: 1;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .imt-name-class {
    display: block;
  }

  .imt-name-class .name-class {
    margin: 0;
    line-height: 1.3;
  }

  .imt-name-class .time {
    line-height: 1.3;
  }
}

@media (max-width: 1599px) {
  .box-tk-name-class {
    margin-left: 0;
    width: 100%;
    margin-bottom: 11px;
  }
}

@media (min-width: 992px) and (max-width: 1599px) {
  .box-tk-name-class .content-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .imt-name-class {
    display: block;
  }

  .imt-name-class .name-class {
    margin: 0;
    line-height: 1.3;
  }

  .imt-name-class .time {
    line-height: 1.3;
  }
}

@media (max-width: 991px) {
  .block-dt-date-page {
    display: block;
  }

  .sidebar-dt-date {
    width: 100%;
  }

  .content-dt-date {
    margin: 0;
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .box-tk-name-class .content-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .imt-name-class {
    display: block;
  }

  .imt-name-class .name-class {
    margin: 0;
    line-height: 1.3;
  }

  .imt-name-class .time {
    line-height: 1.3;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .grid-schedule-class {
    overflow-x: auto;
    grid-template-columns: repeat(4, 1fr);
  }

  .imt-name-class {
    display: block;
  }

  .imt-name-class .name-class {
    margin: 0;
    line-height: 1.3;
  }

  .imt-name-class .time {
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .grid-schedule-class {
    overflow-x: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .imt-name-class {
    display: block;
  }

  .imt-name-class .name-class {
    margin: 0;
    line-height: 1.3;
  }

  .imt-name-class .time {
    line-height: 1.3;
  }
}

/* End Đào tạo */

/* Chi tiết đào tạo */
.block-detail-class-page {
  padding: 30px 50px;
  border-radius: 10px;
}

.box-name-detail-class {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.box-name-detail-class .name-class p {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}

.box-name-detail-class .name-lesson p {
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.box-name-detail-class .name-class {
  position: relative;
  padding-right: 20px;
}

.box-name-detail-class .name-class:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 10px;
  width: 1px;
  height: 18px;
  background: #000000;
}

.box-action-detail-class {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.content-action-detail-class {
  flex: 1;
  margin-right: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-row-gap: 5px;
}

.btn-action-class .layout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: #006cfe;
  height: 30px;
  border-radius: 3px;
  transition: all 0.3s;
}

.btn-action-class .layout-btn .icon {
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.btn-action-class {
  position: relative;
}

.popup-choose-class {
  position: absolute;
  top: 36px;
  right: 0;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  width: 200px;
  padding: 15px 10px;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
}

.imt-otp-popup {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 0;
}

.imt-otp-popup .icon {
  width: 14px;
  position: relative;
  top: -1px;
}

.imt-otp-popup .icon img {
  filter: brightness(0);
}

.imt-otp-popup .txt {
  flex: 1;
  margin-left: 7px;
  transition: all 0.3s;
  color: #121212;
  font-size: 14px;
}

.imt-otp-popup:hover .txt {
  color: #006cfe;
}

.btn-action-class {
  position: relative;
}

.popup-choose-class {
  position: absolute;
  top: 36px;
  right: 0;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  width: 200px;
  padding: 15px 10px;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.imt-otp-popup {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 0;
}

.imt-otp-popup .icon {
  width: 14px;
  position: relative;
  top: -1px;
}

.imt-otp-popup .icon img {
  filter: brightness(0);
}

.imt-otp-popup .txt {
  flex: 1;
  margin-left: 7px;
  transition: all 0.3s;
  color: #121212;
  font-size: 14px;
}

.imt-otp-popup:hover .txt {
  color: #006cfe;
}

.popup-choose-class.active {
  opacity: 1;
  visibility: visible;
}

.btn-action-class .layout-btn .txt {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
}

.btn-action-class .layout-btn .arrow img {
  filter: brightness(99);
}

.btn-action-class .layout-btn .arrow {
  margin-left: 6px;
}

.btn-action-class .layout-btn:hover {
  background: #0462e1;
}

.date-tody {
  display: flex;
  align-items: center;
}

.date-tody .icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.date-tody .content {
  flex: 1;
  margin-left: 4px;
}

.date-tody .content p {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
}

.content-action-detail-class>div {
  position: relative;
  padding-right: 20px;
  display: flex;
  align-items: center;
}

.content-action-detail-class>div:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 10px;
  background: #121212;
  height: 18px;
  width: 1px;
}

.content-action-detail-class>div:last-child:before {
  display: none;
}

.number-off .text {
  flex: 1;
  margin-left: 3px;
}

.block-detail-class-page .imt-user-ql {
  border: none;
  padding: 0;
}

.block-detail-class-page .box-action-user-ql {
  width: 150px;
}

.btn-check-ss {
  display: flex;
  align-items: center;
}

.btn-check-ss a {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  height: 30px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: transparent;
  transition: all 0.3s;
}

.btn-check-ss a .icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-check-ss a .txt {
  flex: 1;
  margin-left: 4px;
  color: #121212;
  font-size: 13px;
  transition: all 0.3s;
}

.btn-check-ss a .icon svg path {
  transition: all 0.3s;
}

.btn-check-ss.btn-on a:hover,
.btn-check-ss.btn-on.active a {
  background: rgb(0 196 114 / 20%);
  border-color: transparent;
}

.btn-check-ss.btn-on a:hover .txt,
.btn-check-ss.btn-on.active a .txt {
  color: #0e5e3c;
}

.btn-check-ss.btn-on a:hover .icon svg path,
.btn-check-ss.btn-on.active a .icon svg path {
  fill: #0e5e3c;
}

.btn-check-ss.btn-off a:hover,
.btn-check-ss.btn-off.active a {
  background: rgb(246 117 117 / 20%);
  border-color: transparent;
}

.btn-check-ss.btn-off a:hover .txt,
.btn-check-ss.btn-off.active a .txt {
  color: #a50000;
}

.btn-check-ss.btn-off a:hover .icon svg path,
.btn-check-ss.btn-off.active a .icon svg path {
  fill: #a50000;
}

.btn-view-detail-class .btn-layout {
  display: flex;
  align-items: center;
}

.btn-view-detail-class .btn-layout .txt {
  color: #121212;
  font-size: 14px;
  transition: all 0.3s;
}

@media (max-width: 575px) {
  .topbar-add-ticker .btn-view-detail-class {
    display: none;
  }
}

.btn-view-detail-class .btn-layout:hover .txt {
  text-decoration: underline;
}

.btn-view-detail-class .btn-layout .icon {
  width: 16px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  position: relative;
  top: 1px;
}

.block-detail-class-page .title-export-file {
  border: none;
}

.block-detail-class-page .title-tab {
  margin-bottom: 20px;
}

.block-table-detail-hv {
  padding-top: 50px;
}

.block-table-detail-hv .imt-info-hv-hd {
  margin-bottom: 40px;
}

.block-table-detail-hv .imt-info-hv-hd:last-child {
  margin: 0;
}

.imt-tb-date {
  width: 110px;
}

.imt-tb-point {
  width: 45px;
}

.imt-tb-total-point {
  width: 80px;
}

.imt-tb-user {
  width: 130px;
}

.block-table-detail-hv .title-table>div {
  margin-right: 10px;
}

.block-table-detail-hv .tr-table>div {
  margin-right: 10px;
}

.block-table-detail-hv .imt-crm-view {
  width: 90px;
}

.btn-new-imt .icon img {
  filter: brightness(999);
}

.imt-tb-status {
  width: 120px;
}

.flex-select-choose {
  display: flex;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}

.lst-select-choose-otp {
  flex: 1;
  margin-left: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column-gap: 25px;
  grid-row-gap: 10px;
}

.select-choose-otp {
  display: flex;
  align-items: center;
}

.select-choose-otp .icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.select-choose-otp .form-select-otp {
  flex: 1;
  margin-left: 5px;
  position: relative;
}

.select-choose-otp .form-select-otp .icon-select {
  position: absolute;
  top: 0;
  right: 0;
}

.select-choose-otp .form-select-otp select {
  width: 100%;
  height: 100%;
  border: none;
  color: #121212;
  font-size: 13px;
  font-weight: 500;
  appearance: none;
  padding-right: 15px;
  cursor: pointer;
  outline: none;
}

.flex-select-choose .btn-filter-search {
  width: 55px;
}

.select-choose-otp .text {
  color: #121212;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.tr-fill-info-lesson {
  padding: 11px 0;
  border-bottom: 1px solid #d9d9d9;
}

.fill-flex-lesson {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.fill-flex-lesson>.icon {
  width: 20px;
  margin-right: 11px;
  position: relative;
  top: -2px;
}

.content-form-pepple-choose {
  flex: 1;
  align-items: center;
}

.btn-add-people {
  width: 90px;
  text-align: right;
}

.btn-add-people a {
  display: block;
  color: #006cfe;
  font-size: 14px;
  transition: all 0.3s;
}

.btn-add-people a:hover {
  text-decoration: underline;
}

.fill-flex-lesson .form-input input {
  height: 100%;
  border: none;
  width: 100%;
  color: #121212;
  font-size: 13px;
  font-weight: 500;
}

.fill-flex-lesson .form-input {
  flex: 1;
}

.content-form-pepple-choose .txt {
  font-size: 13px;
  font-weight: 400;
  color: #121212;
}

.fill-flex-lesson .form-input input::placeholder {
  font-weight: 400;
}

.form-choose-datetime-check {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

.row-datetime-check {
  display: flex;
  align-items: center;
}

.row-datetime-check .datetime {
  position: relative;
  margin-right: 12px;
}

.row-datetime-check .datetime input {
  width: 120px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: 30px;
  padding-left: 8px;
  color: #121212;
  font-size: 13px;
  display: flex;
  line-height: 30px;
}

.row-datetime-check .datetime .icon {
  position: absolute;
  right: 3px;
  top: 4px;
  pointer-events: none;
}

.row-datetime-check .datetime .icon-arrow {
  position: absolute;
  top: 5px;
  right: 9px;
  transform: rotate(90deg);
  width: 7px;
  pointer-events: none;
}

.form-textarea-lesson textarea {
  width: 100%;
  height: 120px;
  border-radius: 10px;
  margin-top: 15px;
  border: 1px solid #d9d9d9;
  color: #121212;
  outline: none;
  padding: 10px 14px;
  background: rgb(217 217 217 / 10%);
}

.fill-flex-lesson .form-input input.datetime.ct-form-time input {
  width: auto;
}

.lst-imt-people {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
}

.imt-people {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: 30px;
  padding: 0 9px;
}

.imt-people .name {
  color: #121212;
  font-size: 13px;
  flex: 1;
  margin-right: 5px;
}

.imt-people .close-imt {
  margin-top: 1px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.imt-people .close-imt svg path {
  transition: all 0.3s;
}

.imt-people .close-imt:hover svg path {
  fill: #fb0000;
}

.popup-choose-people-user {
  position: absolute;
  width: 300px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  z-index: 1;
  padding: 16px;
  top: 40px;
  right: 0;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.popup-choose-people-user.open-popup-people {
  opacity: 1;
  visibility: visible;
}

.popup-choose-people-user .title-popup {
  margin-bottom: 10px;
}

.popup-choose-people-user .title-popup p {
  font-size: 14px;
  color: #000000;
}

.popup-choose-people-user .main-poupp {
  max-height: 300px;
  overflow-x: auto;
}

.popup-choose-people-user .main-poupp::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}

.popup-choose-people-user .main-poupp::-webkit-scrollbar-thumb {
  background: #c7c7c7;
  border-radius: 100px;
}

.popup-choose-people-user .main-poupp::-webkit-scrollbar {
  width: 5px;
  border-radius: 100px;
}

.block-detail-class-page .avatar {
  width: 35px;
  height: 35px;
}

.block-detail-class-page .imt-user-ql .user-avatar .info .name {
  font-size: 14px;
}

.block-detail-class-page .imt-user-ql .user-avatar .info .name-small {
  font-size: 13px;
}

.block-lst-lesson-hv {
  display: flex;
  align-items: flex-start;
}

.sidebar-lesson-hv {
  width: 270px;
}

.main-lsesson-hv {
  flex: 1;
  margin-left: 50px;
}

.sidebar-lesson-hv .title-sidebar {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.sidebar-lesson-hv .title-sidebar p {
  flex: 1;
  color: #000000;
  font-size: 15px;
}

.plus-addl-lesson {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-lesson-hv {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding: 7px 10px;
  background: transparent;
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: 1px;
}

.imt-lesson-hv .timeline-ls {
  flex: 1;
  margin-right: 10px;
}

.label-status-ls {
  max-width: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  line-height: 18px;
  border: 1px solid;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 300;
}

.label-status-ls.status-complete {
  border-color: rgb(0 196 192 / 90%);
  color: #00c4c0;
}

.label-status-ls.status-tomorrow {
  border-color: #d9d9d9;
  color: #121212;
}

.label-status-ls.status-refund {
  border-color: #006cfe;
  color: #006cfe;
}

.label-status-ls.status-cancel {
  border-color: #fb0000;
  color: #fb0000;
}

.imt-lesson-hv:hover,
.imt-lesson-hv.item-active {
  background: rgb(217 217 217 / 40%);
}

.imt-lesson-hv .timeline-ls .time-day {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
}

.imt-lesson-hv .timeline-ls .time-minute {
  color: #121212;
  font-size: 14px;
}

.imt-lesson-hv .timeline-ls .txt-small {
  color: #121212;
  font-size: 13px;
}

.imt-lesson-hv.item-hidden {
  opacity: 0.6;
}

.note-lesson {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}

.note-lesson .icon {
  position: relative;
  top: -2px;
}

.label-official {
  display: inline-flex;
  background: rgba(8, 152, 149, 0.9);
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  border-radius: 3px;
  padding: 0 5px;
}

.label-ls-test {
  display: inline-flex;
  background: rgba(255, 167, 34, 1);
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  border-radius: 3px;
  padding: 0 5px;
}

.note-lesson .txt {
  flex: 1;
  margin-left: 5px;
  color: #121212;
  font-size: 13px;
}

@media (min-width: 992px) and (max-width: 1399px) {
  .main-lsesson-hv {
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-detail-class-page {
    padding: 30px;
  }

  .block-lst-lesson-hv {
    display: block;
  }

  .main-lsesson-hv {
    margin: 0;
  }

  .sidebar-lesson-hv {
    width: 100%;
    margin-bottom: 20px;
  }

  .lst-imt-lesson-hv {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .imt-lesson-hv {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-detail-class-page {
    padding: 20px;
  }

  .box-action-detail-class {
    display: block;
  }

  .content-action-detail-class {
    margin: 0;
    margin-bottom: 10px;
  }

  .block-lst-lesson-hv {
    display: block;
  }

  .main-lsesson-hv {
    margin: 0;
  }

  .sidebar-lesson-hv {
    width: 100%;
    margin-bottom: 20px;
  }

  .lst-imt-lesson-hv {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .imt-lesson-hv {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
  }
}

@media (max-width: 575px) {
  .block-lst-lesson-hv {
    display: block;
  }

  .main-lsesson-hv {
    margin: 0;
  }

  .sidebar-lesson-hv {
    width: 100%;
    margin-bottom: 20px;
  }

  .lst-imt-lesson-hv {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }

  .imt-lesson-hv {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
  }

  .block-detail-class-page {
    padding: 15px;
  }

  .box-action-detail-class {
    display: block;
  }

  .content-action-detail-class {
    margin: 0;
    margin-bottom: 10px;
  }

  .block-detail-class-page .imt-user-ql {
    display: block;
  }

  .block-detail-class-page .imt-user-ql {
    margin-bottom: 20px;
  }

  .block-detail-class-page .box-action-user-ql {
    width: 100%;
    margin-top: 4px;
  }

  .flex-select-choose {
    display: block;
  }

  .lst-select-choose-otp {
    margin: 0;
    margin-top: 13px;
  }

  .row-datetime-check {
    flex-wrap: wrap;
  }

  .row-datetime-check .datetime:last-child {
    margin: 0;
  }

  .row-datetime-check .txt {
    font-size: 13px;
    margin-top: 5px;
    text-align: left;
    width: 100%;
  }

  .datetime.ct-form-time {
    margin-right: 0;
  }
}

/* End Chi tiết đào tạo */

/* Popup Đào tạo */

.title-export-file .user-avatar .avatar {
  width: 60px;
  height: 60px;
}

.title-export-file .user-avatar .info .name {
  font-weight: 500;
  margin-bottom: 3px;
}

.lst-imt-icon {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.title-tab {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.imt-title-tab-info a {
  display: inline-block;
  color: #121212;
  opacity: 0.8;
  transition: all 0.3s;
}

.imt-title-tab-info a:hover {
  opacity: 1;
}

.imt-title-tab-info.active a {
  opacity: 1;
  font-weight: 500;
}

.txt-title-kq-tq {
  color: #121212;
  font-size: 14px;
  margin-bottom: 10px;
}

.flex-kq {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.number-point-user {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
  margin-left: 12px;
}

.flex-label-kq {
  display: flex;
  align-items: center;
}

.label-kq-user {
  color: #121212;
  font-size: 13px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 0 15px;
}

.label-kq-user.bg-red {
  background: rgba(235, 87, 87, 0.4);
}

.label-kq-user.bg-yellow {
  background: rgba(255, 198, 0, 0.4);
}

.label-kq-user.bg-blue {
  background: rgba(0, 115, 251, 0.4);
}

.block-line-target-point {
  display: flex;
  align-items: flex-start;
  padding-top: 30px;
  margin-bottom: 20px;
}

.block-line-target-point .line-target-point {
  flex: 1;
  width: 100%;
  position: relative;
  height: 10px;
}

.block-line-target-point .line-target-point .txt {
  position: absolute;
  top: -26px;
  color: #989898;
  font-size: 13px;
  text-transform: uppercase;
}

.line-target-point.bg-red {
  background: #eb5757;
}

.line-target-point.bg-yellow {
  background: #ffc600;
}

.line-target-point.bg-blue {
  background: #0073fb;
}

.txt-title-kq-tq {
  color: #121212;
  font-size: 14px;
  margin-bottom: 10px;
}

.imt-point-skill {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.imt-point-skill .left {
  width: 90px;
}

.imt-point-skill .left p {
  font-size: 14px;
  font-weight: 300;
}

.imt-point-skill .content {
  flex: 1;
  padding: 0 10px;
}

.group-line-skill {
  position: relative;
  height: 6px;
}

.group-line-skill .flex-line {
  display: flex;
}

.group-line-skill .flex-line .line-skill {
  flex: 1;
  height: 6px;
  width: 100%;
}

.group-line-skill .flex-line .line-skill.bg-red {
  background: #eb5757;
  opacity: 0.4;
}

.group-line-skill .flex-line .line-skill.bg-red.active {
  opacity: 1;
}

.group-line-skill .flex-line .line-skill.bg-yellow {
  background: #ffc600;
  opacity: 0.4;
}

.group-line-skill .flex-line .line-skill.bg-blue {
  background: #0073fb;
  opacity: 0.4;
}

.icon-line-skill {
  position: absolute;
  top: -5px;
  text-align: right;
  z-index: 1;
  width: 3px;
  margin-left: -3px;
  left: 0;
  height: 15px;
  display: flex;
  align-items: center;
}

.imt-point-skill .right {
  width: 100px;
}

.imt-point-skill .right p {
  font-size: 13px;
  font-weight: 300;
  text-align: left;
  color: #121212;
}

.block-comment-gv .title {
  margin-bottom: 6px;
  color: #121212;
  font-size: 14px;
}

.block-comment-gv {
  padding-top: 10px;
}

.imt-comment-gv {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.block-info-dt-popup .title-export-file {
  border: none;
  padding: 0;
}

.imt-comment-gv .content-text p {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 5px;
}

.grid-info-diligence {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  margin-bottom: 20px;
}

.imt-info-diligence {
  background: rgb(217 217 217 / 40%);
  border-radius: 10px;
  padding: 10px 20px;
}

.imt-info-diligence .txt-title {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 2px;
}

.imt-info-diligence .txt-content {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
}

.imt-history-ls {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 0;
}

.imt-history-ls .content {
  flex: 1;
  margin-right: 10px;
}

.imt-history-ls .content p {
  font-weight: 300;
}

.block-history-ls {
  padding-bottom: 20px;
}

.block-comment-feedback-gv .content p {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
}

.grid-info-diligence-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

.block-target {
  background: rgb(255 167 34 / 20%);
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.block-target .icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffdba7;
}

.block-target .content {
  flex: 1;
  margin-left: 12px;
}

.block-target .content .title-medium {
  font-size: 14px;
}

.content-flex-name {
  flex: 1;
}

.lst-imt-target {
  display: flex;
  align-items: center;
  grid-row-gap: 10px;
  grid-column-gap: 20px;
}

.imt-target p {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
}

.block-imt-day {
  display: grid;
  grid-template-columns: repeat(7, 65px);
  grid-column-gap: 20px;
  margin-bottom: 20px;
}

.imt-day {
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 3px;
  background: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.imt-day:hover,
.imt-day.active {
  background: #006cfe;
  border-color: #006cfe;
}

.imt-day:hover p,
.imt-day:hover,
.imt-day.active p {
  color: #fff;
}

.ct-popup-width-400 .main-export-file {
  width: 400px;
  padding-bottom: 20px;
  margin-top: 8%;
}

.content-attendance .title {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.content-attendance {
  padding-bottom: 20px;
}

.content-attendance .txt-small {
  color: #121212;
  font-size: 14px;
}

.title-export-file .label-ls-test {
  font-size: 12px;
  height: 20px;
  align-items: center;
  border-radius: 5px;
}

.title-export-file .label-official {
  font-size: 12px;
  height: 20px;
  align-items: center;
  border-radius: 5px;
}

.ct-popup-width-600 .main-export-file {
  width: 600px;
  padding: 15px 25px;
  border-radius: 10px;
}

.ct-popup-width-600 .block-modal-nv {
  max-width: 500px;
}

.ct-popup-width-600 .block-modal-nv .name-ct-input {
  font-size: 14px;
  font-weight: 400;
}

.block-fill-point-lesson .title {
  margin-bottom: 10px;
}

.form-fill-lessson .ct-input {
  display: flex;
  align-items: center;
}

.form-fill-lessson .ct-input .name-ct-input {
  width: 90px;
  margin-right: 5px;
  color: rgba(18, 18, 18, 0.6);
}

.form-fill-lessson .item-choose-filter {
  width: 150px;
}

@media (max-width: 767px) {
  .grid-info-diligence-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .block-imt-day {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 10px;
  }
}

@media (max-width: 650px) {
  .ct-popup-width-600 .main-export-file {
    width: 90%;
  }
}

@media (max-width: 575px) {
  .ct-popup-width-400 .main-export-file {
    width: 90%;
    margin-top: 50px;
  }

  .imt-point-skill .right {
    width: 70px;
  }

  .imt-history-ls {
    align-items: flex-start;
  }

  .imt-point-skill .left {
    width: 70px;
  }

  .grid-info-diligence {
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
  }

  .imt-info-diligence {
    border-radius: 5px;
    padding: 10px;
  }

  .imt-day p {
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
  }

  .imt-day {
    padding: 3px;
    height: auto;
  }
}

/* End Popup Đào tạo */

@media (max-width: 1599px) {
  .block-table-crm.ct-tb-ht-dm.ct-xs-column {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .block-table-crm.ct-tb-ht-dm.ct-xs-column .title-table,
  .block-table-crm.ct-tb-ht-dm.ct-xs-column .content-table {
    width: 1400px;
  }

  .block-table-yc-hs .title-table,
  .block-table-yc-hs .content-table {
    width: 1400px;
  }

  .block-layout-ht-menu .block-table-yc-hs .title-table,
  .block-layout-ht-menu .block-table-yc-hs .content-table {
    width: 1100px;
  }
}

/* Nhân sự */
.wp-order-page .txt-bold {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}

/* End Nhân sự */
.box-popup-chart {
  display: none;
  position: absolute;
  top: 0;
  left: 144px;
  width: 210px;
  z-index: 1;
  margin-top: 0;
}

.box-popup-charts {
  display: none;
  position: absolute;
  top: 0;
  left: 329px;
  width: 250px;
  z-index: 1;
  margin-top: 0;
}

.user-chart-lv1>.user-avatar .avatar {
  width: 37px;
  height: 37px;
  border-width: 2px;
  transition: all 0.3s;
}

.user-chart-lv1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.open-popup-child.box-popup-chart {
  display: block;
  opacity: 1;
  visibility: visible;
}

.open-popup-child.box-popup-charts {
  display: block;
  opacity: 1;
  visibility: visible;
}

.tr-chart-manage {
  position: relative;
  margin-bottom: 20px;
}

.number-user-child {
  padding: 5px 8px;
  background: #f0f0f0;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  min-width: 34px;
  position: absolute;
  top: 5px;
  right: -60px;
}

.number-user-child p {
  color: rgba(18, 18, 18, 1);
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}

.number-user-child:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 18px;
  background: rgba(217, 217, 217, 0.6);
  left: -22px;
  transition: all 0.3s;
}

.line-before-tr {
  position: absolute;
  top: 17.5px;
  left: -25px;
  width: 1px;
  background: #e8e8e8;
  height: calc(100% - 43.5px);
  transition: all 0.3s;
}

.active-line {
  width: 100%;
  background: #006cfe;
  top: 0;
  position: relative;
  z-index: 1;
  height: 0;
  transition: all 0.3s;
}

.tr-chart-user-child:last-child:before {
  display: none;
}

.tr-chart-user-child .user-chart .user-avatar {
  display: flex;
  align-items: center;
  border: 1px solid rgb(217 217 217 / 60%);
  border-radius: 100px;
  padding: 2px;
  width: 100%;
  background: transparent;
  transition: all 0.3s;
  cursor: pointer;
}

.tr-chart-user-child .user-chart {
  display: flex;
  width: 100%;
  position: relative;
}

.tr-chart-user-child .user-chart .user-avatar .avatar {
  width: 27px;
  height: 27px;
  border-color: #d9d9d9;
}

.tr-chart-user-child .user-chart .info-user {
  flex: 1;
  margin-left: 6px;
}

.tr-chart-user-child .user-chart .info-user .name {
  color: rgba(18, 18, 18, 1);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
}

.tr-chart-user-child .user-chart .info-user .txt-nv {
  font-weight: 300;
  font-size: 13px;
  color: rgb(18 18 18 / 60%);
  line-height: 14px;
}

.tr-chart-user-child .user-chart:before {
  transform: translateY(-50%);
  content: "";
  position: absolute;
  top: 50%;
  background: #e8e8e8;
  width: 19px;
  left: -24px;
  height: 1px;
}

.tr-chart-user-child {
  position: relative;
  height: 44px;
  margin-bottom: 20px;
}

.tr-chart-user-child:last-child {
  margin: 0;
}

.tr-chart-user-child .box-popup-chart {
  top: 16px;
  left: calc(100% + 110px);
  width: 250px;
  visibility: hidden;
  transition: all 0.3s;
  margin-top: -51px;
  display: none;
  visibility: hidden;
  opacity: 0;
  position: relative;
}

.tr-chart-user-child .box-popup-charts {
  top: 0;
  left: calc(100% + 118px);
  width: 250px;
  visibility: hidden;
  transition: all 0.3s;
  margin-top: -51px;
  display: none;
  visibility: hidden;
  opacity: 0;
  position: relative;
}

.tr-chart-manage:last-child {
  margin: 0;
}

.tr-chart-user-child .user-chart .user-avatar:hover,
.tr-chart-user-child .user-chart.active-user .user-avatar {
  /* background: rgb(0 108 254 / 10%); */
  border-color: #006cfe;
}

.tr-chart-user-child .user-chart.active-user:before {
  background: #006cfe;
}

.tr-chart-user-child .open-popup-child.box-popup-chart {
  display: block;
  opacity: 1;
  visibility: visible;
}

.tr-chart-user-child .open-popup-child.box-popup-charts {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* .tr-chart-user-child .box-popup-chart:before {
    content: '';
    position: absolute;
    top: 24px;
    left: -25px;
    width: 2px;
    background: rgba(217, 217, 217, 1);
    height: calc(100% - 50px);
} */

.tr-chart-user-child .box-popup-chart:after {
  content: "";
  position: absolute;
  top: 18px;
  transform: translateY(-50%);
  height: 1px;
  width: 21px;
  background: rgba(217, 217, 217, 1);
  left: -46px;
  transition: all 0.3s;
}

.tr-chart-user-child .box-popup-charts:after {
  content: "";
  position: absolute;
  top: 25px;
  transform: translateY(-50%);
  height: 2px;
  width: 24px;
  background: rgba(217, 217, 217, 1);
  left: -49px;
  transition: all 0.3s;
}

.box-popup-chart:after {
  content: "";
  position: absolute;
  top: 18px;
  transform: translateY(-50%);
  height: 1px;
  width: 18px;
  background: rgba(217, 217, 217, 0.6);
  left: -42px;
  transition: all 0.3s;
}

.box-popup-charts:after {
  content: "";
  position: absolute;
  top: 25px;
  transform: translateY(-50%);
  height: 1px;
  width: 20px;
  background: rgba(217, 217, 217, 1);
  left: -49px;
  transition: all 0.3s;
}

.tr-chart-manage.active-popup-1 .user-chart-lv1>.user-avatar .avatar {
  border-color: #006cfe;
}

.user-chart-lv1.active-user .avatar {
  border-color: #006cfe;
}

.active-user .number-user-child {
  background: rgb(0 108 254 / 20%);
}

.active-user .number-user-child p {
  color: #006cfe;
}

.active-user .number-user-child:before {
  background: #006cfe;
}

.box-popup-chart.open-popup-child:after {
  background: #006cfe;
}

.box-popup-charts.open-popup-child:after {
  background: #006cfe;
}

.tr-chart-user-child .user-chart .user-chart-lv1:before {
  background: #006cfe;
}

.block-chart-manage {
  overflow: auto;
  height: calc(100vh - 130px);
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 20px;
  width: 100%;
}

.block-chart-manage::-webkit-scrollbar {
  height: 13px;
  width: 13px;
  cursor: pointer;
}

.block-chart-manage::-webkit-scrollbar-track {
  background: #f1f1f1;
  transition: all 0.3s;
}

.block-chart-manage::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  transition: all 0.3s;
}

.block-chart-manage::-webkit-scrollbar-thumb:hover {
  background: #a5a5a5;
}

.ct-overflow::-webkit-scrollbar {
  width: 0;
}

.ct-overflow::-webkit-scrollbar-track {
  background: #f1f1f1;
  transition: all 0.3s;
}

.ct-overflow::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  transition: all 0.3s;
}

.ct-overflow {
  overflow: hidden;
}

@media (min-width: 576px) and (max-width: 1199px) {
  .block-chart-manage {
    height: calc(100vh - 165px);
  }
}

@media (max-width: 575px) {
  .block-chart-manage {
    padding: 15px;
    height: calc(100vh - 220px);
  }
}

.main-crm-new-page .row-second .right-row {
  flex-wrap: wrap;
  flex: 1;
}

.main-crm-new-page .row-second {
  width: 100%;
  align-items: flex-start !important;
}

.block-table-crm-kh .message-item,
.block-table-crm-kh .label-wait {
  font-size: 13px;
}

@media (max-width: 1850px) {

  .ct-table-data .title-table,
  .ct-table-data .content-table {
    width: 1700px;
  }

  .ct-table-data {
    overflow-x: auto;
  }
}

@media (max-width: 991px) {
  .main-crm-new-page .row-second {
    display: block;
  }

  .main-crm-new-page .row-second .right-row {
    margin-top: 10px;
    padding: 0;
    margin-bottom: 10px;
  }

  .main-crm-new-page .left-row .filter-show {
    padding: 0;
  }

  .main-crm-new-page .left-row:after {
    display: none;
  }
}

.box-avatar-hd-ns {
  display: flex;
  align-items: center;
}

.box-avatar-hd-ns .avatar {
  width: 60px;
  height: 60px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  overflow: hidden;
}

.box-avatar-hd-ns .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.content-imt-hd {
  flex: 1;
  margin-left: 15px;
}

.box-avatar-hd-ns .name {
  font-weight: 500;
  font-size: 18px;
}

.box-imt-child-info {
  display: flex;
  align-items: center;
}

.imt-child-info p {
  color: #000;
  font-size: 15px;
  font-weight: 300;
}

.imt-child-info {
  position: relative;
  padding-right: 20px;
}

.imt-child-info:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 10px;
  background: #000;
  height: 14px;
  width: 1px;
}

.imt-child-info:last-child:before {
  display: none;
}

.block-info {
  margin-bottom: 20px;
}

.block-info .txt-title-kq-tq {
  font-size: 15px;
  font-weight: 500;
}

.column-two-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.imt-info-ns {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.imt-info-ns .icon {
  width: 20px;
}

.imt-info-ns .content {
  flex: 1;
}

.imt-info-ns .content .txt {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.imt-info-ns .content .link {
  color: #006cfe;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
}

.imt-info-ns .content a.link:hover {
  text-decoration: underline;
  color: #006cfe;
}

.block-info .lst-imt-user-hd {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.grid-qt-update {
  display: grid;
  grid-template-columns: 600px 600px;
  justify-content: space-between;
}

.slide-info-update {
  position: relative;
}

.slide-info-update .pagination-prm {
  bottom: auto;
  top: -35px;
  left: auto;
  right: 20px;
  color: #121212;
  height: auto;
  padding: 0;
}

.slide-info-update .pagination-prm span {
  color: #121212;
}

.slide-info-update .control-slide {
  left: auto;
  right: 0;
  top: -30px;
  height: auto;
  background: transparent;
  padding: 0;
}

.slide-info-update .control-slide .btn-control-slide-prm {
  filter: brightness(0);
}

.box-new-info-update .picture {
  display: block;
  margin-bottom: 10px;
}

.box-new-info-update .main-new .name {
  color: #121212;
  font-weight: 400;
  font-size: 14px;
}

.box-new-info-update .main-new .txt-small {
  font-size: 14px;
  font-weight: 300;
}

.box-new-info-update .main-new .txt-small .link {
  color: #006cfe;
  font-weight: 400;
  transition: all 0.3s;
}

.box-new-info-update .main-new .txt-small .link:hover {
  text-decoration: underline;
}

.box-total-dt-kq {
  background: rgba(0, 108, 254, 0.1);
  padding: 10px 20px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}

.box-total-dt-kq .left .title {
  color: #121212;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
}

.box-total-dt-kq .left .txt-nd {
  font-size: 14px;
  font-weight: 300;
}

.box-total-dt-kq .left .txt-nd .color {
  color: #ff0000;
  font-weight: 400;
}

.imt-target-price {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
}

.imt-target-price .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-target-price .number {
  margin-right: 10px;
}

.imt-target-price .txt-target {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
}

.imt-target-price:last-child {
  margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .grid-qt-update {
    grid-template-columns: 1fr 550px;
    grid-column-gap: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .grid-qt-update {
    grid-template-columns: 1fr 450px;
    grid-column-gap: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .grid-qt-update {
    grid-template-columns: 1fr 50%;
    grid-column-gap: 30px;
  }

  .slide-info-update .pagination-prm {
    top: -33px;
  }
}

@media (max-width: 767px) {
  .grid-qt-update {
    grid-template-columns: 100%;
    grid-row-gap: 20px;
  }

  .slide-info-update .pagination-prm {
    top: -33px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-info .lst-imt-user-hd {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .box-total-dt-kq {
    display: block;
    padding: 12px;
  }

  .box-total-dt-kq .left {
    margin-bottom: 10px;
  }

  .box-total-dt-kq .right {
    margin-left: -4px;
  }

  .block-info .lst-imt-user-hd {
    grid-template-columns: repeat(1, 1fr);
  }

  .column-two-info {
    grid-template-columns: repeat(1, 1fr);
  }

  .block-info .lst-imt-user-hd .imt-hd {
    margin: 0;
  }
}

.block-bdk-page .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.block-bdk-page .title-box .name {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.imt-qt-job {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  max-width: 700px;
}

.imt-qt-job:last-child {
  border: none;
}

.imt-qt-job .name {
  color: #121212;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
}

.imt-qt-job .txt {
  color: #121212;
  font-size: 14px;
  line-height: 1.4;
  display: inline-block;
}

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

.imt-qt-job .link {
  color: #006cfe;
  transition: all 0.3s;
}

.imt-qt-job .link:hover {
  text-decoration: underline;
}

.block-info-prd-dv .imt-propose-new .layout-imt {
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.block-info-prd-dv .imt-propose-new .layout-imt .picture {
  height: 150px;
  width: 100%;
}

.block-info-prd-dv .imt-propose-new .layout-imt .name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.block-info-prd-dv .imt-propose-new .layout-imt .content {
  padding: 15px;
  margin: 0;
}

.btn-view-detail-imt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #121212;
  border-radius: 5px;
  height: 30px;
  color: #fff;
  padding: 0 10px;
  font-size: 13px;
  transition: all 0.3s;
}

.block-info-prd-dv .imt-propose-new .layout-imt:hover .btn-view-detail-imt {
  background: #089895;
}

.column-4-bdkl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 30px;
  grid-column-gap: 35px;
}

.imt-box-note .layout-imt {
  display: block;
  background: rgb(217 217 217 / 20%);
  padding: 15px;
  transition: all 0.3s;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.imt-box-note .layout-imt .name {
  font-size: 15px;
  color: #121212;
  font-weight: 500;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.imt-box-note .layout-imt .txt-content {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.btn-view-text-box {
  font-size: 14px;
  color: #006cfe;
  transition: all 0.3s;
}

.imt-box-note .layout-imt:hover {
  background: rgb(217 217 217 / 50%);
}

.imt-box-note .layout-imt:hover .btn-view-text-box {
  text-decoration: underline;
}

.block-grid-target-hs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 30px;
  grid-column-gap: 35px;
  align-items: flex-start;
}

.block-hs-job {
  grid-column: 2/5;
}

.setup-target .btn-view-text-box {
  padding-top: 20px;
}

.box-setup-target {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.imt-setup-text .name {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
}

.imt-setup-text .number {
  font-size: 18px;
  color: #121212;
}

.block-hs-job .grid-column-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
}

.choose-datetime {
  margin-bottom: 20px;
  width: 160px;
  margin-left: auto;
}

.choose-datetime .item-choose-filter {
  background: transparent;
  height: 30px;
}

.choose-datetime .item-choose-filter input {
  background: rgba(217, 217, 217, 0.6);
}

.choose-datetime .item-choose-filter .icon-date-select {
  top: 3px;
}

.block-hs-job .grid-column-4 .row-imt-tk {
  position: relative;
  border-right: 1px solid #d9d9d9;
  padding-right: 25px;
}

.block-hs-job .grid-column-4 .row-imt-tk:last-child {
  padding: 0;
  margin: 0;
  border: none;
}

.block-hs-job .grid-column-4 .row-imt-tk .number-tk {
  display: block;
  padding-top: 15px;
}

.block-hs-job .grid-column-4 .row-imt-tk .number-tk .percent-imt {
  top: 0;
  margin-top: 15px;
}

.block-hs-job .main-box {
  background: rgb(217 217 217 / 20%);
  border-radius: 10px;
  padding: 22px;
}

.block-target-bdk .main-box {
  background: rgb(217 217 217 / 20%);
  border-radius: 10px;
  padding: 22px;
}

.block-about-bdk .name {
  color: #121212;
  font-size: 18px;
  font-weight: 500;
}

.block-about-bdk .txt {
  font-size: 14px;
  font-weight: 300;
}

.group-total-price {
  display: flex;
  align-items: center;
}

.block-about-bdk {
  flex: 1;
}

.flex-price-dt {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.imt-price-dt {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 20px;
}

.imt-price-dt p {
  color: #121212;
  font-size: 13px;
  font-weight: 300;
}

.imt-price-dt p .number {
  font-weight: 500;
}

.help-support {
  position: relative;
  margin-left: 5px;
}

.popup-help-support {
  position: absolute;
  top: 30px;
  right: -12px;
  width: 200px;
  background: #e5e5e5;
  border-radius: 4px;
  padding: 12px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.popup-help-support:before {
  content: "";
  position: absolute;
  top: -6px;
  right: 18px;
  width: 10px;
  height: 20px;
  background: #e5e5e5;
  transform: rotate(45deg);
}

.imt-price-dt:last-child {
  padding: 0;
}

.imt-price-dt:last-child:before {
  display: none;
}

.imt-price-dt:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 10px;
  background: #9f9f9f;
  width: 1px;
  height: 16px;
}

.help-support .icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.popup-help-support.open-support {
  opacity: 1;
  visibility: visible;
}

.box-name {
  display: flex;
  align-items: flex-start;
  padding-left: 80px;
}

.slide-about-view {
  position: relative;
  background: rgba(221, 94, 3, 1);
  padding: 7px 15px;
  border-radius: 5px;
  margin-bottom: 12px;
}

.box-name p {
  color: #fff;
  flex: 1;
  margin-right: 10px;
}

.btn-view-more-slide a {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  transition: all 0.3s;
}

.btn-view-more-slide a:hover {
  text-decoration: underline;
}

.control-slide {
  position: absolute;
  left: 15px;
  top: 0;
  display: flex;
  padding: 11px 0px;
  justify-content: space-between;
  height: 100%;
  width: 70px;
  background: #dd5e03;
  z-index: 1;
}

.btn-control-slide-prm {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  margin-top: -2px;
}

.btn-control-slide-prm img {
  filter: brightness(99);
}

.btn-control-slide-prm:hover {
  background: rgb(255 255 255 / 20%);
}

.btn-control-slide-prm.swiper-button-disabled {
  opacity: 1;
  visibility: visible;
}

.pagination-prm {
  position: absolute;
  bottom: 0;
  left: 36px;
  z-index: 2;
  height: 100%;
  display: flex;
  color: #fff;
  text-align: center;
  justify-content: center;
  width: 28px;
  padding: 7px 0;
}

.pagination-prm span {
  margin-right: 0;
  color: #fff;
  display: inline-block;
  font-family: "Inter", sans-serif;
  background: transparent;
  text-align: center;
}

.btn-view-more-slide {
  width: 100px;
  text-align: right;
}

@media (min-width: 992px) and (max-width: 1599px) {
  .column-4-bdkl {
    grid-gap: 15px;
  }

  .block-grid-target-hs {
    grid-gap: 15px;
  }

  .box-setup-target {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }

  .block-target-bdk .main-box {
    padding: 15px;
  }

  .block-hs-job .main-box {
    padding: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .flex-price-dt {
    display: block;
  }

  .imt-price-dt:before {
    display: none;
  }

  .imt-price-dt {
    padding: 0;
    margin-bottom: 3px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-hs-job .grid-column-4 .row-imt-tk {
    padding-right: 15px;
  }

  .block-hs-job .grid-column-4 {
    grid-gap: 15px;
  }
}

@media (max-width: 991px) {
  .choose-datetime {
    margin-left: 0;
  }

  .group-total-price {
    display: block;
  }

  .flex-price-dt {
    margin: 0;
    padding-top: 17px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .column-4-bdkl {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
  }

  .block-grid-target-hs {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
  }

  .block-hs-job {
    grid-column: 2 / 4;
  }

  .block-grid-target-hs {
    grid-gap: 15px;
  }

  .box-setup-target {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }

  .block-target-bdk .main-box {
    padding: 15px;
  }

  .block-hs-job .main-box {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .box-name {
    display: block;
  }

  .btn-view-more-slide {
    width: 100%;
    text-align: left;
    margin-top: 4px;
  }

  .btn-view-more-slide a {
    text-decoration: underline;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .column-4-bdkl {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .block-grid-target-hs {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .block-hs-job {
    grid-column: auto;
  }

  .box-setup-target {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }

  .block-target-bdk .main-box {
    padding: 15px;
  }

  .block-hs-job .main-box {
    padding: 15px;
  }

  .block-hs-job .grid-column-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .block-hs-job .grid-column-4 .row-imt-tk {
    padding-right: 15px;
  }

  .block-hs-job .grid-column-4 .row-imt-tk:nth-child(2n + 2) {
    padding: 0;
    border: none;
  }

  .flex-price-dt {
    display: block;
  }

  .imt-price-dt:before {
    display: none;
  }

  .imt-price-dt {
    padding: 0;
    margin-bottom: 3px;
  }
}

@media (max-width: 575px) {
  .box-name {
    padding: 0;
  }

  .box-name p {
    margin: 0;
  }

  .slide-about-view .control-slide {
    height: auto;
    bottom: 8px;
    background: transparent;
    padding: 0;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
  }

  .slide-about-view {
    padding-bottom: 40px;
  }

  .slide-about-view .pagination-prm {
    bottom: 7px;
    top: auto;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    justify-content: center;
  }

  .flex-price-dt {
    display: block;
  }

  .imt-price-dt:before {
    display: none;
  }

  .imt-price-dt {
    padding: 0;
    margin-bottom: 3px;
  }

  .column-4-bdkl {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
  }

  .block-grid-target-hs {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }

  .block-hs-job {
    grid-column: auto;
  }

  .box-setup-target {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }

  .block-target-bdk .main-box {
    padding: 15px;
  }

  .block-hs-job .main-box {
    padding: 15px;
  }

  .block-hs-job .grid-column-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .block-hs-job .grid-column-4 .row-imt-tk {
    padding-right: 15px;
  }

  .block-hs-job .grid-column-4 .row-imt-tk:nth-child(2n + 2) {
    padding: 0;
    border: none;
  }
}

/* Nhân sự 3/6 */
.popup-sidebar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 98;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup-sidebar.open-popup {
  opacity: 1;
  visibility: visible;
}

.content-sidebar {
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.main-sidebar {
  width: 800px;
  background: #fff;
  transform: translate(100%, 0);
  transition: all 0.5s;
  position: relative;
  padding: 50px;
  margin-left: auto;
  height: 100vh;
  overflow-y: auto;
}

.popup-sidebar.open-popup .main-sidebar {
  transform: translate(0);
}

.popup-sidebar.open-popup .bg-popup-page {
  opacity: 0.8;
  visibility: visible;
}

.popup-sidebar .icon-close-small {
  background: transparent;
  top: 15px;
  right: 20px;
}

.popup-sidebar .icon-close-small:hover {
  background: rgba(217, 217, 217, 0.6);
}

.box-action-ns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-column-gap: 20px;
  grid-row-gap: 6px;
  margin-top: 2px;
}

.imt-action-ns .layout-imt {
  display: flex;
  align-items: center;
}

.imt-action-ns .layout-imt .icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-action-ns .layout-imt .txt {
  flex: 1;
  margin-left: 5px;
  color: #121212;
  transition: all 0.3s;
  font-weight: 300;
}

.imt-action-ns .layout-imt:hover .txt {
  text-decoration: underline;
}

.box-avatar-ns-modal {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.box-avatar-ns-modal .content-imt-hd .name {
  color: #121212;
  font-weight: 500;
  font-size: 18px;
}

.box-upload-avatar {
  position: relative;
  cursor: pointer;
}

.box-upload-avatar .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.box-upload-avatar .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.box-upload-avatar .icon-upload {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.box-upload-avatar.upload-avatar .icon-upload {
  opacity: 1;
  visibility: visible;
}

.box-upload-avatar .avatar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.box-upload-avatar.upload-avatar .avatar:before {
  opacity: 1;
  visibility: visible;
}

.box-upload-avatar input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.title-tab-ns {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-column-gap: 16px;
  grid-row-gap: 6px;
}

.imt-title-tab {
  display: inline-block;
  color: #121212;
  font-size: 14px;
  font-weight: 300;
  transition: all 0.3s;
  position: relative;
}

.imt-title-tab:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background: #006cfe;
  transition: all 0.4s;
}

.imt-title-tab:hover:before,
.imt-title-tab.active:before {
  width: 100%;
}

.imt-title-tab.active {
  font-weight: 400;
}

.block-content-tab-user .block-info {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.column-tab-ns .title {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 5px;
}

.column-tab-ns .txt-content {
  color: #121212;
  font-weight: 300;
}

.column-tab-ns .txt-content .link {
  color: rgba(0, 108, 254, 1);
  transition: all 0.3s;
}

.column-tab-ns .txt-content .link:hover {
  text-decoration: underline;
}

.block-imt-right-user .title {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.box-choose-info-ns .item-check-type .txt {
  top: 1px;
}

.box-choose-info-ns .item-check-type label .check {
  width: 16px;
  height: 16px;
  top: 0;
  border: none;
}

.box-choose-info-ns .item-check-type label .checked {
  width: 16px;
  height: 16px;
  top: 0;
  border: none;
}

.box-ns-lv2 {
  padding-left: 30px;
  display: none;
}

.box-choose-info-ns {
  margin-bottom: 20px;
}

.imt-choose-ns-lv1.active .box-ns-lv2 {
  display: block;
}

.imt-cv-job {
  background: rgba(217, 217, 217, 0.4);
  padding: 7px 10px;
  display: flex;
  align-items: flex-start;
}

.imt-cv-job .name {
  flex: 1;
  margin-right: 10px;
  word-break: break-all;
  color: #006cfe;
  font-weight: 500;
  font-size: 14px;
}

.wp-cv-job .title {
  color: #121212;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
}

.icon-detele-job {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
  border-radius: 2px;
}

.icon-detele-job:hover {
  background: rgba(249, 107, 107, 0.3);
}

.lst-cv-job {
  display: grid;
  grid-gap: 10px;
}

.box-upload-avatar-setup {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.box-upload-avatar-content {
  width: 60px;
  height: 60px;
  background-color: rgba(217, 217, 217, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin-left: 30px;
}

.box-upload-avatar-content .picture {
  width: 100%;
  height: 100%;
}

.box-upload-avatar-content .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.box-upload-avatar-content .input-upload input {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}

.box-upload-avatar-content .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.box-upload-avatar-setup .txt {
  color: #121212;
  font-size: 14px;
  font-weight: 400;
}

.box-upload-avatar-content.upload-selected .icon {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 800px) {
  .main-sidebar {
    width: 100%;
    padding: 25px;
  }
}

@media (max-width: 575px) {
  .main-sidebar {
    padding: 20px 15px;
  }

  .popup-sidebar .icon-close-small {
    top: 10px;
    right: 10px;
  }

  .block-content-tab-user .block-info {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }

  .box-avatar-ns-modal {
    align-items: flex-start;
  }
}

/* End Nhân sự 3/6 */

/* Bài viết mới 6/6 */
.block-upload-new-ntf {
  padding: 30px 100px;
}

.box-upload-new-ntf {
  margin-bottom: 20px;
}

.box-upload-new-ntf .title-box {
  margin-bottom: 10px;
}

.title-box-ntf .name {
  color: #121212;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
}

.title-box-ntf .text-small {
  color: #121212;
  font-weight: 300;
  font-size: 14px;
}

.title-box-ntf {
  margin-bottom: 10px;
}

.lst-imt-file {
  margin-bottom: 10px;
}

.btn-add-picture .layout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.2);
  border: 1px solid rgba(217, 217, 217, 0.6);
  padding: 9px 17px;
  border-radius: 5px;
  transition: all 0.3s;
}

.btn-add-picture .layout .icon {
  margin-right: 4px;
}

.btn-add-picture .layout .txt {
  color: #121212;
  font-size: 14px;
  font-weight: 300;
}

.btn-add-picture .layout:hover {
  background: rgba(217, 217, 217, 1);
}

.lst-imt-file .imt-file {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.lst-imt-file .imt-file .flex-action-file {
  width: 122px;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  justify-content: flex-end;
}

.group-img-upload {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 10px;
}

.imt-action-file {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 217, 217, 0.2);
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 5px;
  transition: all 0.3s;
  cursor: pointer;
}

.imt-action-file:hover {
  background: #d9d9d9;
}

.group-img-upload .img {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  overflow: hidden;
}

.group-img-upload .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* End Bài viết mới 6/6 */
.text-regular-14 {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-color-1);
}

.text-regular-13 {
  font-size: 13px;
  font-weight: 400;
  color: var(--primary-color-1);
}

.text-medium-16 {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color-1);
}

.text-medium-13 {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-color-1);
}

.text-medium-14 {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color-1);
}

.text-medium-15 {
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-color-1);
}

.text-light-13 {
  font-size: 13px;
  font-weight: 300;
  color: var(--primary-color-1);
}

.text-light-14 {
  font-size: 14px;
  font-weight: 300;
  color: var(--primary-color-1);
}

.text-light-15 {
  font-size: 15px;
  font-weight: 300;
  color: var(--primary-color-1);
}

.text-light-16 {
  font-size: 16px;
  font-weight: 300;
  color: var(--primary-color-1);
}

.box-brithday-month {
  margin-bottom: 25px;
}

.lst-imt-brithday-ns {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 20px;
}

.imt-ns {
  display: flex;
  align-items: center;
}

.imt-ns .avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}

.imt-ns .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.imt-ns .content-ns {
  flex: 1;
  margin-left: 8px;
}

@media (min-width: 1400px) and (max-width: 1699px) {
  .lst-imt-brithday-ns {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .lst-imt-brithday-ns {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .lst-imt-brithday-ns {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .lst-imt-brithday-ns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .lst-imt-brithday-ns {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Marketing */
.topbar-maketing-group {
  padding: 0 20px;
  margin: 0 -20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-total-price .text-title {
  font-size: 14px;
  color: #121212;
}

.box-total-price .number-price-big {
  color: #121212;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.topbar-maketing-group .item-choose-filter {
  height: 35px;
  border-color: #d9d9d9;
}

.topbar-maketing-group .box-select-sort .item-choose-filter .icon-date-select {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-all a {
  display: flex;
  align-items: center;
  height: 35px;
  background: #006cfe;
  padding: 0 10px;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  transition: all 0.3s;
}

.btn-all a:hover {
  background: #0660db;
}

.box-name-data {
  background: rgba(217, 217, 217, 0.4);
  display: flex;
  align-items: flex-start;
  padding: 6px 10px;
  border-radius: 3px;
  margin-bottom: 10px;
}

.total-price-data {
  margin-bottom: 20px;
  color: #121212;
  font-size: 15px;
}

.box-name-data .text-name-imt {
  flex: 1;
  margin-right: 10px;
  color: #121212;
  font-size: 14px;
  font-weight: 400;
}

.btn-del {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.switch-btn {
  position: relative;
  display: flex;
  align-items: center;
}

.switch-btn .switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 14px;
  margin-bottom: 0;
  border-radius: 90px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-btn .txt {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #a4afc0;
  margin-left: 6px;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #121212;
  border-radius: 90px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  left: 3px;
  bottom: 3px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  transition: 0.4s;
}

.circle-status.is-grey {
  background: #d9d9d9;
}

.switch-btn.active .switch .slider {
  background-color: #006cfe;
}

.switch-btn.active .slider:before {
  transform: translateX(15px);
}

.switch-btn.active .switch-btn .txt {
  color: #414b5b;
}

.label-automatic {
  display: inline-flex;
  align-items: center;
  background: #006cfe;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 3px 5px;
  height: 22px;
}

.bottom-fixed-add-ticker {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  z-index: 9;
  box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.03);
}

.bottom-fixed-add-ticker .button-action-imt-hd {
  justify-content: flex-end;
  padding: 0;
  height: 100%;
}

.main-content-step-mkt {
  background: #fff;
  border-radius: 10px;
  padding: 40px 50px;
}

.block-steps-mkt {
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.imt-step-mkt {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 70px;
}

.imt-step-mkt .number {
  position: relative;
  background: #6d6d6d;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  transition: all 0.3s;
}

.imt-step-mkt .name {
  flex: 1;
  margin-left: 5px;
  color: #121212;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.6;
  transition: all 0.3s;
}

.imt-step-mkt:before {
  content: "";
  position: absolute;
  right: 6px;
  border: 1px dashed #121212;
  width: 50px;
  opacity: 0.6;
  transition: all 0.3s;
}

.imt-step-mkt:last-child {
  padding: 0;
}

.imt-step-mkt:last-child:before {
  display: none;
}

.imt-step-mkt.active .number {
  background: #121212;
}

.imt-step-mkt.active .name {
  opacity: 1;
}

.imt-step-mkt.active:before {
  opacity: 1;
}

.grid-choose-otp-mkt {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}

.imt-otp-mkt {
  background: rgba(217, 217, 217, 0.2);
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 3px;
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: all 0.3s;
}

.imt-otp-mkt .icon-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  margin-top: 2px;
  position: relative;
  transition: all 0.3s;
}

.imt-otp-mkt .txt {
  flex: 1;
  margin-left: 10px;
  color: #121212;
  font-size: 14px;
}

.imt-otp-mkt .icon-check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #006cfe;
  transition: all 0.3s;
  opacity: 0;
}

.imt-otp-mkt.active,
.imt-otp-mkt:hover {
  border-color: #006cfe;
  background: #fff;
}

.imt-otp-mkt.active .txt {
  color: #006cfe;
}

.imt-otp-mkt.active .icon-check {
  border-color: #006cfe;
}

.imt-otp-mkt.active .icon-check:before {
  opacity: 1;
}

.block-marketing-campaign {
  padding-bottom: 40px;
}

.column-info-nk {
  margin-bottom: 15px;
}

.title-column-info-nk {
  color: #121212;
  font-size: 14px;
  margin-bottom: 8px;
}

.box-number-qm {
  background: rgba(0, 108, 254, 0.1);
  padding: 10px 20px;
  border-radius: 3px;
}

.flex-wrap-info-nk {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px;
}

.flex-wrap-info-nk .imt-otp-mkt {
  padding: 5px 10px;
}

.grid-column-creat-qc {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-column-gap: 50px;
}

.box-nd-view-qc {
  background: rgba(217, 217, 217, 0.2);
  border-radius: 10px;
  padding: 18px 15px;
}

.box-nd-view-qc .picture {
  margin: 10px -15px;
}

.box-nd-view-qc .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.btn-upload-file .upload {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #006cfe;
  height: 35px;
  outline: none;
  background: #fff;
  border-radius: 3px;
  padding: 0;
  margin: 0;
  color: #006cfe;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}

.btn-upload-file .upload:hover {
  color: #fff;
  background: #006cfe;
}

.text-light-14 .link {
  color: #006cfe;
  transition: all 0.3s;
}

.text-light-14 .link:hover {
  text-decoration: underline;
}

.btn-detail-dt {
  display: flex;
  align-items: center;
  height: 35px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 8px 10px;
  transition: all 0.3s;
}

.flex-action-detail-dt {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.btn-detail-dt .icon {
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.btn-detail-dt .txt {
  color: #121212;
  font-size: 13px;
  transition: all 0.3s;
}

.flex-action-detail-dt .btn-bg-blue {
  height: 35px;
}

.btn-detail-dt:hover {
  background: #006cfe;
  border-color: #006cfe;
}

.btn-detail-dt:hover .txt {
  color: #fff;
}

.btn-detail-dt:hover .icon img {
  filter: brightness(9);
}

.btn-detail-dt .icon img {
  transition: all 0.3s;
  filter: brightness(1);
}

.block-detail-dt-page .content-action-detail-class {
  margin: 0;
  padding: 0 15px;
  margin-bottom: 15px;
}

.block-detail-dt-page .block-detail-call-page {
  padding-top: 15px;
}

.block-detail-dt-page .block-filter-topbar {
  margin: 0;
  padding: 0 15px;
  padding-bottom: 15px;
}

.block-detail-dt-page .block-filter-topbar .group-filter-topbar {
  padding: 0;
}

.grid-info-diligence-hs {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 15px;
}

.grid-info-diligence-hs .imt-info-diligence {
  background: rgb(217 217 217 / 20%);
  padding: 10px;
  border-radius: 3px;
}

.grid-info-diligence-hs .imt-info-diligence .txt-content {
  font-size: 16px;
  font-weight: 600;
}

.label-status-hs {
  display: inline-flex;
  align-items: center;
  padding: 5px;
  border-radius: 3px;
}

.label-status-hs .icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.label-status-hs .txt {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  flex: 1;
  margin-left: 5px;
}

.label-status-hs.status-out-date {
  background: rgb(255 153 1 / 20%);
}

.label-status-hs.status-out-date .txt {
  color: #e98c01;
}

.label-status-hs.status-institution {
  background: rgb(217 217 217 / 40%);
}

.label-status-hs.status-not-dk {
  background: rgba(163, 0, 0, 0.1);
}

.label-status-hs.status-not-dk .txt {
  color: #a30000;
}

.ct-xs-column .imt-status-hs {
  flex: none;
  width: 170px !important;
}

.block-hs-new-page {
  width: 1520px;
  padding: 0 15px;
  padding-top: 65px;
  padding-bottom: 20px;
  margin: auto;
}

.layout-hs-new {
  display: flex;
}

.sidebar-hs-new {
  width: 350px;
  border-radius: 10px;
  background: #fff;
  position: sticky;
  z-index: 2;
  padding: 0 10px;
  height: calc(100vh - 85px);
  display: flex;
  flex-direction: column;
  top: 65px;
  transition: all 0.3s;
}

.main-hs-new {
  width: calc(100% - 370px);
  margin-left: 20px;
}

.sidebar-hs-new .wp-navs-main {
  margin: 0 -10px;
  padding: 10px;
}

.top-sidebar-hs-new {
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
}

.top-sidebar-hs-new .block-img-info-hs .box-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.top-sidebar-hs-new .block-img-info-hs .box-image .image {
  width: 100%;
  height: 100%;
}

.top-sidebar-hs-new .block-img-info-hs .box-image .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.btn-edit-profile .layout-btn {
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 108, 254, 0.15);
  height: 26px;
  border-radius: 5px;
  padding: 0 6px;
}

.btn-edit-profile .layout-btn .icon {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.btn-edit-profile .layout-btn .txt {
  font-size: 12px;
  color: #006cfe;
}

.btn-edit-profile .layout-btn:hover {
  background: rgba(0, 108, 254, 0.3);
}

.box-profile-mkh {
  background: rgba(217, 217, 217, 0.2);
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 15px;
}

.box-profile-mkh p {
  color: #006cfe;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 2px;
}

.btn-add-app .btn-bg-blue {
  height: 35px;
  width: 100%;
}

.box-hs-new {
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.title-box-hs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 8px 20px;
  justify-content: space-between;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.box-hs-new .content-box-hs {
  padding: 20px;
}

.grid-imt-info-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.grid-item-file-dk {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.item-file-dk .box-name-file-upload {
  background: rgb(217 217 217 / 20%);
  border-radius: 5px;
  overflow: hidden;
  padding: 5px 10px;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s;
}

.item-file-dk .box-name-file-upload .content-imt-file {
  flex: 1;
  margin-left: 10px;
  display: flex;
  align-items: flex-start;
}

.item-file-dk .box-name-file-upload>.icon {
  width: 20px;
}

.item-file-dk .box-name-file-upload .content-imt-file .name {
  flex: 1;
  margin-right: 10px;
  color: #121212;
  font-size: 14px;
  font-weight: 300;
  word-break: break-word;
}

.item-file-dk .box-name-file-upload .content-imt-file .icon {
  position: relative;
  top: 0px;
  cursor: pointer;
  margin-left: 2px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  transition: all 0.3s;
  background: transparent;
}

.item-file-dk .box-name-file-upload .content-imt-file .icon:hover {
  background: rgb(0 108 254 / 20%);
}

.content-box-hs .box-lst-imt-hd .imt-hd {
  border: none;
  padding: 0;
  margin: 0;
}

.top-sidebar-hs-new .flex-avatar-user-data {
  margin-bottom: 12px;
}

.content-box-hs .box-lst-imt-hd .imt-hd .txt-data-hd {
  opacity: 0.8;
}

.grid-imt-info-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.txt-not-enough {
  color: #d00000;
  font-size: 16px;
  font-weight: 500;
}

.flex-item-ql {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 10px;
  grid-row-gap: 4px;
}

.item-ql .name {
  color: #006cfe;
  font-weight: 400;
}

.block-tq-update-status .box-imt {
  margin-bottom: 10px;
}

.reading-hs {
  margin-bottom: 5px;
}

.reading-hs .link-box {
  font-size: 14px;
}

.lst-ds-error {
  padding-top: 5px;
  padding-left: 27px;
}

.lst-ds-error .imt-error {
  position: relative;
  padding-left: 10px;
}

.lst-ds-error .imt-error:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #006cfe;
}

.missing-records {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.missing-records .icon {
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.grid-imt-info-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.top-sidebar-mobile-hs {
  display: none;
}

.box-mobile-menu-sidebar {
  display: none;
}

.sidebar-hs-new.open-sidebar-hs .bg-sidebar-hs {
  opacity: 1;
  visibility: visible;
}

.title-box-hs .left {
  flex: 1;
  margin-right: 10px;
}

.btn-cancel-hs .btn-detail-dt .icon {
  width: 15px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
}

.btn-cancel-hs .btn-detail-dt:hover .icon svg path {
  fill: #fff;
}

.btn-cancel-hs .btn-detail-dt.icon svg path {
  transition: all 0.3s;
}

.title-box-hs .right {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.btn-cancel-hs .btn-detail-dt {
  height: 26px;
  border-radius: 5px;
}

.ct-label-status-crm.label-nodata {
  background: rgb(217 217 217 / 20%);
  color: var(--primary-color-1);
}

.btn-cancel-hs .btn-detail-dt:hover {
  background: #e10202;
  border-color: #e10202;
}

.number-progress {
  color: #006cfe;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.progress-tq {
  height: 10px;
  border-radius: 100px;
  background: rgb(217 217 217 / 60%);
  position: relative;
}

.line-active-progress-tq {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #006cfe;
  border-radius: 100px;
}

.imt-info-hs .label-status-hs {
  padding: 0;
  margin-top: 8px;
  background: transparent;
}

.imt-info-hs .label-status-hs .txt {
  font-weight: 300;
}

.imt-info-hs .block-tq-update-status .ct-input {
  margin: 0;
}

.btn-warning-hs .layout-btn {
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  background: rgb(255 153 1 / 20%);
  height: 26px;
  border-radius: 5px;
  padding: 0 6px;
}

.btn-warning-hs .layout-btn .icon {
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.btn-warning-hs .layout-btn .txt {
  font-size: 12px;
  color: #ff9901;
  line-height: 1;
}

.btn-warning-hs .layout-btn:hover {
  background: rgb(255 153 1 / 35%);
}

.box-error-hs {
  background: rgb(255 153 1 / 20%);
  display: flex;
  align-items: flex-start;
  padding: 7px 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.box-error-hs .left {
  flex: 1;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.box-kq-hs {
  background: rgb(0 108 254 / 10%);
  display: flex;
  align-items: flex-start;
  padding: 7px 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.box-kq-hs .left {
  flex: 1;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.link-box {
  color: #006cfe;
  font-size: 13px;
  transition: all 0.3s;
}

.link-box:hover {
  color: #006cfe;
  text-decoration: underline;
}

.group-btn-action {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.btn-bg-del {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(250 57 57 / 14%);
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 10px;
  border-radius: 5px;
  transition: all 0.3s;
  grid-gap: 3px;
  color: #fff;
}

.btn-bg-del .txt {
  color: #fa3939;
  position: relative;
  top: 1px;
}

.btn-bg-del .icon {
  position: relative;
  top: -1px;
}

.btn-bg-del:hover {
  background: rgb(250 57 57 / 25%);
}

.group-box-content-hs {
  margin-bottom: 10px;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 15px 20px;
}

.group-box-content-hs:last-child {
  margin: 0;
}

@media (min-width: 1650px) {
  .block-prd-page.block-detail-dt-page {
    width: 1633px;
  }
}

@media (max-width: 1649px) {
  .block-prd-page.block-detail-dt-page {
    width: 100%;
  }
}

@media (max-width: 1550px) {
  .block-hs-new-page {
    width: 100%;
  }
}

@media (min-width: 1050px) and (max-width: 1649px) {
  .block-prd-page.block-detail-dt-page {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1199px) {
  .block-table-detail-dt {
    overflow-x: auto;
  }

  .block-table-detail-dt .title-table,
  .block-table-detail-dt .content-table {
    width: 1300px;
  }
}

@media (min-width: 1050px) {
  .bottom-fixed-add-ticker .w-1000 {
    width: 1000px !important;
  }
}

@media (max-width: 1050px) {
  .block-hs-new-page {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1250px) {
  .bottom-fixed-add-ticker .w-1000 {
    padding: 0 15px;
  }

  .block-prd-page {
    padding-bottom: 25px;
  }
}

@media (min-width: 1400px) and (max-width: 1699px) {
  .grid-info-diligence-hs {
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
  }

  .ct-table-hs-tl.block-table-crm-kh .title-table,
  .ct-table-hs-tl.block-table-crm-kh .content-table {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .grid-info-diligence-hs {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-hs-new {
    width: 300px;
  }

  .main-hs-new {
    width: calc(100% - 320px);
  }

  .ct-table-hs-tl.block-table-crm-kh .title-table,
  .ct-table-hs-tl.block-table-crm-kh .content-table {
    width: 900px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar-hs-new {
    width: 280px;
  }

  .main-hs-new {
    margin-left: 15px;
  }

  .main-hs-new {
    width: calc(100% - 295px);
  }

  .box-hs-new .content-box-hs {
    padding: 20px;
  }

  .ct-table-hs-tl.block-table-crm-kh .title-table,
  .ct-table-hs-tl.block-table-crm-kh .content-table {
    width: 900px;
  }
}

@media (max-width: 991px) {

  .ct-table-hs-tl.block-table-crm-kh .title-table,
  .ct-table-hs-tl.block-table-crm-kh .content-table {
    width: 900px;
  }

  .layout-hs-new {
    display: block;
  }

  .sidebar-hs-new {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    margin-bottom: 20px;
  }

  .main-hs-new {
    margin: 0;
    width: 100%;
  }

  .box-mobile-menu-sidebar {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 8px 15px;
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .box-mobile-menu-sidebar svg path {
    fill: #121212;
  }

  .box-mobile-menu-sidebar svg {
    width: 20px;
  }

  .sidebar-hs-new .wp-navs-main {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    background: #fff;
    height: 100vh;
    z-index: 2;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .sidebar-hs-new .wp-navs-main .lst-navs-group {
    margin: 0;
    height: calc(100vh - 40px);
    overflow-y: auto;
    overflow-x: auto;
    padding: 10px;
  }

  .bg-sidebar-hs {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(33, 36, 42, 0.8);
    transition: 0.3s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
  }

  .bg-sidebar-hs.open-bg {
    opacity: 1;
    visibility: visible;
  }

  .close-popup-sidebar-hs {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-popup-sidebar-hs svg path {
    fill: #121212;
  }

  .sidebar-hs-new.open-sikdebar-hs .wp-navs-main {
    opacity: 1;
    visibility: visible;
  }

  .sidebar-hs-new.open-sidebar-hs {
    z-index: 10;
  }

  .sidebar-hs-new.open-sidebar-hs .wp-navs-main {
    opacity: 1;
    visibility: visible;
  }

  .top-sidebar-mobile-hs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 15px;
    height: 40px;
  }

  .top-sidebar-mobile-hs .text {
    font-size: 16px;
    font-weight: 500;
    color: #121212;
  }

  .close-popup-sidebar-hs svg {
    width: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-content-step-mkt {
    padding: 30px;
  }

  .grid-choose-otp-mkt {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-column-creat-qc {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 280px;
  }

  .grid-info-diligence-hs {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
  }

  .box-hs-new .content-box-hs {
    padding: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .main-content-step-mkt {
    padding: 25px;
  }

  .imt-otp-mkt {
    padding: 12px;
  }

  .grid-choose-otp-mkt {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .imt-step-mkt:before {
    width: 13px;
  }

  .imt-step-mkt {
    padding-right: 25px;
  }

  .grid-column-creat-qc {
    display: block;
  }

  .grid-info-diligence-hs {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .box-hs-new .content-box-hs {
    padding: 15px;
  }

  .title-box-hs {
    padding: 8px 15px;
  }

  .grid-imt-info-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .group-box-content-hs {
    padding: 15px;
  }

  .grid-info-diligence-hs {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .grid-column-creat-qc {
    display: block;
  }

  .topbar-maketing-group {
    margin: 0 -15px;
    padding: 0 15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    flex-direction: column-reverse;
    align-items: flex-start;
    grid-gap: 10px;
  }

  .main-content-step-mkt {
    padding: 15px;
  }

  .imt-otp-mkt {
    padding: 12px;
  }

  .grid-choose-otp-mkt {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .block-steps-mkt {
    align-items: flex-start;
    display: block;
    margin-bottom: 20px;
  }

  .imt-step-mkt {
    padding-right: 0;
    padding-bottom: 20px;
  }

  .imt-step-mkt:before {
    height: 50px;
    width: 0;
    right: auto;
    left: 9px;
    top: 1px;
  }

  .box-hs-new .content-box-hs {
    padding: 15px;
  }

  .title-box-hs {
    padding: 8px 15px;
  }

  .grid-imt-info-4 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 6px;
  }

  .grid-imt-info-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 6px;
  }

  .grid-item-file-dk {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-imt-info-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
}

/* End Marketing */

/* Tài chính tạo hóa đơn */
.layout-creat-ticket .row {
  margin: 0 -10px;
}

.layout-creat-ticket .row>* {
  padding: 0 10px;
}

.form-creat-ticket .item-choose-filter input,
.form-creat-ticket .item-choose-filter select {
  background: rgba(217, 217, 217, 0.4);
  border: 1px solid transparent;
  border-radius: 3px;
}

.form-creat-ticket .item-choose-filter {
  border: none;
  border-radius: 3px;
}

.form-creat-ticket .item-choose-filter input:focus,
.form-creat-ticket .item-choose-filter select:focus {
  border-color: #3e90fe;
}

.important {
  color: rgba(255, 0, 0, 1) !important;
  opacity: 1 !important;
}

.name-form-creat {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 300;
  color: rgba(18, 18, 18, 0.6);
}

.table-content-hd .tr-table:last-child {
  border: none;
}

.ct-table-content-creat .ct-input:last-child {
  margin: 0;
}

.bottom-creat-ticket {
  padding-top: 15px;
  border-top: 1px dashed rgba(217, 217, 217, 1);
}

.bottom-creat-ticket .total-price-tb {
  width: 100%;
}

.bottom-creat-ticket .lst-imt-total-price {
  width: 300px;
  margin-left: auto;
  display: grid;
  grid-gap: 10px;
}

.bottom-creat-ticket .total-price-tb .name {
  width: 100px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.table-content-hd .block-table-crm-kh {
  margin-bottom: 15px;
}

.view-history-hd a {
  color: rgba(0, 108, 254, 1);
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}

.view-history-hd {
  margin-top: 35px;
}

.view-history-hd a:hover {
  text-decoration: underline;
}

.ct-table-content-creat .item-choose-filter {
  background: transparent;
  border: none;
}

.ct-table-content-creat .item-choose-filter input,
.ct-table-content-creat .item-choose-filter select,
.ct-table-content-creat .item-choose-filter textarea {
  background: rgba(217, 217, 217, 0.4);
  border: 1px solid transparent;
  border-radius: 3px;
}

.ct-table-content-creat .item-choose-filter textarea {
  height: 100%;
  line-height: 1.4;
  resize: none;
  outline: none;
}

.ct-table-content-creat .ct-textarea {}

.ct-table-content-creat .ct-textarea .item-choose-filter {
  height: 62px;
}

.ct-table-content-creat .imt-crm-date {
  width: 80px;
}

.ct-table-content-creat .imt-crm-status {
  width: 70px;
}

.btn-detele-table a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: rgba(255, 0, 0, 1);
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
}

.btn-detele-table a:hover {
  background: rgb(225 0 0);
}

.form-total-price-tb {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  width: 100%;
  background: rgba(217, 217, 217, 0.4);
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 5px 10px;
  text-align: right;
}

.ct-table-content-creat .ct-input {
  margin-bottom: 10px;
}

.ct-table-content-creat {
  overflow: visible;
}

.ct-table-content-creat .content-table,
.ct-table-content-creat .title-table {
  width: 100%;
}

.search-form-input {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: transparent;
  transition: all 0.3s;
}

.ct-search-creat input {
  padding-right: 100px;
}

.search-form-input .name {
  color: #006cfe;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.3s;
}

.search-form-input .icon-search {
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.search-form-input .icon-search svg path {
  transition: all 0.3s;
}

.search-form-input:hover {
  background: #006cfe;
}

.search-form-input:hover .name {
  color: #fff;
}

.search-form-input:hover .icon-search svg path {
  fill: #fff;
}

.box-kh-old-creat {
  background: rgba(255, 159, 14, 0.15);
  border-radius: 3px;
  padding: 4px 10px;
  color: #121212;
  margin-bottom: 10px;
}

.box-kh-old-creat .link {
  color: #006cfe;
  font-size: 13px;
  font-weight: 400;
  transition: all 0.3s;
}

.box-kh-old-creat .link:hover {
  text-decoration: underline;
}

.box-kh-new-creat {
  background: rgba(71, 157, 95, 0.2);
  border-radius: 3px;
  padding: 4px 10px;
  color: #121212;
  margin-bottom: 10px;
}

.box-kh-new-creat .link {
  color: #006cfe;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s;
}

.box-kh-new-creat .link:hover {
  text-decoration: underline;
}

.ct-table-content-creat .imt-title-table .item-choose-filter {
  height: auto;
  margin: 0;
  background: transparent;
}

.ct-table-content-creat .imt-title-table .item-choose-filter .ct-select {
  background: transparent;
  border: none;
  padding-left: 0;
}

.ct-table-content-creat .imt-title-table .item-choose-filter .icon-select {
  top: -2px;
  right: 0;
}

.ct-table-content-creat .imt-crm-name {
  width: 150px;
}

.choose-dv-table {
  position: relative;
  margin-bottom: 12px;
}

.title-choose-dv-table {
  display: flex;
  align-items: center;
  /* Rectangle 70 */
  height: 40px;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  padding: 0 15px;
  cursor: pointer;
  transition: all 0.3s;
}

.title-choose-dv-table .name {
  flex: 1;
  margin-right: 5px;
}

.title-choose-dv-table .arr {
  position: relative;
  top: -1px;
}

.main-choose-dv-tb {
  position: absolute;
  top: calc(100% + 5px);
  background: #f0f0f0;
  border-radius: 5px;
  z-index: 2;
  width: 100%;
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.item-check-radio label .check {
  width: 16px;
  height: 16px;
  top: 0;
  border: none;
}

.item-check-radio label .checked {
  width: 16px;
  height: 16px;
}

.choose-dv-table.open-choose-dv .main-choose-dv-tb {
  opacity: 1;
  visibility: visible;
}

.choose-dv-table .btn-filter-search {
  width: 100%;
}

.choose-dv-table .btn-filter-search .btn-bg-blue {
  display: flex;
}

.box-lct {
  width: 300px;
}

.box-lct .ct-input {
  display: flex;
  margin: 0;
  align-items: center;
}

.box-lct .ct-input .name-ct-input {
  margin: 0;
  margin-right: 5px;
}

.box-lct .ct-input .item-choose-filter {
  width: 200px;
  background: #f0f0f0;
  border: none;
  height: 32px;
}

.box-lct .ct-input .item-choose-filter .ct-select {
  background: transparent;
}

.box-lct .ct-input .item-choose-filter .icon-select {
  top: 3px;
}

@media (max-width: 991px) {

  .ct-table-content-creat .content-table,
  .ct-table-content-creat .title-table {
    width: 900px;
  }

  .block-table-crm-kh.ct-table-content-creat {
    overflow-x: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .box-lct .ct-input .item-choose-filter {
    width: 145px;
  }
}

@media (min-width: 567px) and (max-width: 767px) {
  .box-lct .ct-input {
    display: block;
  }

  .box-lct {
    width: 180px;
  }

  .box-lct .ct-input .item-choose-filter {
    width: 100%;
  }

  .box-lct .ct-input .name-ct-input {
    display: none;
  }
}

@media (max-width: 575px) {
  .view-history-hd {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .bottom-creat-ticket .lst-imt-total-price {
    width: 100%;
  }

  .block-creat-hd-page .center-topbar .name {
    display: block;
  }

  .box-lct .ct-input {
    display: block;
  }

  .box-lct .ct-input .item-choose-filter {
    width: 100%;
  }

  .box-lct .ct-input .name-ct-input {
    display: none;
  }

  .box-lct {
    width: 125px;
  }
}

/* End Tài chính tạo hóa đơn */

/* Hồ sơ tổng quan */
.imt-hs-name {
  width: 250px;
}

.imt-hs-status {
  width: 250px;
}

.imt-hs-time {
  width: 250px;
}

.imt-hs-update {
  width: 250px;
}

.imt-hs-point {
  width: 150px;
}

.imt-hs-name .imt-hd {
  display: flex;
  align-items: center;
}

.imt-hs-name .imt-hd .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.imt-hs-name .imt-hd .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.imt-hs-name .imt-hd .content-imt-hd {
  margin-left: 10px;
}

.imt-hs-name .imt-hd .content-imt-hd .txt-small {
  color: rgba(113, 113, 113, 1);
  font-size: 14px;
  font-weight: 400;
}

.line-point-hs {
  height: 12px;
  background: rgba(217, 217, 217, 1);
  border-radius: 100px;
  position: relative;
}

.line-active-point {
  background: rgba(0, 108, 254, 1);
  height: 100%;
  border-radius: 100px;
}

.line-point-hs .number {
  font-size: 8px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  padding-right: 10px;
}

.title-status-tq {
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.title-status-tq p {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
}

.title-status-tq .item-choose-filter {
  margin: 0;
  width: 45px;
  background: rgba(217, 217, 217, 0.6);
  border: none;
  height: 24px;
}

.title-status-tq .item-choose-filter select {
  background: transparent;
  padding-left: 4px;
  padding-right: 16px;
}

.title-status-tq .item-choose-filter .icon-select {
  top: 0;
  right: 4px;
}

.row-imt-hs {
  width: 100%;
  position: relative;
  background: rgba(217, 217, 217, 0.2);
  border-radius: 5px;
  padding: 8px 10px;
  transition: all 0.3s;
}

.top-imt-hs {
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  padding-bottom: 12px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.top-imt-hs .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 153, 1, 0.2);
  padding-left: 2px;
}

.top-imt-hs .text-nd {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

.top-imt-hs .text-nd .name {
  font-size: 14px;
}

.top-imt-hs .text-nd .number {
  font-size: 18px;
}

.top-imt-hs .arrow-link {
  position: relative;
  transform: translateX(0);
  transition: all 0.3s;
}

.bottom-imt-hs {
  display: flex;
  align-items: center;
}

.bottom-imt-hs .text {
  font-size: 13px;
}

.bottom-imt-hs .number-td {
  flex: 1;
  margin-left: 4px;
  display: flex;
  align-items: center;
}

.number.color-td-red {
  color: rgba(255, 0, 0, 1);
  font-size: 13px;
  font-weight: 500;
}

.number.color-td-blue {
  color: rgba(85, 179, 177, 1);
  font-size: 13px;
  font-weight: 500;
}

.link-imt-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.row-imt-hs:hover {
  background: rgba(217, 217, 217, 0.5);
}

.row-imt-hs:hover .arrow-link {
  transform: translateX(4px);
}

.grid-column-3-hs {
  display: grid;
  grid-template-columns: 3fr 4.5fr 2.5fr;
  gap: 38px;
}

.box-hs-tq {
  background: rgba(217, 217, 217, 0.2);
  border-radius: 10px;
  padding: 20px;
}

.box-hs-tq .title-medium {
  font-size: 15px;
  font-weight: 500;
  flex: 1;
  margin: 0;
}

.grid-column-tk {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.column-tk {
  position: relative;
}

.column-tk:before {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  height: 100%;
  width: 1px;
  background: rgba(217, 217, 217, 1);
}

.column-tk .number {
  font-size: 25px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

.column-tk .name {
  font-size: 13px;
}

.column-tk.ct-color-tk-1 .number {
  color: #ff9901;
}

.column-tk.ct-color-tk-1 .name {
  color: #ff9901;
}

.column-tk.ct-color-tk-2 .number {
  color: #55b3b1;
}

.column-tk.ct-color-tk-2 .name {
  color: #55b3b1;
}

.column-tk.ct-color-tk-3 .number {
  color: #006cfe;
}

.column-tk.ct-color-tk-3 .name {
  color: #006cfe;
}

.column-tk.ct-color-tk-4 .number {
  color: #ff5e5e;
}

.column-tk.ct-color-tk-4 .name {
  color: #ff5e5e;
}

.box-chart-visa {
  padding-top: 20px;
}

.note-tsl-chart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 25px;
}

.imt-note-chart {
  display: flex;
  align-items: center;
}

.imt-note-chart .icon {
  margin-right: 4px;
  width: 10px;
  height: 10px;
}

.ct-bg-no-accept {
  background: rgba(255, 153, 1, 1);
}

.ct-bg-accept {
  background: rgba(0, 108, 254, 1);
}

.line-chart-visa {
  margin-bottom: 12px;
}

.line-chart-visa .title-line-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.line-chart-visa .title-line-chart .name {}

.line-chart-visa .title-line-chart .number {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
}

.line-td-chart-visa {
  position: relative;
  height: 5px;
  width: 100%;
  display: flex;
}

.line-td-chart-visa div {
  height: 100%;
}

.box-hs-tq .title-box {
  display: flex;
  align-items: center;
}

.tr-hs-error {
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.tr-hs-error .imt-hd {
  display: flex;
  align-items: center;
  width: 300px;
  margin-right: 10px;
}

.tr-hs-error .imt-hd .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.tr-hs-error .imt-hd .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tr-hs-error .imt-hd .content-imt-hd .txt-small {
  font-size: 14px;
  color: rgba(113, 113, 113, 1);
}

.tr-hs-error .imt-hd .content-imt-hd {
  margin-left: 8px;
}

.tr-hs-error .imt-hd .content-imt-hd .name {
  line-height: 1.1;
}

.label-number-error {
  display: inline-flex;
  align-items: center;
  height: 26px;
  background: rgba(163, 0, 0, 0.1);
  border-radius: 3px;
  padding: 0 5px;
}

.label-number-error .name {
  margin: 0;
  color: rgba(163, 0, 0, 1);
  font-size: 13px;
}

.label-number-error .icon {
  position: relative;
  top: -2px;
  margin-right: 3px;
}

.tr-hs-error .text-update {
  width: 160px;
  font-size: 13px;
  margin-left: auto;
}

.lst-imt-error-xl .imt-hd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  padding: 10px 0;
}

.lst-imt-error-xl .imt-hd .avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}

.lst-imt-error-xl .imt-hd .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.lst-imt-error-xl .imt-hd .content-imt-hd {
  margin-left: 8px;
}

.lst-imt-error-xl .imt-hd .content-imt-hd .name {
  font-weight: 500;
  line-height: 1.2;
}

.lst-imt-error-xl .imt-hd .content-imt-hd .number-error {
  color: rgba(0, 108, 254, 1);
  font-size: 13px;
}

@media (min-width: 1600px) {
  .column-tk:nth-child(4n + 4):before {
    display: none;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .tr-hs-error .imt-hd {
    width: 185px;
  }

  .tr-hs-error .text-update {
    width: 150px;
  }

  .grid-column-3-hs {
    gap: 20px;
  }

  .grid-column-tk {
    grid-template-columns: repeat(3, 1fr);
  }

  .column-tk:nth-child(3n + 3):before {
    display: none;
  }

  .box-hs-tq {
    padding: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .grid-column-3-hs {
    gap: 20px;
    grid-template-columns: 6fr 4fr;
  }

  .column-tk:nth-child(4n + 4):before {
    display: none;
  }

  .box-hs-tq {
    padding: 12px;
  }

  .column-hs-tq.column-hs-1 {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    grid-column: 1/3;
  }

  .box-chart-visa {
    padding: 0;
  }

  .tr-hs-error .imt-hd {
    width: 210px;
  }

  .tr-hs-error .text-update {
    width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .grid-column-3-hs {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-column-tk {
    grid-template-columns: repeat(3, 1fr);
  }

  .column-tk:nth-child(3n + 3):before {
    display: none;
  }

  .box-hs-tq {
    padding: 12px;
  }

  .column-hs-tq.column-hs-1 {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }

  .box-chart-visa {
    padding: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .grid-column-3-hs {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-column-tk {
    grid-template-columns: repeat(3, 1fr);
  }

  .column-tk:nth-child(3n + 3):before {
    display: none;
  }

  .box-hs-tq {
    padding: 12px;
  }

  .column-hs-tq.column-hs-1 {
    display: grid;
    gap: 20px;
    align-items: flex-start;
  }

  .box-chart-visa {
    padding: 0;
  }

  .tr-hs-error .imt-hd {
    width: 190px;
  }
}

@media (max-width: 575px) {
  .grid-column-3-hs {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-column-tk {
    grid-template-columns: repeat(3, 1fr);
  }

  .column-tk:nth-child(3n + 3):before {
    display: none;
  }

  .box-hs-tq {
    padding: 12px;
    border-radius: 5px;
  }

  .column-hs-tq.column-hs-1 {
    display: grid;
    gap: 20px;
    align-items: flex-start;
  }

  .box-chart-visa {
    padding: 0;
  }

  .tr-hs-error .imt-hd {
    width: 100%;
    padding-right: 100px;
    margin: 0;
  }

  .tr-hs-error {
    flex-wrap: wrap;
    position: relative;
  }

  .label-number-error {
    position: absolute;
    top: 11px;
    right: 0;
  }

  .tr-hs-error .text-update {
    width: 100%;
    text-align: left;
    padding-left: 38px;
  }
}

@media (max-width: 350px) {
  .grid-column-tk {
    grid-template-columns: repeat(2, 2fr);
  }

  .column-tk:nth-child(3n + 3):before {
    display: block;
  }

  .column-tk:nth-child(2n + 2):before {
    display: none;
  }

  .tr-hs-error .imt-hd {
    padding: 0;
  }

  .label-number-error {
    position: relative;
    top: 0;
    margin-left: 38px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media (max-width: 991px) {
  .imt-hs-status {
    width: 200px;
  }

  .imt-hs-time {
    width: 200px;
  }
}

/* End Hồ sơ tổng quan */

/* Tài chính tổng qujan */
.choose-timeline-view .ct-input {
  margin: 0;
  display: flex;
  align-items: center;
}

.choose-timeline-view {
  margin-bottom: 15px;
}

.choose-timeline-view .ct-input .name-ct-input {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: rgba(18, 18, 18, 1);
  margin-right: 12px;
}

.choose-timeline-view .ct-input .item-choose-filter {
  background: rgba(217, 217, 217, 0.4);
  height: 28px;
  width: 120px;
  border: none;
}

.choose-timeline-view .ct-input .item-choose-filter select {
  background: transparent;
}

.choose-timeline-view .ct-input .item-choose-filter .icon-select {
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.layout-grid-tc {
  display: grid;
  grid-template-columns: 1fr 400px;
  column-gap: 100px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  padding-bottom: 20px;
}

.text-15-medium {
  color: rgba(18, 18, 18, 1);
  font-size: 15px;
  font-weight: 500;
}

.box-total-tc .text-15-medium {
  margin-bottom: 20px;
}

.block-tk-total-tc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.imt-tk-total-tc {
  border: 1px solid rgba(217, 217, 217, 1);
  padding: 10px 12px;
  border-radius: 5px;
}

.imt-tk-total-tc .name {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
}

.imt-tk-total-tc>.number {
  font-size: 16px;
  font-weight: 500;
  color: rgba(18, 18, 18, 1);
}

.tk-number-imt-total {
  display: flex;
  align-items: center;
}

.tk-number-imt-total .txt {
  flex: 1;
  color: rgba(18, 18, 18, 1);
  font-size: 12px;
}

.box-compare-same {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.box-compare-same .number {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.box-compare-same.increase-box .number {
  color: rgba(0, 195, 20, 1);
}

.box-compare-same.reduce-box .number {
  color: rgba(246, 117, 117, 1);
}

.title-box-chart-dt {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.title-box-chart-dt .box-background-chart {
  display: flex;
  align-items: center;
  gap: 20px;
}

.title-box-chart-dt .text-15-medium {
  flex: 1;
}

.box-imt.bg-chart-dt {
  background: rgba(0, 108, 254, 1);
}

.box-imt.bg-chart-cp {
  background: rgba(255, 202, 122, 1);
}

.title-box-chart-dt .box-background-chart .name-inner {
  margin-left: 4px;
  font-size: 14px;
  color: rgba(18, 18, 18, 1);
}

.box-chart-dv-sp .text-15-medium {
  margin-bottom: 20px;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .block-tk-total-tc {
    grid-template-columns: repeat(3, 1fr);
  }

  .layout-grid-tc {
    column-gap: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .block-tk-total-tc {
    grid-template-columns: repeat(3, 1fr);
  }

  .layout-grid-tc {
    column-gap: 20px;
    grid-template-columns: 1fr 330px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-tk-total-tc {
    grid-template-columns: repeat(3, 1fr);
  }

  .layout-grid-tc {
    column-gap: 20px;
    grid-template-columns: 1fr;
  }

  .box-total-tc {
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-tk-total-tc {
    grid-template-columns: repeat(2, 1fr);
  }

  .layout-grid-tc {
    column-gap: 20px;
    grid-template-columns: 1fr;
  }

  .box-total-tc {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .block-tk-total-tc {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .layout-grid-tc {
    column-gap: 20px;
    grid-template-columns: 1fr;
  }

  .box-total-tc {
    margin-bottom: 20px;
  }

  .box-total-tc .text-15-medium {
    margin-bottom: 10px;
  }

  .title-box-chart-dt {
    display: block;
  }
}

/* Nhân sự tổng quan */
.layout-grid-ns-1 {
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 20px 100px;
  margin-bottom: 30px;
}

.box-total-tc .block-tk-total-tc {
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.layout-grid-ns-2 {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px 50px;
}

.group-imt-tk-ns {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 15px;
}

.imt-tk-ns {
  background: rgb(217 217 217 / 60%);
  border-radius: 3px;
  padding: 12px 15px;
}

.imt-tk-ns .text-medium-18 {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}

.box-ns-group .line-progress-chart-mkt {
  margin-bottom: 15px;
  height: 15px;
}

.bg-ns-1 {
  background: #1acac6;
}

.bg-ns-2 {
  background: #099818;
}

.bg-ns-3 {
  background: #ffca7a;
}

.box-ns-group .imt-bg-chart {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.box-ns-group .imt-bg-chart .name-inner {
  font-size: 14px;
}

.box-ns-group .imt-bg-chart .number-precent-total {
  font-size: 14px;
}

.box-edit-new {
  background: rgb(217 217 217 / 20%);
  border-radius: 10px;
  padding: 20px;
}

.imt-edit-new {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgb(217 217 217 / 60%);
}

.imt-edit-new .user-avatar {
  flex: 1;
  margin-right: 10px;
}

.imt-edit-new .name-pb {
  width: 170px;
  margin-right: 10px;
}

.imt-edit-new .date-pb {
  width: 150px;
}

.txt-online {
  color: #006cfe;
  font-size: 14px;
}

.txt-offline {
  color: #ff0000;
  font-size: 14px;
}

.imt-edit-new .user-avatar .avatar {
  width: 40px;
  height: 40px;
}

.box-teamlead {
  background: rgb(217 217 217 / 20%);
  border-radius: 10px;
  padding: 20px;
}

.box-teamlead .imt-edit-new .name-pb {
  margin-right: 0;
  width: 160px;
}

.line-progress-chart .number {
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
}

@media (min-width: 1600px) and (max-width: 1799px) {
  .layout-grid-ns-2 {
    gap: 20px 30px;
    grid-template-columns: 1.2fr 2fr 1.5fr;
  }

  .box-edit-new .imt-edit-new {
    flex-wrap: wrap;
  }

  .imt-edit-new .name-pb {
    width: 145px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .layout-grid-ns-1 {
    gap: 20px 30px;
  }

  .layout-grid-ns-2 {
    grid-template-columns: 4fr 6fr;
  }

  .box-teamlead .imt-edit-new .name-pb {
    width: 140px;
  }

  .imt-edit-new .name-pb {
    width: 140px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .layout-grid-ns-1 {
    gap: 20px 30px;
    grid-template-columns: 400px 1fr;
  }

  .layout-grid-ns-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    justify-content: space-between;
  }

  .box-teamlead .imt-edit-new .name-pb {
    width: 140px;
  }

  .imt-edit-new .name-pb {
    width: 140px;
  }

  .box-ns-group {
    order: 2;
    width: 48%;
  }

  .box-edit-new {
    width: 100%;
  }

  .box-teamlead {
    width: 48%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .layout-grid-ns-1 {
    gap: 20px 30px;
    grid-template-columns: 400px 1fr;
  }

  .layout-grid-ns-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    justify-content: space-between;
  }

  .box-teamlead .imt-edit-new .name-pb {
    width: 140px;
  }

  .box-ns-group {
    order: 2;
    width: 48%;
  }

  .box-edit-new {
    width: 100%;
  }

  .box-teamlead {
    width: 48%;
  }
}

@media (max-width: 991px) {
  .layout-grid-ns-1 {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .layout-grid-ns-2 {
    grid-template-columns: 1fr;
    gap: 20px 15px;
  }

  .box-teamlead .imt-edit-new .name-pb {
    width: 140px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .imt-edit-new .name-pb {
    width: 126px;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .date-pb {
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 48px;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new {
    border: 1px solid rgb(217 217 217 / 60%);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    display: block;
    padding: 12px;
  }

  .box-edit-new .lst-imt-edit-new {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 10px;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .user-avatar {
    margin: 0;
    margin-bottom: 5px;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .name-pb {
    width: 100%;
  }

  .box-edit-new {
    padding: 0;
    background: transparent;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .name-pb:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 34px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbcbcb;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .date-pb:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 34px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbcbcb;
  }

  .box-edit-new .imt-edit-new .user-avatar .avatar {
    width: 36px;
    height: 36px;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new {
    border: 1px solid rgb(217 217 217 / 60%);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    display: block;
    padding: 12px;
    width: 100%;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .user-avatar {
    margin: 0;
    margin-bottom: 5px;
  }

  .box-edit-new .lst-imt-edit-new .imt-edit-new .name-pb {
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 48px;
  }
}

@media (max-width: 575px) {
  .box-total-tc .block-tk-total-tc {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .imt-edit-new .name-pb {
    width: 100%;
  }

  .imt-edit-new .date-pb {
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 48px;
  }

  .lst-imt-edit-new .imt-edit-new {
    border: 1px solid rgb(217 217 217 / 60%);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    display: block;
    padding: 12px;
    width: 100%;
  }

  .lst-imt-edit-new {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
  }

  .lst-imt-edit-new .imt-edit-new .user-avatar {
    margin: 0;
    margin-bottom: 5px;
  }

  .lst-imt-edit-new .imt-edit-new .name-pb {
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 48px;
  }

  .box-edit-new {
    padding: 0;
    background: transparent;
  }

  .box-teamlead {
    background: transparent;
    padding: 0;
  }

  .lst-imt-edit-new .imt-edit-new .name-pb:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 34px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbcbcb;
  }

  .lst-imt-edit-new .imt-edit-new .date-pb:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 34px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbcbcb;
  }

  .imt-edit-new .user-avatar .avatar {
    width: 36px;
    height: 36px;
  }
}

/* Xem hóa đơn */
.ct-view-hd .title-block-view-hd .name {
  font-weight: 600;
}

.ct-view-hd .row-bill-info .content-bill-info {
  padding: 0;
  border: none;
}

.topbar-hd {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
}

.topbar-hd .info {
  flex: 1;
  text-align: right;
}

.block-view-hd-page.ct-view-hd {}

.ct-view-hd .imt-info-bill {
  display: flex;
  align-items: center;
}

.ct-view-hd .imt-info-bill .name {
  width: 140px;
}

.ct-view-hd .imt-info-bill .txt-content {
  flex: 1;
  margin-left: 4px;
  text-align: right;
}

.block-table-detail-hd .title {
  color: rgba(18, 18, 18, 1);
  font-size: 15px;
  font-weight: 500;
}

.block-table-detail-hd .table-total-bill-info {
  border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.box-total-price-hd {
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  padding-bottom: 8px;
}

.box-total-price-hd .total-money-bill {
  padding: 0;
  width: 250px;
  margin-left: auto;
}

.box-total-price-hd .total-money-bill .content {
  border: none;
  padding: 0;
  width: auto;
  flex: 1;
}

.box-total-price-hd .total-money-bill .txt {
  width: 110px;
}

.block-table-detail-hd .title-total-bill-info {
  padding-right: 0;
}

.block-table-detail-hd .row-total-bill-info {
  padding-right: 0;
}

.box-stamp {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 40px;
  padding-top: 20px;
}

.imt-stamp {
  text-align: center;
}

.imt-stamp .title {
  margin-bottom: 60px;
}

.imt-stamp .title .txt-title {
  font-size: 13px;
  font-weight: 500;
  color: rgba(18, 18, 18, 1);
}

.imt-stamp .title .txt-small {
  font-size: 13px;
  font-weight: 300;
  color: rgba(18, 18, 18, 1);
}

.imt-stamp .content .name-bold {
  font-size: 13px;
  font-weight: 500;
  color: rgba(18, 18, 18, 1);
}

@media (max-width: 991px) {
  .content-view-hd {
    width: 100%;
  }

  .block-view-hd-page.ct-view-hd .main-block-view-hd {
    flex-direction: column;
  }

  .ct-view-hd .imt-info-bill .txt-content {
    flex: none;
  }

  .ct-view-hd .imt-info-bill .name {
    width: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .box-stamp {
    gap: 10px;
  }

  .imt-stamp .title .txt-small {
    height: 40px;
  }
}

@media (max-width: 575px) {
  .text-bold {
    font-weight: 500;
  }

  .box-stamp {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

/* đăng ký thi */
.block-setup-kg-page .right-topbar {
  display: flex;
  align-items: center;
  width: 250px;
  justify-content: flex-end;
}

.block-setup-kg-page .right-topbar .icon-close-small {
  background: rgba(217, 217, 217, 0.6);
  margin-left: 0;
}

.block-setup-kg-page .right-topbar .icon-close-small svg {
  width: 10px;
}

.block-setup-kg-page .right-topbar .btn-export-file {
  min-width: 90px;
  margin-right: 20px;
}

.btn-view-more {
  margin-right: 15px;
}

.btn-view-more .btn-bg-icon {
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
  gap: 6px;
}

.btn-view-more .btn-bg-icon .icon svg path {
  transition: all 0.3s;
}

.btn-view-more .btn-bg-icon .text {
  color: rgba(18, 18, 18, 1);
  font-size: 13px;
  font-weight: 300;
  transition: all 0.3s;
  text-decoration: none;
}

.btn-view-more .btn-bg-icon:hover .text,
.btn-view-more .btn-bg-icon:hover .icon svg path {
  color: rgba(0, 115, 251, 1);
  fill: rgba(0, 115, 251, 1);
  text-decoration: none;
}

.btn-view-more .btn-bg-icon .icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-setup-kg-page .right-topbar .btn-export-file .btn-bg-blue {
  height: 30px;
}

.block-setup-kg-page .left-topbar {
  width: 250px;
}

.form-setup-info {}

.block-setup-info-page .title {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.block-setup-info-page .title .text {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
  line-height: 17px;
}

.tr-setup-info {
  margin-bottom: 20px;
}

.tr-setup-info:last-child {
  margin: 0;
}

.block-add-ticker.block-setup-kg-page {
  padding-bottom: 2px;
}

.tr-setup-info>.item-check-type .txt {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
  font-weight: 300;
}

.box-setup-info .item-check-type label .check {
  border: none;
  top: 0px;
}

.tr-child-setup .item-check-type {
  margin: 0;
  flex: 1;
  margin-right: 10px;
}

.tr-child-setup {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.tr-child-setup .switch-btn .switch {
  height: 16px;
  width: 32px;
}

.tr-child-setup .switch-btn .text {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-right: 7px;
}

.tr-child-setup .switch-btn .switch .slider {
  background: transparent;
  border: 1px solid rgba(217, 217, 217, 1);
}

.tr-child-setup .switch-btn .switch .slider::before {
  background: rgba(217, 217, 217, 0.8);
  width: 12px;
  height: 12px;
  top: 1px;
}

.tr-child-setup .switch-btn .switch .slider:before {
  background: rgba(217, 217, 217, 0.8);
  width: 12px;
  height: 12px;
  top: 1px;
  left: 2px;
  bottom: auto;
}

.tr-child-setup .switch-btn.active .switch .slider:before {
  transform: translateX(14px);
  background: rgba(255, 255, 255, 1);
}

.tr-child-setup .switch-btn.active .switch .slider {
  background: rgba(0, 108, 254, 1);
  border-color: rgba(0, 108, 254, 1);
}

.tr-child-setup .item-check-type label {
  margin: 0;
}

.lst-tr-child-setup {
  padding-left: 20px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-setup-kg-page .left-topbar {
    display: none;
  }

  .block-setup-kg-page .center-topbar {
    text-align: left;
  }

  .block-setup-kg-page .right-topbar {
    width: auto;
  }

  .btn-view-more {
    margin-right: 5px;
  }

  .block-setup-kg-page .right-topbar .btn-export-file {
    margin-right: 5px;
  }
}

@media (max-width: 575px) {
  .block-setup-kg-page .left-topbar {
    display: none;
  }

  .block-setup-kg-page .center-topbar {
    text-align: left;
  }

  .block-setup-kg-page .right-topbar {
    width: auto;
  }

  .btn-view-more {
    margin-right: 5px;
  }

  .block-setup-kg-page .right-topbar .btn-export-file {
    margin-right: 5px;
    min-width: auto;
  }

  .btn-view-more .btn-bg-icon .text {
    display: none;
  }

  .block-setup-kg-page .center-topbar .name {
    display: block;
  }
}

/* END Đăng ký thi */

.imt-note-info {
  display: flex;
  align-items: center;
}

.imt-note-info .icon {
  background: rgba(236, 236, 236, 1);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-note-info .content {
  flex: 1;
  margin-left: 10px;
}

.grid-imt-note-info {
  display: grid;
  gap: 15px;
}

.imt-note-info .content p {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
}

.imt-note-info .content p .color {
  color: rgba(0, 108, 254, 1);
}

.imt-note-info .content p a.color {
  color: rgba(0, 108, 254, 1);
  font-weight: 500;
  transition: all 0.3s;
}

.imt-note-info .content p a.color:hover {
  color: rgba(0, 108, 254, 1);
  text-decoration: underline;
}

.imt-note-info .content .color-800 {
  color: rgba(18, 18, 18, 0.8);
}

@media (max-width: 575px) {
  .imt-note-info {
    align-items: flex-start;
  }
}

.block-steps-exam {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

.imt-step-exam {
  flex: 1;
  margin-right: 10px;
  position: relative;
}

.imt-step-exam:last-child {
  margin: 0;
}

.imt-step-exam .icon {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(217, 217, 217, 1);
  background: rgba(255, 255, 255, 1);
  margin-bottom: 10px;
  position: relative;
}

.imt-step-exam .name-step {
  color: rgba(18, 18, 18, 0.6);
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  line-height: 1;
}

.imt-step-exam .name-text {
  color: rgba(174, 174, 174, 1);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.imt-step-exam.steps-finish .icon {
  background: rgba(35, 176, 0, 1);
  border-color: rgba(35, 176, 0, 1);
}

.imt-step-exam:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 50px;
  width: calc(100% - 60px);
  height: 3px;
  background: rgba(217, 217, 217, 1);
}

.ct-label-status.label-status-ht {
  background: rgba(35, 176, 0, 0.1);
  color: rgba(35, 176, 0, 1);
}

.imt-step-exam .ct-label-status {
  border-radius: 100px;
  font-size: 13px;
  font-weight: 400;
  margin-top: 8px;
  height: 26px;
}

.ct-label-status.label-status-run {
  background: rgba(92, 2, 227, 0.1);
  color: rgba(92, 2, 227, 1);
}

.ct-label-status.label-status-unprocessed {
  background: rgba(217, 217, 217, 0.4);
  color: rgba(174, 174, 174, 1);
}

.imt-step-exam.steps-finish .name-text {
  color: rgba(18, 18, 18, 1);
}

.imt-step-exam.active .name-text {
  color: rgba(18, 18, 18, 1);
}

.button-action-imt-hd.ct-button-action {
  justify-content: flex-end;
}

.button-action-imt-hd.ct-button-action .btn-shool .btn-bg-gray {
  height: 35px;
  min-width: 93px;
}

.button-action-imt-hd.ct-button-action .btn-bg-blue {
  height: 35px;
  min-width: 93px;
}

.block-method-mkt .block-table-crm-kh {
  margin-bottom: 30px;
}

.block-method-mkt .box-pl-data.flex-checkbox {
  margin: 0;
}

.block-table-crm-kh .item-choose-filter {
  height: 26px;
}

.block-table-crm-kh .ct-input {
  margin: 0;
}

.block-table-crm-kh .item-choose-filter .icon-select {
  top: 0;
}

.imt-step-exam.steps-finish:before {
  background: rgba(35, 176, 0, 1);
}

.block-method-mkt .list-check .item-check-type .txt {
  flex: 1;
}

.ct-title-check {
  background: rgba(217, 217, 217, 0.4);
  padding: 8px 10px;
}

.layout-list-room-exam {
  max-width: 1470px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
}

.sidebar-room-exam {
  width: 220px;
  background: #fff;
  border-radius: 5px;
  position: sticky;
  top: 0;
  left: 0;
}

.main-room-exam {
  width: calc(100% - 270px);
  margin-left: 50px;
  background: #fff;
  padding: 20px 50px;
  border-radius: 10px;
}

.sidebar-room-exam .item-nav-group-child {
  margin: 0;
  padding: 10px;
}

.sidebar-room-exam .nav-parent {
  padding: 0;
  border-radius: 0;
  margin-bottom: 10px;
}

.sidebar-room-exam .nav-child-lv1 {
  padding: 0;
}

.sidebar-room-exam .nav-parent .text {
  color: rgba(18, 18, 18, 1) !important;
}

.sidebar-room-exam .item-nav-group-child .nav-parent-child {
  padding: 8px 10px;
}

.lst-btn-box-exam {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.add-plus {
  width: 20px;
  height: 20px;
  margin: 5px 0;
}

.icon-add {
  background: rgba(0, 108, 254, 0.2);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s;
}

.icon-add:hover {
  background: rgba(0, 108, 254, 0.4);
}

.lst-btn-box-exam .btn-exam .btn-bg-blue {
  height: 35px;
}

@media (min-width: 992px) and (max-width: 1599px) {
  .main-room-exam {
    width: calc(100% - 220px);
    margin-left: 20px;
    padding: 25px;
  }
}

@media (max-width: 991px) {
  .layout-list-room-exam {
    display: block;
  }

  .sidebar-room-exam {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    top: 0;
  }

  .main-room-exam {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .main-room-exam {
    padding: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-steps-exam {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 0;
  }

  .main-room-exam {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .block-steps-exam {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 0;
  }

  .main-room-exam {
    padding: 15px;
  }
}

.imt-step-exam:last-child:before {
  display: none;
}

.imt-crm-stt label {
  margin: 0;
}

.imt-crm-stt .item-check-type {
  margin: 0;
}

.flex-tab-kh-data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

.flex-tab-kh-data .title-tab-kh-crm {
  position: relative;
  padding: 0;
  padding-right: 30px;
  margin: 0;
}

.box-sidebar-kh {
  padding: 20px;
  width: 320px;
  margin-left: 20px;
  background: rgba(255, 255, 255, 1);
  border-radius: 5px;
}

.box-sidebar-kh .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.box-sidebar-kh .title-box .name {
  color: rgba(18, 18, 18, 1);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.text-size-15-light {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
}

.timeline-call {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.btn-finish-call .btn-layout {
  background: rgba(126, 0, 0, 1);
  border-radius: 5px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  gap: 0 6px;
  transition: all 0.3s;
}

.btn-finish-call .btn-layout .text {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.box-info-call {
  text-align: center;
  margin-bottom: 40px;
}

.box-info-call .avatar {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;
}

.box-info-call .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.box-info-call .info {}

.text-size-16-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.text-size-15-medium {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.box-luuy-kh .ct-input {
  padding-top: 20px;
}

.box-luuy-kh {
  padding-top: 10px;
}

.box-sidebar-kh .title-box .close-box {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-sidebar-kh .box-audio {
  margin: 0;
  margin-bottom: 20px;
}

.flex-tab-kh-data .title-tab-kh-crm:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 33px;
  width: 1px;
  height: 25px;
  background: rgba(18, 18, 18, 1);
}

.flex-tab-kh-data .kq-nav-search {
  margin: 0;
}

.flex-tab-kh-data .kq-nav-search ul li {
  margin: 0;
}

.flex-tab-kh-data .kq-nav-search ul li .number {
  background: rgba(217, 217, 217, 0.25);
  height: 22px;
  color: rgba(18, 18, 18, 1);
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  padding: 0px 4px;
  border-radius: 5px;
  opacity: 1;
  min-width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.flex-tab-kh-data .kq-nav-search ul li a {
  opacity: 1;
}

.flex-tab-kh-data .kq-nav-search ul {
  margin: 0;
  padding: 0;
}

.box-checked-ntf {
  display: flex;
  background: rgba(71, 157, 95, 0.1);
  align-items: center;
  padding: 5px 20px;
  border-radius: 5px;
  gap: 0 8px;
  margin: 0 -20px;
  margin-bottom: 15px;
}

.box-checked-ntf .text {
  color: rgba(18, 18, 18, 1);
  font-size: 13px;
  font-weight: 400;
}

.box-checked-ntf .icon {
  position: relative;
  top: -2px;
}

.block-table-crm-kh.ct-xs-column.ct-table-kh {}

.box-action-table {
  position: relative;
  width: 40px;
}

.popup-dots-list {
  position: absolute;
  box-shadow: 0px 4px 15px 2px rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 1);
  width: 180px;
  border-radius: 5px;
  padding: 19px 16px;
  top: 35px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
}

.imt-popup-dots {
  display: flex;
  align-items: center;
  gap: 0 6px;
  margin-bottom: 10px;
  cursor: pointer;
}

.imt-popup-dots .icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-popup-dots .text {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
}

.imt-popup-dots:last-child {
  margin: 0;
}

.popup-dots-list.open {
  opacity: 1;
  visibility: visible;
}

.label-table {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 5px;
  border-radius: 3px;
}

.label-table p {
  color: rgba(18, 18, 18, 1);
  font-size: 12px;
  font-weight: 400;
}

.label-table.label-gray {
  background: rgba(228, 228, 228, 1);
}

.label-table.label-gray p {
  color: rgba(18, 18, 18, 1);
}

.label-table.label-red {
  background: rgba(233, 112, 111, 0.2);
}

.label-table.label-red p {
  color: rgba(233, 112, 111, 1);
}

.box-filter-check {
  background: rgba(217, 217, 217, 0.4);
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 5px 20px;
  gap: 0 20px;
  margin-bottom: 15px;
}

.text-size-13 {
  font-size: 13px;
  font-weight: 400;
  color: rgba(18, 18, 18, 1);
}

.list-select-filterr {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.list-select-filterr .ct-input {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.flex-bottom-kh {
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.flex-bottom-kh .btn-send-form {
  padding: 0;
  margin-left: auto;
}

.btn-date-nhac .layout-btn {
  display: inline-flex;
  align-items: center;
  gap: 0 4px;
}

.btn-date-nhac .layout-btn .text {
  color: rgba(18, 18, 18, 1);
  font-size: 13px;
  font-weight: 300;
  position: relative;
  top: 1px;
}

.text-size-15 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

.top-imt-hd .text-size-15 {
  margin-top: 5px;
}

.flex-audio {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.box-audio {
  margin-right: 12px;
}

.text-size-14-light {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.text-size-14-medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.btn-ai-copy .btn-text {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 168, 0, 0.2);
  border-radius: 5px;
  height: 25px;
  padding: 0 8px;
  cursor: pointer;
  transition: all 0.3s;
}

.btn-ai-copy .btn-text:hover {
  background: rgba(255, 168, 0, 0.5);
}

.list-select-filterr .ct-input .item-choose-filter {
  width: 200px;
}

.close-filter {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}

.flex-note-total {
  display: flex;
  align-items: flex-start;
  padding-top: 15px;
}

.flex-note-total .box-total-price-hd {
  border: none;
  width: 300px;
}

.block-warning {
  width: 500px;
  margin-right: auto;
}

.text-size-13-light {
  font-size: 13px;
  font-weight: 300;
  color: rgba(18, 18, 18, 1);
}

.tr-warning .text-size-13 {
  margin-bottom: 5px;
}

.tr-warning {
  margin-bottom: 12px;
}

.item-bill-sl {
  width: 100px;
  text-align: left;
  margin-right: 10px;
}

.item-bill-price {
  width: 200px;
  margin-right: 10px;
}

.topbar-detail-hd {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.topbar-detail-hd .left {}

.topbar-detail-hd .info {
  width: 300px;
  text-align: right;
  margin-left: auto;
}

.topbar-detail-hd .left .box-address {
  padding: 0;
  margin: 0;
  background: transparent;
}

.topbar-detail-hd {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.topbar-detail-hd .info {
  width: 300px;
  text-align: right;
  margin-left: auto;
}

.topbar-detail-hd .left .box-address {
  padding: 0;
  margin: 0;
  background: transparent;
}

.grid-detail-hd {
  display: grid;
  grid-template-columns: 300px 300px 160px;
  gap: 0 70px;
}

.title-info-detail-hd {
  color: rgba(18, 18, 18, 1);
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 10px;
}

.column-detail-hd .box-info-bill-hd .imt-info-bill {}

.column-detail-hd .box-info-bill-hd .imt-info-bill .txt-content {
  text-align: left;
  font-weight: 400;
}

.main-block-view-hd {
  border-bottom: 1px solid rgba(217, 217, 217, 0.6);
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.text-size-14-light.color-red {
  color: rgba(244, 0, 0, 1);
}

.column-detail-hd .box-info-bill-hd {
  grid-gap: 4px;
}

.qr-code-pay {
  padding-top: 10px;
}

.block-tab-application {
  max-width: 1000px;
  margin: 0 auto;
}

.company-online {
  display: flex;
  align-items: center;
}

.company-online .info-company {
  display: flex;
  align-items: center;
  gap: 0 16px;
  flex: 1;
  margin-right: 12px;
  justify-content: flex-start;
}

.company-online .info-company img {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid rgba(217, 217, 217, 1);
  overflow: hidden;
}

.box-apply {
  display: flex;
  align-items: center;
  gap: 0 6px;
}

.tr-box-application {
  margin-bottom: 20px;
}

.item-otp-lesson .item-check-type label .text {
  flex: 1;
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
  font-weight: 300;
  margin-left: 8px;
  position: relative;
  top: 1px;
}

.tr-box-application .text-size-15 {
  margin-bottom: 6px;
}

.grid-item-otp-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 20px;
}

@media (min-width: 1400px) and (max-width: 1599px) {}

@media (min-width: 1200px) and (max-width: 1399px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {
  .grid-detail-hd {
    grid-template-columns: 1fr 1fr 160px;
    gap: 0 30px;
    width: 100%;
  }

  .column-detail-hd .box-info-bill-hd {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-item-otp-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .grid-item-otp-4 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-detail-hd {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
  }

  .column-detail-hd .box-info-bill-hd {
    grid-template-columns: repeat(1, 1fr);
  }

  .item-bill-price {
    width: 150px;
  }

  .flex-note-total .box-total-price-hd {
    width: 250px;
  }

  .block-warning {
    flex: 1;
    width: auto;
    margin-right: 15px;
  }
}

@media (max-width: 575px) {
  .grid-item-otp-4 {
    grid-template-columns: repeat(1, 1fr);
  }

  .company-online {
    flex-direction: column;
    align-items: flex-start;
  }

  .company-online .info-company {
    width: 100%;
  }

  .grid-detail-hd {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
  }

  .column-detail-hd .box-info-bill-hd {
    grid-template-columns: repeat(1, 1fr);
  }

  .item-bill-price {
    width: 150px;
  }

  .flex-note-total .box-total-price-hd {
    width: 100%;
    padding-bottom: 25px;
  }

  .block-warning {
    flex: 1;
    width: auto;
    margin-right: 0;
  }

  .block-view-hd-page.ct-view-hd .main-block-view-hd {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .flex-note-total {
    flex-direction: column-reverse;
    padding-top: 10px;
  }

  .topbar-detail-hd {
    flex-direction: column;
  }

  .topbar-detail-hd .left {
    width: 100%;
    margin-bottom: 12px;
  }

  .topbar-detail-hd .info {
    width: 100%;
    text-align: left;
  }

  .box-total-price-hd .total-money-bill {
    width: 100%;
  }
}

.departments {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: 200px;
  justify-content: space-between;
  padding: 10px;
  border-width: 2px;
  transition: all 0.3s;
  background-color: #d9d9d9;
  border-radius: 5px;
  margin: 10px;
}

.bottom-layout-site {
  padding: 6px 12px 0 12px;
}

.status-label {
  display: flex;
  align-items: center;
  gap: 8px;
  /* khoảng cách giữa ô màu và text */
  cursor: default;
}

.flex-right-bottom-site .text-14-light {
  opacity: 0.6;
}

.status-color {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: gray;
  /* màu mặc định nếu không gán inline */
  flex-shrink: 0;
}

.status-text {
  font-size: 16px;
  color: #121212;
}

.chat-container {
  display: flex;
  height: calc(100vh - 140px);
}

.sidebar {
  width: 350px;
  border-right: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.sidebar-header {
  margin-bottom: 10px;
}

.search-bar {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.tab-buttons {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}

.tab {
  flex: 1;
  padding: 6px;
  border: none;
  background-color: #f2f2f2;
  cursor: pointer;
  border-radius: 4px;
}

.tab.active {
  background-color: #1877f2;
  color: white;
}

.chat-list {
  flex-grow: 1;
  overflow-y: auto;
}

.chat-item {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
  gap: 10px;
  cursor: pointer;
}

.chat-item.unread span {
  font-weight: bold;
}

.chat-item:hover {
  background-color: #f0f0f0;
}

.chat-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.chat-header {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.to-input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.chat-content {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: gray;
  text-align: center;
}

.start-chat .chat-icon {
  font-size: 40px;
  margin-bottom: 10px;
}

.chat-footer {
  padding: 10px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
}

.message-input {
  flex-grow: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.footer-icons {
  display: flex;
  gap: 8px;
  margin-left: 10px;
}

.footer-icons button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.avatar-wrapper {
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.avatar-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.status-dot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.status-dot::after {
  content: "✔";
  color: white;
  font-size: 10px;
}

/* Trạng thái */
.status-dot.online {
  background-color: #4caf50;
  /* xanh lá */
}

.status-dot.away {
  background-color: #ffc107;
  /* vàng */
}

.status-dot.busy {
  background-color: #d32f2f;
  /* đỏ */
}

.chat-header input {
  border: none;
}

.input-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.suggestions-box {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 10px 0;
  top: 142%;
}

.suggestion-item {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  cursor: pointer;
  gap: 12px;
}

.suggestion-item img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.suggestion-item .info {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #555;
}

.suggestion-item strong {
  font-weight: bold;
  color: #000;
}

.suggestion-item:hover {
  background-color: #f5f5f5;
}

.chat-message-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  width: 100%;
  height: calc(100vh - 220px);

  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.message-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
}

.message-content {
  background-color: #fff;
  padding: 0;
  border-radius: 8px;
  flex: 1;
}

.message-header {
  font-size: 14px;
  margin-bottom: 4px;
}

.message-header .time {
  color: #999;
  font-weight: normal;
  margin-left: 8px;
}

/*.text {
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
  white-space: pre-line;
}*/

.file-box {
  display: flex;
  justify-content: space-between;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 8px 12px;
  align-items: center;
  max-width: 250px;
  font-size: 14px;
}

.image-group {
  display: flex;
  gap: 6px;
  margin: 8px 0;
}

.image-group img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 6px;
}

.image-more {
  position: relative;
}

.image-more .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.reaction {
  font-size: 14px;
  color: #d32f2f;
  margin-top: 6px;
}

.system-log {
  font-size: 13px;
  color: #777;
  text-align: left;
  line-height: 1.6;
}

.content-reaction {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: white;
  padding: 8px;
  border-radius: 10px;
  margin-top: 8px;
  font-size: 14px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: fit-content;
}

.reaction-bar {
  width: 200px;
  position: absolute;
  top: -20px;
  left: 0;
  display: none;
  background: white;
  padding: 5px 10px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  z-index: 10;
  gap: 8px;
}

.text-container.show-reaction .reaction-bar {
  display: flex;
}

.reaction-wrapper {
  position: relative;
  display: inline-block;
}

.reaction-bar span {
  cursor: pointer;
  /* Bàn tay khi hover */
  transition: transform 0.2s ease;
  display: inline-block;
}

.reaction-bar span:hover {
  transform: scale(1.4);
  /* Nổi lên khi hover */
}

.reaction-bar span:active {
  transform: scale(1.1);
  /* Nhấn xuống nhẹ khi click */
}

.reply-box {
  display: flex;
  background: #f4f4f4;
  border-left: 4px solid #1a73e8;
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 8px;
  position: relative;
  font-size: 14px;
  width: 100%;
  flex-direction: column;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  animation: fadeInUp 0.2s ease-in-out;
}

.reply-box strong {
  font-weight: 600;
  display: block;
  color: #2c2c2c;
  margin-bottom: 4px;
}

.reply-box .reply-content {
  line-height: 1.4;
  word-break: break-word;
}

.reply-box .cancel-reply {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  font-weight: bold;
  color: #666;
  font-size: 16px;
  transition: 0.2s ease;
}

.reply-box .cancel-reply:hover {
  color: #000;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-header-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #ddd;
  font-family: "Inter", sans-serif;
}

.chat-header-info .left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.chat-header-info .left .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  background: #eee;
}

.chat-header-info .name {
  font-weight: 600;
  font-size: 16px;
}

.chat-header-info .middle {
  display: flex;
  gap: 20px;
  font-size: 14px;
}

.chat-header-info .middle .tab {
  cursor: pointer;
  color: #555;
}

.chat-header-info .middle .tab.active {
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid #000;
}

.chat-header-info .right {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #666;
}

.chat-header-info .right .menu {
  font-size: 20px;
  cursor: pointer;
}

.custom-tab-container {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  font-family: "Inter", sans-serif;
}

.custom-tab {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.custom-tab.active {
  color: black;
  font-weight: 700;
}

.chat-popup {
  position: absolute;
  right: 0;
  top: 40px;
  width: 300px;
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  z-index: 999;
}

.chat-popup.hidden {
  display: none;
}

.chat-popup-header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}

.chat-popup-header-bar button {
  background: none;
  border: none !important;
}

.chat-popup-search {
  padding: 10px 16px;
}

.chat-popup-search input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.chat-tabs {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 0 16px;
  gap: 8px;
  margin-bottom: 8px;
}

.chat-tabs .tab {
  background: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
  font-weight: 500;
}

.chat-tabs .tab.active {
  background-color: #e0e7ff;
  border-radius: 6px;
  color: #1d4ed8;
}

.chat-user-list {
  max-height: 240px;
  overflow-y: auto;
  padding: 0 16px;
}

.chat-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  cursor: pointer;
}

.chat-user img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.chat-footer-link {
  text-align: center;
  padding: 10px;
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
}

.chat-footer-link a {
  font-size: 14px;
  color: #2563eb;
  text-decoration: none;
}

.chat-floating-popup {
  position: fixed;
  bottom: 0;
  right: 20px;
  width: 360px;
  max-height: 85vh;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  z-index: 9999;
  overflow: hidden;
}

.chat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}

.chat-header-actions button {
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  margin-left: 5px;
}

.chat-body {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
}

.chat-message {
  margin-bottom: 16px;
}

.chat-user {
  font-weight: bold;
  margin-bottom: 4px;
}

.chat-user span {
  font-weight: normal;
  font-size: 12px;
  color: #888;
  margin-left: 6px;
}

.chat-time {
  text-align: center;
  font-size: 12px;
  color: #aaa;
  margin-top: 8px;
}

.chat-input {
  display: flex;
  padding: 10px 12px;
  border-top: 1px solid #eee;
  align-items: center;
}

.chat-input input {
  flex: 1;
  padding: 8px 10px;
  border: none;
  border-radius: 20px;
  background: #f1f1f1;
}

.chat-input-icons button {
  background: none;
  border: none;
  margin-left: 10px;
  font-size: 16px;
  cursor: pointer;
}

.profession-2025-header {
  background-color: white;
  color: #121212;
  font-weight: 300;
  font-size: 14px;
  position: sticky;
  top: 0;
  text-align: center;
  padding: 6px 15px;
  z-index: 8;
  /* đảm bảo nổi trên */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.profession-2025-title {
  margin: 0;
  color: #121212;
  font-weight: 300;
  font-size: 14px;
}

.profession-2025-close {
  position: absolute;
  right: 20px;
  top: 10px;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
  z-index: 1100;
  /* nổi trên header */
}

.profession-2025-container {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px;
  background-color: white;
  border-radius: 8px;
}

.profession-2025-breadcrumb {
  font-size: 14px;
  color: #777;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d999;
  padding-bottom: 10px;
}

.profession-2025-main {
  display: flex;
  gap: 20px;
}

.profession-2025-left {
  flex: 2;
}

.profession-2025-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.profession-2025-images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.image-wrapper {
  position: relative;
  width: 100%;
  height: 120px;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.image-wrapper .overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-weight: bold;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}

/* Responsive tablet: 2 ảnh / dòng */
@media (max-width: 768px) {
  .profession-2025-images {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive mobile: 1 ảnh / dòng */
@media (max-width: 480px) {
  .profession-2025-images {
    grid-template-columns: 1fr;
  }
}

.profession-2025-label {
  background: red;
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
}

.profession-2025-section-title {
  margin: 0 0 10px;
}

.profession-2025-box {
  background: white;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #d9d9d999;
}

.profession-2025-box h4 {
  font-weight: 500;
  font-size: 15px;
  color: #121212;
}

.profession-2025-button {
  background: #006cfe1a;
  color: #006cfe;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.profession-2025-note {
  font-size: 13px;
  font-weight: 300;
  color: #12121299;
  margin-top: 8px;
}

.profession-2025-user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.profession-2025-box-note {
  background: #d9d9d966;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
}

.profession-2025-box-note img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.profession-2025-card {
  margin: 0 auto;
  font-family: Arial, sans-serif;
  color: #333;
}

.profession-2025-headers {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.profession-2025-badge {
  background-color: #e9706f33;
  color: #e9706f;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 8px;
  border-radius: 6px;
  margin-right: 10px;
}

.profession-2025-title {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  color: #121212;
}

.profession-2025-section {
  margin-bottom: 24px;
}

.profession-2025-subtitle {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #121212;
}

.profession-2025-section p {
  font-size: 14px;
  color: #12121299;
  font-weight: 300;
  margin: 0;
}

.prodession-application {
  margin: 0 auto;
}

.candidate-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.candidate-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 15px;
}

.candidate-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.candidate-info {
  flex-grow: 1;
}

.candidate-name {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4px;
  color: #121212;
}

.candidate-status {
  font-size: 13px;
  color: #121212;
  font-weight: 300;
}

.profession-2025-search-container {
  margin-bottom: 16px;
}

.profession-2025-search-wrapper {
  position: relative;
  width: 250px;
}

.profession-2025-search-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
}

.profession-2025-search {
  width: 100%;
  padding: 6px 12px 6px 32px;
  /* thêm padding-left để tránh icon */
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.profession-2025-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

.profession-2025-table th {
  color: #121212;
  font-size: 13px;
  font-weight: 400;
}

.profession-2025-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 13px;
  position: relative;
  color: #121212cc;
  font-weight: 300;
}

.profession-2025-table th {
  padding: 8px 12px;
  text-align: left;
  font-size: 13px;
  border-bottom: 1px solid #eee;
  position: relative;
  color: #121212cc;
  font-weight: 300;
}

.profession-2025-status {
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  color: #555;
}

.profession-2025-status.waiting {
  background-color: #d3d3d3;
  color: #444;
}

.profession-2025-status.passed {
  background-color: #d9f1d9;
  color: #2e7d32;
}

/* Action button */
.profession-2025-action-cell {
  position: relative;
  width: 50px;
}

.profession-2025-action-btn {
  background: none;
  border: none;
  cursor: pointer;
  background: #dbdbdb66;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Dropdown menu */
.profession-2025-dropdown {
  display: none;
  position: absolute;
  top: 28px;
  right: 0;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  min-width: 120px;
  z-index: 10;
}

.profession-2025-dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

.profession-2025-dropdown-item:hover {
  background-color: #f0f0f0;
}

.profession-2025-status.faild {
  background-color: #f8d7da;
  /* đỏ nhạt */
  color: #a71d2a;
  /* đỏ đậm */
}

.profession-2025-action-cell {
  position: relative;
  min-width: 100px;
}

@media screen and (max-width: 768px) {
  .profession-2025-action-cell {
    position: relative;
    min-width: 100%;
  }
}

.search-filter-container2025 {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.search-box2025 {
  flex: 1;
  position: relative;
}

.search-box2025 input[type="text"] {
  width: 100%;
  padding: 8px 36px 8px 36px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
}

.search-box2025 svg {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  fill: #333;
}

.filter-button2025 {
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.priority-list2025 {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}

.priority-list2025 p {
  display: block;
  margin-bottom: 6px;
}

.priority-item2025 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.priority-left2025 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.priority-left2025 input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.priority-left2025 label {
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #121212;
}

.priority-date2025 {
  color: #000000;
  text-align: right;
  font-size: 14px;
  font-weight: 300;
}

.table-2025-finance {
  width: 100%;
  font-size: 14px;
  color: #121212;
  border: none;
}

.table-2025-finance thead tr {
  background-color: #d9d9d933;
  font-weight: 600;
  border: none;
}

.table-2025-finance thead th {
  padding: 8px 10px;
  border: none;
}

.table-2025-finance tbody tr {
  border-bottom: none;
}

.table-2025-finance tbody td {
  padding: 8px 10px;
  border: none;
  vertical-align: middle;
}

.table-2025-finance .section-header {
  background-color: #5f72bb26;
  font-weight: 700;
  text-align: center;
  color: #333;
  border: none;
}

.table-2025-finance .action-btn-2025-finance {
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-size: 18px;
  line-height: 1;
  color: #666;
  padding: 0 5px;
}

.popup-fullscreen-2025 {
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  z-index: 12;
  display: none;
  /* display: none; để display none khi mở popup em để tạm flex để hiển thị giao diện trc sử lý js khi bấm vào btn đổi sang flex là đươc  */

  flex-direction: column;
}

.finance-2025-wrapper {
  color: #121212;
  margin: 0 -20px;
}

.finance-2025-table {
  width: 100%;
  border-collapse: collapse;
}

.finance-2025-table th,
.finance-2025-table td {
  text-align: left;
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
}

.finance-2025-table th {
  background-color: #d9d9d933;

  font-size: 15px;
  font-weight: 500;
}

.finance-2025-group-header {
  font-weight: 500;
  background-color: #5f72bb26;
}

.finance-2025-group-header td {
  font-weight: 500;
  text-align: center;
}

.finance-2025-dots {
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  user-select: none;
}

.finance-2025-action-menu {
  position: absolute;
  top: 24px;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-size: 13px;
  z-index: 999;
  display: none;
}

.finance-2025-action-menu.active {
  display: block;
}

.finance-2025-action-menu div {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
}

.finance-2025-action-menu div:hover {
  background-color: #f5f5f5;
}

.finance-2025-parent {
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #121212 !important;
}

.finance-2025-child {
  font-weight: 300 !important;
  font-size: 13px !important;
  padding-left: 20px !important;
}

.finance-2025-header {
  padding: 16px 0;
}

.finance-2025-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.finance-2025-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 -20px;
  padding: 0 20px;
  margin-bottom: 12px;
  overflow-x: auto;
  overflow-y: hidden;
}

.finance-2025-tab {
  padding: 6px 0;
  cursor: pointer;
  color: #888;
  position: relative;
  white-space: nowrap;
}

.finance-2025-tab.active {
  color: #121212;
  font-weight: 500;
}

.finance-2025-tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #121212;
}

.finance-2025-actions {
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.finance-2025-btn {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
}

.finance-2025-btn-export {
  display: flex;
  align-items: center;
  gap: 4px;
}

.finance-2025-table tr {
  border-bottom: 1px solid #e0e0e0;
}

.table-2025-posting {
  width: 100%;
  border-collapse: collapse;
}

.table-2025-posting th,
.table-2025-posting td {
  padding: 10px;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.tag-2025-status {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 6px;
  font-weight: 500;
}

.tag-2025-success {
  background-color: #e0f3e6;
  color: #16893b;
}

.tag-2025-default {
  background-color: #eaeaea;
  color: #555;
}

.icon-2025-dots {
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}

.filter-2025-controls {
  margin-bottom: 8px;
  font-size: 13px;
}

.filter-2025-controls label {
  margin-right: 20px;
}

.active-auto {
  color: #006cfe !important;
}

.status-2025-tb {
  height: 10px;
  width: 10px;
  border-radius: 3px;
  border: 1px solid #006cfe;
  background: #006cfe;
}

.slider-container-2025 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  background-color: #fceeee;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: sans-serif;
  color: #121212;
  font-size: 13px;
  font-weight: 400;
}

.pagination-2025 {
  grid-column: 1 / 2;
}

.arrow-2025 {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.arrow-2025.left {
  grid-column: 2 / 3;
  justify-self: start;
}

.arrow-2025.right {
  grid-column: 3 / 4;
  justify-self: end;
}

.slider-content-2025 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  grid-column: 2 / 3;
}

.slide-text-2025 {
  flex-shrink: 1;
}

.learn-more-2025 {
  text-decoration: none;
  white-space: nowrap;
  margin-left: auto;
}

.dashboard-header-2025 {
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.revenue-info-2025 {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333;
  gap: 8px;
}

.revenue-info-2025 strong {
  font-weight: 600;
}

.divider {
  color: #ccc;
}

.tab-section-2025 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.tabs-2025 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.tab-button-2025 {
  background: none;
  border: none;
  font-size: 14px;
  color: #333;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.tab-button-2025:hover {
  background-color: #eaeaea;
}

.tab-button-2025.active {
  color: #0a59ff;
  font-weight: 600;
  background-color: #e6f0ff;
}

.request-button-2025 {
  background-color: #0a59ff;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.dashboard-training-2025 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  padding: 20px;
}

.left-panel-2025 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
}

.search-filter-2025 {
  display: flex;
  gap: 12px;
}

.search-input-2025 {
  flex-grow: 1;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.filter-button-2025 {
  padding: 10px 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: white;
  cursor: pointer;
}

.training-item-2025 {
  display: flex;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}

.training-item-2025 img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
}

.training-info-2025 {
  flex-grow: 1;
}

.training-info-2025 h4 {
  margin: 0;
  font-size: 16px;
}

.training-info-2025 p {
  margin: 4px 0;
  font-size: 14px;
  color: #666;
}

.status-tag-2025 {
  display: inline-block;
  background-color: #eee;
  color: #333;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}

.arrow-2025 {
  font-size: 20px;
  color: #999;
}

.right-panel-2025 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sidebar-card-2025 {
  background-color: white;
  padding: 16px;
  border-radius: 10px;
}

.sidebar-card-2025 h4 {
  margin-bottom: 12px;
}

.user-row-2025 {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.user-row-2025 img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

.user-meta-2025 {
  font-size: 12px;
  color: #666;
}

.training-detail-2025 {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  max-width: 900px;
  width: 100%;
}

.header-info-2025 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #555;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

.mark-done-2025 {
  background-color: #d9d9d966;
  border: none;
  border-radius: 12px;
  padding: 6px 14px;
  cursor: pointer;
  font-weight: 3 00;
  font-size: 13px;
  color: #121212;
}

.training-title-2025 {
  margin: 12px 0;
  font-weight: 400;
  font-size: 15px;
  color: #121212;
}

.training-img-2025 {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 14px;
  border: none;
}

.training-desc-2025 {
  font-size: 15px;
  font-weight: 300;
  color: #121212;
  line-height: 1.5;
  margin-bottom: 16px;
}

.title-attachments {
  font-weight: 400;
  font-size: 15px;
  color: #121212;
}

.attachments-2025 {
  font-size: 14px;
  margin-bottom: 24px;
}

.file-link-2025 {
  color: #006cfe;
  text-decoration: none;
  display: inline-block;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 300;
}

.file-link-2025:hover {
  text-decoration: underline;
}

.next-training-2025 {
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 14px;
}

.return-2025 {
  color: #121212;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.conf-head-2025 {
  border-radius: 5px;
  padding: 10px;
  background: rgba(112, 177, 112, 0.1);
  color: #70b170;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.next-training-2025 strong {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: #222;
}

.training-item-2025 {
  display: flex;
  gap: 12px;
  align-items: center;
}

.training-item-2025 img {
  width: 120px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
}

.training-info-2025 h4 {
  margin: 0 0 6px 0;
  font-size: 16px;
  font-weight: 600;
}

.training-info-2025 p {
  margin: 0 0 8px 0;
  color: #777;
  font-size: 14px;
}

.status-tag-2025 {
  background-color: #eee;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  color: #555;
  display: inline-block;
}

.conf-container-2025 {
  margin: 20px;
  border-radius: 12px;
  text-align: center;
}

.conf-title-2025 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 14px;
  color: #000;
}

.conf-desc-2025 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 28px;
}

form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 350px;
}

.conf-input-group-2025 {
  position: relative;
  margin-bottom: 20px;
}

input.conf-input-2025 {
  width: 350px;
  height: 42px;
  padding: 8px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}

.conf-send-code-2025 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #1a73e8;
  cursor: pointer;
  user-select: none;
}

.conf-info-text-2025 {
  font-size: 13px;
  color: #333;
  margin-bottom: 24px;
}

.conf-info-text-2025 a {
  color: #1a73e8;
  text-decoration: none;
  cursor: pointer;
}

button.conf-btn-confirm-2025 {
  width: 100%;
  background-color: #2196f3;
  color: white;
  font-size: 16px;
  padding: 12px 0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
}

button.conf-btn-confirm-2025:hover {
  background-color: #1769aa;
}

.edit-question-btn {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  width: fit-content;
  border-radius: 5px;
  background: #1e88e5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  padding: 10px 15px;
}

.conf-2025 {
  max-width: 600px;
}

.btn-filter {
  display: flex;
  background: transparent;
  border-radius: 5px;
  border: 1px solid rgba(217, 217, 217, 0.6);
  align-items: center;
  gap: 10px;
  margin-left: 10px;
}

.coaching-card-2025 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.coaching-image-2025 {
  width: 150px;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
  flex-shrink: 0;
}

.coaching-content-2025 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.coaching-title-2025 {
  font-weight: 400;
  font-size: 14px;
  color: #222;
  margin-bottom: 0;
}

.coaching-desc-2025 {
  font-size: 14px;
  color: #999;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}

.coaching-status-2025 {
  display: inline-flex;
  align-items: center;
  background: rgba(228, 228, 228, 1);
  color: #444;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 4px;
  width: max-content;
  user-select: none;
  height: 20px;
}

.coaching-arrow-2025 {
  align-self: center;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  user-select: none;
  margin-left: 12px;
}

.video-wrapper {
  position: relative;
  width: 300px;
  height: 200px;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: none;
}

.video-wrapper img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
}

/* Khi hover vào vùng video-wrapper: ẩn ảnh, hiện iframe */
.video-wrapper:hover img {
  display: none;
}

.video-wrapper:hover iframe {
  display: block;
}

.flex-tab-menu-sc {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.flex-1 {
  flex: 1;
}

.flex-tab-menu-sc .btn-add-new {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.item-ct-table {
  display: flex;
  align-items: center;
  gap: 0 6px;
}

.list-item-ct-table {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.square-ct {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
}

.square-ct.square-blue {
  background: #006cfe;
}

.square-ct.square-gray {
  background: #d9d9d9;
}

.item-ct-table .text {
  font-size: 13px;
  font-weight: 300;
}

@media (max-width: 991px) {
  .finance-2025-table {
    width: 1200px;
  }

  .finance-2025-wrapper {
    overflow-x: auto;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .block-filter-topbar {
    padding: 0 16px;
    margin: 0 -16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .block-filter-topbar {
    padding: 0 12px;
    margin: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.flex-avatar-send {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.flex-avatar-send .item-avatar {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(217, 217, 217, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.flex-avatar-send .item-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.block-lead-page .ct-xs-column .imt-crm-status {
  flex: none !important;
  width: 100px !important;
}

.flex-1-info-table {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  gap: 4px 20px;
}

.btn-cd {
  margin-right: auto;
}

.flex-1-info-table .item-info-tb p {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.flex-1-info-table .item-info-tb p .number {
  color: rgba(0, 108, 254, 1);
  font-size: 14px;
  font-weight: 500;
}

.flex-title-ns {
  position: relative;
}

.flex-title-ns .btn-add-new {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
}

.flex-title-ns .finance-2025-title {
  margin-bottom: 0;
  padding-right: 90px;
}

.block-filter-topbar.ct-filter-ns .box-popup-filter-search {
  right: 0;
  left: auto;
}

.box-info-ns {
  background: rgba(217, 217, 217, 0.2);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 30px;
}

.flex-title-label {
  display: flex;
  gap: 0 10px;
}

.box-info-ns .flex-title-label .text-color {
  color: rgba(0, 115, 251, 1);
  font-size: 13px;
  font-weight: 300;
}

.box-info-ns p {
  color: rgba(18, 18, 18, 1);
  font-size: 14px;
  font-weight: 300;
}

.box-info-ns p .medium {
  font-weight: 400;
}

.block-status-yc {
  margin-bottom: 30px;
}

.text-14-grl {
  font-size: 14px;
  color: rgba(18, 18, 18, 1);
  line-height: 1.3;
}

.block-status-yc>.text-14-grl {
  margin-bottom: 15px;
}

.item-user-status {
  padding-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 0 10px;
  position: relative;
  flex-wrap: wrap;
}

.item-user-status .avatar {
  width: 30px;
  height: 30px;
}

.item-user-status .content {
  flex: 1;
}

.item-user-status:before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  border-left: 1px dashed rgba(18, 18, 18, 0.6);
  height: 100%;
  z-index: -1;
}

.item-user-status:last-child:before {
  display: none;
}

.item-user-status:last-child {
  padding: 0;
}

@media (max-width: 575px) {
  .info-date {
    width: 100%;
    padding-left: 40px;
    margin-top: 2px;
  }

  .lst-btn-box-search {
    gap: 5px;
  }
}

.grid-form-dt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px 40px;
}

.grid-form-dt .ct-input {
  margin-bottom: 0;
}

.grid-form-dt .w-100 {
  grid-column: 1/3;
}

.grid-form-dt .box-choose-info-ns {
  margin: 0;
}

.grid-form-dt .item-check-type label {
  margin: 0;
}

.btn-creat-code.hidden-btn {
  opacity: 0.5;
  pointer-events: none;
}

.company-online .list-btn {
  display: flex;
  align-items: center;
  gap: 0 9px;
}

.company-online .list-btn a {
  min-width: 92px;
  justify-content: center;
}

.ct-box-tab-info {
  border: 1px solid rgba(217, 217, 217, 0.6);
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
}

.grid-column-2-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px 60px;
}

.ct-box-tab-info .ct-input {
  margin: 0;
}

.text-14-light.color-red {
  color: rgba(255, 0, 0, 1);
}

.ct-box-tab-info .title {
  margin-bottom: 12px;
}

.grid-column-2-info .ct-input.w-100 {
  grid-column: 1/3;
}

.grid-column-3-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px 60px;
}

.block-add-ticker.ct-popup-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
  background: rgba(245, 245, 245, 1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.block-add-ticker.ct-popup-full.open-popup-full {
  opacity: 1;
  visibility: visible;
}

.block-add-ticker.ct-popup-full .topbar-add-ticker {
  position: sticky;
}

.block-add-ticker.ct-popup-full .block-prd-page {
  padding-top: 30px;
}

@media (max-width: 1050px) {
  .block-add-ticker.ct-popup-full .topbar-add-ticker {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .grid-column-3-info {
    gap: 15px 30px;
  }

  .grid-column-2-info {
    gap: 15px 30px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .ct-form-2025.grid-form-dt {
    gap: 15px;
  }

  .grid-column-3-info {
    gap: 15px;
  }

  .grid-column-2-info {
    gap: 15px;
  }
}

@media (max-width: 575px) {
  .item-support-topbar {
    margin-right: 2px;
  }

  .icon-select-nav {
    margin-left: 4px;
  }

  .layout-site.layout-with-sidebar .block-setting-page {
    padding: 15px;
  }

  .grid-column-2-info {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .ct-box-tab-info {
    padding: 15px;
  }

  .grid-column-2-info .ct-input.w-100 {
    grid-column: auto;
  }

  .grid-column-3-info {
    grid-template-columns: 1fr;
  }

  .ct-form-2025.grid-form-dt {
    gap: 15px 0;
    grid-template-columns: 1fr;
  }

  .company-online .list-btn {
    margin-top: 12px;
  }
}

@media (max-width: 376px) {
  .flex-time .icon {
    display: none;
  }

  .grid-form-dt .ct-input {
    grid-column: 1 !important;
  }
}

.box-dots-filter {
  position: relative;
}

.popup-box-dots-filter {
  position: absolute;
  top: calc(100% + 20px);
  border: 1px solid rgba(217, 217, 217, 0.6);
  right: 0;
  width: 400px;
  padding: 15px 10px;
  background: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  border-radius: 5px;
}

.popup-box-dots-filter.open-popup {
  opacity: 1;
  visibility: visible;
}

.item-dots-filter+.item-dots-filter {
  margin-top: 10px;
}

.layout-item-dots {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 4px 0;
}

.layout-item-dots .icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout-item-dots .content {
  flex: 1;
}

.layout-item-dots .content .text-13-light.opcity-6 {
  opacity: 0.6;
  line-height: 1.2;
}

.box-dots-filter .icon-dots-row {
  width: 30px;
  height: 30px;
  margin-left: 8px;
  border-radius: 5px;
}

.box-dots-filter .icon-dots-row:hover {
  background: rgba(217, 217, 217, 0.8);
}

.box-datetime {
  position: relative;
  height: 30px;
  background: rgba(217, 217, 217, 0.4);
  border-radius: 5px;
  margin-right: 8px;
}

.box-datetime input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  padding: 0 10px;
  font-size: 14px;
  color: rgba(18, 18, 18, 1);
}

.box-datetime .icon-date {
  position: absolute;
  top: 4px;
  right: 12px;
  pointer-events: none;
}

.block-filter-news {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.flex-1-right-filter {
  display: flex;
}

.topbar-filter-news {
  border-bottom: 1px solid var(--border-color);
  padding: 0 20px;
  padding-bottom: 10px;
  margin: 0 -20px;
  margin-bottom: 10px;
}

.group-filter-topbar .btn-add-new .btn-bg-blue {
  padding: 0 8px;
}

.block-selected-topbar {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.block-selected-topbar>.text-13-light {
  height: 25px;
  display: flex;
  align-items: center;
}

.item-status-selected {
  display: flex;
  align-items: center;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.4);
  height: 25px;
  padding: 0 8px;
  position: relative;
  gap: 6px;
}

.item-status-selected>.text-13-light {
  text-overflow: ellipsis;

  /* Needed to make it work */
  overflow: hidden;
  white-space: nowrap;
  max-width: 140px;
  line-height: 1.2;
}

.item-status-selected>.text-13-light.opcity-4 {
  opacity: 0.4;
}

.item-status-selected .icon-selected {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.item-status-selected .close-item {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(217, 217, 217, 0.6);
  border-radius: 50%;
  transition: all 0.3s;
}

.item-status-selected .close-item:hover {
  background: #ff5a5a;
}

.item-status-selected .close-item:hover img {
  filter: brightness(99);
}

.item-status-selected .close-item img {
  transition: all 0.3s;
}

.btn-del-all .btn-bg-gray {
  height: 25px;
  padding: 5px;
  font-weight: 300;
}

.right-bottom-block {
  display: flex;
  align-items: center;
  gap: 0 4px;
}

.main-tab {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tab-setting-page {
  height: 100%;
}

.block-setting-page {
  height: 100%;
}

.select-navigation select {
  text-align: left !important;
  width: auto;
  padding-left: 4px;
  font-size: 12px;
}

.item-sticky-table.w-200 {
  flex: none;
  width: 200px !important;
  position: sticky;
  left: 0;
  padding: 0 4px;
}

.imt-content-table.item-sticky-table.w-200 {
  background: #ffff;
}

.imt-title-table.item-sticky-table.w-200 {
  background: #f7f7f7;
}

.sticky-title-table .title-table {
  position: sticky;
  top: 0px;

  left: 0;
  background: #f7f7f7;
  z-index: 1;
}

.imt-content-table.w-label-table {
  flex: none;
  width: 110px !important;
}

.layout-site.layout-with-sidebar.full-width-layout .main-site {
  width: 100%;
  margin: 0;
}

.group-table-web {
  border-collapse: collapse;
  width: 100%;
  overflow-x: auto;
  display: block;
  overflow-y: hidden;
}

.table-bcc .ct-xs-column .imt-content-table.flex-none,
.table-bcc .ct-xs-column .imt-title-table.flex-none {
  width: 200px !important;
}

@media (min-width: 576px) and (max-width: 767px) {
  .topbar-filter-news {
    margin: 0 -16px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .topbar-filter-news {
    padding: 0 15px;
    padding-bottom: 10px;
    margin: 0 -15px;
    margin-bottom: 10px;
  }
}

/* Thêm css báo cáo trung tâm có báo cáo */
.bao-cao-tanh {
  max-height: calc(100% - 130px);
  height: 100%;
}

.bao-cao-tanh .block-content-news-layout {
  height: 100%;
}

.bao-cao-tanh .block-table-crm-kh {
  height: 100%;
}

.bao-cao-tanh .block-table-crm-kh .title-table,
.bao-cao-tanh .block-table-crm-kh .title-item-choose-table {
  width: 2000px;
}

.bao-cao-tanh .block-table-crm-kh .title-table {
  height: unset;
}

.bao-cao-tanh .block-table-crm-kh .content-table {
  height: 100%;
  overflow-y: auto;
  width: 2000px;
  padding-bottom: 70px;
}

.block-menu-sidebar-bc.bao-cao-tanh-side {
  overflow-y: auto;
  max-height: calc(100% - 80px);
}

.new-wrapper:has(.block-flex-info-bc) .top-main-site.bao-cao-tanh-wrapper {
  height: calc(100% - 90px);
}

.top-main-site.bao-cao-tanh-wrapper {
  height: calc(100% - 60px);
}

.top-main-site.bao-cao-tanh-wrapper .main-layout-site {
  height: 100%;
}

.top-main-site.bao-cao-tanh-wrapper .block-creat-bc {
  height: 100%;
}

.top-main-site.bao-cao-tanh-wrapper .sidebar-bc {
  overflow-y: unset;
}

.new-wrapper {
  height: calc(100% - 27px);
}

.bao-cao-tanh .group-table-web {
  height: 100%;
}

/* Thêm css ở Tài chính */
.tanh-wrapper-ketoan {
  overflow-x: auto;
  margin-bottom: 10px;
}

.tanh-wrapper-ketoan .content-total-bill-info,
.tanh-wrapper-ketoan .title-total-bill-info {
  width: 1500px;
}

.tanh-wrapper-ketoan .content-total-bill-info .item-bill-sl-no.custom-new,
.tanh-wrapper-ketoan .title-total-bill-info .item-bill-sl-no.custom-new {
  flex: 0.5;
}