﻿.header {
	background: var(--secondary);
	border-bottom: 10px solid var(--primary);
	left: 0;
	padding: 13px 0;
	position: sticky;
	top: 0;
	width: 100%;

	z-index: 1303;
}

@media (min-width: 769px) {
	.header {
		min-height: 76px;
	}
}


@media (max-width: 576px) {

	.header {
		border-bottom-width: 5px;
	}
}

	.logo img {
		min-width: 180px;
	}

	@media (min-width:992px) {
		.logo img {
			margin-right: 40px;
		}
	}

	@media (max-width: 768px) {
		.logo img {
			height: 20px;
			min-width: 0;
		}
	}

.header__container {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: var(--large-control-height);
}

	@media (max-width: 992px) {
		.header__menu {
			display: none;
		}
	}

	@media (max-width: 768px) {
		.mobile__actions {
			order: 2;
		}
	}

	@media (min-width: 480px) {
		.mobile__logo {
			margin-right: 35px;
		}
	}

	@media (max-width: 576px) {
		.mobile__logo > img {
			height: 20px;
		}
	}

	.header__menu-ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.header__menu-ul li {
			align-self: center;
			display: flex;
		}

	.header__link {
		align-items: center;
		color: var(--white);
		display: flex;
		font-size: 14px;
		font-weight: 700;
		margin-right: 40px;
		text-transform: uppercase;
	}

	@media (max-width: 991px) {
		.header__link {
			margin-right: auto;
			margin-left: auto !important;
		}
	}

	@media (max-width: 576px) {
		.header__link {
			display: none;
		}
	}

	.header__drawer {
		order: 0;
	}

	@media (min-width: 768px) and (max-width: 992px) {
		.header__drawer {
			margin-left: auto;
			margin-right: auto;
		}
	}

	@media (max-width: 768px) {
		.header__drawer {
			margin-left: 5px;
		}
	}

	.header__link img {
		margin-right: 0.5rem;
	}

.header__info div {
	font-size: 12px;
}

.vehicle-searchresult__title {
	max-width:355px;
}
.vehicle-searchresult__regnr {
	min-width:80px;
	display:inline-block;
}

.header__user,
.hamburger__user {
	align-items: center;
	color: var(--white);
	display: flex;
	cursor: pointer;
}

.hamburger__user {
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid var(--secondary-gray-4);
}

	.header__user p {
		font-size: 14px;
		max-width: 240px;
		margin-bottom: 0px;
	}

		.header__user span,
		.hamburger__user span {
			font-size: 12px;
			max-width: 240px;
			margin: 0;
		}

			@media (max-width: 576px) {
				.header__user p {
					display: none;
				}
	}

.header__user img,
.hamburger__user img {
	margin-left: 0.5rem;
}


	/* EDITED */
	.header__input-container {
		flex: 1 0 auto;
		max-width: 300px;
		/*position: relative;*/
		width: 100%;
	}

	@media(min-width:992px) {
		.header__input-container {
			margin-left: 90px;
		}

			.header__input-container.opened {
				min-width: 630px;
			}
	}

	@media(min-width:1100px) {
		.header__input-container {
			margin-left: 170px;
		}
	}

	.header__input-container.opened {
		margin-left: 0px;
	}

		.header__input-container.opened:not(.mobileopen) {
			min-width: 630px;
			margin-left: 0;
		}

		.header__input-container.opened .header__input {
			padding: 0 14px 0 16px;
			border-bottom: 0px;
		}

		.header__input-container.opened .header__input {
			border-radius: var(--border-radius) var(--border-radius) 0px 0px !important;
		}

	@media (max-width: 768px) {
		.header__input-container:not(.mobileopen) {
			display: none;
		}
	}

	@media(max-width:992px) {
		.header__input-container.mobileopen {
			position: absolute;
			width: calc(100% - 70px);
			max-width: unset;
		}

		.header__input-container.mobileopen ~ .mobile__actions div.npr-camerainput {
			visibility: hidden;
		}
	}
	/* END EDITED */

