/* Důležité - Import fontu Inter */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');



nav, footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 10vh;
	padding-right: 2vw;
	padding-left: 2vw;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

footer {
	height: 5vh;
	-webkit-box-pack: end;
	-webkit-justify-content: end;
	-ms-flex-pack: end;
	justify-content: end;
}

a, a:active, a:focus, a:hover {
	color: #151515;
}


/*

.dx-list-item {
	transition: all 0.3s ease-in-out;
}

.dx-list-item.dx-state-hover:hover {
	border: 3px solid #e4e4e4 !important;
}

*/

.cookie-consent-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 2.5rem;
	height: 150px;
}

.index-section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 85vh;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.logo {
	height: 70%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.logo.login-page {
	height: 14vh;
}

.image {
	height: 100%;
}

.menu-wrapper, .menu-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#menuSwitch {
	display: none;
}

.menu-item {
	margin-right: 2rem;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
}

.menu-image {
	display: none;
}

.dx-dropdownbutton.language-selector .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover,
.dx-dropdownbutton.language-selector .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-active,
.dx-dropdownbutton.language-selector .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused {
	background-color: transparent;
	color: #3b3b3b;
}

.language-selector .dx-icon,
#languageSelectorPopup .dx-list-item-icon {
	width: auto;
	height: auto;
}

.language-selector img.dx-icon,
#languageSelectorPopup .dx-list-item-icon-container img {
	border: 1px solid #F1F1F1;
}

#languageSelectorPopup .dx-list-item-icon-container {
	width: 40px;
	height: 22px;
	margin-top: -2px;
}

.user-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction:  normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	margin-right: 2rem;
	/*max-width: 15rem;*/
	border-radius: 1rem;
	border: 1px solid #ddd;
	padding: .2rem 1.5rem;
	font-weight: 300;
}

.user-info-user {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
}

.user-info-name,
.user-info-service {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-info-spz {
	margin-left: 1rem;
}

.user-button {
	padding: 0.8rem 1.6rem;
	border-radius: 1rem;
	background-color: #15151500;
	font-family: Inter, sans-serif;
	color: #000;
	border: 2px solid rgb(39, 39, 39);
	font-weight: 700;
	text-decoration: none;
}

.user-button .text-block {
	text-align: center;
}

.user-button:hover, .user-button:active, .user-button:focus {
	color: #3b3b3b;
}

.user-button.dx-button-mode-text.dx-state-hover,
.user-button.dx-button-mode-text.dx-state-focused,
.user-button.dx-button-mode-text.dx-state-active {
	border: 2px solid rgb(39, 39, 39);
}

.user-button.margin-top {
	margin-top: 1.8rem;
}

.user-button.shorter, .dx-button.shorter {
	max-width: 40%;
}

.text-block {
	font-size: 1rem;
	line-height: 1.2rem;
	white-space: nowrap;
}

.service-panel-wrapper {
	overflow: hidden;
	padding: 1rem 1rem 0rem 1rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 37%;
	-ms-flex: 0 37%;
	flex: 0 37%;
	background-color: #f1f1f1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.service-list-wrapper {
	overflow: hidden;
	flex: 1 1 auto;
}

.service-list-wrapper > form, .service-list-wrapper > form > div.dx-list {
	height: 100%;
	max-height: 100%;
}

.service-list-wrapper > form > div.dx-list .dx-list-item {
	border-top: none;
}

.service-list-wrapper > form > div.dx-list .dx-list-item-content {
	padding: 0;
}

.service-list-wrapper > form > div.dx-list .dx-list-item.dx-state-hover,
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-state-focused,
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-list-item-selected,
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-list-item-selected.dx-state-hover,
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused),
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-list-item-selected.dx-state-focused {
	background-color: transparent;
	color: inherit;
}

.service-list-wrapper > form > div.dx-list .dx-list-item.dx-state-hover .service-card,
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-state-focused .service-card,
.service-list-wrapper > form > div.dx-list .dx-list-item.dx-list-item-selected .service-card {
	border-color: #151515;
}

.service-list-wrapper > form > div.dx-list .dx-list-item.dx-list-item-selected .service-card .sc-bottom {
	display: block;
}

