.mt-70px {
  margin-top: 70px;
}
.card, .carousel .carousel-item img {
  border-radius: 6px;
}
.card .card-header {
    padding: 1rem;
    background-color: transparent;
}
.page-index .card-body {
  max-height: 300px;
  overflow-y: auto;
}

.page-index .card {
  margin-bottom: 15px;
}

.sidebar .sidebar-menu ul li a {
    padding: 8px 8px;
}

.sidebar.sidebar-five .sidebar-menu > ul > li.submenu ul {
    background: #fff;
    width: 200px;
}

#sidebar-menus ul li {
  padding: 0 0 0 10px;
  margin: 5px 0px;
}

#sidebar-menus ul li a{
    color: #fff;
}
.table tbody tr td {
    vertical-align: middle;
}
.bar-status {
  width: 60px;
  height: 20px;
  background: gray;
  margin: auto 0;
}


.bar-status-1 {
    background: green;
}

.bar-status-2 {
    background: yellow;
}

.bar-status-3 {
    background: red;
}

.bar-status-4 {
    background: pink;
}

.company-detail-card {
    padding: 42px 18px;
}

.company-detail-card p {
    color: #000000;
}

.company-detail-card h6 {
    font-size: 22px;
}

.company-status-1 {
    background: #52bc24;
}

.company-status-1.company-detail-card h5 {
    color: #ffffff;
}

.company-status-2 {
    background: #ffbe00;
}

.company-status-2.company-detail-card h5 {
    color: #ffffff;
}

.company-status-3 {
    background: #c60000;
}

.company-status-3.company-detail-card h5 {
    color: #ffffff;
}

.company-status-4 {
    background: #ffc5ca;
}

.company-status-4.company-detail-card h5 {
    color: #ffffff;
}

@media (min-width: 768px) {
  .table-responsive {
      overflow-x: hidden;
  }
}

.dataTables_length, .dataTables_filter {
  display: none;
}

.dataTables_paginate {
    width: 100%;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

.page-profile  .toggle-password {
    top: 20%;
}

.btn.btn-sm {
  padding: 5px 10px;
}

@media (max-width: 768px) {
  .company-detail-card {
      padding: 20px 15px;
  }
}

.note-editable ul, #recom-note ul {
  list-style: disc !important;
  list-style-position: inside !important;
}

.note-editable ol, #recom-note ol {
  list-style: decimal !important;
  list-style-position: inside !important;
}

.loading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999999999999;
    text-align: center;
    padding-top: 30px;
}

.relative {
  position: relative;
}

.hidden {
    display: none;
}

/* .page-index .index-body .card {
  min-height: 375px;
} */

.page-index .index-body .card .card-body {
    position: relative;
    padding: 0.875rem;
}

.sidebar-menu-five > ul > li > a:hover {
    border-bottom: 3px solid #ff8000;
}
.sidebar .sidebar-menu ul li a:hover span, .sidebar .sidebar-menu ul li a:hover i {
    color: #ff8000;
}

@media (max-width: 991.98px) {
    .header .header-left-four .logo {
        display: block!important;
        padding: 0;
    }
    .header .header-left-four {
        margin-left: 30px;
    }
    .header .header-left-four {
        width: 160px;
    }
}

@media (max-width: 480px) {
  .login-wrapper .loginbox .login-right, .login-wrapper .loginbox {
      width: 100%;
      max-width: 100%;
  }
}

.equal-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
.equal-boxes > * {
  flex: 1 0 calc(20% - 1rem);
  box-sizing: border-box;
}

.hicon {
  width: 24px;
  height: 24px;
  margin: 0 auto;
}



.ebox .feature-card {
    width: 56px;
    height: 56px;
    margin: 0 auto;
}

@media (min-width: 992px) {
  .equal-boxes > * {
    flex: 1 0 calc(20% - 1rem);
  }

}

.equal-boxes .ebox {
  text-align: center;
}

.hi-zalo {
  background: url('../img/icons/zalo.png');
  background-size: cover;
}

.bg-deep-blue {
  background-color: #00315b;
}

.header.header-four {
  background-color: #002545;
}

