body, html {
	margin:0;
	font-size:13px;
	padding:0;
	background-color:#f7f7f7;
	color:#000
}
body, html {
	overflow-x:hidden
}
body {
	min-height:100vh;
-webkit-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s
}
body.bodyBackOffice {
	overflow-x:visible
}
body.modal-open {
	overflow:hidden;
	height:100vh
}
.hidden {
	display:block
}
img {
	vertical-align:middle
}
span {
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
	color:inherit
}
#root {
	min-height:100%
}
.hdpi.pac-logo:after, .pac-container:after {
	background-image:none!important;
	height:0;
	padding:0
}
[name=google_conversion_frame] {
position:absolute
}
*, :after, :before {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Open Sans, sans-serif;
	position:relative;
	background-color:transparent
}
button {
	border:0
}
button:active, button:focus {
	outline:0
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, input, label, li, ol, ul {
	padding:0;
	margin:0;
	font-weight:300
}
ul {
	list-style-type:none
}
input:active, input:focus, select:active, select:focus {
	outline:0
}
input, select {
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px #fff inset!important;
box-shadow:inset 0 0 0 30px #fff!important
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
b, strong {
	font-weight:600
}
textarea, textarea:focus {
	resize:none;
	border:0;
	display:inline-block;
	padding:0;
	outline:0
}
input, textarea {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text
}
input:invalid, input:required, textarea:invalid, textarea:required {
-webkit-box-shadow:none;
box-shadow:none
}
iframe {
	border:0
}
a, a:active, a:focus, a:hover, a:visited {
	text-decoration:none;
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	outline:0
}
a[href^="tel:"] {
text-decoration:underline
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
@keyframes spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
@-webkit-keyframes fade-in {
0% {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fade-in {
0% {
opacity:0
}
to {
	opacity:1
}
}
.headline1 {
	line-height:48px
}
.headline1, .headline1:active, .headline1:focus, .headline1:hover {
	font-size:36px;
	color:rgba(0, 0, 0, .9);
	font-weight:200
}
.headline2 {
	line-height:30px
}
.headline2, .headline2:active, .headline2:focus, .headline2:hover {
	font-size:20px;
	color:rgba(0, 0, 0, .9);
	font-weight:400
}
.headline3 {
	line-height:24px
}
.headline3, .headline3:active, .headline3:focus, .headline3:hover {
	font-size:16px;
	color:rgba(0, 0, 0, .5);
	font-weight:400;
	font-style:italic
}
.headline4 {
	line-height:30px
}
.headline4, .headline4 .headline4:active, .headline4 .headline4:focus, .headline4 .headline4:hover {
	font-size:20px;
	color:rgba(0, 0, 0, .9);
	font-weight:300;
	font-style:italic
}
.paragraph1 {
	line-height:26px
}
.paragraph1, .paragraph1:active, .paragraph1:focus, .paragraph1:hover {
	font-size:16px;
	color:rgba(0, 0, 0, .7);
	font-weight:400
}
.paragraph2 {
	line-height:18px
}
.paragraph2, .paragraph2:active, .paragraph2:focus, .paragraph2:hover {
	font-size:13px;
	color:rgba(0, 0, 0, .7);
	font-weight:400
}
.label1 {
	line-height:16px
}
.label1, .label1:active, .label1:focus, .label1:hover {
	font-size:13px;
	color:rgba(0, 0, 0, .5);
	font-weight:400
}
.label2 {
	line-height:16px
}
.label2, .label2:active, .label2:focus, .label2:hover {
	font-size:13px;
	color:rgba(0, 0, 0, .9);
	font-weight:600
}
.cta1 {
	line-height:20px
}
.cta1, .cta1:active, .cta1:focus, .cta1:hover {
	font-size:16px;
	font-weight:600
}
.cta2 {
	line-height:20px
}
.cta2, .cta2:active, .cta2:focus, .cta2:hover {
	font-size:16px;
	font-weight:400;
	font-style:underline
}
.cta3 {
	line-height:16px
}
.cta3, .cta3:active, .cta3:focus, .cta3:hover {
	font-size:13px;
	font-weight:600;
	text-decoration:underline
}
.cta4 {
	line-height:16px
}
.cta4, .cta4:active, .cta4:focus, .cta4:hover {
	font-size:13px;
	font-weight:600
}
.globalNavigation {
	line-height:20px
}
.globalNavigation, .globalNavigation:active, .globalNavigation:focus, .globalNavigation:hover {
	font-size:14px;
	color:rgba(0, 0, 0, .9);
	font-weight:600;
	text-transform:uppercase
}
.inputHint {
	line-height:20px
}
.inputHint, .inputHint:active, .inputHint:focus, .inputHint:hover {
	font-size:14px;
	color:rgba(0, 0, 0, .5);
	font-weight:400
}
.inputDefault {
	line-height:20px
}
.inputDefault, .inputDefault:active, .inputDefault:focus, .inputDefault:hover {
	font-size:14px;
	color:rgba(0, 0, 0, .9);
	font-weight:400
}
.list1 {
	line-height:13px
}
.list1, .list1:active, .list1:focus, .list1:hover {
	font-size:11px;
	color:rgba(0, 0, 0, .9);
	font-weight:400
}
.list2 {
	line-height:13px
}
.list2, .list2:active, .list2:focus, .list2:hover {
	font-size:11px;
	color:rgba(0, 0, 0, .5);
	font-weight:400
}
.h2 {
	line-height:24px;
	font-size:18px
}
.h3 {
	font-size:16px;
	line-break:22px
}
.h3, .h4 {
	text-transform:uppercase;
	color:rgba(0, 0, 0, .7);
	font-weight:700
}
.h4, .p2 {
	font-size:12px
}
.p3 {
	font-size:18px;
	line-break:24px
}
.l1 {
	font-size:12px
}
.l1, .l2 {
	font-weight:600
}
.l2 {
	font-size:14px
}
.l3 {
	font-size:16px;
	font-weight:600
}
a {
	color:#4bb3fd
}
a:active, a:focus, a:hover {
	color:#143c56
}
.inactive {
	color:rgba(0, 0, 0, .5)
}
.active .globalNavigation, .active .globalNavigation:active, .active .globalNavigation:focus, .active .globalNavigation:hover, .active .headline1, .active .headline1:active, .active .headline1:focus, .active .headline1:hover, .active .headline2, .active .headline2:active, .active .headline2:focus, .active .headline2:hover, .active .headline3, .active .headline3:active, .active .headline3:focus, .active .headline3:hover, .active .headline4, .active .headline4:active, .active .headline4:focus, .active .headline4:hover, .active .inputDefault, .active .inputDefault:active, .active .inputDefault:focus, .active .inputDefault:hover, .active .inputHint, .active .inputHint:active, .active .inputHint:focus, .active .inputHint:hover, .active .label1, .active .label1:active, .active .label1:focus, .active .label1:hover, .active .label2, .active .label2:active, .active .label2:focus, .active .label2:hover, .active .list1, .active .list1:active, .active .list1:focus, .active .list1:hover, .active .paragraph1, .active .paragraph1:active, .active .paragraph1:focus, .active .paragraph1:hover, .active .paragraph2, .active .paragraph2:active, .active .paragraph2:focus, .active .paragraph2:hover, .dark .globalNavigation, .dark .globalNavigation:active, .dark .globalNavigation:focus, .dark .globalNavigation:hover, .dark .headline1, .dark .headline1:active, .dark .headline1:focus, .dark .headline1:hover, .dark .headline2, .dark .headline2:active, .dark .headline2:focus, .dark .headline2:hover, .dark .headline3, .dark .headline3:active, .dark .headline3:focus, .dark .headline3:hover, .dark .headline4, .dark .headline4:active, .dark .headline4:focus, .dark .headline4:hover, .dark .inputDefault, .dark .inputDefault:active, .dark .inputDefault:focus, .dark .inputDefault:hover, .dark .inputHint, .dark .inputHint:active, .dark .inputHint:focus, .dark .inputHint:hover, .dark .label1, .dark .label1:active, .dark .label1:focus, .dark .label1:hover, .dark .label2, .dark .label2:active, .dark .label2:focus, .dark .label2:hover, .dark .list1, .dark .list1:active, .dark .list1:focus, .dark .list1:hover, .dark .paragraph1, .dark .paragraph1:active, .dark .paragraph1:focus, .dark .paragraph1:hover, .dark .paragraph2, .dark .paragraph2:active, .dark .paragraph2:focus, .dark .paragraph2:hover {
	color:#fff
}
.active .list2, .active .list2:active, .active .list2:focus, .active .list2:hover, .dark .list2, .dark .list2:active, .dark .list2:focus, .dark .list2:hover {
	color:hsla(0, 0%, 100%, .5)
}
.cta {
	cursor:pointer
}
.cta:after {
	content:"";
	width:30px;
	height:12px;
	background-image:url(/backoffice/static/media/ctaArrow.832b2f8b.svg);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:calc(100% - 8px) 50%;
	display:inline-block;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
.cta:hover:after {
	background-position:100%
}
.moverWrapper {
	margin:0 auto;
	max-width:100%
}
.react-router-modal__modal-open {
	overflow:hidden
}
.react-router-modal__container {
	position:fixed;
	z-index:1000
}
.react-router-modal__backdrop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .7)
}
.react-router-modal__modal {
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	border-radius:5px;
	border:1px solid #777;
-webkit-animation:fade-in .25s;
animation:fade-in .25s;
	border:0
}
.mainApplication {
	min-height:100vh;
-webkit-animation:fade-in .62s;
animation:fade-in .62s
}
@media (min-width:1280px) {
.small {
display:none!important
}
.moverWrapper {
width:1200px
}
}
@media (min-width:1025px) and (max-width:1279px) {
.small {
display:none!important
}
.moverWrapper {
width:100%;
padding:0 40px
}
}
@media (max-width:1024px) {
.big {
display:none!important
}
}
@media (min-width:768px) and (max-width:1024px) {
.moverWrapper {
width:100%;
padding:0 40px
}
.headline1, .headline1:active, .headline1:focus, .headline1:hover {
font-size:36px
}
.headline2, .headline2:active, .headline2:focus, .headline2:hover {
font-size:20px
}
.headline3, .headline3:active, .headline3:focus, .headline3:hover {
font-size:16px
}
.headline4, .headline4:active, .headline4:focus, .headline4:hover {
font-size:20px
}
.paragraph1, .paragraph1:active, .paragraph1:focus, .paragraph1:hover {
font-size:16px
}
.label1, .label1:active, .label1:focus, .label1:hover, .label2, .label2:active, .label2:focus, .label2:hover, .paragraph2, .paragraph2:active, .paragraph2:focus, .paragraph2:hover {
font-size:13px
}
.cta1, .cta1:active, .cta1:focus, .cta1:hover, .cta2, .cta2:active, .cta2:focus, .cta2:hover {
font-size:16px
}
.cta3, .cta3:active, .cta3:focus, .cta3:hover, .cta4, .cta4:active, .cta4:focus, .cta4:hover {
font-size:13px
}
.globalNavigation, .globalNavigation:active, .globalNavigation:focus, .globalNavigation:hover, .inputDefault, .inputDefault:active, .inputDefault:focus, .inputDefault:hover, .inputHint, .inputHint:active, .inputHint:focus, .inputHint:hover {
font-size:14px
}
}
@media (max-width:767px) {
.moverWrapper {
width:100%;
padding:0 24px
}
.headline1 {
line-height:30px
}
.headline1, .headline1:active, .headline1:focus, .headline1:hover {
font-size:24px
}
.headline2 {
line-height:22px
}
.headline2, .headline2:active, .headline2:focus, .headline2:hover {
font-size:16px
}
.headline3 {
line-height:18px
}
.headline3, .headline3:active, .headline3:focus, .headline3:hover {
font-size:13px
}
.headline4 {
line-height:22px
}
.headline4, .headline4:active, .headline4:focus, .headline4:hover, .paragraph1, .paragraph1:active, .paragraph1:focus, .paragraph1:hover {
font-size:16px
}
.cta1, .label1, .label1:active, .label1:focus, .label1:hover, .label2, .label2:active, .label2:focus, .label2:hover, .paragraph2, .paragraph2:active, .paragraph2:focus, .paragraph2:hover {
font-size:13px
}
.cta1 {
line-height:16px
}
.cta1:active, .cta1:focus, .cta1:hover, .cta2 {
font-size:13px
}
.cta2 {
line-height:16px
}
.cta2:active, .cta2:focus, .cta2:hover, .cta3, .cta3:active, .cta3:focus, .cta3:hover, .cta4, .cta4:active, .cta4:focus, .cta4:hover {
font-size:13px
}
.globalNavigation, .globalNavigation:active, .globalNavigation:focus, .globalNavigation:hover, .inputDefault, .inputDefault:active, .inputDefault:focus, .inputDefault:hover, .inputHint, .inputHint:active, .inputHint:focus, .inputHint:hover {
font-size:14px
}
.react-router-modal__modal {
left:50%;
-webkit-transform:perspective(1px) translateX(-50%);
transform:perspective(1px) translateX(-50%);
top:0;
padding-top:10px;
height:100vh;
overflow-y:auto
}
}
.buttonContainer.moverButton {
	color:#fff;
	text-align:center;
	cursor:pointer;
	height:32px;
	max-height:auto;
	display:-ms-flexbox;
	display:flex;
-webkit-transition:all .18s;
-o-transition:all .18s;
transition:all .18s;
	min-width:100px;
	border-radius:3px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.buttonContainer.moverButton:active, .buttonContainer.moverButton:focus, .buttonContainer.moverButton:hover {
	-webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, .15);
	box-shadow:0 2px 3px 0 rgba(0, 0, 0, .15);
	outline:0
}
.buttonContainer.moverButton .moverButtonText {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:0px
}
.buttonContainer.moverButton.buttonAction {
	 
	color:#fff
}
.buttonContainer.moverButton.buttonAction:active, .buttonContainer.moverButton.buttonAction:focus, .buttonContainer.moverButton.buttonAction:hover {
	color:#fff
}
.buttonContainer.moverButton.buttonAction:active .moverButtonText, .buttonContainer.moverButton.buttonAction:focus .moverButtonText, .buttonContainer.moverButton.buttonAction:hover .moverButtonText {
	background-color:hsla(0, 0%, 100%, .2)
}
.buttonContainer.moverButton.buttonDark, .buttonContainer.moverButton.buttonDark:active, .buttonContainer.moverButton.buttonDark:focus, .buttonContainer.moverButton.buttonDark:hover {
	background-color:#f6fafc;
	color:rgba(0, 0, 0, .9)
}
.buttonContainer.moverButton.buttonLight {
	color:#4bb3fd;
	border:1px solid #4bb3fd;
	background-color:transparent
}
.buttonContainer.moverButton.buttonLight:active, .buttonContainer.moverButton.buttonLight:focus, .buttonContainer.moverButton.buttonLight:hover {
	background-color:transparent;
	border-color:#4bb3fd
}
.buttonContainer.moverButton.buttonInactive {
	background-color:#eaf2f6
}
.buttonContainer.moverButton.buttonInactive:active, .buttonContainer.moverButton.buttonInactive:focus, .buttonContainer.moverButton.buttonInactive:hover {
	color:#fff
}
.buttonContainer.moverButton.buttonBig {
	height:40px;
	max-height:auto;
	border-radius:3px
}
.buttonContainer.moverButton.buttonBig.buttonLight .moverButtonText, .buttonContainer.moverButton.buttonBig .moverButtonText, .buttonContainer.moverButton.buttonBig:active .moverButtonText, .buttonContainer.moverButton.buttonBig:focus .moverButtonText, .buttonContainer.moverButton.buttonBig:hover .moverButtonText {
	padding:12px 16px
}
.buttonContainer.moverButton.loading {
	font-size:0;
	pointer-events:none
}
.buttonContainer.moverButton.loading:active, .buttonContainer.moverButton.loading:focus, .buttonContainer.moverButton.loading:hover {
	background-color:#ccc;
	border-color:#00162e
}
.buttonContainer.moverButton.disabled {
	border:none;
	color:#585858;
	pointer-events:none;
	background-color:#eaf2f6
}
.buttonContainer.moverButton.disabled:active, .buttonContainer.moverButton.disabled:focus, .buttonContainer.moverButton.disabled:hover {
	background-color:#ccc;
	border-color:#00162e
}
.buttonContainer.moverButton.loading:after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-13px;
	margin-left:-13px;
-webkit-animation:fade-in .3s ease both, spin .6s linear infinite;
animation:fade-in .3s ease both, spin .6s linear infinite;
	min-height:26px;
	width:26px;
	border:4px solid transparent;
	border-radius:50%;
	border-top-color:#000
}
@-webkit-keyframes loadingKeyframes {
0% {
transform:perspective(1px) translateY(-50%) translateX(-50%) scale(1);
-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%) scale(1);
opacity:1
}
to {
	transform:perspective(1px) translateY(-50%) translateX(-50%) scale(.75);
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%) scale(.75);
	opacity:.6
}
}
@keyframes loadingKeyframes {
0% {
transform:perspective(1px) translateY(-50%) translateX(-50%) scale(1);
-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%) scale(1);
opacity:1
}
to {
	transform:perspective(1px) translateY(-50%) translateX(-50%) scale(.75);
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%) scale(.75);
	opacity:.6
}
}
.loadingImage {
	width:120px;
	height:auto;
	pointer-events:none;
	animation:loadingKeyframes 1.5s ease-in-out infinite alternate;
	-webkit-animation:loadingKeyframes 1.5s ease-in-out infinite alternate
}
.loadingImageSmall {
	width:40px!important
}
.dotsContainer {
	height:18px;
	width:25px;
	pointer-events:none
}
.dotsContainer .sp-3balls-light, .dotsContainer .sp-3balls-light:after, .dotsContainer .sp-3balls-light:before {
	background-color:#fff!important
}
.dotsContainer .sp-3balls {
	position:relative;
	opacity:1;
	-webkit-animation:spScaleAlpha 1s infinite linear;
	animation:spScaleAlpha 1s infinite linear
}
.dotsContainer .sp-3balls, .dotsContainer .sp-3balls:after, .dotsContainer .sp-3balls:before {
	border-radius:50%;
	background-color:#000;
	width:18px;
	height:18px;
	-webkit-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	display:inline-block
}
.dotsContainer .sp-3balls:after, .dotsContainer .sp-3balls:before {
	content:"";
	position:absolute;
	opacity:.25
}
.dotsContainer .sp-3balls:before {
	left:30px;
	top:0;
	-webkit-animation:spScaleAlphaBefore 1s infinite linear;
	animation:spScaleAlphaBefore 1s infinite linear
}
.dotsContainer .sp-3balls:after {
	left:-30px;
	-webkit-animation:spScaleAlphaAfter 1s infinite linear;
	animation:spScaleAlphaAfter 1s infinite linear
}
@-webkit-keyframes spScaleAlpha {
0% {
opacity:1
}
33% {
opacity:.25
}
66% {
opacity:.25
}
to {
	opacity:1
}
}
@keyframes spScaleAlpha {
0% {
opacity:1
}
33% {
opacity:.25
}
66% {
opacity:.25
}
to {
	opacity:1
}
}
@-webkit-keyframes spScaleAlphaBefore {
0% {
opacity:.25
}
33% {
opacity:1
}
66% {
opacity:.25
}
}
@keyframes spScaleAlphaBefore {
0% {
opacity:.25
}
33% {
opacity:1
}
66% {
opacity:.25
}
}
@-webkit-keyframes spScaleAlphaAfter {
33% {
opacity:.25
}
66% {
opacity:1
}
to {
	opacity:.25
}
}
@keyframes spScaleAlphaAfter {
33% {
opacity:.25
}
66% {
opacity:1
}
to {
	opacity:.25
}
}
.loadingOuterContainer {
	position:fixed;
	height:calc(100vh - 60px - 350px);
	width:100%;
	left:0;
	top:60px;
	z-index:99999
}
.loadingOuterContainer .loadingContainer {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%);
	transform:perspective(1px) translateY(-50%) translateX(-50%);
	max-width:600px;
	height:auto;
	text-align:center
}
.loadingOuterContainer .loadingContainer .image {
	margin:0 auto
}
.loadingOuterContainer .loadingContainer .textContainer {
	width:100%;
	margin-top:20px;
	display:inline-block;
	vertical-align:top;
	text-align:center
}
.loadingOuterContainer .loadingContainer .textContainer .text {
	text-align:center;
	padding-top:10px
}
.applicationWrapper .loadingOuterContainer, .backOfficeContainer .loadingOuterContainer {
	position:fixed;
	height:calc(100vh - 50px);
	width:calc(100vw - 240px);
	left:240px;
	top:50px
}
@media (max-width:767px) {
.applicationWrapper .loadingOuterContainer, .backOfficeContainer .loadingOuterContainer {
height:100%;
width:100%;
left:0;
top:25px
}
}
.loadingOverlayContainer {
	z-index:999;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .6);
-webkit-animation:fadeInOverlay .25s ease-in-out;
animation:fadeInOverlay .25s ease-in-out
}
.loadingOverlayContainer .image {
	top:50%;
	left:50%;
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%);
	transform:perspective(1px) translateY(-50%) translateX(-50%)
}
@-webkit-keyframes fadeInOverlay {
0% {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeInOverlay {
0% {
opacity:0
}
to {
	opacity:1
}
}
.contentBox {
	width:800px;
	padding:20px 40px;
	background-color:#fff;
	-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .2);
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, .2);
	border-radius:3px;
	margin:8px 0;
	display:inline-block
}
.contentBox.smallBox {
	padding:20px
}
.contentBox.smallBox .title {
	margin-bottom:16px
}
.contentBox .title {
	margin-bottom:24px
}
.contentBox .description {
	margin-bottom:20px
}
.contentBox .closeBtn {
	position:absolute;
	top:16px;
	right:16px;
	cursor:pointer
}
.contentBox .loadingOverlay {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0, 0, 0, .5);
	z-index:200;
	border-radius:3px
}
.contentBox .loadingOverlay .loader {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%);
	transform:perspective(1px) translateY(-50%) translateX(-50%);
