form#book_online_repair_form i:before {
    font-family: 'Font Awesome 5 Pro';
    visibility: visible;
}

.online-booking-form.new-booking-form .form-inner {
    padding: 0px;
    box-shadow: none !important;
    margin-top: 10px;
    padding: 0 0px;
    min-height: 332px;
    margin-bottom: 20px;
    background: none;
}

.booking-form-2021 ul.progress-bar {
    margin: 0px;
    margin-bottom: 50px;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid rgb(90 87 112 / 45%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    flex-direction: row;
}

.booking-form-2021 ul.progress-bar li {
    width: calc(14.28571428571429% - 11px);
    margin: 0px;
    padding: 0px;
    padding-bottom: 13px;
    padding-right: 15px;
    z-index: 2;
    text-align: left;
    opacity: 0.5;
    padding-left: 15px;
    pointer-events: none;
    cursor: default;
    border: 1px solid rgb(90 87 112 / 63%);
    border-bottom: none;
    padding-top: 13px;
    border-radius: 10px 10px 0px 0px;
    margin: 0;
    width: auto;
    flex: 1;
}

.booking-form-2021 ul.progress-bar li:before {
    content: "";
    left: -1px;
    top: auto;
    bottom: -1px;
    height: 1px;
    width: 0px;
    opacity: 0;
    border-radius: 0%;
}

.booking-form-2021 ul.progress-bar li.active:before {
    width: calc(100% + 2px);
    opacity: 1;
}

.booking-form-2021 ul.progress-bar li.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    border-color: #2a3135;
}



.booking-form-2021 ul.progress-bar li b {
    float: left;
    width: 100%;
    display: block;
    font-size: 12px;
    margin: -7px 0 -3px 0;
}

.booking-form-2021 ul.progress-bar li span {
    clear: both;
    float: left;
    color: #5a5770;
    font-size: 14px;
    margin: 0 0 -7px 0;
    font-weight: 400;
}

.booking-form-2021 ul.progress-bar li.active b, .booking-form-2021 ul.progress-bar li.active span, .booking-form-2021 ul.progress-bar li b {
    color: #2a3135;
}

.booking-form-2021 ul.progress-bar li.active:hover b,
.booking-form-2021 ul.progress-bar li.active:hover span {
    color: #1c1740;
}

.booking-form-2021 ul.progress-bar li.active:hover {
	border-color:#1c1740;
}

.booking-form-2021 ul.progress-bar li.active:hover:before {
	background:#1c1740;
}

.booking-form-2021 ul.progress-bar li.current {
	border-color:#00639a;
}

.booking-form-2021 ul.progress-bar li.current b,
.booking-form-2021 ul.progress-bar li.current span {
	color:#00639a;
}

.booking-form-2021 .form-booking-inner h4 {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
    font-weight: 500;
    color: #3d474b;
    font-size: 18px;
    margin-bottom: 40px;
}

.booking-form-2021 .form-booking-inner h4 i {
    background: #2a3135;
    color: #ffffff;
    font-size: 14px;
    width: 34px;
    height: 34px;
    border-radius: 0px;
    line-height: 0.8;
    text-align: center;
    padding: 10px 0;
    margin-right: 19px;
    margin-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    line-height: 1;
}

.booking-form-2021 .form-booking-inner h4 i.fa-search {
    font-size: 16px;
    padding: 10px 0;
}

.booking-form-2021 .form-booking-inner h4 i.fa-calendar-check-o {
    padding-left: 2px;
}

.booking-form-2021 .form-booking-inner .stepped-navigation a {
    border-radius: 0px;
    box-shadow: none;
    color: #3c3c3c;
    background: #ffffff;
}

.booking-form-2021 .form-booking-inner .stepped-navigation a:hover {
    background: #3c3c3c;
    color: #ffffff;
    border-color: #3c3c3c;
    box-shadow: none !important;
}

.booking-form-2021 .form-booking-inner .stepped-navigation a.prev i {
    font-weight: 100;
}

