html {
    font-size: 14px;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    color: var(--bs-secondary-color) !important;
    font-size: 65%;
}

:root {
    --bs-navbar-nav-item-padding-y: 0.6rem;
    --bs-navbar-nav-item-padding-x: 0.6rem;

    --bs-navbar-nav-item-hover-color: var(--bs-gray-200);
    --bs-navbar-nav-item-active-color: var(--bs-gray-300);
}

nav.navbar {
    background-color: var(--bs-gray-100);
}

nav.navbar li.nav-item {
    padding-top: var(--bs-navbar-nav-item-padding-y);
    padding-bottom: var(--bs-navbar-nav-item-padding-y);
    padding-left: var(--bs-navbar-nav-item-padding-x);
    padding-right: var(--bs-navbar-nav-item-padding-x);
}

nav.navbar li.nav-item:hover  {
    background-color: var(--bs-navbar-nav-item-hover-color);
}

nav.navbar li.nav-item.active:not(:hover) {
    background-color: var(--bs-navbar-nav-item-active-color);
}

.tip {
    border-bottom: 1px dashed grey;
    cursor: help;
}

.text-bold {
    font-weight: bold;
}

.bigtext {
    font-weight: bold;
    color: lightgrey;
    font-size: 150px;
    display: none;
}

.smalltxt {
    font-size: small;
}

.invheaderext {
    background-color: lightblue;
    font-size: small;
    border: 1px solid black;
    margin-left: 15px;
}

.route_hover:hover {
    background-color: #8899FB;
    cursor: pointer;
}

.thinhr {
    background-color: black;
    margin:0px;
    padding:0px;
    border:0px solid black;
    line-height:0px;
    height:1px;
}

.transwhitebg {
    /* background-color: white; */
    /* filter:alpha(opacity=80);  */
   -moz-opacity: 0.8;
   opacity: 0.8;
}

.transwhitebg_lowtrans {
    background-color: white;
    /* filter:alpha(opacity=80);  */
   -moz-opacity: 0.95;
   opacity: 0.95;
}

.vertline {
    background-color: lightgrey;
    width: 1px;
    margin: 0px;
    padding: 0px;
}

.invrowhi {
    background-color: #F3F3F3;
    border-collapse: collapse;
}

.invrowlo {
    background-color: white;
    border-collapse: collapse;
}

.searchrowhi {
    font-size: small;
    background-color: #F3F3F3;
    border-collapse: collapse;
}

.searchrowlo {
    font-size: small;
    background-color: white;
    border-collapse: collapse;
}

.searchrowhi:hover, .searchrowlo:hover {
    background-color: orange;
    border-collapse: collapse;
    cursor: pointer;
}

.rxhi {
    font-size: small;
    background-color: #F3F3F3;
    border-collapse: collapse;
}

.rxrow-select {
    font-size: small;
    background-color: lightblue;
    border-collapse: collapse;
}

.rxrow-select TD {
 border-collapse: collapse;
 border-top: 1px dashed black;
 border-bottom: 1px dashed black;
}

.rxlo {
    font-size: small;
    background-color: white;
    border-collapse: collapse;
}

.invrowspecial {
    background-color: #FFE770;
}

.alloctext {
    color: green;
}

.remaintext {
    color: red;
}

.invrow-select {
 /* border-collapse: collapse; */
 background-color: lightgreen;
 border: 1px solid black;
}

.invrow-select TD {
 /* border-collapse: collapse; */
 border-top: 1px dashed black;
 border-bottom: 1px dashed black;
}

.rxdetailline, .rxdetailline-enote {
     background-color: lightblue;
     font-size: x-small;
     margin: 0px;
     padding: 0px;
     line-height: 8px;
}

.scdetailline, .scdetailline-unmatched {
    background-color: #BAD979;
    font-size: x-small;
    margin: 0px;
    padding: 0px;
    line-height: 8px;
}

.scunmatched-header {
background-color: #FFF790;
}

.rxdetailline-enote {
    background-color: #F2B2B2;
    cursor: pointer;
}

.erxdetailline {
     background-color: #FFF5BD;
     font-size: x-small;
     margin: 0px;
     padding: 0px;
     line-height: 8px;
}

.rxdeletecell {
    cursor: pointer;
    /* pointer: hand; */
    font-weight: bold;
    text-decoration: underline;
}

.plonker {
    cursor: pointer;
}

.plonker_highlight {
    font-weight: bold;
    background-color: #EAC8AA;
}

.oflag, .Oflag, .flag0, .flago, .flagO {
background-color: #F26262;
}
.pflag, .Pflag, .flagp, .flagP {
background-color: #FFD770;
}
.fflag, .Fflag, .flagf, .flagF {
background-color: #79D969;
}

.enote_inboxline:hover td, .enote_inboxline_alt:hover td, .enote_inboxline_b:hover td, .enote_inboxline_alt_b:hover td {
    cursor: pointer;
    background-color: orange;
}

.enote_inboxline_alt td {
    background-color: #FFD770;
    padding: 5px 20px 5px 5px;
}

.enote_inboxline td {
    background-color:#FFF299;
    padding: 5px 20px 5px 5px;
}

.enote_inboxline_alt_b td {
    font-weight: bold;
    background-color: #FFD770;
    padding: 5px 20px 5px 5px;
}

