/*
Add your CSS in here
*/

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

* {
  font-family: "Manrope", sans-serif;
}

html {
  height: 100%;
}

.lostp {
  text-decoration: none;
  color: black !important;
}

.btn-grey {
  background-color: #7e7e7e !important;
  border-color: #7e7e7e !important;
}

.btn-grey:hover {
  background-color: #969696 !important;
  border-color: #969696 !important;
}

.gform_wrapper .gfield.switch .gfield_checkbox {
  display: inline-block;
}

.gform_wrapper .gfield.switch .gfield_checkbox .gchoice {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.gform_wrapper .gfield.switch .gfield-choice-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.gform_wrapper .gfield.switch .gfield_checkbox label {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.gform_wrapper .gfield.switch .gfield_checkbox label:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.gform_wrapper .gfield.switch .gfield-choice-input:checked + label {
  background-color: #ffc107;
}

.gform_wrapper .gfield.switch .gfield-choice-input:focus + label {
  box-shadow: 0 0 1px #ffc107;
}

.gform_wrapper .gfield.switch .gfield-choice-input:checked + label:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.gform_wrapper.gravity-theme
  .gform_fields.left_label
  .switch
  legend.gfield_label {
  margin-bottom: 8px !important;
}

/* Hide empty label text */
.gform_wrapper .gfield.switch .gfield_checkbox label[id^="label_"] {
  font-size: 0;
}

.activatebtn {
  background-color: #ffc107 !important;
  border: 0 !important;
  font-size: 1rem !important;
  padding: 7px 16px !important;
  border-radius: 6px !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: white !important;
}

.activatebtn:hover {
  background-color: #ffca2c !important;
  border: 0 !important;
  font-size: 1rem !important;
  padding: 7px 16px !important;
  border-radius: 6px !important;
}

.login .wpuf-message,
.login .wpuf-success,
.login .wpuf-error {
  border: 0 !important;
}

.login a {
  color: black !important;
  text-decoration: none;
}

.woocommerce-form.woocommerce-form-login.login {
  display: none !important;
}

.woocommerce-order-details__title {
  display: none !important;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  display: none !important;
}

.dashboard-links div a {
  text-decoration: none;
  color: black;
  transition: all 0.5s;
  font-size: 14px;
}

.table td {
  border: 0;
  vertical-align: middle;
}

#date,
#time {
  cursor: pointer;
}

.woocommerce-order-received .woocommerce-customer-details {
  display: none !important;
}

.yellow-button {
  background-color: #d1a41c;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  color: white;
  transition: all 0.5s;
  text-align: center;
}

.rejected-button {
  background-color: #8f6817 !important;
  border-color: #8f6817 !important;
}

.rejected-button:not(:disabled):hover {
  background-color: #b78522 !important;
  border-color: #b78522 !important;
}

.yellow-button:disabled {
  opacity: 0.65;
}

.yellow-button:not(:disabled):hover {
  background-color: #dcb541;
}

.green-button {
  background-color: #3cbd75;
  border-radius: 8px;
  padding: 8px 32px;
  margin-top: 32px;
  color: white;
  transition: all 0.5s;
}

.green-button:disabled {
  opacity: 0.65;
}

.green-button:not(:disabled):hover {
  background-color: #3cda83;
}

.btn-red {
  background-color: #ff3242;
  --bs-btn-color: #000;
  --bs-btn-bg: #ff3242;
  --bs-btn-border-color: #ff3242;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd5966;
  --bs-btn-hover-border-color: #fd5966;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd5966;
  --bs-btn-active-border-color: #fd5966;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ff3242;
  --bs-btn-disabled-border-color: #ff3242;
}

.red-button {
  background-color: #d12a2a;
  border-radius: 8px;
  padding: 8px 32px;
  margin-top: 32px;
  color: white;
  transition: all 0.5s;
}

.red-button:disabled {
  opacity: 0.65;
}

.red-button:not(:disabled):hover {
  background-color: #f04747;
}

.badge-approved {
  background-color: #008c00;
  padding: 8px 12px !important;
  width: 100%;
}

.badge-quoted {
  background-color: #00a3d9;
  padding: 8px 12px !important;
  width: 100%;
}

.badge-delivered {
  background-color: #0ae3c6;
  padding: 8px 12px !important;
  width: 100%;
}

.btn-warning {
  color: white !important;
  padding: 2px 18px !important;
}

.page-item.active .page-link {
  background-color: #888888 !important;
  border-color: #888888 !important;
  color: white !important;
}

.page-item .page-link {
  color: black !important;
}

.badge-rejected,
.badge-expired {
  background-color: #8c6900;
  padding: 8px 12px !important;
  width: 100%;
}

.badge-processing,
.badge-light {
  background-color: #aaaaaa;
  padding: 8px 12px !important;
  width: 100%;
}

.badge-pending {
  background-color: #ff7802;
  padding: 8px 12px !important;
  width: 100%;
}

.table th {
  border-bottom-width: 3px !important;
  border-color: #8e8e8e !important;
  font-size: 12px;
}

.dashboard-links div a:hover {
  color: rgb(40, 40, 40);
}

.nav-link {
  color: white !important;
}

.nav-link:hover {
  color: #d3a60b !important;
}

.gfield_label {
  font-weight: 500 !important;
}

.gform_button.button {
  height: fit-content;
  background-color: #d1a41c !important;
  color: white !important;
  text-decoration: none;
  padding: 8px 20px;
  border: 0;
  font-size: 17px;
  border-radius: 8px;
  font-weight: 300;
}

.gfield-choice-input {
  width: 16px !important;
  height: 16px !important;
}

.gfield_required.gfield_required_asterisk {
  color: #212529 !important;
  font-size: 16px !important;
}

.gform_footer.left_label {
  padding-left: 0 !important;
}

#wpuf-login-form .input {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 3px solid #888888;
}