.booking-form-2021 .form-booking-inner .stepped-navigation a.next:not(.disabled) {
    background: #05c574;
    border-color: #05c574;
}

.booking-form-2021 .form-booking-inner .stepped-navigation a.next:not(.disabled):hover {
    background: #04b067;
    border-color: #04b067 !important;
}

.booking-form-2021 .form-booking-inner .fields input, .booking-form-2021 .form-booking-inner .fields textarea, .booking-form-2021 .form-booking-inner .fields .bootstrap-select button {
    border-radius: 0px;
    width: 100%;
}

.booking-form-2021 .form-booking-inner .fields input:focus, .booking-form-2021 .form-booking-inner .fields textarea:focus, .booking-form-2021 .form-booking-inner .fields .bootstrap-select.show button {
    border: 1px solid #000000;
}

.booking-form-2021 .form-booking-inner .fields .bootstrap-select button span {
    overflow: visible;
}

form .fields .bootstrap-select button:after {
    border: none;
    margin: 0px;
    visibility: visible;
    font-family: 'Font Awesome 5 Pro';
}

.booking-form-2021 .form-booking-inner .fields .bootstrap-select button {
    border: 1px solid rgba(33, 28, 72, 0.34) !important;
}

.booking-form-2021 .form-booking-inner .fields .bootstrap-select button:hover {
    border: 1px solid #000000 !important;
}

.booking-form-2021 .form-booking-inner .fields .bootstrap-select button:after {
    right: 20px;
    top: 19px;
    font-weight: 400;
}

#appliance-brand .row > div {
    flex: 0 0 100%;
    max-width: 100%;
}

#appliance-brand .row > div:first-of-type {
	display:none;
}

form .fields .bootstrap-select div.dropdown-menu ul.dropdown-menu.inner li a {
    border: none;
    box-shadow: none !important;
    padding: 8px 24px !important;
}

form .fields .bootstrap-select div.dropdown-menu ul.dropdown-menu.inner li a {
    color: #666666 !important;
}

form .fields .bootstrap-select div.dropdown-menu ul.dropdown-menu.inner li a:hover {
	color:#000000 !important;
}

.booking-form-2021 .form-booking-inner .fields .dropdown-menu .bs-searchbox:before {
    visibility: visible;
    font-family: 'Font Awesome 5 Pro';
    right: 40px;
    top: 16px;
}

.hidden.hidden-fields {
    display: none;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output {
    position: absolute;
    z-index: 4;
    margin: -2px 0 0 0;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output .postcode-lookup-container {
    border: 1px solid #000000;
    border-radius: 0px !important;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output .postcode-lookup-container ul {
    padding: 0px;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output .postcode-lookup-container ul li:before {
	display:none;
}

.booking-form-2021 .form-booking-inner .fields .bootstrap-select button span {
    color: #3d474b;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output ul li {
    color: #666666;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output ul li:hover {
    color: #000000;
}

.booking-form-2021 .form-booking-inner .fields .dynamic-postcode-output-block {
    margin-top: 25px;
    background: #ffffff;
    border-radius: 0px;
    padding: 9px 20px;
}

.booking-form-2021 .form-booking-inner .fields input.datepicker {
    height: 50px;
}

#ui-datepicker-div table.ui-datepicker-calendar td a, #ui-datepicker-div table.ui-datepicker-calendar td span, #ui-datepicker-div .ui-datepicker-header a, #ui-datepicker-div {
    box-shadow: none;
}

#ui-datepicker-div table.ui-datepicker-calendar td {
    border: none !important;
}

#ui-datepicker-div .ui-datepicker-header a {
    background: #3c3c3c;
}

#ui-datepicker-div .ui-datepicker-header a:before {
    visibility: visible;
}

.booking-form-2021 .form-booking-inner .select-booking-date {
    background: #ffffff;
    border-radius: 0px;
}

.booking-form-2021 .form-booking-inner .select-booking-date:hover {
    background: #ffffff;
}