.enote_inboxline_b td {
    font-weight: bold;
    background-color:#FFF299;
    padding: 5px 20px 5px 5px;
}

#edit_product input[type="textbox"] {
    width: 250px;
    padding: 2px 5px;
}
#edit_product input[type="radio"] {
    width: 80px;
}

.pad15 {
    padding-left: 15px;
    padding-right: 15px;
}

#unallocated_window, #orderlookup_window {
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 20px;
    padding-bottom: 0px;
    height: 42%;
    width: 100%;
    /*border: 1px solid black;*/
    background-color: none;
    position: fixed;
    z-index: 9001;
    top: 60%;
    left: -3px;
    /* left: 15; */
}
#unallocated_close, #orderlookup_close {
    background-color: none;
    padding: 2px;
    padding-right: 5px;
    float: right;
}

#unallocated_outer, #orderlookup_outer {
    height: 90%;
    background-color: white;
    padding: 0px;
    border: 1px solid black;
    overflow: auto;
}

#unallocated_inner, #orderlookup_inner {
    background-color: white;
    padding: 20px;
}

#unallocated_inner table, #orderlookup_inner table {
    padding-top: 10px;
}

#unallocated_table_header, #orderlookup_table_header {
    text-align: center;
}

.plist_btn, .plist_btn:hover, .plist_btn:focus {
    min-width: 80px;
    border: 0;
    background-color: white;
    cursor: pointer;
    pointer: hand;
}

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
    font-size: 0.8em;
}

.hand {
    cursor: pointer;
    pointer: hand;
}

.order_remaining {
    font-weight: bold;
    font-size: 125%;
}


.barcode-strike {
    position: relative;
}

.barcode-strike::after {
    border-bottom: 2px solid red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 42%;
    margin-right: 2px;
    margin-left: 2px;
}

.rowhi {
    background-color: #F3F3F3;
    border-collapse: collapse;
}

.rowlo {
    background-color: white;
    border-collapse: collapse;
}

#products_table tr:not(:first-child) {
    font-size: small;
    height: 2.8em;
}

@media (max-width: 1699px) {
    #products_table tr:not(:first-child) {
        height: 4.2em;
    }
}

#products_table td.code {
    width: 7em;
}

#products_table td.description,
#products_table td.comments {
    width: 30em;
}

#products_table td.note {
    width: 34em;
}

#products_table td.manufacturer {
    width: 7em;
}

#products_table td.size {
    width: 7em;
}

#products_table td.ncode {
    width: 7em;
}

#products_table td.ppaprice,
#products_table td.price,
#products_table td.zd {
    width: 3em;
}

#products_table td.extra {
    white-space: nowrap;
    width: 100px;
}

#products_table td.extra i {
    padding: 2px;
}

#products_table td.spacer-fill {
    width: auto;
}

.thingreyhr {
    border: 0 none;
    border-top: 1px solid lightgray;
    min-height: 10px;
    margin-top: 5px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.bg-muted {
    background-color: #F8F8F8;
}

.bg-white {
    background-color: #fff;
}

.lightbox {
    white-space: nowrap;
}

.form-control-nobg {
    /*background-color: #fff;
    background-image: none; */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.nobordertop, .nobordertop td, .nobordertop th {
    border-top: 0 !important;
}

.noborderbottom, .noborderbottom td, .noborderbottom th {
    border-bottom: 0 !important;
}

@media print {
    body {
        padding-top: 0;
    }
}

input[readonly] {
    color: gray;
}

.swal2-popup {
  font-size: 1.6rem !important;
}

.swal2-popup .swal2-styled {
    padding: .625em 1em !important;
}


.high-zindex {
    z-index: 9999;
}


.ui-state-error {
    border: 1px solid #f00;
	background: #d00;
	font-weight: normal;
	color: #ffffff;
}

/* Show/hide helpers from Bootstrap 3 */
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}

.titan_text {
    background: #007bff;
    color: #fff;
    padding: 1px 4px;
    font-weight: bold;
}

.proscript_text {
    background: #6bc7ef;
    border: 1px solid #318AC6;
    color: #fff;
    padding: 0px 3px;
    font-family: Tahoma, sans-serif;
}

.clipboard {
    cursor: pointer;
    pointer: hand;
}


.bg-rx-green, .bg-rx-green td, .bg-rx-green th {
    background-color: #A6F1A6;
}

.bg-picksheet-pink, .bg-picksheet-pink td, .bg-picksheet-pink th {
    background-color: ##FAD8CA;
}

.bg-unite-blue, .bg-unite-blue td, .bg-unite-blue th {
    background-color: #CAE8FA;
}

.bg-payment-purple, .bg-payment-purple td, .bg-payment-purple th {
    background-color: #E1B7F4;
}

.bg-rx-green th, .bg-picksheet-pink th, .bg-unite-blue th, .bg-payment-purple th {
    background: linear-gradient(
          rgba(0, 0, 0, 0.2),
          rgba(0, 0, 0, 0.2)
        );
}

.rx-green {
    color: #A6F1A6;
}

.picksheet-pink {
    color: ##FAD8CA;
}

.unite-blue {
    color: #CAE8FA;
}

.payment-purple {
    color: #E1B7F4;
}