.rightcheck {
  display: flex !important;
}

.gform_required_legend {
  display: none !important;
}

.ginput_container input,
.ginput_container select {
  border: 3px solid #888888 !important;
  border-radius: 8px;
  position: relative;
}

.gform_validation_errors {
  display: none !important;
}

.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label,
.gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label {
  width: 70% !important;
}

.sectionfixno {
  margin-top: 16px !important;
}

.sectionfix {
  padding-bottom: 4px !important;
  margin-top: 48px;
  border-bottom: 2.5px solid #888888 !important;
}

.sectionfix .gsection_title {
  font-size: 18px;
  margin-bottom: 0;
}

#wpuf-login-form #wp-submit {
  height: fit-content;
  background-color: #d1a41c;
  color: white !important;
  text-decoration: none;
  padding: 8px 20px !important;
  font-size: 15px;
  border-radius: 8px;
  font-weight: 300;
}

.lostpass {
  text-decoration: none;
  color: black !important;
}

#wpuf-login-form .input::placeholder {
  color: black;
}

#wpuf-login-form .submit {
  display: inline;
}

.forgetmenot {
  display: inline;
  padding-left: 24px;
}

.abutton {
  height: fit-content;
  background-color: #d1a41c;
  color: white !important;
  text-decoration: none;
  padding: 4px 20px;
  font-size: 15px;
  border-radius: 8px;
  font-weight: 300;
}

.startbutton {
  height: fit-content;
  padding: 12px 32px;
  justify-content: center;
  text-align: center;
  width: 100%;
  display: flex;
  background-color: #d1a41c;
  border: 2px solid #d1a41c;
  color: white !important;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px;
  font-weight: 300;
}

#payment {
  background: none !important;
}

#place_order {
  height: fit-content;
  margin-top: 16px;
  padding: 12px 32px;
  justify-content: center;
  text-align: center;
  width: 100%;
  display: flex;
  background-color: #d1a41c;
  border: 2px solid #d1a41c;
  color: white !important;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px;
}

.woocommerce-info {
  display: none !important;
}

.shop_table {
  border: 0 !important;
}

.wc_payment_method input {
  display: initial !important;
}

.shop_table thead {
  display: none;
}