p#please_fill_in_all_fields {
    text-align: center;
    color: red;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: 24px;
}

.booking-form-2021 .form-booking-inner .booking-info .booking-info-block {
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 26px 0px rgb(41 35 84 / 6%);
}

.booking-form-2021 .form-booking-inner h4 i.fa-calendar-check-o:before {
	content:"\f274";
}

.booking-form-2021 .form-booking-inner #repair-cost-info:before {
    visibility: visible;
    font-family: 'Font Awesome 5 Pro';
    padding: 8px 0;
    border-radius: 0px;
    background: #46cc94;
}

.terms-and-conditions-module label span a {
    box-shadow: none;
}

.booking-form-2021 .form-booking-inner #repair-cost-info {
    background: #e9fff6;
    border-radius: 0px;
    border: 1px solid #1f895c47;
}

.booking-form-2021 .form-booking-inner #repair-cost-info p #chosen-preferred-date {
    font-weight: 800;
}

.booking-form-2021 .form-booking-inner #repair-cost-info h3, .booking-form-2021 .form-booking-inner #repair-cost-info p,
.booking-form-2021 .form-booking-inner .pay-options.pay-now h4, .booking-form-2021 .form-booking-inner .pay-options.pay-now ul li {
    color: #1f895c;
}

#ui-datepicker-div table.ui-datepicker-calendar td a, #ui-datepicker-div table.ui-datepicker-calendar td span {
    color: #3c3c3c;
    border-color: #cccccc;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    color: #3c3c3c;
}

.booking-form-2021 .form-booking-inner .appliance-panel input:checked ~ .icon-inner b {
	color:#000000;
}

.online-booking-form h3 {

    color: #3c3c3c;
}

.booking-form-2021 .form-booking-inner .pay-options ul li.check:before,
.booking-form-2021 .form-booking-inner .pay-options.pay-now h4 span {
    background: #46cc94;
}


.booking-form-2021 .form-booking-inner .pay-options {
    background: #ffffff;
    border-radius: 0px;
}

.booking-form-2021 .form-booking-inner .pay-options h4 span {
    border-radius: 0px;
}

.booking-form-2021 .form-booking-inner .pay-options.pay-now {
    background: #e9fff6 !important;
    border-radius: 0px;
    border: 1px solid #1f895c47 !important;
    box-shadow: none !important;
}

.booking-form-2021 .form-booking-inner .pay-options button, .booking-form-2021 .fields.submit .wpcf7-submit.cta-button {
    height: 50px;
    color: #ffffff !important;
}

.booking-form-2021 .form-booking-inner .pay-options.pay-now button#book-repair-button-pay {
    background: #46cc94 !important;
    box-shadow: 0 0 24px 0px rgb(10 90 27 / 9%);
    border-color: #46cc94 !important;
	color:#ffffff !important;
}

.booking-form-2021 .form-booking-inner .pay-options.pay-now button#book-repair-button-pay:hover {
    background: #2f9e70 !important;
    border-color: #2f9e70 !important;
}

.booking-form-2021 .form-booking-inner span.loading {
    background: rgb(249 250 250 / 79%);
}

.booking-form-2021 .form-booking-inner span.loading span.loading-inner {
	color:#3c3c3c;
}

.online-booking-form.new-booking-form {
    margin-bottom: 0px;
    margin-top: 20px;
}

form#book_online_repair_form i:before {
    font-weight: 400;
}

.booking-form-2021 .form-booking-inner .stepped-navigation a.prev i,
.booking-form-2021 .form-booking-inner .stepped-navigation a.next i {
    margin-top: -2px;
}

.booking-form-2021 .form-booking-inner h4.final-booking-step {
    margin-bottom: 30px;
}

.booking-form-2021 .form-booking-inner h4 i {
    float: left;
}

.booking-form-2021 #confirm-booking .fields.submit .booking-field-wrapper button.cta-button {
    position: relative;
    float: left;
}

.online-booking-form form.landlord [data-submit-type="network"] i {
    margin-top: -5px;
}

