:root {
  --primary_color: #346cb0;
  --dark_color: #141414;
  --bg_dark: #222230;
  --light_color: #f6f7f9;
  --white_color: #fff;
}
body.dark-skin .card-header.bg-warning {
  color: var(--dark_color);
}

body.dark-skin .btn.btn-warning {
  color: var(--dark_color);
}

body.dark-skin .form-upload-image {
  background-color: var(--bg_dark);
}

body.dark-skin .daterangepicker.ltr.show-calendar.opensright.drop-up,
body.dark-skin .daterangepicker.ltr.show-calendar.opensright {
  background-color: var(--bg_dark);
}

body.dark-skin .daterangepicker .calendar-table {
  background: var(--bg_dark);
  border-color: var(--bg_dark);
}

body.dark-skin .daterangepicker td.off,
body.dark-skin .daterangepicker td.off.in-range,
body.dark-skin .daterangepicker td.off.start-date,
body.dark-skin .daterangepicker td.off.end-date {
  background-color: var(--dark_color);
}

body.dark-skin .daterangepicker td.active, .daterangepicker td.active:hover {
  color: #000;
  background-color: #999;
}

body.dark-skin .daterangepicker td.available:hover, .daterangepicker th.available:hover {
  color: #000;
  background-color: #999;
}

body.dark-skin .swal2-popup.swal2-modal.swal2-show {
  background: #0c0c13;
  border: 3px solid #0c4871;
}

body.dark-skin h2#swal2-title {
  color: #f8bb86;
}

body.dark-skin div#swal2-content {
  color: #d0b49c;
}
body.dark-skin .invoice-header table, body.dark-skin .invoice-body table {
  color: #212529;
}
body.dark-skin .invoice .table .thead-light th {
  background-color: var(--light_color) ;
  color: #363642;
}
body.dark-skin .table .thead-light th {
  color: #363642;
  background-color: var(--light_color) ;
  border-color: #ecedf1 ;
}
body.dark-skin .img-thumbnail {
  background-color: var(--white_color) !important;
}