@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');


body {
    font-family: 'Oxygen', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.top-nav-links,
.side-nav,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oxygen', "Raleway", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #007a00;
    letter-spacing: 1px;
}

a {
    color: #007a00;
    margin-bottom: 18px !important;
}
a:hover {
    color: #85c24a;
}
img#sitelogo {
   width: 100% !important;
   height: auto;
   padding: 30px 50% 25px 30px;
   background-color: #dddddd;
}
h1 {
   font-size: 34px;
}
h1#pagetitle {
   padding: 18px 16px 0 16px;
   color: #007a00;
}
#breadcrumbs {
   padding: 6px 16px 0 16px;
   font-size: 12px;
}
a.breadlink {
   color: #85c24a;
}
a.breadlink:hover {
   color: #007a00;
}
button, input[type="submit"] {
   background-color: #85c24a;
   border-color: #007a00;
}
button:hover, input[type="submit"]:hover {
   background-color: #70ad35;
   border-color: #003d00;
}
#columnleft {
   background-color: #f3f3f3;
   border: none !important;
}
#columnright {
   border: #ffffff;
   border: none !important;
}

.main .container h1 {
   color: #007a00 !important;
}
ul.menu_items li {
   background: rgba(0,0,0, 0.1);
   padding: 1%;
}
ul.menu_items li a {
   color: #007a00;
}
ul.menu_items li a:hover {
   color: #003d00;
}
.top-nav-links a:hover {
   color: #007a00;
}

label, select[name="example_length"], div#example_info.dataTables_info, div#example_paginate.dataTables_paginate.paging_simple_numbers, div#suppliertable_info.dataTables_info, div#products_info.dataTables_info, div#orders_info.dataTables_info, .dataTables_paginate {
   font-size: 14px;
}
select[name="example_length"] {
   margin-bottom: 3px;
}
label {
   margin-top: 12px;
   margin-bottom: 4px;
}
table.dataTable.display > tbody > tr.odd.selected>*, table.dataTable.display > tbody > tr.even.selected>* {
   box-shadow: #67a32b 0px 0px 0px 9999px inset !important;
}
table.dataTable.display > tbody > tr.odd.selected:hover > *, table.dataTable.display > tbody > tr.even.selected:hover > * {
   box-shadow: #85c24a 0px 0px 0px 9999px inset !important;
}

table#suppliertable td:nth-child(1) {
   color: #007a00;
}
table#products {
   padding-top: 24px;
}


td input.ordqty:hover, td input.ordqty:active, td input.ordcost:hover, td input.ordcost:active, td input.prodbar:hover, td input.prodbar:active {
   background-color: #ffffff;
   border-color: #007a00;
}
p#addordersup, p#addordername, p#addorderdate {
   padding: 6px 12px 6px 12px;
   border-radius: 4px;
   background-color: #ffffff;
}
td input.ordqty, td input.ordcost, td input.prodbar {
   margin-top: 9px;
   margin-bottom: 9px;
}
/*
input#ordername {
   font-size: 24px;
   padding: 24px 9px 24px 9px;
}
*/
#addordername:hover, addordername:active, input#ordername:hover, input#ordername:active, input#orderdate:hover, input#orderdate:active {
   border: 1px solid #007a00;
   font-size: 16px;
   background-color: #ffffff;
}
input#ordername, p#addordername, p#ordername, #addorderdate, p#orderdate, #orderdetname, #orderdetname, p#orderdetname, #orderdetdate, #addordersup, p#addordersup {
   font-size: 16px !important;
}
/*
input#ordername:hover, input#ordername:active, input#orderdate:hover, input#orderdate:active {
   padding: 24px 9px 24px 9px !important;
}
*/

#ordersupname, #orderdetname, #orderdetdate {
   /* width: 32%; */
   float: left;
}
#editordets {
   padding-bottom: 24px;
}
#editordets select#supplier_id{
   min-height: 38px;
   background-color: #ffffff;
}
button#viewaddedorder {
   margin-top: 24px;
}
a#vieworderlink:visited {
   color: #007a00;
}
a#vieworderlink:hover {
   color: #85c24a;
}

/* Highlight missing barcode line */
table.dataTable tbody tr.barcodeerror {
   background-color: rgba(255, 0, 0, 0.6) !important;
   color: #eeeeee;
}

#addordersup, #addordername, #addorderdate {
   min-width: 250px;
}

input#recref  {
   max-width: 250px;
}
input#recref:active, input#recref:hover {
   background-color: #ffffff;
}
p#recrefplain, p#recref {
   color: #007a00;
   margin-bottom: 18px;
}

.ui-dialog-content .ui-widget-content ul {
   list-style-type: none;
}