.online-booking-form form.landlord [data-submit-type="network"] {
    margin-bottom: 30px;
}

.terms-and-conditions-module label span {
    padding-left: 0px;
}

.terms-and-conditions-module {
    margin-top: 0px;
    margin-bottom: 0px;
}
.booking-form-2021 #confirm-booking .fields.submit .booking-field-wrapper button.cta-button i {
    display: none;
}

.booking-form-2021 #confirm-booking .fields.submit .booking-field-wrapper button.cta-button {
    position: relative;
    float: left;
    padding: 10px 30px !important;
    background: #46cc94;
    color: #ffffff;
    font-weight: 600;
    transform: none !important;
    left: 0% !important;
}

.booking-form-2021 #confirm-booking .fields.submit .booking-field-wrapper button.cta-button:hover {
background: #32a575;
}

.StripeElement {
    margin-bottom: 30px;
}

.booking-form-2021 .pay-online-module .pay-online-confirm .payment.title {
    display: none;
}

.booking-form-2021 .pay-online-module {
    margin-top: 0px;
}

.booking-form-2021 .pay-online-module .pay-online-confirm {
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.booking-form-2021 .pay-online-module .pay-online-confirm a#final-payment-button i.fa.fa-check {
    display: none;
}

.booking-form-2021 .pay-online-module .pay-online-confirm a#final-payment-button {
    background: #46cc94 !important;
    box-shadow: 0 0 24px 0px rgb(10 90 27 / 9%);
    border-color: #46cc94 !important;
    color: #ffffff !important;
    padding: 10px 30px !important;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
}


.booking-form-2021 .pay-online-module .pay-online-confirm a#final-payment-button:hover {
    background: #2f9e70 !important;
    border-color: #2f9e70 !important;
}

@media only screen and (max-width: 767px) {

.booking-form-2021 ul.progress-bar {
    scroll-snap-type: x mandatory;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    padding-bottom: 50px;
    margin-bottom: 0px;
    border: none;
    flex-wrap: nowrap;
    width: 100%;
    scroll-snap-points-x: repeat(150px);
}	


.online-booking-form h3 {
    line-height: 1.2;
    margin-bottom: 0px;
}

.booking-form-2021 ul.progress-bar li {
    scroll-snap-align: start;
    width: 142px;
    flex: 1;
    min-width: 142px;
    margin-right: 10px;
}

.online-booking-form.new-booking-form .form-inner {
    margin-top: 0px;
}

.booking-form-2021 .form-booking-inner #address-postcode .dynamic-postcode-output {
    position: relative;
}

.booking-form-2021 .form-booking-inner .select-booking-date:hover:before, .booking-form-2021 .form-booking-inner .select-booking-date:hover:after {
    background: rgb(255 255 255);
    visibility: visible;
}

.mobile-scroller:after {
    visibility: visible;
    bottom: 49px;
}

.booking-form-2021 .form-booking-inner h4 {
    margin-bottom: 25px;
}

.booking-form-2021 .form-booking-inner .select-booking-date:before, .booking-form-2021 .form-booking-inner .select-booking-date:after {
    background: rgb(255 255 255);
    visibility: visible;
}

#ui-datepicker-div {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    min-width: 350px;
    max-width: 350px;
    -webkit-box-shadow: 0px 0px 35px 0px rgb(41 35 84 / 21%);
    -moz-box-shadow: 0px 0px 35px 0px rgba(41, 35, 84, 0.21);
    box-shadow: 0px 0px 35px 0px rgb(41 35 84 / 21%);
}

.booking-form-2021 .form-booking-inner .pay-options {
    width: 100%;
    min-width: 100%;
}

#ui-datepicker-div table.ui-datepicker-calendar td a, #ui-datepicker-div table.ui-datepicker-calendar td span {
    width: 36px;
    height: 36px;
    padding: 12px 0;
    font-size: 14px;
}

.terms-and-conditions-module {
    margin-top: 0px;
}
	
}