.card-title i {
  font-size: 16px;
  color: #606060;
}

.card-title .border-start {
  border-width: 14px!important;
}

.new-box {
  text-align: left;
}

.new-box .title-des{
  max-height: 120px;      /* giới hạn chiều cao */
  overflow: hidden;
  text-overflow: ellipsis;
}

@media(max-width: 480px) {
  .new-box img {
      width: 100%;
  }
  .new-box {
    margin-bottom: 25px!important;
  }
}

.text-status-1 {
    color: #22cc62!important;
}

.text-status-2 {
    color: #FF9800!important;
}

.text-status-3 {
    color: #ff0000!important;
}

.text-status-4 {
    color: pink!important;
}

.company-detail-card h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

.company-detail-card h5 small {
    font-size: 14px;
}

.back-to-top {
    position: fixed;
    bottom: 10px;
    z-index: 99;
    right: 10px;
    padding: 8px 10px;
    background: #092545;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: none;
}

.card-body {
    color: #454545;
}

.index-body .card {
  min-height: 350px;
}

/* Target the whole scrollbar */
::-webkit-scrollbar {
  width: 8px; /* or height: 8px for horizontal */
  background: transparent; /* scrollbar track background */
}

/* Target the draggable thumb */
::-webkit-scrollbar-thumb {
  background-color: rgba(100, 100, 100, 0.5); /* or any color you like */
  border-radius: 4px;
  /* Giả padding top và bottom */
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  background-clip: padding-box;
}

/* Optionally hide scrollbar buttons or corners */
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  display: none;
}

.theme-switch {
  width: 60px;
  height: 30px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.theme-switch input {
  display: none;
}

.dm-slider {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #333;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dm-slider::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
  z-index: 2;
}

/* Icon chung */
.dm-icon {
  position: absolute;
  top: 2px;
  font-size: 18px;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s;
  color: #FF9800;
}

/* Moon icon (trái) */
.dm-icon.moon {
  left: 34px;
  opacity: 1;
}

/* Sun icon (phải), ẩn lúc đầu */
.dm-icon.sun {
  left: 10px;
  opacity: 0;
}

/* Khi checked */
.theme-switch input:checked + .dm-slider::before {
  transform: translateX(30px);
}

/* Khi checked thì ẩn moon, hiện sun */
.theme-switch input:checked + .dm-slider .moon {
  opacity: 0;
}

.theme-switch input:checked + .dm-slider .sun {
  opacity: 1;
}

@media (max-width: 768px) {
  .input-group.w-25 {
    width: 100%!important;
  }
}

.settings-menu ul li a.active {
    color: #FF9800 !important;
    border: 0;
}

#chart-date {
  font-size: 12px;
}

.page-market .dataTables_paginate {
  display: none;
}

@media (max-width: 480px) {
  .company-detail-card h6 {
      font-size: 18px;
  }
  .company-detail-card h5 small {
      font-size: 14px;
      display: block;
      line-height: 1.5;
  }
}

/* Dark mode */
body.dark-mode {
  background-color: #000b15;
}

body.dark-mode .card {
    background: #1e1e1e;
}


body.dark-mode .card .card-header {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    background-color: transparent;
    border-bottom: 1px solid #434343 !important;
}

body.dark-mode p,
body.dark-mode p *,
body.dark-mode ul,
body.dark-mode ul li,
body.dark-mode ul li span,
body.dark-mode ol,
body.dark-mode ol li,
body.dark-mode ol li span,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .card-body,
body.dark-mode .card-title,
body.dark-mode .card-title a.text-primary,
body.dark-mode .text-dark,
body.dark-mode .dataTables_processing {
    color: #fff!important;
}

body.dark-mode a {
    color: #fff;
}

body.dark-mode .table, body.dark-mode .table>:not(caption)>*>* {
    color: #fff;
}

body.dark-mode .table thead {
    background: #000000;
}

body.dark-mode .table-striped > tbody > tr {
    background-color: #000;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #2e2e2e;
}

body.dark-mode .table tbody td a {
    color: #ffffff;
}

body.dark-mode .modal-content {
  background: #2f2f2f;
}

