:root
{
  --primaryColor: #78FAAE;
  --darkgreen: #0E3A2F;
  --darkergreen: #00271d;
  --lightgrey: #A0A7A8;
  --lightergrey: #e2e2e2;
}
@font-face {
	font-family: "Cupra Bold";
	src: url("../font/Cupra-Bold.ttf") format('truetype');
}
@font-face {
	font-family: "Cupra Book";
	src: url("../font/Cupra-Book.ttf") format('truetype');
}
@font-face {
	font-family: "Cupra Regular";
	src: url("../font/Cupra-Regular.ttf") format('truetype');
}
@font-face {
	font-family: "Cupra Light";
	src: url("../font/Cupra-Light.ttf") format('truetype');
}
.skoda-book
{
	font-family: "Cupra Book";
}
.cupra-book
{
	font-family: "Cupra Book";
}
.cupra-regular
{
	font-family: "Cupra Regular";
}
.cupra-light
{
	font-family: "Cupra Light";
}

#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:before
{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: black;
}
.defaultForm-header
{
	position: sticky;
	width: 100%;
	top: 0;
    padding: 24px 0px;
	z-index: 2;
	
}
.defaultForm-bodyImg
{
	min-width: 500px;
}
.defaultForm-bodyInput
{
	overflow-y: scroll;
	padding: 70px 70px;
	background-color: #373B47;
	color: white;
}
form .label-title
{
	font-size: 16px;
}
.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: 1px solid #394748;
	background: #F3F4F6;
}
.form-group input,
.form-group select
{
	border: 1px solid black;
	border-radius: 4px;
	background: #fff;
	position: relative;
	color: black;
	font-size: 16px;
	z-index: 1;
	font-family: "Cupra Regular";
	transition: all .3s ease;
}
.form-group input.confirm
{
	color: #000;
}
.form-group select.confirm
{
	color: #000;
}
.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: 50%;
	right: 20px;
	transform: translate(0,-64%);

	z-index: 1;

	opacity: 0;
	visibility: hidden;
}
.error-alert-icon
{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-64%);

	z-index: 1;

	opacity: 0;
	visibility: hidden;
}
.anchor
{
	position: absolute;
	top: 50%;
	right: 13px;
	transform: translate(0,-50%);

	z-index: 1;

	opacity: 1;
	visibility: visible;
}
.tick.show,
.error-alert-icon.show
{
	opacity: 1;
	visibility: visible;
}
.anchor.hide
{
	opacity: 0;
	visibility: hidden;
}
.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: 20px;
  height: 20px;
  padding: 4px;

  background-clip: content-box;
  border: 2px solid var(--lightergrey);
  background-color: transparent;
  border-radius: 50%;
}
.form-check input[type="radio"]:checked {
  background-color: white;
  border: 2px solid white;
}
.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: 2px;
}
.form-check input[type="checkbox"] 
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 26px;
  height: 26px;

  border: 2px solid;
  background-color: white;

  background-position: center;
  background-size: 16px 14px;
  background-repeat: no-repeat;

  border-radius: 4px;
}
.form-check input[type="checkbox"]:checked {
  background-color: white;
  border: 2px solid ;
  border-radius: 4px;

  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;

	display: none;

	transition: all .3s ease;
}
#errorMessage-bookADrive.show
{
	display: block;
}
#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 {	
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid var(--darkgreen); /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  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: 1px solid red;
}
.form-group select.error
{
	border: 1px 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;
}


/* NEWEST CODE */
.defaultForm-body-height
{
	height: 100vh;
}
#book-a-test-drive
{
	overflow: hidden;
}
.thank-you-left-img
{
	max-width: 700px;
}
@media (max-width:1024px)
{
	.defaultForm-body-height
	{
		height: 100%;
	}
	#book-a-test-drive
	{
		overflow: auto;
	}
	.defaultForm-bodyInput
	{
		overflow-y: unset;
		padding: 25px 33px;
	}
	.defaultForm-bodyImg
	{
		min-width: 100%;
	}
	.thank-you-left-img
	{
		max-width: 380px;
	}
}
@media (max-width:520px)
{
	.defaultForm-bodyInput
	{
		padding: 23px;
	}
	.defaultForm-bodyInput .form-title
	{
		line-height: 43px;
		font-size: 35px;
	}
	.defaultForm-bodyInput .form-description p:last-child
	{
		font-size: 15px;
	}
	.thankYouSection .defaultForm-header:before
	{
		background: transparent;
	}
	.thankYouSection .content .main-title
	{
		font-size: 40px;
	}
	.thankYouSection .content .main-description
	{
		font-size: 16px;
	}
}