.boxnow-oc-widget {
  margin: 15px 0;
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  clear: both;
}
#boxnow-oc-button, .boxnow-oc-button {
  border: 0;
  color: #111;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 6px;
  box-shadow: none;
}
.boxnow-oc-selected {
  margin-top: 12px;
  padding: 12px;
  border-left: 4px solid #6cd04e;
  background: #f7fff4;
  color: #222;
}
#boxnow-oc-overlay {
  position: fixed;
  z-index: 99998;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.55);
}
#boxnow-oc-popup {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 84%;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 18px;
  background: #fff;
}
@media (max-width: 767px) {
  #boxnow-oc-popup { width: 96%; height: 88%; border-radius: 10px; }
}

.boxnow-oc-error {
  margin-top: 10px;
  padding: 11px 13px;
  background: #fff4f4;
  border: 1px solid #e6b8b8;
  border-radius: 5px;
  color: #952424;
  font-size: 13px;
  line-height: 1.5;
}
#boxnow-oc-button:disabled { opacity: .72; cursor: wait; }

/* 1.0.19: durable selected-locker and error display in Journal 3 checkout */
.boxnow-oc-widget { width: auto; max-width: 100%; box-sizing: border-box; }
#boxnow-oc-selected-details, #boxnow-oc-feedback { overflow-wrap: anywhere; }
.boxnow-oc-selected { font-size: 13px; line-height: 1.55; border: 1px solid #c5e9bf; border-left: 4px solid #52bf3d; border-radius: 6px; }
.boxnow-oc-selected strong { display: block; margin-bottom: 5px; color: #226e25; }
.boxnow-oc-locker-name { font-weight: 700; }
.boxnow-oc-locker-id { font-size: 12px; color: #555; margin-top: 5px; }
.boxnow-oc-saved-label { font-size: 12px; color: #26782c; margin-top: 5px; font-weight: 600; }
.boxnow-oc-saving { margin-top: 10px; padding: 10px; border-radius: 5px; color: #63501b; background: #fff8dc; font-size: 13px; }
.boxnow-oc-success { margin-top: 10px; padding: 10px; border-radius: 5px; color: #25682d; background: #edffed; font-size: 13px; }

/* v1.0.20: distinguish the official Stage test locker from live shipments */
.boxnow-oc-stage-label { font-weight:700; font-size:12px; color:#805300; background:#fff4cd; border:1px solid #ecd38b; padding:6px 8px; border-radius:4px; margin-top:7px; }