#billing_address_fields .row {
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: center;
}

#order_request_form .row input,
#order_request_form .row select,
#order_request_form .row textarea,
#billing_address_fields input {
  width: 100%;
  border: 3px solid #888888;
  border-radius: 8px;
  padding: 8px;
}

#despatch_form .row input,
#despatch_form .row select,
#despatch_form .row textarea,
#billing_address_fields input {
  width: 100%;
  border: 3px solid #888888;
  border-radius: 8px;
  padding: 8px;
}

.quote_div {
  position: relative;
}

.quote_div::before {
  content: "£"; /* Insert pound symbol */
  position: absolute; /* Position the symbol */
  left: 10px; /* Adjust the left position as needed */
  top: 50%; /* Align vertically */
  transform: translateY(-50%); /* Center vertically */
  z-index: 1; /* Ensure the symbol is above the input field */
  pointer-events: none; /* Ensure the symbol does not interfere with input */
}

#order_request_form button {
  background-color: #d1a41c;
  border-radius: 8px;
  padding: 8px 32px;
  color: white;
  margin-top: 24px;
  transition: all 0.5s;
}

#despatch_form button {
  background-color: #d1a41c;
  border-radius: 8px;
  padding: 8px 32px;
  color: white;
  margin-top: 24px;
  transition: all 0.5s;
}

.update-details {
  background-color: #d1a41c;
  border-radius: 8px;
  padding: 8px 32px;
  color: white;
  margin-top: 24px;
  transition: all 0.5s;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]::-ms-clear {
  display: none;
}

.update-details:hover {
  background-color: #dcb541;
}

#order_request_form button:hover {
  background-color: #dcb541;
}

#despatch_form button:hover {
  background-color: #dcb541;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label,
.gform_wrapper .gfield_error label,
.gform_wrapper .gfield_error legend,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper [aria-invalid="true"] + label,
.gform_wrapper label + [aria-invalid="true"] {
  color: #212529 !important;
}

.validation_message.gfield_validation_message {
  padding: 0 !important;
  background-color: white !important;
  border: 0 !important;
  color: red !important;
}

#order_request_form .row {
  margin-bottom: 8px;
}

#despatch_form .row {
  margin-bottom: 8px;
}

.mobileonly {
  display: none !important;
}

#despatch_form .row .col-lg-4 {
  display: flex;
  align-items: center;
}

#order_request_form .row .col-lg-5 {
  display: flex;
  align-items: center;
}

.startbutton2 {
  height: fit-content;
  padding: 12px 32px;
  border: 2px solid #888888;
  color: black !important;
  justify-content: center;
  text-align: center;
  width: 100%;
  display: flex;
  background-color: white;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px;
  font-weight: 300;
}

.woocommerce-error {
  display: none;
}

#bs-example-navbar-collapse-1 {
  justify-content: end;
}

body {
  margin: 0 !important;
}

.pad-r-mobile {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.m-b-mobile {
  margin-bottom: 0;
}

.desktoppad {
  padding-bottom: 32px;
  padding-top: 12px;
}

@media only screen and (max-width: 1200px) {
  .page-template-page-quote-requests td .btn.btn-warning {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 600px) {
  .desktoponly {
    display: none !important;
  }

  .mobile-change .gfield_label {
    padding-right: 8px !important;
    font-size: 14px !important;
  }

  .m-b-mobile {
    margin-bottom: 6px;
  }

  .dashboard-links {
    padding-bottom: 32px;
  }

  .pad-r-mobile {
    padding-right: 0;
  }

  .find-delivered {
    justify-content: start;
    display: flex;
  }

  .mobilecol {
    padding-top: 8px;
    padding-right: 32px !important;
    padding-left: 0 !important;
  }

  .mobilefreephone {
    margin: auto;
  }

  .mobiletab {
    overflow-x: auto;
  }

  .desktoppad {
    padding-bottom: 0;
    padding-top: 0;
  }

  .mobileonly {
    display: initial !important;
  }
}

@media only screen and (min-width: 1000px) {
  .conwidth {
    max-width: 900px !important;
  }
}