/*------------------
---------General 
--------------------*/

.sales-inquiry-form ::placeholder {
	color: var(--awb-custom_color_2);
}

.sales-inquiry-application-row>h5{
    margin-bottom: 0;
  }
  
  #sales-inquiry-previous-experience {
    width: 100%;
  }
  
  .sales-inquiry-form .disabled {
    background-color: #707e85 !important;
    /* border: 2px solid #707e85; */
    opacity: 0.3;
    pointer-events: none;
    cursor: not-allowed;
  }
  
  .sales-inquiry-second-dropdown {
    display: none;
  }
  
  .sales-inquiry-flex-box {
    display: flex;
    justify-content: space-between;
  }
  
  /* Remove Arrows from number type input fields */
  /* Chrome, Safari, Edge, Opera */
  .sales-inquiry-form input::-webkit-outer-spin-button,
  .sales-inquiry-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  .sales-inquiry-form input[type=number] {
    -moz-appearance: textfield;
  }

/*------------- Width Flex Items 50% */

/* .sales-inquiry-application-row > div, */
.sales-inquiry-previous-experience-row,
.sales-inquiry-row-wrapper.sales-inquiry-contact-information>div,
.sales-inquiry-throughput-row,
.sales-inquiry-application-row>.sales-inquiry-flex-box>div:has(h4)
{
  width: 48.5%;
}

/*------------ Width & style Labels */

.sales-inquiry-row-wrapper.sales-inquiry-contact-information>div>label,
.sales-inquiry-application-row label,
.sales-inquiry-generic-formulation-component>label,
.sales-inquiry-previous-experience-row>label{
  width: 100%;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 1rem;
}

/*---------------- Margin bottom Input/Select*/

  .sales-inquiry-contact-information input,
  /* .sales-inquiry-application-row select, */
  .sales-inquiry-throughput-row input,
  .sales-inquiry-generic-formulation-component,
  .sales-inquiry-application-buttons,
  .sales-inquiry-generic-formulation-button,
  .sales-inquiry-row-wrapper.sales-inquiry-application-row-wrapper,
  .sales-inquiry-previous-experience-row {
    margin-bottom: 1.5rem;
}

/*-------------------- Buttons */

button.sales-inquiry-remove-button#sales-inquiry-remove-row-button,
.sales-inquiry-add-button#sales-inquiry-add-row-button,
.sales-inquiry-form-submit-button{
  width: 22%;
  font-size: var(--button_font_size);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
  border: none;
  margin-bottom: 1rem;
  font-weight: 400;
  text-transform: uppercase;
}
button.sales-inquiry-remove-button#sales-inquiry-remove-row-button {
  background: var(--gradient-grey1);
  color: var(--awb-color3);
}

.sales-inquiry-add-button#sales-inquiry-add-row-button {
  background: var(--gradient-blue2);
  color: white;
  margin-right: 1rem;
}

.sales-inquiry-generic-formulation-button {
  background-color:   var( --awb-custom_color_5);
  height: 1.5rem;
  width: 1.5rem;
  border: none;
  color: var(--awb-color3);
  font-size: 1rem;
}

.sales-inquiry-form-submit-button {
  background: var(--gradient-orange1);
  color: var(--awb-color3);
}

#wrapper p:has(input[type="checkbox"]) {
  margin-block-end: 1.5rem;
}

/*---------------- Checkboxes */
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  height: 1.2rem;
  width: 1.2rem;
  border: 2px solid var(--awb-custom_color_2);
  margin-left: 0;
  margin-right: 1rem;
}

input[type="checkbox"] {
   border-radius: 5px;
}

input[type="radio"] {
  border-radius: 50px;
}

input[type='checkbox']:checked,
input[type='radio']:checked {
  background: var( --awb-custom_color_5);
}

/*-------------------- Border Bottom after Section */

.sales-inquiry-row-wrapper.sales-inquiry-application-row-wrapper,
.sales-inquiry-row-wrapper:has(.sales-inquiry-required-machinery-components),
.sales-inquiry-row-wrapper:has(.sales-inquiry-previous-experience-row) {
  border-bottom: 1px solid var(--awb-custom_color_2);
}

  /*---------------------------
  -------- RELAUNCH STYLING 
  ----------------------------*/

  /*--------------- Contact Info */

  .sales-inquiry-row-wrapper.sales-inquiry-contact-information {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .sales-inquiry-row-wrapper.sales-inquiry-contact-information>div:nth-child(1) {
    display: flex;
    flex-direction: column;
  }

  .sales-inquiry-row-wrapper.sales-inquiry-contact-information>div:nth-child(1)>label>select {
    margin-top: 1rem;
    width: 100%;
  }

  .sales-inquiry-row-wrapper.sales-inquiry-contact-information>div:nth-child(8) {
    display: flex;
    align-items: flex-end;
  }

  .sales-inquiry-row-wrapper.sales-inquiry-contact-information>div:nth-child(8) input {
    margin-bottom: 3px;
    margin-right: 1rem;
  }

  .sales-inquiry-row-wrapper.sales-inquiry-contact-information>div:nth-child(8)>label {
    margin-bottom: 2rem;
  }

  /*-------------------- Application */

.sales-inquiry-application-row  {
    /* display: flex;
    justify-content: space-between; */
    /* align-items: center; */
  }

  .sales-inquiry-application-row-wrapper>h3 {
    margin: 1rem 0;
  }
  
  .sales-inquiry-row-wrapper h4 {
    margin-top: 0;
    margin-bottom: 1rem; 
  }

  .sales-inquiry-application-select>select,
  .sales-inquiry-generic-formulation-component>select,
  select.sales-inquiry-second-dropdown{
    width: 100%;
  }

  .sales-inquiry-generic-formulation-component {
    width: 31%;
  }

  .sales-inquiry-generic-formulation h5 {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .sales-inquiry-throughput-row label {
    line-height: 1.6;
  }

  /*---------------- Required Machinery Components */

  .sales-inquiry-required-machinery-components {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .sales-inquiry-required-machinery-components>.sales-inquiry-machinery-component {
    width: 33.33%;
    margin-bottom: 1.5rem;
  }

  .sales-inquiry-machinery-component label {
    margin-bottom: 1rem;
  }

  /*--------------- Previous Experience */

.sales-inquiry-previous-experience-row {
  margin-top: auto;
}

.sales-inquiry-previous-experience-row>label {
font-weight: 400;
}

.sales-inquiry-row-wrapper:has(.sales-inquiry-previous-experience-row) {
  margin-bottom: 1.5rem;
}

.sales-inquiry-second-dropdowns {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#sales-inquiry-disclaimer {
  font-size: 0.8em;
}

p:has(#sales-inquiry-disclaimer) {
  margin-bottom: 1.5rem;
}