body.dark-mode .modal-content .form-label {
  color: #fff;
}

body.dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ffffff 1px;
}
body.dark-mode .select2-container--default .select2-selection--multiple,
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #292929;
}

body.dark-mode .select2-container--default .select2-search--inline .select2-search__field,
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

body.dark-mode .select2-container--focus .select2-selection--single {
    border-color: transparent;
}

body.dark-mode .select2-dropdown {
    background-color: #000000;
}

body.dark-mode .pagination li a {
    color: #fff;
}

body.dark-mode .pagination .paginate_button.next .page-link,
body.dark-mode .pagination .paginate_button.previous .page-link {
    background: #000000;
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000000;
}

body.dark-mode .company-detail-card {
    background: #3e3e3e;
}

body.dark-mode .sidebar.sidebar-five .sidebar-menu > ul > li.submenu ul li a {
    color: #95979b;
    border-bottom: 1px solid #333333;
}
body.dark-mode .sidebar .sidebar-menu ul li ul li a {
    background: #001325;
}

body.dark-mode .dropdown-menu {
  background: #001325;
}

body.dark-mode .input-block label {
    margin: 0 0 8px 0;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}

body.dark-mode .input-block input, body.dark-mode .form-control {
    border: solid #ffffff 1px;
    color: #ffffff;
    background-color: #292929;
}

body.dark-mode p a {
    color: #FF9800 !important;
}

body.dark-mode .header .user-menu-four .dropdown-menu .dropdown-item {
    color: #ffffff;
}


.ticker {
  display: flex;
  align-items: center;
  height: 40px;
  overflow: hidden;
  background: #fff;
  border-radius: 6px;
}

.ticker-label {
  flex: 0 0 auto;
  padding: 0 14px;
  font-weight: 700;
  border-right: 1px solid #eee;

  display: flex;
  align-items: center;
}

.ticker-viewport {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  height: 100%;
}

.scroller {
  display: inline-flex;
  align-items: center;
  height: 100%;
  will-change: transform;
  /* animation-duration sẽ set bằng JS */
  animation-name: tk-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


@media(max-width: 768px) {
  .ticker-label {
    display: none!important;
  }
}

@keyframes tk-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* dịch 1 nửa scroller (half) */
}

.half {
  display: inline-flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 14px;
  color: #000;
  height: 100%;
}
.ticker-item .symbol { font-weight: bold; margin-right: 3px; min-width: 64px;}
.ticker-item .price { min-width: 80px; text-align:right;}

.ticker:hover .scroller {
  animation-play-state: paused;
}

.ticker-item.flash .price-up, .ticker-item.flash .change.up {
  transition: transform 500ms ease;
  background: green;
  color: #fff;
}

.ticker-item.flash .price-down, .ticker-item.flash .change.down {
  transition: transform 500ms ease;
  background: red;
  color: #fff;
}

.ticker-item .up {
    color: #22cc62;
}
.ticker-item .down {
    color: #ff0000;
}

.tk-status {
  color: #fff;
  padding: 2px 4px;
  font-size: 11px;
  border-radius: 5px;
  border-radius: 5px;
  margin-right: 1px;
  vertical-align: middle;
  font-weight: bold;
}

.tk-status.tk-status-1 {
    background-color: green;
}

.tk-status.tk-status-3 {
    background-color: red;
}

.tk-status.tk-status-9 {
    background-color: #336ffd;
}

body.dark-mode .ticker-item {
  color: #fff;
}

body.dark-mode .ticker {
  background: #1e1e1e;
}

body.dark-mode .ticker-label {
  color: #fff;
}

.dataTable th:nth-child(1), .dataTable th:nth-child(2), .dataTable th:nth-child(3),
.dataTable td:nth-child(1), .dataTable td:nth-child(2), .dataTable td:nth-child(3),
.dataTable th:nth-child(7), .dataTable th:nth-child(8), .dataTable th:nth-child(9),
.dataTable td:nth-child(7), .dataTable td:nth-child(8), .dataTable td:nth-child(9) {
    text-align: center;
}

.dataTable td:nth-child(2) a {
  display: block;
  text-align: center;
}

.table a {
  display: block!important;
}