/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.red {
  color: #A94442;
}
.blue {
  color: blue;
}
.yellow {
  color: yellow;
}
.green {
  color: green;
}
.strong {
  font-weight: bold;
}
.small {
  font-size: 80%;
}
.width-100 {
  width: 100%;
}
.margin-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.padding-5 {
  padding: 5px;
}
.padding-15 {
  padding: 15px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-left-8 {
  padding-left: 8px;
}
.hide {
  display:none;
}
.show-inline {
  display:inline-block;
}
.bg-ddd {
  background-color: #ddd;
}
.bg-eee {
  background-color: #eee;
}
.color-warning {
  color: #ffcc00;
}

.alert-notice {
  color: #6600cc;
  background-color: #ccccff;
  border-color: #a8a8ff;
}
.alert-notice hr {
  border-top-color: #b9b9ff;
}
.alert-notice .alert-link {
  color: #50009f;
}

.alert-change {
  color: #9a3918;
  background-color: #f8dcd3;
  border-color: #f1b9a7;
}
.alert-change hr {
  border-top-color: #f5cbbd;
}
.alert-change .alert-link {
  color: #6e2811;
}

.table > thead > tr > td.notice,
.table > tbody > tr > td.notice,
.table > tfoot > tr > td.notice,
.table > thead > tr > th.notice,
.table > tbody > tr > th.notice,
.table > tfoot > tr > th.notice,
.table > thead > tr.notice > td,
.table > tbody > tr.notice > td,
.table > tfoot > tr.notice > td,
.table > thead > tr.notice > th,
.table > tbody > tr.notice > th,
.table > tfoot > tr.notice > th {
  background-color: #f2e6ff;
}
.table-hover > tbody > tr > td.notice:hover,
.table-hover > tbody > tr > th.notice:hover,
.table-hover > tbody > tr.notice:hover > td,
.table-hover > tbody > tr:hover > .notice,
.table-hover > tbody > tr.notice:hover > th {
  background-color: #e5ccff;
}

section.order {
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fdfaeb;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 3px 5px 5px #aaa;
  -moz-box-shadow: 3px 5px 5px #aaa;
  box-shadow: 3px 5px 5px #aaa;
}

section.order.reorder {
  background-color: #99ccff;
}

section.order.changeset {
  background-color: #f8dcd3;
}

section.order-head {
  border-radius: 6px;
  padding: 10px;
  background-color: #E6E6E6;
}
section.order-head.bg-cluborder {
  background-color: rgba(134, 134, 255, 0.47);
}
section.order-head > div:first-child {
  font-size: 1.2em;
}
section.item {
  border-radius: 6px;
  padding: 10px 30px;
  font-size: 0.85em;
}
section.item img {
  border: 1px solid #eee; /* needed something for images with white borders */
}
section.item.editorder {
  padding: 10px 15px;
}

section.item.kraft {
  border: 1px dotted black;
  background-color:#d5b59c;
}
p.kraft {
  font-size: 14px;
  font-weight: 600;
  color: red;
}

div.item-head {
  border-bottom: 1px solid #DDD;
  font-size: 14px;
}
section.editorder div.item-head {
  padding-bottom: 15px;
}
div.item-text {
  border-top: 1px solid #DDD;
  padding-top: 15px;
}
div.loggedin {
  color: #9d9d9d;
  font-size: 0.85em;
}
p.poList ul li a.match-found {
 color: red;
}
a.btn:not(.btn-default) {
 padding-left: 0px;
}

.opacity-50 {
  filter: alpha(opacity=50);
  opacity: .5;
}

/*
tr.newOrder {
  border-top: 2px solid grey;
}
.tablesorter-header.tablesorter-headerUnSorted .tablesorter-header-inner:after {
  content: url('/img/black-unsorted.gif');
  margin-left: 2px;
}
.tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner:after {
  content: url('/img/black-asc.gif');
  margin-left: 2px;
}
.tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner:after {
  content: url('/img/black-desc.gif');
  margin-left: 2px;
}
*/
.small-90 {
  font-size: 90%;
}

.wait-loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #ffffff;
  z-index: 100;
  opacity: 0.7;
}
.wait-loading-off {
  display: none;
}
.wait-loading-on {
  display: block;
}
.wait-loading-full-screen {
  position: fixed;
  z-index: 1100;
}
.wait-img-wrapper {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wait-img-wrapper > img {
  display: inline-block;
}
.table .right-edge {
  border-right: 1px solid #ddd;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.row [clas*="col-"] {
  display: flex;
  flex-direction: column;
}
.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: khaki;
    border: 1px solid #ddd;
    border: 1px solid goldenrod;
}
.text-orangered {
  color: #ff4500;
}
.text-crimson {
  color: #dc143c;
}
.text-darkgreen {
  color: #006400;
}
.text-saddlebrown {
  color: #8b4513;
}
.text-salmon {
  color: #fa8072;
}
.text-blue {
  color: #0000ff;
}
.text-fuchsia {
  color: #ff00ff;
}
.text-mediumvioletred {
  color: #c71585;
}
.circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: #000;
  margin: 10px 2px 0 2px;
}
.circle.green {
  background: #0f0;
  border: 1px solid #0c0;
}
.circle.red {
  background: #f00;
  border: 1px solid #c00;
}
.circle.yellow {
  background: #ff0;
  border: 1px solid #cc0;
}

section.item-details.row img,
div.bin-page img {
  max-width: 600px;
  max-height: 500px;
}

.col-md-1-5 {
  width: 14%;
}