.navbar-expand-xs {
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.navbar-expand-xs .navbar-collapse {
	overflow-y: visible;
	display: flex;
	flex-basis: auto;
	max-height: calc(100vh - 60px);
}
.navbar-expand-xs .navbar-nav {
	flex-direction: row;
}
.navbar-expand-xs .navbar-toggler {
	display: none;
}
.navbar-expand-xs .langswitch-dropdown-toggle {
	text-align: right;
}

.navbar.always-show .navbar-toggler {
	display: none;
}
.navbar.always-show .langswitch-dropdown-toggle {
	text-align: right;
}
.navbar.always-show .navbar-collapse {
	display: flex;
	flex-basis: auto;
	overflow-y: visible;
}

@media (max-width: 575px) {
	nav.navbar {
		flex-direction: row-reverse;
	}
}

.display-6 {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.1;
}
.display-5 {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.1;
}
#no-card-block:empty {
	margin: 0!important;
	padding: 0!important;
}
.badge-reschedule-possible {
	cursor: pointer;
}
.btn-primary:focus {
	color: white;
}
.reschedule-list {
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
}
.other-booked-items {
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
}
.other-booked-item{
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.w-60 {
	width: 60%!important;
}
#payment-form {
	border-top: 1px solid #eee;
	display: none;
}
#payment-card.is-pay #payment-form {
	display: block;
}
@media (min-width: 768px) {
	#payment-form {
		width: 50%;
	}
	#payment-card.is-pay #payment-info {
		width: 50%;
	}
}
.line-bg {
	background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), #ececec calc(50%), rgba(0,0,0,0) calc(50% + 1px));
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #cfd2d4;
	font-size: 0.8rem;
}
.line-bg > div {
	display: inline-block;
	background: white;
	padding: 1rem;
}
.line-bg > div > a {
	color: #cfd2d4;
}
.customer-portal-logo {
	max-width: 30rem;
    max-height: 20rem;
    width: auto;
    height: auto;
}
.customer-portal-company-title {
	font-size: 4rem;
	color: #212529;
}
.customer-portal-h1 {
	font-size: 1.5rem;
}
.customer-portal-header {
	text-align: right;
	background-color: #f8f9fa;
}
@media (max-width: 575px) {
	.navbar-toggle-xs #langswitch-dropdown-menu {
		right: 0px;
		text-align: right;
		left: auto  !important;
	}
}
@media (min-width: 576px) {
	#langswitch-dropdown-menu {
		right: 0px;
		text-align: right;
		left: auto  !important;
	}
}
.customer-portal-input {
	width: 80%;
}
@media screen and (max-width: 800px) {
	.customer-portal-logo {
		max-width: 17rem;
		max-height: 12rem;
	}
}