.forceVisible{
	display: block !important;
}

input.simpleLink {
    font: 16px/24px 'Roboto', Arial, sans-serif;
    color: #084887;
    border: 0;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    background: transparent;
}
input.simpleLink:hover {
    cursor:pointer;
    color:#4676A5;
}

.modalContent p{
	max-width: 100%;
}

#content section + h1{
	background: transparent;
	color: #333;
	padding:0;
	margin:48px auto 24px;
	width: calc(100vw - 32px);
	max-width: 100%;
}

@media screen and (min-width: 540px){
	.twoCols{
		display: flex;
		width: 100%;
	}
	.twoCols .column{
		width:calc(50% - 12px);
	}
	.twoCols .column:first-child{
		margin-right: 24px;
	}
}

.blockSummary .value{
	font-weight: 600;
	padding-left: 24px;
	padding-bottom: 8px;
}
.blockSummary .value small{
	font-weight: 300;
	font-size: 16px;
}
@media screen and (min-width: 340px){
	.blockSummary{
		display: table;
		width: 100%;
	}
	.blockSummary .line{
		display: table-row;
	}
	.blockSummary .label,
	.blockSummary .value{
		display: table-cell;
		vertical-align: top;
		padding-bottom: 8px;
	}
}

.addIcon{
	
}
.addIcon::before{
	content:" ";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M7,7 L7,3 C7,2.44771525 7.44771525,2 8,2 C8.55228475,2 9,2.44771525 9,3 L9,7 L13,7 C13.5522847,7 14,7.44771525 14,8 C14,8.55228475 13.5522847,9 13,9 L9,9 L9,13 C9,13.5522847 8.55228475,14 8,14 C7.44771525,14 7,13.5522847 7,13 L7,9 L3,9 C2.44771525,9 2,8.55228475 2,8 C2,7.44771525 2.44771525,7 3,7 L7,7 Z' fill='%23084887'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
}

.mainTile{
	border-bottom: solid 1px rgba(252, 146, 34,0.5);
}
.mainTile p{
	max-width: 100%;
}

.noConnectivityMessage{
	display: block;
	height: 150px;
	max-height:0;
	transition: max-height 0.4s ease-out;
}
.noConnectivityMessage .message{
	position: fixed;
	bottom: -150px;
	width:320px;
	margin:0 calc(50% - 160px);
	color:#fff;
	padding:24px 16px 16px;
	transition: bottom 0.4s ease-out;
	border-radius: 4px;
	box-shadow: 0 12px 36px rgba(0,0,0,0.22);

	background:rgba(150,0,0,0.9) no-repeat 50% 12px;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='40px' height='8px' viewBox='0 0 80 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='loader'%3E%3Crect%3E%3Canimate id='ref' begin='0;ref.end' dur='1s' attributeName='visibility' from='hide' to='hide'/%3E%3C/rect%3E%3Ccircle id='o1' fill='%23D9D9D9' cx='8' cy='8' r='8'%3E%3Canimate attributeName='fill' values='%23FF6666;%23FFFFFF;%23FF6666' begin='ref.begin' dur='1.0s'/%3E%3C/circle%3E%3Ccircle id='o2' fill='%23D9D9D9' cx='40' cy='8' r='8'%3E%3Canimate attributeName='fill' values='%23FF6666;%23FFFFFF;%23FF6666' begin='ref.begin+0.25s' dur='1.0s'/%3E%3C/circle%3E%3Ccircle id='o3' fill='%23D9D9D9' cx='72' cy='8' r='8'%3E%3Canimate attributeName='fill' values='%23FF6666;%23FFFFFF;%23FF6666' begin='ref.begin+0.5s' dur='1.0s'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;

}
.noConnectivityMessage .message p{
	margin:2px 0;
	text-align: center;
	font-size:14px;
	line-height: 21px;
}

.noConnectivityMessage .message .details{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-in-out;
}
.noConnectivityMessage:hover .message .details{
	max-height: 100px;
}

.noConnectivityMessage.active{
	max-height:150px;
}
.noConnectivityMessage.active .message{
	bottom: 12px;
}

#checkBCEbutton{
	min-width: 40px;
	min-height: 24px;
	display: inline-block;
}

#groupBCE .inputAreaBCE .inputText{
	max-width: 150px;
	display: inline-block;
	vertical-align: middle;
}
#groupBCE .inputAreaBCE #checkBCEbutton{
	display: inline-block;
	vertical-align: middle;
	margin-left:16px;
}

.errorMessage{
	background:#CC0000;
	color: #fff;
	line-height: 19px;
	padding: 16px 16px 16px 40px;
	border-radius: 8px;
	position: relative;
	opacity:1;
	transition: max-height 0.3s ease-in, opacity 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out;
	overflow: hidden;
}

.errorMessage.hidden,
.hidden .errorMessage{
	max-height: 0px;
	opacity:0;
	padding-top: 0;
	padding-bottom: 0;
}
.errorMessage::before{
	content:" ";
	position: absolute;
	top: 18px;
	left: 16px;
	width:16px;
	height: 16px;
	display: inline-block;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 Z M4,7 C3.44771525,7 3,7.44771525 3,8 C3,8.55228475 3.44771525,9 4,9 L12,9 C12.5522847,9 13,8.55228475 13,8 C13,7.44771525 12.5522847,7 12,7 L4,7 Z' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.errorMessage p{
	margin: 0 0 8px;
}

.BceKboServerError{
	margin: -16px 0 0 -24px;
	max-height: 400px;
}

.companyAddress{
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px;
	padding:12px 32px 0px 48px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	margin-bottom: 32px;
	margin-top: 16px;
}
.companyAddress.simple{
	background-color: transparent;
	padding:0 0 0 36px;
	box-shadow: none;
	margin-bottom: 32px;
	margin-top: 0;
}
.companyAddress .icon[data-ico=cards_company]{
	position: absolute;
	top:12px;
	left:12px;
}
.companyAddress.simple .icon[data-ico=cards_company]{
	top:0;
	left:0;
}
.companyAddress .icon[data-ico=cards_company] svg{
	width:24px;
	height:24px;
}
.companyAddress .icon[data-ico=cards_company] svg #s1{
	fill: rgba(8,72,135,1);
}
.companyAddress .icon[data-ico=cards_company] svg #s2{
	fill: rgba(8,72,135,0.75);
}

.companyAddress .bceCompanyName{
	font-weight: 500;
}
.companyAddress .bceCompanyAddrLine1,
.companyAddress .bceCompanyAddrLine2{
	display: block;
}

#revokeMandate{
	margin-bottom: 16px;
}

@media screen and (max-width: 358px){
	.companyAddress{
		margin-left:-24px;
		margin-right:-24px;
	}	
}


.hasMandateRequest h3 strong{
	font-weight: 400 !important;
}
.hasMandateRequest .message{
	max-width: 100%;
}
.hasMandateRequest .CTAContainer{
	padding: 8px 0 8px;
	text-align: center;
}
.hasMandateRequest .CTAContainer .CTA{
	margin-bottom: 24px;
}
@media screen and (min-width: 420px){
	.hasMandateRequest .CTAContainer{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	    align-content: stretch;
	    align-items: flex-start;	
	}

	.hasMandateRequest .CTAContainer .CTA.type1{
		order: 2;
	    flex: 0 1 auto;
	    align-self: auto;
	    margin-left: 32px;
	}
}


.hasMandateRequest + .noDriverCardBlock{
	border-top:solid 1px #D9D9D9;
	padding-top:32px;
	margin-top:24px;
}

.sectionCnt > .noDriverCardBlock:first-child{
	padding-top: 8px;
}

