/*
--------------------------------------------------
Estimate Form Stylesheet
© Office Blind Systems Ltd

This stylesheet and associated code are proprietary
to Office Blind Systems Ltd and are provided for use
on authorised websites only.

Unauthorised use, copying, modification or distribution,
in whole or in part, is strictly prohibited.

This codebase contains hidden code and is monitored for unauthorised use.
Any infringement will result in legal action.

All rights reserved.
--------------------------------------------------
*/

  .quick-estimate-wrap,
  .quick-estimate-wrap * {
    box-sizing: border-box;
  }

  .quick-estimate-wrap {
    width: 100%;
    max-width: 345px;
    margin: 18px auto 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
  }

  .quick-estimate-wrap #regForm {
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
    padding: 18px 16px;
  }

  .quick-estimate-wrap .form-top-title {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    color: #E84F08;
    font-weight: bold;
  }

  .quick-estimate-wrap .form-top-text {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    color: #555;
  }

  .quick-estimate-wrap .tab {
    display: none;
  }

  .quick-estimate-wrap .stepheading {
    font-weight: bold;
    text-align: center;
    color: #E84F08;
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 14px;
  }

  .quick-estimate-wrap .center {
    text-align: center;
  }

  .quick-estimate-wrap .section-title {
    text-align: center;
    margin: 0 0 16px;
    font-size: 17px;
    color: #E84F08;
    font-weight: bold;
  }

  .quick-estimate-wrap p {
    margin: 0 0 12px;
  }

  .quick-estimate-wrap label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 13px;
  }

  .quick-estimate-wrap input:not([type=checkbox]):not([type=radio]),
  .quick-estimate-wrap select,
  .quick-estimate-wrap textarea {
    width: 100%;
    padding: 9px 10px;
    font-size: 13px;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
  }

  .quick-estimate-wrap textarea {
    min-height: 90px;
    resize: vertical;
  }

  .quick-estimate-wrap input.invalid,
  .quick-estimate-wrap select.invalid,
  .quick-estimate-wrap textarea.invalid {
    background-color: #fff0f0;
    border-color: #d9534f;
  }

  .quick-estimate-wrap .inputerror {
    display: none;
    margin-top: 5px;
    color: #c62828;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
  }

  .quick-estimate-wrap .button-center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
  }

  .quick-estimate-wrap .button-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
  }

  .quick-estimate-wrap button {
    width: 100%;
    background-color: #E84F08;
    color: #fff;
    border: none;
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
  }

  .quick-estimate-wrap button:hover {
    opacity: 0.92;
  }

  .quick-estimate-wrap #prevBtn {
    background-color: #888;
  }

  .quick-estimate-wrap .steps-wrap {
    text-align: center;
    margin-top: 18px;
  }

  .quick-estimate-wrap .step {
    height: 12px;
    width: 12px;
    margin: 0 3px;
    background-color: #bbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.55;
  }

  .quick-estimate-wrap .step.active {
    opacity: 1;
    background-color: #E84F08;
  }

  .quick-estimate-wrap .step.finish {
    background-color: #bbb;
  }

  .quick-estimate-wrap .sizes-note {
    margin: 14px 0 8px;
    font-weight: bold;
    font-size: 13px;
  }

  .quick-estimate-wrap .measure-row {
    margin: 10px 0 14px;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
  }

  .quick-estimate-wrap .measure-row label {
    display: inline-block;
    margin: 0 8px 6px 0;
    font-weight: normal;
  }

  .quick-estimate-wrap .blind-size-row {
    display: block;
    margin-bottom: 12px;
    text-align: left;
    border: 1px solid #e6e6e6;
    background: #ffffff;
    padding: 10px;
    border-radius: 3px;
  }

  .quick-estimate-wrap .blind-size-title {
    font-weight: bold;
    color: #444;
    margin-bottom: 8px;
    font-size: 13px;
  }

  .quick-estimate-wrap .blind-size-col {
    width: 100%;
    margin-bottom: 8px;
  }

  .quick-estimate-wrap .blind-size-col:last-child {
    margin-bottom: 0;
  }

  .quick-estimate-wrap .info-note {
    color: #c62828;
    font-weight: bold;
  }

  .quick-estimate-wrap .hidden {
    display: none !important;
  }