body {
    background-color: #F6F6F6;
    color: #000000;
}

a, a:active, a:visited
{
  color: #000000;
  outline: none;
}

input
{
    background-color: #fff;
    color: black;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}

#message div.loading
{
    background-color: lightblue;
}

#taskbar
{
    background: url(../images/taskbar2.gif) top right no-repeat;
    color: black;
    position: absolute;
    top:5px;
    padding-top: 4px;
    right: 0px;
    height: 32px;
    width: 600px;
    white-space: nowrap;
    z-index: 9;
    text-align: right;
}

#taskbar a:hover
{
    color: #333333;
}

.dashboardwidget
{
    border: 1px solid #ccc;
    padding: 20px;
}

.sidenav 
{
    position: relative;
    display: flex;
    flex-direction: column;
    top: 10px;
    gap: 10px;
    z-index: 1;
    white-space: nowrap;
    overflow: visible;
    width: auto;
}

.sidenav a:hover {
  color: lightsalmon;
  background-color:#DDDDDD;
  text-decoration: underline;
  border-radius: 5px;
}

.sidenav a {
    padding: 5px 20px 8px 7px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
    white-space: nowrap;
}

.menu_item_selected
{
    background-color: lightgray;
    border-radius: 5px;
}

.menu_item_dashboard_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/dashboard24x24.png);
    left: 10px;
}

.menu_item_receipts_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/wreceipt24x24.png);
    left: 10px;
}

.menu_item_orders_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/order-delivery24x24.png);
    left: 10px;
}

.menu_item_eorders_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/shoppingcart24x24.png);
    left: 10px;
}

.menu_item_invoices_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/bill24x24.png);
    left: 10px;
}

.menu_item_clients_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/customer24x24.png);
    left: 10px;
}

.menu_item_inventory_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/inventory24x24.png);
    left: 10px;
}

.menu_item_items_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/items24x24.png);
    left: 10px;
}

.menu_item_kits_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/kitmaint24x24.png);
    left: 10px;
}

.menu_item_locations_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/rack24x24.png);
    left: 10px;
}

.menu_item_reports_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/reports24x24.png);
    left: 10px;
}

.menu_item_quotes_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/quote24x24.png);
    left: 10px;
}

.menu_item_admin_image
{
    width: 24px;
    height: 24px;
    background-image: url(../images/buttons/admin24x24.png);
    left: 10px;
}

#dashboard
{
    background-color: #f4f4f4;
}

.dashboardwidget
{
    background-color: #fff;
}

.ordertableheader
{
   background-color:  #e66464;
}

.ordertablerowcolor tbody tr:nth-child(even) {
  background-color: #f5e6e6; /* Or any color you prefer */
}


#receiptfiltertable
{
    background-color: #EBEBEB;
}

#receiptcontframe
{
    background-color: #F9F9F9;
}

.bar-chart
{
    background-color: lightgrey;
}