.noDriverCardBlock .message{
	max-width: 100%;
}
.noDriverCardBlock .CTAContainer strong{
	font-weight: 500;
}
.noDriverCardBlock .CTAContainer a{
	display: inline-block;
	margin:16px 0;
}
.noDriverCardBlock .CTAContainer .block{
	text-align: center;
}
@media screen and (max-width: 459px){
	.noDriverCardBlock .CTAContainer .block{
		padding:16px 0 16px;
		margin: 0 16px;
	}
	.noDriverCardBlock .CTAContainer .block:not(:first-child){
		border-top:solid 1px #D9D9D9;
	}
}
@media screen and (min-width: 460px){
	.noDriverCardBlock .message{
		margin-bottom: 32px;
	}
	.noDriverCardBlock .CTAContainer{
		display: table-row;
	}
	.noDriverCardBlock .CTAContainer .block{
		display: table-cell;
		width: 50%;
		padding:0 24px;
	}
	.noDriverCardBlock .CTAContainer .block:not(:first-child){
		border-left:solid 1px #D9D9D9;
	}
}
@media screen and (min-width: 640px){
	.noDriverCardBlock .CTAContainer .block{
		padding:0 48px;
	}
}

.sectionCnt > .unpaidDriverCardBlock:first-child {
	padding-top: 8px;
}

.unpaidDriverCardBlock .message {
	max-width: 100%;
}

.unpaidDriverCardBlock .CTAContainer strong {
	font-weight: 500;
}

.unpaidDriverCardBlock .CTAContainer a {
	display: inline-block;
	margin: 16px 0;
}

.unpaidDriverCardBlock .CTAContainer .block {
	text-align: center;
}

@media screen and (max-width: 459px) {
	.unpaidDriverCardBlock .CTAContainer .block {
		padding: 16px 0 16px;
		margin: 0 16px;
	}

	.unpaidDriverCardBlock .CTAContainer .block:not(:first-child) {
		border-top: solid 1px #D9D9D9;
	}
}

@media screen and (min-width: 460px) {
	.unpaidDriverCardBlock .message {
		margin-bottom: 32px;
	}

	.unpaidDriverCardBlock .CTAContainer {
		display: table-row;
	}

	.unpaidDriverCardBlock .CTAContainer .block {
		display: table-cell;
		width: 50%;
		padding: 0 24px;
	}

	.unpaidDriverCardBlock .CTAContainer .block:not(:first-child) {
		border-left: solid 1px #D9D9D9;
	}
}

@media screen and (min-width: 640px) {
	.unpaidDriverCardBlock .CTAContainer .block {
		padding: 0 48px;
	}
}

.sateliteAction{
	margin: 24px 0 16px;
}
.sateliteAction .cardLostStolen{
	border-top:solid 1px #D9D9D9;
	padding-top: 24px;
	text-align: center;
}
.sateliteAction .cardLostStolen div{
	display: inline-block;
	margin:0 8px;
}


.contactForRenewal{
	padding-top: 16px;
	text-align: left;
	font-size: 14px;
}


.cardInfo .renewCard{
	margin-top: 24px;
	text-align: center;
}
.cardInfo .renewCard .localMessage{
	margin-top: 16px;
	color:#96411D;
}
.cardInfo .renewCard .localMessage::before{
	position: relative;
	display: inline-block;
	top: 2px;
	left: -4px;
}
.cardInfo .detail .typeError{
	padding-left: 24px;
	font-size: 16px;
}

.cardInfo .link{
	margin-top: 16px;
}











#mainCnt > section.sateliteTile{
	background: #F3F9FF;
}
#mainCnt > section.sateliteTile h2{
	font-size: 19px;
	line-height: 28px;
	padding-bottom: 16px;
}

#mainCnt > section.sateliteTile.hasIcon{
	padding-left: 80px;
	position: relative;
}
#mainCnt > section.sateliteTile.hasIcon::before{
	content: " ";
	position: absolute;
	top: 16px;
	left: 16px;
	width: 48px;
	height: 48px;
}
@media screen and (min-width: 460px){
	#mainCnt > section.sateliteTile.hasIcon{
		padding-left: 96px;
	}
	#mainCnt > section.sateliteTile.hasIcon::before{
		width: 64px;
		height: 64px;
	}
}
@media screen and (min-width: 769px){
	#mainCnt > section.sateliteTile.hasIcon{
		padding-left: 136px;
	}
	#mainCnt > section.sateliteTile.hasIcon::before{
		top: 24px;
		left: 48px;
	}
}

#mainCnt > section.sateliteTile.hasIcon.extraHelper::before{
	background: url(images/authenticated/lightbulb.svg) no-repeat 50% 50%/contain;
}



#mainCnt .indivOverview{
	margin-top: 24px;
}

#mainCnt .indivOverview h2{
	font-weight: 500;
	padding-bottom: 16px;
}

#mainCnt .indivOverview section.indivCard,
#mainCnt .indivOverview section.indivOrder,
#mainCnt .indivOverview section.indivProfile{
	background: #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	width: 100%;
	margin-bottom: 24px;
	padding: 8px 16px 32px;
}


@media screen and (min-width: 540px){
	#mainCnt .indivOverview section.indivCard{
		border-radius: 0 8px 8px 0;
	}
	#mainCnt .indivOverview section.indivOrder,
	#mainCnt .indivOverview section.indivProfile{
		border-radius: 8px 0 0 8px;
	}
}
@media screen and (min-width: 769px){
	#mainCnt .indivOverview section.indivCard,
	#mainCnt .indivOverview section.indivOrder,
	#mainCnt .indivOverview section.indivProfile{
		padding: 0 48px 32px;
		border-radius: 8px;
	}
}

#mainCnt .indivOverview section.indivCard{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='408px' height='167px' viewBox='0 0 408 167' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M0,0 L408,0 L408,82.6327554 C344.0375,80.297993 276.0375,95.1555717 204,127.205491 C131.9625,159.255411 63.9625,171.672102 0,164.455564 L0,0 Z' fill='%23F3F9FF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

figure.cardSpecimen.smallView{
	display: block;
	width: 100%;
	max-width: 160px;
	margin:0 auto 12px;
}
figure.cardSpecimen.smallView img{
	border-radius: 6px;
}

.indivOverview .cardInfo .cardOwner{
	padding: 8px 0;
	font-size: 19px;
	color:#084887;
}
.indivOverview .cardInfo .cardOwner strong{
	font-weight:500;
}
.indivOverview .cardInfo .detail{
	padding-bottom: 8px;
	font-size: 14px;
}
.indivOverview .cardInfo .detail strong{
	font-size: 16px;
}

.cardRenewal, .indivOverview .cardInfo .cardLostStolen, .notWorkingInformationBox{
	background: rgba(8,72,135,0.03);
	border: solid 1px rgba(8,72,135,0.5);
	padding: 16px 16px 24px;
	border-radius: 4px;
	text-align: center;
}

.cardRenewal, .indivOverview .cardInfo .cardLostStolen{
	margin: 32px 0 0;
}

.notWorkingInformationBox {
	margin: 0;
}

.indivOrder .alertHasMandate {
	margin-bottom: 16px;
	padding-left: 24px;
	color: #96411D;
}


.indivProfile .emailSet{
	margin-left:16px;
}
.indivProfile .emailSet #expiracyReminder{
	margin-top: 8px;
}
.indivProfile .emailSet #expiracyReminder .inputArea{
	padding:0;
}

.indivProfile .emailSet .noMailYet .sentenceWaitingFor{
	margin:8px 0 4px;
}
.indivProfile .notification{
	margin:0 0 24px;
}

.mainTile .productionStatus {
	padding-top: 24px;
	padding-bottom: 24px;
}
.productionStatus .messageRequestDate{
	margin-bottom: 16px;
}
.productionStatus .localMessage{
	margin-bottom: 16px;
}
.productionStatus .localMessage.typeInfo,
.productionStatus .localMessage.typeWarning,
.productionStatus .localMessage.typeError{
	padding-left: 24px;
}


.noDriverCardBlock .userGaveMandate{
	border-top:solid 1px #D9D9D9;
	padding-top: 16px;
}