-webkit-animation:fade-in .15s ease both, spin .8s linear infinite;
animation:fade-in .15s ease both, spin .8s linear infinite;
	height:40px;
	width:40px;
	border:4px solid transparent;
	border-radius:50%;
	border-top-color:#fff
}
@media (min-width:2100px) {
.contentBox {
padding:20px 220px 20px 40px;
margin:15px 0
}
}
@media (min-width:768px) and (max-width:1024px) {
.contentBox {
padding:20px 220px 20px 40px
}
.contentBox .description {
color:rgba(0, 0, 0, .7)
}
}
@media (max-width:767px) {
.contentBox {
padding:12px 20px
}
.contentBox .title {
font-size:20px
}
.contentBox .description {
color:rgba(0, 0, 0, .7)
}
}
.error-component {
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%);
	transform:perspective(1px) translateY(-50%) translateX(-50%);
	max-width:600px;
	width:100%;
	height:auto;
	text-align:center
}
.error-component .text-container {
	padding:20px;
	text-align:center;
	display:inline-block;
	vertical-align:top
}
.error-component .text-container .text {
	padding-top:20px
}
.error-component .buttons-container {
	margin-top:47px
}
.error-component .buttons-container .buttonContainer {
	margin:0 20px
}
.backOfficeContainer .error-component {
	margin-left:120px
}
@media (max-width:1024px) {
.backOfficeContainer .error-component {
margin-left:0;
max-width:100%;
width:600px
}
}
.selectContainer {
	display:inline-block;
	text-align:left;
	width:420px
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-reset-button-container {
	opacity:.5
}
.selectContainer.hiddenRemove .selectWrapper .react-selectize .react-selectize-control .react-selectize-reset-button-container {
	display:none
}
.selectContainer .selectHeadline {
	margin-bottom:6px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row
}
.selectContainer .selectHeadline .tooltip-container {
	-ms-flex-item-align:center;
	align-self:center;
	margin-left:6px
}
.selectContainer.disabled {
	pointer-events:none
}
.selectContainer.disabled .selectWrapper .react-selectize .react-selectize-control {
	color:#abbec7;
	pointer-events:none
}
.selectContainer.disabled .selectWrapper .react-selectize .react-selectize-control .react-selectize-toggle-button-container {
	background-image:none
}
.selectContainer.dark .selectWrapper .react-selectize .react-selectize-control {
	background-color:transparent;
	border:1px solid #fff
}
.selectContainer.dark .selectWrapper .react-selectize .react-selectize-control .react-selectize-placeholder, .selectContainer.dark .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	color:#fff
}
.selectContainer.selectSmall .selectWrapper .react-selectize .react-selectize-control {
	height:28px
}
.selectContainer.selectMedium .selectWrapper .react-selectize .react-selectize-control {
	height:32px
}
.selectContainer.selectLarge .selectWrapper .react-selectize .react-selectize-control {
	height:40px
}
.selectContainer .selectWrapper {
	width:100%
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control {
	background-color:#fff;
	border:1px solid rgba(0, 0, 0, .2);
	border-radius:3px;
	display:-ms-flexbox;
	display:flex
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-placeholder {
	position:absolute;
	top:0;
	left:0;
	padding-left:14px;
	height:100%;
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	color:rgba(0, 0, 0, .5);
	pointer-events:none
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-toggle-button-container {
	position:absolute;
	right:12px;
	top:calc(50% - 6px);
	z-index:1;
	width:12px;
	height:12px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	background-image:url(/backoffice/static/media/chevron.ce7b7550.svg);
	background-repeat:no-repeat;
	background-position:50%;
	background-size:8px auto
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-toggle-button-container svg {
	display:none
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
	width:100%!important;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-reset-button-container {
	position:absolute;
	right:32px;
	z-index:1;
	width:20px;
	height:20px;
	background-image:url(/backoffice/static/media/closeSmall.988763b8.svg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:8px auto;
	cursor:pointer;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%)
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-reset-button-container svg {
	display:none
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	padding-left:14px;
-webkit-transition:border .3s;
-o-transition:border .3s;
transition:border .3s;
	-ms-flex:1 1;
	flex:1 1;
	color:rgba(0, 0, 0, .9)
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
	height:100%;
	color:inherit;
	background-color:transparent;
	font-size:inherit
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	padding-right:38px;
	color:inherit;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	padding-left:14px
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper .simple-value {
	-ms-flex:1 1;
	flex:1 1;
	display:-ms-flexbox;
	display:flex;
	color:inherit;
	height:100%;
	-ms-flex-align:center;
	align-items:center;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.selectContainer .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper .simple-value span {
	-ms-flex:1 1;
	flex:1 1;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	height:100%;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	margin-left:4px;
	bottom:-1px
}
.selectContainer .selectWrapper .react-selectize .dropdown-menu {
	position:absolute;
	top:calc(100% + 4px);
	left:0;
	width:100%;
	border-radius:3px;
	border-top:0;
	background-color:#fff;
	z-index:100;
	max-height:340px;
	overflow:auto;
	-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3)
}
.selectContainer .selectWrapper .react-selectize .dropdown-menu .no-results-found {
	padding:10px 14px;
	font-size:12px;
	font-style:italic;
	pointer-events:none;
	background-color:#f6fafc
}
.selectContainer .selectWrapper .react-selectize .dropdown-menu .option-wrapper.highlight, .selectContainer .selectWrapper .react-selectize .dropdown-menu .option-wrapper:hover {
	background-color:#fff
}
.selectContainer .selectWrapper .react-selectize .dropdown-menu .option-wrapper.highlight .simple-option, .selectContainer .selectWrapper .react-selectize .dropdown-menu .option-wrapper:hover .simple-option {
	background-color:#abbec7;
	color:#000
}
.selectContainer .selectWrapper .react-selectize .dropdown-menu .option-wrapper .simple-option {
	padding:8px 14px;
	cursor:pointer;
	color:rgba(0, 0, 0, .9);
	line-height:18px
}
.selectContainer .selectWrapper .react-selectize .dropdown-menu .option-wrapper .simple-option span {
	font-size:13px;
	color:rgba(0, 0, 0, .7);
	padding-left:4px;
	line-height:13px
}
.selectContainer .selectWrapper .react-selectize.open .react-selectize-control .react-selectize-toggle-button-container {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.selectContainer.error .selectWrapper .react-selectize.open .react-selectize-control, .selectContainer.error .selectWrapper .react-selectize .react-selectize-control {
	border:1px solid rgba(255, 82, 82, .8)
}
.selectContainer.inlineHeadline {
	vertical-align:top;
	background-position:16px;
	background-repeat:no-repeat;
	background-size:20px auto
}
.selectContainer.inlineHeadline .selectHeadline {
	padding-left:14px;
	color:#143c56;
	text-transform:uppercase;
	letter-spacing:1px;
	position:absolute;
	top:12px;
	left:0;
	pointer-events:none;
	z-index:10
}
.selectContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control {
	font-size:inherit
}
.selectContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-placeholder {
	top:30px;
	line-height:24px;
	height:20px
}
.selectContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	padding:30px 38px 12px 14px;
-webkit-transition:border .3s;
-o-transition:border .3s;
transition:border .3s;
	height:64px;
	font-size:inherit
}
.selectContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
	height:100%;
	color:rgba(0, 0, 0, .9);
	font-weight:300;
	background-color:transparent;
	width:100%!important;
	font-size:inherit
}
.selectContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
	font-size:inherit;
	position:absolute;
	top:30px;
	left:0;
	padding-left:14px;
	height:20px;
	width:100%;
	line-height:20px;
	overflow:hidden;
	padding-right:38px;
	color:rgba(0, 0, 0, .9)
}
.selectContainer.inlineHeadline .selectWrapper .react-selectize.open .dropdown-menu {
top:calc(100% + -1px)
}
.inputContainer {
	display:inline-block;
	background-color:#fff
}
.inputContainer .inputWrapper {
	height:100%
}
.inputContainer .inputWrapper .valueDescriptionContainer {
	pointer-events:none;
	position:absolute;
	left:0;
	bottom:calc(50% - 9px);
	text-align:left;
	padding-left:14px;
	max-width:calc(100% - 3px);
	color:transparent
}
.inputContainer .inputWrapper .valueDescriptionContainer .valueDescriptionWidth {
	opacity:0;
	padding-right:5px
}
.inputContainer .inputWrapper .valueDescriptionContainer .valueDescription {
	position:absolute;
	right:0;
	bottom:0
}
.inputContainer .inputWrapper input {
	padding-right:20px;
	color:#000;
	height:100%;
	padding-left:12px;
	border-radius:3px;
	width:100%;
	opacity:1;
-webkit-transition:all .15s;
-o-transition:all .15s;
transition:all .15s;
	background-color:#e4e4e4
}
.inputContainer .inputWrapper input:not(.noBorder) {
border:1px solid rgba(0, 0, 0, .2)
}
.inputContainer .inputWrapper input:disabled:not(.noDisabledStyle) {
background-color:#f5f7fa;
pointer-events:none;
color:#abbec7
}
.inputContainer .inputWrapper ::-webkit-input-placeholder {
color:rgba(0, 0, 0, .5)
}
.inputContainer .inputWrapper ::-moz-placeholder {
color:rgba(0, 0, 0, .5)
}
.inputContainer .inputWrapper :-ms-input-placeholder {
color:rgba(0, 0, 0, .5)
}
.inputContainer .inputWrapper :-moz-placeholder {
color:rgba(0, 0, 0, .5)
}
.inputContainer.inputSmall {
	height:28px
}
.inputContainer.inputMedium {
	height:32px
}
.inputContainer.inputLarge {
	height:40px
}
.inputContainer.error .inputWrapper input, .inputContainer.error .inputWrapper input:active, .inputContainer.error .inputWrapper input:focus, .inputContainer.error .inputWrapper input:hover {
	border:1px solid rgba(255, 82, 82, .8)
}
.inputContainer.inlineHeadline {
	vertical-align:top;
	background-position:16px;
	background-repeat:no-repeat;
	background-size:20px auto;
	height:64px
}
.inputContainer.inlineHeadline .inputHeadlineContainer {
	padding-left:20px;
	color:#143c56;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:2px;
	position:absolute;
	top:12px;
	left:0
}
.inputContainer.inlineHeadline .inputWrapper input {
	padding:30px 20px 12px;
	line-height:20px;
	height:100%;
	background-color:transparent
}
.inputContainer.inlineHeadline .inputWrapper .valueDescriptionContainer {
	padding-top:18px;
	bottom:calc(40% - 8px)
}
.inputContainer.headline {
	background-color:transparent;
	height:auto;
	padding-top:32px
}
.inputContainer.headline .inputHeadlineContainer {
	color:rgba(0, 0, 0, .9);
	padding-left:3px;
	font-size:13px;
	font-weight:300;
	margin-bottom:4px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	position:absolute;
	top:0;
	left:0
}
.inputContainer.headline .inputHeadlineContainer .inputHeadlineWhite {
	color:#fff
}
.inputContainer.headline .inputHeadlineContainer .tooltip-container {
	-ms-flex-item-align:center;
	align-self:center;
	margin-left:6px
}
.inputContainer.headline .inputWrapper {
	font-size:0
}
.inputContainer.headline.inputSmall .inputWrapper {
	height:28px
}
.inputContainer.headline.inputMedium .inputWrapper {
	height:32px
}
.inputContainer.headline.inputLarge .inputWrapper {
	height:40px
}
.inputContainer.readonlyMode input {
	cursor:default
}
.inputContainer.gridMode .headline, .inputContainer.gridMode .inputHeadlineContainer {
	left:auto;
	right:12px;
	font-size:11px;
	color:gray
}
.inputContainer.gridMode .inputHeadlineContainer {
	text-transform:none;
	pointer-events:none
}
.inputContainer.gridMode .inputWrapper {
	background-color:#fff;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row
}
.inputContainer.gridMode .inputWrapper .valueDescriptionContainer {
	display:-ms-flexbox;
	display:flex;
	pointer-events:none;
	position:static;
	width:auto;
	margin-right:14px;
	padding-left:0;
	-ms-flex-align:center;
	align-items:center
}
.inputContainer.gridMode .inputWrapper .valueDescriptionContainer .valueDescription {
	padding-top:2px;
	position:static
}
.inputContainer.gridMode .inputWrapper input {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-positive:1;
	flex-grow:1;
	text-align:right;
	width:auto;
	padding-left:14px;
	padding-right:13px
}
.inputContainer.gridMode .inputWrapper .inputWithContainer {
	padding-right:4px
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input {
	text-align:left
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .icon {
	position:absolute;
	width:32px;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	pointer-events:none;
	background-position:50%;
	background-repeat:no-repeat
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .react-selectize-toggle-button-container {
	display:none!important
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .react-selectize-reset-button-container {
	right:10px!important
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .react-selectize-placeholder, .selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .react-selectize-search-field-and-selected-values, .selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .value-wrapper {
	padding-left:28px
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .react-selectize-search-field-and-selected-values .value-wrapper .simple-value {
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	width:100%
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .react-selectize-search-field-and-selected-values .value-wrapper .simple-value span {
	display:inline-block;
	width:auto;
	vertical-align:top
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option-wrapper.highlight, .selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option-wrapper:hover {
	background-color:#f6fafc
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option-wrapper .optionHeader {
	padding:20px 20px 12px;
	cursor:default;
	text-transform:uppercase
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option-wrapper .optionHeader:hover {
	background-color:#fff
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option-wrapper .optionHeader .line {
	position:absolute;
	bottom:6px;
	left:20px;
	width:calc(100% - 40px);
	height:2px;
	background-color:rgba(0, 0, 0, .3)
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option .icon-option {
	position:absolute;
	margin-top:5px
}
.selectContainer.remoteSelectContainer .selectWrapper.remote-select-input .react-selectize .option .icon-option img {
	height:22px;
	width:16px
}
.selectContainer.remoteSelectContainer.inlineHeadline .selectHeadline {
	padding-left:52px
}
.selectContainer.remoteSelectContainer.inlineHeadline .selectWrapper .icon {
	margin:0;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	left:16px;
	width:20px
}
.toastOuterContainer {
	left:50%;
	-webkit-transform:perspective(1px) translateX(-50%);
	transform:perspective(1px) translateX(-50%);
	z-index:10000;
	position:fixed;
	top:100px;
	min-width:50%;
	max-width:1200px;
	text-align:center;
-webkit-animation:moveInToast .3s;
animation:moveInToast .3s;
	-webkit-box-shadow:0 8px 16px 0 rgba(0, 0, 0, .3);
	box-shadow:0 8px 16px 0 rgba(0, 0, 0, .3);
	background-color:#fff;
	padding:20px 100px;
	border-radius:3px;
	overflow:hidden
}
.toastOuterContainer .iconContainer {
	position:absolute;
	left:0;
	top:0;
	width:60px;
	height:100%;
	background-size:32px auto;
	background-repeat:no-repeat;
	background-position:50%
}
.toastOuterContainer .message {
	text-align:center
}
.toastOuterContainer .message>* {
	font-weight:600;
	text-decoration:underline;
	padding-left:8px;
	cursor:pointer;
	display:inline-block
}
.toastOuterContainer .close {
	position:absolute;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	right:20px;
	cursor:pointer
}
.toastOuterContainer.error .iconContainer {
	background-image:url(/backoffice/static/media/warning.286dc670.svg);
	background-color:#e6310d
}
.toastOuterContainer.success .iconContainer {
	background-image:url(/backoffice/static/media/check.31e938f9.svg);
	background-color:#52ad1a
}
.toastOuterContainer.warning .iconContainer {
	background-image:url(/backoffice/static/media/warning.286dc670.svg);
	background-color:#ff8906
}
@-webkit-keyframes moveInToast {
0% {
opacity:0;
top:0
}
to {
	opacity:1;
	top:100px
}
}
@keyframes moveInToast {
0% {
opacity:0;
top:0
}
to {
	opacity:1;
	top:100px
}
}
@media (min-width:768px) and (max-width:1024px) {
.toastOuterContainer {
max-width:85vw;
width:85vw;
padding:20px
}
}
@media (max-width:767px) {
.toastOuterContainer {
max-width:95vw;
width:95vw;
padding:10px
}
.toastOuterContainer .message {
margin-left:30px;
margin-right:5px
}
.toastOuterContainer .close {
top:10px;
right:10px;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.promptOuterContainer {
	left:50%;
	-webkit-transform:perspective(1px) translateX(-50%);
	transform:perspective(1px) translateX(-50%);
	z-index:9999;
	position:fixed;
	top:210px;
	min-width:50%;
	max-width:1200px;
	text-align:left;
-webkit-animation:animateInPrompt .3s cubic-bezier(.68, -.55, .265, 1.55);
animation:animateInPrompt .3s cubic-bezier(.68, -.55, .265, 1.55);
	-webkit-box-shadow:0 8px 16px 0 rgba(0, 0, 0, .3);
	box-shadow:0 8px 16px 0 rgba(0, 0, 0, .3);
	background-color:#fff;
	padding:30px;
	border-radius:3px
}
.promptOuterContainer .iconContainer {
	position:absolute;
	left:0;
	top:0;
	width:60px;
	height:60px;
	background-size:32px auto;
	background-repeat:no-repeat;
	background-position:50%
}
.promptOuterContainer .textContainer {
	margin-bottom:40px
}
.promptOuterContainer .textContainer .headline {
	margin-bottom:12px
}
.promptOuterContainer .buttonsOuterContainer {
	float:right
}
.promptOuterContainer .buttonsOuterContainer .buttonContainer:not(:first-child) {
margin-left:12px
}
.promptOuterContainer .close {
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer
}
@-webkit-keyframes animateInPrompt {
0% {
opacity:0;
top:0
}
to {
	opacity:1;
	top:210px
}
}
@keyframes animateInPrompt {
0% {
opacity:0;
top:0
}
to {
	opacity:1;
	top:210px
}
}
@media (min-width:768px) and (max-width:1024px) {
.promptOuterContainer {
max-width:85vw;
width:85vw;
padding:20px
}
}
@media (max-width:767px) {
.promptOuterContainer {
max-width:90vw;
width:90vw;
padding:20px 10px
}
.promptOuterContainer .close {
top:10px;
right:10px;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.checkboxLabel {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding-left:22px;
	text-align:left;
	display:inline-block;
	cursor:pointer
}
.checkboxLabel input {
	display:none;
	pointer-events:none
}
.checkboxLabel:after {
	content:"";
	height:16px;
	width:16px;
	border:1px solid rgba(20, 60, 86, .5);
	border-radius:3px;
	background-color:#fff;
	position:absolute;
	left:0;
	top:1px;
	background-repeat:no-repeat;
	background-position:50%;
-webkit-transition:border .2s;
-o-transition:border .2s;
transition:border .2s
}
.checkboxLabel.checked:after {
	background-image:url(/backoffice/static/media/tick.ac2e9c90.svg)
}
.checkboxLabel.disabled {
	pointer-events:none;
	opacity:.3
}
.checkboxLabel.disabled:after {
	border:1px solid rgba(0, 0, 0, .5)
}
.checkboxLabel.error:after {
	border:1px solid #e6310d
}
.inputContainer .inputWrapper .passwordToggle {
	position:absolute;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	right:16px;
	cursor:pointer;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	width:20px;
	height:13px;
	background-image:url(/backoffice/static/media/toggle.b96d8d7f.svg);
	background-size:cover;
	background-repeat:no-repeat
}
.inputContainer .inputWrapper .passwordToggle.showPassword {
	opacity:.38
}
.error-radio-group, .error-radio-group:active, .error-radio-group:focus, .error-radio-group:hover {
	border:1px solid rgba(255, 82, 82, .8)!important
}
.radioGroup {
	text-align:left
}
.radioGroup>:first-child {
	float:left
}
.radioGroup .radioLabel {
	line-height:13px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding-left:20px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer
}
.radioGroup .radioLabel input {
	display:none
}
.radioGroup .radioLabel:not(:first-child) {
margin-left:24px
}
.radioGroup .radioLabel:after {
	content:"";
	height:12px;
	width:12px;
	border:2px solid #abbec7;
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
-webkit-transition:border .15s;
-o-transition:border .15s;
transition:border .15s
}
.radioGroup .radioLabel.big {
	padding-left:28px
}
.radioGroup .radioLabel.big:after {
	height:20px;
	width:20px;
	border-width:1px
}
.radioGroup .radioLabel.big.checked:after {
	border:6px solid #4bb3fd
}
.radioGroup .radioLabel.checked:after {
	border:4px solid #4bb3fd
}
.radioGroup .radioLabel.disabled {
	pointer-events:none;
	opacity:.55
}
.radioGroup .radioLabel.disabled:after {
	border:1px solid rgba(0, 0, 0, .5)
}
.radioGroup .radioLabel.disabled.checked:after {
	border:4px solid #143c56
}
.radioSmall .radioLabel {
	padding-left:12px;
	font-size:11px
}
.radioSmall .radioLabel:hover {
	font-size:11px
}
.radioSmall .radioLabel:not(:first-child) {
margin-left:18px
}
.radioSmall .radioLabel:after {
	height:8px;
	width:8px
}
.radioSmall .radioLabel.checked:after {
	border:3px solid #143c56
}
.textareaContainer {
	display:inline-block;
	vertical-align:top
}
.textareaContainer .textareaWrapper textarea {
	border-radius:0;
	-webkit-appearance:none;
	color:#000;
	height:40px;
	padding:10px 14px 16px;
	border:1px solid rgba(0, 0, 0, .2);
	border-radius:3px;
	width:100%;
-webkit-transition:border .3s;
-o-transition:border .3s;
transition:border .3s;
	background-color:#fff
}
.textareaContainer .textareaWrapper textarea:disabled {
	opacity:.3;
	background-color:#fff
}
.textareaContainer .textareaWrapper ::-webkit-input-placeholder {
color:rgba(0, 0, 0, .5);
font-size:16px
}
.textareaContainer .textareaWrapper ::-moz-placeholder {
color:rgba(0, 0, 0, .5);
font-size:16px
}
.textareaContainer .textareaWrapper :-ms-input-placeholder {
color:rgba(0, 0, 0, .5);
font-size:16px
}
.textareaContainer .textareaWrapper :-moz-placeholder {
color:rgba(0, 0, 0, .5);
font-size:16px
}
.textareaContainer .textareaWrapper .wordCount {
	position:absolute;
	bottom:3px;
	right:3px;
	padding:4px
}
.textareaContainer.error .textareaWrapper textarea {
	border:1px solid rgba(255, 82, 82, .8)
}
.textareaContainer.inlineHeadline {
	background-position:16px;
	background-repeat:no-repeat;
	background-size:20px auto
}
.textareaContainer.inlineHeadline .textareaHeadline {
	position:absolute;
	top:2px;
	left:1px;
	width:calc(100% - 20px);
	pointer-events:none;
	color:#143c56;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:12px 0 0 14px;
	background-color:#fff;
	border-radius:3px;
	z-index:1
}
.textareaContainer.inlineHeadline .textareaWrapper {
	font-size:0
}
.textareaContainer.inlineHeadline .textareaWrapper textarea {
	line-height:20px;
	padding-top:28px;
	background-color:transparent
}
.textareaContainer.headline .textareaHeadline {
	line-height:20px;
	color:rgba(0, 0, 0, .9);
	padding-left:0;
	font-weight:300;
	margin-bottom:6px;
	display:-ms-flexbox;
	display:flex
}
.textareaContainer.headline .textareaHeadline .tooltip-container {
	-ms-flex-item-align:center;
	align-self:center;
	margin-left:6px
}
.textareaContainer.headline .textareaWrapper {
	font-size:0
}
.textareaContainer.headline .textareaWrapper textarea {
	padding:9px 14px
}
.c-pageHeader {
width:calc(100% - 2 *40px);
	margin:0 auto;
	display:-ms-flexbox;
	display:flex;
	height:128px;
	-ms-flex-align:center;
	align-items:center;
	border-bottom:1px solid rgba(0, 0, 0, .5);
	background-color:#fff
}
.c-pageHeader .headline1 {
	text-align:left
}
.c-pageHeader .headline1>* {
	position:absolute;
	top:calc(100% - 2px);
	left:3px;
	min-width:200px
}
.c-pageHeader.withTabs {
	display:block;
	height:150px;
	padding-top:24px
}
.c-pageHeader .c-pageHeader-tabContainer {
	position:absolute;
	bottom:0;
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	padding:20px 0;
	border-top:1px solid rgba(0, 0, 0, .5)
}
.c-pageHeader .c-pageHeader-tabContainer .c-pageHeader-tabs {
	position:absolute;
	bottom:100%;
	right:0;
	height:34px;
	overflow:hidden;
	padding:0 2px
}
.c-pageHeader .c-pageHeader-tabContainer .c-pageHeader-tabs .c-pageHeader-tabs-tab {
	display:inline-block;
	padding:6px 20px;
	border-top:1px solid rgba(0, 0, 0, .5);
	border-left:1px solid rgba(0, 0, 0, .5);
	border-right:1px solid rgba(0, 0, 0, .5);
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background-color:#eaf2f6;
	cursor:pointer;
	border-bottom:1px solid rgba(0, 0, 0, .5);
	margin-left:-2px;
	margin-right:-2px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
-webkit-transition:background-color .15s, color .15s;
-o-transition:background-color .15s, color .15s;
transition:background-color .15s, color .15s
}
.c-pageHeader .c-pageHeader-tabContainer .c-pageHeader-tabs .c-pageHeader-tabs-tab.active {
	background-color:#fff;
	border-bottom:1px solid transparent;
	margin-left:-2px;
	margin-right:-2px;
	z-index:20
}
.c-pageHeader .c-pageHeader-actionOuterContainer {
	margin-left:auto
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-mobileButton {
	display:none
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-mobileButton .chevron {
	margin-left:8px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	top:-1px
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-actionContainer>* {
	margin-left:12px
}
.c-pageHeader .c-pageHeader-actionOuterContainer.open .c-pageHeader-mobileButton .chevron {
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0)
}
@media (max-width:767px) {
.c-pageHeader {
width:calc(100% - 2 *10px);
height:80px
}
.c-pageHeader .c-pageHeader-tabContainer .c-pageHeader-tabs {
width:calc(100% - 100px)
}
.c-pageHeader .c-pageHeader-tabContainer .c-pageHeader-tabs .c-pageHeader-tabs-scrollContainer {
width:auto;
white-space:nowrap;
height:100%;
overflow:auto;
padding:0 2px
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-mobileButton {
display:block
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-actionContainer {
position:absolute;
top:calc(100% + 8px);
right:0;
width:auto;
z-index:100;
border-radius:3px;
padding:12px;
background-color:#fff;
-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
opacity:0;
-webkit-transition:opacity .15s;
-o-transition:opacity .15s;
transition:opacity .15s
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-actionContainer>* {
margin-left:0;
margin-bottom:12px
}
.c-pageHeader .c-pageHeader-actionOuterContainer .c-pageHeader-actionContainer>:last-child {
margin-bottom:0
}
.c-pageHeader .c-pageHeader-actionOuterContainer.open .c-pageHeader-actionContainer {
opacity:1
}
}
.c-pageContent {
	height:calc(100% - 128px);
	width:100%;
	overflow:hidden;
	background-color:#fff
}
.c-pageContent .c-pageContent-innerWrapper {
	padding:16px 40px;
	overflow:auto;
	height:100%;
	overflow-y:overlay
}
.c-pageContent.tablePage .c-pageContent-innerWrapper {
	padding:0 40px 40px
}
.c-pageContent.tabPage {
	height:calc(100% - 128px + 22px)
}
@media (max-width:767px) {
.c-pageContent {
height:calc(100% - 80px)
}
.c-pageContent .c-pageContent-innerWrapper {
padding:16px 10px
}
.c-pageContent.tablePage .c-pageContent-innerWrapper {
padding:0 10px
}
}
.applicationWrapper {
	height:100%;
	width:100%;
	padding-left:240px;
	padding-top:50px;
	overflow:hidden
}
.applicationWrapper .sideMenu {
	padding-top:50px;
	height:100vh;
	width:240px;
	position:fixed;
	top:0;
	left:0;
	background-color:#4bb3fd;
	z-index:1000;
-webkit-transition:left .3s, right .3s, width .3s;
-o-transition:left .3s, right .3s, width .3s;
transition:left .3s, right .3s, width .3s
}
.applicationWrapper .sideMenu .c-sideMenu-profileShortcut {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-direction:column;
	flex-direction:column;
	text-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:20px 0 32px;
	color:#fff
}
.applicationWrapper .sideMenu .c-sideMenu-profileShortcut .c-sideMenu-profileShortcut-button-image {
	width:48px;
	height:48px;
	font-size:20px;
	border-radius:50%;
	background-color:hsla(0, 0%, 100%, .2);
	text-align:center;
	line-height:48px;
	color:#fff;
	margin-bottom:8px
}
.applicationWrapper .sideMenu .menuNote {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:36px;
	left:0
}
.applicationWrapper .sideMenu .sideMenuItemContainer {
	width:100%
}
.applicationWrapper .sideMenu .sideMenuItemContainer .menuSectionTitle {
	padding-left:16px;
	padding-bottom:2px;
	font-style:italic
}
.applicationWrapper .sideMenu .sideMenuItemContainer li {
	text-align:left
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .main-link {
	height:48px;
	padding-left:55px;
	display:block;
	line-height:48px;
	color:#fff
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .main-link:hover {
	text-decoration:underline
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .main-link .sideMenuIcons {
	position:absolute;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	left:20px;
	width:20px;
	-webkit-filter:invert(100%);
	filter:invert(100%)
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .subLinkArea {
	max-height:0;
	overflow:hidden;
-webkit-transition:all .15s ease-in-out;
-o-transition:all .15s ease-in-out;
transition:all .15s ease-in-out;
	background-color:#3a81d1
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .subLinkArea a {
	color:#fff;
	padding-left:50px;
	display:block;
	line-height:18px;
-webkit-transition:padding .1s;
-o-transition:padding .1s;
transition:padding .1s
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .subLinkArea a:not(:last-child) {
margin-bottom:11px
}
.applicationWrapper .sideMenu .sideMenuItemContainer li .subLinkArea a.active {
	padding-left:80px
}
.applicationWrapper .sideMenu .sideMenuItemContainer li.active .main-link {
	background-color:hsla(0, 0%, 100%, .2);
	color:#fff
}
.applicationWrapper .sideMenu .sideMenuItemContainer li.active .subLinkArea {
	max-height:200px;
	padding:23px 0
}
.applicationWrapper .sideMenu .mobileTrigger {
	display:none;
	height:50px;
	width:60px;
	color:#000;
	cursor:pointer
}
.applicationWrapper .sideMenu .mobileTrigger>span {
	display:block;
	position:absolute;
	height:1px;
	width:20px;
	background:#000;
	border-radius:100px;
	opacity:1;
	left:50%;
	-webkit-transform:translateX(-50%) rotate(0deg);
	-ms-transform:translateX(-50%) rotate(0deg);
	transform:translateX(-50%) rotate(0deg);
-webkit-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
.applicationWrapper .sideMenu .mobileTrigger>span:first-child {
	top:17px
}
.applicationWrapper .sideMenu .mobileTrigger>span:nth-child(2), .applicationWrapper .sideMenu .mobileTrigger>span:nth-child(3) {
top:25px
}
.applicationWrapper .sideMenu .mobileTrigger>span:nth-child(4) {
top:33px
}
.applicationWrapper .sideMenu .mobileCloseOutside {
	width:100vw;
	height:100%;
	position:absolute;
	left:100%;
	top:0;
	opacity:0;
	pointer-events:none;
-webkit-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s;
	background-color:rgba(0, 0, 0, .7)
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileTrigger>span {
	background-color:#fff;
	height:1px
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileTrigger>span:first-child {
	top:28px;
	width:0;
	left:50%
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileTrigger>span:nth-child(2) {
-webkit-transform:translateX(-50%) rotate(45deg);
-ms-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg)
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileTrigger>span:nth-child(3) {
-webkit-transform:translateX(-50%) rotate(-45deg);
-ms-transform:translateX(-50%) rotate(-45deg);
transform:translateX(-50%) rotate(-45deg)
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileTrigger>span:nth-child(4) {
top:28px;
width:0;
left:50%
}
.applicationWrapper .mainContentWrapper {
	height:calc(100vh - 50px);
	width:100%;
	overflow:hidden
}
@media (min-width:768px) and (max-width:1024px) {
.applicationWrapper {
padding-left:0
}
.applicationWrapper .sideMenu {
left:-240px;
-webkit-box-shadow:none;
box-shadow:none
}
.applicationWrapper .sideMenu .mobileTrigger {
display:block;
position:absolute;
left:100%;
top:0
}
.applicationWrapper .sideMenu.mobileMenuActive {
left:0
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileCloseOutside {
opacity:1;
pointer-events:auto;
top:0
}
}
@media (max-width:767px) {
.applicationWrapper {
padding-left:0
}
.applicationWrapper .sideMenu {
-webkit-box-shadow:none;
box-shadow:none;
left:-240px;
z-index:1002
}
.applicationWrapper .sideMenu .mobileTrigger {
width:44px;
display:block;
position:fixed;
right:0;
top:0
}
.applicationWrapper .sideMenu.mobileMenuActive {
left:0;
z-index:1000
}
.applicationWrapper .sideMenu.mobileMenuActive .mobileCloseOutside {
opacity:1;
pointer-events:auto
}
}
.c-gridTable {
	width:auto;
	display:grid;
	grid-row-gap:0
}
.c-gridTable-header {
	height:40px;
	background-color:#3a81d1;
	color:#fff;
	text-align:left;
	-ms-flex-item-align:center;
	align-self:center;
	position:-webkit-sticky;
	position:sticky;
	z-index:101;
	top:0;
	line-height:40px;
	cursor:pointer;
-webkit-transition:all .15s;
-o-transition:all .15s;
transition:all .15s;
	font-size:13px;
	font-weight:600
}
.c-gridTable-header:hover .c-gridTable-header-text {
	background-color:hsla(0, 0%, 100%, .2)
}
.c-gridTable-header .c-gridTable-header-text {
	padding:0 10px
}
.c-gridTable-header:first-child {
	border-left:1px solid rgba(0, 0, 0, .2)
}
.c-gridTable-header:last-child {
	border-right:1px solid rgba(0, 0, 0, .2)
}
.c-gridTable-header .c-gridTable-header-arrows {
	padding-left:5px;
	height:100%;
	margin-left:8px
}
.c-gridTable-header .c-gridTable-header-arrows:after, .c-gridTable-header .c-gridTable-header-arrows:before {
	content:"";
	position:absolute;
	margin-top:-2px;
	left:0;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent
}
.c-gridTable-header .c-gridTable-header-arrows:before {
	top:calc(50% - 4px);
	border-bottom:5px solid hsla(0, 0%, 100%, .4)
}
.c-gridTable-header .c-gridTable-header-arrows:after {
	top:calc(50% + 4px);
	border-top:5px solid hsla(0, 0%, 100%, .4)
}
.c-gridTable-header.ASC .c-gridTable-header-arrows:before {
	border-bottom:5px solid #fff
}
.c-gridTable-header.ASC .c-gridTable-header-arrows:after {
	border-top:5px solid hsla(0, 0%, 100%, .2)
}
.c-gridTable-header.DESC .c-gridTable-header-arrows:before {
	border-bottom:5px solid hsla(0, 0%, 100%, .2)
}
.c-gridTable-header.DESC .c-gridTable-header-arrows:after {
	border-top:5px solid #fff
}
.c-gridTable-sortingLoadingOverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:-40px;
	background-color:rgba(0, 0, 0, .7);
	z-index:103;
	opacity:0;
	pointer-events:none;
-webkit-transition:opacity .15s;
-o-transition:opacity .15s;
transition:opacity .15s;
	display:grid;
	grid-row-gap:0
}
.c-gridTable-sortingLoadingOverlay .c-gridTable-sortingLoadingOverlay-headline {
	padding-right:40px;
	-ms-flex-item-align:center;
	align-self:center;
	justify-self:center;
	position:-webkit-sticky;
	position:sticky;
	top:50%;
	margin-top:-50%
}
.c-gridTable-sortingLoadingOverlay .c-gridTable-sortingLoadingOverlay-headline:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-13px;
	margin-left:-13px;
-webkit-animation:fade-in .3s ease both, spin .6s linear infinite;
animation:fade-in .3s ease both, spin .6s linear infinite;
	height:26px;
	width:26px;
	border:4px solid transparent;
	border-radius:50%;
	border-top-color:#fff
}
.c-gridTable-sortingLoadingOverlay.active {
	opacity:1;
	pointer-events:auto
}
.c-gridTable-header-divider {
	height:2px;
	-ms-flex-item-align:center;
	align-self:center;
	position:-webkit-sticky;
	position:sticky;
	z-index:100;
	top:40px;
	overflow:hidden;
	background-color:rgba(0, 0, 0, .7);
	-webkit-filter:blur(2px);
	filter:blur(2px)
}
.c-gridTable-content {
	height:40px;
	background-color:#fff;
	text-align:left;
	line-height:40px;
	padding:0 10px;
	border-bottom:2px solid rgba(0, 0, 0, .2);
	cursor:pointer;
	font-size:13px;
	font-weight:600
}
.c-gridTable-content a {
	text-decoration:underline;
	color:#4bb3fd
}
.c-pagination {
	position:fixed;
	bottom:0;
	left:240px;
	z-index:102;
	height:40px;
width:calc(100% - 240px - 40px * 2);
	margin:0 40px;
	border-top:1px solid rgba(0, 0, 0, .5);
	background-color:#fff;
	text-align:center
}
.c-pagination .c-pagination-content {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:100%;
	line-height:40px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.c-pagination .c-pagination-content .c-pagination-navigation {
	cursor:pointer
}
.c-pagination .c-pagination-content .c-pagination-navigation.inactive {
	pointer-events:none;
	opacity:.3
}
.c-pagination .c-pagination-content .c-pagination-navigation.previousPage {
	margin-right:28px
}
.c-pagination .c-pagination-content .c-pagination-navigation.previousPage:before {
	content:"";
	display:inline-block;
	margin-right:8px;
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-right:6px solid rgba(0, 0, 0, .9)
}
.c-pagination .c-pagination-content .c-pagination-navigation.nextPage {
	margin-left:28px
}
.c-pagination .c-pagination-content .c-pagination-navigation.nextPage:after {
	content:"";
	display:inline-block;
	margin-left:8px;
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:6px solid rgba(0, 0, 0, .9)
}
.c-pagination .c-pagination-content .c-pagination-pages {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center
}
.c-pagination .c-pagination-content .c-pagination-pages .c-pagination-pages-page {
	line-height:24px;
	min-width:24px;
	border-radius:3px;
	cursor:pointer;
	border:1px solid transparent;
-webkit-transition:opacity .15s, border-color .15s, background-color .15s;
-o-transition:opacity .15s, border-color .15s, background-color .15s;
transition:opacity .15s, border-color .15s, background-color .15s
}
.c-pagination .c-pagination-content .c-pagination-pages .c-pagination-pages-page:hover {
	background-color:#eaf2f6
}
.c-pagination .c-pagination-content .c-pagination-pages .c-pagination-pages-page.active {
	border-color:#00162e
}
.c-pagination .c-pagination-content .c-pagination-pages .c-pagination-pages-page:not(:last-child) {
margin-right:8px
}
.c-pagination .c-pagination-content .c-pagination-pages .c-pagination-pages-page.inactive {
	border:0;
	pointer-events:none;
	opacity:.3
}
.c-pagination .c-pagination-content .c-pagination-resultsPerPage {
	position:absolute;
	right:0
}
@media (max-width:767px) {
.c-pagination {
width:100%;
margin:0;
left:0
}
.c-pagination .c-pagination-content .c-pagination-resultsPerPage {
display:none
}
}
.applicationWrapperLegacy {
	height:100%;
	width:100%;
	padding-left:240px;
	padding-top:50px;
	overflow:hidden
}
.applicationWrapperLegacy .sideMenuLegacy {
	padding-top:22px;
	height:100vh;
	width:240px;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .3);
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, .3);
	z-index:100;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuLogo {
	position:absolute;
	top:16px;
	left:0;
	width:100%;
	height:20px;
	background-repeat:no-repeat;
	background-size:auto;
	background-position:50%;
	z-index:100
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuLogo.mobile {
	display:none;
	left:100%;
	width:48px
}
.applicationWrapperLegacy .sideMenuLegacy .menuNote {
	font-size:11px;
	color:rgba(0, 0, 0, .5);
	height:30px;
	width:100%;
	line-height:30px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	border-top:1px solid rgba(0, 0, 0, .2)
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer {
	width:100%;
	margin-top:48px
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer .menuSectionTitle {
	padding-left:16px;
	padding-bottom:2px;
	font-style:italic
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li {
	text-align:left
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li a {
	height:40px;
	padding-left:50px;
	display:block;
	line-height:40px
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li a:hover {
	text-decoration:underline
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li a .sideMenuIcons {
	position:absolute;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	left:16px;
	height:16px
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li .subLinkArea {
	max-height:0;
	overflow:hidden;
-webkit-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li .subLinkArea a {
	color:hsla(0, 0%, 100%, .5);
	background-color:#143c56
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li .subLinkArea a:hover {
	color:hsla(0, 0%, 100%, .9)
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li .subLinkArea a.active {
	color:#fff;
	text-decoration:underline
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li.active .main-link {
	background-color:#143c56;
	color:#fff
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li.active .main-link .sideMenuIcons {
	-webkit-filter:invert(100%);
	filter:invert(100%)
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuItemContainer li.active .subLinkArea {
	max-height:200px
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger {
	display:none;
	height:50px;
	width:60px;
	color:#000;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	cursor:pointer
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger>span {
	display:block;
	position:absolute;
	height:1px;
	width:20px;
	background:#000;
	border-radius:100px;
	opacity:1;
	left:50%;
	-webkit-transform:translateX(-50%) rotate(0deg);
	-ms-transform:translateX(-50%) rotate(0deg);
	transform:translateX(-50%) rotate(0deg);
-webkit-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger>span:first-child {
	top:17px
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger>span:nth-child(2), .applicationWrapperLegacy .sideMenuLegacy .mobileTrigger>span:nth-child(3) {
top:25px
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger>span:nth-child(4) {
top:33px
}
.applicationWrapperLegacy .sideMenuLegacy .mobileCloseOutside {
	width:100vw;
	height:100%;
	position:absolute;
	left:100%;
	top:0;
	opacity:0;
	pointer-events:none;
-webkit-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s;
	background-color:rgba(0, 0, 0, .7)
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileTrigger>span {
	background-color:#fff;
	height:1px
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileTrigger>span:first-child {
	top:28px;
	width:0;
	left:50%
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileTrigger>span:nth-child(2) {
-webkit-transform:translateX(-50%) rotate(45deg);
-ms-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg)
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileTrigger>span:nth-child(3) {
-webkit-transform:translateX(-50%) rotate(-45deg);
-ms-transform:translateX(-50%) rotate(-45deg);
transform:translateX(-50%) rotate(-45deg)
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileTrigger>span:nth-child(4) {
top:28px;
width:0;
left:50%
}
.applicationWrapperLegacy .mainContentWrapper {
	height:100%;
	width:100%;
	overflow:auto
}
@media (min-width:768px) and (max-width:1024px) {
.applicationWrapperLegacy {
padding-left:0
}
.applicationWrapperLegacy .sideMenuLegacy {
left:-240px;
-webkit-box-shadow:none;
box-shadow:none
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger {
display:block;
position:absolute;
left:100%;
top:0
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive {
left:0
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileCloseOutside {
opacity:1;
pointer-events:auto;
top:0
}
}
@media (max-width:767px) {
.applicationWrapperLegacy {
padding-left:0
}
.applicationWrapperLegacy .sideMenuLegacy {
-webkit-box-shadow:none;
box-shadow:none;
left:-240px
}
.applicationWrapperLegacy .sideMenuLegacy .mobileTrigger {
width:44px;
display:block;
position:absolute;
left:calc(100% + 50px);
top:0
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuLogo {
display:none
}
.applicationWrapperLegacy .sideMenuLegacy .sideMenuLogo.mobile {
display:block
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive {
left:0
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileCloseOutside {
opacity:1;
pointer-events:auto
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .mobileTrigger {
left:100%
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .sideMenuLogo {
left:0;
display:block;
width:100%
}
.applicationWrapperLegacy .sideMenuLegacy.mobileMenuActive .sideMenuLogo.mobile {
display:none
}
}
.c-topMenu-logo {
	height:30px;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%)
}
.globalTopMenu {
	width:100%;
	height:50px;
	padding:0 40px 0 35px;
	position:fixed;
	top:0;
	left:0;
	background-color:#00162e;
	z-index:1001;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center
}
.globalTopMenu .topMenuLogo {
	height:100%;
	width:50%;
	background-repeat:no-repeat;
	background-size:auto;
	background-position:0
}
.globalTopMenu .topMenuLogo.mobile {
	display:none
}
.globalTopMenu .c-topMenu-action {
	margin-left:auto
}
@media (max-width:767px) {
.globalTopMenu {
padding:8px 12px
}
.globalTopMenu .topMenuLogo {
display:none
}
.globalTopMenu .topMenuLogo.mobile {
display:block
}
}
.c-loginOuterContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100%;
	height:100vh
}
.c-loginOuterContainer .c-loginOuterContainer-logo {
	position:absolute;
	top:13px;
	left:19px
}
.c-loginOuterContainer .c-loginOuterContainer-content {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:center;
	align-items:center;
	width:560px;
	text-align:center
}
.c-loginOuterContainer .c-loginOuterContainer-content .c-loginOuterContainer-title {
	color:#000
}
.c-loginOuterContainer .c-loginOuterContainer-content .c-loginOuterContainer-description {
	margin-top:8px;
	margin-bottom:38px
}
.c-loginOuterContainer .c-loginOuterContainer-content .c-loginContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:right;
	align-items:right;
	width:calc(100% - 130px)
}
.c-loginOuterContainer .c-loginOuterContainer-content .c-loginContainer .c-loginContainer-inputElement, .c-loginOuterContainer .c-loginOuterContainer-content .c-loginContainer .c-loginContainer-inputElement>* {
	width:100%
}
.c-loginOuterContainer .c-loginOuterContainer-content .c-loginContainer .c-loginContainer-loginButton {
	margin-left:auto
}
.c-loginOuterContainer .c-loginOuterContainer-content .c-loginOuterContainer-inputPassword {
	margin-top:16px;
	margin-bottom:16px
}
.c-loginOuterContainer .c-loginOuterContainer-poweredBy {
	position:absolute;
	bottom:19px;
	left:0;
	width:100%;
	font-size:11px;
	font-weight:100;
	text-align:center;
	color:#000
}
div[class$=mapContainer]>div:first-child .gm-style :not(.gm-style-iw):not(.c-infoBox):not(.c-infoBox-headline) {
background-color:transparent!important;
border:0!important;
-webkit-box-shadow:none!important;
box-shadow:none!important
}
div[class$=mapContainer]>div:first-child .gm-style-iw {
font-size:0;
width:231px!important;
top:34px!important;
bottom:auto!important;
left:26px!important;
overflow:initial;
background-color:#fff;
border-radius:3px;
-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .4);
box-shadow:0 4px 10px 0 rgba(0, 0, 0, .4)
}
div[class$=mapContainer]>div:first-child .gm-style-iw:after {
content:"";
position:absolute;
top:100%;
left:50%;
-webkit-transform:perspective(1px) translateX(-50%);
transform:perspective(1px) translateX(-50%);
width:0;
height:0;
border-style:solid;
border-width:6px 6px 0;
border-color:#fff transparent transparent
}
div[class$=mapContainer]>div:first-child .gm-style-iw+div {
display:none
}
div[class$=mapContainer]>div:first-child .gm-style-iw>div {
width:100%;
overflow:hidden!important
}
div[class$=mapContainer]>div:first-child .gm-style-iw .searching {
text-align:center
}
div[class$=mapContainer]>div:first-child .gm-style-iw .c-infoBox {
overflow:hidden;
padding-bottom:16px
}
div[class$=mapContainer]>div:first-child .gm-style-iw .c-infoBox .c-infoBox-headline {
height:28px;
line-height:28px;
padding:0 12px;
color:#fff;
border-top-left-radius:3px;
border-top-right-radius:3px;
margin-bottom:8px;
background-color:#4bb3fd
}
div[class$=mapContainer]>div:first-child .gm-style-iw .c-infoBox .c-infoBox-children {
padding:0 12px;
margin-bottom:12px
}
div[class$=mapContainer]>div:first-child .gm-style-iw .c-infoBox .c-infoBox-rows .c-infoBox-row {
padding:0 12px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between
}
div[class$=mapContainer]>div:first-child .gm-style-iw .c-infoBox .c-infoBox-rows .c-infoBox-row:not(:last-child) {
margin-bottom:8px
}
div[class$=mapContainer]>div:first-child .gm-style-iw .c-infoBox .c-infoBox-actionLink {
padding:0 12px;
text-align:right;
color:#4bb3fd;
margin-top:16px;
margin-bottom:4px;
cursor:pointer
}
.dateWrapper .dateTimeHeadline {
	margin-bottom:6px;
	display:-ms-flexbox;
	display:flex
}
.dateWrapper .dateTimeHeadline .tooltip-container {
	margin-left:6px;
	-ms-flex-item-align:center;
	align-self:center
}
.dateWrapper .middleWrapper {
	display:inline-block;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit
}
.dateWrapper .middleWrapper:first-child {
	width:100%
}
.dateWrapper .middleWrapper.disabled .react-kronos .dateTimeInput {
	color:#abbec7;
	pointer-events:none;
	background-image:none
}
.dateWrapper .middleWrapper .react-kronos, .dateWrapper .middleWrapper .react-kronos .dateTimeInput {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
	width:100%
}
.dateWrapper .middleWrapper .react-kronos .dateTimeInput {
	height:40px;
	padding-left:14px;
	border:1px solid rgba(0, 0, 0, .2);
-webkit-transition:border .3s;
-o-transition:border .3s;
transition:border .3s;
	background-color:#fff;
	border-radius:3px;
	cursor:pointer;
	background-image:url(/backoffice/static/media/chevron.ce7b7550.svg);
	background-repeat:no-repeat;
	background-position:calc(100% - 12px) 50%;
	background-size:8px auto
}
.dateWrapper .middleWrapper .react-kronos .dateTimeInput.timeInput {
	padding-left:10px
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar {
	margin-top:6px;
	font-family:inherit;
	min-width:100%;
	width:260px;
	padding:20px 12px;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow:none;
	box-shadow:none;
	z-index:1000;
	-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3)
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar:after {
	content:"";
	position:absolute;
	bottom:100%;
	right:24px;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar * {
	font-family:inherit
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] {
width:100%;
margin-bottom:20px
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .arrow, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .title {
line-height:20px;
height:20px;
border:0;
margin:0;
font-size:16px;
font-weight:400;
color:#000;
text-transform:capitalize
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .arrow:hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .title:hover {
background-color:#4bb3fd;
color:#fff
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .arrow {
font-size:0;
line-height:20px
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .arrow:first-child:before {
content:"\25C4";
font-size:11px
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar>div[class^=nav-] .arrow:last-child:before {
content:"\25BA";
font-size:11px
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years {
	width:100%
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days>div[class^=today-], .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months>div[class^=today-], .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years>div[class^=today-] {
display:none
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years {
	width:calc(100% / 7 - 12px);
	border-radius:0;
	display:inline-block;
	border:0;
	border-radius:3px;
	margin:4px 6px;
	height:auto;
	font-size:13px;
	line-height:24px
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.base:not(.selected):hover, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.base:not(.selected):hover {
background-color:#4bb3fd;
color:#fff
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.past, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.future, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.past {
	background-color:#f6fafc;
	color:rgba(0, 0, 0, .7)
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months:not(.header), .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years:not(.header) {
color:rgba(0, 0, 0, .7);
line-height:16px;
padding:6px 0;
font-weight:400
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.header, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.header {
	color:rgba(0, 0, 0, .9);
	font-weight:600;
	font-size:13px;
	margin:4px 0;
	width:14.28571%
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.today, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.today {
	color:#4bb3fd
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.today.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.today.selected {
	color:#fff
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.outside-range, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.outside-range {
	color:rgba(0, 0, 0, .5);
	pointer-events:none
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .days.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .months.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .days .years.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .days.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .days.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months.selected, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years.selected {
	background-color:#143c56;
	color:#fff;
	-webkit-box-shadow:0 2px 6px 0 hsla(0, 0%, 67%, .5);
	box-shadow:0 2px 6px 0 hsla(0, 0%, 67%, .5)
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years {
	width:100%
}
.dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .months .years, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .months, .dateWrapper .middleWrapper .react-kronos .dateTimeCalendar .years .years {
	width:calc(100% / 4 - 12px);
	text-transform:uppercase;
	font-weight:600;
	color:rgba(0, 0, 0, .9)
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown {
	font-family:inherit;
	min-width:100%;
	width:80px;
	height:160px;
	border-radius:0;
	border:1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:0
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours {
	font-family:inherit;
	width:100%;
	height:100%;
	padding-right:0
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours::-webkit-scrollbar {
width:4px
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours::-webkit-scrollbar-thumb {
-webkit-box-shadow:none;
box-shadow:none;
border-radius:100px;
background-color:rgba(0, 0, 0, .1);
height:36px;
width:4px
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours::-webkit-scrollbar-track {
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
background-color:rgba(0, 0, 0, .05)
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours>.hours {
	font-family:inherit;
	display:block;
	border-radius:0;
	border:0;
	font-size:13px;
	line-height:20px;
	padding:10px 18px;
	text-align:left;
	color:rgba(0, 0, 0, .9)
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours>.hours.outside-range {
	display:none
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours>.hours:hover {
	background-color:#eaf2f6
}
.dateWrapper .middleWrapper .react-kronos .timeDropdown>.hours>.hours.selected {
	background-color:#4bb3fd;
	color:#fff
}
.dateWrapper .middleWrapper .react-kronos ::-webkit-input-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateWrapper .middleWrapper .react-kronos ::-moz-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateWrapper .middleWrapper .react-kronos :-ms-input-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateWrapper .middleWrapper .react-kronos :-moz-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateWrapper.error .middleWrapper .react-kronos .timeDropdown {
	border:1px solid rgba(255, 82, 82, .8)
}
.dateWrapper.inlineHeadline .middleWrapper {
	width:calc(27% - 8px)
}
.dateWrapper.inlineHeadline .middleWrapper:first-child {
	width:46%
}
.dateWrapper.inlineHeadline .middleWrapper .dateTimeHeadline {
	padding-left:18px;
	line-height:16px;
	color:#143c56;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:2px;
	position:absolute;
	top:12px;
	left:0;
	z-index:1
}
.dateWrapper.inlineHeadline .middleWrapper .react-kronos .dateTimeInput {
	height:64px;
	padding:30px 18px 12px
}
.dateWrapper.inlineHeadline .middleWrapper:not(:first-child) .dateTimeHeadline {
padding:0 8px
}
.dateWrapper.inlineHeadline .middleWrapper:not(:first-child) .react-kronos .dateTimeInput {
padding:30px 8px 12px
}
.dateWrapper.inputSmall .middleWrapper .react-kronos .dateTimeInput {
	padding-left:12px;
	height:28px
}
.dateWrapper.inputMedium .middleWrapper .react-kronos .dateTimeInput {
	padding-left:12px;
	height:32px
}
.dateWrapper.error .middleWrapper .react-kronos .dateTimeInput, .dateWrapper.error .middleWrapper .react-kronos .dateTimeInput:active, .dateWrapper.error .middleWrapper .react-kronos .dateTimeInput:focus, .dateWrapper.error .middleWrapper .react-kronos .dateTimeInput:hover {
	border:1px solid rgba(255, 82, 82, .8)
}
.dateTimeRangeWrapper .middleWrapper {
	display:inline-block;
	vertical-align:top;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit
}
.dateTimeRangeWrapper .middleWrapper:first-child {
	width:100%
}
.dateTimeRangeWrapper .middleWrapper.disabled {
	opacity:.5
}
.dateTimeRangeWrapper .middleWrapper.disabled .react-kronos .dateTimeInput {
	background-color:#eaf2f6;
	pointer-events:none
}
.dateTimeRangeWrapper .middleWrapper .react-kronos {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
	display:inline-block;
	margin-right:8px;
	width:100px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos:first-child {
	width:206px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos:last-child {
	margin-right:0
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
	height:40px;
	padding-left:18px;
	border:1px solid rgba(0, 0, 0, .2);
	width:100%;
-webkit-transition:border .3s;
-o-transition:border .3s;
transition:border .3s;
	background-color:#fff;
	border-radius:3px;
	cursor:pointer;
	background-image:url(/backoffice/static/media/chevron.ce7b7550.svg);
	background-repeat:no-repeat;
	background-position:calc(100% - 12px) 50%;
	background-size:8px auto
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput.timeInput {
	padding-left:10px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput:active, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput:focus, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput:hover {
	border:1px solid rgba(0, 0, 0, .8)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput.error, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput.error:active, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput.error:focus, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateTimeInput.error:hover {
	border:1px solid rgba(255, 82, 82, .8)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar {
	margin-top:6px;
	font-family:inherit;
	min-width:100%;
	width:280px;
	padding:20px 12px;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow:none;
	box-shadow:none;
	z-index:1000;
	-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar:after {
	content:"";
	position:absolute;
	bottom:100%;
	left:24px;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar * {
	font-family:inherit
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] {
width:100%;
margin-bottom:20px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .arrow, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .title {
line-height:20px;
height:20px;
border:0;
margin:0;
font-size:16px;
font-weight:400;
color:#000;
text-transform:capitalize
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .arrow:hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .title:hover {
background-color:#4bb3fd;
color:#fff
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .arrow {
font-size:0;
line-height:20px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .arrow:first-child:before {
content:"\25C4";
font-size:11px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar>div[class^=nav-] .arrow:last-child:before {
content:"\25BA";
font-size:11px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years {
	width:100%
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days>div[class^=today-], .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months>div[class^=today-], .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years>div[class^=today-] {
display:none
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years {
	width:calc(100% / 7 - 8px);
	border-radius:0;
	display:inline-block;
	border:0;
	border-radius:3px;
	margin:4px;
	height:auto;
	font-size:13px;
	line-height:24px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.base:not(.selected):hover, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.base:not(.selected):hover {
background-color:#4bb3fd;
color:#fff
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.past, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.future, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.past {
	background-color:#f6fafc;
	color:rgba(0, 0, 0, .7)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months:not(.header), .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years:not(.header) {
color:rgba(0, 0, 0, .7);
line-height:16px;
padding:6px 0;
font-weight:400
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.header, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.header {
	color:rgba(0, 0, 0, .9);
	font-weight:600;
	font-size:13px;
	margin:4px 0;
	width:14.28571%
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.today, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.today {
	color:#4bb3fd
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.today.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.today.selected {
	color:#fff
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.outside-range, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.outside-range {
	color:rgba(0, 0, 0, .5);
	pointer-events:none
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .days.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .months.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .days .years.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .days.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .days.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months.selected, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years.selected {
	background-color:#4bb3fd;
	color:#fff;
	-webkit-box-shadow:0 2px 6px 0 hsla(0, 0%, 67%, .5);
	box-shadow:0 2px 6px 0 hsla(0, 0%, 67%, .5)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years {
	width:100%
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .months .years, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .months, .dateTimeRangeWrapper .middleWrapper .react-kronos .dateCalendar .years .years {
	width:calc(100% / 4 - 12px);
	text-transform:uppercase;
	font-weight:600;
	color:rgba(0, 0, 0, .9)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar {
	font-family:inherit;
	min-width:100%;
	width:80px;
	height:160px;
	border-radius:0;
	border:1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:0;
	margin-top:4px;
	border-radius:3px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours {
	font-family:inherit;
	width:100%;
	height:100%;
	padding-right:0
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours::-webkit-scrollbar {
width:4px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours::-webkit-scrollbar-thumb {
-webkit-box-shadow:none;
box-shadow:none;
border-radius:100px;
background-color:rgba(0, 0, 0, .1);
height:36px;
width:4px
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours::-webkit-scrollbar-track {
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
background-color:rgba(0, 0, 0, .05)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours>.hours {
	font-family:inherit;
	display:block;
	border-radius:0;
	border:0;
	font-size:13px;
	line-height:20px;
	padding:10px 18px;
	text-align:left;
	color:rgba(0, 0, 0, .9)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours>.hours.outside-range {
	display:none
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours>.hours:hover {
	background-color:#eaf2f6
}
.dateTimeRangeWrapper .middleWrapper .react-kronos .timeCalendar>.hours>.hours.selected {
	background-color:#4bb3fd;
	color:#fff
}
.dateTimeRangeWrapper .middleWrapper .react-kronos ::-webkit-input-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos ::-moz-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos :-ms-input-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateTimeRangeWrapper .middleWrapper .react-kronos :-moz-placeholder {
color:rgba(0, 0, 0, .5)
}
.dateTimeRangeWrapper.error .middleWrapper .react-kronos .timeDropdown {
	border:1px solid rgba(255, 82, 82, .8)
}
.dateTimeRangeWrapper.inputSmall .middleWrapper .react-kronos .dateTimeInput {
	padding-left:12px;
	height:28px
}
.dateTimeRangeWrapper.inputMedium .middleWrapper .react-kronos .dateTimeInput {
	padding-left:12px;
	height:32px
}
.dateTimeRangeWrapper.error .middleWrapper .react-kronos .dateTimeInput, .dateTimeRangeWrapper.error .middleWrapper .react-kronos .dateTimeInput:active, .dateTimeRangeWrapper.error .middleWrapper .react-kronos .dateTimeInput:focus, .dateTimeRangeWrapper.error .middleWrapper .react-kronos .dateTimeInput:hover {
	border:1px solid rgba(255, 82, 82, .8)
}
.c-timeRange {
	text-align:left;
	display:inline-block;
	width:100px
}
.c-timeRange .inputContainer {
	width:100%
}
.c-timeRange .inputContainer * {
	cursor:pointer
}
.c-timeRange .c-timeRange-chevron {
	position:absolute;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	right:12px;
	width:8px;
-webkit-transition:all .2s;
-o-transition:all .2s;
transition:all .2s
}
.c-timeRange .c-timeRange-backdrop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	display:none
}
.c-timeRange.open .c-timeRange-chevron {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-top:-2px
}
.c-timeRange.open .c-timeRange-backdrop {
	display:block
}
.c-timeRange.open .c-timeRange-dropdown {
	opacity:1;
	pointer-events:auto
}
.c-timeRange .c-timeRange-dropdown {
	width:auto;
	position:absolute;
	top:calc(100% + 8px);
	left:0;
	border-radius:3px;
	-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .3);
	background-color:#fff;
	padding:20px 16px;
	z-index:6;
	opacity:0;
	pointer-events:none;
-webkit-transition:opacity .2s;
-o-transition:opacity .2s;
transition:opacity .2s
}
.c-timeRange .c-timeRange-dropdown:after {
	content:"";
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff;
	position:absolute;
	bottom:100%;
	left:24px
}
.c-timeRange .c-timeRange-dropdown .c-timeRange-dropdown-headline {
	margin-bottom:20px
}
.c-timeRange .c-timeRange-dropdown .c-timeRange-dropdown-ranges {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.c-timeRange .c-timeRange-dropdown .c-timeRange-dropdown-ranges .c-timeRange-dropdown-range {
	cursor:pointer;
	text-align:center;
	padding:16px 12px;
	background-color:#f6fafc;
	border-radius:3px;
-webkit-transition:color .15s, background-color .15s;
-o-transition:color .15s, background-color .15s;
transition:color .15s, background-color .15s;
	white-space:nowrap
}
.c-timeRange .c-timeRange-dropdown .c-timeRange-dropdown-ranges .c-timeRange-dropdown-range:not(:last-child) {
margin-right:12px
}
.c-timeRange .c-timeRange-dropdown .c-timeRange-dropdown-ranges .c-timeRange-dropdown-range.active, .c-timeRange .c-timeRange-dropdown .c-timeRange-dropdown-ranges .c-timeRange-dropdown-range:hover {
	background-color:#00162e;
	color:#fff
}
.creditCardOuterContainer #cardContainer {
	border:1px solid rgba(0, 0, 0, .2);
	background-color:#fff;
	padding-left:12px;
	border-radius:3px;
	margin-top:12px
}
.creditCardOuterContainer #cardContainer:focus, .creditCardOuterContainer #cardContainer:hover {
	border:1px solid rgba(0, 0, 0, .8)
}
.creditCardOuterContainer.modal {
	width:900px;
	height:600px;
	z-index:1;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	overflow:hidden
}
.creditCardOuterContainer.modal .backgroundsContainer {
	position:static
}
.creditCardOuterContainer.modal .oval {
	position:absolute;
	left:145px;
	top:-758px;
	width:1156px;
	height:1156px;
	background-color:#f7f7f7;
	border-radius:50%
}
.creditCardOuterContainer.modal .background {
	position:absolute;
	right:40px;
	bottom:0
}
.creditCardOuterContainer.modal .stripe {
	position:absolute;
	left:20px;
	bottom:16px
}
.creditCardOuterContainer.modal .close {
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	z-index:10000
}
.creditCardOuterContainer.modal .innerContainer {
	height:100%;
	padding-top:30px;
	padding-left:63px;
	width:412px
}
.creditCardOuterContainer.inlineStyling .innerContainer .informationContainer .buttonContainer {
	float:right;
	width:auto
}
.creditCardOuterContainer.inlineStyling .stripe {
	position:absolute;
	bottom:-60px
}
.creditCardOuterContainer.inlineStyling .innerContainer .cards {
	margin-top:-30px;
	margin-bottom:20px
}
.creditCardOuterContainer .innerContainer .cards {
	text-align:right;
	margin-top:30px
}
.creditCardOuterContainer .innerContainer .cards .card {
	width:27px;
	height:auto;
	margin-left:8px;
	opacity:1;
-webkit-transition:opacity .15s;
-o-transition:opacity .15s;
transition:opacity .15s
}
.creditCardOuterContainer .innerContainer .cards.americanExpress :not(.americanExpress), .creditCardOuterContainer .innerContainer .cards.masterCard :not(.masterCard), .creditCardOuterContainer .innerContainer .cards.none .card, .creditCardOuterContainer .innerContainer .cards.visa :not(.visa) {
opacity:.3
}
.creditCardOuterContainer .innerContainer .description {
	margin-top:8px
}
.creditCardOuterContainer .innerContainer .informationContainer {
	width:100%
}
.creditCardOuterContainer .innerContainer .informationContainer .addCard {
	max-width:200px
}
.creditCardOuterContainer .innerContainer .informationContainer>.inputContainer {
	margin-top:12px;
	width:100%
}
.creditCardOuterContainer .innerContainer .informationContainer>.inputContainer:first-child {
	margin-top:8px
}
.creditCardOuterContainer .innerContainer .informationContainer .buttonContainer {
	margin-top:28px;
	width:100%
}
@media (min-width:768px) and (max-width:1024px) {
.creditCardOuterContainer {
max-width:calc(100vw - 20px);
margin:0 10px;
overflow:hidden
}
.creditCardOuterContainer.inlineStyling {
margin:0
}
}
@media (max-width:767px) {
.creditCardOuterContainer.modal {
width:calc(100vw - 20px);
margin:0 10px;
padding:20px 20px 34px;
height:auto
}
.creditCardOuterContainer.modal .backgroundsContainer .background {
display:none
}
.creditCardOuterContainer.modal .innerContainer {
width:100%;
padding:0 0 36px
}
.creditCardOuterContainer .innerContainer .informationContainer {
width:100%
}
}
.applicationWrapper .dashboardContent {
	max-height:100vh;
	max-width:100vw;
	padding-left:240px;
	padding-top:50px;
	overflow:hidden;
-webkit-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
	height:100vh
}
.applicationWrapper .dashboardContent>div {
	width:100%;
	height:calc(100vh - 50px);
	overflow:auto;
	-webkit-overflow-scrolling:touch
}
.applicationWrapper .expanded .dashboardContent {
	padding-left:50px
}
@media (min-width:768px) and (max-width:1024px) {
.backOfficeContainer .dashboardContent {
padding-left:0;
padding-top:0
}
.backOfficeContainer .dashboardContent>div {
padding-top:50px;
height:100%
}
}
@media (max-width:767px) {
.backOfficeContainer .dashboardContent {
padding-left:0;
padding-top:0
}
.backOfficeContainer .dashboardContent>div {
padding-top:50px;
height:100%
}
}
.dashboardMenu {
	height:100vh;
	width:240px;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .3);
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, .3);
	z-index:100;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
.dashboardMenu .dashboardLogo {
	position:absolute;
	top:16px;
	left:0;
	width:100%;
	height:20px;
	background-repeat:no-repeat;
	background-size:auto;
	background-position:50%;
	z-index:100;
	background-image:url(/backoffice/static/media/logo.eb976eaf.svg)
}
.dashboardMenu .poweredBy {
	font-size:11px;
	color:rgba(0, 0, 0, .5);
	height:30px;
	width:100%;
	line-height:30px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	border-top:1px solid rgba(0, 0, 0, .2)
}
.dashboardMenu .dashboardMenuItemContainer {
	height:100%;
	width:100%;
	padding-top:71px
}
.dashboardMenu .dashboardMenuItemContainer li a {
	height:40px;
	padding-left:50px;
	font-size:14px;
	display:block;
	line-height:40px;
	font-weight:300
}
.dashboardMenu .dashboardMenuItemContainer li a:hover {
	text-decoration:underline
}
.dashboardMenu .dashboardMenuItemContainer li a .dashboardMenuIcons {
	position:absolute;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	left:16px;
	height:16px
}
.dashboardMenu .dashboardMenuItemContainer li .subLinkArea {
	max-height:0;
	overflow:hidden;
-webkit-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}
.dashboardMenu .dashboardMenuItemContainer li .subLinkArea a {
	color:hsla(0, 0%, 100%, .4);
	font-size:12px;
	background-color:#103044!important
}
.dashboardMenu .dashboardMenuItemContainer li .subLinkArea a:hover {
	color:hsla(0, 0%, 100%, .8)
}
.dashboardMenu .dashboardMenuItemContainer li .subLinkArea a.active {
	color:#fff;
	text-decoration:underline
}
.dashboardMenu .dashboardMenuItemContainer li.active .main-link {
	background-color:#143c56;
	color:#fff
}
.dashboardMenu .dashboardMenuItemContainer li.active .main-link .dashboardMenuIcons {
	-webkit-filter:invert(100%);
	filter:invert(100%)
}
.dashboardMenu .dashboardMenuItemContainer li.active .subLinkArea {
	max-height:200px
}
.dashboardMenu .mobileTrigger {
	display:none;
	height:50px;
	width:60px;
	color:#000;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	cursor:pointer
}
.dashboardMenu .mobileTrigger>span {
	display:block;
	position:absolute;
	height:1px;
	width:20px;
	background:#000;
	border-radius:100px;
	opacity:1;
	left:50%;
	-webkit-transform:translateX(-50%) rotate(0deg);
	-ms-transform:translateX(-50%) rotate(0deg);
	transform:translateX(-50%) rotate(0deg);
-webkit-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
.dashboardMenu .mobileTrigger>span:first-child {
	top:17px
}
.dashboardMenu .mobileTrigger>span:nth-child(2), .dashboardMenu .mobileTrigger>span:nth-child(3) {
top:25px
}
.dashboardMenu .mobileTrigger>span:nth-child(4) {
top:33px
}
.dashboardMenu .mobileCloseOutside {
	width:100vw;
	height:100%;
	position:absolute;
	left:100%;
	top:0;
	opacity:0;
	pointer-events:none;
-webkit-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s;
	background-color:rgba(0, 0, 0, .7)
}
.dashboardMenu.mobileMenuActive .mobileTrigger>span {
	background-color:#fff;
	height:1px
}
.dashboardMenu.mobileMenuActive .mobileTrigger>span:first-child {
	top:28px;
	width:0;
	left:50%
}
.dashboardMenu.mobileMenuActive .mobileTrigger>span:nth-child(2) {
-webkit-transform:translateX(-50%) rotate(45deg);
-ms-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg)
}
.dashboardMenu.mobileMenuActive .mobileTrigger>span:nth-child(3) {
-webkit-transform:translateX(-50%) rotate(-45deg);
-ms-transform:translateX(-50%) rotate(-45deg);
transform:translateX(-50%) rotate(-45deg)
}
.dashboardMenu.mobileMenuActive .mobileTrigger>span:nth-child(4) {
top:28px;
width:0;
left:50%
}
@media (min-width:768px) and (max-width:1024px) {
.dashboardMenu {
left:-240px;
-webkit-box-shadow:none;
box-shadow:none
}
.dashboardMenu .mobileTrigger {
display:block;
position:absolute;
left:100%
}
.dashboardMenu .dashboardMenuItemContainer {
height:100%;
width:100%;
padding-top:71px
}
.dashboardMenu.mobileMenuActive {
left:0
}
.dashboardMenu.mobileMenuActive .mobileCloseOutside {
opacity:1;
pointer-events:auto
}
}
@media (max-width:767px) {
.dashboardMenu {
-webkit-box-shadow:none;
box-shadow:none;
left:-240px
}
.dashboardMenu .mobileTrigger {
width:44px;
display:block;
position:absolute;
left:calc(100% + 50px)
}
.dashboardMenu .dashboardLogo {
left:100%;
background-image:url(/backoffice/static/media/logoM.8305347a.svg);
width:48px
}
.dashboardMenu .dashboardMenuItemContainer {
height:100%;
width:100%;
padding-top:71px
}
.dashboardMenu.mobileMenuActive {
left:0
}
.dashboardMenu.mobileMenuActive .mobileCloseOutside {
opacity:1;
pointer-events:auto
}
.dashboardMenu.mobileMenuActive .mobileTrigger {
left:100%
}
.dashboardMenu.mobileMenuActive .dashboardLogo {
left:0;
background-image:url(/backoffice/static/media/logo.eb976eaf.svg);
width:100%
}
}
.formOuterContainer {
	width:100%;
	display:inline-block
}
.formOuterContainer .infoCard {
	position:relative;
	padding:14px 16px 14px 56px;
	border-top:3px solid;
	border-radius:3px;
	-webkit-box-shadow:0 1px 4px rgba(3, 3, 3, .2);
	box-shadow:0 1px 4px rgba(3, 3, 3, .2);
	background:#fff5e0;
	border-top-color:#fa0;
	margin-bottom:24px
}
.formOuterContainer .infoCard svg {
	position:absolute;
	top:18px;
	left:18px;
	width:22px;
	height:22px;
	color:#640
}
.formOuterContainer .infoCard .infoCardContent {
	font-size:16px
}
.formOuterContainer .infoCard .infoCardContent .infoCardHeading {
	font-weight:600;
	color:#640;
	font-size:16px
}
.formOuterContainer .orderContent {
	display:inline-block;
	width:calc(100% - 340px);
	padding:20px 21px 0
}
.formOuterContainer .orderContent .productContainer {
	margin-bottom:10px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.formOuterContainer .orderContent .productContainer>div:first-child {
	margin-right:10px
}
.formOuterContainer .orderContent .productContainer>div:last-child {
	margin-left:10px
}
.formOuterContainer .orderContent .contentBox {
	width:100%;
	padding-right:40px
}
.formOuterContainer .orderContent .error {
	font-style:italic;
	color:#ff5252
}
.formOuterContainer>div {
	vertical-align:top
}
@media (min-width:2100px) {
.formOuterContainer .orderContent {
padding:25px 40px;
width:calc(100% - 440px)
}
}
@media (min-width:768px) and (max-width:1440px) {
.formOuterContainer {
padding:20px
}
.formOuterContainer .orderContent {
padding:0;
width:calc(100% - 250px)
}
.formOuterContainer .summaryOuterContainer {
width:250px
}
}
@media (max-width:767px) {
.formOuterContainer .orderContent {
width:100%;
padding:12px 12px 4px
}
.formOuterContainer .orderContent .productContainer {
-ms-flex-direction:column;
flex-direction:column
}
.formOuterContainer .orderContent .productContainer>div {
width:"100%"
}
.formOuterContainer .orderContent .productContainer>div:first-child {
margin-right:0;
margin-bottom:5px
}
.formOuterContainer .orderContent .productContainer>div:last-child {
margin-left:0
}
.formOuterContainer .summaryOuterContainer {
 
}
}
.dashboardTopMenuOuterContainer {
	margin-top:50px
}
.dashboardTopMenu {
	width:100%;
	display:-ms-flexbox;
	display:flex;
	height:50px;
	padding:0 12px 0 277px;
	-webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, .3);
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, .3);
	position:fixed;
	top:0;
	left:0;
	background-color:#ebebeb;
	z-index:99
}
.dashboardTopMenu>div {
	display:inline-block;
	line-height:50px
}
.dashboardTopMenu .pageTitle {
	color:#000
}
.dashboardTopMenu .pageTitle .loadingText {
	margin-left:16px;
	padding-right:40px
}
.dashboardTopMenu .pageTitle .loadingText:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-13px;
	margin-left:-13px;
-webkit-animation:fade-in .3s ease both, spin .6s linear infinite;
animation:fade-in .3s ease both, spin .6s linear infinite;
	height:26px;
	width:26px;
	border:4px solid transparent;
	border-radius:50%;
	border-top-color:#000
}
.dashboardTopMenu .topButtonContainer {
	margin-left:auto;
	width:50%;
	height:100%;
	line-height:50px;
	border-bottom-right-radius:16px;
	border-bottom-left-radius:16px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.dashboardTopMenu .topButtonContainer .mobileButton {
	padding:0 16px;
	height:32px;
	line-height:32px;
	border-radius:16px;
	color:#fff;
	background-color:#333;
	cursor:pointer;
	-webkit-box-shadow:none;
	box-shadow:none;
	display:none
}
.dashboardTopMenu .topButtonContainer .mobileButton .chevron {
	margin-left:8px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	top:-1px
}
.dashboardTopMenu .topButtonContainer.open .mobileButton .chevron {
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0)
}
.dashboardTopMenu .topButtonContainer .container {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center
}
.dashboardTopMenu .topButtonContainer .container>:not(:first-child) {
margin-left:12px
}
.dashboardTopMenu .topButtonContainer .container>* .inputDefault {
	top:-5px
}
.dashboardTopMenu .topButtonContainer .container>.dateWrapper {
	display:inline-block;
	width:300px
}
.dashboardTopMenu .topButtonContainer .buttonContainerHeadline {
	background-color:#4bb3fd;
	border-radius:16px;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size:14px;
	font-weight:400;
	padding:0 35px 0 15px;
	cursor:pointer;
	display:none
}
.dashboardTopMenu .topButtonContainer .buttonContainerHeadline:after {
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	border-style:solid;
	border-width:1.5px 1.5px 0 0;
	height:7px;
	width:7px;
	-webkit-transform:rotate(135deg) perspective(1px) translateY(65%);
	transform:rotate(135deg) perspective(1px) translateY(65%)
}
@media (min-width:768px) and (max-width:1024px) {
.dashboardTopMenu, .dashboardTopMenu .topButtonContainer {
padding:0 20px
}
.dashboardTopMenu .topButtonContainer .container {
right:20px
}
}
@media (max-width:767px) {
.dashboardTopMenu {
padding:0 12px
}
.dashboardTopMenu .pageTitle {
display:none
}
.dashboardTopMenu .topButtonContainer {
padding:0 12px
}
.dashboardTopMenu .topButtonContainer:not(.singleChild) .container {
right:12px
}
.dashboardTopMenu .topButtonContainer:not(.singleChild) .container>* {
width:100%
}
}
@media (max-width:1023px) {
.dashboardTopMenu .pageTitle {
width:100%;
text-align:center
}
.dashboardTopMenu .topButtonContainer {
float:none;
width:auto;
position:absolute;
right:0;
top:5px;
height:50px
}
.dashboardTopMenu .topButtonContainer .mobileButton {
width:100%;
display:inline-block;
vertical-align:center;
top:4px
}
.dashboardTopMenu .topButtonContainer .container {
-ms-flex-direction:column;
flex-direction:column
}
.dashboardTopMenu .topButtonContainer .container .buttonContainer {
margin-left:0
}
.dashboardTopMenu .topButtonContainer .container .buttonContainer:not(:first-child) {
margin-top:8px
}
.dashboardTopMenu .topButtonContainer.singleChild .mobileButton {
display:none
}
.dashboardTopMenu .topButtonContainer.singleChild .container .dateWrapper {
width:230px
}
.dashboardTopMenu .topButtonContainer:not(.singleChild) .container {
opacity:0;
pointer-events:none;
padding:12px;
width:180px;
position:absolute;
top:100%;
background-color:#fff;
border-radius:16px;
-webkit-box-shadow:0 2px 8px 2px rgba(0, 0, 0, .4);
box-shadow:0 2px 8px 2px rgba(0, 0, 0, .4)
}
.dashboardTopMenu .topButtonContainer.noChildren {
display:none
}
.dashboardTopMenu .topButtonContainer.open .container {
opacity:1;
pointer-events:auto
}
}
.row {
	width:100%;
	display:inline-block;
	padding-bottom:22px;
	background-color:#fff
}
.row .dragHandle {
	position:absolute;
	left:-16px;
	top:66px;
	cursor:pointer;
	width:20px
}
.row .dragHandle span {
	width:4px;
	height:4px;
	background-color:#ccc;
	display:block;
	border-radius:50%;
	margin-bottom:4px
}
.row>div {
	vertical-align:top
}
.row .remove {
	position: absolute;
	top: 3px;
	right: 7px;
	cursor: pointer;
}
.row .deliveryType {
	width:100%;
	margin-bottom:12px
}
.row .deliveryType .addressNumber {
	font-size:14px;
	margin-right:40px
}
.row .deliveryType .addressNumber, .row .deliveryType .radio {
	display:inline-block;
	vertical-align:top
}
.row .address {
	width:60%
}
.row .contactPerson, .row .contactPersonPhone {
	margin-left:8px;
	width:calc(20% - 8px)
}
.row .instructions {
	margin-top:12px;
	width:60%
}
.row .inputRightContainer {
	margin-top:12px;
	margin-left:8px;
	display:inline-block;
	width:calc(40% - 8px)
}
.row .company, .row .reference {
	width:calc(50% - 4px)
}
.row .reference {
	margin-left:8px
}
.row .datePickerContainer {
	margin-top:12px
}
.row .datePickerContainer .earliestArrivalDate {
	top:0;
	margin-top:0;
	padding-top:0;
	display:inline-block;
	width:calc(49.5% - 0px)
}
.row .datePickerContainer .earliestArrivalRange {
	margin-left:8px;
	display:inline-block;
	width:calc(37% - 4px)
}
.row .datePickerContainer .latestArrivalRange {
	margin-left:7px;
	display:inline-block;
	width:calc(37% - 4px)
}
.row .datePickerContainer .estimateTimeRange {
	width:100%
}
.row .pickupDate {
	display:inline-block;
	margin-top:12px;
	width:100%
}
.row .pickupDate .dateTimeWrapper {
	width:100%
}
.row .checkboxContainer .checkbox {
	display:inline-block;
	margin-right:22px;
	margin-top:12px
}
.addNewStop {
	position:relative;
	bottom:0px;
	left:0;
	font-style:italic;
	color:#143c56;
	display:inline-block;
	cursor:pointer;float: right;
}
@media (min-width:2100px) {
.row .inputRightContainer {
 margin-top: 12px;
margin-left: 0px;
display: inline-block;
width: 100%;
}
.row .company, .row .reference {
width:calc(50% - 6px)
}
.row .reference {
margin-left:12px
}
.row .pickupDate {
display:inline-block;
margin-top:12px;
width:100%
}
.row .pickupDate .dateTimeWrapper {
width:100%
}
.row .contactPerson, .row .contactPersonPhone {
margin-left:0px;
width:100%;
}
.row .address {
	width: 100%;
}


.row .instructions {
margin-top:12px;
width:60%
}
.row .addNewStop {
bottom:-16px
}
}
@media (min-width:768px) and (max-width:3000px) {
.row .selectContainer, .row .textareaContainer {
width:100%;
margin-bottom:8px
}
.row .inputContainer {
margin-left:0;
width:calc(100% - 0px)
}
.row .contactPersonPhone {
margin-left:0px
}
.row .inputRightContainer {
margin-top:0;
margin-left:0;
width:100%
}
.row .inputRightContainer .inputContainer {
margin-left:0;
width:calc(100% - 0px)
}
.row .inputRightContainer .datePickerContainer .inputContainer {
width:100%
}
.row .inputRightContainer .reference {
margin-left:8px
}
}
@media (max-width:767px) {
.row {
width:100%;
display:inline-block;
padding-bottom:22px
}
.row>div {
margin-bottom:8px
}
.row .deliveryType {
width:100%;
margin-bottom:12px
}
.row .address {
width:100%
}
.row .inputRightContainer {
margin-top:0;
margin-left:0;
display:inline-block;
width:100%
}
.row .inputRightContainer .datePickerContainer .earliestArrivalDate, .row .inputRightContainer .datePickerContainer .earliestArrivalRange {
width:calc(50% - 4px)
}
.row .inputRightContainer .datePickerContainer .latestArrivalRange {
margin-top:12px;
margin-left:0;
width:100%
}
.row .company {
margin-top:0;
margin-left:0;
width:100%
}
.row .reference {
margin-top:12px;
margin-left:0;
width:100%
}
.row .pickupDate {
display:inline-block;
margin-top:12px;
width:100%
}
.row .pickupDate .dateTimeWrapper {
width:100%
}
.row .contactPerson, .row .contactPersonPhone {
margin-left:0;
width:100%
}
.row .instructions {
margin-top:0;
width:100%
}
}
.selectContainer.addressContainer.selectSmall .selectWrapper .icon {
	width:8px;
	margin-top:8px
}
.selectContainer.addressContainer.selectSmall .selectWrapper .react-selectize .react-selectize-placeholder, .selectContainer.addressContainer.selectSmall .selectWrapper .react-selectize .react-selectize-search-field-and-selected-values, .selectContainer.addressContainer.selectSmall .selectWrapper .react-selectize .value-wrapper {
	padding-left:26px
}
.selectContainer.addressContainer.selectSmall .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	height:28px
}
.selectContainer.addressContainer.selectMedium .selectWrapper .icon {
	width:10px;
	margin-top:9px
}
.selectContainer.addressContainer.selectMedium .selectWrapper .react-selectize .react-selectize-placeholder, .selectContainer.addressContainer.selectMedium .selectWrapper .react-selectize .react-selectize-search-field-and-selected-values, .selectContainer.addressContainer.selectMedium .selectWrapper .react-selectize .value-wrapper {
	padding-left:14px
}
.selectContainer.addressContainer.selectMedium .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	height:32px
}
.selectContainer.addressContainer.selectLarge .selectWrapper.address-input .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	height:40px
}
.selectContainer.addressContainer.selectLarge .selectWrapper.address-input .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper .simple-value {
	margin-top:-2px
}
.selectContainer.addressContainer .selectWrapper {
	text-align:left
}
.selectContainer.addressContainer .selectWrapper .icon {
	position:absolute;
	width:16px;
	margin-left:12px;
	margin-top:9px;
	z-index:1;
	pointer-events:none
}
.selectContainer.addressContainer .selectWrapper .icon img {
	width:100%
}
.selectContainer.addressContainer .selectWrapper .react-selectize .react-selectize-toggle-button-container {
	display:none!important
}
.selectContainer.addressContainer .selectWrapper .react-selectize .react-selectize-reset-button-container {
	right:10px!important
}
.selectContainer.addressContainer .selectWrapper .react-selectize .react-selectize-search-field-and-selected-values .value-wrapper .simple-value {
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	width:100%
}
.selectContainer.addressContainer .selectWrapper .react-selectize .react-selectize-search-field-and-selected-values .value-wrapper .simple-value span {
	margin-left:4px
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option-wrapper.highlight, .selectContainer.addressContainer .selectWrapper .react-selectize .option-wrapper:hover {
	background-color:#f7f7f7
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option-wrapper .optionHeader {
	padding:8px 19px;
	cursor:default;
	font-size:13px;
	font-weight:700;
	background-color:#f1f1f1;
	color:rgba(0, 0, 0, .5)
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option .icon-option {
	position:absolute;
	margin-top:5px
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option .icon-option img {
	height:22px;
	width:16px
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option .text-container {
	padding-left:30px
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option .text-container .main-text {
	font-size:14px
}
.selectContainer.addressContainer .selectWrapper .react-selectize .option .text-container .secondary-text {
	font-size:12px;
	font-style:italic
}
.selectContainer.addressContainer.inlineHeadline .selectHeadline {
	padding-left:52px
}
.selectContainer.addressContainer.inlineHeadline .selectWrapper .icon {
	margin:0;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	left:16px;
	width:20px
}
.selectContainer.addressContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-placeholder {
	padding-left:52px
}
.selectContainer.addressContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values {
	padding:30px 38px 12px 52px;
	height:64px
}
.selectContainer.addressContainer.inlineHeadline .selectWrapper .react-selectize .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
	padding-left:52px
}
.vehicleWeightInfo {
	margin-bottom:3px
}
.vehicleTypeHeadline {
	margin-top:10px;
	margin-bottom:3px
}
.vehicleTypeContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-align:center;
	align-items:center
}
.vehicleTypeContainer>div:first-child {
	margin-right:5px
}
.vehicleContainer {
	width:100%
}
.vehicleContainer .error, .vehicleContainer .error:active, .vehicleContainer .error:focus, .vehicleContainer .error:hover {
	border:1px solid rgba(255, 82, 82, .8)!important
}
.vehicleContainer .vehicle {
	cursor:pointer;
	display:inline-block;
	padding:8px 16px;
	background-color:#f7f7f7;
	border:1px solid rgba(0, 0, 0, .15);
	width:calc((100% - 32px) / 3);
-webkit-transition:all .15s;
-o-transition:all .15s;
transition:all .15s;
	-webkit-box-shadow:0;
	box-shadow:0;
	height:100%;
	vertical-align:top;
	border-radius:3px
}
.vehicleContainer .vehicle:active, .vehicleContainer .vehicle:hover {
	top:-2px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, .12);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .12)
}
.vehicleContainer .vehicle:not(:first-child) {
margin-left:16px
}
.vehicleContainer .vehicle .vehicleType {
	display:inline-block
}
.vehicleContainer .vehicle .vehicleType>* {
	display:inline-block;
	vertical-align:middle
}
.vehicleContainer .vehicle .vehicleType .vehicleInfo {
	margin-left:22px;
	margin-top:3px;
	display:block
}
.vehicleContainer .vehicle .vehicleType .invalidWeight {
	color:#ff5252
}
.vehicleContainer .vehicle .vehicleType .vehicleTypeHeadline {
	margin:0 8px
}
.vehicleContainer .vehicle .vehicleType:before {
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	vertical-align:bottom;
	content:"";
	display:inline-block;
	height:14px;
	width:14px;
	border:1px solid rgba(20, 60, 86, .5);
	border-radius:50%;
	background-color:#fff;
-webkit-transition:border .2s;
-o-transition:border .2s;
transition:border .2s
}
.vehicleContainer .vehicle .vehicleType.checked:before {
	border:4px solid #143c56
}
@media (max-width:767px) {
.vehicleContainer .vehicle, .vehicleWeightSelection {
width:100%
}
.vehicleContainer .vehicle:not(:first-child) {
margin-left:0;
margin-top:8px
}
.vehicleContainer .vehicle .vehicleType .vehicleTypeHeadline {
font-size:20px
}
.vehicleContainer .vehicle .vehicleType:before {
top:auto;
vertical-align:middle;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.tooltip-headline {
	margin-bottom:6px
}
.tooltip-container {
	height:14px;
	width:14px;
	background-image:url(/backoffice/static/media/i-icon.812753b2.svg);
	background-repeat:no-repeat;
	background-size:cover;
	z-index:10
}
.tooltip-container.activeTooltip {
	z-index:9999
}
.tooltip-container .tooltip-backdrop, .tooltip-container .tooltip-close {
	display:none
}
.tooltip-container .__react_component_tooltip {
	padding:20px 20px 26px;
	font-size:inherit;
	border:1px solid #eaf2f6;
	width:300px;
	-webkit-box-shadow:1px 1px 4px 0 rgba(28, 61, 102, .5);
	box-shadow:1px 1px 4px 0 rgba(28, 61, 102, .5)
}
.tooltip-container .__react_component_tooltip.type-dark {
	background-color:#143c56;
	border:1px solid #143c56
}
.tooltip-container .__react_component_tooltip.type-dark * {
	color:#fff!important
}
.tooltip-container .__react_component_tooltip.show {
	opacity:1
}
@media (max-width:767px) {
.tooltip-container:before {
content:"";
position:relative
}
.tooltip-container.activeTooltip .tooltip-backdrop {
display:-ms-flexbox;
display:flex;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0, 0, 0, .4);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
pointer-events:none
}
.tooltip-container.activeTooltip .__react_component_tooltip .tooltip-close {
height:13px;
width:13px;
display:block;
background-image:url(/backoffice/static/media/closeBlue.7876abdf.svg);
background-size:cover;
background-repeat:no-repeat;
position:absolute;
top:12px;
right:12px
}
.tooltip-container .__react_component_tooltip {
top:40%!important;
left:50%!important;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:80%;
margin:0
}
.tooltip-container .__react_component_tooltip:after, .tooltip-container .__react_component_tooltip:before {
content:none
}
.tooltip-container .__react_component_tooltip.type-dark {
background-color:#fff;
border:1px solid #eaf2f6
}
.tooltip-container .__react_component_tooltip.type-dark * {
color:rgba(0, 0, 0, .9)!important
}
}
.additionsContainer {
	width:100%;
	display:inline-block
}
.additionsContainer>div {
	vertical-align:top
}
.additionsContainer .internReference {
	width:59%
}
.additionsContainer .internReferenceFullWidth {
	width:100%
}
.additionsContainer .costCenter {
	margin-left:12px;
	width:calc(41% - 12px)
}
.additionsContainer .instructions {
	width:100%;
	margin-top:12px
}
.additionsContainer .checkboxContainer {
	margin-top:15px
}
.additionsContainer .checkboxContainer .checkbox {
	display:inline-block;
	margin-right:22px;
	margin-top:12px
}
.summary-no-data {
	opacity:.7
}
.summary-tax-price, .summary-total-price {
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center
}
.summary-tooltip-container {
	margin-left:3px
}
.summary-total-price {
	margin-top:8px
}
.summary-tax-price {
	opacity:.6
}
.summaryOuterContainer {
	padding-top:50px;
	display:inline-block;
	height:100vh;
	margin-right:10px;
	width:330px;
	position:fixed;
	top:0;
	right:0;
	z-index:50;
	overflow:hidden
}
.summaryOuterContainer .summaryContainer {
	height:100%;
	overflow:auto;
	padding-left:10px;
	padding-right:17px;
	padding-top:18px;
	 
}
.summaryOuterContainer .summaryContainer .orderNow {
	margin-top:20px;
	margin-bottom:10px;
	width:100%
}
.summaryOuterContainer .summaryContainer .sub-headline-container:not(:first-child) {
margin-top:12px
}
.summaryOuterContainer .summaryContainer>:nth-child(2).sectionHeader {
padding-top:11px
}
.summaryOuterContainer .summaryContainer .sectionHeader {
	padding-top:30px;
	padding-bottom:8px;
	margin-bottom:12px;
	width:100%;
	border-bottom:1px solid rgba(0, 0, 0, .12)
}
.summaryOuterContainer .summaryContainer .importantInformation {
	width:100%;
	border-top:1px solid rgba(0, 0, 0, .12);
	padding-top:11px;
	padding-bottom:5px;
	margin-top:18px;
	white-space:pre-line
}
.summaryOuterContainer .summaryContainer .bullit {
	margin:2px 0!important
}
.summaryOuterContainer .summaryContainer .detailContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	margin:4px 0
}
.summaryOuterContainer .summaryContainer .detailContainer .content {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.summaryOuterContainer .summaryContainer .detailContainer .contentDot {
	display:inline-block;
	padding-left:12px
}
.summaryOuterContainer .summaryContainer .detailContainer .contentDot:before {
	content:"";
	display:inline-block;
	height:4px;
	width:4px;
	background-color:#143c56;
	border-radius:50%;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%)
}
.summaryOuterContainer .summaryContainer .detailContainer .detail {
	float:right;
	text-align:right
}
.summaryCheckbox {
	display:block;
	margin-top:6px;
	margin-bottom:6px;
	pointer-events:none
}
@media (min-width:2100px) {
.summaryOuterContainer {
width:440px
}
.summaryOuterContainer .summaryContainer {
padding-left:0;
padding-right:40px;
padding-top:38px
}
}
@media (max-width:768px) {
.summaryOuterContainer {
position:absolute
}
}
.requirementsContainer {
	width:100%
}
.requirementsContainer .nameContainer {
	margin-bottom:6px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.requirementsContainer .nameContainer .paragraph2 {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row
}
.requirementsContainer .nameContainer .paragraph2>div {
	margin-left:4px;
	-ms-flex-item-align:center;
	align-self:center
}
.requirementsContainer .nameContainer .requiredChoice {
	color:#ffb43d
}
.requirementsContainer .nameContainer:not(:first-child) {
margin-top:15px
}
.requirementsContainer .error, .requirementsContainer .error:active, .requirementsContainer .error:focus, .requirementsContainer .error:hover {
	border:1px solid rgba(255, 82, 82, .8)!important
}
.requirementContainer {
	cursor:pointer;
	display:inline-block;
	padding:8px 8px 8px 16px;
	background-color:#f7f7f7;
	border:1px solid rgba(0, 0, 0, .15);
	width:calc((100% - 16px) / 2);
-webkit-transition:all .15s;
-o-transition:all .15s;
transition:all .15s;
	-webkit-box-shadow:0;
	box-shadow:0;
	height:100%;
	vertical-align:top;
	border-radius:3px
}
.requirementContainer .error, .requirementContainer .error:active, .requirementContainer .error:focus, .requirementContainer .error:hover {
	border:1px solid rgba(255, 82, 82, .8)!important
}
.requirementContainer:active, .requirementContainer:hover {
	top:-2px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, .12);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .12)
}
.requirementContainer:not(:first-child) {
margin-left:16px
}
.requirementContainer .requirementType {
	margin-bottom:0;
	display:inline-block
}
.requirementContainer .requirementType>* {
	display:inline-block;
	vertical-align:middle
}
.requirementContainer .requirementType .requirementTypeHeadline {
	margin:0 8px
}
.requirementContainer .requirementType:before {
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%);
	vertical-align:bottom;
	content:"";
	display:inline-block;
	height:14px;
	width:14px;
	border:1px solid rgba(20, 60, 86, .5);
	border-radius:50%;
	background-color:#fff;
-webkit-transition:border .2s;
-o-transition:border .2s;
transition:border .2s
}
.requirementContainer .requirementType.checked:before {
	border:4px solid #143c56
}
@media (max-width:767px) {
.requirementContainer {
width:100%
}
.requirementContainer:not(:first-child) {
margin-left:0;
margin-top:8px
}
.requirementContainer .requirementType .requirementTypeHeadline {
font-size:20px
}
.requirementContainer .requirementType:before {
top:auto;
vertical-align:middle;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.confirmationContainer {
	width:900px;
	height:600px;
	z-index:1;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	padding:30px 30px 24px 63px
}
.confirmationContainer .close {
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	height:20px;
	z-index:10000
}
.confirmationContainer .confirmationTitle {
	margin-bottom:8px
}
.confirmationContainer .confirmationBody {
	margin-bottom:8px;
	white-space:pre-line
}
.confirmationContainer .confirmationBody .confirmationBodyInner {
	line-height:15pt
}
.confirmationContainer .confirmationBody .paragraph3 {
	margin-top:10px
}
.confirmationContainer .confirmationBody a {
	text-decoration:none
}
.confirmationContainer .background {
	position:absolute;
	right:-15px;
	bottom:0;
	pointer-events:none;
	overflow:none;
	width:500px;
	height:auto
}
.confirmationContainer .buttonsContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	position:absolute;
	left:64px;
	bottom:69px
}
.confirmationContainer .buttonsContainer .actionButton {
	margin-right:10px
}
@media (min-width:768px) and (max-width:1024px) {
.confirmationContainer {
width:calc(100vw - 20px);
margin:0 10px;
padding:30px 20px 34px 64px;
height:600px;
overflow:hidden
}
.confirmationContainer .background {
right:-110px
}
.confirmationContainer .buttonsContainer {
z-index:1
}
}
@media (max-width:767px) {
.confirmationContainer {
width:calc(100vw - 20px);
margin:0 10px;
padding:20px;
height:auto;
overflow:hidden
}
.confirmationContainer .confirmationTitle {
font-size:20px
}
.confirmationContainer .confirmationBody {
margin-bottom:90px
}
.confirmationContainer .background {
display:none
}
.confirmationContainer .buttonsContainer {
position:static;
z-index:1
}
.confirmationContainer .buttonsContainer .buttonContainer {
width:100%
}
.confirmationContainer .buttonsContainer .buttonContainer.actionButton {
margin-bottom:16px
}
}
.backofficeLiveTrackingContainer {
	width:100%;
	height:calc(100vh - 50px)
}
@media (max-width:767px) {
.backofficeLiveTrackingContainer {
height:100%
}
}
.mapOuterContainer {
	width:100%;
	height:100%
}
.mapOuterContainer .liveTrackingMapContainer {
	position:absolute;
	width:calc(100% - 328px);
	height:100%
}
.mapOuterContainer .liveTrackingMapContainer .followButton {
	position:absolute;
	top:8px;
	right:8px
}
.mapOuterContainer .listContainer {
	position:absolute;
	top:0;
	right:0;
	width:328px;
	height:100%
}
.mapOuterContainer .listContainer .mobileSwipeTrigger {
	width:100%;
	display:none
}
@media (max-width:1023px) {
.mapOuterContainer {
height:100%;
overflow:hidden
}
.mapOuterContainer .liveTrackingMapContainer {
position:relative;
width:100%;
height:100%
}
.mapOuterContainer .liveTrackingMapContainer .followButton {
top:8px;
right:8px
}
.mapOuterContainer .listContainer {
left:50%;
-webkit-transform:perspective(1px) translateX(-50%);
transform:perspective(1px) translateX(-50%);
margin-top:-40px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
.mapOuterContainer .listContainer .tripItem {
pointer-events:none
}
.mapOuterContainer .listContainer .mobileSwipeTrigger {
display:block;
pointer-events:none
}
.mapOuterContainer .listContainer.open {
margin-top:0
}
.mapOuterContainer .listContainer:not(.swiping) {
top:100%!important
}
.mapOuterContainer .listContainer:not(.swiping).open {
top:calc(100% - 400px)!important
}
}
.listOverview {
	width:100%;
	height:100%;
	overflow:auto;
	padding:8px;
	background-color:#f7f7f7
}
.listOverview .tripItem {
	width:100%;
	overflow:hidden;
	margin-bottom:8px;
	-webkit-box-shadow:0 1px 5px 1px rgba(0, 0, 0, .2);
	box-shadow:0 1px 5px 1px rgba(0, 0, 0, .2);
	background-color:#fff
}
.listOverview .tripItem .topInfo {
	cursor:pointer
}
.listOverview .tripItem.request .topInfo {
	background-color:#818181
}
.listOverview .tripItem.session .topInfo {
	background-color:#143c56
}
.listOverview .tripItem.warning .topInfo {
	background-color:#c80016
}
.listOverview .tripItem.aware .topInfo {
	background-color:#ffc400
}
.listOverview .tripItem h5 {
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	width:100%
}
.listOverview .tripItem>* {
	padding:0 12px
}
.listOverview .tripItem>:not(:first-child):not(:last-child) {
border-bottom:1px solid rgba(0, 0, 0, .12)
}
.listOverview .tripItem .iconContainer {
	padding-left:36px
}
.listOverview .tripItem .topInfo .headline, .listOverview .tripItem .topInfo .tripId {
	line-height:32px;
	color:#f7f7f7;
	display:inline-block;
	width:50%;
	vertical-align:top
}
.listOverview .tripItem .topInfo .tripId {
	text-align:right
}
.listOverview .tripItem .driverInfoContainer {
	padding:4px 12px 12px;
	background-color:#f7f7f7
}
.listOverview .tripItem .driverInfoContainer .driverImage {
	height:30px;
	width:30px;
	border-radius:50%;
	border:1px solid #143c56;
	position:absolute;
	left:12px;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%)
}
.listOverview .tripItem .driverInfoContainer .driverInnerWrapper {
	padding-left:0;
	padding-top:5px
}
.listOverview .tripItem .driverInfoContainer .driverInnerWrapper .driverName {
	line-height:24px
}
.listOverview .tripItem .driverInfoContainer .driverInnerWrapper .driverInfo {
	line-height:16px
}
.listOverview .tripItem .driverLocationContainer>h5, .listOverview .tripItem .tripNextStopTimeFrameContainer>h5 {
	line-height:40px
}
.listOverview .tripItem .tripNextStopTimeFrameContainer>h5 .timeFrame {
	position:absolute;
	right:12px
}
.listOverview .tripItem .requestPriceEstimateContainer>h5 {
	line-height:40px
}
.listOverview .tripItem .requestPriceEstimateContainer>h5 strong {
	position:absolute;
	right:0
}
.listOverview .tripItem .requestInfoContainer {
	padding:0
}
.listOverview .tripItem .requestInfoContainer>h5 {
	line-height:40px;
	padding-right:12px;
	padding-left:38px!important;
	overflow:visible
}
.listOverview .tripItem .requestInfoContainer>h5:after {
	content:"";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #fff;
	opacity:0;
	pointer-events:none;
-webkit-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s
}
.listOverview .tripItem .requestInfoContainer>h5 strong {
	position:absolute;
	right:12px
}
.listOverview .tripItem .requestVehicleContainer>h5 {
	line-height:40px
}
.listOverview .tripItem .requestVehicleContainer>h5 strong {
	position:absolute;
	right:0
}
.listOverview .tripItem .requestStartContainer>h5 {
	line-height:40px
}
.listOverview .tripItem .requestStartContainer>h5 strong {
	position:absolute;
	right:0
}
.listOverview .tripItem .estimateInfoContainer {
	padding:0
}
.listOverview .tripItem .estimateInfoContainer>h5 {
	line-height:40px;
	padding:0 12px 0 36px;
	overflow:visible;
	z-index:1
}
.listOverview .tripItem .estimateInfoContainer>h5 strong {
	padding-left:4px
}
.listOverview .tripItem .stopsWrapper {
	background-color:#ebebeb;
-webkit-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
	overflow:hidden;
	max-height:0
}
.listOverview .tripItem .stopsWrapper .stopContainer {
	min-height:32px;
	padding-left:30px
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopIcon {
	position:absolute;
	top:1px;
	left:0
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopIcon .stopIndex {
	position:absolute;
	top:3px;
	left:0;
	width:100%;
	text-align:center;
	color:#fff
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .city, .listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .streetName {
	line-height:16px
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .city.alone, .listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .streetName.alone {
	padding-top:6px
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .stopInfo {
	margin-top:8px
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .stopInfo span {
	float:right;
	color:rgba(0, 0, 0, .7)
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .stopInfo span.aware {
	color:#ffc400
}
.listOverview .tripItem .stopsWrapper .stopContainer .stopInnerWrapper .stopInfo span.warning {
	color:#c80016
}
.listOverview .tripItem .stopsWrapper .stopContainer:not(:last-child) {
margin-bottom:8px
}
.listOverview .tripItem .stopsWrapper .stopContainer:not(:last-child) .dots {
height:calc(100% - 29px);
position:absolute;
top:29px;
left:10px;
border-left:1px dashed rgba(0, 0, 0, .5)
}
.listOverview .tripItem .loadTime {
	margin-top:4px;
	line-height:20px
}
.listOverview .tripItem .loadTime span {
	float:right
}
.listOverview .tripItem .tripStatusContainer .completedButton {
	width:100%;
	margin:5px 0
}
.listOverview .tripItem .tripStatusContainer h5 {
	line-height:40px
}
.listOverview .tripItem .tripStatusContainer .statusWrapper {
	width:140px;
	height:4px;
	border-radius:3px;
	background-color:#d8d8d8;
	position:absolute;
	right:12px;
	top:50%;
	-webkit-transform:perspective(1px) translateY(-50%);
	transform:perspective(1px) translateY(-50%)
}
.listOverview .tripItem .tripStatusContainer .statusWrapper .completed {
	height:100%;
	background-color:#4bb3fd
}
.listOverview .tripItem.focused .estimateInfoContainer>h5 {
	border-bottom:1px solid rgba(0, 0, 0, .12)
}
.listOverview .tripItem.focused .estimateInfoContainer>h5:after {
	opacity:1
}
.listOverview .tripItem.focused .requestInfoContainer {
	border-bottom:1px solid rgba(0, 0, 0, .12)
}
.listOverview .tripItem.focused .requestInfoContainer>h5:after {
	opacity:1
}
.listOverview .tripItem.focused .stopsWrapper {
	padding:12px;
	max-height:62vh;
	overflow:auto
}
.liveTrackingIcon {
	position:absolute;
	top:12px;
	bottom:0;
	left:9px;
	height:16px
}
.liveTrackingContentBody {
	padding-left:25px
}
@media (max-width:767px) {
.listOverview .tripItem.focused .stopsWrapper {
max-height:150px
}
}
.tableHighlight {
	cursor:pointer
}
.tableHighlight:hover {
	background-color:#f8f8f8
}
.tableOuterContainer.withPagination .tableContainer {
	margin-bottom:51px;
	max-height:calc(100vh - 101px)
}
.tableOuterContainer .tableContainer {
	background:#fff;
	text-align:left;
	font-weight:400;
	max-height:calc(100vh - 70px);
	overflow:auto
}
.tableOuterContainer .tableContainer table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	background:#fff
}
.tableOuterContainer .tableContainer table a {
	text-decoration:underline;
	font-weight:400;
	color:#4bb3fd
}
.tableOuterContainer .tableContainer table tr {
	height:40px;
	line-height:40px
}
.tableOuterContainer .tableContainer table tr td, .tableOuterContainer .tableContainer table tr th {
	font-weight:400;
	min-width:90px;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px
}
.tableOuterContainer .tableContainer table tr td:first-of-type, .tableOuterContainer .tableContainer table tr th:first-of-type {
	padding-left:35px
}
.tableOuterContainer .tableContainer table tr td:last-of-type, .tableOuterContainer .tableContainer table tr th:last-of-type {
	padding-right:35px
}
.tableOuterContainer .tableContainer table tr td.largeCell, .tableOuterContainer .tableContainer table tr th.largeCell {
	min-width:300px
}
.tableOuterContainer .tableContainer table thead {
	font-size:13px
}
.tableOuterContainer .tableContainer table thead tr {
	background:#143c56;
	color:#fff
}
.tableOuterContainer .tableContainer table tbody {
	font-size:11px
}
.tableOuterContainer .tableContainer table tbody tr {
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.tableOuterContainer .pagination {
	position:fixed;
	bottom:0;
	right:0;
	left:240px;
	height:50px;
	width:calc(100% - 240px);
	line-height:50px;
	background:#ebebeb;
	-webkit-box-shadow:0 -1px 4px 0 rgba(0, 0, 0, .3);
	box-shadow:0 -1px 4px 0 rgba(0, 0, 0, .3);
	color:#4bb3fd;
	font-size:14px;
	text-align:center
}
.tableOuterContainer .pagination .page {
	width:200px;
	cursor:pointer;
	z-index:2
}
.tableOuterContainer .pagination .page:hover {
	text-decoration:underline
}
.tableOuterContainer .pagination .page.previous {
	position:absolute;
	left:0;
	bottom:0;
	padding-left:40px;
	text-align:left
}
.tableOuterContainer .pagination .page.next {
	position:absolute;
	right:0;
	bottom:0;
	padding-right:40px;
	text-align:right
}
.tableOuterContainer .pagination .page.disabled {
	cursor:default;
	color:#80bdf2
}
.tableOuterContainer .pagination .page.disabled:hover {
	text-decoration:none
}
@media (max-width:1024px) {
.tableOuterContainer .pagination {
width:100%;
left:0
}
}
.c-ratingRowOuterContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1;
	width:100%;
	-ms-flex-direction:column;
	flex-direction:column
}
.c-ratingRowSideContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center;
	padding-top:10px
}
.c-ratingRowLeftSide {
	-ms-flex:1 1;
	flex:1 1
}
.c-ratingRowSelectRating {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.c-ratingRowFeedbackOuterContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1
}
.c-ratingRowFirstFeedbackContainer {
	display:-ms-flexbox;
	display:flex;
	text-align:center;
	margin-top:10px
}
.ratingStar {
	cursor:pointer
}
.c-missingRatingRowFirstFeedbackContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-top:20px;
	padding-bottom:10px
}
.c-missingRatingRowSecondFeedbackContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-bottom:10px
}
.c-missingRatingRowSubmitButtonContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 1;
	flex:1 1;
	margin-top:10px;
	-ms-flex-pack:center;
	justify-content:center
}
.c-missingRatingRowSubmitButton {
	color:#fff
}
.c-ratingRow-message {
	margin-top:12px
}
.c-firstFeedbackButton {
	width:calc(100% / 2 - 6px);
	white-space:nowrap
}
.c-firstFeedbackButton:nth-child(1n+3) {
margin-top:10px
}
.c-firstFeedbackButton.readonly {
	pointer-events:none
}
.c-colliOverview {
	position:fixed;
	top:50px;
	left:240px;
	right:0;
	bottom:0;
	z-index:60
}
.c-colliOverview .c-colliOverview-backdrop {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .58)
}
.c-colliOverview .c-colliOverview-modal {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%);
	transform:perspective(1px) translateY(-50%) translateX(-50%);
	width:50%;
	overflow:hidden;
	height:80%;
	background-color:#ebebeb;
	border-radius:3px
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper {
	overflow:auto;
	height:100%;
	width:100%;
	padding:40px
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox {
	width:100%
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox:first-child {
	margin-top:0
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox .scanned {
	position:absolute;
	right:0;
	top:-40px
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox .c-colliOverview-barcode {
	width:calc(100% / 4 - 9px);
	display:inline-block;
	text-align:center
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox .c-colliOverview-barcode:not(:nth-child(4n+4)) {
margin-right:12px
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox .c-colliOverview-barcode:nth-child(n+5) {
margin-top:20px
}
.c-colliOverview .c-colliOverview-modal .c-colliOverview-stopWrapper .contentBox .c-colliOverview-barcode svg {
	width:100%;
	height:auto
}
.c-colliOverview .c-colliOverview-modal .close {
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	z-index:10000
}
.tripDetailsPage {
	padding:40px
}
.tripDetailsPage .mapOuterContainer {
	width:100%;
	height:420px;
	margin-bottom:20px;
	-webkit-box-shadow:0 2px 4px 3px rgba(0, 0, 0, .12);
	box-shadow:0 2px 4px 3px rgba(0, 0, 0, .12)
}
.tripDetailsPage .mapOuterContainer .mapContainer {
	position:absolute;
	width:100%;
	height:100%
}
.tripDetailsPage .contentBoxes .infoRow {
	margin-top:12px
}
.tripDetailsPage .contentBoxes .infoRow.smallText .heading {
	font-size:13px
}
.tripDetailsPage .contentBoxes .infoRow .heading {
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:16px
}
.tripDetailsPage .contentBoxes .infoRow .heading.smallText {
	font-size:13px
}
.tripDetailsPage .contentBoxes .infoRow .heading.fullWidth {
	width:100%
}
.tripDetailsPage .contentBoxes .infoRow .subHeading {
	color:rgba(0, 0, 0, .58);
	display:block;
	font-size:13px;
	width:100%;
	margin:0;
	padding:3px 0 5px
}
.tripDetailsPage .contentBoxes .infoRow .value {
	display:inline-block;
	vertical-align:top;
	color:rgba(0, 0, 0, .58);
	text-align:right;
	width:50%;
	font-size:13px
}
.tripDetailsPage .contentBoxes .infoRow .value .imageLink {
	text-decoration:underline;
	color:#143c56
}
.tripDetailsPage .contentBoxes .infoRow .value.multiline {
	width:100%;
	margin-top:4px;
	text-align:left
}
.tripDetailsPage .contentBoxes .infoField {
	color:rgba(0, 0, 0, .58);
	margin-top:12px
}
.tripDetailsPage .contentBoxes .contentBox {
	vertical-align:top;
	width:calc(50% - 10px);
	margin:0
}
.tripDetailsPage .contentBoxes .contentBox:first-child {
	margin-right:10px
}
.tripDetailsPage .contentBoxes .contentBox:nth-child(2) {
margin-left:10px
}
.tripDetailsPage .contentBoxes.three-columns .contentBox {
	width:calc(33.33% - 13.333333333333334px);
	margin:0
}
.tripDetailsPage .contentBoxes.three-columns .contentBox:nth-child(2) {
margin:0 20px
}
.tripDetailsPage .contentBoxes .addressRow {
	padding:8px;
	border-radius:3px
}
.tripDetailsPage .contentBoxes .addressRow.active {
	background-color:#ebebeb
}
.tripDetailsPage .contentBoxes .addressRow .marker {
	display:inline-block;
	vertical-align:top;
	width:16px;
	margin-right:12px;
	position:relative
}
.tripDetailsPage .contentBoxes .addressRow .marker img {
	max-width:100%
}
.tripDetailsPage .contentBoxes .addressRow .marker .stopNum {
	position:absolute;
	top:2px;
	text-align:center;
	width:100%;
	color:#fff;
	font-size:10px
}
.tripDetailsPage .contentBoxes .addressRow .marker .line {
	text-align:center;
	margin-top:4px
}
.tripDetailsPage .contentBoxes .addressRow:last-of-type .line {
	display:none
}
.tripDetailsPage .contentBoxes .addressRow .textContainer {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 28px)
}
.tripDetailsPage .contentBoxes .addressRow .infoRow {
	margin-top:0
}
.tripDetailsPage .contentBoxes .addressRow .infoRow.smallText {
	margin-top:8px
}
.tripDetailsPage .contentBoxes .addressRow .infoRow.error .value {
	color:#c80016
}
@media (min-width:768px) and (max-width:1023px) {
.tripDetailsPage {
padding:20px
}
.tripDetailsPage .mapOuterContainer {
margin-bottom:0
}
.tripDetailsPage .contentBoxes .contentBox {
width:100%;
margin:32px 0 0
}
.tripDetailsPage .contentBoxes .contentBox .title {
font-size:32px
}
.tripDetailsPage .contentBoxes .contentBox:last-child {
margin:0
}
.tripDetailsPage .contentBoxes.three-columns .contentBox {
width:100%;
margin:32px 0 0
}
.tripDetailsPage .contentBoxes.three-columns .contentBox:nth-child(2) {
margin:32px 0 0
}
}
@media (max-width:767px) {
.tripDetailsPage {
padding:12px
}
.tripDetailsPage .mapOuterContainer {
margin-bottom:0
}
.tripDetailsPage .contentBoxes .contentBox {
width:100%;
margin:12px 0 0
}
.tripDetailsPage .contentBoxes .contentBox:last-child {
margin:0
}
.tripDetailsPage .contentBoxes.three-columns .contentBox {
width:100%;
margin:12px 0 0
}
.tripDetailsPage .contentBoxes.three-columns .contentBox:nth-child(2) {
margin:12px 0 0
}
}
.contentBoxSubHeading {
	font-size:13px;
	font-style:italic;
	color:rgba(0, 0, 0, .38);
	padding-bottom:7px;
	border-bottom:1px solid rgba(0, 0, 0, .1);
	margin-top:32px;
	margin-bottom:4px
}
.mapOuterContainer .mapContainer {
	height:500px;
	width:100%;
	border-bottom:2px solid #103044
}
.mapOuterContainer .mapContainer * {
	background-color:transparent!important;
	border:0!important;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}
.tripsOuterContainer .loadingImage {
	top:50%;
	left:50%;
	-webkit-transform:perspective(1px) translateY(-50%) translateX(-50%);
	transform:perspective(1px) translateY(-50%) translateX(-50%);
	position:fixed
}
.profilePage .contentContainer {
	padding:64px 0
}
.profilePage .contentContainer .inputGroupContainer .contentBoxSubHeading, .profilePage .contentContainer .inputGroupContainer .subHeading {
	margin-bottom:16px
}
.profilePage .contentContainer .inputGroupContainer:first-of-type .subHeading {
	margin-top:0
}
.profilePage .contentContainer .inputGroupContainer .inputGroup {
	margin-bottom:16px
}
.profilePage .contentContainer .inputGroupContainer .inputGroup .inputHeading {
	font-size:13px;
	color:rgba(0, 0, 0, .87);
	margin-bottom:4px
}
.profilePage .contentContainer .inputGroupContainer .inputGroup .inputContainer {
	width:100%
}
.profilePage .contentContainer .buttonContainer {
	float:right;
	margin-top:12px;
	margin-bottom:28px;
	min-width:120px
}
.profilePage .contentContainer.basicInfoPage .profilePicture {
	text-align:center;
	position:absolute;
	left:11%;
	width:15vw
}
.profilePage .contentContainer.basicInfoPage .profilePicture .image {
	display:inline-block;
	border-radius:50%;
	width:100%;
	border:2px solid #143c56
}
.profilePage .contentContainer.basicInfoPage .profilePicture .name {
	margin-top:40px
}
@media (max-width:2099px) {
.profilePage .contentContainer.basicInfoPage .leftContent {
left:-130px;
width:100px;
height:100px
}
}
.profilePage .contentContainer.basicInfoPage .content {
	margin:0 auto;
	max-width:35.71%;
	width:100%
}
.profilePage .contentContainer.profileBankingInfoPage, .profilePage .contentContainer.profilePaymentPage {
	margin:0 auto;
	max-width:600px
}
.profilePage .contentContainer.profileBankingInfoPage .inputContainer {
	margin-top:20px
}
@media (min-width:768px) and (max-width:1023px) {
.profilePage .contentContainer {
padding:32px 0
}
.profilePage .contentContainer.basicInfoPage {
padding:32px 20px
}
.profilePage .contentContainer.basicInfoPage .profilePicture {
position:relative;
left:0;
display:inline-block;
vertical-align:top;
margin-right:60px
}
.profilePage .contentContainer.basicInfoPage .content {
margin:0;
display:inline-block;
vertical-align:top;
width:calc(85vw - 130px);
max-width:600px
}
}
@media (max-width:767px) {
.profilePage .contentContainer {
padding:24px 12px
}
.profilePage .contentContainer.basicInfoPage {
margin:0
}
.profilePage .contentContainer.basicInfoPage .profilePicture {
position:relative;
left:0;
width:100%
}
.profilePage .contentContainer.basicInfoPage .profilePicture .image {
width:50%
}
.profilePage .contentContainer.basicInfoPage .profilePicture .name {
margin-top:12px
}
.profilePage .contentContainer.basicInfoPage .content {
margin-top:12px;
width:100%;
max-width:none
}
.profilePage .contentContainer.profileBankingInfoPage, .profilePage .contentContainer.profilePaymentPage {
margin:0
}
}
.inlineMenu {
	padding:0 36px;
	border-bottom:1px solid rgba(0, 0, 0, .12)
}
.inlineMenu .link {
	color:rgba(0, 0, 0, .7);
	margin-right:60px;
	line-height:50px;
	height:50px;
	font-size:20px;
	display:inline-block;
	vertical-align:top
}
.inlineMenu .link:last-of-type {
	margin-right:0
}
.inlineMenu .link.active {
	color:#4bb3fd
}
.inlineMenu .link.active:after {
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:2px;
	background-color:#4bb3fd
}
@media (min-width:768px) and (max-width:1024px) {
.inlineMenu {
padding:0 20px
}
.inlineMenu .link {
margin-right:24px
}
}
@media (max-width:767px) {
.inlineMenu {
padding:0 12px
}
.inlineMenu .link {
margin-right:24px
}
}
.connectContainer {
	width:900px;
	height:600px;
	z-index:1;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	padding:30px 30px 24px 63px
}
.connectContainer>div {
	z-index:1;
	width:418px;
	height:100%
}
.connectContainer>div.createContainer .firstName {
	width:40%
}
.connectContainer>div.createContainer .lastName {
	width:calc(60% - 12px);
	margin-left:12px
}
.connectContainer>div.createContainer .companyName {
	width:60%
}
.connectContainer>div.createContainer .companyId {
	width:calc(40% - 12px);
	margin-left:12px
}
.connectContainer>div>* {
	width:100%
}
.connectContainer>div>.connectHeadline {
	color:#000;
	margin-bottom:8px
}
.connectContainer>div>.connectSubtitle {
	margin-bottom:42px
}
.connectContainer>div>.buttonContainer, .connectContainer>div>.inputContainer, .connectContainer>div>.selectContainer {
	margin-bottom:12px
}
.connectContainer>div>.buttonContainer {
	margin-top:12px;
	width:auto
}
.connectContainer>div>.buttonContainer.signUpButton {
	margin-top:28px
}
.connectContainer>div>.checkboxLabel {
	margin-top:4px;
	margin-bottom:12px
}
.connectContainer .oval {
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden
}
.connectContainer .oval:after {
	content:"";
	position:absolute;
	left:145px;
	top:-758px;
	width:1156px;
	height:1156px;
	background-color:#f7f7f7;
	border-radius:50%
}
.connectContainer .close {
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	height:20px;
	z-index:10000
}
.connectContainer .connectNote {
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer
}
.connectContainer .connectNote.goToCreate {
	bottom:20px
}
.connectContainer .connectNote b {
	text-decoration:underline
}
.connectContainer .backgroundImage {
	position:absolute;
	bottom:-1px;
	right:-112px;
	width:558px;
	pointer-events:none
}
.inlineConnect {
	height:100vh;
	width:100vw;
	background-color:#f7f7f7
}
.inlineConnect .connectContainer {
	height:100%;
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:30px 30px 24px;
	margin:0 auto;
	background-color:transparent
}
.inlineConnect .connectContainer>div {
	height:auto;
	margin:17.5% auto 0
}
.inlineConnect .connectContainer>div>.selectContainer {
	margin-top:40px
}
.inlineConnect .connectContainer>div>.connectHeadline, .inlineConnect .connectContainer>div>.connectSubtitle {
	text-align:center
}
.inlineConnect .connectContainer>div>.buttonContainer.forgotPassword, .inlineConnect .connectContainer>div>.signUpButton {
	width:100%
}
.inlineConnect .connectContainer .close, .inlineConnect .connectContainer .oval {
	display:none
}
.inlineConnect .connectContainer .connectNote {
	position:static;
	margin-top:20px
}
.inlineConnect .connectContainer .backgroundImage {
	position:fixed;
	width:760px
}
@media (min-width:768px) and (max-width:1024px) {
.connectContainer {
max-width:calc(100vw - 20px);
margin:0 10px;
overflow:hidden
}
}
@media (max-width:767px) {
.inlineConnect .connectContainer {
padding:10px 10px 12px
}
.inlineConnect .connectContainer .createContainer .selectContainer {
margin-top:0
}
.connectContainer {
width:calc(100vw - 20px);
margin:0 10px;
padding:20px 20px 34px;
height:auto
}
.connectContainer>div {
width:100%;
padding-bottom:36px
}
.connectContainer>div.createContainer .companyName, .connectContainer>div.createContainer .firstName {
width:100%
}
.connectContainer>div.createContainer .companyId, .connectContainer>div.createContainer .lastName {
width:100%;
margin-left:0
}
.connectContainer .backgroundImage {
display:none
}
}
.importContainer {
	width:900px;
	height:600px;
	z-index:1;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	box-shadow:0 2px 4px 8px rgba(0, 0, 0, .15);
	padding:30px 30px 24px 63px
}
.importContainer .downloadExample {
	position:absolute;
	bottom:24px;
	left:63px;
	cursor:pointer
}
.importContainer .threeDotsLoading {
	position:absolute;
	left:240px;
	top:200px
}
.importContainer .fileContainer {
	width:100%;
	height:40px;
	margin-bottom:24px
}
.importContainer .fileContainer .file {
	cursor:pointer;
	display:table;
	height:100%;
	width:100%;
	background-color:#fff;
	border:1px solid rgba(0, 0, 0, .2);
	padding-left:18px
}
.importContainer .fileContainer .file:active, .importContainer .fileContainer .file:focus, .importContainer .fileContainer .file:hover {
	border:1px solid rgba(0, 0, 0, .8)
}
.importContainer .fileContainer .file .filename {
	display:table-cell;
	vertical-align:middle
}
.importContainer .fileContainer .closeFile {
	cursor:pointer;
	position:absolute;
	right:10px;
	top:30%;
	width:15px;
	height:15px;
	opacity:.7
}
.importContainer .screenImage {
	position:absolute;
	right:-120px;
	bottom:27px
}
.importContainer .importBody {
	width:500px;
	margin-bottom:163px
}
.importContainer .uploadContainer {
	width:410px
}
.importContainer .uploadContainer .buttonsContainer {
	width:100%;
	display:-ms-flexbox;
	display:flex
}
.importContainer .uploadContainer .buttonsContainer .browseButton {
	width:calc(50% - 10px);
	margin-right:20px;
	vertical-align:top
}
.importContainer .uploadContainer .buttonsContainer .uploadButton {
	width:calc(50% - 10px);
	vertical-align:top
}
.importContainer .importTitle {
	margin-bottom:8px
}
.importContainer .importError {
	margin-top:8px;
	color:#ff5252
}
.importContainer .longRequest {
	margin-top:30px;
	color:#ff5252;
	font-size:20px;
	text-align:center;
	line-height:30px
}
.importContainer .oval {
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden
}
.importContainer .oval:after {
	content:"";
	position:absolute;
	left:145px;
	top:-758px;
	width:1156px;
	height:1156px;
	background-color:#f7f7f7;
	border-radius:50%
}
.importContainer .ovalActive:after {
	background-color:#e7e6e6
}
.importContainer .close {
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	height:20px;
	z-index:10000
}
@media (min-width:768px) and (max-width:1024px) {
.importContainer {
width:calc(100vw - 20px);
margin:0 10px;
padding:30px 20px 34px 64px;
height:600px;
overflow:hidden
}
.importContainer .uploadContainer {
width:calc(100% - 20px)
}
.importContainer .background {
right:-110px
}
.importContainer .buttonsContainer {
z-index:1
}
.importContainer .threeDotsLoading {
left:50%
}
.importContainer .importBody {
width:100%
}
.importContainer .screenImage {
display:none
}
}
@media (max-width:767px) {
.importContainer {
width:calc(100vw - 20px);
margin:0 10px;
padding:20px;
height:auto;
overflow:hidden
}
.importContainer .downloadExample {
position:static;
cursor:pointer
}
.importContainer .threeDotsLoading {
top:160px;
left:50%
}
.importContainer .screenImage {
display:none
}
.importContainer .importTitle {
font-size:20px
}
.importContainer .importBody {
width:100%;
margin-bottom:90px
}
.importContainer .background {
display:none
}
.importContainer .uploadContainer {
width:100%
}
.importContainer .uploadContainer .buttonsContainer {
margin-bottom:20px;
position:static;
z-index:1;
width:100%
}
.importContainer .uploadContainer .buttonsContainer .browseButton {
width:100%;
margin-bottom:10px
}
.importContainer .uploadContainer .buttonsContainer .uploadButton {
width:100%
}
}
.tripsOuterContainer .statusPageContentWrapper {
	padding:36px 30px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox {
	width:calc(100% / 3 - 40px);
	margin:0 10px 20px;
	padding:44px 40px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox>.headline2 {
	padding-bottom:16px;
	font-size:36px;
	font-weight:200;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .contentRow {
	width:100%
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .contentRow:not(:last-child) {
margin-bottom:8px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .contentRow p {
	margin:0
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .contentRow .rowHeadline {
	display:inline-block
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .contentRow .rowSubtitle {
	float:right;
	line-height:24px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .driverAppPromotion .storesContainer {
	margin-top:24px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .driverAppPromotion .storesContainer .stores {
	height:48px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .driverAppPromotion .storesContainer .stores.playstore {
	margin-left:20px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .infoMeetingWrapper .infoContainer {
	padding-left:24px;
	background-image:url(/backoffice/static/media/marker.54493cbd.svg);
	background-repeat:no-repeat;
	background-position:left 3px;
	background-size:13px auto
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .infoMeetingWrapper .infoContainer:first-child {
	margin-bottom:32px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .profileStatus .contentRow {
	padding-left:24px;
	background-position:0;
	background-size:14px auto;
	background-repeat:no-repeat;
	background-image:url(/backoffice/static/media/close.e2accbe7.svg)
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .profileStatus .contentRow.approved {
	background-image:url(/backoffice/static/media/check.18ab0ae2.svg)
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .profileStatus .contentRow.bottomLink {
	margin-bottom:20px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .profileStatus .contentRow.bottomLink .paragraph2:last-child {
	position:absolute;
	left:24px;
	top:100%
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .documentsWrapper .contentRow:not(:last-child) {
margin-bottom:8px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .documentsWrapper .contentRow a {
	line-height:24px
}
@media (width:1024px) {
.tripsOuterContainer .statusPageContentWrapper .contentBox {
width:calc(100% / 2 - 50px)
}
.tripsOuterContainer .statusPageContentWrapper .contentBox>.headline2 {
font-size:24px
}
}
@media (min-width:768px) and (max-width:1023px) {
.tripsOuterContainer .statusPageContentWrapper .contentBox {
width:calc(100% - 60px);
margin:0 0 20px;
padding:24px 20px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox>.headline2 {
font-size:24px
}
}
@media (max-width:767px) {
.tripsOuterContainer .statusPageContentWrapper .contentBox {
width:calc(100% - 60px);
margin:0 0 20px;
padding:24px 20px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox>.headline2 {
font-size:24px
}
.tripsOuterContainer .statusPageContentWrapper .contentBox .driverAppPromotion .storesContainer .stores {
width:calc(50% - 10px);
height:auto
}
}
.earningPeriodOuterContainer .contentBox {
	display:block;
	max-width:960px;
	margin:48px auto;
	padding-bottom:80px
}
.earningPeriodOuterContainer .contentBox .mapOuterContainer {
	height:320px;
	margin-bottom:24px
}
.earningPeriodOuterContainer .contentBox .mapOuterContainer .mapContainer {
	height:100%
}
.earningPeriodOuterContainer .contentBox .earningPeriodHeader {
	margin-bottom:16px
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow {
	border-top:2px solid rgba(0, 0, 0, .1);
	margin-bottom:48px
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow .left, .earningPeriodOuterContainer .contentBox .paymentDetailsRow .right {
	display:inline-block;
	width:calc(50% - 28px/2);
	vertical-align:top
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow .left .detailsRow, .earningPeriodOuterContainer .contentBox .paymentDetailsRow .right .detailsRow {
	margin-top:8px;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow .left .detailsRow.revenue, .earningPeriodOuterContainer .contentBox .paymentDetailsRow .right .detailsRow.revenue {
	padding:8px 0;
	border-top:1px solid rgba(0, 0, 0, .1);
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow .left .detailsRow>*, .earningPeriodOuterContainer .contentBox .paymentDetailsRow .right .detailsRow>* {
	display:inline-block;
	width:50%;
	vertical-align:top
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow .left .detailsRow>:last-child, .earningPeriodOuterContainer .contentBox .paymentDetailsRow .right .detailsRow>:last-child {
	text-align:right;
	line-height:24px
}
.earningPeriodOuterContainer .contentBox .paymentDetailsRow .left {
	margin-right:28px
}
.earningPeriodOuterContainer .contentBox table {
	width:100%;
	border-spacing:0;
	margin-top:8px
}
.earningPeriodOuterContainer .contentBox table thead {
	font-size:0
}
.earningPeriodOuterContainer .contentBox table tr>* {
	padding:0 4px
}
.earningPeriodOuterContainer .contentBox table tr>:last-child {
	text-align:right
}
.earningPeriodOuterContainer .contentBox table tr th {
	text-align:left;
	height:32px;
	border-top:1px solid rgba(0, 0, 0, .1);
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.earningPeriodOuterContainer .contentBox table tbody tr {
	height:24px
}
.earningPeriodOuterContainer .contentBox table tbody tr:nth-child(2n) {
background-color:#f7f7f7
}
.earningPeriodOuterContainer .contentBox table tbody tr.paymentTotal {
	height:32px;
	background-color:transparent
}
.earningPeriodOuterContainer .contentBox table tbody tr.paymentTotal td {
	border-top:1px solid rgba(0, 0, 0, .1);
	margin-top:12px
}
.earningPeriodOuterContainer .contentBox table tbody tr td {
	border:0
}
.earningPeriodOuterContainer .contentBox table tbody tr td a {
	color:#4bb3fd
}
@media (max-width:1023px) {
.driverTripDetailsOuterContainer {
padding:0 12px 20px
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right {
width:100%
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left {
margin-right:0
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right {
padding-top:12px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .left, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .right {
width:100%
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .left .detailsRow>*, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .right .detailsRow>* {
width:50%
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .left {
margin:0
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .right {
padding-top:12px
}
}
.c-contentBox {
	padding:20px 40px
}
.tripDetailsMapMode .driverTripDetailsOuterContainer .mapFullScreenView {
	opacity:1;
	pointer-events:auto
}
.driverTripDetailsOuterContainer .mapFullScreenView {
	height:100vh;
	width:100vw;
	position:fixed;
	left:0;
	top:0;
	padding:140px 160px;
	z-index:100000;
	opacity:0;
	pointer-events:none;
-webkit-transition:all .15s;
-o-transition:all .15s;
transition:all .15s
}
.driverTripDetailsOuterContainer .mapFullScreenView .backDrop {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, .7)
}
.driverTripDetailsOuterContainer .mapFullScreenView h5 {
	position:absolute;
	right:160px;
	top:120px;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase
}
.driverTripDetailsOuterContainer .mapFullScreenView .mapOuterContainer, .driverTripDetailsOuterContainer .mapFullScreenView .mapOuterContainer .mapContainer {
	height:100%
}
.driverTripDetailsOuterContainer .contentBox {
	display:block;
	max-width:1100px;
	margin:48px auto;
	padding-bottom:80px
}
.driverTripDetailsOuterContainer .contentBox .mapOuterContainer {
	height:320px;
	margin-bottom:24px
}
.driverTripDetailsOuterContainer .contentBox .mapOuterContainer .mapContainer {
	height:100%
}
.driverTripDetailsOuterContainer .contentBox .tripDetailsHeader {
	margin-bottom:16px
}
.driverTripDetailsOuterContainer .contentBox .tripDetailsHeader>* {
	display:inline-block;
	width:50%
}
.driverTripDetailsOuterContainer .contentBox .tripDetailsHeader>:last-child {
	text-align:right
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow {
	border-top:2px solid rgba(0, 0, 0, .1)
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right {
	display:inline-block;
	width:calc(50% - 28px / 2);
	vertical-align:top
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left .detailsRow, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right .detailsRow {
	margin-top:8px;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left .detailsRow.priceNoTax, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right .detailsRow.priceNoTax {
	padding:8px 0;
	border-top:1px solid rgba(0, 0, 0, .1);
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left .detailsRow>*, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right .detailsRow>* {
	display:inline-block;
	width:50%;
	vertical-align:top
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left .detailsRow>:last-child, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right .detailsRow>:last-child {
	text-align:right;
	line-height:24px
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left {
	margin-right:28px
}
.driverTripDetailsOuterContainer .contentBox .tripNoteContainer {
	border-top:2px solid rgba(0, 0, 0, .1);
	padding-top:8px;
	margin-top:16px
}
.driverTripDetailsOuterContainer .contentBox .tripNoteContainer .headline {
	margin-bottom:8px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer {
	margin-top:24px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .headline {
	padding-bottom:8px;
	border-bottom:2px solid rgba(0, 0, 0, .1);
	margin-bottom:8px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .disclaimerNote {
	margin-top:12px;
	line-height:20px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer:not(:first-child) {
margin-top:12px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .marker {
	position:absolute;
	left:0;
	top:8px;
	height:100%
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .marker img {
	width:22px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .marker .stopNumber {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:28px;
	text-align:center;
	color:#fff
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .marker .line {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:perspective(1px) translateX(-50%);
	transform:perspective(1px) translateX(-50%);
	width:1px;
	height:100%;
	border-left:1px dotted #ebebeb;
	text-align:center
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .left, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right {
	display:inline-block;
	width:calc(50% - 28px / 2);
	vertical-align:top
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .left .detailsRow, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right .detailsRow {
	-ms-flex-pack:justify;
	justify-content:space-between;
	display:-ms-flexbox;
	display:flex;
	margin-top:8px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .left .detailsRow>*, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right .detailsRow>* {
	display:inline-block;
	vertical-align:top;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .left .detailsRow>:last-child, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right .detailsRow>:last-child {
	text-align:right
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .left .detailsRow>.address, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right .detailsRow>.address {
	width:100%;
	text-align:left
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .left {
	padding-left:52px;
	margin-right:28px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right {
	margin-top:8px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .stopOuterContainer .right>:first-child {
	margin-bottom:8px
}
@media (max-width:1023px) {
.driverTripDetailsOuterContainer {
padding:0 12px 20px
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left, .driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right {
width:100%
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .left {
margin-right:0
}
.driverTripDetailsOuterContainer .contentBox .driverTripDetailsRow .right {
padding-top:12px
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .left, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .right {
width:100%
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .left .detailsRow>*, .driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .right .detailsRow>* {
width:50%
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .left {
margin:0
}
.driverTripDetailsOuterContainer .contentBox .tripRouteOverviewContainer .right {
padding-top:12px
}
}
.tripsOuterContainer .welcomeContentBox {
	margin:36px 40px 8px;
width:calc(100% - 2*40px);
	padding:44px 40px
}
.tripsOuterContainer .welcomeContentBox .content h4 ol li {
	margin-bottom:4px
}
.tripsOuterContainer .welcomeContentBox .content h4 ol li ol {
	margin:8px 0 4px
}
.tripsOuterContainer .mergedVideos {
width:calc(100% - 2 * 40px);
	margin:36px 40px 0;
	padding:44px 40px
}
.tripsOuterContainer .mergedVideos>.headline2 {
	padding-bottom:16px;
	font-size:36px;
	font-weight:200;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.tripsOuterContainer .mergedVideos .content .elearningIframe {
	width:100%;
	height:500px
}
.tripsOuterContainer .elearningContentWrapper {
	padding:36px 30px
}
.tripsOuterContainer .elearningContentWrapper .contentBox {
	width:calc(100% / 3 - 40px);
	margin:0 10px 20px;
	padding:44px 40px
}
.tripsOuterContainer .elearningContentWrapper .contentBox>.headline2 {
	padding-bottom:16px;
	font-size:36px;
	font-weight:200;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.tripsOuterContainer .elearningContentWrapper .contentBox .content .elearningIframe {
	width:100%;
	height:250px
}
@media (min-width:768px) and (max-width:1279px) {
.tripsOuterContainer .elearningContentWrapper .contentBox {
width:calc(100% / 2 - 50px)
}
.tripsOuterContainer .elearningContentWrapper .contentBox>.headline2 {
font-size:24px
}
}
@media (max-width:767px) {
.tripsOuterContainer .mergedVideos {
width:calc(100% - 60px);
margin:20px 30px 0;
padding:24px 20px
}
.tripsOuterContainer .mergedVideos>.headline2 {
font-size:24px
}
.tripsOuterContainer .mergedVideos .content .elearningIframe {
width:100%;
height:250px
}
.tripsOuterContainer .elearningContentWrapper .contentBox {
width:calc(100% - 60px);
margin:0 0 20px;
padding:24px 20px
}
.tripsOuterContainer .elearningContentWrapper .contentBox>.headline2 {
font-size:24px
}
}
.routeExcelOuterContainer {
	width:100%;
	height:calc(100vh - 50px)
}
.routeExcelOuterContainer.over-active .importContainer {
	background-color:#fafafa
}
.routeExcelOuterContainer .importContainer {
	width:100%;
	height:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-direction:column;
	flex-direction:column
}
.routeExcelOuterContainer .importContainer .headline2 {
	margin-bottom:5px;
	max-width:600px;
	text-align:center
}
.routeExcelOuterContainer .importContainer .paragraph1 {
	margin-bottom:50px;
	max-width:600px;
	text-align:center
}
.routeExcelOuterContainer {
	width:100%;
	height:calc(100vh - 50px)
}
.routeExcelOuterContainer.over-active .importContainer {
	background-color:#fafafa
}
.routeExcelOuterContainer .importContainer {
	width:100%;
	height:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-direction:column;
	flex-direction:column
}
.routeExcelOuterContainer .importContainer .headline2 {
	margin-bottom:5px;
	max-width:600px;
	text-align:center
}
.routeExcelOuterContainer .importContainer .paragraph1 {
	margin-bottom:50px;
	max-width:600px;
	text-align:center
}
.websiteLiveTrackingContainer {
	width:100%;
	height:100vh
}
@media (max-width:767px) {
.websiteLiveTrackingContainer {
height:100%;
top:0;
padding-top:0
}
}
.getStartedPage>:not(.driverHeroContainer):nth-child(odd) {
background-color:#fff
}
@media (min-width:768px) and (max-width:1440px) {
.getStartedPage .driverHeroContainer .driverCTAContainer .headline {
margin-bottom:12px
}
.getStartedPage .driverHeroContainer .driverCTAContainer .buttonContainer {
margin-top:38px
}
.getStartedPage>:not(.driverHeroContainer):nth-child(odd) {
background-color:#fff
}
}
.driverHeroContainer {
	height:900px;
	max-height:calc(100vh - 160px);
	width:100%;
	background-size:cover;
	background-position:100%;
	background-repeat:no-repeat;
	z-index:1
}
.driverHeroContainer .moverWrapper {
	height:100%
}
.driverHeroContainer .moverWrapper .driverCTAContainer {
	position:absolute;
	bottom:-60px;
	left:0;
	background-color:#fff;
	padding:44px;
	width:42vw;
	-webkit-box-shadow:6px 6px 12px 0 rgba(0, 0, 0, .2);
	box-shadow:6px 6px 12px 0 rgba(0, 0, 0, .2)
}
.driverHeroContainer .moverWrapper .driverCTAContainer .headline {
	margin-bottom:24px
}
.driverHeroContainer .moverWrapper .driverCTAContainer .buttonContainer {
	margin-top:40px;
	width:240px
}
@media (min-width:768px) and (max-width:1440px) {
.driverHeroContainer {
background-position:60%
}
.driverHeroContainer .moverWrapper .driverCTAContainer {
left:40px;
width:600px
}
}
@media (width:768px) {
.driverHeroContainer .moverWrapper .driverCTAContainer {
left:40px;
width:600px
}
}
@media (max-width:767px) {
.driverHeroContainer {
height:680px;
max-height:none;
background-size:auto 600px;
background-position-x:64%;
background-position-y:-40px
}
.driverHeroContainer .moverWrapper .driverCTAContainer {
padding:20px;
margin-left:20px;
width:calc(100% - 40px);
bottom:80px
}
.driverHeroContainer .moverWrapper .driverCTAContainer .headline {
margin-bottom:12px
}
.driverHeroContainer .moverWrapper .driverCTAContainer .buttonContainer {
margin-top:24px;
width:100%
}
}
.getStartedStepsOuterContainer {
	padding:220px 0
}
.getStartedStepsOuterContainer .contentWrapper {
	width:490px;
	margin-left:55%
}
.getStartedStepsOuterContainer .contentWrapper .textContainer {
	margin-bottom:64px
}
.getStartedStepsOuterContainer .contentWrapper .textContainer .headline {
	margin-bottom:8px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer:not(:last-child) {
margin-bottom:40px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer:not(:last-child) .stepNumber:after {
content:"";
position:absolute;
top:100%;
left:50%;
width:1px;
height:165px;
background-color:#4bb3fd
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepNumber {
	display:inline-block;
	vertical-align:top;
	height:48px;
	width:48px;
	border-radius:50%;
	border:1px solid #4bb3fd;
	margin-top:6px;
	font-size:20px;
	line-height:46px;
	text-align:center;
	background-color:#f7f7f7;
	color:#4bb3fd
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer {
	width:400px;
	display:inline-block;
	vertical-align:top;
	margin-left:40px;
	max-width:calc(100% - 88px)
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer .appLink {
	margin-top:10px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	margin-right:28px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer .appLink img {
	margin-right:12px;
	min-width:40px;
	width:40px;
	height:40px;
	background:#ddd!important;
	border-radius:50%;
	-o-object-fit:scale-down;
	object-fit:scale-down
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer .appLink span {
	color:#333;
	font-weight:400;
	font-size:14px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer .headline {
	margin-bottom:8px
}
.getStartedStepsOuterContainer .phone {
	position:absolute;
	top:0;
	left:0;
	width:45%
}
@media (min-width:768px) and (max-width:1024px) {
.getStartedStepsOuterContainer {
padding:160px 0 60px
}
.getStartedStepsOuterContainer .contentWrapper {
margin:0;
width:60%;
display:inline-block;
vertical-align:top
}
.getStartedStepsOuterContainer .contentWrapper .textContainer {
margin-bottom:32px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer:not(:last-child) {
margin-bottom:36px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer {
height:auto
}
.getStartedStepsOuterContainer .phone {
position:static;
width:40%;
vertical-align:top;
margin-top:100px
}
}
@media (max-width:767px) {
.getStartedStepsOuterContainer {
padding:0 0 520px
}
.getStartedStepsOuterContainer .contentWrapper {
width:100%;
margin:0
}
.getStartedStepsOuterContainer .contentWrapper .textContainer {
text-align:center;
margin-bottom:40px
}
.getStartedStepsOuterContainer .contentWrapper .textContainer .headline {
margin-bottom:0
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer {
overflow:hidden
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer:not(:last-child) {
margin:0;
padding-bottom:24px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer:not(:last-child) .stepNumber:after {
height:240px
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepNumber {
height:32px;
width:32px;
line-height:30px;
font-size:16px;
margin-top:0
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer {
max-width:calc(100% - 48px);
margin-left:16px;
height:auto
}
.getStartedStepsOuterContainer .contentWrapper .stepsOuterContainer .stepContainer .stepTextContainer .headline {
margin-bottom:8px
}
.getStartedStepsOuterContainer .phone {
top:calc(100% + 32px);
width:100%
}
}
.securityOuterContainer {
	background-image:url(/backoffice/static/media/securityMan.2effbc7b.jpg);
	width:100%;
	background-size:cover;
	background-position:0;
	height:600px;
	z-index:1
}
.securityOuterContainer .moverWrapper {
	height:100%
}
.securityOuterContainer .moverWrapper .textContainer {
	position:absolute;
	bottom:-80px;
	right:0;
	background-color:#fff;
	padding:24px 44px 44px;
	width:42vw;
	-webkit-box-shadow:6px 6px 12px 0 rgba(0, 0, 0, .2);
	box-shadow:6px 6px 12px 0 rgba(0, 0, 0, .2)
}
.securityOuterContainer .moverWrapper .textContainer .headline {
	margin-bottom:24px
}
.securityOuterContainer .moverWrapper .textContainer .subtitle {
	margin-bottom:32px
}
.securityOuterContainer .moverWrapper .textContainer .cta {
	color:#4bb3fd
}
@media (min-width:768px) and (max-width:1440px) {
.securityOuterContainer {
height:440px
}
.securityOuterContainer .moverWrapper .textContainer {
right:40px;
width:600px
}
.securityOuterContainer .moverWrapper .textContainer .headline {
margin-bottom:16px
}
}
@media (max-width:767px) {
.securityOuterContainer {
background-position:28%;
height:500px
}
.securityOuterContainer .moverWrapper .textContainer {
position:relative;
right:0;
width:100%;
padding:20px;
bottom:-160px
}
.securityOuterContainer .moverWrapper .textContainer .headline {
margin-bottom:16px
}
}
.requirementsOuterContainer {
	padding:104px 0 72px
}
.requirementsOuterContainer .icon {
	height:64px;
	margin-bottom:24px
}
.requirementsOuterContainer .textContainer {
	margin-bottom:52px;
	width:840px
}
.requirementsOuterContainer .textContainer .headline {
	margin-bottom:20px
}
.requirementsOuterContainer .textContainer .subtitle {
	width:600px
}
.requirementsOuterContainer .requirementsContainer .requirementBox {
	display:inline-block;
	vertical-align:top;
	background-color:#fff;
	-webkit-box-shadow:2px 6px 9px 0 rgba(0, 0, 0, .2);
	box-shadow:2px 6px 9px 0 rgba(0, 0, 0, .2);
	width:calc(33.333% - 48px / 3);
	padding:42px 32px;
	min-height:390px
}
.requirementsOuterContainer .requirementsContainer .requirementBox .cta {
	display:block;
	margin-top:20px;
	color:#4bb3fd
}
.requirementsOuterContainer .requirementsContainer .requirementBox:not(:last-child) {
margin-right:24px
}
.requirementsOuterContainer .requirementsContainer .requirementBox .headline {
	margin-bottom:12px
}
.requirementsOuterContainer .requirementsContainer .requirementBox .subtitle span {
	display:block;
	margin-top:8px;
	padding-left:16px
}
.requirementsOuterContainer .requirementsContainer .requirementBox .subtitle span:before {
	content:"";
	position:absolute;
	left:0;
	top:6px;
	height:6px;
	width:6px;
	border-radius:50%;
	background-color:#143c56
}
.requirementsOuterContainer .requirementsContainer .requirementBox .subtitle span:first-child {
	margin-top:12px
}
@media (min-width:768px) and (max-width:1024px) {
.requirementsOuterContainer {
padding:124px 0 62px
}
.requirementsOuterContainer .icon {
margin-bottom:16px
}
.requirementsOuterContainer .textContainer {
margin-bottom:24px
}
.requirementsOuterContainer .textContainer .headline {
margin-bottom:4px
}
.requirementsOuterContainer .requirementsContainer .requirementBox:not(:last-child) {
width:calc(50% - 24px / 2);
margin:0;
min-height:395px
}
.requirementsOuterContainer .requirementsContainer .requirementBox:first-child {
margin-right:24px
}
.requirementsOuterContainer .requirementsContainer .requirementBox:last-child {
width:100%;
margin-top:24px;
min-height:0
}
}
@media (max-width:767px) {
.requirementsOuterContainer {
text-align:center;
padding:120px 0 36px
}
.requirementsOuterContainer .icon {
margin-bottom:16px
}
.requirementsOuterContainer .textContainer {
margin-bottom:24px;
width:100%
}
.requirementsOuterContainer .textContainer .headline {
margin-bottom:0
}
.requirementsOuterContainer .textContainer .subtitle {
width:100%
}
.requirementsOuterContainer .requirementsContainer .requirementBox {
text-align:left;
padding:24px;
width:100%;
min-height:0
}
.requirementsOuterContainer .requirementsContainer .requirementBox:not(:last-child) {
margin:0 0 12px
}
}
.vehiclessOuterContainer {
	padding:100px 0
}
.vehiclessOuterContainer .textContainer {
	margin-bottom:40px
}
.vehiclessOuterContainer .textContainer .headline {
	margin-bottom:20px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper {
	width:100%
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper:not(:last-child) {
margin-bottom:40px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .vehicleImage {
	vertical-align:top;
	width:316px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information {
	display:inline-block;
	vertical-align:top;
	width:620px;
	margin-left:72px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information .headline {
	margin-bottom:12px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information .subtitle {
	margin-bottom:28px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information .infoNote {
	font-style:italic
}
@media (min-width:768px) and (max-width:1024px) {
.vehiclessOuterContainer {
padding:40px 0 84px
}
.vehiclessOuterContainer .textContainer {
margin-bottom:32px
}
.vehiclessOuterContainer .textContainer .headline {
margin-bottom:8px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .vehicleImage {
width:35%
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information {
margin-left:24px;
width:calc(65% - 24px)
}
}
@media (max-width:767px) {
.vehiclessOuterContainer {
padding:42px 0 22px;
text-align:center
}
.vehiclessOuterContainer .textContainer {
margin-bottom:12px
}
.vehiclessOuterContainer .textContainer .headline {
margin-bottom:8px;
font-size:24px
}
.vehiclessOuterContainer .vehiclesContainer {
text-align:center
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper {
margin-bottom:32px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .vehicleImage {
width:190px;
margin-bottom:12px
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information {
margin-left:0;
width:100%
}
.vehiclessOuterContainer .vehiclesContainer .vehicleWrapper .information .headline {
font-size:20px
}
}
.moverProInformationOuterContainer {
	padding:120px 0 150px
}
.moverProInformationOuterContainer .textContainer {
	width:640px
}
.moverProInformationOuterContainer .textContainer .cta {
	display:block;
	margin-top:20px;
	color:#4bb3fd
}
.moverProInformationOuterContainer .textContainer .headline {
	margin-bottom:20px
}
.moverProInformationOuterContainer .textContainer .subtitle span {
	display:block;
	margin-top:8px;
	padding-left:16px
}
.moverProInformationOuterContainer .textContainer .subtitle span:before {
	content:"";
	position:absolute;
	left:0;
	top:6px;
	height:6px;
	width:6px;
	border-radius:50%;
	background-color:#143c56
}
.moverProInformationOuterContainer .textContainer .subtitle span:first-child {
	margin-top:12px
}
.moverProInformationOuterContainer .moverProMan {
	position:absolute;
	left:720px;
	bottom:-150px;
	height:calc(100% + 150px)
}
@media (min-width:768px) and (max-width:1024px) {
.moverProInformationOuterContainer {
padding:40px 0 44px
}
.moverProInformationOuterContainer .textContainer {
width:75%
}
.moverProInformationOuterContainer .moverProMan {
left:60%;
height:100%;
bottom:-40px
}
}
@media (max-width:767px) {
.moverProInformationOuterContainer {
padding:282px 0 44px
}
.moverProInformationOuterContainer .textContainer {
width:100%
}
.moverProInformationOuterContainer .moverProMan {
left:50%;
-webkit-transform:perspective(1px) translateX(-50%);
transform:perspective(1px) translateX(-50%);
height:227px;
bottom:calc(100% + 24px)
}
}
.missingPageContainer {
	width:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	min-height:calc(100vh - 60px - 350px)
}
.failedOuterContainer {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100%;
	height:100vh
}
.failedOuterContainer .failedContainer .headline1 {
	margin-bottom:25px
}

/*# sourceMappingURL=main.e14408fb.css.map*/