#quote-app.jqr .jqr-summary { width:100%; min-width:0; border:1px solid #21315b; border-radius:0; background:#fff; box-shadow:1px 1px 2px #0006; overflow-wrap:anywhere; font:12px/18px 'Microsoft YaHei',Arial,sans-serif; }
#quote-app.jqr .jqr-summary-header { height:35px; background:#21315b; color:#fff; }
#quote-app.jqr .jqr-summary-header h2 { margin:0; padding:0 10px 0 56px; color:#fff; font-size:14px; font-weight:700; line-height:35px; background:url('/wp-content/plugins/jasper-quote-estimator/assets/configurator-price-v1/assets/reference/calculatr.png') no-repeat 30px center; }
#quote-app.jqr .jqr-summary-body { min-width:0; padding:5px 10px; background:#fff; }
#quote-app.jqr .jqr-summary-costs { margin:10px 0 0; padding:0; line-height:20px; }
#quote-app.jqr .jqr-summary-costs > div { display:grid; grid-template-columns:minmax(0,150px) minmax(0,1fr); min-height:20px; margin-left:30px; }
#quote-app.jqr .jqr-summary-costs dt { min-width:0; color:#999; }
#quote-app.jqr .jqr-summary-costs dd { min-width:0; margin:0; color:#222; }
#quote-app.jqr .jqr-summary-costs .jqr-summary-price { min-height:30px; line-height:30px; font-weight:700; }
#quote-app.jqr .jqr-summary-price strong { color:#ff7800; font-size:16px; font-weight:700; }
#quote-app.jqr .jqr-summary-calibration { margin:5px 0 15px 30px; color:#888; font-size:11px; line-height:16px; }
#quote-app.jqr .jqr-summary-table-wrap { background:#efffff; border:1px solid #edf2f3; margin:0 0 10px; }
#quote-app.jqr .jqr-summary-tiers { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; color:#888; font-size:12px; }
#quote-app.jqr .jqr-summary-tiers th, #quote-app.jqr .jqr-summary-tiers td { height:30px; padding:4px 5px; vertical-align:middle; text-align:center; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-summary-tiers thead th { height:27px; padding:3px 5px; color:#111; font-weight:700; border-bottom:1px solid #e4f3f5; }
#quote-app.jqr .jqr-summary-tiers th:first-child { width:38%; }
#quote-app.jqr .jqr-summary-tiers th:nth-child(2) { width:33%; }
#quote-app.jqr .jqr-summary-tiers th:last-child { width:29%; }
#quote-app.jqr .jqr-summary-tiers tbody th { position:relative; padding-left:31px; font-weight:400; text-align:left; }
#quote-app.jqr .jqr-summary-tiers tbody tr.is-selected { background:#fff; }
#quote-app.jqr .jqr-summary-tiers tbody .is-selected th, #quote-app.jqr .jqr-summary-tiers tbody .is-selected td { border-top:3px solid #efffff; border-bottom:3px solid #efffff; }
#quote-app.jqr .jqr-summary-tiers .jqr-summary-tier-total { color:#1aa0dd; font-size:14px; font-weight:700; }
#quote-app.jqr .jqr-summary-selection { position:absolute; left:6px; top:50%; transform:translateY(-50%); width:20px; height:20px; border:2px solid #d8e5e9; border-radius:50%; background:#fff; color:#fff; font:700 13px/16px Arial,sans-serif; text-align:center; }
#quote-app.jqr .is-selected .jqr-summary-selection { border-color:#299fca; background:#299fca; }
#quote-app.jqr .jqr-summary-table-wrap > p { margin:3px 9px 5px; color:#aa9946; font-size:11px; line-height:17px; }
#quote-app.jqr .jqr-summary-details { margin:9px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
#quote-app.jqr .jqr-summary-details summary { padding:6px 0; color:#777; font-size:11px; cursor:pointer; }
#quote-app.jqr .jqr-summary-list { margin:0; padding:3px 0 8px; font-size:11px; line-height:16px; }
#quote-app.jqr .jqr-summary-list > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:9px; padding:3px 0; min-width:0; }
#quote-app.jqr .jqr-summary-list dt { color:#888; min-width:0; }
#quote-app.jqr .jqr-summary-list dd { margin:0; min-width:0; text-align:right; color:#444; }
#quote-app.jqr .jqr-summary-timing { margin:10px 0; }
#quote-app.jqr .jqr-summary-timing > p { margin:0; padding:4px 8px; border:1px solid #eee; color:#aaa; line-height:20px; }
#quote-app.jqr .jqr-summary-timing dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin:0; padding:8px 0; background:#efffff; color:#92999d; font-size:11px; line-height:16px; }
#quote-app.jqr .jqr-summary-timing dl > div { min-width:0; padding:0 9px; }
#quote-app.jqr .jqr-summary-timing dl > div + div { border-left:1px solid #d6e5e8; }
#quote-app.jqr .jqr-summary-timing dt { margin:0; }
#quote-app.jqr .jqr-summary-timing dd { margin:0; font-size:12px; font-weight:700; }
#quote-app.jqr .jqr-summary-complete { width:100%; margin:8px 0 5px; white-space:normal; min-width:0; }
#quote-app.jqr .jqr-summary-instruction { margin:4px 0 10px; color:#888; font-size:11px; line-height:17px; }
#quote-app.jqr .jqr-summary-preview { margin:10px 0; }
#quote-app.jqr .jqr-summary-status { margin:0 0 5px; color:#555; font-size:12px; font-weight:700; }
#quote-app.jqr .jqr-summary-note { margin:0; color:#888; font-size:11px; line-height:17px; }
#quote-app.jqr .jqr-summary-stale { padding:7px 8px; margin:8px 0; border-left:2px solid #ff7800; background:#fff8ec; color:#776345; font-size:11px; line-height:17px; }
#quote-app.jqr .jqr-summary-review { margin:9px 0; font-size:11px; line-height:17px; }
#quote-app.jqr .jqr-summary-review p { margin:0 0 4px; }
#quote-app.jqr .jqr-summary-review ul { margin:0; padding-left:17px; color:#777; }
#quote-app.jqr .jqr-summary-review li + li { margin-top:4px; }
#quote-app.jqr .jqr-summary-preview button { width:100%; margin-top:9px; min-width:0; font-size:12px; white-space:normal; }
#quote-app.jqr .jqr-summary-contacts { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 12px; margin-top:10px; padding:8px 0; border-top:1px solid #eee; font-size:11px; line-height:17px; }
#quote-app.jqr .jqr-summary-contacts a { min-width:0; max-width:100%; text-decoration:none; }
#quote-app.jqr .jqr-summary-contacts a:hover { text-decoration:underline; }
@media (max-width:360px) {
  #quote-app.jqr .jqr-summary-costs > div { margin-left:10px; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
  #quote-app.jqr .jqr-summary-calibration { margin-left:10px; }
  #quote-app.jqr .jqr-summary-tiers th, #quote-app.jqr .jqr-summary-tiers td { padding-right:3px; padding-left:3px; }
  #quote-app.jqr .jqr-summary-tiers tbody th { padding-left:28px; }
  #quote-app.jqr .jqr-summary-selection { left:4px; width:18px; height:18px; font-size:12px; line-height:14px; }
}