.cardDetails .cardInfo figure.cardSpecimen{
	text-align: center;
	width: 100%;
	max-width: 100%;
	padding:0 16px;
}
.cardDetails .cardInfo .cardSpecimen img{
	max-width: 220px;
	width:100%;
}
.cardDetails .cardInfo .cardSpecimen figcaption{
	color:#747474;
}
.cardDetails .cardInfo .detail{
	margin-bottom: 8px;
}
.cardDetails .driverInfo{
	position: relative;
	padding-top: 40px;
	transition:padding-top 0.2s ease-in-out;
}
.cardDetails .driverInfo::before{
	display: block;
	content: " ";
	background:linear-gradient(to bottom, rgba(143,153,163,0) 0%,rgba(143,153,163,0.1) 100%);
	width:100%;
	height:12px;
	position: absolute;
	top: 8px;
	left: 0;
	opacity: 1;
	transition:opacity 0.2s ease-in-out;
}

.cardDetails .cardInfo .productionStatus{
	margin-top: 24px;
	padding-top: 16px;
	border-top: solid 1px #D9D9D9;
}

.cardDetails .cardInfo .cardValidity{
	margin-bottom: 16px;
}
.cardDetails .cardInfo .cardValidity .typeError{
	color:#CC3333;
}
.indivOverview .cardInfo .detail.cardValidity{
	margin: 8px 0 0;
	font-size: 14px;
}
.indivOverview .cardInfo .detail.cardValidity .typeError{
	font-size: 14px;
}
.indivOverview .cardInfo .detail.cardValidity .typeError strong{
	color:#CC3333;
	font-size: 14px;
}

@media screen and (min-width: 540px){
	.cardDetails{
		display: table;
		width: 100%;
	}
	.cardDetails .cardInfo{
		display: table-cell;
		vertical-align: top;
		padding-right: 48px;
		width: 45%;
		padding-bottom: 24px;
	}
	.cardDetails .cardInfo figure.cardSpecimen{
		margin:0 0 48px;
	}
	.cardDetails .driverInfo{
		display: table-cell;
		vertical-align: top;
		padding-top: 0;
		padding-left: 40px;
		padding-bottom: 24px;
	}
	.cardDetails .driverInfo::before{
		background:linear-gradient(to right, rgba(143,153,163,0) 0%,rgba(143,153,163,0.1) 100%);
		width:12px;
		height:100%;
		top:0;
		left: -12px;
	}
}


.collapsed .cardDetails .driverInfo{
	padding-top: 0;
}
.collapsed .cardDetails .driverInfo::before{
	opacity: 0;
}
.sateliteTile.individCard.collapsible .collapsibleLabel .arrowIcon{
	top:28px;
}

.myOrder .noOrder .sentenceWaitingFor{
	font-size: 16px;
	padding: 24px 0 0;
}
.myOrder .noOrder + .noDriverCardBlock{
	border-top:solid 1px #D9D9D9;
	padding-top:16px;
	margin-top: 24px;
}

.myOrder .noOrder .detail{
	padding-top:40px;
	padding-bottom:16px;
}
.myOrder .noOrder .detail .localMessage{
	display: inline-block;
	padding: 0px 48px 16px 24px;
}

.myOrder .mandateGiven p{
	max-width: 100%;
}
.sectionCnt .preTitle{
	padding:8px 0 0;
}
.sectionCnt h2+.postTitleExtraInfo{
	padding:0 0 24px;
	margin-top:-24px;
	font-size: 14px;
	line-height: 32px;
}
.sectionCnt.collapsed h2+.postTitleExtraInfo{
	padding:0;
	margin-bottom: 16px;
}


.myOrder .orderStatus .genericMsgStatus:first-child p:first-child{
    padding-top: 0;
}

.myOrder .orderStatus .genericMsgStatus{
	padding-bottom: 24px;
}
.myOrder .orderStatus figure.cardSpecimen{
	max-width: 100%;
}
.myOrder .orderStatus .cardSpecimen img{
    max-width: 220px;
    width: 100%;
}
.myOrder .orderStatus .cardSpecimen figcaption{
    color:#747474;
}


@media screen and (max-width: 539px){
	.myOrder .orderStatus .cardVisual{
		margin: 0 -16px 0;
		padding: 24px 24px 8px;
		background-color: #F3F4F5;
		border-top: solid 1px #D9D9D9;
		text-align: center;
	}
	.myOrder .collapsed .orderStatus .cardVisual{
		padding-top: 0;
		padding-bottom: 0;
		border-top: solid 0px #D9D9D9;
	}
}
@media screen and (min-width: 540px){
	.myOrder .orderStatus{
		display: table;
		width: 100%;
	}
	.myOrder .orderStatus .genericMsgStatus{
		display: table-cell;
		vertical-align: top;
		padding-right: 48px;
		width: 60%;
	}
	.myOrder .orderStatus .cardVisual{
		display: table-cell;
		vertical-align: top;
		width: 40%;
		padding-bottom: 24px;
		text-align: center;
	}
}




.disclaimerSentDelay{
	margin-top: 24px;
}

.myOrder .sectionCnt{
	overflow: visible !important;
}

.myOrder .trackingUrl{
	margin-bottom: 48px;
}

.orderInvoiceLink{
	position: relative;
	background:#F3F9FF;
	border-top:solid 1px #D9D9D9;
	padding:24px 16px;
	margin: 0 -16px;
	font-weight: 500;
}
.orderInvoiceLink .message{
	display: inline-block;
	margin-right: 32px;
	margin-bottom: 16px;
}
.orderInvoiceLink .CTA{
	display: inline-block;
	vertical-align: middle;
}

.summaryOrder{
	background:#F3F4F5;
	padding:32px 16px 48px;
	margin: 0 -16px 24px;
	border-bottom: solid 1px #D9D9D9;
	overflow: hidden;
	position: relative;
}
.summaryOrder::before{
	content: " ";
	font-size: 1px;
	position: absolute;
	top:-10px;
	left: 0;
	height:10px;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}



.orderSummary{
	margin-top: 16px;
}
.anySummary .row .value{
	padding-bottom: 16px;
}
.anySummary .row + .blockTitle{
	border-top:solid 1px #D9D9D9;
	padding-top: 24px;
	margin-top: 24px;
	padding-bottom: 8px;
}

.anySummary .row .label{
	vertical-align: top;
	font-size: 14px;
}
.anySummary .row .value{
	font-weight: 500;
	padding-left: 24px;
}
.anySummary .row .value small{
	font-weight: 300;
	font-size: 14px;
}
@media screen and (min-width: 540px){
	.orderSummary{
		margin-left: 24px;
	}
	.anySummary .row{
		display: flex;
	}
	.anySummary .row .label{
		width: 27%;
		font-size: 16px;
		padding-bottom: 16px;
		align-self: flex-start;
	}
	.anySummary .row .value{
		vertical-align: bottom;
		padding-left: 32px;
		align-self: flex-end;
		padding-bottom: 16px;
	}
}
@media screen and (min-width: 770px){
	.sectionCnt .preTitle{
		padding:24px 0 0;
	}
	.orderInvoiceLink{
		padding:24px 48px;
		margin: 0 -48px;
	}
	.summaryOrder{
		padding:32px 48px 48px;
		margin: 0 -48px 24px;
	}
	.anySummary .row + .blockTitle{
		padding-top: 32px;
		margin-top: 48px;
	}
}


.orderHiddenDetails{
	background:#FFF;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18);
	border-radius: 8px;
	padding: 16px 0 0;
	margin:0 -24px 16px;
}
.orderHiddenDetails h3.collapsibleLabel{
	color:#747474 !important;
	padding-left: 24px;
	margin-right: 24px;
}
.orderHiddenDetails .deliveryInfo{
	padding: 0 24px 32px;
}

.orderHiddenDetails .summaryOrder{
	padding-left: 24px;
	padding-right: 24px;
	margin:0;
	border-radius: 0 0 8px 8px;
}


.summaryNewCard{
	padding:32px 16px 16px;
	margin: 0 -16px 24px;
	overflow: hidden;
	position: relative;
}
.summaryNewCard .summary p{
	margin: 0 0 8px;
}	