.map-wrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.body, .dx-widget, .dx-widget input, .dx-widget textarea, .dx-autocomplete .dx-texteditor-input,
.dx-field-item-help-text, .dx-field-item-label-text {
	font-family: Inter, sans-serif;
	color: #151515;
	font-size: 1rem;
	line-height: 1.2rem;
}

.form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.search-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.2rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.search-input {
	width: 100%;
}

.current-position-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 1.2rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.current-position-text {
	font-weight: 700;
	text-decoration: underline;
}

.service-card {
	margin-bottom: 1rem;
	padding: 1.5rem 2rem;
	border: 1px solid transparent;
	border-radius: 1rem;
	background-color: #fff;
	outline: 4px solid transparent;
}

.dx-scrollview-content {
	position: static;
	margin-right: 1rem !important;
	margin-left: 1rem !important;
	gap: 1rem;
	display: flex;
	flex-direction: column;
}
/*
.service-card:hover, .service-card:active, .service-card:focus {
	outline: 4px solid #d3d3d3;
}
*/

.sc-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sc-left {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 0;
	-webkit-flex: 0 55%;
	-ms-flex: 0 55%;
	flex: 0 55%;
}

.default-section .sc-left {
	margin-right: 5rem;
}

.sc-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 2rem;
	padding-top: 1rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.sc-bottom {
	display: none;
}

.sc-name {
	margin-bottom: 0.5rem;
	font-weight: 700;
	white-space: normal;
	font-size: 1.2rem;
	line-height: 1.25;
}

.sc-name.right {
	margin-left: 4rem;
	text-align: center;
}

.sc-text {
	line-height: 1.4rem;
	font-weight: 500;
	white-space: nowrap;
}

.sc-text.wrap {
	white-space: normal;
}

.sc-text.bold {
	font-weight: 700;
}

.sc-text.bold .normal {
	font-weight: 300;
}

.sc-text.margin-bottom {
	margin-bottom: 1rem;
}

.sc-text.reservation.right {
	margin-left: 4rem;
	text-align: center;
}

.sc-text a {
	color: inherit;
	text-decoration: none;
}

.sc-contacts {
	margin-top: 1.4rem;
}

.sc-contact-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sc-contact-icon {
	margin-right: 0.5rem;
}

.sc-distance {
	color: #49bf57;
	font-weight: 600;
}
.sc-distance-icon {
	width: 20px;
	height: 20px;
	margin-right: 0.5rem;
}

.sc-vehicle-services {
	margin-top: auto;
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sc-vehicle-services.margin-top {
	margin-top: 1.5rem;
}

.sc-service-price {
	font-weight: 300;
	white-space: nowrap;
}

.sc-service-label {
	font-weight: 500;
}

.sc-labels-div {
	margin-right: 1rem;
}

.sc-branch-descr {
	white-space: pre-line;
}

/*

.reservation-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0.8rem 2rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-style: solid;
	border-width: 2px;
	border-color: #151515;
	border-radius: 0.8rem;
	background-color: transparent;
	color: #151515;
	font-weight: 700;
	text-align: center;
}

*/

.reservation-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0.8rem 1rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-style: solid;
	/* border-width: 2px; */
	border-color: #151515;
	border-radius: 0.5rem;
	background-color: #49bf57;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.reservation-button:hover, .reservation-button:focus {
	color: #ffffff;
	background-color: #18c42c;
}

.reservation-button.margin-top-button {
	margin-top: 1.5rem;
}

.map {
	width: 100%;
	height: 100%;
}

.login-section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.login-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 3rem 2rem 3rem 4rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 0;
	-webkit-flex: 0 35%;
	-ms-flex: 0 35%;
	flex: 0 35%;
}

.login-img-wrapper {
	padding: 3rem 3rem 3rem 2rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: transparent;
}

.login-img-container {
	width: 100%;
	height: 100%;
	border-radius: 2rem;
	background-image: url('../images/MechanicBackground-1080.png');
	background-position: 50% 50%;
	background-size: cover;
	/*filter: drop-shadow(-155px 0px 62px rgba(0, 0, 0, 0.01)) drop-shadow(-87px 0px 52px rgba(0, 0, 0, 0.05)) drop-shadow(-39px 0px 39px rgba(0, 0, 0, 0.09)) drop-shadow(-10px 0px 21px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1));*/
}

