/**
 * @file
 * Styles for uc_order module.
 */
.order-overview-form {
  float: left;
  padding: 0em 2em 0em 0em;
}

.order-overview-form .form-item {
  margin-bottom: 0em;
}

.order-overview-form #uc-order-select-form,
.order-overview-form #uc-order-admin-sort-form {
  margin-bottom: 0em;
}

.uc-orders-table {
  clear: both;
  width: 100%;
}

.order-pane details{
  margin:1em 0;
}
.order-pane details summary {
  font-weight: bold;
  color: #679650;
}
.order-pane details summary:before {
  content: "► ";
}
.order-pane details summary:hover{
  cursor:pointer;
}
.order-pane details[open] summary:before {
  content: "▼ ";
}
.order-pane details label {
  display:none;
}

.uc-orders-table td,
.uc-orders-table thead th {
  white-space: nowrap;
}

.uc-orders-table tr.odd:hover,
.uc-orders-table tr.even:hover {
  background-color: #ddd;
}

.uc-orders-table img {
  float: left;
  margin-right: .5em;
}

.order-admin-icons {
  margin-left: 2px;
}

.order-admin-icons img {
  padding: 0px 3px;
  position: relative;
  top: 3px;
}

.order-pane {
  border-color: #bbb;
  border-style: solid;
  border-width: 1px;
  line-height: 1.1em;
  margin: .5em;;
  padding: .5em;
  width: auto;
}

.order-pane thead {
  background-color: #ddd;
}

.order-pane tbody {
  border-top: 0px;
}

.order-pane-title {
  font-weight: bold;
  padding-bottom: .5em;
}

.pos-left {
  float: left;
}

.abs-left {
  /*float: left;*/
  clear: left;
}

.pos-right {
  float: right;
}

.abs-right {
  clear: right;
  float: right;
}

.text-center {
  text-align: center;
}

.full-width {
  width: 100%;
}

.order-pane-table th {
  padding: 4px 8px;
  font-weight: bold;
}

.order-pane-table td {
  padding: 4px 8px;
  vertical-align: top;
}

.order-pane-table td.qty,
.order-pane-table td.sku {
  text-align: center;
  white-space: nowrap;
}

.order-pane-table td.product {
  width: 80%;
}

.order-pane-table td.cost,
.order-pane-table td.price,
.order-pane-table td.total {
  text-align: right;
  white-space: nowrap;
}

.uc-order-comments td {
  vertical-align: top;
}

.uc-order-comments td.date,
.uc-order-comments td.status {
  text-align: center;
  white-space: nowrap;
}

.uc-order-comments td.message {
  width: 100%;
 }

.order-edit-table {
  width: auto;
}

.order-edit-table .oet-label {
  font-weight: bold;
  text-align: right;
}

.order-edit-table .form-item {
  display: inline;
}

#edit-pm-po-num-wrapper {
  padding: 0.5em;
}
#edit-pm-po-num-wrapper label {
  text-align: right;
  width: 118px;
  display: inline-block;
  margin-right: 0.9em;
}
#edit-pm-po-num-wrapper .description {
  margin: .6em 0 0 135px;
}

.address-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  padding-bottom: 1em;
  padding-left: 1em;
  margin-bottom: 1em;
  width: auto;
}

.customer-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  padding: 1em;
  margin-top: 1em;
  width: auto;
}

.product-select-box {
  background-color: #ddd;
  border: solid 1px #999;
  margin-right: auto;
  margin-bottom: 1em;
  width: auto;
}

.product-select-box2 {
  background-color: #ddd;
  border: solid 1px #999;
  margin-right: auto;
  margin-bottom: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  width: auto;
}
#drilldown-list{
  border:solid 1px #999;
  padding:1em 0;
  margin-top:1em;
  height:200px;
  overflow:auto;
  max-width:700px;
  background: #ffffff;
}
#drilldown-list ul{
  margin-bottom:0 !important;
  padding:0 0 0 10px !important;
}
#drilldown-list li{
  list-style:none;
  padding:0;
  margin-bottom:0 !important;
}
#drilldown-list li:hover{
  font-weight:bold;
}
#drilldown-list li.active{
  font-weight:bold;
  background-color:#90ed90 !important;
}

.line-item-table {
  width: 100%;
}

.line-item-table td {
  padding: 2px;
}

.line-item-table .li-title {
  font-weight: bold;
  text-align: right;
  width: 100%;
}

.line-item-table .li-amount {
  text-align: right;
  min-width: 106px;
}
.line-item-table .li-amount input{
  text-align:right;
  padding-left: 1em;
}

#order-pane-line_items .line-item-table {
  margin-top: 2.65em;
}

#order-pane-line_items .line-item-table .li-amount .form-item {
  white-space: nowrap;
}

#order-pane-line_items .line-item-table .form-item input[type="text"] {
  height: 48px;
}

.line-item-table .form-item {
  display: inline;
}

.order-review-table tbody {
  border-top: 0px;
}

.order-pane-table .product-description {
  font-size: .7em;
}

/* Move to uc_credit.css eventually... */
.order-pane #uc-credit-order-view-form {
  margin-top: .5em;
  margin-bottom: 0em;
}

#uc-credit-order-view-form .form-submit {
  margin: 0em;
}

.order-pane #uc-order-view-update-form {
  margin-bottom: 1em;
}

.update-controls {
  padding-top: 1em;
}

.update-controls div {
  padding-right: 1em;
}

.update-controls div,
.update-controls label {
  display: inline;
}

.update-controls .form-submit {
  margin: 0em;
}

.address-select-box #uc-order-address-book-form {
  margin-bottom: 0em;
}

.order-pane.abs-left .form-submit {
  margin: 0.5em 0.5em 0.5em 0em;
}

.order-pane #customer-select form {
  margin-bottom: 0em;
}

.li-wrapper { width: 100%; display: flex; flex-wrap: wrap; }
.li-wrapper .li-wrapper { margin: 1em 0; }
.li-wrapper .li-col .li-wrapper:first-of-type { margin-top: 0; }
.li-wrapper .li-col { flex: 0 0 auto; width: 50%; }
.li-wrapper .li-col-lg { flex: 0 0 auto; width: calc(75% - 1em); padding-right: 1em;}
.li-wrapper .li-col-sm { flex: 0 0 auto; width: 25%;}
.li-wrapper .li-title { font-weight: bold; text-align: right; }
.li-wrapper .li-title .form-item, .li-wrapper .li-amount .form-item { display: inline; }
.li-wrapper .li-title .form-item input { width: calc(100% - 2em); height: 48px; }
.li-wrapper .li-amount .form-item input { height: 48px; }
@media (max-width: 1200px) {
    .li-wrapper .li-col { width: 100%; }
    .li-wrapper .li-col .li-wrapper { margin-top: 1em; }
    .li-wrapper .li-col-lg { width: calc(50% - 1em); }
}