@media screen and (min-width: 540px){
	.summaryNewCard .summary{
		margin-left: 24px;
	}	
}
@media screen and (min-width: 770px){
	.summaryNewCard{
		padding:32px 48px 16px;
		margin: 0 -48px 24px;
	}
}
.summaryNewCard::before{
	content: " ";
	font-size: 1px;
	position: absolute;
	top:-10px;
	left: 0;
	height:10px;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

.companyOrder .genericMsgStatus{
	padding-left: 24px;
}
.genericMsgStatus span.collapsibleCnt{
	display: inline-block;
	vertical-align: bottom;
}

.indivSentCardDetail{
	padding-bottom: 0 !important;
}

.indivSentCardDetail > .collapsibleCnt{
	margin:0 -48px;
	padding: 0 48px;
}

.indivSentCardDetail.collapsed .orderInvoiceLink{
	border-radius: 0 0 8px 8px;
}

.indivSentCardDetail .footQuestionsLink{
	padding-bottom: 24px;
}

@media screen and (min-width: 770px){
	.indivSentCardDetail.collapsibleInit .collapsibleLabel .arrowIcon{
		top: 24px;
		right: -24px;
	}
}


.stepper + h2{
	margin-right: 32px;
}
.stepper{
	position: absolute;
	top:8px;
	right:16px;
	display: block;
	width:48px;
	height:48px;
}
@media screen and (min-width: 770px){
	.stepper{
		top:24px;
		right:24px;
	}
}
.stepper svg{
	position: absolute;
	top: 0;
	left: 0;
}
.stepper div{
	display: block;
	text-align:center; 
	vertical-align: middle;
	line-height: 48px;
}

.formErrorMessage{
	color:#fff;
	padding:16px 16px 8px 40px;
	border-radius: 8px;
	margin-bottom: 32px;

	background:#CC3333 no-repeat 16px 20px;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 Z M4,7 C3.44771525,7 3,7.44771525 3,8 C3,8.55228475 3.44771525,9 4,9 L12,9 C12.5522847,9 13,8.55228475 13,8 C13,7.44771525 12.5522847,7 12,7 L4,7 Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}

.formErrorMessage p{
	font-weight: 500;
}
.formErrorMessage p.details{
	font-weight: 300;
}

.newOrder .submitArea{
	padding-top: 32px;
	margin-top: 32px;
	display: flex;
}
.newOrder hr+.submitArea{
	padding-top: 16px;
	margin-top: 0;
}
.newOrder .submitArea .buttonContainer{
	display: inline-block;
	position: relative;
	order:99;
}
.newOrder .submitArea .buttonContainer:not(:last-child){
	margin-left: 32px;
}
.newOrder .submitArea .buttonContainer input{
	position: relative;
	z-index: 5;
}
.newOrder .submitArea .buttonContainer input[disabled]{
	z-index: 0;
}
.newOrder .submitArea .buttonContainer .buttonIntercept{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 16px);
}
.newOrder .submitArea input,
.newOrder .submitArea a{
	margin-bottom: 16px;
}
.newOrder .submitArea a{
	padding-top: 8px;
}
.newOrder .submitArea a:not(:last-child),
.newOrder .submitArea .buttonContainer:not(:last-child),
.newOrder .submitArea > input:not(:last-child){
	margin-right: 32px;
}

.submitArea .notReadyMessage{
	position: absolute;
	bottom:32px;
	left: -24px;
	width:400%;
	max-width: 280px;
	opacity: 0;
	transition: opacity ease-in-out 0.2s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}
.submitArea .notReadyMessage.smoothShow{
	opacity: 1;
}

@media screen and (max-width: 769px){
	.newOrder .submitArea{
		margin-bottom: 32px;
		padding-left:16px;
	}
}

.newOrder #drivingLicAltern{
	display: none;
}
.newOrder #drivingLicAltern.errorDrivLic,
.newOrder .showExtraDrivLicFld #drivingLicAltern{
	display: block;
	padding-top:32px;
}
.newOrder #drivingLicAltern .messageBE{
	display: none;
}
.newOrder #drivingLicAltern.errorDrivLic .messageBE{
	display: block;
	color:#CC3333;
	margin-top: -16px;
	margin-bottom: 16px;
}

.newOrder .expireLine{
	color:#96411D;
	margin:-16px 0 24px;
}

.comp_mandates #revokeMandate.popup.show .popWin h1,
.newOrder #noDeclDepossModal.popup.show .popWin h1,
.newOrder #noDeclConfiscatedModal.popup.show .popWin h1,
.newOrder #noDeclChangeOfNameModal.popup.show .popWin h1,
.newOrder #noDeclChangeOfHolderNameModal.popup.show .popWin h1,
.newOrder #noDeclChangeOfResidenceModal.popup.show .popWin h1
{
	background-color: #96411D;
}

.newOrder #content section h3{
	padding-bottom: 24px;
}



form.submitButton{
	display: inline-block;
	width: auto;
}
form.submitButton:not(:last-child){
	margin-right: 32px;
}


.priceTotalBlock{
	width: 100%;
	max-width: 490px;
	margin:0 auto;
	padding: 16px 0 32px;
	background:#F3F9FF;
	border-top:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
}
.priceTotalBlock > div{
	display: table;
	width: 80%;
	margin: 0 auto;
}
.priceTotalBlock > .subTotal{
	border-top:solid 1px #D9D9D9;
	margin-top:16px;
	padding-top: 8px;
}
.priceTotalBlock > .total{
	border-top:solid 1px #747474;
	font-size: 19px;
	font-weight: 500;
	margin-top:24px;
	padding-top: 12px;
}
.priceTotalBlock .row{
	display: table-row;	
}
.priceTotalBlock .row .label{
	display: table-cell;
	text-align: left;
	padding: 8px 16px 0 0;
}
.priceTotalBlock .row .value{
	display: table-cell;
	text-align: right;
	font-weight: 500;
	padding: 8px 0 0;
	white-space: nowrap;
}

.expander .visColapsed,
.expander.expanded .visExpanded{
	display: block;
}
.expander.expanded .visColapsed,
.expander .visExpanded{
	display: none;
}


#mainCnt > section.sateliteTile.hasIcon.freelancerMessage::before{
	background: url(images/authenticated/freelancer.svg) no-repeat 50% 50%/contain;
}


.orderNewCardLinks{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-around;
	margin:0 -8px;
}
.orderNewCardLinks a,
.orderNewCardLinks div {
	max-width: 260px;
	min-width: 180px;
	width: 100%;
	height: 180px;
	padding-top: 124px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	transition: box-shadow 0.2s ease-in-out;
	margin: 0 8px 24px;
}
@media screen and (min-width: 620px){
	.orderNewCardLinks a,
	.orderNewCardLinks div {
		width: 30%;
	}
}
.orderNewCardLinks a:hover,
.orderNewCardLinks div:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.18);
}
.orderNewCardLinks a.drivers,
.orderNewCardLinks div.drivers {
	background: url(images/authenticated/newcard_drivers.svg) no-repeat 50% 0%;
}
.orderNewCardLinks a.company,
.orderNewCardLinks div.company {
	background: url(images/authenticated/newcard_company.svg) no-repeat 50% 0%;
}
.orderNewCardLinks a.workshop,
.orderNewCardLinks div.workshop {
	background: url(images/authenticated/newcard_workshop.svg) no-repeat 50% 0%;
}


#mainCnt > section.overviewLists{
	padding:0;
}

#mainCnt > section + section.overviewLists.isCompTagFilter{
	margin-top: 48px;
}

.compTagSelector{
	position: relative;
	top: -24px;
	left: -24px;
	display: inline-block;
	max-width: 400px;
	background:#FFF;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	white-space: nowrap;
	padding: 4px;
	z-index: 4;
}
.compTagSelector .labelArea{
	display: inline-block;
	line-height: 34px;
	padding: 0;
	margin:0 16px 0 20px;
}
.compTagSelector .inputArea{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.overviewLists .sectionCnt{
	padding:0 16px;
}
.overviewLists .sectionCnt .col{
	padding-bottom:32px;
}
#content section.overviewLists.isCompTagFilter .sectionCnt .col > h2{
	padding-top: 0;
}
.overviewLists .sectionCnt .col .listContainer{
	background:#F3F9FF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

.overviewLists .sectionCnt .col .sentenceWaitingFor{
	padding:24px;
	min-height: 96px;
}


@media screen and (min-width: 770px){
	#mainCnt > section.overviewLists{
		padding:0 48px 0;
	}
	.overviewLists .sectionCnt{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
	
		width: calc(100% + 96px);
		padding:0 48px;
	}
	.overviewLists .sectionCnt .col{
		width: calc(50% - 36px);
	}	
	.overviewLists .sectionCnt .col .listContainer{
		margin:0 -24px;
	}
}