.login-form {
	flex: 1 1 auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.login-heading {
	margin-top: 0px;
	margin-bottom: 0.5rem;
	font-size: 2rem;
	line-height: 2.2rem;
}

.login-subheading {
	margin-bottom: 1rem;
	white-space: pre-line;
}

.login-type-switch {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.8rem;
	padding: 0.5rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	border-radius: 0.9rem;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(48%, #f5f5f5), to(#f1f1f1));
	background-image: linear-gradient(180deg, #f1f1f1, #f5f5f5 48%, #f1f1f1);
}

.input-label-nowrap.login {
	width: 4rem;
	-webkit-box-flex: 0 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.login-pre-select-box {
	width: 6rem;
	margin-right: 1rem;
	-webkit-box-flex: 0 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.login-text-box {
	flex: 1 1 auto;
}

.login-text-box input {
	text-transform: uppercase;
}

.switch {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	padding: 1rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 0.8rem;
	color: #7b7b7b;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer;
}

.switch.active {
	background-color: #fff;
	color: #151515;
	font-weight: 700;
}

.divider {
	height: 1px;
	margin-bottom: 1.8rem;
	padding-bottom: 0px;
	border-bottom: 1px solid #e8e8e8;
}

.divider.less-margin {
	margin-bottom: 0rem;
}

.input-line-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
}

.back-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #151515;
	text-decoration: none;
}

.back-arrow {
	height: 2rem;
	margin-right: 1rem;
}

.input-label-nowrap {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
}

.input-label-nowrap.reservation {
	width: 10rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.default-section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0rem;
	padding-bottom: 8rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f1f1f1;
}

.progress-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2rem;
	margin-bottom: 3rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.progress-circle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	padding-top: 3px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #afafaf;
	border-radius: 1000px;
	background-color: #f1f1f1;
	color: #afafaf;
	font-weight: 900;
}

.progress-circle.passed-done-circle {
	border-color: #2da419;
	background-color: #2da419;
	color: #f1f1f1;
}

.progress-circle-connector {
	width: 8rem;
	height: 2px;
	background-color: #afafaf;
}

.progress-circle-connector.passed-done-line {
	background-color: #2da419;
}

.progress-step-text {
	font-size: 0.8rem;
	position: relative;
	left: auto;
	bottom: -2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 8rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #afafaf;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
}

.progress-step-text a {
	color: #151515;
	text-decoration: none;
}

.progress-step-text.passed-done-text {
	color: #151515;
}

.progress-step-number {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.85rem;
}

.progress-step-checkbox {
	position: absolute;
	z-index: 10;
}

.progress-step-checkbox.hidden {
	display: none;
}

.centered-content-wrapper {
	width: 70%;
	max-width: 1240px;
	padding: 4rem;
	border-radius: 1rem;
	background-color: #fff;
}

.centered-content-wrapper.vehicle {
	margin-bottom: 1.5rem;
}

.centered-content-wrapper.vehicle.split {
	width: 40%;
}

.centered-content-wrapper.vehicle.split.left {
	width: 60%;
	margin-right: 1.5rem;
}

.centered-content-wrapper.vehicle.contact-customer,
.centered-content-wrapper.vehicle.back-link {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.general-subsection-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 3.4rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.general-subsection-wrapper.shrink {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.general-subsection-wrapper.less-margin-bottom {
	margin-bottom: 2rem;
}

.general-subsection-wrapper.lesser-margin-bottom {
	margin-bottom: 1.5rem;
}

.general-subsection-wrapper.no-margin-bottom {
	margin-bottom: 0rem;
}

.general-heading {
	margin-top: 0px;
	margin-bottom: 0.6rem;
	font-size: 1.4rem;
	line-height: 1.6rem;
}

.general-heading.nomargin {
	margin-bottom: 0rem;
}

.selector-horizontal-option {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 20%;
	padding: 1rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 0.8rem;
	cursor: pointer;
}

.selector-horizontal-option.active {
	border-color: #151515;
}

.selector-horizontal-option.vertical {
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.selector-heading {
	margin-top: -0.5rem;
	font-weight: 500;
}

.selector-heading.vertical {
	margin-top: 0rem;
	margin-left: 3rem;
	flex: 1 1 auto;
	white-space: normal;
}

.selector-heading.vertical.price {
	margin-right: 4rem;
	font-weight: 300;
	text-align: right;
	flex: 0 0 auto;
}

.service-icon {
	width: 3.4rem;
	height: 3.4rem;
}

.selector-checbox-circle {
	position: absolute;
	left: auto;
	top: 0.7rem;
	right: 0.7rem;
	bottom: auto;
	width: 1.6rem;
	height: 1.6rem;
	border: 1px solid #ddd;
	border-radius: 1000px;
}

.selector-checbox-circle.vertical {
	top: auto;
	right: 2rem;
}

.selector-tooltip {
	display: none;
}

.selector-horizontal-option:hover .selector-tooltip {
	display: block;
	position: absolute;
	z-index: 99999;
	border: 1px solid #ddd;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border-radius: 6px;
	padding: 1rem;
}

.inputs-wrapper {
	max-width: 500px;
}

.general-subheading {
	margin-bottom: 1.5rem;
}

.dropdown-arrow-image {
	height: 50%;
}

.grey-line-wrapper, .popup-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.grey-line-wrapper {
	position: relative;
	padding: 2rem;
	border-style: solid;
	border-width: 1px;
	border-color: #e8e8e8;
	border-radius: 1rem;
}

.checkbox-label {
	display: inline;
	font-weight: 300;
}

.calendar-wrappper {
	margin-right: 2rem;
}

.time-wrapper {
}

.popup-wrapper .time-wrapper {
	min-width: 0;
}

.reservation-select-box,
.reservation-text-box {
	width: 21rem;
}

.reservation-pre-select-box {
	width: 9rem;
	margin-right: 1rem;
}

.reservation-post-text-box {
	width: 11rem;
}

.reservation-post-text-box.uppercase input {
	text-transform: uppercase;
}

.reservation-form-button {
	width: 40%;
	max-width: 40%;
	padding: .4rem .5rem;
}

.price-note-block {
	margin-bottom: 3.4rem;
}

.price-block span {
	font-weight: 700;
}

#priceTotalInclVAT {
	margin-left: 2rem;
}

.add-note-block {
	margin-left: 4rem;
	cursor: pointer;
}

.add-note-block img {
	margin-right: 0.5rem;
}

.add-note-block span {
	font-weight: 700;
}

.note-block {
	/*display: none;*/
	width: 100%;
	/*min-height: 8rem;*/
	/*margin-top: 1rem;*/
	/*margin-bottom: 1.5rem;*/
}

.margin-top {
	margin-top: 3rem;
}

.summary-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	width: 100%;
}

.summary-value-wrapper {
	margin-top: 1rem;
}

.order-confirmation-info {
	margin-top: 1rem;
}

.open-order-info-text {
	margin-top: 1.5rem;
	font-style: italic;
	font-weight: 300;
}

.vehicle-two-column-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 70%;
	max-width: 1240px;
}

.contact-customer-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-customer-address-post {
	margin-bottom: -2px;
	margin-left: 1rem;
	font-weight: 300;
}

.contact-customer-phone, .contact-customer-email {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-weight: 100;
}

.contact-customer-phone:not(:first-child), .contact-customer-email:not(:first-child) {
	margin-left: 1rem;
}

.contact-customer-blocks {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.contact-customer-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-customer-block.bottom {
	margin-top: 1rem;
}

/*.contact-customer-block:not(:first-of-type) {
	margin-top: 2rem;
}*/

.contact-customer-logout {
	margin-bottom: -2px;
	margin-left: 3rem;
	font-weight: 100;
	cursor: pointer;
}

.vehicle-info-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.left-label {
	margin-right: 4rem;
}

.service-history-groups-wrapper,
.open-order-list-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
}

.service-history-group-wrapper,
.open-order-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.gray-line {
	width: 1rem;
	border-radius: 1rem;
	background-color: #f1f1f1;
}

.service-history-group-content-wrapper,
.open-order-content-wrapper {
	margin-left: 1.4rem;
}

.service-history-content-wrapper,
.open-order-items-content-wrapper {
	margin-top: 2rem;
}

.service-history-wrapper,
.open-order-items-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.service-history-line-wrapper,
.open-order-item-wrapper {
	margin-top: 0.2rem;
}

.link {
	color: #151515;
	text-decoration: none;
}

.table tbody tr.no-border td, .table tbody tr td.no-border {
	border-bottom-width: 0;
}

tr.clickable {
	cursor: pointer;
}

.dx-button.margin-left {
	margin-left: 1rem;
}

.dx-button-mode-contained {
	display: inline-block;
	background-color: #151515;
	color: white;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0.8rem;
	font-weight: 700;
}

.dx-button-mode-contained.dx-state-focused,
.dx-button-mode-contained.dx-state-hover {
	background-color: #151515;
	color: white;
}

.dx-button-mode-text.dx-state-focused,
.dx-button-mode-text.dx-state-hover {
	background-color: transparent;
}

.dx-button-has-text .dx-button-content {
	padding: 0.8rem 2rem;
}

.dx-button-text {
	line-height: normal;
}

.dx-calendar-body thead tr th {
	color: #151515;
}

.dx-calendar-navigator-previous-month.dx-button,
.dx-calendar-navigator-previous-view.dx-button,
.dx-calendar-navigator .dx-calendar-caption-button.dx-button-mode-contained,
.dx-calendar-navigator-next-month.dx-button,
.dx-calendar-navigator-next-view.dx-button {
	background-color: transparent;
}

.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
	color: #151515;
}

.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
	-webkit-box-shadow: inset 0 0 0 1000px #151515;
	box-shadow: inset 0 0 0 1000px #151515;
}

