/* @preserve
 * Copyright (C) 2006 - 2018, John L Lawler and Incode Systems, Inc.
 * Copyright (C) 2018 - 2019, SCSI, LLC
 *   (unless otherwise noted)
 *   All rights reserved.
 * VERSION 2.0.20190621
 */
 /* 20190621 jll; this second file could stand some integration with styles.css
  *   etc.  I don't think we really need more than 2 or 3 CSS files for WITS */
.tomato { background-color: #ff6347; }
a:hover { color: #ff3300; }

Column-InventoryNo {
  width: 50px;
  color: red;
  background-color: #c1c8ff;
}

.footnote0 {
  font-size: 12px;
  color: red;
}

.footnote1 {
  font-size: 12px;
  color: green;
}

.smallinfo1 {
  font-size: 12px;
}

.smallinfo2 {
  font-size: 10px;
}

.smallinfo3 {
  font-size: 8px;
}

button {
  font-family: tahoma, sans-serif;
  font-size: 12px;
  cursor: pointer; /* 20230530 */
}

a.jg-control {
  cursor: pointer; /* 20230530 */
}

.ReceivedRow { background-color: #a4adff; /* light blue */ }

.default { background-color: #eceded; /* very light gray */ }
.defaultBorder { border: 2px blue solid; }
.defaultTitle {
  background-color: blue;
  color: white;
}

/* 2012-07-19 jll; Note that these warning/*Border/*Title definitions for
 *   default, warning, error I believe are all duplicates of what's defined
 *   in the main styles\#\styles.css and that version actually seems to
 *   override, so I probably should remove them from this file */
.Pending, .notice, .warning { background-color: #ffffcc; /* light yellow */ }
.warningBorder { border: 2px #ffff33 solid; } /* slightly darker yellow */
.warningTitle {
  background-color: #ffff33;
  color: black;
}

.PartiallyRecvd, .notice2 { background-color: #a4adff; /* light blue */ }
.notice3 { background-color: #ffb871; /* light orange */ }
.Released, .Finalized, .newFunction, .notice4, .info { background-color: #86d76f; /* light green */ }
.infoBorder { border: 2px green solid; }
.infoTitle {
  background-color: green;
  color: white;
}
/* 2012-07-18 jll; Changed the name on these three definitions from 'warning' to
 *   'error', since red is error in WITS, and I'm adding similar definitions for
 *   'warning' to be yellow. */
.Received, .error { background-color: #ff9f9f; /* light red */ }
.errorBorder { border: 2px #ff6464 solid; }
.errorTitle {
  background-color: #ff6464;
  color: white;
}
.readonly, .disabled, .index {
  /*background-color: silver; */
  background-color: #eceded; /* very light gray */
}
.inventry_code_Q { background-color: #ffff80; }
.inventry_code_G { background-color: #86d76f; }

.group1 { /* Supplier */  background-color: #ff9f9f; /* light red */ }
.group2 { /* Warehouse */ background-color: #ffff80; /* light yellow */ }
.group3 { /* Customer */  background-color: #86d76f; /* light green */ }
.subgroup0 { /* Regular */ background-color: #86d76f; /* light green */ }
.subgroup1 { /* Admin */   background-color: #ff9f9f; /* light red */ }

.integer { text-align: right; }
.decimal { text-align: right; }
.money { text-align: right; }
.general { text-align: left; }

.order_by_asc  { background-color: #86d76f; /* light green */}
.order_by_desc { background-color: #ff9f9f; /* light red */ }
.order_by_over { background-color: #86d76f; /* light green */}

.subtitle {
  font-style: italic; 
  color: blue;
  font-size: 18px;
}

.PostMsg {
  font-style: italic; 
  color: green;
  background-color: #c1ffc1;
  text-align: center;
  padding: 5px;
  border-top: 1px black solid;
}

.info_message {
  font-style: italic; 
  color: green;
  font-size: 18px;
  background-color: #fffbaa;
  border: 1px black solid;
}

.title {
  color: blue;
  font-size: 25px;
  font-weight: bold;
}

.menutitle {
  color: black;
  font-size: 25px;
  font-weight: bold;
}

.background {
  background-color: silver;
}

body {
  /* 2009-01-09 jll; The main body background color is now handled through
   *   global.wap, where it's based on the Code * / Development's status being
   *   "C" (where we go red) or not "C" (where we go blue). */
  /* background-color: #3a63a5; /* classic Windows blue desktop color */
  /* background-color: #ff9f9f; /* light red, development */
  /* background-color: #ffff95; /* yellow-ish to indicate development system */
  font-family: tahoma, sans-serif;
  font-size: 12px;
  /* font-family: verdana, arial, sans-serif;
  font-size: 13px; */
  /* 2007-04-19 jll; After long being annoyed by this, I realized that IE
   *   must've been setting the default margins on body to something other
   *   than what FF was using (8px), so I explicitly set it here now */
  /* margin: 8px; */
  /* 2007-10-02 jll; Changing this after deciding that I'd like the NavBar
   *   to be flush to the edges of the viewport */
  margin: 0;
}

input, select, textarea, table {
  font-family: tahoma, sans-serif;
  font-size: 12px;
  /* font-family: verdana, arial, sans-serif;
  font-size: 13px; */
}

/* 2014-04-16 jll; Added !important so that it'd override other BCs set by
 *   other classes when using this class for the new jg.rowRender
 *   also added the color: gray as another nice touch */
.loading {
  color: gray !important;
  background-color: lightgray !important;
  /* may not work in IE, but does in FF & Chrome */
  filter: opacity(25%);
}

.note {
  background-color: #fffbaa;
  border: 1px black solid;
  text-align: left;
  font-size: 14px;
  padding: 0.5em;
}

/* 2005-03-02 jll; this is for background on search criteria, one of which
     is required for any results*/
.major_criteria {
  background-color: #cee7ff;
}

table.criteria_table {
  border: 1px black solid;
}

th { vertical-align: bottom; }

tr { vertical-align: top; }

tr.data {
  background-color: white;
}

tr.total {
  background-color: white;
}

tr.grandtotal {
  background-color: #86d76f;
}

tr.header {
  background-color: #e0dfe3;
}

.label {
  text-align: right;
  padding-right: 5px;
  vertical-align: middle;
}

.tooltip {
  background-color: #ffff80; /* light yellow */
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
}

.no_javascript {
  background-color: white;
  color: red;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.legend {
  border: 1px black solid;
  padding: 2px;
  margin-top: 5px;
  text-align: left;
  background-color: white;
}

div.submenu {
  border: 1px black solid;
  margin-left: 10px;
  padding: 2px;
  background-color: white;
}

div.sortable_col:hover {
  color: red;
  text-decoration: underline;
}

div.submitBtn {
  text-align: center;
  background-color: #dfdfdf;
  padding: 5px;
}

div.SubtableContainerDiv {
  height: 85px;
  width: 735px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 1px;
}

/* 2013-08-01 jll; This is unneeded now due to my big fat YUI CSS Reset
 *   at the beginning of the main styles.css
form {
  margin: 0;
  padding: 0;
}
*/