.overviewLists svg #s1{
	fill:rgba(8,72,135,1);
}
.overviewLists svg #s2{
	fill:rgba(8,72,135,0.75);
}
.overviewLists .outdated svg #s1,
.overviewLists .orderLine svg #s1,
.overviewLists .outdated svg #s2,
.overviewLists .orderLine svg #s2{
	fill:rgba(116,116,116,0.5);
}

.overviewLists .cardIcoStats{
	padding:16px 16px 24px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}
.overviewLists .cardIcoStats .card{
	max-width:108px;
	text-align: center;

	color:#4A4A4A;
}
.overviewLists .cardIcoStats .card .icon{
	display: block;
}
.overviewLists .cardIcoStats .card .icon svg{
	width:24px;
	height:24px;
}
.overviewLists .cardIcoStats .card .amount{
	font: 22px/24px 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	position: relative;
	z-index: 1;
	display:block;
	width:64px;
	padding-top: 8px;
	margin: -10px auto 0;
	border-radius: 8px;
	border-top:solid 2px #FC9222;
	background:#F3F9FF;
}
.overviewLists .cardIcoStats .card .unit{
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin: 4px 0 0;
}
.overviewLists .cardIcoStats .card .unit strong{
	font-weight: 500;
}

.overviewLists .manageLink{
	padding: 16px;
	text-align: right;
}

.overviewLists .pendingActionsList{
	max-height: 460px;
	overflow: auto;
	background:#fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18) inset;
	border-bottom:solid 1px #D9D9D9;
}
.overviewLists .pendingActionsList a.hiddenLink{
	color:#333333;
	text-decoration: none;
	display: block;
	padding:16px 0 0;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.overviewLists .pendingActionsList a.hiddenLink:hover{
	color:#333333 !important;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	background-color: #F9F9F9;
}
.overviewLists .pendingActionsList h3{
	font-weight: 600;
	padding:24px 16px 4px !important;
}
.overviewLists .pendingActionsList h3 small{
	font-weight: 300;
}
.overviewLists .pendingActionsList .cardLine{
	position: relative;
}
.overviewLists .pendingActionsList .cardLine .container,
.overviewLists .pendingActionsList .orderLine{
	position: relative;
	margin:0 0 0 56px;
	padding:0 0 16px;
	border-bottom:solid 1px #D9D9D9;
	transition: border-color 0.2s ease-in-out;
}
.overviewLists .pendingActionsList .cardLine a:hover .container,
.overviewLists .pendingActionsList a:hover .orderLine{
	border-color:#F9F9F9;
}

.overviewLists .pendingActionsList .orderLine .details{
	display: block;
	position: relative;
	margin: 8px 0 0;
}
.overviewLists .pendingActionsList .cardLine .icon{
	position: absolute;
	left:-40px;
	top:0;
}
.overviewLists .pendingActionsList .orderLine .icon{
	position: absolute;
	left:-40px;
	top:2px;
}
#mainPageList .orderLine.blocked .container > .icon::after,
.overviewLists .pendingActionsList .orderLine .icon::after{
	content:" ";
	position: absolute;
	right:-6px;
	bottom:0px;
	width:16px;
	height: 16px;
	font-size: 1px;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='14px' height='14px' viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Ccircle fill='%23CC3333' cx='7' cy='7' r='7'%3E%3C/circle%3E%3Crect fill='%23FFFFFF' x='2' y='6' width='10' height='2' rx='1'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
}
.overviewLists .pendingActionsList .cardLine .icon svg,
.overviewLists .pendingActionsList .orderLine .icon svg{
	width: 24px;
	height: 24px;
}

.overviewLists .pendingActionsList .cardLine .user{
	padding-bottom:4px;
	line-height: 20px;
}
.overviewLists .pendingActionsList .cardLine .cardNum{
	font-weight: 500;
	padding-right: 24px;
	padding-bottom: 4px;
	font-size: 14px;
	line-height: 20px;
}
.overviewLists .pendingActionsList .cardLine .daysLeft{
	color:#CC3333;
	padding-bottom: 4px;
}
.overviewLists .pendingActionsList .cardLine .link{
	padding-right: 24px;
	color: #084887;
	text-decoration: underline;
}

.overviewLists .pendingActionsList .orderLine .orderDate{
	margin-left: -40px;
	line-height: 20px;
}
.overviewLists .pendingActionsList .orderLine .orderNum{
	padding-right: 24px;
	font-size: 14px;
	line-height: 20px;
}
.overviewLists .pendingActionsList .orderLine .orderNum span{
	color:#CC3333;
	text-decoration: underline;
}
.overviewLists .pendingActionsList .orderLine .user{
	color:#CC3333;
	font-weight: 500;
}
.overviewLists .pendingActionsList .orderLine .user .cardOwner{
	color:#333333;
	font-weight: 300;
}
.overviewLists .pendingActionsList .orderLine .orderType{
	color:#4A4A4A;
}

@media screen and (min-width: 420px){
	.overviewLists .pendingActionsList .cardLine a .container,
	.overviewLists .pendingActionsList .orderLine{
		display: flex;
		flex-flow: row wrap;
		align-content : stretch;
	}
	.overviewLists .pendingActionsList .cardLine .user,
	.overviewLists .pendingActionsList .cardLine .daysLeft{
		width: calc(100% - 166px);
	}
	.overviewLists .pendingActionsList .orderLine .orderDate{
		width: calc(100% - 126px);
	}
	
	.overviewLists .pendingActionsList .cardLine .cardNum,
	.overviewLists .pendingActionsList .cardLine .link{
		width: 150px;
		margin-left: 16px;
		text-align: right;
	}
	.overviewLists .pendingActionsList .orderLine .orderNum {
		width: 250px;
		margin-left: 16px;
		text-align: right;
	}
}




.cardsCompany .sentenceWaitingFor.noResult,
.ordersCompany .sentenceWaitingFor.noResult,
.invoicesCompany .sentenceWaitingFor.noResult,
.comp_mandates .sentenceWaitingFor.noResult{
	padding:48px 0 32px;
}


.pageListFilter{
	margin:-8px -16px 0;
	background:#F3F4F5;
	border-radius: 8px 8px 0 0;
	padding-bottom: 1px;
	border-bottom: solid 1px #D9D9D9;
}
.invoicesCompany .pageListFilter{
	padding-top: 16px;
}
.pageListFilter #cardsFilter{
	padding:24px 16px 0;
}
.pageListFilter #cardsFilter .labelArea{
	display: inline-block;
}
.pageListFilter #cardsFilter .inputArea{
	display: inline-block;
	padding-bottom:0;
}
.pageListFilter .filterArea{
	padding: 8px 16px 0;
	border-bottom: 0;
}
.pageListFilter .mandateArea {
	margin-top: -32px;
	padding-bottom: 32px;
	padding-left: 16px;
	border-bottom: 0;
}
.formFilterList .pageListFilter.isCompTagFilter .filterArea{
	padding-bottom: 32px;
}

@media screen and (min-width: 770px){
	.pageListFilter{
		margin:0 -48px;
	}
	.pageListFilter #cardsFilter{
		padding:24px 48px 0;
	}
	.pageListFilter .filterArea{
		padding: 8px 48px 0;
	}
	.pageListFilter .mandateArea {
		margin-top: -32px;
		padding-bottom: 32px;
		padding-left: 48px;
	}
}