.dx-calendar-cell.dx-state-hover {
	-webkit-box-shadow: inset 0 -1px 0 1000px #f1f1f1;
	box-shadow: inset 0 -1px 0 1000px #f1f1f1;
}

.dx-checkbox-icon {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 0.2rem;
	border: none;
	background-color: #f1f1f1;
}

.dx-checkbox.dx-state-active .dx-checkbox-icon,
.dx-checkbox.dx-state-focused .dx-checkbox-icon,
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
	border: none;
}

.dx-checkbox-checked {
	border: none;
}

.dx-checkbox-checked .dx-checkbox-icon {
	color: #151515;
}

/* Zelená fajka: */
/*.dx-checkbox {
	border: 1px solid #ddd;
	border-radius: 1000px;
}

.dx-checkbox-icon {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 0;
	border: none;
	background-color: transparent;
}

.dx-checkbox.dx-state-active .dx-checkbox-icon,
.dx-checkbox.dx-state-focused .dx-checkbox-icon,
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
	border: none;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
	border-color: transparent;
	background-color: transparent;
}

.dx-checkbox-checked {
	border: none;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
	content: url(../images/Checked.svg);
	position: initial;
	display: initial;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	margin: 0;
}*/

.dx-texteditor.dx-editor-filled {
	border-radius: 1rem;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(48%, #f5f5f5), to(#f1f1f1));
	background-image: linear-gradient(180deg, #f1f1f1, #f5f5f5 48%, #f1f1f1);
	color: #7b7b7b;
}

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-hover.dx-editor-filled {
	border-color: transparent;
}

.dx-texteditor.dx-editor-filled.trs-white {
	background-image: none;
	background-color: #fff;
}

.dx-texteditor.dx-state-active.dx-editor-filled.trs-white,
.dx-texteditor.dx-state-focused.dx-editor-filled.trs-white,
.dx-texteditor.dx-state-hover.dx-editor-filled.trs-white {
	border-color: transparent;
	background-color: #fff;
	color: #7b7b7b;
}

.dx-texteditor-container {
	padding: 0.25rem 0.25rem;
}

.dx-texteditor.trs-white .dx-texteditor-container {
	padding: .2rem .5rem;
}

.dx-texteditor-input-container {
	/*margin-right: 2rem;*/
}

.dx-texteditor-input {
	height: initial;
	padding: 8px 9px 6px 9px;
}

.dx-placeholder::before {
	padding: 8px 9px 6px 9px;
}

.dx-texteditor.dx-editor-filled.trs-white .dx-button-mode-text.dx-state-focused,
.dx-texteditor.dx-editor-filled.trs-white .dx-button-mode-text.dx-state-hover {
	border-color: #fff;
	background-color: #fff;
}

.dx-tab {
	vertical-align: top !important;
}

.dx-validationsummary.trs-warning .dx-validationsummary-item {
	color: #f0ad4e;
}

.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-wrapper,
.dx-button.logout-button .dx-button-content {
	border-radius: 1rem;
	background-color: #15151500;
	font-family: Inter, sans-serif;
	color: #000;
	border: 2px solid rgb(39, 39, 39);
	font-weight: 700;
	text-decoration: none;
}

.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-wrapper {
	padding: 0.8rem 1rem 0.8rem 1.6rem;
}

.dx-button.logout-button .dx-button-content {
	padding: 0.8rem 1.6rem;
}

.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-wrapper .dx-button-has-text .dx-button-content {
	padding: 0;
	font-weight: 700;
}

.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover,
.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-active,
.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused,
.dx-button.logout-button.dx-state-hover .dx-button-content .dx-button-text,
.dx-button.logout-button.dx-state-active .dx-button-content .dx-button-text,
.dx-button.logout-button.dx-state-focused .dx-button-content .dx-button-text {
	background-color: transparent;
	color: #3b3b3b;
}

.dx-dropdownbutton.dropdown-user-button .dx-buttongroup-wrapper .dx-button-has-icon .dx-button-content {
	padding: 0;
}

.login-form-button {
	display: block;
	margin: 1.8rem 0;
	border-radius: 1rem;
	padding: .4rem .5rem .8rem;
}

.login-form-button.no-margin {
	margin: 0;
}

#vehicleKindButtonGroup .dx-buttongroup-wrapper {
	grid-column-gap: 1rem;
}

#vehicleKindButtonGroup .dx-button-content {
	padding: 0;
}

