#book-a-test-drive
{
	padding-right: 0 !important;
}
#book-a-test-drive .modal-content
{
	width: 100%;
	height: auto;
	border-radius: 0px;
}
#book-a-test-drive .modal-dialog
{
	margin: 0;
	max-width: 100%;

	width: 100%;
	height: auto;
}

#sign-up-form
{
	padding-right: 0 !important;
}
#sign-up-form .modal-content
{
	width: 100%;
	height: auto;
	border-radius: 0px;
}
#sign-up-form .modal-dialog
{
	margin: 0;
	max-width: 100%;

	width: 100%;
	height: auto;
}


.defaultForm-header
{
	padding: 15px 0 0 0;
	/*background: #FFF;*/
}
.defaultForm-header:before
{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #FFF;
}
.defaultForm-header
{
	position: sticky;
	width: 100%;
	top: 0;

	z-index: 2;
}
.defaultForm-bodyImg img
{
	position: fixed;
	width: 28%;
	z-index: 1;
}
.defaultForm-body
{
	padding: 70px 100px 30px 100px;
}
.defaultForm-bodyInput
{
	width: 100%;
}
.defaultForm-bodyInput form
{
	margin-top: 55px;
}
.form-group
{
	width: 100%;
}
.form-group select
{
	width: 100%;
	height: 50px;
}
select.remove {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.form-group input:focus,
.form-group input:hover,
.form-group select:focus,
.form-group select:hover
{
	outline: none;
	box-shadow: none;

	border-bottom: 2px solid #001e50;
	background: transparent;
}
.form-group input,
.form-group select
{
	border: none;
	border-bottom: 2px solid #001e50;
	padding: 0;

	border-radius: 0;
	background: transparent;
	position: relative;

	color: #95a6ad;
	font-size: 24px;
	z-index: 1;
	font-family: 'Vw Regular';

	transition: all .3s ease;
	margin-bottom: 50px;
}
.form-group input.confirm
{
	color: #00b0f0;
}
.form-group select.confirm
{
	color: #00b0f0;
}
.placehoder
{
	position: absolute;
	width: 100%;
	top: 10px;

	color: #95a6ad;
	font-size: 24px;
	font-family: 'Vw Regular';

	transition: all .3s ease;
}
.placehoder.focus
{
	font-size: 16px;
	top: -20px;
}
.tick
{
	position: absolute;
	top: 10px;
	right: 20px;

	z-index: 1;

	opacity: 0;
	visibility: hidden;
}
.anchor
{
	position: absolute;
	top: 10px;
	right: 20px;

	z-index: 1;

	opacity: 1;
	visibility: visible;
}
.tick.show
{
	opacity: 1;
	visibility: visible;
}
.anchor.hide
{
	opacity: 0;
	visibility: hidden;
}
.form-check-inline
{
	margin-right: 100px;
	margin-top: 10px;
}
.form-check .form-check-input
{
	margin-bottom: 0 !important;

    width: 10px;
    height: 10px;
}
.form-check input[type="radio"] 
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 40px;
  height: 40px;
  padding: 6px;

  background-clip: content-box;
  border: 2px solid #001e50;
  background-color: transparent;
  border-radius: 50%;
}
.form-check input[type="radio"]:checked {
  background-color: #00b0f0;
  border: 2px solid #00b0f0;
}
.defaultFormTable tr td:nth-child(1)
{
	vertical-align: top;
	padding-right: 20px;
}
.defaultFormTable tr td:nth-child(1) .form-check
{
	margin-right: 0;
	margin-top: 6px;
}
.form-check input[type="checkbox"] 
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 26px;
  height: 26px;

  border: 2px solid #001e50;
  background-color: transparent;

  background-position: center;
  background-size: 16px 14px;
  background-repeat: no-repeat;
}
.form-check input[type="checkbox"]:checked {
  background-color: transparent;
  border: 2px solid #00b0f0;

  background-image: url('../img/tick-blue-icon.svg');
}
.sendRequestBtn
{
	background: #001e50;
	color: #FFF;

	border: none;
	padding: 15px 80px;
	border-radius: 50px;

	margin-top: 36px;
}

#errorMessage-bookADrive
{
	color: red;
	margin-top: 10px;

	opacity: 0;
	visibility: hidden;

	transition: all .3s ease;
}
#errorMessage-bookADrive.show
{
	opacity: 1;
	visibility: visible;
}
#sucessMessage-bookADrive
{
	color: green;
	margin-top: 10px;

	opacity: 0;
	visibility: hidden;

	transition: all .3s ease;
}
#sucessMessage-bookADrive.show
{
	opacity: 1;
	visibility: visible;
}

#errorMessage-signUp
{
	color: red;
	margin-top: 10px;

	opacity: 0;
	visibility: hidden;

	transition: all .3s ease;
}
#errorMessage-signUp.show
{
	opacity: 1;
	visibility: visible;
}
#sucessMessage-signUp
{
	color: green;
	margin-top: 10px;

	opacity: 0;
	visibility: hidden;

	transition: all .3s ease;
}
#sucessMessage-signUp.show
{
	opacity: 1;
	visibility: visible;
}
.notactive {
    pointer-events: none;
    cursor: default;
    opacity: .1;

    transition: all .3s ease;
}
.loader {	
  margin-top: 36px;
  margin-left: 30px;

  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #001e50; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;

  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.loader.show {	
  opacity: 1;
  visibility: visible;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.form-group input.error
{
	border-bottom: 2px solid red;
	color: red;
}
.form-group select.error
{
	border-bottom: 2px solid red;
}
.placehoder.error
{
	color: red;
}
.anchor img.error
{
	filter: invert(19%) sepia(74%) saturate(4488%) hue-rotate(354deg) brightness(87%) contrast(134%);
}
.setError.error
{
	color: red !important;
}