#mainPageList .groupList .heading{
	border-bottom:solid 1px #747474;
	margin:48px 0 16px;
	padding-bottom: 8px;
}
#mainPageList .groupList:first-child .heading{
	margin-top:16px;
}
#mainPageList .groupList .heading h2{
	font-size: 17px;
	font-weight: 600;
	margin:0;
	padding: 0 32px 0 0;
}
#mainPageList .groupList .heading h2 small{
	font-size: 17px;
	font-weight: 300;
	margin-left: 4px;
}
#mainPageList .groupList .heading #allExpiredCards{
	text-align: right;
	font-size: 14px;
}

#mainPageList .groupList .icon{
	position: absolute;
	left: -40px;
	top: 4px;
}
#mainPageList .groupList .icon svg{
	width: 24px;
	height: 24px;
}
#mainPageList .groupList .icon svg #s1{
	fill: rgba(8,72,135,1);
}
#mainPageList .groupList .icon svg #s2{
	fill: rgba(8,72,135,0.75);
}
#mainPageList .groupList .notValid .icon svg #s1,
#mainPageList .groupList .notValid .icon svg #s2{
	fill:rgba(116,116,116,0.5);
}

#mainPageList .groupList .container{
	border-bottom:solid 1px #D9D9D9;
	margin-left: 40px;
	padding-bottom: 4px;
	margin-bottom: 16px;
	position: relative;
	z-index: 0;
}

.cardsCompany #mainPageList .groupList .cardLine{
	will-change: 'max-height, transform';
	max-height: 250px;
}
.ordersCompany #mainPageList .groupList .orderLine{
	will-change: 'max-height, transform';
	max-height: 350px;
}
.ordersCompany #mainPageList .groupList .orderLine.hideFor-pageListFilter_cardtype,
.ordersCompany #mainPageList .groupList .orderLine.hiddenFilter,
.cardsCompany #mainPageList .groupList .cardLine.hideFor-pageListFilter_cardtype,
.cardsCompany #mainPageList .groupList .cardLine.hiddenFilter{
	max-height: 0;
	display: block;
}

.cardsCompany #mainPageList .groupList .cardLine .container .cardNum{
	font-size: 14px;
}
.cardsCompany #mainPageList .groupList .cardLine .container .user{
	display: inline-block;
	font-weight: 500;
}
.cardsCompany #mainPageList .groupList .cardLine .container .user small{
	font-weight: 300;
	color:#4A4A4A;
}
.cardsCompany #mainPageList .groupList .cardLine .container .daysLeft{
	display: inline-block;
	font-size: 14px;
}

.cardsCompany #mainPageList .groupList .cardLine .container .validity{
	font-size: 14px;
}
.cardsCompany #mainPageList .groupList .cardLine .container .validityDates{
	font-size: 14px;
}
.cardsCompany #mainPageList .groupList .cardLine .container .tagSelector{
	max-width: 200px;
}
.cardsCompany #mainPageList .groupList .cardLine .container .tagSelector .inputArea{
	padding-bottom: 0;
}
.cardsCompany #mainPageList .groupList .cardLine .container .tagSelector select{
	font-size: 14px;
	height: 30px;
}


@media screen and (max-width: 619px){
	#mainPageList .groupList .heading #allExpiredCards{
		display: inline-block;
		margin: 8px 0;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container{
		position: relative;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container.readyToRenew{
		padding-bottom: 56px;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .row{
		margin-bottom: 8px;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .row > div{
		margin-bottom: 4px;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .validity,
	.cardsCompany #mainPageList .groupList .cardLine .container .validityDates{
		display: inline-block;
		white-space: nowrap;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .validity::after{
		content: " - ";
		display: inline-block;
		margin:0 6px;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .tagSelector{
		margin:8px 0;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container.readyToRenew .tagSelector{
		margin-bottom:20px;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .link{
		position: absolute;
		right: 4px;
		bottom: 16px;
	}

}
@media screen and (min-width: 620px){
	#mainPageList .groupList .heading{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container{
		display: table;
		width: calc(100% - 40px);
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .row{
		display: table-row;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .row > div{
		display: table-cell;
		padding-bottom: 12px;
		vertical-align: top;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .row > div:not(last-child){
		padding-right: 16px;
	}	
	.cardsCompany #mainPageList .groupList .cardLine .container .cardNum{
		width:25%;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .link{
		text-align: right;
	}
	.cardsCompany #mainPageList .groupList .cardLine .container .tagSelector{
		text-align: right;
		width:25%;
		padding-top: 16px;
	}
}


.detailsBackLink{
	margin:24px 0 0 -24px;
}
.detailsBackLink .icon{
	display: inline-block;
	width:16px;
	height: 16px;
	margin: 0 8px 4px 0;
	vertical-align: middle;
}
.detailsBackLink .icon svg{
	width:16px;
	height: 16px;
}
.detailsBackLink .icon svg polygon{
	fill:currentColor;
}
@media screen and (max-width: 920px) {
	.detailsBackLink{
		margin:48px 0 64px 24px;
	}
}


#mainPageList .orderLine{

}
#mainPageList .orderLine.blocked{

}
#mainPageList .orderLine .container{
	padding-top:40px;
}
#mainPageList .orderLine .container .orderDate{
	position: absolute;
	top:0;
	left: -40px;
	font-style: italic;
}
#mainPageList .orderLine .container .icon{
	top:40px;
}
#mainPageList .orderLine.blocked .container .orderDate{
	color:#CC3333;
}
#mainPageList .orderLine .container .orderNum{
}
#mainPageList .orderLine.blocked .container .orderNum a{
	color:#CC3333;
}
#mainPageList .orderLine .container .orderNum a .icon{
	position: static;
	display: inline-block;
}
#mainPageList .orderLine .container .orderNum a .icon svg{
	display: inline-block;
	width: 16px;
	height: 16px;
	transform: rotate(90deg);
	vertical-align: middle;
	margin-bottom: 4px;
}
#mainPageList .orderLine .container .orderNum a .icon polygon{
	fill:currentColor;
}
#mainPageList .orderLine .container .icon{
}
#mainPageList .orderLine.blocked .container .icon svg #s1,
#mainPageList .orderLine.blocked .container .icon svg #s2{
	fill:rgba(116,116,116,0.5);
}
#mainPageList .orderLine .container .ownerName{
	padding:0 0 8px 0;
}
#mainPageList .orderLine .container .orderDesc{
	padding:0 0 8px 0;
}
#mainPageList .orderLine .container .orderStatus{

}
#mainPageList .orderLine .container .orderInvoice{
	padding:8px 0 16px 0;
}
#mainPageList .orderLine .container .tagSelector{
	max-width: 200px;
}


@media screen and (max-width: 619px){
	#mainPageList .orderLine .container .orderStatus{
		margin:8px 24px 24px;
	}
}
@media screen and (min-width: 620px){
	#mainPageList .orderLine .container{
		padding-top:32px;
	}
	#mainPageList .orderLine .container .icon{
		top:32px;
	}
	#mainPageList .orderLine .container .orderNum{
		position: absolute;
		top:0;
		right: 0;
	}
	#mainPageList .orderLine .container .ownerName{
		padding:0 200px 8px 0;
	}
	#mainPageList .orderLine .container .orderDesc{
		padding:0 200px 8px 0;
	}
	#mainPageList .orderLine .container .orderStatus{
		position: absolute;
		top: 32px;
		right: 0;
		text-align: right;
		max-width: 200px;
	}
	#mainPageList .orderLine .container .orderInvoice{
		padding:8px 200px 16px 0;
	}
	#mainPageList .orderLine .container .tagSelector{
		float: right;
	}
}





#mainPageList.multiComp {
	width:100%;
}

#mainPageList .multiLine {
	
}

#mainPageList .multiLine .container {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    border-bottom: 0;
}

#mainPageList .multiLine .container > div {
	vertical-align: top;
	padding-bottom: 12px;
}

#mainPageList .multiLine .container .multikbobce {
	display: block;
}

#mainPageList .multiLine .container .icon {

}

