/* Contact Form
/* -------------------------------------------------------------------------- */


.page-estimate {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.page-estimate .list-group {
  margin-bottom: 1rem;
}

.page-estimate .list-group-item {
  border: 0;
  border-radius: 0;
}

.page-estimate .step-num {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.625rem;
  margin-right: 1rem;
}

.page-estimate #step1-tab.active {
  color: #fff;
  background: url(/wp-content/themes/qines/assets/images/pen-tool-icon.png) no-repeat right 20px center, #1A2792;
}

.page-estimate #step1-tab.done {
  color: #fff;
  background: url(/wp-content/themes/qines/assets/images/check-all-icon.png) no-repeat right 20px center, #1A2792;
}

.page-estimate #step2-tab {
  background: url(/wp-content/themes/qines/assets/images/arrow-down-blue.png) no-repeat left 20px top 0, #DFE0E5;
}

.page-estimate #step2-tab.active, .page-estimate #step2-tab.done {
  color: #fff;
  background: url(/wp-content/themes/qines/assets/images/arrow-down-gray.png) no-repeat left 20px top 0, url(/wp-content/themes/qines/assets/images/check-all-icon.png) no-repeat right 20px center, #1A2792;
}

.page-estimate #step3-tab {
  background: url(/wp-content/themes/qines/assets/images/arrow-down-dark.png) no-repeat left 20px top 0, #DFE0E5;
}

.page-estimate #step3-tab.next {
  background: url(/wp-content/themes/qines/assets/images/arrow-down-blue.png) no-repeat left 20px top 0, #DFE0E5;
}

.page-estimate #step3-tab.active {
  color: #fff;
  background: url(/wp-content/themes/qines/assets/images/arrow-down-gray.png) no-repeat left 20px top 0, url(/wp-content/themes/qines/assets/images/check-all-icon.png) no-repeat right 20px center, #1A2792;
}

.page-estimate #step4-tab {
  background: url(/wp-content/themes/qines/assets/images/arrow-down-dark.png) no-repeat left 20px top 0, #DFE0E5;
}

.page-estimate #step4-tab.next {
  background: url(/wp-content/themes/qines/assets/images/arrow-down-blue.png) no-repeat left 20px top 0, #DFE0E5;
}

.page-estimate #step4-tab.active {
  color: #fff;
  background: url(/wp-content/themes/qines/assets/images/arrow-down-gray.png) no-repeat left 20px top 0, url(/wp-content/themes/qines/assets/images/check-all-icon.png) no-repeat right 20px center, #1A2792;
}

.mt-2rem {
  margin-top: 2rem !important;
}

.input-group>.wpcf7-form-control-wrap {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.wpcf7-phone-group {
  margin-bottom: 1rem;
}

.wpcf7-phone-group .form-group {
  margin-bottom: 0;
}

.wpcf7-not-valid-tip {
  font-weight: 500;
  font-size: .875rem;
  color: #F03B07;
  padding: 0;
}

.wpcf7-phone-group .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}

.page-estimate .form-control.wpcf7-not-valid {
  border: 1px solid #F03B07;
  background-color: #f5dce096;
}

.wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label {
  font-size: .875rem !important;
}

.estimate-label {
  font-size: .875rem;
}

.text-notice {
  font-size: 1rem;
  line-height: 1.625rem;
  background: url(/wp-content/themes/qines/assets/images/p-bullet-bg.png) no-repeat left top 5px;
  padding-left: 1.125rem;
}

.text-tick {
  background: url(/wp-content/themes/qines/assets/images/tick-bullet-bg.png) no-repeat left top 5px;
}

.text-notice a {
  color: #1A2792;
}

.text-normal, a.mail-to {
  font-size: 1rem;
  color: #1D1D1F;
}

.page-estimate .text-help {
  font-size: .875rem;
  color: #9C9CA2;
}

.page-estimate .text-notice-error {
  color: #F03B07;
}

.estimate-form-title.desk {
  font-weight: 500;
  font-size: 1.75rem;
  border-bottom: 4px solid #1A2792;
  position: relative;
}

.estimate-form-sub-title.desk {
  font-size: .875rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.estimate-form-section-title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1A2792;
  margin: 1rem 0;
}

.wpcf7-response-output {
  display: none !important;
}

.form-group-review {
  border: 1px solid #E7E7EB;
}

.col-review {
  font-size: 1rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.col-review-title {
  background-color: #F5F6F7;
  border-right: 1px solid #E7E7EB;
}

.estimate-form-title.sml, .estimate-form-sub-title.sml {
  display: none;
}

.estimate-btn-line .btn-primary, .estimate-btn-line .btn-primary:active, .estimate-btn-line .btn-primary:hover, .estimate-btn-line .btn-primary:focus {
  background-color: #1A2792 !important;
  border-color: #1A2792 !important;
  box-shadow: none !important;
}

.estimate-btn-line .btn-link {
  color: #1A2792;
  box-shadow: none !important;
}


/*QINeS-Lite estimate page*/

/* step2 */
.select_product{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  border-radius: 5px;
  border: 1px solid #3c6690;
  text-align: left;
}
.select_product th{
  color:white;
  background: #1a2792;
  padding: 3px 0;
}
.select_product td{
  border-bottom: 1px solid #3c6690;
  margin:5px;
  vertical-align: middle;
  text-align:center;
}

.select_product tr:nth-child(2n+2) td {
  background-color:#1a27920d
}

.select_product tr:hover td {
  background-color: gold;
}

.select_config{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  border-radius: 5px;
  border: 1px solid #3c6690;
  text-align: left;
}
.select_config th{
  color:white;
  background: #1a2792;
  padding: 3px 0;
}
.select_config td{
  border-bottom: 1px solid #3c6690;
  margin:5px;
  vertical-align: middle;
  text-align:center;
}

.select_config tr:nth-child(2n+2) td {
  background-color:#1a27920d
}

.select_config tr:hover td {
  background-color: gold;
}

.data_row{
 width: 20%;
}

.head_row{
 width: 20%;
}

.lite-download-cell{
  font-size: .80rem;
}

/* step1  */
.estimate_history{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  border-radius: 5px;
  border: 1px solid #3c6690;
  text-align: left;
  font-size: x-small;
}
.estimate_history th{
  color:white;
  background: #1a2792;
  padding: 3px 0;
}
.estimate_history td{
  border-bottom: 1px solid #3c6690;
  margin:5px;
  vertical-align: middle;
  word-wrap: break-word;
}

.estimate_history tr:nth-child(2n+2) td {
  background-color:#1a27920d
}

.estimate_history tr:hover td {
  background-color: gold;
}



@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {
  .estimate-btn-line {
    display: flex;
    flex-direction: column;
  }
  .estimate-btn-line .btn {
    width: 100%;
  }
  .estimate-btn-line .btn-primary {
    order: 1;
  }
  .estimate-btn-line .btn-link {
    order: 2;
    margin-top: 2rem;
  }
  .estimate-form-title.desk {
    display: none;
  }
  .estimate-form-title.sml {
    display: block;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .estimate-form-sub-title.sml {
    display: block;
    font-size: .875rem;
    margin-bottom: 1rem;
  }
  .form-group-review {
    margin-bottom: 1rem;
  }
  .col-review-title {
    border-right: 0;
  }
  .text-normal, a.mail-to, .page-estimates .col-review {
    font-size: .875rem;
  }
}

#loading {
  background: rgba(0, 0, 0, .5);
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0; top: 0;
}