#vehicleKindButtonGroup .dx-buttongroup-item {
	flex: 1 1 100px;
}

#vehicleKindButtonGroup .dx-buttongroup-item.dx-state-active,
#vehicleKindButtonGroup .dx-buttongroup-item.dx-state-focused,
#vehicleKindButtonGroup .dx-buttongroup-item.dx-state-hover {
	background-color: transparent;
}

#vehicleKindButtonGroup .dx-buttongroup-item.dx-state-active .selector-horizontal-option,
#vehicleKindButtonGroup .dx-buttongroup-item.dx-state-focused .selector-horizontal-option,
#vehicleKindButtonGroup .dx-buttongroup-item.dx-state-hover .selector-horizontal-option {
	border-color: #151515;
}

#vehicleKindButtonGroup .selector-horizontal-option {
	width: 100%;
}

#vehicleKindButtonGroup .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal,
#vehicleKindButtonGroup .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal {
	background-color: transparent;
}

#vehicleKindButtonGroup .dx-item-selected .selector-horizontal-option {
	border-color: #151515;
}

#vehicleKindButtonGroup .selector-heading {
	margin-top: 0.5rem !important;
	margin-bottom: 1rem;
	font-weight: 500;
}

#vehicleKindButtonGroup .selector-checbox-circle img {
	display: none;
}