#mainPageList .multiLine .container .multiCompany {
	display: inline-block;
	width: 65%
}

#mainPageList .multiLine .container .multiButton {
	display: inline-block;
}











.myOrder .detailsCardInfo{
	display: table;
	margin-left: 24px;
	margin-bottom: 32px;
	font: 17px/24px 'Open Sans', Arial, sans-serif;
}
.myOrder .detailsCardInfo .line{
	display: table-row;
}
.myOrder .detailsCardInfo .label{
	display: table-cell;
	padding-right: 8px;
	padding-bottom: 8px;
	color:#4A4A4A;
	white-space: nowrap;
}
.myOrder .detailsCardInfo .value{
	display: table-cell;
}
.myOrder .detailsCardInfo .value strong{
	font-weight: 600;
}






.invoicesCompany #mainPageList .groupList .invoiceLine .container{
	width: 100%;
	margin:0 0 16px;
	padding-bottom: 8px;
}
.invoicesCompany .invoiceLine .container .invDate{
	font-style: italic;
	display: block;
	padding-bottom: 8px;
}
.invoicesCompany .invoiceLine .container .invNumber{
	margin-left: 24px;
	display: inline-block;
	padding-bottom: 8px;
}
.invoicesCompany .invoiceLine .container .groupAmount{
	white-space: nowrap;
	display: block;
	padding-bottom: 8px;
}
.invoicesCompany .invoiceLine .container .invAmount{
	font-weight: 500;
	text-align: right;
	margin-left: 24px;
	display: inline-block;
}
.invoicesCompany .invoiceLine .container .isPaid{
	margin-left: 24px;
	display: inline-block;
}
.invoicesCompany .invoiceLine .container .isPaid.red{
	font-weight: 500;
}

@media screen and (min-width: 600px){
	.invoicesCompany #mainPageList .groupList .invoiceLine{
		padding-left: 40px;
	}
	.invoicesCompany .invoiceLine .container .groupAmount{
		display: inline-block;
	}
	.invoicesCompany .invoiceLine .container .invAmount,
	.invoicesCompany .invoiceLine .container .isPaid{
		width:40%;
	}
}
@media screen and (min-width: 780px){
	.invoicesCompany #mainPageList .groupList .invoiceLine .container{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;

		border-bottom: 0;
	}
	.invoicesCompany .invoiceLine .container .groupAmount{
		width: 33%;
	}
}




.companyAccount .accountEntry{

}
.companyAccount .accountEntry .accountPageLink{
	position: relative;
	padding: 0 0 24px;
	margin-top: 24px;
	margin-left: 56px;
	border-bottom: solid 1px #D9D9D9;
}
.companyAccount .accountEntry .accountPageLink:last-child{
	border-bottom: 0px;
}
.companyAccount .accountEntry .accountPageLink .icon{
	position: absolute;
	top: 0;
	left: -56px;
}
.companyAccount .accountEntry .accountPageLink .icon svg{
	width: 32px;
	height: 32px;
}	
.companyAccount .accountEntry .accountPageLink .icon #s1{
	fill: rgba(8,72,135,1);
}
.companyAccount .accountEntry .accountPageLink .icon #s2{
	fill: rgba(8,72,135,0.75);
}
.companyAccount #content section .accountEntry .accountPageLink h2{
	padding: 0 0 8px;
}
.companyAccount #content section .accountEntry .accountPageLink p{
	margin: 0 0 8px;
}



#mySubsidiaryDetails{
	padding-top: 16px;
}
#mySubsidiaryDetails .row .value{
	padding-bottom: 16px;
}
#mySubsidiaryDetails .row .label{
	vertical-align: top;
	font-weight: 500;
}
#mySubsidiaryDetails .row .value{
	padding-left: 24px;
}
@media screen and (min-width: 540px){
	#mySubsidiaryDetails .row{
		display: flex;
	}
	#mySubsidiaryDetails .row .label{
		width: 33%;
		padding-bottom: 16px;
		align-self: flex-start;
	}
	#mySubsidiaryDetails .row .value{
		vertical-align: bottom;
		padding-left: 32px;
		align-self: flex-end;
		padding-bottom: 16px;
	}
}

#mySubsidiaryDetailsAgreement{
	margin-right: 24px;
}


#tagListMng .inputText{
	display: inline-block;
	width:calc(100% - 120px);
}
#tagListMng .addIcon .inputText{
	margin-left: 8px;
	width:calc(100% - 24px - 120px);
	min-width: 260px;
}
a.remove{
	display: inline-block;
	padding-left: 20px;
	color:#CC3333;
	margin-left: 24px;
	font-size: 14px;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='%23CC3333'%3E%3Cpath d='M8,6.58578644 L11.2426407,3.34314575 C11.633165,2.95262146 12.26633,2.95262146 12.6568542,3.34314575 C13.0473785,3.73367004 13.0473785,4.36683502 12.6568542,4.75735931 L9.41421356,8 L12.6568542,11.2426407 C13.0473785,11.633165 13.0473785,12.26633 12.6568542,12.6568542 C12.26633,13.0473785 11.633165,13.0473785 11.2426407,12.6568542 L8,9.41421356 L4.75735931,12.6568542 C4.36683502,13.0473785 3.73367004,13.0473785 3.34314575,12.6568542 C2.95262146,12.26633 2.95262146,11.633165 3.34314575,11.2426407 L6.58578644,8 L3.34314575,4.75735931 C2.95262146,4.36683502 2.95262146,3.73367004 3.34314575,3.34314575 C3.73367004,2.95262146 4.36683502,2.95262146 4.75735931,3.34314575 L8,6.58578644 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 0 4px;
}
a.remove:hover{
	color:#CC3333 !important;
}

a.resend{
	display: inline-block;
	padding-left: 20px;
	margin-left: 24px;
	font-size: 14px;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='%23084887'%3E%3Cpath d='M6.6,0.541274292 C6.65622591,0.541274292 6.7113202,0.557075126 6.75899968,0.586874801 L9.89296081,2.54560051 C10.0334618,2.63341361 10.0761737,2.81849872 9.98836062,2.95899968 C9.96421641,2.99763042 9.93159155,3.03025528 9.89296081,3.05439949 L6.75899968,5.0131252 C6.61849872,5.1009383 6.43341361,5.05822635 6.34560051,4.91772539 C6.31580083,4.87004591 6.3,4.81495162 6.3,4.75872571 L6.3,3.24423526 C3.81424313,3.97726472 2,6.27676277 2,9 C2,12.3137085 4.6862915,15 8,15 C11.3137085,15 14,12.3137085 14,9 C14,7.39384404 13.3688974,5.93508998 12.3411422,4.85818777 C12.2479045,4.76736382 12.19,4.64044408 12.19,4.5 C12.19,4.22385763 12.4138576,4 12.69,4 C12.7672878,4 12.8404799,4.0175359 12.9058146,4.04884602 C12.9558469,4.07115745 13.0048854,4.10554968 13.0513944,4.15401756 C14.2582784,5.41173386 15,7.11924775 15,9 C15,12.8659932 11.8659932,16 8,16 C4.13400675,16 1,12.8659932 1,9 C1,5.72030105 3.25551493,2.96740584 6.3,2.20785917 L6.3,0.841274292 C6.3,0.675588868 6.43431458,0.541274292 6.6,0.541274292 Z M11,6 C11.5522847,6 12,6.44771525 12,7 L12,11 C12,11.5522847 11.5522847,12 11,12 L5,12 C4.44771525,12 4,11.5522847 4,11 L4,7 C4,6.44771525 4.44771525,6 5,6 L11,6 Z M5,7.41020717 L5,11 L11,11 L11,7.58008621 L8.32478539,9.73801579 C8.13670777,9.88972633 7.86704738,9.88522675 7.68413596,9.72732586 L5,7.41020717 Z M10.214339,7 L5.973065,7 L8,8.7 L10.214339,7 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 0 4px;
}




