[data-theme="dark"] {
  background-color: #222 !important;
  color: #eee;
}

[data-theme="dark"] .Invoice-Box>tbody>tr {
  background-color: #222 !important;
}

[data-theme="dark"] .Invoice-Billing>h2 {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Billing>span {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Shipping>h2 {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Shipping>span {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Notes>h2 {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Notes>span {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Payment>h2 {
  color: #fff !important;
}

[data-theme="dark"] .Invoice-Payment>span {
  color: #fff !important;
}

[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #222 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme="dark"] .text-primary {
  color: #eee !important;
}

[data-theme="dark"] a {
  color: #eee !important;
}

[data-theme="dark"] .btn-link {
  color: #eee !important;
}

[data-theme="dark"] .alert-secondary {
  color: #eee !important;
  background-color: #777 !important;
}

[data-theme="dark"] .list-group-item {
  color: #eee !important;
  background-color: #222 !important;
}

[data-theme="dark"] #footer {
  color: #eee !important;
  background-color: #333 !important;
}

[data-theme="dark"] .carousel-control-prev,.carousel-control-next {
  color: #eee !important;
  background-color: #27864f !important;
}

[data-theme="dark"] tr {
  background-color:#333;
  color: #eee !important;
}

[data-theme="dark"] .table-hover {
  color: #eee !important;
}

[data-theme="dark"] .dropdown-menu  {
  background-color: #444 !important;
}

[data-theme="dark"] .card  {
  background-color: #333 !important;
}

[data-theme="dark"] .navbar  {
  background-color: #333 !important;
}

[data-theme="dark"] .active {
  background-color: #333 !important;
}

[data-theme="dark"] .page-link {
  background-color: #222 !important;
  border: 1px solid #222!important;
}

[data-theme="dark"] .page-item.active .page-link {
  background-color: #2673f1 !important;
  border: 1px solid #2673f1!important;
}

[data-theme="dark"] .rounded-circle {
  background-color: #2673f1 !important;
  border: 1px solid #2673f1!important;
}

[data-theme="dark"] .bg-primary {
  background-color: #333 !important;
}

[data-theme="dark"] .border {
  border: 1px solid #817d7d!important;
}

[data-theme="dark"] .navbar-trim{
  background-color: #555 !important;
}

[data-theme="dark"] #main-search-bar{
  background-color: #999 !important;
  color: #222;
}

[data-theme="dark"] ::placeholder{
  color: #222;
}

[data-theme="dark"] #search-results{
  background-color: #222 !important;
  border: 1px solid #8a8686!important;
}

[data-theme="dark"] .product-ad-row .col-md-6 {
  background-image:none
}

[data-theme="dark"] #name{
  color: #fff !important;
}

[data-theme="dark"] .prev{
  background-color: #222;
}

[data-theme="dark"] .next{
  background-color: #222;
}

[data-theme="dark"] .dropdown-item:hover{
  color: #111 !important;
}

[data-theme="dark"] .top-menu{
  background-color: #444 !important;
}

[data-theme="dark"] .top-menu:hover{
  background-color: #fff !important;
  color: #111 !important;
}

[data-theme="dark"] .ot-builder{
  background-color: #666 !important;
  color: #fff !important;
}

[data-theme="dark"] .modal-content{
  background-color: #555 !important;
}

[data-theme="dark"] .text-primary2{
  color: #eee !important;
}

[data-theme="dark"] .text-primary3{
  color: #eee !important;
}

[data-theme="dark"] .dropdown-item{
  color: #eee !important;
}

[data-theme="dark"] .dropdown-menu{
  background-color: #555 !important;
}

[data-theme="dark"] .table-secondary {
  background-color: #191818 !important;
}

[data-theme="dark"] .negative-block  {
  background-color: #6b6969 !important;
}

[data-theme="dark"] .table-secondary>td {
  background-color: #191818 !important;
}

[data-theme="dark"] .table-secondary {
  background-color: #222  !important;
}

[data-theme="dark"] table.ui-datepicker-calendar > tbody > tr > td {
  background-color: #777 !important;
}
[data-theme="dark"] table.ui-datepicker-calendar > tbody > tr > td > a {
  background: none !important;
}