.color_billing {
  background-color: #1f4180;
  color: #fff;
}
.dataTables_info, .dataTables_length{
  display: none;
}


.search_datatables {
    padding-right: 30px !important; /* Thêm padding bên trái để tạo không gian cho icon */
    background-image: url('/co_portal_billing/static/assets/img/search-icon.png'); /* Đường dẫn đến hình ảnh của icon */
    background-repeat: no-repeat; /* Không lặp lại icon */
    background-position: right 10px center; /* Đặt vị trí của icon */
    background-size: 15px; /* Kích thước của icon */
    -webkit-appearance: none; /* Ẩn nút mặc định của input trong Safari */
    -moz-appearance: none; /* Ẩn nút mặc định của input trong Firefox */
    appearance: none; /* Ẩn nút mặc định của input */
}

/* Nếu bạn muốn ẩn mũi tên search mặc định của trình duyệt */
.search_datatables::-webkit-search-decoration,
.search_datatables::-webkit-search-cancel-button,
.search_datatables::-webkit-search-results-button,
.search_datatables::-webkit-search-results-decoration {
    display: none;
}


.color_billing:hover {
  background-color: #1f4180;
  color: #fff;
}

.manage {
  width: 9%;
  padding: auto;
}

.invalid-input {
  border: 1px solid red;
}

.invalid-input::before {
  content: "\f071";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  color: red;
}

.invalid-input[title]:hover::before {
  content: attr(title);
  background-color: red;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  font-size: 12px;
  z-index: 1;
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.invalid-input[title]:hover::after {
  content: "";
  position: absolute;
  top: 110%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid red;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.form-group input.form-control.is-invalid {
  border-color: red;
}

.form-group small.form-text.text-danger {
  display: block;
}

.withdraw_css {
  padding: 15px;
  background-color: rgb(30 65 128);
  color: #fff;
  border-radius: 10px !important;
  opacity: 0.6;
  display: flex !important;
  transition: border 0.3s ease;
  border: 2px solid transparent;
}

.withdraw_css.active {
  border: #0080c8 solid 5px;
  opacity: 1;
}

.withdraw_css:hover {
  cursor: pointer;
  border: 2px solid #0080c8;
}

/* CSS để tạo menu dọc */
#tab_withdraw_affiliate {
  padding: 10px;
  width: 150px;
}

@media (max-width: 600px) {
  #tab_withdraw_affiliate {
    display: flex;
    padding-left: 10px;
    width: 100%;
  }
}

.nav-tabs {
  list-style-type: none;
  padding: 0;
}

.help_affiliate {
  width: 100%;
  margin-top: 20px !important;
}

.nav-link {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.nav-link:hover {
  background-color: #0E80C3;
  color: #ffffff !important;
}

.nav.nav-tabs .nav-item .nav-link.active {
  color: #007527 !important;
}

.nav.nav-tabs .nav-item .nav-link.active:after {
  background: -webkit-linear-gradient(60deg, #007527, #007527) !important;
  background: linear-gradient(30deg, #007527, #007527) !important;
}

@media (max-width: 600px) {

  .withdraw-responsive {
    overflow-x: auto;
    white-space: nowrap;
  }

  .withdraw-responsive::-webkit-scrollbar {
    display: none;
    /* cho Chrome, Safari, and Opera */
  }

  .menu-list {
      list-style-type: none;
      padding: 0;
      margin: 0;
      width: 200%;
      display: flex;
  }

  .menu-item {
      display: inline-block;
      margin-right: 20px; /* Khoảng cách giữa các mục menu */
  }

  .menu-item:last-child {
      margin-right: 0; /* Loại bỏ khoảng cách ở mục cuối cùng */
  }
}

.card-custom {
  border-radius: 10px !important;
}

.text-balance {
  color: #0080c8 !important;
  font-size: 3rem !important;
}