.comp_mandates #mainCnt > section.sateliteTile.hasIcon.addMandate::before{
	top:12px;
	background: url(images/authenticated/add_mandate.svg) no-repeat 50% 50%/contain;
}
.comp_mandates #content section.addMandate h2{
	padding-top: 28px;
}
.comp_mandates .addMandate.collapsibleInit .collapsibleLabel .arrowIcon{
	top:32px;
}
.comp_mandates .pageListFilter {
    padding-top: 16px;
}

.comp_mandates #mainPageList .container{
	display: flex;
	justify-content: space-between;	
	position: relative;
	margin-left: 24px;
}
.comp_mandates #mainPageList .infos{
	margin-right: 24px;
	padding-bottom: 12px;
}
.comp_mandates #mainPageList .infos .details{
	font-size: 14px;
}
.comp_mandates #mainPageList .infos .details .reqDate{
	font-weight: 500;
}

.comp_mandates .inactiveMandate.rejected .container:before,
.comp_mandates .inactiveMandate.pending .container:before{
	position: absolute;
	width: 16px;
	height: 16px;
	content: " ";
	top:3px;
	left:-24px;
}
.comp_mandates .inactiveMandate.rejected .container:before{
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='%2396411D'%3E%3Cpath d='M8,1 C9.75307345,1 11.3556314,1.64443329 12.583702,2.70932788 L12.5961941,2.69669914 L13.3033009,3.40380592 L13.2906721,3.41629803 C14.3555667,4.64436856 15,6.24692655 15,8 C15,11.8659932 11.8659932,15 8,15 C6.24692655,15 4.64436856,14.3555667 3.41629803,13.2906721 L3.40380592,13.3033009 L2.69669914,12.5961941 L2.70932788,12.583702 C1.64443329,11.3556314 1,9.75307345 1,8 C1,4.13400675 4.13400675,1 8,1 Z M12.5811745,4.12516271 L4.12516271,12.5811745 C5.17056123,13.4662797 6.52295209,14 8,14 C11.3137085,14 14,11.3137085 14,8 C14,6.52295209 13.4662797,5.17056123 12.5811745,4.12516271 Z M8,2 C4.6862915,2 2,4.6862915 2,8 C2,9.47704791 2.53372027,10.8294388 3.41882553,11.8748373 L11.8748373,3.41882553 C10.8294388,2.53372027 9.47704791,2 8,2 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
}
.comp_mandates .inactiveMandate.pending .container:before{
	opacity: 0.5;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='%23747474'%3E%3Cpath d='M8,5.5 C8.9007681,5.5 10,5.5 10.7023043,4.68861682 C11.4046086,3.87723364 11.7461109,2.94330329 11.9136469,2 L4.08635315,2 C4.25388912,2.94330329 4.66328136,3.80806643 5.29769569,4.68861682 C6,5.5 7.0992319,5.5 8,5.5 Z M8.5,8.5 C8.5,8.83333333 8.33333333,9 8,9 C7.66666667,9 7.5,8.83333333 7.5,8.5 L7.44784483,8.41655172 C7.35072823,8.78384872 7.11526819,9.1243667 6.71882986,9.59631709 C6.59651613,9.74192868 6.02743913,10.3937813 6.14780633,10.2550713 C5.90484733,10.5350538 5.71873917,10.7583002 5.53935222,10.9889406 C4.76653666,11.9825606 4.27428343,12.9418675 4.08635315,14 C5.30676055,13.8786876 5.50063301,13.7426248 6,13.5 C6.49259563,13.2606651 7.5,12 8,12 C8.5,12 9.54188555,13.2660642 10,13.5 C10.512823,13.7618727 10.6487417,13.8690637 11.9136469,14 C11.7257166,12.9418675 11.2334633,11.9825606 10.4606478,10.9889406 C10.2812488,10.7582848 10.0951277,10.5350239 9.85214485,10.2550151 C9.97271474,10.3939575 9.40350041,9.74194836 9.28117014,9.59631709 C8.88473181,9.1243667 8.64927177,8.78384872 8.55215517,8.41655172 L8.5,8.5 Z M3,1 L13,1 C13,5 9.5,7 9.5,8 C9.5,9 13,11 13,15 L3,15 C3,11 6.5,9 6.5,8 C6.5,7 3,5 3,1 Z M8,11 C7.72385763,11 7.5,10.7761424 7.5,10.5 C7.5,10.2238576 7.72385763,10 8,10 C8.27614237,10 8.5,10.2238576 8.5,10.5 C8.5,10.7761424 8.27614237,11 8,11 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
}
.comp_mandates .inactiveMandate.rejected .container .infos .details .status{
	font-weight: 500;
	color:#96411D;
}
.comp_mandates .inactiveMandate.pending .container .infos .details .status{
	color:#747474;
}

.comp_mandates #mainPageList .activeMandate .container{
	margin-left: 0;
	flex-wrap: wrap;
}
.comp_mandates .container .individ{
	font-weight: 500;
}
.comp_mandates .activeMandate .container .individ{
	width:100%;
	padding-top: 4px;
	padding-bottom: 16px;
}
.comp_mandates .activeMandate .container .lang{
	width:64px;
	margin-left: 24px;
}
.comp_mandates .activeMandate .container .actions{
	text-align: right;
	padding-top: 4px;
}
.comp_mandates .container .actions a{
	padding-bottom: 16px;
}
@media screen and (min-width: 540px){
	.comp_mandates .activeMandate .container .individ{
		width:calc(100% - 274px);
	}
}


.comp_mandates .addMandate .inputText{
	max-width: 450px;
}
.comp_mandates .addMandate .inputRadChk{
	padding-left: 24px;
	max-width: 474px;
}
.comp_mandates .addMandate .submitArea{
	padding-left:24px;
}

.comp_newOrder .cardStatusDetails{
	display: table;
	margin-left: 24px;
}
.comp_newOrder .cardStatusDetails .line{
	display: table-row;
}
.comp_newOrder .cardStatusDetails .line .label{
	display: table-cell;
	font: 17px/24px 'Open Sans', Arial, sans-serif;
	color:#4A4A4A;
	padding-bottom:16px;
}
.comp_newOrder .cardStatusDetails .line .value{
	display: table-cell;
	font: 17px/24px 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	padding-left:24px;
	padding-bottom:16px;
}
.comp_newOrder .cardExpireLine{
	margin-top: 8px;
	padding-left: 24px;
}


.comp_newOrder #driverInfo.actionIsnew{
	margin-left: 24px;
}
.comp_newOrder .cardLostStolen{
	border-top:solid 1px #D9D9D9;
	padding-top: 24px;
	text-align: center;
}
.comp_newOrder .cardLostStolen div{
	display: inline-block;
	margin:0 8px;
}

.comp_newOrder .expiredCompanyCards{
	margin: 32px 0 48px;
}
.comp_newOrder .expiredCompanyCards .line{
	margin-bottom: 24px;
}
.comp_newOrder .expiredCompanyCards .line > div{
	margin:0 8px 0 24px;
}
.comp_newOrder .expiredCompanyCards .line .exp{
	color:#747474;
}
.comp_newOrder #driverHasCard .workshopLinks{
	margin:-16px;
}
.comp_newOrder #driverHasCard .workshopLinks a{
	display: inline-block;
	margin:16px;
}

@media screen and (min-width:480px){
	.comp_newOrder .expiredCompanyCards .line{
		display: flex;
	}	
}

.comp_newOrder #workshopDetails .anySummary .label{
	max-width: 80px;
}


.orderSummaryIllu{
	padding-left: 88px;
	padding-top: 18px;
	padding-bottom: 18px;
}
.orderSummaryIllu h3{
	padding-bottom: 0 !important;
}
.orderSummaryIllu.driver{
	padding-left: 156px;
	background:url(images/authenticated/illuSummaryDriver.svg) no-repeat 0 0;
}
.orderSummaryIllu.company{
	background:url(images/authenticated/illuSummaryCompany.svg) no-repeat 0 0;
}
.orderSummaryIllu.workshop{
	background:url(images/authenticated/illuSummaryWorkshop.svg) no-repeat 0 0;
}

.noOnlinePayment {
	padding-top: 15px;
}