/* ==========================
// Common
===========================*/
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.row-flex .content {
  height: 100%;
}

body {
  font-size: 14px;
}

.pointer {
  cursor: pointer;
}

.fa-info-circle {
  font-size: 12px !important;
}

.tooltip {
  white-space: pre-line;
}

.paraphrap-confirm {
  font-size: 20px;
}
/* ===========================
// Custom dataTable 
============================*/
.dataTables_paginate {
  display: inline-block !important;
  float: right;
}

.dataTables_length {
  display: inline-block !important;
  float: right;
  margin-top: 2px !important;
  margin-left: 15px !important;
}

.dataTables_length label select {
  height: 35px !important;
  line-height: 1 !important;
}

.table-hover > tbody > tr:hover > * {
  --cui-table-accent-bg: unset !important;
}

table.table-hover tbody tr:hover {
  background: #eef7ff;
}
/* ================================
// Sort của table
================================ */
table.dataTable thead .sorting span { background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_both.png') no-repeat center right; background-size: 16px;}
table.dataTable thead .sorting_asc span { background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc.png') no-repeat center right; background-size: 16px;}
table.dataTable thead .sorting_desc span { background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc.png') no-repeat center right; background-size: 16px;}

table.dataTable thead .sorting_asc_disabled span { background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc_disabled.png') no-repeat center right; background-size: 16px;}
table.dataTable thead .sorting_desc_disabled span { background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc_disabled.png') no-repeat center right; background-size: 16px;}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before{
  color: white;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after{
  color: white;
}

table.dataTable thead span.sort-icon{
  display: inline-block;
  padding-left: 5px;
  width: 16px;
  height: 16px;
  position: absolute;
  margin-top: 4px;
}

/* ===============================
// Delete sort icon in table
=============================== */
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
    display: none !important;
}
 
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
  display: none !important;
}
 
/* Active sort icon */
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::after {
  display: none !important;
}

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
  padding-right: 21px !important;
}

table > tbody > tr > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* ============================== */
/* ===== Data Table filter ====== */
/* ============================== */
table.dataTable {
  margin-top: 15px !important;
}

.custom-datatable-filter {
  position: absolute;
  width: calc(100% - 208px);
}

.select2-dropdown {
  margin-top: -4px !important;
}

.custom-datatable-filter .select2 {
  height: 35px;
}

.custom-datatable-filter .label-filter {
  width: 140px;
  display: block;
}

.custom-datatable-filter .select2-selection--single {
  height: 31px !important;
}

.custom-datatable-filter .form-select,
.custom-datatable-filter .input-filter,
.custom-datatable-filter-outside .form-select,
.custom-datatable-filter-outside .input-filter {
  width: 140px !important;
}

.custom-datatable-filter-outside button {
  margin-top: -5px !important;
}

.custom-datatable-filter-outside .select2-container {
  display: block;
}

.custom-datatable-filter-outside .select2-selection {
  height: 31px !important;
}

.custom-datatable-filter .form-control {
  display: unset !important;
  /* width: unset !important; */
  min-width: 100px;
}

.custom-datatable-filter .label-filter {
  margin-bottom: 3px;
}

.form-select-sm-custom .select2-selection--single {
  height: 31px !important;
}

.table .td-sortable {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'5px'%20height%3D'24px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%205px%2024px'%3E%3Cpath%20fill%3D'%23516f90'%20d%3D'M0%200h2v2H0V0zm0%208h2v2H0V8zm0%208h2v2H0v-2zM0%204h2v2H0V4zm0%208h2v2H0v-2zm0%208h2v2H0v-2zM3%200h2v2H3V0zm0%208h2v2H3V8zm0%208h2v2H3v-2zM3%204h2v2H3V4zm0%208h2v2H3v-2zm0%208h2v2H3v-2z'%2F%3E%3C%2Fsvg%3E");
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: move;
}

.dataTables_scrollBody thead .sort-icon {
  display: none !important;
}

.dataTables_scrollHead .dataTables_scrollHeadInner .table{
  border-top: 1px solid #d8dbe0;
}

/* .dataTables_scrollHead table thead th:first-child {
  border-left: 1px solid #d8dbe0;
} */

/* =================================== */
/* ======= Custom button resend ======  */
/* =================================== */
.resend{
  font-size: 12px;
}

.resend-button{
  color: #39f !important;
  cursor: pointer;
}

.resend-button:hover{
  color: #52a8ff !important;
}

/* Dấu hoa thị ở các form */
.asteriskField {
  color: red !important;
}

a {
  text-decoration: none !important;
}

/* ================================
// Custom lại sidebar
================================ */
.sidebar-nav .nav-icon {
  position: relative;
}

.sidebar-nav .nav-item .fa,
.sidebar-nav .nav-item .icon {
  position: absolute;
  left: 23px;
  font-size: 19px;
}

.sidebar-nav .nav-item .fa {
  top: 2px;
}

.simplebar-content {
  min-height: unset !important;
}

#confirm-nested{
  width: 100%; 
  height: calc(100% + 64px); 
  background: rgba(200, 206, 211, 0.5); 
  position: absolute; 
  top:-64px; 
  left: 0; 
  z-index: 100000
}

/* ================================ */
/* ==== Style for popup confirm === */
/* ================================ */
.confirm-nested-close{
  color: #e4e7ea;
}

.confirm-nested-close:hover{
  color: #5c6873;
}

/* Validator */
.help-block{
  color: red;
}

/* ============================= */
/* ========== Sidebar ========== */
/* ============================= */
.nav-link .cil-level-up {
  transform: rotate(90deg);
}

/* ============================= */
/* =========== Badge =========== */
/* ============================= */
.bg-pink {
  background: #f26fb2;
}

.bg-organge {
  background: coral;
}

.bg-yellow {
  background: #fed330;
  color: #4f5d73
}

.bg-green {
  background: yellowgreen;
}

.bg-blue {
  background: #4573d2;
}

.bg-purple {
  background: #6f42c1d1;
}

/* ======================= */
/* === header-card-icon == */
/* ======================= */
.card-header-custom {
  padding-top: 11px;
  padding-bottom: 11px;
}

.card-header-icon {
  font-size: 17px !important;
  color: #3399ff;
}

.header-card-title {
  font-size: 17px;
  text-transform: uppercase !important;
  font-weight: 500;
  color:#3399ff
}

.card-header-custom-v1 {
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold;
}

.card-header-custom-v1 .fa-info-circle {
  font-size: 13px !important;
  padding-left: 2px !important;
  color: #9da5b1 !important; 
}

.card-header-custom-v1 .fa-info-circle:hover {
  color: #737983 !important;
}
/* ======================== */
/* ===== Select Multi ===== */
/* ======================== */
.form-multi-select-options {
  max-height: 500px;
  overflow-y: auto;
  font-size: 12px;
}

.form-multi-select-option {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

/* ========================= */
/* ======= Form Crisy ====== */
/* ========================= */
label {
  font-weight: 600;
}

table th {
  font-weight: bold;
}

/* ========================= */
/* ======== Select 2 ======= */
/* ========================= */
.form-select-custom .select2-container .select2-selection {
  height: 38px !important;
  font-size: 16px !important;
  padding-top: 3px !important;
}

.form-select-custom .select2-selection__arrow  b {
  top: 70% !important;
}

/* ========================= */
/* ======== Icon info======= */
/* ========================= */
.fa-info-circle.text-secondary:hover {
  color: #4f5d73 !important;
}

.text-center-v2 {
  display: flex; 
  justify-content: center; 
  align-items: center;
}

/* ========================= */
/* ==== List Function ====== */
/* ========================= */
.list-function .icon {
  font-size: 60px !important;
  margin-left: -44px;
}

.list-function .text-function {
  font-size: 22px;
  white-space: nowrap;
}

.list-function .text-function-small {
  font-size: 22px;
  line-height: 1;
}

.title-two-line {
  padding-bottom: 31px;
}

.title-two-line:hover .text-function-small {
  color: #39f;
}

.list-function .card {
  border: 1px solid rgb(255, 255, 255) !important;
}

.list-function .card:hover {
  box-shadow: 0 0 5px rgb(126, 185, 245);
  border: 1px solid #39f !important;
}

.list-function .card:hover .icon,
.list-function .card:hover .text-function {
  color: #39f !important;
}

.toast-body .des {
  white-space: normal;
}

.live_notify_list {
  max-width: 500px !important;
}

.live_notify_list .dropdown-item {
  white-space: normal !important;
}

.error-code{
  line-height: 100px;
  /* font-family: 'Finger Paint', cursive; */
  /* font-family: 'Bungee Shade', cursive; */
  font-family: 'Vast Shadow', cursive;
  font-size: 100px;
  margin: 0;
  -webkit-text-fill-color: transparent;
  background: -webkit-gradient(linear,left top,left bottom,from(#ff0052),to(#e55353));
  /* background-image: url('/static/assets/img/bg-error.jpg'); */
  -webkit-background-clip: text;
}

.nav-underline li:nth-child(1) .nav-link {
  padding-left: 0 !important;
}

.select2-dropdown,
select option {
  color: black !important;
}

.date-picker-wrapper {
  position: absolute !important;
}

.real-date {
  width: 0;
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
}

.toaster {
  z-index: 10000 !important;
}

.date-picker-wrapper,
.datepicker {
  z-index: 1200 !important;
}

small {
  font-size: 11px !important;
}

/* ========================================= */
/* ============== Nest Popup =============== */
/* ========================================= */
.nested-popups {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding-top: 24px;
}

.popup-wrap-content {
  width: 80%;
  margin: auto;
  background: white
}

.btn-popup-nested {
  border: none;
  background: none;
  position: absolute;
  top: 33px;
  font-size: 16px;
  right: 135px;
  color: #a2a2a2;
}

.btn-popup-nested:hover {
  color: 	#2f353a;
}

/* Date Range */
.shortcuts a {
  padding: 5px;
  border: 1px solid #0076A3;
  border-radius: 4px;
  background: -webkit-gradient(linear,left top,left bottom,from(#00ADEE),to(#0078A5));
  color: #fff !important;
}

.btn-login:hover {
  text-decoration: underline !important;
}