:root {
  --focus_color: #028da1;
}
table p {
  margin-bottom: 0;
}
.btn_unset {
  border: unset;
  background: unset;
}
.card_body_khachhang {
  padding: 10px 0 0 0;
}
.center {
  text-align: center;
}
.width_100 {
  width: 100%;
}
table tbody tr:hover {
  cursor: pointer;
}
.focus_color {
  background-color: #4e73df;
  color: #fff;
}
.hidden {
  display: none;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.flex_td {
  flex-direction: column;
  align-items: center;
}
.flex_td p {
  margin-bottom: 0;
}
.card_header_khachhang {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 10px !important;
}
input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0 10px;
}
.control_btn {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#btn_add_chitiet.hidden {
  display: none;
}
.khachhang_tbody tr:hover {
  cursor: pointer;
}
#khachhang_table_header {
  max-height: 270px;
}
.chart_loc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 15px;
}
.Input_Style {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #dddddd;
  width: 20%;
  background: none;
  padding: 6px 0px 6px 0px;
  margin-right: 10px;
}
.datepicker_khachhang {
  width: 110px;
  margin: 0 10px;
}

.khachhang_filter_div select {
  width: 160px;
  margin: 0 10px;
}
.khachhang_tr.active {
  background-color: #4e73df;
  color: #fff;
}
.linktailieu_td:hover {
  cursor: pointer;
}
.chart_home {
  height: 600px;
}
.title_cr {
  font-size: 25px;
  margin-bottom: 0;
}
.logo_ym_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#year_chart.hidden,
#month_chart.hidden {
  display: none;
}
.chart_filter_div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.chart_filter_form {
  display: flex;
  justify-content: center;
  align-items: center;
}
input[name="filter_type"] {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
input[name="filter_type"]:last-child {
  margin-left: 20px;
}

.khachhang_tr.active,
.taskline_tr.active {
  background-color: #606f9d;
  color: #ffff;
}
.task_logo_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.task_logo_header h1 {
  text-align: center;
  margin: 10px 0px;
  padding-bottom: 7px;
}
.ngaydukien_div {
  display: flex;
}
.ngaydukien_class {
  width: 115px;
}
.ngaylaymau_class_child {
  width: 60px;
}
.ngaydukien_div.hidden {
  display: none;
}
#changepass_div.hidden,
#changepass_success.hidden {
  display: none;
}
#filedinhkem_edit_div.hidden,
#nguoiduyet_edit.hidden {
  display: none;
}

.ui-state-default.ui-sortable-helper {
  page-break-inside: avoid;
  background-color: #8eb598 !important;
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  vertical-align: middle;
  border: unset;
}
.ui-state-default.ui-sortable-helper td,
.ui-state-default.ui-sortable-helper th {
  border: unset;
  color: #fff;
}
.ui-state-default.ui-sortable-helper input,
.ui-state-default.ui-sortable-helper textarea,
.ui-state-default.ui-sortable-helper select {
  background-color: #8eb598 !important;
  border: unset;
  color: #fff;
}
@media screen and (max-width: 575.98px) {
  .ngaydukien_div {
    flex-direction: column;
  }
  .container-fluid {
    padding: 0 10px;
  }
  .task_logo_header h1 {
    margin: 0;
  }
  .task_logo_header {
    flex-direction: column-reverse;
  }
  #sidebarToggleTop {
    min-width: 10px;
  }
  h6,
  .btn {
    font-size: 14px;
  }
  .khachhang_filter_div {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    padding: 5px 10px;
  }
  #tenkhachhang_search {
    width: 100%;
  }
  .card_header_khachhang {
    flex-wrap: wrap;
  }

  .title_cr,
  #cr_user_name {
    display: none;
  }
}