/* global body padding */
body {
  padding-top:    20px;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  body {
    padding-top:    50px;
    padding-bottom: 50px;
  }
}


/* global spacing overrides */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.navbar-fixed-top,
.navbar-static-top {
  border-bottom: 0;
}

/* JAS Custom */
.order-line-items li.ignored {background-color:#ccc;font-size:10px;padding-bottom:0px;}
#order-line-items li.list-group-item {border:1px solid #ccc;padding:0px;}
#order-line-items li.list-group-item .row,
#order-line-items li.list-group-item #order-item-view-notes,
#order-line-items li.list-group-item .invoice-items
{padding: 10px 15px;}
.text-white {color:#FFF !important;}
.text-black {color:#000 !important;}
.back-black {background-color:#111111;color:white;}
.btn-addon {background: #5087ec;color:white;}
#recent-orders li.order-go:hover {background-color:#eee;cursor:pointer;}
.alert-default {background-color:#777777;color:white;}
.back-danger {background-color:#E64759 !important;color:white;}
.back-success {background-color:#5ec592 !important;color:white;}
#order-history ul {max-height:400px;overflow:auto;}
#order-history ul li {margin-left:0px !important;margin-right:0px !important;}
#order-view-notes textarea {border:1px solid #eee;padding:10px;width:100%;height:200px;background-color:#eee;}
#order-item-view-notes textarea {border:1px solid #eee;padding:10px;width:100%;height:75px;background-color:#eee;}
.order-costs ul {list-style-type:none;margin-top:10px !important;}
.order-costs ul li.inline {float:left;width:40%;}
.order-costs ul li input {width:80px;}
.tracking-number-input {width:200px;display:inline-block;}
.reporting-controls .input-with-icon {width:120px;}
.reporting-controls .range-sep {float:left;padding-top:6px;}
.alert-charge {background-color:#E64759;}
.alert-muted {background-color:#EEEEEE;}
.alert-charge h3,.alert-charge h4,.alert-charge h5 {color:white;}
.custom-form-control {display:inline;width:20%;}
.order-line-items select {display:block;margin-bottom:10px;}
button[data-warehouse],button[data-label-status] {margin-top:5px;}
.home-stats-ship-methods {background:#ddd;margin-top:20px;}
.size-region-action {display:none;padding:10px;border:1px solid #ddd;margin-bottom:20px;}
.wsr-active {display:inline;width:40%;}
.wsr-delete {font-size:18px;}

/* Invoice Items */
.invoice-item-pending {display:none;}

/* Order Item Options */
.order-item-options {display:flex;margin:20px 0px;}
.order-item-options > div {width:100px;padding:5px;height:100px;margin-right:20px;border:1px solid #888; background-repeat:no-repeat;background-size:cover;background-color:#eee;display:flex;align-items:center;text-align:center;justify-content: space-evenly;}
.order-item-option span {font-weight:bold;padding:2px 5px;border: 1px solid #222; background-color:white;}
.order-item-option.color {align-items:flex-end;}
.order-item-option.color span {font-size:12px;}
.photo-item {width:80px;height:80px;margin-top:10px;}
.order-item-assets img{width:80px;}
.order-item-assets > div {display:none;}

/* Workstations/Production States */
.ps-active {
  background-color:#37428E;
  text-align:right;
  color:white;  
  padding:5px 20px;
  font-size:16px;
}
.ps-order-item-select {
  background-color:#37428E;
  text-align:center;
  color:white;  
  padding:5px 0px;
  font-size:16px;  
}
.ps-order-item-selection select {
  max-width:50%;
  display:inline;
}
.ps-order-item-work {
  background-color:#37428E;
  text-align:left;
  color:white;  
  padding:10px 0px 15px 40px;
  font-size:18px;  
}
.ps-order-item-work .badge {
  font-size:14px;
  padding: 4px 20px;
}
.ps-order-item-current {
  background-color:#37428E;
  text-align:right;
  color:white;
  padding-top:5px;
  padding-right:10px;
  font-size:12px; 
}
.ps-assignment-remove {
  font-size:22px;
  font-weight:bold;
  padding-left:20px;  
}
.drag-handle {
  cursor:pointer;
  font-size:16px;
}
.drag-chosen {
  border:4px solid #bbb;
}
.ps-order-item-details {
  margin-top:10px;
}
.ps-order-item-details fieldset {
  border:1px solid white;
  max-width:90%;
  padding-block-end: 11.25px;
  padding-block-start: 6.3px;
  padding-bottom: 11.25px;
  padding-inline-end: 13.5px;
  padding-inline-start: 13.5px;
  padding-left: 13.5px;
  padding-right: 13.5px;
  padding-top: 6.3px;
  font-size:16px;
  color:white;
}
.ps-order-item-details legend {
  margin:0;
  font-size:14px;
  color:white;
  border-bottom:0;
  width:auto;
  padding:0px 5px;
}