#vehicleKindButtonGroup .dx-item-selected .selector-checbox-circle img {
	display: initial;
}

#vehicleServiceList {
	width: 60%;
}

#vehicleServiceList .dx-scrollable-container {
	overflow: visible;
}

#vehicleServiceList.dx-list .dx-list-group-header {
	padding: 0;
	border-top: none;
	border-bottom: none;
	background: transparent;
}

#vehicleServiceList .dx-list-group-body {
	overflow: visible;
}

#vehicleServiceList.dx-list {
	overflow: visible;
}

#vehicleServiceList.dx-list .dx-list-item {
	margin-top: 1rem;
	border-top: none;
	overflow: visible;
}

#vehicleServiceList.dx-list .dx-list-item-content {
	padding: 0;
	overflow: visible;
}

#vehicleServiceList.dx-list .dx-list-item.dx-state-hover,
#vehicleServiceList.dx-list .dx-list-item.dx-state-focused,
#vehicleServiceList.dx-list .dx-list-item.dx-list-item-selected,
#vehicleServiceList.dx-list .dx-list-item.dx-list-item-selected.dx-state-hover,
#vehicleServiceList.dx-list .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused),
#vehicleServiceList.dx-list .dx-list-item.dx-list-item-selected.dx-state-focused {
	background-color: transparent;
	color: inherit;
}

