:root.dark {
    --opacity: 0.7;
    --text-color: #fff;
    --bg-color: #414246;
    --border-none: none;
    --border-white: 1px solid #fff;
    --border-right: 1px solid #fff;
  }

  :root.dark #wrapper #content-wrapper {
    background-color: var(--bg-color);
  }

  :root body {
    opacity: var(--opacity);
    color: var(--text-color);
    background-color: var(--bg-color);
  }

  /* select {
    padding: 0.25rem 0.75rem;
    font-size: 17px;
    background-color: var(--bg-color);
    color: var(--text-color);
    border-radius: 0.25rem;
  } */
  
  select {
    padding: 1px 12px;
    font-size: 16px;
    background-color: var(--bg-color);
    color: var(--text-color);
    border-radius: 0.25rem;
    /* border: none; */
}

  :root.dark .modal-content {
    color: #000;
  }


  /* -------Header-------- */
  :root.dark #page-header .navbar .navbar-brand img {
    filter: invert(1);
  }

  :root.dark #page-header .navbar li:not(:last-child) {
    border-right: var(--border-right);
  }

  /* -----End Header------ */

  /* -------POS Sale -------- */
 :root.dark .Side-line span,
 :root.dark .custom-table>thead {
    color: var(--text-color);
  }

  :root.dark #pos-sale,
  :root.dark .calculation-area,
  :root.dark .custom-table>tbody,
  :root.dark #page-header .navbar {
    background-color: var(--bg-color);
    color: var(--text-color);
  }

 :root.dark .calculation-area td,
 :root.dark #page-header .navbar .nav-link {
    color: var(--text-color);
  }

  /* -----End POS Sale *------ */

  /* -------Dinein Page-------- */
 :root.dark #dineIn .aod .nav-link p,
 :root.dark #dineIn #all-table-tab,
 :root.dark #dineIn #running-orders-tab,
 :root.dark #dineIn #completed-orders-tab,
 :root.dark #dineIn #completed-orders td,
 :root.dark #dineIn #completed-orders th {
    color: var(--text-color);
  }

 :root.dark #completed-orders img {
    filter: invert(1);
  }

  /* -----End Dinein Page------ */


  /* ----Delivery Order Page---- */
 :root.dark #delivery .nav-pills .nav-link {
    color: var(--text-color);
  }

 :root.dark #delivery .card {
    border: var(--border-none);
  }

  /* --End Delivery Order Page-- */

  /* ---- Collection Order Page---- */
 :root.dark #collection .nav-pills .nav-link {
    color: var(--text-color);
  }

  :root.dark #collection .card {
    border: var(--border-none);
  }

  /* --End Collection Order Page--- */

  /* ---- Todaytaking Page---- */
  :root.dark #todaytaking .nav-tabs .nav-link {
    color: var(--text-color);
  }

  :root.dark #todaytaking .Print_export .btn {
    color: var(--text-color);
  }
  #todaytaking .Print_export .table td p {
    color: var(--text-color);
}
  :root.dark #cashDcounterModal #todaytaking th,
  :root.dark #cashDcounterModal #todaytaking td {
    border: var(--text-color) !important;
}
  :root.dark #todaytaking .tab-content th,
  :root.dark #todaytaking .tab-content td {
    color: var(--text-color);
    border-color: var(--border-white) !important;
}
 :root.dark #todaytaking .button-borders:before,
 :root.dark #eodbanking .button-borders:before {
  border: var(--border-white);
  border-bottom: 0px;
}
:root.dark #todaytaking .button-borders:after, 
:root.dark #eodbanking .button-borders:after {
  border: var(--border-white);
  border-top: 0px;
}
:root.dark #todaytaking #ViewReports {
  color: var(--text-color);
  border: var(--border-white);
}
  /* --End Todaytaking Page--- */


 /* ---- Eodbankig Page---- */
  :root.dark #eodbanking .Print_export .btn {
    color: var(--text-color);
  }
  :root.dark #eodbanking .eodbankigTables th, 
  :root.dark #eodbanking .eodbankigTables td {
    color: var(--text-color);
    border-color: var(--border-white) !important;
}
#eodbanking .Print_export .table td p {
  color: var(--text-color);
}
  /* --End Eodbankig Page--- */


/* ---- Completedorders Page---- */
:root.dark #completedOrders .nav-link {
  color: var(--text-color);
}
:root.dark #completedOrders th,
:root.dark #completedOrders td {
  color: var(--text-color);
  border-color: var(--border-white) !important;
}
:root.dark #completedOrders img {
  filter: invert(1);
}
/* --End Completedorders Page--- */











  /* :root, 
    :root.light {
      --bg-color: #fff;
      --text-color: #123;
    } */

  /* :root.blue {
      --bg-color: #05396B;
      --text-color: #E7F1FE;
    }
     
    :root.pink {
      --bg-color: #ffcad4;
      --text-color: #e75480;
    }
     
    :root.space {
      --bg-color: #000;
      --text-color: #f2bd16;
      --bg-url: url(//space);
    }
     
    :root.nyan {
      --bg-color: #013367;
      --text-color: #fff;
      --bg-url: url(//nyan);
    } */