/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.vehicle-details {font-size:20px;  padding: 0 100px 20px 85px; }

.purchaseDate-container { display:inline-block; margin: 20px 85px;  }
.purchaseDate-container label { margin-left: 20px; font-weight:normal; }
.purchaseDate-container i { margin-right: 20px; }

.purchaseDate-container input:checked { accent-color:#f9c72c; }
.purchaseDate-container input:checked + label { font-weight:bold;  }

.purchaseDate-container .date-link a {cursor: pointer; }
 
.purchaseDate-container .date-custom { margin-top: -4px; }
.purchaseDate-container .date-custom i { margin-right: 20px; }
.purchaseDate-container .date-custom label { margin-right: 20px; margin-left: 0; font-weight:normal; }
.purchaseDate-container .date-custom input { display:inline-block;     width: 115px; }

.purchaseType-container { display:inline-block; margin: 20px 85px;  }
.purchaseType-container label {  margin-left: 20px; font-weight:normal;  }
.purchaseType-container input:checked { accent-color:#f9c72c; }
.purchaseType-container input:checked + label { font-weight:bold;  }



@media only screen and (max-width: 640px) {
  .purchaseDate-container { margin: 20px;  }
  .purchaseType-container { margin: 20px;  }
}


.regchecker  {
	align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    max-width: 100%;
    flex-basis: 100%;
}

.regchecker button {
    display: inline-block;
	margin-left: 10px;
	font-size: 1.8rem;
	line-height: 18px;
	color: #ffffff;
    background-color: #969696;
    border-width: 0;
    border-radius: 4px;
    padding: 41px 40px;
    vertical-align: middle;
    text-align: center;
    transition: all 200ms linear;
    cursor: pointer;
}

.regchecker button:hover { background-color: #000000 !important; transition: all 200ms linear; }

.regchecker input:focus { background-color: #f9c72c; }

.regchecker input {
  display: block;
    vertical-align: middle;
  height: 100px;
    width: 100%;
    padding: 25px 80px 25PX 80px;
    color: #0a0a0a;
    border: none;
    background: #EFDC04 url(img/ukregplate.svg) left center no-repeat; 
    text-align: center;
    border-radius: 4px;
    line-height: 16px;
    font-family: Montserrat, sans-serif;
  font-size: 42px;
    font-weight: 800;
  text-transform: uppercase;
}

.regchecker.home {display: flex; flex-wrap: wrap;}
.regchecker.home input { width:100%; display: block;}
.regchecker.home button { background-color: #00b67a; width:100%; margin-left: 0px; padding: 20px; margin-top:10px; }



.ukpl_postcode_lookup_results select { border: 5px solid; border-color: #ff0000!important; margin-bottom:30px !important; }



.gform_heading .gform_required_legend {display: none !important;}

.ukpl_postcode_lookup_container { padding-left:0 !important; padding-right:0 !important;}
.ukpl_postcode_lookup_container #ukpl_postcode_lookup { margin-right:10px !important;}
.ukpl_postcode_lookup_container input[type = 'submit'] { background-color: #969696; border-color: #969696;  color: #fff;}

.accept-terms .ginput_container { white-space:nowrap; }
.accept-terms .ginput_container input { vertical-align: top; }
.accept-terms .ginput_container label { white-space:break-spaces; margin-left: 10px; margin-right: 20px; font-weight: normal; font-size: 12px;}
.accept-terms .gfield_required { display:none !important; }


.ui-datepicker * {font-size:16px !important;}

.id-upload-form .validation_message--hidden-on-empty.gform-ul-reset {display: none!important;}

.pp-gf-content .gform_wrapper .gfield_error input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), 
.pp-gf-content .gform_wrapper .gfield_error .ginput_container select, 
.pp-gf-content .gform_wrapper .gfield_error .ginput_container textarea {border-color: #ff0000!important;}

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


.terms ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.terms ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.terms ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

.terms li ol > li {
  margin: 0;
}

.terms li ol > li:before {
  content: counters(item, ".") " ";
}





a#continue, a#addVehicle {
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
	border: 1px solid #00aa6e;
	background-color: #00aa6e;
	color: #ffffff;
    display: block;
    text-align: center;	
	transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	width:100%;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
    text-shadow: none;
}


a#addVehicle {
  border: 1px solid #8a8a8a;
  background-color: #8a8a8a;
}


a#continue span, a#addVehicle span {color: #ffffff;}
a#addVehicle:hover, a#continue:hover { background-color:#000000; border-color:#000000; }


.vd-page-header .fl-row-fixed-width { max-width: 698px; text-align: center; }

.vrmBox { margin-bottom: 30px;}
.vrmBox .fl-row-fixed-width { max-width: 698px; }
.vrmBox .fl-col-group { background: #ffffff; }


.buttons .fl-row-fixed-width { max-width: 698px; }
.buttons .fl-col {width: 70%;}
.buttons .fl-col-small {width: 30%;}


.grecaptcha-badge {display:none!important;}

 
.vehicle-details-section > .fl-node-content {margin-top: 0;}

#input_6_12_toolbar {display: none !important;}


@media only screen and (max-width: 640px) {
	
    .vd-page-header .fl-heading { font-size: 24px; }


    .vehicle-details {font-size:18px;  padding: 0 20px 20px 20px; margin-top:-20px; }

    .regchecker {display: flex; flex-wrap: wrap;}
    .regchecker input { width:100%; display: block;}	
    .regchecker button {  width:100%; margin-left: 0px; padding: 20px; margin-top:10px; }

    a#addVehicle, a#addVehicle:hover  {
    border: 1px solid transparent;
    background-color: transparent;
    }
    a#addVehicle:hover {  }
    a#addVehicle span {color: #3b3b3b;}
    a#addVehicle span:hover {color: #000000;}

    #add-btn .fl-node-content { margin:0; }
    #add-btn a { padding-top:0; }

    .buttons > div { padding:0; }

}

.error404 .fl-search-input {
    display: none;
}

.page-template-page-vehicledetails .fl-page-content {position: relative;}

.loader{ 
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  z-index:9999; 
  position: absolute; 
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color: rgba(255, 255, 255, 0.7);
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #F9C72C;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #F9C72C transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}