#vehicleServiceList.dx-list .dx-list-item.dx-state-hover .selector-horizontal-option,
#vehicleServiceList.dx-list .dx-list-item.dx-state-focused .selector-horizontal-option,
#vehicleServiceList.dx-list .dx-list-item.dx-list-item-selected .selector-horizontal-option {
	border-color: #151515;
}

#vehicleServiceList.dx-list .dx-list-item .selector-checbox-circle > img {
	display: none;
}

#vehicleServiceList.dx-list .dx-list-item.dx-list-item-selected .selector-checbox-circle > img {
	display: initial;
}

#vehicleServiceList .selector-tooltip {
	top: 5rem;
	max-width: 100%;
	white-space: normal;
	text-wrap: wrap;
}

#timeButtonGroup .dx-buttongroup-wrapper {
	flex-wrap: wrap;
}

#timeButtonGroup .dx-buttongroup-item {
	margin: 0 .2rem .2rem 0;
}

#timeButtonGroup .dx-buttongroup-item .dx-button-content {
	width: 4.5rem;
	height: 4.5rem;
	padding: 0;
}

#timeButtonGroup .dx-buttongroup-item:not(.dx-state-disabled) {
	background-color: #f1f1f1;
}

#timeButtonGroup .dx-buttongroup-item.dx-state-focused {
	border-color: #151515;
}

#timeButtonGroup .dx-buttongroup-item.dx-item-selected {
	background: #151515 url('../images/Checked.svg') 90% 10%/.8rem .8rem no-repeat padding-box;
	color: white;
}

table.cookies {
	width: 100%;
	margin: 1rem 0 1rem 0;
}

table.cookies th, table.cookies td {
	padding: .5rem;
}

table.cookies th:first-child, table.cookies td:first-child {
	padding-left: 0;
}

table.cookies th:last-child, table.cookies td:last-child {
	padding-right: 0;
}

table.cookies th {
	border-bottom: 1px solid #151515;
}

table.cookies td {
	border-bottom: 1px solid #e8e8e8;
}

@media screen and (max-width: 1535px) {
	.service-panel-wrapper {
		-webkit-flex: 0 50%;
		-ms-flex: 0 50%;
		flex: 0 50%;
	}
}

