body,html {
    margin: 0 5px;
    font-family: Verdana,sans-serif;
}
h1 {
    font-size: 1.4em;
    color: #008000;
}
a {
    color: #008000;
}

#logged-in-as
{
    float:right;
}

.userName{
  font-size: 2.5em;
}

.ico-out   { display:block; width:48px; height:46px; font-size:0; line-height:0; background:url(../images/inv-out.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.ico-virout   { display:block; width:48px; height:46px; font-size:0; line-height:0; background:url(../images/inv-virout.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.ico-canc   { display:block; width:48px; height:46px; font-size:0; line-height:0; background:url(../images/inv-canc.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.ico-in   { display:block; width:48px; height:46px; font-size:0; line-height:0; background:url(../images/purch_phyIn.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.ico-memoPhyIn   { display:block; width:48px; height:46px; font-size:0; line-height:0; background:url(../images/memo_phyIn.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.ico-purchPhyIn   { display:block; width:48px; height:46px; font-size:0; line-height:0; background:url(../images/purch_phyIn.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }



.btn-remove { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-save   { display:block; width:38px; height:36px; font-size:0; line-height:0; background:url(../images/btn-save.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-run   { display:block; width:32px; height:32px; font-size:0; line-height:0; background:url(../images/btn-run.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-param   { display:block; width:48px; height:27px; font-size:0; line-height:0; background:url(../images/btn-param.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }


.docType2 {color: #307D7E;}
.docType3 {color: #8D38C9;}
.docType4 {color: #1589FF;}
.docType5 {color: #4AA02C;}

.statPend  {color: #FF0000;}
.statProc  {color: #2554C7;}
.statCanc {color: #7E3817;}
.statComp {color: #008000;}

.orderQty {cursor: pointer; color: #013ADF;}
.itemPrice {cursor: pointer; color: #013ADF;}
.cusGrp1  {color: #FF0000;}
.cusGrp2  {color: #0000FF;}

#salesorderHeaderTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

#backordersTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#backordersTable td, #backordersTable th
{
font-size:1.2em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#backordersTable th
{
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
#backordersTable tr.alt td
{
color:#000;
background-color:#EAF2D3;
}

#purchaseDataTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:50%;
border-collapse:collapse;
}
#purchaseDataTable td, #purchaseDataTable th
{
font-size:1.2em;
border:1px solid #98bf21;
padding:1px 3px 1px 3px;
}
#purchaseDataTable th
{
font-size:1.4em;
text-align:left;
padding-top:2px;
padding-bottom:2px;
background-color:#A7C942;
color:#fff;
}
#purchaseDataTable tr.alt td
{
color:#000;
background-color:#EAF2D3;
}

#flowActions
{
  background: #E3E4FA;
}

/*Memo states*/

.statMemoPend  {color: #FF0000;}
.statMemoAuth  {color: #2554C7;}
.statMemoRej {color: #7E3817;}
.statMemoComp {color: #008000;}

.inv_title1{
    font-size:1.4em;
    font-weight:bold;
}

.inv_level{
        font-size:1.4em;
        font-weight:bold;
        border-width: 2px;
        border-style: dashed;
        border-color: red;
}

.inv_noCalib{
    color:red;
    font-weight:bold;
}

.inv_diffDays{
        font-size:1.2em;
    font-weight:bold;
}

.grlTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
.grlTable td, .grlTable th
{
font-size:1.2em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
.grlTable th
{
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
.grlTable tr.alt td
{
color:#000;
background-color:#EAF2D3;
}

.captMatlCancel{
    color:red;
    font-size:1.2em;
}
.captMatlActive{
    color:green;
    font-size:1.2em;
}

.captMatlId{
        font-size:1.2em;
}
.captMatlMark{
    color:red;
    font-size:1.2em;
}



.box-left {
float: left;
}

.box-right {
float: right;
}

.box-left, .box-right {
width: 48.5%;
}

.entry-edit .entry-edit-head {
background: #6f8992;
padding: 2px 10px;
}

.entry-edit .entry-edit-head h4 {
/*float: left; makes weird behaviour of parent div*/
padding: 0;
background: none;
margin: 0;
color: #fff;
font-size: 1em;
line-height: 18px;
min-height: 0;
}

.box, .entry-edit fieldset, .entry-edit .fieldset {
border: 1px solid #d6d6d6;
background: #fafafa;
padding: 10px 15px;
margin-bottom: 15px;
}

.hor-scroll {
width: 100%;
overflow: auto;
padding-bottom: 4px;
margin-bottom: -4px;
}

.columns .form-list {
width: auto;
}

.form-list {
width: auto;
border: 0 !important;
}

.form-list td.label {
width: 200px;
}

.form-list td.label, .form-list td.value, .form-list td.value2, .form-list td.note, .form-list td.scope-label, .form-list td.use-default {
border: 0 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 5px !important;
background: 0 !important;
}

.form-list td.label label  {
display: block;
width: 185px;
padding-right: 15px;
}

label {
color: #333;
}

.stockLine{
  float:right;
}

.lineAva{
  font-size:.9em;
}

.avaQty{
  font-style:bold ;
  font-size:1.1em;
}
.dlcClass{
  font-style:  italic;
   font-size:.9em
}

p.parsley-success,
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

p.parsley-error,
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.orderTotal{
  font-size: 1.7em;
}


.tsDraft{
  font-size: 1em;
  color:#a94442;
}
.tsCancel{
  font-size: 1em;
  color:#919191;
}
.tsDone{
  font-size: 1em;
  color:#4c4c4c;
}

.tsReserved{
  font-size: 1em;
  color:#a94442;
}


.trNoAct  {color: #000000;}
.trAct2  {color: #0000FF;}
.trAct1  {color: #FF0000;}

/*Delete/reduce product qty*/
     /* Modal styles */
 .modal {
     display: none;
     position: fixed;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgba(0,0,0,0.5);
 }
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    text-align: center;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.btn {
    padding: 10px 20px;
    margin: 5px;
    border: none;
    cursor: pointer;
}
.btn-red {
    background-color: red;
    color: white;
}
.btn-blue {
    background-color: blue;
    color: white;
}