.header__input {
	background: var(--white);
	border: none;
	font-size: 14px;
	border-radius: var(--border-radius);
	color: var(--secondary);
	height: var(--large-control-height);
	padding: 0 40px 0 16px;
	width: 100%;
}

		.header__input input {
			font-size: 14px;
		}

		.header__input.k-input.k-input-lg > .k-input-inner {
			padding: 0;
		}

	.header__submit {
		background: none;
		border: none;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
	}

	.header__input:has(input[aria-expanded="true"])
	/*.header__search-dropdown*/ {
		background: var(--white);
		box-shadow: 0px 6px 10px 3px rgba(0, 0, 0, 0.15);
		left: 0;
		min-width: 630px;
		/*position: absolute;*/
		right: 0;
		top: calc(100% - 3px);
	}

	/* EDITED */
	@media(max-width:992px) {

		.header__input:has(input[aria-expanded="true"]) {
			min-width: 100%;
		}

		.item-content.header__search-dropdown-row > div {
			/*flex-direction:column;*/
		}
	}

	.header__search-dropdown-title {
		color: var(--secondary);
		font-size: 16px;
		font-weight: 700;
		margin: 0;
	}

	@media(max-width:576px) {

		.header__link-container div.header__search-dropdown-title {
			font-size: 14px;
		}
	}

	.header__search-dropdown-row {
		color: var(--secondary);
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 7px 16px;
	}

	@media(max-width:768px) {

		.header__search-dropdown-row div,
		.header__link-container div,
		.header__link-container a {
			font-size: 13px;
		}
	}

	.header__search-dropdown-row img {
	
	}

	.header__search-dropdown-row .remove__recentsearch img {
		visibility: hidden;
		width: 16px;
	}

	.header__search-dropdown-row:hover .remove__recentsearch img {
		visibility: visible;
	}

	.header__search-dropdown-row {
		font-size: 12px;
	}

		.header__search-dropdown-row p {
			font-size: 13px;
		}

		.header__search-dropdown-row:nth-child(even) {
			background-color: var(--body);
		}
			/* EDITED */
			.header__search-dropdown-row:nth-child(even):hover {
				opacity: 1;
			}

	.k-list-ul > li:not(:last-child).item-footer {
		border-bottom: 1px solid var(--body);
	}

	.header__link-container:first-child {
		padding: 8px 0px 8px 0px;
	}

	@media(max-width:576px) {
		.header__link-container:first-child {
			padding: 6px 0px 6px 0px;
		}
	}

	.header__input-container.active {
		display: block;
		left: 12px;
		max-width: none;
		position: absolute;
		right: 12px;
		width: auto;
	}


	.dropdown--header button {
		background: none;
		border: none;
		color: var(--white);
		font-size: 16px;
		font-weight: 700;
		margin-right: 40px;
		text-transform: uppercase;
	}

		.dropdown--header button:after {
			display: none;
		}

	.dropdown--header .dropdown-menu {
		background: var(--secondary);
		border: none;
		margin-top: 20px !important;
		padding: 28px;
	}

	.dropdown--header .dropdown-item {
		color: var(--white);
		margin-bottom: 20px;
		padding: 0;
	}

	.dropdown--header li:last-child .dropdown-item {
		margin-bottom: 0;
	}

	.dropdown--header .dropdown-item:hover {
		background: none;
	}

	.k-popup > .k-list {
		padding-left: 0px;
	}

.k-animation-container.telerik-blazor.k-animation-container-shown > .k-child-animation-container > .k-popup.k-list-container.k-autocomplete-popup > .k-list.k-list-lg:not(:has(.telerik-loader)),
.k-animation-container.telerik-blazor.k-animation-container-shown > .k-child-animation-container > .k-popup.k-list-container.k-autocomplete-popup > .k-list.k-list-lg:not(:has(.no-data)) {
{
	padding-left: 16px;
}

	@media(max-width:768px) {

		.hamburger__menu {
			margin-left: -4px;
		}
	}

	.header__actions {
		width: auto;
	}

	@media (min-width: 572px) {
		.header__actions {
			width: 100%;
		}
	}