@media screen and (max-width: 991px) {
	.menu-item {
		margin-right: 1rem;
		font-size: 1rem;
	}

	.user-info {
		margin-right: 1rem;
	}

	.menu-image {
		display: none;
	}

	.current-position-wrapper {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.current-position-text {
		white-space: nowrap;
	}

	.sc-main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sc-right {
		margin-top: 2rem;
		padding-left: 0rem;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.reservation-button {
		margin-top: 1rem;
	}

	.reservation-button.margin-top-button {
		width: 60%;
	}

	.login-wrapper {
		padding-right: 4rem;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.login-img-wrapper {
		display: none;
	}

	.centered-content-wrapper {
		width: 90%;
		padding: 2rem;
	}

	.centered-content-wrapper.vehicle.split {
		width: 100%;
	}

	.centered-content-wrapper.vehicle.split.left {
		width: 100%;
	}

	.selector-horizontal-option {
		width: 24%;
	}

	.selector-horizontal-option.vertical {
		width: 100%;
	}

	.vehicle-two-column-wrapper {
		width: 90%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#vehicleServiceList {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	nav, footer {
		padding-right: 4vw;
		padding-left: 4vw;
	}

	.menu-wrapper {
		position: relative;
	}

	nav .menu-items {
		display: none;
		padding: 2rem;
		background-color: white;
		border-radius: 1rem;
		border: 1px solid #151515;
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
	}

	#menuSwitch:checked + .menu-items {
		display: block;
		position: absolute;
		right: 0px;
		top: 4vh;
		z-index: 10;
	}

	nav .menu-item:not(:last-child) {
		margin-bottom: 2rem;
	}

	.user-info {
		display: block;
		margin-bottom: 2rem;
		margin-right: 0;
	}

	.user-button {
		display: block;
	}

	.dropdown-user-button {
		display: block;
	}

	.menu-button {
		height: 70%;
		margin-left: 1rem;
	}

	.menu-image {
		display: block;
		height: 4vh;
	}

	.sc-left {
		margin-right: 2rem;
	}

	.sc-name.right {
		margin-left: 1rem;
		text-align: left;
	}

	.sc-text.reservation.right {
		margin-left: 1rem;
		text-align: left;
	}

	.default-section {
		padding-top: 0rem;
		padding-bottom: 0rem;
		background-color: #fff;
	}

	.progress-wrapper {
		display: none;
	}

	.reservation-form-button {
		width: 100%;
		min-width: 100%;
		min-height: 44px;
	}

	.centered-content-wrapper {
		width: 100%;
		padding: 2rem;
		border-radius: 0rem;
	}

	.centered-content-wrapper.vehicle.split {
		padding: 0rem;
	}

	.selector-horizontal {
		grid-column-gap: 0.5rem;
		grid-row-gap: 0.5rem;
	}

	.selector-horizontal-option {
		width: 24%;
	}

	.selector-horizontal-option.vertical {
		width: 100%;
	}

	.contact-customer-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.contact-customer-block {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: start;
		-ms-flex-align: start;
		align-items: start;
	}

	.contact-customer-address-post,
	.contact-customer-email,
	.contact-customer-phone,
	.contact-customer-email:not(:first-child),
	.contact-customer-phone:not(:first-child) {
		margin-left: 0;
		margin-top: 0.5rem;
	}

	/*.contact-customer-block:not(:first-of-type) {
		margin-left: 0;
	}

	.contact-customer-block.bottom {
		margin-top: 1rem;
	}*/

	.contact-customer-logout {
		margin-top: 1rem;
		margin-right: 0;
		margin-left: 0;
	}

	.left-label {
		margin-right: 2rem;
	}

	#vehicleKindButtonGroup .dx-buttongroup-wrapper {
		display: grid;
		grid-row-gap: 1rem;
	}

	#vehicleServiceList {
		width: 100%;
	}
}

@media screen and (max-width: 479px) {
	nav, footer {
		padding-right: 4vw;
		padding-left: 4vw;
	}

	.index-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.mt-2 {
		margin-top: .5rem !important;
		display: flex !important;
		width: 100% !important;
	}

	.service-panel-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex: 0 70%;
		-ms-flex: 0 70%;
		flex: 0 70%;
	}

	.search-wrapper {
		width: 90%;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.input-line-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-top: 0.8rem;
		margin-bottom: 0.8rem;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: start;
		font-weight: 700;
		flex-direction: column;
	}

	.dx-button.margin-left {
		margin-left: 0 !important;
	}

	.service-card {
		margin-right: 1rem;
		margin-bottom: 0rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.sc-main {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sc-left {
		margin-right: auto;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}

	.sc-right {
		margin-top: 0rem;
		margin-left: 0rem;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: start;
	}

	.login-wrapper {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.login-pre-select-box {
		margin-bottom: .7rem;
	}

	.input-label-nowrap.reservation, .input-label-nowrap.login {
		width: 6rem;
	}

	.progress-circle-connector {
		width: 3rem;
	}

	.progress-step-text {
		font-size: 0.7rem;
	}

	.reservation-form-button {
		width: 100%;
		min-width: 100%;
		min-height: 44px;
	}

	.centered-content-wrapper {
		padding: 1rem;
	}

	.centered-content-wrapper.vehicle.split.left {
		max-width: none;
		margin-right: 0rem;
	}

	.selector-horizontal {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.selector-horizontal-option {
		width: 100%;
	}

	.grey-line-wrapper, .popup-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.grey-line-wrapper {
		padding: 1rem;
	}

	.vehicle-two-column-wrapper {
		width: 100%;
		padding-left: 1rem;
	}

	.bold-text {
		white-space: pre;
	}

	#vehicleKindButtonGroup .dx-buttongroup-wrapper {
		display: grid;
		grid-row-gap: 1rem;
	}

	#vehicleServiceList {
		width: 100%;
	}
}

@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-Light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: block;
}


@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: block;
}


@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-SemiBold.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'Inter';
	src: url('../css/fonts/Inter-Black.ttf') format('truetype'), url('../css/fonts/Inter-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: block;
}