:root {
    --checkcar_page_bg: #ececec;
    --checkcar_primary: #000;
    --checkcar_secondary: #ffdb00;
    --checkcar_button_color: #000;
    --checkcar_button_color_hover: #ffdb00;
    --checkcar_bg: #fff;
    --checkcar_font_size: 1.3rem;
    --checkcar_font_size_l: 2rem;
    --checkcar_font_size_m: 1.8rem;
    --checkcar_font_size_s: 1.15rem;
}
.checkcar_app_bg {
	background: var(--checkcar_page_bg) !important;
}
div.checkcar_app *,
div.checkcar_app {
	box-sizing: border-box;
}
div.checkcar_app {
	background: var(--checkcar_bg);
	padding: 30px 30px 15px;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 0 10px -5px var(--checkcar_primary);
}
div.checkcar_app > div.checkcar_app_top {
	text-align: center;
	margin-bottom: 30px;
}
div.checkcar_app > div.checkcar_app_top > .checkcar_app_title{
	margin-bottom: 20px;
	line-height: 1.05;	
	font-size: var(--checkcar_font_size_l);
	color: #222;
}
div.checkcar_app > div.checkcar_app_top > div.checkcar_app_text {
	font-size: var(--checkcar_font_size);
	font-weight: 500;
	color: #333;
}
div.checkcar_app > div.checkcar_app_top > div.checkcar_app_text p {
	margin: 0;
}
div.checkcar_app > div.checkcar_app_bottom {
	margin-top: 30px;
}
div.checkcar_app > form.checkcar_app_form {
  display: flex;
  justify-content: center;
  position: relative;
  width: 500px;
  max-width: 100%;
  margin: auto;
  gap: 10px;
}
div.checkcar_app .checkcar_app_filter > label.checkcar_app_label,
div.checkcar_app > form.checkcar_app_form  > label.checkcar_app_label {
	position: absolute;
	height: 1px;
	overflow: hidden;
	width: 1px;
	outline: 0;
	text-decoration: none;
	text-transform: none;
	text-indent: -9999em;
}
div.checkcar_app > form.checkcar_app_form > input.checkcar_app_button,
div.checkcar_app > form.checkcar_app_form > input.checkcar_app_field {
	height: 60px;
	padding: 0 15px;
	border-radius: 0;
	outline: none !important;
	transition: .2s;
	font-size: 30px;
}
div.checkcar_app > form.checkcar_app_form > input.checkcar_app_field {
	font-weight: 700;
	border: 2px solid #ccc;
	flex: 1;
	width: 100%;
}
div.checkcar_app > form.checkcar_app_form > input.checkcar_app_field:focus {
	border-color: var(--checkcar_secondary);	
}
div.checkcar_app > form.checkcar_app_form > input.checkcar_app_button {
	border: none;
	background-color: var(--checkcar_secondary);
	color: var(--checkcar_button_color);
	font-weight: 700;
	cursor: pointer;
}
div.checkcar_app > form.checkcar_app_form > input.checkcar_app_button:hover {
	background-color: var(--checkcar_primary) !important;
	color: var(--checkcar_button_color_hover);
}
div.checkcar_app > div.checkcar_app_results {
  margin-top: 30px;
  display: none;
  position: relative;
  overflow: hidden;
}
div.checkcar_app > div.checkcar_app_results .checkcar_car_not_found {
  text-align: center;
  background: rgba(255, 192, 203, 0.4);
  padding: 10px;
  font-weight: 700;
  color: red;
}
div.checkcar_app > div.checkcar_app_results .checkcar_car_not_found b {
	color: #000;
}
div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header{
  background: var(--checkcar_primary);
  padding: 10px;
  margin-bottom: 30px;
  color: #fff;
}
div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header > div.checkcar_results_title,
div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header > div.checkcar_results_subtitle {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.4;
	margin: 0;
}
div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header > div.checkcar_results_title {
  font-weight: 900;
}
div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header > div.checkcar_results_subtitle {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-weight: 700;
}
div.checkcar_app > div.checkcar_app_results .checkcar_results_bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 30px;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter {
	position: relative;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field {
	height: 60px;
	border: 2px solid #ccc;
	border-radius: 7px;
	padding: 0 15px 0 50px;
	font-weight: 500;
	color: #222;
	transition: .6s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 183.792 183.792' style='enable-background:new 0 0 183.792 183.792;' xml:space='preserve' %3E%3Cpath fill='%23ccc' d='M54.734,9.053C39.12,18.067,27.95,32.624,23.284,50.039c-4.667,17.415-2.271,35.606,6.743,51.22 c12.023,20.823,34.441,33.759,58.508,33.759c7.599,0,15.139-1.308,22.287-3.818l30.364,52.592l21.65-12.5l-30.359-52.583 c10.255-8.774,17.638-20.411,21.207-33.73c4.666-17.415,2.27-35.605-6.744-51.22C134.918,12.936,112.499,0,88.433,0 C76.645,0,64.992,3.13,54.734,9.053z M125.29,46.259c5.676,9.831,7.184,21.285,4.246,32.25c-2.938,10.965-9.971,20.13-19.802,25.806 c-6.462,3.731-13.793,5.703-21.199,5.703c-15.163,0-29.286-8.146-36.857-21.259c-5.676-9.831-7.184-21.284-4.245-32.25 c2.938-10.965,9.971-20.13,19.802-25.807C73.696,26.972,81.027,25,88.433,25C103.597,25,117.719,33.146,125.29,46.259z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: left 10px center;
	background-size: 30px;
	outline: none !important;
	transition: .2s;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field::-ms-placeholder,
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field::-moz-placeholder,
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field::-webkit-input-placeholder,
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field::placeholder {
	opacity: 0.8;
	color: #222;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field:-webkit-autofill,
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field:-webkit-autofill:hover,
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field:-webkit-autofill:focus {
	color: #222;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field:focus {
	background-color: rgba(250, 255, 129, 0.5);
	color: var(--checkcar_primary);
	border-color: var(--checkcar_primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 183.792 183.792' style='enable-background:new 0 0 183.792 183.792;' xml:space='preserve' %3E%3Cpath fill='%23000000' d='M54.734,9.053C39.12,18.067,27.95,32.624,23.284,50.039c-4.667,17.415-2.271,35.606,6.743,51.22 c12.023,20.823,34.441,33.759,58.508,33.759c7.599,0,15.139-1.308,22.287-3.818l30.364,52.592l21.65-12.5l-30.359-52.583 c10.255-8.774,17.638-20.411,21.207-33.73c4.666-17.415,2.27-35.605-6.744-51.22C134.918,12.936,112.499,0,88.433,0 C76.645,0,64.992,3.13,54.734,9.053z M125.29,46.259c5.676,9.831,7.184,21.285,4.246,32.25c-2.938,10.965-9.971,20.13-19.802,25.806 c-6.462,3.731-13.793,5.703-21.199,5.703c-15.163,0-29.286-8.146-36.857-21.259c-5.676-9.831-7.184-21.284-4.245-32.25 c2.938-10.965,9.971-20.13,19.802-25.807C73.696,26.972,81.027,25,88.433,25C103.597,25,117.719,33.146,125.29,46.259z'/%3E%3C/svg%3E%0A");
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter .checkcar_filter_results.hide {
	display: none;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_filter .checkcar_filter_results {
	position: absolute;
	top: calc(100% + 7px);
	right: 0;
	width: 100%;
	max-height: 300px;
	overflow: auto;
	border: 2px solid lightgray;
	border-radius: 3px;
	box-shadow: 0 0 10px -5px #ccc;
	background: #fff;
}
div.checkcar_app > div.checkcar_app_results .checkcar_filter_results .checkcar_no_result,
div.checkcar_app > div.checkcar_app_results .checkcar_filter_results .checkcar_search_result {
	font-size: 15px;
	padding: 7px;
	line-height: 1;
	cursor: pointer;
	border-bottom: 1px solid #ececec;
}
div.checkcar_app > div.checkcar_app_results .checkcar_filter_results .checkcar_no_result {
	color: red;
	cursor: default;
}
div.checkcar_app > div.checkcar_app_results .checkcar_filter_results .checkcar_no_result,
.checkcar_search_result:last-child {
	border-bottom: none;
}
div.checkcar_app > div.checkcar_app_results .checkcar_filter_results .checkcar_search_result:hover {
	background: rgba(250, 255, 129, 0.5);
}
div.checkcar_app > div.checkcar_app_results .checkcar_filter_results .checkcar_search_result b {
	color: var(--checkcar_secondary);
}
div.checkcar_app > div.checkcar_app_results div.checkcar_licence_plate {
	position: relative;
	display: inline-flex;
	text-decoration: none !important;
	color: #000;
	font-weight: 700;
	padding: 0px 15px 0px 0px;
	font-size: 35px;
	line-height: 1;
	border: 4px solid;
	border-radius: 7px;
	background-color: #FFCA11;
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover, contain;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, .6), 1px 1px 0 rgba(0, 0, 0, .4);
	height: 60px;
	line-height: 48px;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_licence_plate svg {
	height: 100%;
	width: auto;
	margin-inline-start: 15px;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_licence_plate::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
	pointer-events: none;
}
div.checkcar_app > div.checkcar_app_results h3.checkcar_app_table_title {
	font-size: 1.2rem;
	margin-bottom: 15px;
	line-height: 1;
	color: #222;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_table {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	max-width: 100%;
	margin-bottom: 50px;
	color: #333;
}
div.checkcar_app > div.checkcar_app_results .checkcar_app_table.empty {
	display: none;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.wide_table {
	grid-template-columns: repeat(1, 1fr);
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table:last-child {
	margin: 0;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	background: #f8f8f8;
	line-height: 1;
	transition: .2s;
	font-size: 1.1rem;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col:nth-child(4n-1),
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col:nth-child(4n) {
	background: #ececec;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col.found {
	background: #FFE9B6 !important;
	transition: 1s 1s;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_value {
	font-weight: 700;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_label {
	font-weight: 500;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_true {
	color: limegreen;
	font-weight: 700;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_false {
	color: red;
	font-weight: 700;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field {
	display: flex;
	gap: 2px;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field > span {
	font-size: 75%;
	height: 100%;
	letter-spacing: -1px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	position: relative;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field span > span {
	color: #fff;
	font-weight: 400;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field > span.checkcar_sel::before,
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field > span.checkcar_sel::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field > span.checkcar_sel::before {
	top: -8px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px;
	border-color: transparent;
	border-top-color: inherit;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field > span.checkcar_sel::after {
	height: 2px;
	width: 100%;
	background: inherit;
	bottom: -2px;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col .checkcar_rank_field span.checkcar_sel > span {
	font-weight: 600;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col {
	padding: 0;
	gap: 2px;
	background: transparent;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col>* {
	flex: 1;
	padding: 15px;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col:first-child>* {
	background: var(--checkcar_primary);
	color: #fff;
	font-weight: 700;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col:not(:first-child)>* {
	transition: .2s;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col:not(:first-child):nth-child(odd)>* {
	background: #ececec;
}
div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col:not(:first-child):nth-child(even)>* {
	background: #f8f8f8;
}
div.checkcar_app > div.checkcar_app_bottom {
	text-align: center;	
}
div.checkcar_app > div.checkcar_app_bottom > p.checkcar_app_bottom_text {
	margin-bottom: 0;
	text-align: center;
  	font-size: var(--checkcar_font_size_s);
}
div.checkcar_app > div.checkcar_app_bottom > a.checkcar_app_credit {
  display: inline-block;
  margin-top: 25px;
  text-decoration: none;
}
div.checkcar_app > div.checkcar_app_bottom > a.checkcar_app_credit > img.checkcar_app_credit_img {
	max-height: 17px;
	min-height: 17px;
	height: 17px;
	width: auto;
	max-width: unset;
	min-width: unset;
}

@media screen and (min-width: 990px) {
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table:not(.history_table) .checkcar_table_col:hover,
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col:hover .checkcar_value{
		background: rgba(250, 255, 129, 0.5);
	}
}
@media screen and (max-width: 990px) {
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col.type-rank .checkcar_value {
		width: 100%;
		margin-top: 0;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col.type-rank .checkcar_rank_field {
		width: 100%;
		margin-top: 9px;
		margin-bottom: 2px;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col.type-rank .checkcar_rank_field>span {
		flex: 1;
		width: auto;
	}
}
@media screen and (max-width: 780px) {
	div.checkcar_app {
		padding: 20px 10px;
	}
	div.checkcar_app > div.checkcar_app_top > .checkcar_app_title{
		font-size: var(--checkcar_font_size_m);
	}
	div.checkcar_app > div.checkcar_app_top > p.checkcar_app_text {
		font-size: var(--checkcar_font_size_s);
	}
	div.checkcar_app > form.checkcar_app_form  {
		/*! flex-wrap: wrap; */
	}
	div.checkcar_app > form.checkcar_app_form > input.checkcar_app_button,
	div.checkcar_app > form.checkcar_app_form > input.checkcar_app_field {
	  height: 50px;
	  font-size: 22px;
	  text-align: center;
	  max-width: 100%;
	}
	div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header > div.checkcar_results_title,
	div.checkcar_app > div.checkcar_app_results > div.checkcar_results_header > div.checkcar_results_subtitle {
		font-size: 1.4rem;
	}
	div.checkcar_app > div.checkcar_app_results .checkcar_results_bar {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	div.checkcar_app > div.checkcar_app_results .checkcar_app_filter {
	  flex: 0 0 100%;
	  width: 100%;
	}
	div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field {
	  height: 50px;
	  background-size: 25px;
	}
	div.checkcar_app > div.checkcar_app_results .checkcar_app_filter input.checkcar_app_filter_field {
		width: 100%;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table {
		grid-template-columns: repeat(1, 1fr);
		overflow: hidden;
		margin-bottom: 35px;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table.history_table .checkcar_table_col>*,
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table:not(.history_table) .checkcar_table_col{
		flex-wrap: wrap;
		padding: 10px;
		font-size: .95rem;
		flex-wrap: wrap;
		gap: 6px 0;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col:nth-child(even) {
		background: #ececec;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col:nth-child(odd) {
		background: #f8f8f8;
	}
	div.checkcar_app > div.checkcar_app_results div.checkcar_app_table .checkcar_table_col.type-rank .checkcar_rank_field>span {
		font-size: 70%;
	}
}
@media screen and (max-width: 365px) {
	.data_table.history_table .table_col>*, .data_table .table_col {
		font-size: 0.9rem;
	}
}

/* loader */
.checkcar_app_loader,
.checkcar_app_loader:after {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.checkcar_app_loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid var(--checkcar_primary);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}