table1 {
    height: 500px;
}
table td,
table th{
    color: black;
    font-size: 14px !important;
}
.form-control-label, .form-control{
    color: black;
}
.form-control:focus{
    color: black;
}
/* Buttons */
.column-action button
{
    border-radius:3px 3px 3px 3px;
    padding-top:1px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:1px;
    font-size:12px;
}
.form-checkbox
{
    height: auto;
}
.form-custom-control
{
    font-size: 12px;
    max-height:29px;
    padding: 5px;
}
.flex-column .my-3
{
    margin-top: 0.3rem !important;
    margin-right: 1.5rem;
    margin-bottom: 0.3rem !important;
    margin-left: 1.5rem;
}
.order-table input
{
    padding: 0 !important;
    margin-left: 0 !important;
    color: #0c9cb7;
    border-spacing: 0 !important;
}
.th-pid
{
    width: 35%;
}
.th-description
{
    width: 20%;
}
.th-qty
{
    width: 8%;
}
.th-price_iq, .th-amount_iq
{
    width: 12%;
}
.th-price_us, .th-amount_us
{
    width: 8%;
}
.tt-dropdown-menu { text-align: right; }
.ui-autocomplete-input { text-align: right; }
.custom-control-label::before { right: -1.25rem; }
.custom-control-label::after { right: -1.25rem; }
.custom-control-label { right: 1.5rem; }

/* Details Div */
.thumbs { display: block; position: relative;}

/** detail panel **/
.details-pane { display: none; color: #414141; background: #f1f1f1; border: 1px solid #a9a9a9; position: absolute; top: -10px; right: 5px; z-index: 99999; width: 350px; padding: 4px 4px;
    text-align: center; -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.4); -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.4); box-shadow: 1px 3px 3px rgba(0,0,0,0.4);}
.table-striped tbody tr:hover td{ background-color:#ccc;}
.table-striped tbody tr:nth-of-type(odd) { background-color: #e0e0e0;}


@media print {
    @page
    {
        size: auto; /* auto is the initial value */
        margin: 10mm 8mm 10mm 8mm; /* this affects the margin in the printer settings */
    }

    .sidenav, .formNoPrint, .navbar, .column-action, .btn, .footer-counter, .header-counter, .thead-light> tr:first-child
    { display: none !important;}
    table {
        -fs-table-paginate: paginate;
    }
    table td
    {
        font-size: 13px !important;

    }
    tr:nth-child(even) td {
        background-color: #dbd8d8 !important;
        -webkit-print-color-adjust: exact;
    }
}