.identification-filter {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}

.identification-filter--group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.identification-filter--group .identification-filter--input {
  width: 250px;
}

#noResult {
  display: none;
}

html, body {
  height: 100%;
}

body {
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "delphi_soleto", sans-serif;
  line-height: 1.500em;
}

.extra {
  margin-left: 33.33333333333333%;
  padding-left: 3px;
  margin-top: 15px;
}

a.forgot {
  color: blue;
  display: block;
  clear: both;
}

.login-page .headerContainer .headerTop, .login-page .menuContainer nav.headerNav, .login-page .breadCrumb, .login-page .contentContainer, .login-page .login-page #msg.success, .login-page .login-page .loginContainer, .login-page .rowsteps .steps {
  max-width: 1200px !important;
  min-width: 990px !important;
  width: auto;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 34px;
  font-size: 2.125rem;
  margin: 0 0 15px 0;
}

h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 15px 0;
}
h2 span {
  float: right;
  cursor: pointer;
  color: blue;
  font-weight: normal;
  font-size: 9px;
  font-size: 0.5625rem;
}

.scroll h2 {
  margin: 20px;
}

.block-100 h1, .block-100 h2,
.block-50 h1,
.block-50 h2 {
  width: 100%;
  background: blue;
  color: #fff;
  padding: 10px 20px;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h3 {
  font-size: 21px;
  font-size: 1.3125rem;
  margin-bottom: 5px;
}

.align-div h3 {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
}

h5 {
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 10px 0;
}

.more-information ul, .settingsMenu ul, .breadCrumb ul, .block ul, aside ul, .doc-overview,
.product-overview,
.product-circle-overview,
.overview,
.favorites-overview, .details ul, .overviewHeader .claims-totals div ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.headerContainer .headerTop, .menuContainer nav.headerNav, .breadCrumb, .contentContainer, .login-page #msg.success, .login-page .loginContainer, .rowsteps .steps {
  max-width: 1200px;
  min-width: 990px;
  width: auto;
  margin: 0px auto;
}

.buttonGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.buttonGroup .button {
  margin: 0 !important;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  width: 40%;
}

.button {
  background: #4d4d4f;
  color: #fff;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 2px 10px;
  padding-top: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.button.icon {
  padding: 5px;
  margin-left: 2px;
  float: right;
}
.button.icon img {
  display: block;
}
.button:hover {
  color: #fff;
  background: blue;
}
.button[disabled], .button.disabled {
  background: #666;
  border: 1px solid #666;
  color: #999 !important;
  pointer-events: none;
  cursor: default;
}
.button.full {
  width: 100%;
}
.button.center {
  margin: 20px auto;
  width: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 18px;
}
.button.left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  width: 100px;
}
.button.close, .button.delete {
  float: right;
  margin-top: 20px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../../img/common/ico-close.png);
  background-repeat: no-repeat;
  background-position: 4px;
}
.button.moreInformation {
  float: left;
}
.button.evd-export-button {
  float: right;
  margin-right: 10px;
}
.button.home-page {
  order: 1;
}
.button.next {
  order: 2;
}
.button.next.button-left {
  order: 0;
}

.componentInformation .close,
.componentMoreInformation .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.componentInformation .close a,
.componentMoreInformation .close a {
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../../img/common/ico-close.png);
  background-repeat: no-repeat;
  background-position: 4px;
  background-color: blue;
}

.list-print-button {
  position: absolute;
  right: 20px;
  top: 10px;
}

.list-print-button {
  background: #fff;
  background-image: url(../../img/common/ico-printer-blue.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-print-button:hover {
  background: #0000ff;
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.evd-export-button {
  background: #4d4d4f;
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.evd-export-button:hover {
  background: #0000ff;
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

input[type="submit"] {
  border: none;
  background: #4d4d4f;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 2px 10px;
  float: right;
}

.btn-big {
  width: 110px;
  background-color: blue;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-big span {
  display: block;
}
.btn-big img {
  margin-bottom: 10px;
}
.btn-big input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
}

button[type=submit].btn-big {
  border: 0;
  height: 110px;
}

.btn-container a {
  width: 24px;
  height: 24px;
  display: block;
  background-color: blue;
  line-height: 24px;
  text-align: center;
}

a.button.basket {
  width: 12px;
  height: 24px;
  display: inline-block;
  margin-right: 0;
  background-color: blue;
  line-height: 24px;
  text-align: center;
}

a.button.backToSearch {
  width: 12px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  background-color: blue;
  line-height: 24px;
  text-align: center;
}

.more-information {
  color: #fff;
  line-height: 1.10em;
  margin-top: 10px;
}
.more-information .supersession-info,
.more-information .partlist-info,
.more-information .testplan-info,
.more-information .doc-info {
  background: blue;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 5px;
}
.more-information .supersession-info:hover,
.more-information .partlist-info:hover,
.more-information .testplan-info:hover,
.more-information .doc-info:hover {
  background: rgba(0, 0, 0, 0.5);
}
.more-information .supersession-info img,
.more-information .partlist-info img,
.more-information .testplan-info img,
.more-information .doc-info img {
  width: 20px;
  height: 20px;
}
.more-information .supersession-info.disabled,
.more-information .partlist-info.disabled,
.more-information .testplan-info.disabled,
.more-information .doc-info.disabled {
  background: rgba(0, 0, 0, 0.3);
}

.btn-bigger {
  font-size: 14px;
  padding: 5px 0;
}

.link-right {
  display: block;
  text-align: right;
  padding-top: 10px;
  clear: both;
}

.form-row.navbuttons {
  text-align: center;
}

.button[disabled].btn-noborder,
.button.disabled.btn-noborder {
  border: 0 !important;
}

.btn-space {
  margin: 10px 0 20px 0;
}

.btn-group {
  text-align: center;
}
.btn-group button, .btn-group a {
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn-group.ltr {
  direction: ltr;
}
.btn-group.rtl {
  direction: rtl;
}
.btn-group .form-button {
  height: 33px;
}

.heading .button {
  margin-top: 20px;
}

.instructions {
  border-width: 1px;
  border-style: solid;
  width: 960px;
  margin: 10px auto 0 auto;
  padding: 5px 1.5625%;
  display: block;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.instructions.warning {
  border-color: blue;
  color: blue;
  background: rgba(0, 0, 255, 0.3);
}
.instructions.action {
  border-color: #edd400;
  color: #000;
  background: rgba(237, 212, 0, 0.3);
}
.instructions.okay {
  border-color: #0f7d00;
  color: #0f7d00;
  background: rgba(15, 125, 0, 0.3);
}

#load {
  display: none;
  position: absolute;
  left: 20px;
  top: 20px;
  background: rgba(0, 0, 0, 0.3) url(../../img/common/ajax-loader.gif) 50% 50% no-repeat;
  width: 40px;
  height: 40px;
  z-index: 999;
  border-radius: 50%;
}

/*
.layer {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(#000,0.7);
	z-index:999;
}


.meter { 
	height: 10px;
	width:25%;
	margin:0 auto;
	position: relative;
	background: #999;
	top:200px;
	left:0;
	padding: 10px;

	> span {
		display: block;		
		height: 100%;
		background-color: rgba($primary-color,1);
		position: relative;
		overflow: hidden;
	}
}
.animate > span:after {
  display: none;
}
*/
#fixed-side-scroll {
  position: fixed;
  right: 0;
  width: 45px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  border-bottom-left-radius: 22px;
  border-top-left-radius: 22px;
  z-index: 99999;
}
#fixed-side-scroll > .scroll-button {
  width: 35px;
  height: 24px;
  border-radius: 18px;
  position: absolute;
  margin: 6px;
  background: blue;
  color: white;
  font-size: 30px;
  font-weight: bold;
  padding-top: 11px;
  font-family: monospace;
  text-align: center;
  cursor: pointer;
}
#fixed-side-scroll > .scroll-button:hover {
  background: #4d4d4f;
}
#fixed-side-scroll > .scroll-button.down {
  bottom: 0;
  transform: rotateX(180deg);
}

#error-stacktrace-content {
  display: block;
  padding: 5px 10px 5px 15px;
  overflow-x: scroll;
}

#error-stacktrace {
  display: block;
  background: #1d1d1d;
}

#error-stacktrace .error-stacktrace-line {
  display: block;
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  color: white;
  white-space: nowrap;
}

#error-stacktrace .error-stacktrace-line.native-method {
  display: none;
  color: #d2b217;
}

#error-stacktrace.show-natives .error-stacktrace-line.native-method {
  display: block;
}

.error-stacktrace-line.exception-name {
  font-weight: bold;
  padding: 5px 0;
}

.error-stacktrace-line .file-name {
  color: #ff5151;
}

.formError.activate-account-error {
  margin-left: 0;
  margin-top: 15px;
}

.error-notification,
.formError {
  display: inline-block;
  border: 1px solid blue;
  background: rgba(255, 0, 0, 0.2);
  width: 83%;
  margin-top: 5px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  color: blue;
  margin-left: 150px;
}
.captcha-message .error-notification, .captcha-message
.formError {
  margin-left: 0;
}

.formError-100 {
  width: 100%;
  background: #f8d3d4;
  text-align: center;
}

.error-notification {
  width: 100%;
  margin-left: 0;
  margin-top: 20px;
  text-align: center;
}

.mandatory {
  color: blue;
}

form {
  width: 100%;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.settings-form h4 {
  margin-bottom: 0;
  margin-left: 10px;
}
.settings-form fieldset h4 {
  margin-bottom: 10px;
  margin-left: 0;
  margin-top: 0;
}

.title-trigger h3 {
  width: 100%;
  background: blue;
  color: #fff;
  padding: 10px 20px;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.title-trigger h3:after {
  position: absolute;
  content: "\25bc";
  text-shadow: none;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  display: block;
  float: right;
  height: 18px;
  width: 30px;
  color: #fff;
  text-align: center;
  top: 50%;
  right: 0px;
  margin-top: -9px;
}

.title-trigger h3.arrowup:after {
  content: "\25b2";
}

legend {
  margin-bottom: 5px;
  font-weight: bold;
}

input:focus, textarea:focus, select:focus {
  outline: none;
}

input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: none;
}

::-webkit-search-cancel-button {
  position: relative;
  right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 11px;
  width: 11px;
}

::-ms-clear {
  color: #fff;
  margin-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 11px;
  width: 11px;
}

form.searchHeader {
  background: #fff;
  height: 35px;
  margin: 6px 15px 0 15px;
  padding: 5px 10px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.warranty form.searchHeader {
  display: none;
}

input[type=search] {
  margin: 0;
  width: 100% !important;
  padding-left: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form.searchHeader input[type=search] {
  height: 25px;
}
input[type=search].list-filter-input {
  background-image: url("../../img/common/ico-funnel.png");
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 25px;
  height: 25px;
}

input[type=submit].searchBtn {
  background: url("../../img/common/bullet-block.png");
  width: 11px;
  height: 11px;
  text-indent: -9999px;
  display: block;
  padding: 0;
}
input[type=submit].searchBtn:hover {
  background: url("../../img/common/bullet-block-hover.png");
}
form.searchHeader input[type=submit].searchBtn {
  position: absolute;
  top: 12px;
  right: 17px;
}
.filter input[type=submit].searchBtn {
  position: relative;
  top: -18px;
  right: 8px;
}

#repairDate,
.date-picker,
#failureDate,
#installationDate {
  background-image: url(../../img/common/ico-calendar.png);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 5px 1px;
  padding-left: 30px !important;
}

.login input:not([type=submit]) {
  width: 70%;
}
.login label {
  width: 25%;
}
.login #rememberMe {
  width: auto;
  margin-right: 5px;
}

textarea,
select,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="search"] {
  height: 23px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.75);
  padding: 5px;
  width: 82%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
textarea:disabled,
select:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled {
  background-color: #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

select {
  padding: 0 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../../img/common/select-arrow.png);
  background-repeat: no-repeat;
  background-position: 99% center;
}
select::-ms-expand {
  display: none;
}

textarea {
  height: 100px;
}

.centered-inline-block .center-div .form-line textarea,
.centered-inline-block .center-div .form-line select,
.centered-inline-block .center-div .form-line input[type="text"],
.centered-inline-block .center-div .form-line input[type="number"],
.centered-inline-block .center-div .form-line input[type="password"],
.centered-inline-block .center-div .form-line input[type="search"] {
  width: 64% !important;
}

.block-container fieldset div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
}
.block-container fieldset div.required textarea,
.block-container fieldset div.required select,
.block-container fieldset div.required input[type=text],
.block-container fieldset div.required input[type=password] {
  background-image: url("../../img/common/required.png");
  background-position: 99% center;
  background-repeat: no-repeat;
}
.block-container fieldset div.required textarea {
  background-position: 99% 5%;
}
.block-container fieldset div.required select {
  background: url(../../img/common/select-arrow.png) 99% center no-repeat, url("../../img/common/required.png") 95% center no-repeat;
}
.block-container fieldset div.required select::-ms-expand {
  display: none;
}
.block-container fieldset div label {
  width: 150px;
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.block-container fieldset div.select-country label {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.block-container fieldset div.select-country div.countriesList {
  width: 82%;
  display: block;
                    /*
					@include flexWrap(wrap);
					@include flexJustify(space-between);
					span {
						@include displayFlexbox;
						@include flexJustify(flex-start);
						width: 33%;
						label {
							text-align: left;
							margin-left: 10px;
							display:inline-block;
						}
					}
                    */
}
.block-container fieldset div ul.regionsList {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: block;
}
.block-container fieldset div ul.regionsList h3 {
  line-height: 30px;
}
.block-container fieldset div ul.regionsList > li {
  margin-bottom: 20px;
}
.block-container fieldset div ul.regionsList > li > ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  clear: both;
  overflow: hidden;
}
.block-container fieldset div ul.regionsList > li > ul > li {
  margin: 0px;
  width: 50%;
  float: left;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.block-container fieldset div ul.regionsList > li > ul > li label {
  width: auto;
  text-align: left;
  margin-left: 10px;
  display: inline-block;
}

.block-container-form {
  padding: 10px 0 !important;
}

.form--class .block-container {
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form--class div {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form--class div .formError,
.form--class div .error-notification {
  margin-top: 5px !important;
}
.form--class div select,
.form--class div input[type=password],
.form--class div input[type=number],
.form--class div input[type=text] {
  width: 67% !important;
}
.form--class div.flex-block {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#feedbackForm div {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#feedbackForm div .formError,
#feedbackForm div .error-notification {
  margin-top: 5px !important;
}
#feedbackForm div select,
#feedbackForm div textarea,
#feedbackForm div input[type=text] {
  width: 66% !important;
}
#feedbackForm #cancelInput {
  display: none;
  padding-left: 1em;
  font-size: 0, 7em;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#feedbackForm #attachmentInputError {
  display: none;
}

.checkbox-userCopy {
  padding: 20px 10px 0 10px;
}
.checkbox-userCopy fieldset div {
  -webkit-box-pack: flex-start !important;
  -moz-box-pack: flex-start !important;
  -ms-flex-pack: flex-start !important;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.checkbox-userCopy fieldset div input[type=checkbox] {
  margin-right: 10px;
}
.checkbox-userCopy fieldset div label {
  width: 50% !important;
}

.checbox-alignment-noflex {
  padding: 20px 10px 0 10px;
}
.checbox-alignment-noflex fieldset div {
  display: block;
}
.checbox-alignment-noflex fieldset div input[type=checkbox] {
  margin-right: 10px;
  display: inline-block;
}
.checbox-alignment-noflex fieldset div label {
  width: 50% !important;
  display: inline-block;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.password-strength--block {
  display: block !important;
  width: 72% !important;
}
.password-strength--block p {
  margin: 0;
  text-align: right;
}
.password-strength--block p .feedback {
  display: block;
  text-align: left;
  padding: 5px;
}

meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 5px 0;
  width: 100%;
  height: 0.5em;
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}

.balk {
  height: 0.5em;
  background-color: rgba(0, 0, 0, 0.1);
}
.balk .meter-1 {
  height: 0.5em;
  width: 25%;
  background: red;
}
.balk .meter-2 {
  height: 0.5em;
  width: 50%;
  background: yellow;
}
.balk .meter-3 {
  height: 0.5em;
  width: 75%;
  background: orange;
}
.balk .meter-4 {
  height: 0.5em;
  width: 100%;
  background: green;
}

/* Prevents text inside a tag to be selectable with the cursor */
.no-text-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  	                   /* Non-prefixed version, currently
                         supported by Chrome and Opera */
}

.search-block {
  float: left;
  padding-right: 2em;
}
.search-block:first-child {
  border-right: 1px solid #ccc;
}
.search-block:nth-child(2n) {
  border-left: 1px solid #1d1d1d;
  padding-left: 2em;
}
.search-block:nth-child(2n) select {
  width: 100px;
}
.search-block .input-custom {
  width: 300px;
}
.search-block .btn-search {
  padding: 2px 10px 3px;
  background-color: blue;
}
.search-block .search-block--radiogroup {
  margin-left: 2em;
}
.search-block .search-block--radiogroup span:last-child {
  margin-left: 10px;
}

.search-block--noborder {
  border: 0 !important;
}

.settings-logo-span {
  position: relative;
  min-width: 10px;
  min-height: 10px;
}

.remove-logo-button {
  background-color: blue;
  border: 1px solid #fff;
  padding: 4px;
  height: 24px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.pagination {
  list-style: none;
  padding: 0;
  margin: 0 10px;
  display: inline-block;
}
.pagination li {
  display: inline-block;
}
.pagination .dot-spacer,
.pagination .active,
.pagination a {
  text-align: center;
  display: inline-block;
  padding: .4em .8em;
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
  border: none;
  color: blue;
}
.pagination a {
  text-decoration: none;
  cursor: pointer;
}
.pagination .active {
  background: blue;
  color: #fff;
}
.pagination .dot-spacer {
  background: #ebebeb;
}

.ico-distrib span,
.counter {
  background: #777;
  display: inline-block;
  text-align: center;
  width: auto;
  font-size: 0.786em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 10px;
  color: #fff;
  color: #fff;
}
.ico-distrib span#shoppingCartCount,
.counter#shoppingCartCount {
  position: absolute;
  top: 22px;
  left: -15px;
}
.ico-distrib span#searchCount,
.counter#searchCount {
  position: absolute;
  top: 22px;
  left: -15px;
}

.ico-device {
  position: relative;
}

.ico-distrib {
  position: relative;
}
.ico-distrib span {
  position: absolute;
  top: 22px;
  left: 15px;
  padding: 0 5px;
  font-size: 12px;
  font-size: 0.75rem;
  background: #777;
}

ul.ui-autocomplete {
  z-index: 1000000;
}

.popupcontentContainer .breadCrumb.popup {
  margin-top: 0;
}

.popupcontentContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #1a1a1a;
  margin: 0 20px;
}
.popupcontentContainer .heading {
  background: #1a1a1a;
  display: block;
  padding: 0 20px;
}
.popupcontentContainer .heading h2 {
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 22px;
  font-size: 1.375rem;
  margin: 0px 0px 0px 20px;
  padding: 25px 0;
}
.popupcontentContainer .inner {
  background: #1a1a1a;
  display: block;
  overflow: hidden;
  padding: 0 20px;
  padding-bottom: 20px;
  box-shadow: none;
}

.popup .headerContainer,
.popup .breadCrumb {
  max-width: none;
  padding: 0;
}
.popup .contentContainer {
  max-width: none;
}
.popup .headerContainer nav ul {
  max-width: none;
}
.popup .button.list-export-button {
  float: right;
  margin-top: 20px;
  margin-right: 10px;
}

.hiddenPopupMessages {
  display: none;
}

.contentContainer #mergedOptionTextContainer {
  display: none;
}

.featherlight .popup-print-button,
.button.popup-print-button {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  background: #4d4d4f;
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.featherlight .popup-print-button:hover,
.button.popup-print-button:hover {
  background: #0000ff;
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.featherlight .popup-print-button {
  margin-top: 0px;
  margin-right: 40px;
  position: absolute;
  z-index: 9999;
  top: 10px;
  right: 10px;
  cursor: pointer;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #fff;
}

.featherbox-newsflash {
  cursor: pointer;
}

.featherlight-close-icon {
  background: #0000FF;
  border: none;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 2px 10px;
  width: auto;
}

.featherlight-close-icon:hover {
  background: #4d4d4f;
  color: #fff;
}

.featherlight-inner {
  background: #fff;
}

.popupMessage {
  padding: 20px;
  min-width: 250px;
  max-width: 990px;
}
.popupMessage fieldset {
  margin-bottom: 10px;
}
.popupMessage label {
  display: block;
  width: auto;
}
.popupMessage input[type="text"] {
  display: block;
  width: 100%;
}
.popupMessage input.button {
  float: right;
  margin-left: 10px;
}

.hiddenPopupBookMark {
  display: none;
}

.popupcontentContainer {
  margin-top: 30px;
  margin-bottom: 30px;
}
.popupcontentContainer .inner {
  background: #fff;
  padding: 0px;
  margin: 0 2.08333%;
  margin-bottom: 20px;
}
.popupcontentContainer .inner.explodedview {
  background: #1a1a1a;
  padding: 0px;
  padding: 0 2.08333%;
  padding-bottom: 20px;
}
.popupcontentContainer .inner.contentBody {
  padding: 20px 2.08333%;
}
.popupcontentContainer .inner section.right-overview {
  padding: 20px 0px;
}

.popupMessageUser,
.popupMessageOE {
  min-width: 1030px !important;
}

.img-placeholder {
  width: 60px;
  height: auto;
}

.tr-accordion.odd {
  background-color: #ccc;
}
.tr-accordion.even {
  background-color: #999;
}

.tr-collapse {
  display: none;
  background-color: #b3b3b3 !important;
}
.tr-collapse .button-space {
  text-align: right;
  vertical-align: bottom;
}
.tr-collapse td {
  padding: 5px;
  /*span {
  	display: inline-block;
  	width: 150px;
  }*/
}
.tr-collapse ul, .tr-collapse li {
  list-style: none;
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
}
table td, table th {
  padding: 3px 15px 3px 3px;
  vertical-align: top;
}
table th {
  text-align: left;
  font-weight: normal;
}
table thead tr {
  background: blue !important;
  color: #fff;
  font-weight: normal;
}
table thead tr .changed-time-alert {
  background: #c3004c;
  border-left: 1px solid red;
  border-right: 1px solid red;
}
table tbody tr {
  cursor: pointer;
}
table tbody tr:nth-child(odd) {
  background: #ccc;
}
table tbody tr:nth-child(odd) .changed-time-alert {
  background: #ecc;
  border-left: 1px solid red;
  border-right: 1px solid red;
}
table tbody tr:nth-child(even) {
  background: #999;
}
table tbody tr:nth-child(even) .changed-time-alert {
  background: #b99;
  border-left: 1px solid red;
  border-right: 1px solid red;
}
table .td-icon {
  text-align: center;
}
table .sortable-column {
  background-image: url("../../img/common/table_pointers_large.png");
  background-repeat: no-repeat;
  background-position: 99% -6px;
  cursor: pointer;
}
table .sortable-column.activeDesc {
  background-position: 99% -118px;
}
table .sortable-column.noneDesc {
  background-position: 99% 118px;
}
table tr:nth-child(odd) .activeSortCol {
  background: #bbb;
}
table tr:nth-child(even) .activeSortCol {
  background: #888;
}

.search-result td:first-child {
  text-align: center;
  width: 7.5187969924812%;
}
.search-result td:nth-child(3n-1) {
  width: 21.05263157894737%;
}
.search-result td:nth-child(3n) {
  width: 46.61654135338346%;
}

table.documents-link tbody td:first-child, table.products-link tbody td:first-child, table.basket tbody td:first-child, table.table-2-column tbody td:first-child {
  width: 20%;
}
table.basket td.qty {
  width: 50px;
}
table.basket td input[type=number] {
  text-align: center;
  width: 100%;
  float: left;
}
table.basket td:last-child {
  width: 52px;
  text-align: right;
}
table.basket td:last-child a.icon {
  margin-top: 2px;
  margin-left: 2px;
}
table.basket td:last-child img {
  float: right;
}
table input[type=text] {
  display: block;
  width: 90%;
}

.delphi-icon {
  display: block;
  height: 14px;
  margin: 0 auto;
}

.changed-time-alert-input {
  box-sizing: border-box !important;
  border: 1px solid #d10000 !important;
  background: #ffb5b5 !important;
}

.headerContainer {
  z-index: 1;
  padding: 0;
  color: white;
  background-color: #0000FF;
}
.headerContainer .headerTop {
  width: 100%;
  padding: 0 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.headerContainer .headerTop img {
  display: inline-block;
}
.headerContainer .headerTop img.logo {
  margin-top: 7px;
  margin-bottom: 2px;
}
.headerContainer .headerTop .headerRight {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.headerContainer .headerTop .headerRight .basket, .headerContainer .headerTop .headerRight .backToSearch, .headerContainer .headerTop .headerRight .logout {
  display: block;
  width: 36px;
  height: 36px;
  margin-top: 6px;
}
.headerContainer .headerTop .headerRight .basket {
  background: url("../../img/common/basket.png") no-repeat;
  position: relative;
  width: 80px;
}
.headerContainer .headerTop .headerRight .basket.disabled {
  background: url("../../img/common/basket_disabled.png") no-repeat;
  pointer-events: none;
}
.headerContainer .headerTop .headerRight .basket.disabled .counter {
  background: #777;
}
.headerContainer .headerTop .headerRight .backToSearch {
  background: url("../../img/common/search.png") no-repeat;
  position: relative;
  width: 80px;
}
.headerContainer .headerTop .headerRight .backToSearch.disabled {
  background: url("../../img/common/search_disabled.png") no-repeat;
  pointer-events: none;
}
.headerContainer .headerTop .headerRight .backToSearch.disabled .counter {
  background: #777;
}
.headerContainer .headerTop .headerRight .logout {
  background: url("../../img/common/logout.jpg") no-repeat;
}
.headerContainer .headerTop .headerRight img {
  border-radius: 50% 50%;
  background: #fff;
}

.menuContainer nav.headerNav {
  background: url("../../img/common/aftermarket_blue.png") no-repeat;
  background-size: auto 15px;
  background-position: 20px center;
  width: 100%;
  height: 60px;
}
.menuContainer nav.headerNav.warranty {
  background: url("../../img/common/aftermarket_blue.png") no-repeat;
  background-size: auto 20px;
  background-position: 20px center;
}
.menuContainer nav.headerNav > ul {
  margin: 0 0 0 230px;
}
.menuContainer nav.headerNav > ul > li:hover > a {
  border-bottom: 4px solid #0000FF;
  padding-bottom: 11px;
}
.menuContainer nav.headerNav > ul > li.active > a {
  border-bottom: 4px solid #0000FF;
  padding-bottom: 11px;
}
.menuContainer nav.headerNav > ul {
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  height: 60px;
}
.menuContainer nav.headerNav > ul > li {
  float: left;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0 20px;
  position: relative;
}
.menuContainer nav.headerNav > ul > li.home {
  width: 30px;
}
.menuContainer nav.headerNav > ul > li.home a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-indent: -9999px;
  background-image: url("../../img/common/btn-home.png");
  background-position: center -30px;
  background-repeat: no-repeat;
}
.menuContainer nav.headerNav > ul > li > a {
  display: block;
  text-align: center;
  color: #0000FF;
  text-decoration: none;
  height: 30px;
  line-height: 30px;
  padding: 15px 0px;
  font-size: 15px;
  font-weight: bold;
}
.menuContainer nav.headerNav > ul > li:hover a {
  color: #0000FF;
}
.menuContainer nav.headerNav > ul > li:hover ul {
  display: block;
}
.menuContainer nav.headerNav > ul > li.active a {
  color: #0000FF;
  background-position: center 0;
}
.menuContainer nav.headerNav > ul > li.disabled a {
  color: rgba(0, 0, 0, 0.3);
  background-position: center 0;
  cursor: default;
}
.menuContainer nav.headerNav > ul > li > ul {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.menuContainer nav.headerNav > ul > li ul {
  background-color: #DBE1E7;
  padding: 0;
  height: auto;
  width: auto;
  position: absolute;
  right: 0px;
  display: none;
  z-index: 9999;
  min-width: 100%;
  width: 300px;
  white-space: nowrap;
}
.menuContainer nav.headerNav > ul > li ul li {
  float: none;
  height: 30px;
  display: block;
  width: 100%;
}
.menuContainer nav.headerNav > ul > li ul li.active a {
  text-align: left;
  padding: 0 20px;
  background-color: #fff !important;
  color: #000;
}
.menuContainer nav.headerNav > ul > li ul li a {
  text-decoration: none;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: left;
  padding: 0 10px;
  color: #0000FF !important;
  font-size: 15px;
}
.menuContainer nav.headerNav > ul > li ul li a:hover {
  background: #eaeef3 !important;
}

.activation-menu .help {
  float: right !important;
}

.link-afterMarket {
  position: relative;
  width: 125px;
  height: 28px;
  top: 15px;
  display: inline-block;
  left: 15px;
  cursor: pointer;
}

.link-devoHome {
  position: relative;
  width: 158px;
  height: 28px;
  top: 15px;
  display: inline-block;
  left: 31px;
  cursor: pointer;
}

.settingsMenu {
  padding-top: 6px;
  cursor: pointer;
  position: relative;
}
.settingsMenu:hover ul {
  display: block;
}
.settingsMenu ul {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 210px;
  padding: 0px;
  margin: 0 auto;
  background-color: #f5f5f5;
  text-align: left;
  right: 0;
  z-index: 99999;
  border: 1px solid #bbb;
  display: none;
}
.settingsMenu ul a {
  text-decoration: none;
  color: #000;
  height: 30px;
  background: url("../../img/common/bullet-block.png") 20px center no-repeat;
  padding: 13px 20px 0 40px;
  display: block;
}
.settingsMenu ul a:hover {
  background-color: #fff !important;
}

.breadCrumb {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
}
.breadCrumb ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 20px;
}
.breadCrumb ul li {
  color: #0000ff;
  border-left: 1px solid #0000ff;
  padding: 0 10px;
}
.breadCrumb ul li a {
  text-decoration: none;
  color: #0000ff;
}
.breadCrumb ul li:first-child {
  padding-left: 0;
  border-left: 0;
  border-left: none;
}
.breadCrumb ul li:last-child {
  padding-right: 0;
  border-right: 0;
}
.breadCrumb ul li.fav a {
  display: inline-block;
  background: url(../../img/common/star.png) no-repeat;
  width: 18px;
  text-indent: -9999px;
}
.breadCrumb.popup {
  list-style: none;
  float: left;
  margin-top: 20px;
  width: 22px;
  min-width: 22px;
}

.bookmark-page-link {
  display: inline-block;
  height: 18px;
}

.block-login {
  width: 100%;
  border-top: 2px solid blue;
  border-bottom: 6px solid blue;
  background: #f5f5f5;
  padding: 1.5625%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contentContainer {
  padding: 0 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contentContainer section {
  width: 100%;
}
.contentContainer.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}

form.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}

.flex-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}

.space-20 {
  margin-top: 20px;
}

.space-bottom {
  margin-bottom: 20px;
}

.block-container {
  padding: 20px 10px;
}
.block-container.column-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.block-container.column-row fieldset {
  width: 49%;
}
.block-container.centerBlock {
  text-align: center;
}
.block-container.centerBlock .linkDeviceButton {
  cursor: pointer;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 0.5625em 1em 0.625em 1em;
  color: #fff;
  border: none;
  background-color: #0000FF;
  font-size: 15px;
  font-size: 0.9375rem;
}
.block-container.centerBlock [class^="icon-"] {
  font-family: "icon_glyphs";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fieldset-block {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.block-50 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  background: #fff;
}

.block-100 {
  width: 100%;
  background: #fff;
}
.block-100 .column-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

section.right-overview {
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: calc(100% - 300px);
  background: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.prev-header {
  padding: 13px 30px;
  text-align: right;
  background: #64819c;
  min-height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.prev-header h1 {
  text-align: left;
  margin-top: 10px;
  color: #fff;
  line-height: 1.000em;
}
.prev-header h1 span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}

.blockActivationCode .inputDiv {
  margin-bottom: 20px;
}
.blockActivationCode .inputDiv input[type=text] {
  width: 70%;
}
.blockActivationCode .inputDiv .button {
  padding-bottom: 3px;
  float: right;
}
.blockActivationCode > a {
  color: #000000;
}

.currency {
  white-space: nowrap;
}

.block-50-centered h2 {
  margin: 0 auto;
  width: 75%;
  text-align: center;
}

.home-content {
  padding-top: 0px;
  padding-bottom: 40px;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.block {
  background: #dfe5eb;
  padding: 15px 1.5625%;
  width: 31.25%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block ul li {
  margin: 5px 0;
}
.block ul li a {
  padding: 8px 8px 8px 8px;
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  border-radius: 4px;
  background-color: #fff;
}
.block ul li a:after {
  content: '>';
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0px 0px;
  float: right;
  color: #0000FF;
}
.block.block-landing {
  padding-top: 5px;
}
.block.block-landing h2 {
  padding-left: 24px;
  margin-bottom: 5px;
  line-height: 38px;
  background-repeat: no-repeat;
}
.block.block-landing.landing-search h2 {
  background-image: url(../../img/common/ico-landing-search.png);
  background-size: auto 16px;
  background-position: 0px 50%;
}
.block.block-landing.landing-general-info h2 {
  background-image: url(../../img/common/ico-landing-general-info.png);
  background-size: auto 18px;
  background-position: 0px 50%;
}
.block.block-landing.landing-bookmarks h2 {
  background-image: url(../../img/common/ico-landing-bookmark.png);
  background-size: auto 20px;
  background-position: -6px 50%;
}
.block.block-landing.landing-act-key p {
  padding-left: 24px;
  background-image: url(../../img/common/ico-landing-act-key.png);
  background-size: auto 16px;
  background-position: 0px 4px;
  background-repeat: no-repeat;
}
.block.block-landing.landing-demo-applications h2 {
  background-image: url(../../img/common/ico-landing-demo-applications.png);
  background-size: auto 16px;
  background-position: 0px 50%;
}

.video-player {
  height: 525px;
}
.video-player .button {
  width: 25%;
}

#adminUserProfileForm .abo-code {
  width: 350px;
}
#adminUserProfileForm .abo-check {
  text-align: center;
}
#adminUserProfileForm table tr td:nth-child(5) {
  text-align: center;
}
#adminUserProfileForm table tr td:nth-child(6) {
  text-align: center;
}
#adminUserProfileForm fieldset .required {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#adminUserProfileForm fieldset select,
#adminUserProfileForm fieldset input[type=text] {
  width: 70%;
}
#adminUserProfileForm fieldset .formError {
  width: 100%;
  margin-left: 0;
}

table.subscriptions-table tbody tr.odd-row {
  background: #ccc;
}
table.subscriptions-table tbody tr.even-row {
  background: #999;
}
table.subscriptions-table tbody tr.device-permission.odd-row {
  background: #efc35d;
}
table.subscriptions-table tbody tr.device-permission.even-row {
  background: #ab9145;
}
table.subscriptions-table tbody tr.hidden-row {
  display: none;
}

#subscriptions-status-filter {
  width: 100%;
  padding: 0 0 10px 0;
}
#subscriptions-status-filter label {
  width: 15%;
  display: inline-block;
  padding-top: 2px;
}
#subscriptions-status-filter select {
  width: 80%;
  float: right;
  display: inline-block;
}

.login-page .wrapper {
  height: 100% !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.login-page #msg.success {
  width: 100%;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}
.login-page .errors {
  border: 1px solid blue;
  background: rgba(255, 0, 0, 0.2);
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  color: blue;
  width: 100%;
  text-align: center;
  display: block !important;
}
.login-page .contentContainer,
.login-page .headerNav ul {
  max-width: 100% !important;
}
.login-page .contentContainer {
  background: #fff;
  color: #000;
  padding: 0;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  overflow: hidden;
  margin: 0;
}
.login-page .helpNeededContainer {
  text-align: center;
  margin: 30px 30px;
}
.login-page .loginContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 0px 50px;
}
.login-page .loginContainer .leftBlock {
  width: 55%;
  text-align: center;
  line-height: 22px;
  padding: 50px 0px;
  font-weight: bold;
  font-size: 18px;
}
.login-page .loginContainer .leftBlock strong {
  color: blue;
}
.login-page .loginContainer .leftBlock a {
  color: blue;
}
.login-page .loginContainer .leftBlock p {
  margin: 0px 90px;
  margin-bottom: 30px;
}
.login-page .loginContainer .leftBlock .blueBlock {
  color: #fff;
  background-color: blue;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 50px;
  margin: 30px 40px;
}
.login-page .loginContainer .leftBlock .blueBlock a {
  color: #fff;
  text-decoration: underline;
}
.login-page .loginContainer .leftBlock .blueBlock a:hover {
  text-decoration: none;
}
.login-page .loginContainer .leftBlock .blueBlock .remark {
  font-size: 12px;
  font-style: italic;
  display: block;
  margin-top: 16px;
}
.login-page .loginContainer .rightBlock {
  width: 45%;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #000;
}
.login-page .loginContainer .rightBlock form {
  background: #edf1f4;
  border: 1px solid #6e6e6e;
  padding: 30px 50px;
  margin: 30px 40px;
  margin-top: 110px;
  border-radius: 8px;
  display: block;
  width: auto;
}
.login-page .loginContainer .rightBlock form select {
  padding: 0 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../../img/common/select-arrow.png);
  background-repeat: no-repeat;
  background-position: 99% center;
  width: 100%;
}
.login-page .loginContainer .rightBlock form legend {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}
.login-page .loginContainer .rightBlock form div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
}
.login-page .loginContainer .rightBlock form div label {
  width: 75px;
  display: inline-block;
  text-align: right;
}
.login-page .loginContainer .rightBlock form div label.language, .login-page .loginContainer .rightBlock form div label.password, .login-page .loginContainer .rightBlock form div label.username {
  text-indent: -9999px;
  text-align: left;
  width: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}
.login-page .loginContainer .rightBlock form div label.password {
  background-image: url(../../img/common/login-key.png);
}
.login-page .loginContainer .rightBlock form div label.username {
  background-image: url(../../img/common/login-profile.png);
}
.login-page .loginContainer .rightBlock form div label.language {
  background-image: url(../../img/common/login-globe.png);
}
.login-page .loginContainer .rightBlock form div select,
.login-page .loginContainer .rightBlock form div input[type=password],
.login-page .loginContainer .rightBlock form div input[type=text] {
  width: 90%;
  height: 36px;
  font-size: 14px;
}
.login-page .loginContainer .rightBlock form .btn-set {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.login-page .loginContainer .rightBlock form .btn-set .button {
  width: 100%;
  height: 36px;
  font-size: 14px;
  border-radius: 0;
  background: #0000ff;
  font-size: 13px;
  font-size: 0.8125rem;
}
.login-page .loginContainer .rightBlock form .checkbox {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
}
.login-page .loginContainer .rightBlock form .checkbox div {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.login-page .loginContainer .rightBlock form .checkbox div label {
  width: auto;
  margin-left: 8px;
  color: #0000ff;
  font-size: 14px;
}
.login-page .loginContainer .rightBlock form .checkbox div a {
  color: #0000ff;
  margin-left: 20px;
  font-size: 14px;
}

#activationCodeFBO label,
#cardCommand label {
  display: inline-block;
}
#activationCodeFBO fieldset div,
#cardCommand fieldset div {
  display: inline-block;
}
#activationCodeFBO .formError.activate-account-error,
#cardCommand .formError.activate-account-error {
  margin-left: 0;
  margin-bottom: 25px;
}
#activationCodeFBO .activation-container div,
#cardCommand .activation-container div {
  width: 19.4444444%;
}
#activationCodeFBO .activation-container div input[type=text],
#cardCommand .activation-container div input[type=text] {
  width: 100%;
}
#activationCodeFBO .activation-container div.sep,
#cardCommand .activation-container div.sep {
  width: 20px;
  text-align: center;
}
#activationCodeFBO .activation-container div.inputDiv .formError,
#cardCommand .activation-container div.inputDiv .formError {
  width: 100%;
  margin-left: 0;
}
#activationCodeFBO .activation-message,
#cardCommand .activation-message {
  margin-left: 150px;
  margin-bottom: 25px;
  width: 80%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.captcha-container {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.captcha-container input[type=text] {
  width: 100%;
  margin-bottom: 5px;
}
.captcha-container span {
  width: 84%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.captcha-container span div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-right: 20px;
  float: left;
  width: 66%;
}
.captcha-container span div input {
  margin-top: 10px;
}
.captcha-container span img {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  float: right;
}

#feedbackForm label {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
#feedbackForm fieldset div {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#feedbackForm .formError.activate-account-error {
  margin-left: 0;
  margin-bottom: 25px;
}
#feedbackForm .captcha-container {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#feedbackForm .captcha-container input[type=text] {
  width: 100%;
  margin-bottom: 5px;
}
#feedbackForm .captcha-container span {
  width: 66%;
}
#feedbackForm .captcha-container span div {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 200px;
}
#feedbackForm .captcha-container span div input[type=text] {
  width: 100% !important;
}
#feedbackForm .captcha-container span img {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  width: 150px;
  height: auto;
  float: right;
}

.block-container.flex-start fieldset div {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.block-container.flex-start fieldset div input[type=checkbox] {
  margin-right: 10px;
}

.flex-block label {
  width: 75px;
  display: inline-block;
  text-align: right;
}
.flex-block label.language, .flex-block label.password, .flex-block label.username {
  text-indent: -9999px;
  text-align: left;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.flex-block label.password {
  background-image: url(../../img/common/login-key.png);
}
.flex-block label.username {
  background-image: url(../../img/common/login-profile.png);
}
.flex-block label.language {
  background-image: url(../../img/common/login-globe.png);
}
.flex-block .rightBlock input, .flex-block .rightBlock select {
  width: 93%;
}
.flex-block .rightBlock form {
  width: 70%;
  margin: 0 auto;
}

.cat-group {
  clear: both;
  display: block;
  min-height: 50px;
  margin-bottom: 20px;
}
.cat-group input[type="checkbox"],
.cat-group input[type="radio"] {
  margin-top: 3px;
}
.cat-group label[for=categories] {
  display: block;
}

.check-group {
  width: 32.5% !important;
  margin-right: 50%;
  float: right;
  min-height: 50px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.check-group .formError {
  margin-left: 0;
  width: 100%;
}
.check-group .button {
  height: 23px;
  background: #0000ff;
}
.check-group .button:hover {
  background: #4d4d4f;
}
.check-group > div {
  display: inline-block;
  width: 45% !important;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.check-group > div label {
  width: auto;
  margin-left: 5px;
}

.input-group {
  float: right;
  min-height: 50px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.input-group input[type=text] {
  width: 32.5%;
}
.input-group .formError {
  margin-left: 0;
  width: 100%;
}

.vrm-search {
  background-repeat: no-repeat;
  height: 40px;
  width: 220px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
  position: relative;
  top: 6px;
}

.vrm-gb {
  background-image: url("../../img/common/gb-licenseplate.png");
}

.vrm-fr {
  background-image: url("../../img/common/fr-licenseplate.png");
}

.vrm-fin {
  background-image: url("../../img/common/fin-licenseplate.png");
}

.vrm-dk {
  background-image: url("../../img/common/dk-licenseplate.png");
}

.vrm-nl {
  background-image: url("../../img/common/nl-licenseplate.png");
}

.vrm-no {
  background-image: url("../../img/common/no-licenseplate.png");
}

.vrm-se {
  background-image: url("../../img/common/se-licenseplate.png");
}

.vrm-it {
  background-image: url("../../img/common/it-licenseplate.png");
}

/*@todo: opruimen...*/
.vrm-fr .searchBtn.vrmSearchBtn {
  border: 1px solid black;
}

input[type=submit].vrmSearchBtn {
  background: #fff;
  width: 40px;
  height: 40px;
  text-indent: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-weight: bold;
  color: #0000FF;
}
input[type=submit].vrmSearchBtn:hover {
  background: #fff;
  color: #000;
}

.vrm-input {
  height: 36px;
  line-height: 36px;
  color: black;
  width: 146px;
  font-size: 22px;
  text-transform: uppercase;
  background: transparent;
  border: solid transparent 2px;
  padding: 0px 5px 0px 25px;
}

#card-detail {
  position: relative;
}

aside {
  background: #dfe5eb;
  width: 300px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}
aside .vrm-gb {
  background-image: url("../../img/common/gb-licenseplate.png");
}
aside .vrm-fr {
  background-image: url("../../img/common/fr-licenseplate.png");
}
aside .vrm-fin {
  background-image: url("../../img/common/fin-licenseplate.png");
}
aside .vrm-dk {
  background-image: url("../../img/common/dk-licenseplate.png");
}
aside .vrm-nl {
  background-image: url("../../img/common/nl-licenseplate.png");
}
aside .vrm-no {
  background-image: url("../../img/common/no-licenseplate.png");
}
aside .vrm-se {
  background-image: url("../../img/common/se-licenseplate.png");
}
aside .vrm-it {
  background-image: url("../../img/common/it-licenseplate.png");
}
aside ul li.header {
  padding: 15px 30px;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
  color: #000;
  text-shadow: 0px -1px 0px black;
  border: 1px solid #bbb;
}
aside ul li.header .imgTitle {
  width: 175px;
  background: #ccc;
  margin: 0 auto;
}
aside ul li.header .imgTitle img {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
  width: 175px;
}
aside ul li.header .imgTitle h1 {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 10px;
  font-weight: normal;
  text-shadow: none;
  color: #000;
}
aside ul li.header .imgTitle h1 span {
  display: block;
  font-style: italic;
  font-size: 9px;
  font-size: 0.5625rem;
}
aside ul li.disabled a {
  color: #888;
  text-shadow: none;
  border-bottom: none;
  border-top: none;
}
aside ul li.disabled a span {
  color: #dfe5eb;
  background: #98abbd;
}
aside ul li.disabled:hover a {
  color: #888;
  background: #dfe5eb;
  border-bottom: none !important;
  border-top: none !important;
}
aside ul li a {
  padding: 15px 50px 15px 30px;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  border-bottom: solid #fff 1px;
  background: #98abbd;
  position: relative;
}
aside ul li a em {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
}
aside ul li a span {
  color: #fff;
  background: #64819c;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 6px;
  position: absolute;
  right: 15px;
  top: 15px;
}
aside ul li.variant-select {
  display: block;
  margin: 10px;
}
aside ul li.variant-select > a {
  border: none;
  background: #0000FF !important;
  color: #fff !important;
  padding: 5px 20px;
  padding-right: 60px;
  position: relative;
  text-shadow: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-size: 0.75rem;
}
aside ul li.variant-select > a:hover {
  background: #343434 !important;
  color: #fff !important;
}
aside ul li.variant-select > a:after {
  position: absolute;
  content: "\25bc";
  text-shadow: none;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  display: block;
  float: right;
  height: 18px;
  width: 30px;
  color: #000;
  text-align: center;
  top: 50%;
  right: 0px;
  margin-top: -9px;
}
aside ul li.variant-select > a span {
  position: absolute;
  display: inline-block;
  top: 50%;
  margin-top: -9px;
  right: 30px;
  background: #707070;
  font-size: 10px;
  font-size: 0.625rem;
}
aside ul li.variant-select > ul > li > a {
  text-shadow: none;
  border-top: 1px solid #fff;
  background: #888 !important;
  color: #fff;
  padding: 5px 18px;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
}
aside ul li.variant-select > ul > li.selected > a {
  background: #888 !important;
  color: #000;
}
aside ul li.variant-select > ul > li.selected > a:before {
  position: absolute;
  content: "\2713 ";
  text-shadow: none;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  display: block;
  float: left;
  height: 18px;
  width: 20px;
  color: #000;
  text-align: center;
  top: 50%;
  left: 0px;
  margin-top: -9px;
}
aside ul li.variant-select > ul > li:hover > a {
  background: #999 !important;
}
aside ul li.active > a {
  color: #fff;
  background: #64819c;
}
aside ul li.active > a span {
  color: #fff;
  background: #0e0e0e;
}
aside ul li.dropdown > a {
  background-image: url("../../img/common/pointers.png");
  background-position: 95% 0;
  background-repeat: no-repeat;
}
aside ul li.dropdown.openSub ul {
  display: block;
}
aside ul li.dropdown.openSub > a {
  background-position: 95% -50px;
}
aside ul li.dropdown ul {
  display: none;
}
aside ul li.dropdown ul a {
  border: none;
  background: #666;
  padding: 5px 35px;
  font-size: 12px;
  font-size: 0.75rem;
}
aside ul li.dropdown ul a:hover {
  background: rgba(52, 52, 52, 0.5);
}
aside ul li.dropdown ul .active a {
  background: rgba(52, 52, 52, 0.5);
}
aside ul li:hover > a {
  color: #fff;
  background: #343434;
}
aside ul li:hover li.active a {
  background: yellow !important;
}
aside ul li > ul li.active {
  color: #fff;
  background: #555 !important;
}
aside ul li > ul li.active a {
  background: yellow;
}
aside ul li > ul li a {
  padding-left: 55px;
  font-size: 12px;
  font-size: 0.75rem;
  background: #555 !important;
}
aside .vrm-details {
  text-align: center;
}
aside .vrm-details .vrm-plate {
  width: 84px;
  color: black;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px -1px 0px black;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 3px;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
aside .vrm-details .vrm-detail-button {
  border-radius: 50%;
  background: #00ff;
  font-size: 15px;
  display: inline-block;
  color: white;
  line-height: 1em;
  cursor: pointer;
  padding-left: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 7px;
  font-family: serif;
}
aside .vrm-details .vrm-detail-button:hover {
  background: #4d4d4f;
}
aside .vrm-details .vrm-date-first-admission {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 0.65em;
  text-shadow: none;
}
aside .filter {
  padding: 15px 30px;
}
aside .filter h3 {
  color: #5e5e63;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
}
aside .filter input[type=search] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
aside .filter ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
aside .filter ul li {
  width: 48%;
  margin-right: 2.08333333333333%;
  margin-bottom: 8px;
}
aside .filter ul li:nth-child(2n) {
  margin-right: 0;
}
aside .comparison-tool {
  padding: 15px 30px;
  background: #999;
}
aside .comparison-tool form div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
aside .comparison-tool form div label {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
aside .comparison-tool form div input[type=text],
aside .comparison-tool form div select {
  width: 100%;
}
aside .comparison-tool form div select {
  margin-top: 10px;
}

.product-circle-overview li,
.product-overview li,
.overview li,
.favorites-overview li {
  position: relative;
}
.product-circle-overview .fav,
.product-overview .fav,
.overview .fav,
.favorites-overview .fav {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  float: right;
  height: 18px;
  width: 20px;
  background: url(../../img/common/fav.png) 0px -20px no-repeat;
}
.product-circle-overview .fav:hover,
.product-overview .fav:hover,
.overview .fav:hover,
.favorites-overview .fav:hover {
  cursor: pointer;
}
.product-circle-overview .fav.active,
.product-overview .fav.active,
.overview .fav.active,
.favorites-overview .fav.active {
  background: url(../../img/common/fav.png) -30px -20px no-repeat;
}

.doc-overview li:nth-child(4n),
.product-overview li:nth-child(4n),
.overview li:nth-child(4n),
.favorites-overview li:nth-child(4n) {
  margin-right: 0;
}

.doc-overview,
.product-overview,
.product-circle-overview,
.overview,
.favorites-overview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-width: 180px;
}
.doc-overview li,
.product-overview li,
.product-circle-overview li,
.overview li,
.favorites-overview li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 22.91666666666667%;
  min-height: 15ex;
  margin-right: 2.08333333333333%;
  margin-bottom: 20px;
}
.doc-overview li a,
.product-overview li a,
.product-circle-overview li a,
.overview li a,
.favorites-overview li a {
  border: 1px solid #fff;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.doc-overview li a h3,
.product-overview li a h3,
.product-circle-overview li a h3,
.overview li a h3,
.favorites-overview li a h3 {
  font-size: 16px;
  font-size: 1rem;
}
.doc-overview li a:hover,
.product-overview li a:hover,
.product-circle-overview li a:hover,
.overview li a:hover,
.favorites-overview li a:hover {
  border: 1px solid #ddd;
  -webkit-box-shadow: 3px 3px 2px #aaa;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 2px #aaa;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 2px #aaa;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.doc-overview h3 {
  background-repeat: no-repeat;
  font-size: 16px;
  font-size: 1rem;
  min-height: 40px;
  padding: 0 0 0 80px;
  margin-top: 5px;
  background-image: url("../../img/common/book-display.png");
}
.doc-overview a {
  padding: 20px;
}
.doc-overview .details {
  padding: 20px;
}

.details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0px;
  padding-left: 20px;
}
.details .inset-block {
  background: #f5f5f5;
  padding: 3.33297781569966%;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid shade(#bbbbbb, 10%);
}
.details .detail-block {
  background: #fff;
  padding: 10px 1.5625%;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
}
.details .detail-block select {
  width: 100%;
}
.details .detail-block ul li a {
  color: #555;
  text-decoration: none;
  font-weight: bold;
}
.details .detail-broke-block {
  padding: 20px 0px;
  background: #dfe5eb;
}
.details .detail-broke-block ul {
  margin: 0px 10px;
}
.details .detail-broke-block ul li a {
  display: block;
  background: #fff;
  padding: 15px;
  margin-bottom: 1px;
  border: 1px solid shade(#bbbbbb, 10%);
  color: #000;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.details .detail-broke-block ul li a span {
  color: #fff;
  background: #64819c;
  border: 1px solid shade(#bbbbbb, 10%);
  display: inline-block;
  text-align: center;
  width: 25px;
  font-size: 0.786em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 2px;
  float: right;
}
.details .detail-broke-block ul li a.disabled {
  background: #f7f7f7;
  color: #888;
}
.details .detail-broke-block ul li a.disabled span {
  color: #dfe5eb;
  background: #98abbd;
}
.details .grow-1 {
  width: 49.21875%;
}
.details .grow-1 input[type=text] {
  width: 78%;
}
.details .grow-1:nth-child(even) {
  margin-left: 1.5625%;
}
.details .grow-2 {
  width: 100%;
}
.details .grow-3 {
  width: 33.3%;
}
.details .grow-4 {
  width: 66.6%;
  background: #d8d8d8;
}
.details .button {
  margin: 10px auto;
}
.details p .label {
  display: inline-block;
  width: 50%;
  float: left;
}
.details p .desc {
  display: inline-block;
  width: 50%;
}

.detail-broke-block h2,
.detail-block h2 {
  padding-left: 10px;
}
.detail-broke-block h3,
.detail-block h3 {
  font-weight: normal;
  font-size: 12px;
}
.detail-broke-block input[type=submit],
.detail-block input[type=submit] {
  height: 23px;
}

.favorites-overview li,
.overview li,
.product-overview li {
  height: 167px;
}
.favorites-overview li a,
.overview li a,
.product-overview li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  border: 1px solid #fff;
  background-position: center 10px;
}
.favorites-overview li a h3,
.overview li a h3,
.product-overview li a h3 {
  text-align: center;
  width: 100%;
}
.favorites-overview li a:hover,
.overview li a:hover,
.product-overview li a:hover {
  border: 1px solid #ddd;
  -webkit-box-shadow: 3px 3px 2px #aaa;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 2px #aaa;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 2px #aaa;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.product-overview li a {
  background-position: center;
}

.product-circle-overview {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.product-circle-overview li {
  width: 31%;
}
.product-circle-overview li a {
  background-position: 10px 10px;
  background-size: 75px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px 95px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-style: italic;
}
.product-circle-overview li a h3 {
  font-style: normal;
}
.product-circle-overview li a:hover {
  border: 1px solid #ddd;
  -webkit-box-shadow: 3px 3px 2px #aaa;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 2px #aaa;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 2px #aaa;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.tableFilter,
.partListNotes {
  padding: 20px 10px;
  background: #fff;
  font-style: italic;
}

.tableFilter .button.active {
  background: #0000ff;
}

.where-used-mod .error-notification,
.where-used-mod .formError {
  margin: 0 0 20px 0;
  width: 100%;
  display: block;
}
.where-used-mod .clone-row {
  height: 110px !important;
}
.where-used-mod .field-container {
  width: 87.3%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowarp;
  -moz-flex-wrap: nowarp;
  -ms-flex-wrap: nowarp;
  flex-wrap: nowarp;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.where-used-mod .form-line.fields {
  margin-bottom: 10px;
}
.where-used-mod .form-line.fields.first-line input[type=text] {
  width: 87.3%;
}
.where-used-mod .form-line.fields label {
  width: 100px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
}
.where-used-mod .form-line.fields .button.close,
.where-used-mod .form-line.fields .button.delete {
  margin: 0;
}
.where-used-mod .form-line.fields select {
  width: 25%;
}
.where-used-mod .form-line.fields input[type=text] {
  width: 68%;
}

.basket form h2 {
  margin: 0px;
  background: #eee;
  padding: 20px;
  text-align: center;
  color: #aaa;
}
.basket table {
  table-layout: fixed;
}
.basket table td, .basket table th {
  padding: 10px 5px;
}
.basket table td:first-child, .basket table th:first-child {
  padding-left: 10px;
}
.basket table td:last-child, .basket table th:last-child {
  padding-right: 10px;
  width: 60px;
}
.basket td span {
  display: block;
  font-style: italic;
}
.basket h2 {
  margin: 20px 0px;
}
.basket .maintenance-item-holder {
  background: #999;
  padding: 20px;
  padding-right: 100px;
  position: relative;
  font-size: 14px;
}
.basket .maintenance-item-holder a {
  position: absolute;
  right: 20px;
  top: 20px;
  background: #4d4d4f;
  color: #fff;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 2px 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.basket .maintenance-item-holder a:hover {
  background: blue;
}
.basket .maintenance-item-holder ul {
  margin: 0px 0px;
  margin-top: 5px;
  padding: 0px;
}
.basket .maintenance-item-holder ul li {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
}

#cost-estimate-parts thead .partPriceInput {
  padding-left: 2%;
}
#cost-estimate-parts thead .partQuantityIncrease {
  width: 3%;
}

.button-remove {
  float: right;
  margin-top: 0;
  margin-right: 0;
  background-color: #fff;
  background-image: url(../../img/common/ico-bin-blue.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button-remove:hover {
  background-image: url(../../img/common/ico-bin-white.png);
}

.cover-image {
  height: 330px;
  clear: both;
}
.cover-image [class^="icon-"], .cover-image [class*=" icon-"] {
  font-family: "icon_glyphs";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cover-image .cover-content-item {
  text-align: right;
  padding-left: 500px;
  padding-top: 42px;
  max-width: 500px;
  margin: 0 auto;
}
.cover-image .cover-content-item > :last-child {
  margin-bottom: 0;
}
.cover-image .cover-content-item h2 {
  font-family: "Soleto",sans-serif;
  font-style: normal;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.2;
  color: blue;
  letter-spacing: .013em;
  font-weight: lighter;
  margin-bottom: 0.5em;
  clear: both;
}
.cover-image .cover-content-item h2 span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
}
.cover-image .cover-content-item p {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #4d4d4f;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility;
  clear: both;
}
.cover-image .show-for-small {
  display: none;
}
.cover-image .cover-content-item-button a {
  cursor: pointer;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 0.5625em 1em 0.625em 1em;
  color: #0000FF;
  border: none;
  background-color: transparent;
  border: 1px solid #0000FF;
  font-size: 15px;
  font-size: 0.9375rem;
}
.cover-image .cover-content-item-button a:hover {
  background-color: #0000FF;
  color: #fff;
}

.icon-uniE600:before {
  content: "\e600";
}

.slick-slides-container {
  height: 330px;
  overflow: hidden;
}

.slick-slide {
  height: 300px !important;
}

.slick-slide-frame {
  height: 300px;
  width: 100%;
  max-width: 1200px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0px auto;
}

.slick-slide-background {
  height: 300px;
  background-position: 50% 0;
}

.slick-next {
  right: 0;
}

.slick-prev {
  left: 0;
}

.slick-arrow {
  width: 50px;
  height: 60px;
  border: none;
  text-align: center;
  position: absolute;
  display: none !important;
  top: 50%;
  margin-top: -75px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-family: "icon_glyphs";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 60px;
  cursor: pointer;
}
.slick-arrow:hover {
  color: #0000FF;
}

.slick-slides-container:hover .slick-arrow {
  display: block !important;
}

.slick-dots {
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
.slick-dots li {
  display: inline-block;
  float: none;
}
.slick-dots li button {
  padding: 0px;
  margin: 0 3px;
  border-radius: 0;
  background: #ffffff;
  height: 12px;
  width: 12px;
  font-size: 0;
  line-height: 0;
  border: 2px solid #0000FF;
}
.slick-dots li.slick-active button {
  background: #0000FF;
}

.inpageMessage {
  position: fixed;
  display: none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin: 0 auto;
  top: 0;
  left: 50%;
  margin-left: -211px;
  text-align: center;
  border-color: #0000FF;
  background-color: #ffffff;
  width: 400px;
  -moz-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 9999999;
}

.inpageMessage p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  margin-right: 18px;
  color: #0000FF;
  font-weight: bold;
}

.cookie-notice {
  background: #9ca7f0;
  color: #4d4d4f;
  padding: 15px 0 0;
  font-size: 0.75rem;
}

.cookie-notice .container {
  max-width: 1200px;
  min-width: 990px;
  width: auto;
  margin: 0px auto;
  overflow: hidden;
}

.cookie-notice .decline-message {
  display: none;
}

.cookie-notice .cookie-actions a {
  display: inline-block;
  color: #4d4d4f;
  margin: 0 20px 15px 0;
  font-weight: 700;
  background: transparent;
  padding: 0;
  text-decoration: none;
}

.cookie-notice .cookie-close {
  color: #4d4d4f;
  display: inline-block;
}

.cookie-notice .cookie-close:before {
  content: 'x';
  display: inline-block;
  margin-right: 5px;
  font-weight: 700;
}

.cookie-notice p {
  margin: 0 0 13.5px;
}

.cookie-notice a {
  color: #4d4d4f;
}

.cookie-notice .col-sm-10 {
  position: relative;
  min-height: 1px;
}

.cookie-notice .col-sm-2 {
  text-align: right;
}

.cookie-notice .lineOut {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .cookie-notice .container {
    width: 780px;
  }

  .cookie-notice .col-sm-10 {
    width: 83.3333333333%;
  }

  .cookie-notice .col-sm-2 {
    width: 16.6666666667%;
  }

  .cookie-notice .col-sm-2, .cookie-notice .col-sm-10 {
    float: left;
  }
}
@media (min-width: 992px) {
  .cookie-notice .container {
    width: 1000px;
  }
}
.show {
  display: block;
}

.tabs-overview {
  width: 100%;
}

.tabs-menu-container {
  width: 100%;
  border-bottom: 2px solid #64829c;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.tabs {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.tabs-item, .tabs-item-nocard {
  margin-right: 5px;
}
.tabs-item.tabs-item-dropdown, .tabs-item-nocard.tabs-item-dropdown {
  margin-right: 0;
}

.tabs-link, .tabs-button, .tabs-link-nocard {
  border: 2px solid transparent;
  background-color: #97abbe;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: white;
  font-size: 16px;
}
.tabs-link.active, .tabs-button.active, .tabs-link-nocard.active {
  background-color: #64829c;
}
.tabs-link:hover, .tabs-button:hover, .tabs-link-nocard:hover {
  background-color: #839bb0;
}

.tabs-dropdown.settingsMenu {
  margin: 0;
  padding: 0;
}
.tabs-dropdown.settingsMenu ul {
  width: 400px;
}

.tab-pane {
  padding: 20px 0;
}
.tab-pane.show {
  display: block;
}

.tab-chapter {
  margin-bottom: 10px;
  margin-bottom: 50px;
}
.tab-chapter h2 {
  font-size: 21px;
  font-size: 1.3125rem;
}
.tab-chapter h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
.tab-chapter:last-child {
  margin-bottom: 0;
}

.tab-chapter-header {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.tab-chapter-header h2 {
  margin: 0;
}

.tab-chapter-title {
  margin-bottom: 10px;
  margin-top: 10px;
}

.tab-chapter-title-flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex-align-right {
  justify-content: flex-end;
}

.tab-chapter-menu,
.tab-chapter-menu .column-row {
  display: flex;
  align-items: center;
}

.tab-chapter-menu a {
  margin-left: 15px;
}
.tab-chapter-menu .column-row-nowrap * {
  white-space: nowrap;
}

.tab-chapter-menu .column-row {
  align-items: baseline;
  margin-left: 15px;
}
.tab-chapter-menu .column-row select {
  margin-right: 15px;
  margin-left: 15px;
}

.block-30 {
  width: 30%;
}

.ico-overview {
  width: 65px;
  height: auto;
}

.stick-text {
  text-align: right;
  width: 39%;
}

.tab-chapter-footer {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.tab-chapter-footer .form-row {
  margin-bottom: 5px;
  display: flex;
  align-items: baseline;
}
.tab-chapter-footer .form-row input, .tab-chapter-footer .form-row select {
  width: 40%;
}
.tab-chapter-footer .form-row span {
  display: inline-block;
  width: 15px;
  text-align: left;
}

.button-group .button {
  margin-left: 10px;
  float: right;
}

.label-bold label {
  font-weight: bold;
}

.tabs-show {
  display: block;
}

.print-button-new {
  background: #fff;
  background-image: url(../../img/common/ico-printer-blue.png);
  background-repeat: no-repeat;
  background-size: 95%;
  background-position: center;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.print-button-new:hover {
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-size: 95%;
  background-position: center;
}

.tab-chapter span.overlapMessage {
  display: block;
  font-style: italic;
  color: red;
}

.overviewHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
.overviewHeader .claims-totals {
  border-top: 2px solid blue;
  border-bottom: 4px solid blue;
  background: #f5f5f5;
  width: 78%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.overviewHeader .claims-totals h5 {
  background: url(../../img/common/icon_head.png) no-repeat;
  padding-left: 30px;
}
.overviewHeader .claims-totals div {
  background: #fff;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.overviewHeader .claims-totals div ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 72.9411765%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.overviewHeader .claims-totals div ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 23px;
}
.overviewHeader .claims-totals div ul li a {
  height: 23px;
  padding-left: 30px;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.overviewHeader .claims-totals div ul .draft a {
  background-image: url(../../img/common/icon_status_draft.png);
  color: #d3b92c;
}
.overviewHeader .claims-totals div ul .in-progress a {
  background-image: url(../../img/common/icon_status_in_progress.png);
  color: #8fb5d1;
}
.overviewHeader .claims-totals div ul .approved a {
  background-image: url(../../img/common/icon_status_approved.png);
  color: #87d16a;
}
.overviewHeader .claims-totals div ul .rejected a {
  background-image: url(../../img/common/icon_status_rejected.png);
  color: #cc3b3a;
}

.dww-print-header {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: right;
}

.dww-print-header-list > .print-button,
.dww-print-header > .print-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  background-image: url(../../img/common/ico-printer-blue.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.dww-print-header-list > .print-button:hover,
.dww-print-header > .print-button:hover {
  background: #0000ff;
  background-image: url(../../img/common/ico-printer-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.dww-print-header-list {
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
  text-align: right;
}

.column-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

.rowsteps {
  width: 100%;
  height: 65px;
  background: -moz-linear-gradient(left, blue 0%, blue 50%, #f7f7f7 50%, #f7f7f7 100%);
  background: -webkit-linear-gradient(left, blue 0%, blue 50%, #f7f7f7 50%, #f7f7f7 100%);
  background: linear-gradient(to right, blue 0%, blue 50%, #f7f7f7 50%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF', endColorstr='#f7f7f7',GradientType=1 );
  margin-bottom: 20px;
}
.rowsteps ol, .rowsteps ol li {
  list-style: none;
}
.rowsteps.step1 {
  background: #f7f7f7;
  background: -moz-linear-gradient(left, blue 0%, blue 15%, #f7f7f7 15%, #f7f7f7 100%);
  background: -webkit-linear-gradient(left, blue 0%, blue 15%, #f7f7f7 15%, #f7f7f7 100%);
  background: linear-gradient(to right, blue 0%, blue 15%, #f7f7f7 15%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='blue', endColorstr='#f7f7f7',GradientType=1 );
}
.rowsteps.step1 .steps ol li:first-child {
  color: #fff;
  background-color: blue;
  background-image: url(../../img/common/step_right.png);
}
.rowsteps.step2 {
  background: #f7f7f7;
}
.rowsteps.step2 .steps ol li:first-child {
  background-image: url(../../img/common/step_left.png);
}
.rowsteps.step2 .steps ol li:nth-child(2) {
  color: #fff;
  background-color: blue;
  background-image: url(../../img/common/step_right.png);
}
.rowsteps.step3 {
  background: #fff;
}
.rowsteps.step3 .steps ol li:nth-child(2) {
  background-image: url(../../img/common/step_left.png);
}
.rowsteps.step3 .steps ol li:nth-child(3) {
  color: #fff;
  background-color: blue;
  background-image: url(../../img/common/step_right.png);
}
.rowsteps.step4 {
  background: #fff;
}
.rowsteps.step4 .steps ol li:nth-child(3) {
  background-image: url(../../img/common/step_left.png);
}
.rowsteps.step4 .steps ol li:nth-child(4) {
  color: #fff;
  background-color: blue;
  background-image: url(../../img/common/step_right.png);
}
.rowsteps .steps {
  height: 65px;
}
.rowsteps .steps ol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 19px;
  font-size: 1.1875rem;
  list-style-position: inside;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rowsteps .steps ol li {
  width: auto;
  height: 65px;
  line-height: 65px;
  color: blue;
  white-space: nowrap;
  background: url(../../img/common/step.png) right 0 no-repeat;
  padding-left: 20px;
  padding-right: 70px;
  /*
  &:first-child {
  	color:#fff;
  	background-color: $primary-color;
  	background-image: url(../../img/common/step_right.png);
  }
  */
}

/* opaque background */
.steps {
  background-color: white;
}

/* padding on the navigation buttons */
.form-row.navbuttons button,
.form-row.navbuttons a {
  padding: .4em .8em;
}

/* turn off flex */
.form-row fieldset .form-line label {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
}

.form-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form-row.navbuttons {
  margin-top: 10px;
  width: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.form-row.navbuttons button {
  color: #fff;
  background: blue;
  font-weight: normal;
  border: none;
  font-size: 14px;
  font-size: 0.875rem;
}
.form-row.navbuttons button.grey {
  background: #808080;
}
.form-row.navbuttons button:nth-child(2) {
  margin: 0 20px;
}
.form-row.navbuttons button.button-order-first {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
}
.form-row.navbuttons button.button-order-second {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.form-row fieldset {
  background: #fff;
  margin-bottom: 20px;
}
.form-row fieldset .center-div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-row fieldset h2 {
  background: blue;
  color: #fff;
  padding: 10px 20px;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-row fieldset.centered-block {
  width: 100%;
}
.form-row fieldset.centered-block .center-div {
  padding: 10px 100px;
}
.form-row fieldset.centered-inline-block {
  width: 48.9898990%;
}
.form-row fieldset.centered-inline-block .center-div {
  padding: 10px 20px 10px 100px;
}
.form-row fieldset.centered-inline-block:last-child .center-div {
  padding: 10px 100px 10px 20px;
}
.form-row fieldset .form-line {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
}
.form-row fieldset .form-line.required textarea,
.form-row fieldset .form-line.required select,
.form-row fieldset .form-line.required input[type=text] {
  background-image: url("../../img/common/required.png");
  background-position: 99% center;
  background-repeat: no-repeat;
}
.form-row fieldset .form-line.required textarea {
  background-position: 99% 5%;
}
.form-row fieldset .form-line.required select {
  background: url(../../img/common/select-arrow.png) 99% center no-repeat, url("../../img/common/required.png") 97% center no-repeat;
}
.form-row fieldset .form-line.required #repairDate,
.form-row fieldset .form-line.required .date-picker,
.form-row fieldset .form-line.required #failureDate,
.form-row fieldset .form-line.required #installationDate {
  /*background-image:url(../../img/common/ico-calendar.png) 5px 1px no-repeat, url('../../img/common/required.png') 99% center no-repeat;*/
  background-image: url(../../img/common/ico-calendar.png), url("../../img/common/required.png");
  background-position: 5px 1px, 99% center;
  background-repeat: no-repeat, no-repeat;
  background-size: 17px auto, 8px 8px;
}
.form-row fieldset .form-line.no-wrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.form-row fieldset .form-line.form-address label {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.form-row fieldset .form-line.check {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 171px;
}
.form-row fieldset .form-line.check .vm-claim {
  margin-top: 3px;
}
.form-row fieldset .form-line.check label {
  margin-left: 10px;
  width: 200px;
}
.form-row fieldset .form-line label {
  width: 150px;
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /*
  &.required:after {
  	content:" * ";
  	color:$primary-color;
  }
  */
}

fieldset .select-container {
  width: 82%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
fieldset .select-container select {
  width: 49%;
}
fieldset .select-container input[type=text] {
  width: 100%;
}

.row-to-clone {
  display: none !important;
}

.ui-spinner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 49%;
  height: 23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-spinner input {
  border: 0;
  width: 100%;
  margin: 0;
}

input[type=text].partNo {
  width: 35%;
}

input[type=text].partDescr {
  width: 63%;
  float: right;
  background-color: #e0e0e0;
}

.form-fields-combined {
  width: 82%;
}

.table-clean {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.table-clean .form-line {
  width: 86% !important;
}
.table-clean table td, .table-clean table th {
  padding: 10px 0;
}
.table-clean table td input[type=text],
.table-clean table td select, .table-clean table th input[type=text],
.table-clean table th select {
  width: 100%;
}
.table-clean table td:nth-child(2), .table-clean table th:nth-child(2) {
  text-align: right;
  padding-right: 20px;
  padding-left: 20px;
}
.table-clean table td:nth-child(3), .table-clean table th:nth-child(3) {
  text-align: right;
}
.table-clean table tr {
  background: none;
  color: #000;
}
.table-clean table tr td {
  padding: 0;
}
.table-clean table tr td:nth-child(1) {
  width: 75%;
}
.table-clean table tr td:nth-child(2) {
  width: 20%;
  text-align: right;
}
.table-clean table tr td:nth-child(3) {
  width: 5%;
  text-align: right;
}
.table-clean table tr td:nth-child(3) button {
  width: 24px;
  height: 25px;
  border: 0;
  margin: 0;
  padding: 0;
}
.table-clean table tr td:nth-child(3) button img {
  display: block;
}
.table-clean table tr:nth-child(odd), .table-clean table tr:nth-child(even) {
  background: none;
}

.align-div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-div .block-form {
  width: 49%;
  margin-bottom: 20px;
}
.align-div .block-form .form-line {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.align-div .block-form .form-line span.strong {
  font-weight: bold;
}

.delphi-data,
.claims-totals {
  border: 1px solid #cbc8bf;
  background: #e2e0db;
  padding: 10px 10px 5px 10px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.delphi-data div,
.claims-totals div {
  width: 33%;
  margin-bottom: 5px;
}
.delphi-data div label,
.claims-totals div label {
  width: 160px;
  display: inline-block;
}
.delphi-data div li,
.claims-totals div li {
  display: inline-block;
}
.delphi-data div li a,
.claims-totals div li a {
  display: inline-block;
  padding-left: 25px;
  background-repeat: no-repeat;
}
.delphi-data div .draft a,
.claims-totals div .draft a {
  background-image: url(../../img/common/icon_status_draft.png);
  color: #d3b92c;
}
.delphi-data div .in-progress a,
.claims-totals div .in-progress a {
  background-image: url(../../img/common/icon_status_in_progress.png);
  color: #8fb5d1;
}
.delphi-data div .approved a,
.claims-totals div .approved a {
  background-image: url(../../img/common/icon_status_approved.png);
  color: #87d16a;
}
.delphi-data div .rejected a,
.claims-totals div .rejected a {
  background-image: url(../../img/common/icon_status_rejected.png);
  color: #cc3b3a;
}
.delphi-data div .repair a,
.claims-totals div .repair a {
  background-image: url(../../img/common/icon_repair.png);
  color: #d3b92c;
}
.delphi-data div .installation a,
.claims-totals div .installation a {
  background-image: url(../../img/common/icon_install.png);
  color: #8fb5d1;
}

.summary-attachments .form-line.file-attachments,
.summary-attachments .file-attachments,
.form-claim-attachments .form-line.file-attachments,
.form-claim-attachments .file-attachments {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: auto;
}
.summary-attachments a,
.form-claim-attachments a {
  color: #000;
}
.summary-attachments .button,
.form-claim-attachments .button {
  margin-top: 0;
  margin-right: 10px;
}

.form-claim-attachments .center-div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.multiline-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px;
}
.multiline-header .btn-big {
  order: 2;
}

.multiline-content {
  width: 85%;
}
.multiline-content .fields {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.multiline-content .fields .formError {
  width: 100%;
  margin-left: 0;
}

.multiline-claim {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.multiline-claim table thead th:nth-child(2) {
  text-align: left;
}
.multiline-claim table thead th:nth-child(3) {
  text-align: left;
}
.multiline-claim table thead th:nth-child(4) {
  text-align: left;
  padding: 10px;
}
.multiline-claim table thead th:nth-child(5) {
  text-align: left;
  padding: 10px;
}
.multiline-claim table tbody.multiline span.formError {
  display: block;
  width: 100%;
  margin-left: 0;
}
.multiline-claim table td {
  padding-bottom: 20px !important;
}
.multiline-claim table td:first-child {
  width: 19% !important;
}
.multiline-claim table td:nth-child(2) {
  width: 10% !important;
}
.multiline-claim table td:nth-child(2) .ui-spinner {
  width: 100%;
}
.multiline-claim table td:nth-child(3) {
  width: 20% !important;
}
.multiline-claim table td:nth-child(4) {
  padding: 0 10px;
  width: 20% !important;
}
.multiline-claim table td:nth-child(5), .multiline-claim table td:nth-child(6) {
  padding: 0 10px;
}
.multiline-claim table button {
  margin-top: 0 !important;
}

.block-filter {
  margin-bottom: 20px;
}
.block-filter h2 {
  padding: 3px 10px;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-filter .block-container {
  padding: 10px !important;
}
.block-filter .block-container fieldset div {
  width: 250px;
  display: block !important;
  float: left;
  margin-right: 20px;
}
.block-filter .block-container fieldset div label {
  width: 100%;
}
.block-filter .block-container fieldset div input, .block-filter .block-container fieldset div select {
  width: 100%;
}
.block-filter .block-container fieldset .button {
  margin-top: 18px;
  height: 19px;
}

.two-year-warranty #command {
  margin-bottom: 20px;
}
.two-year-warranty .warranty-code-search .formError {
  width: 100% !important;
  margin-left: 0 !important;
}
.two-year-warranty .warranty-code-search .form-line:nth-child(3) {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}
.two-year-warranty .warranty-code-search .form-line:nth-child(3) div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.two-year-warranty .warranty-code-search .form-line:nth-child(3) label {
  width: 202px;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.two-year-warranty .terms-and-conditions label {
  width: 95% !important;
}
.two-year-warranty .warranty-code-search .form-line span,
.two-year-warranty .warranty-code .form-line span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
}
.two-year-warranty .warranty-code-search .form-line span input,
.two-year-warranty .warranty-code .form-line span input {
  margin: 0 10px;
}
.two-year-warranty .warranty-code-search .form-line span.available-for-injector, .two-year-warranty .warranty-code-search .form-line span.available-for-pump,
.two-year-warranty .warranty-code .form-line span.available-for-injector,
.two-year-warranty .warranty-code .form-line span.available-for-pump {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 5px;
}
.two-year-warranty .repair-declaration label {
  width: 165px !important;
}
.two-year-warranty .repair-declaration .formError,
.two-year-warranty .repair-declaration input {
  width: 77% !important;
}
.two-year-warranty .form-claim-main.centered-block .form-line {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.two-year-warranty form.form-claim .navbuttons {
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}
.two-year-warranty form.form-claim .form-row.center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.two-year-warranty form.form-claim .form-row.center fieldset .center {
  padding: 20px;
}
.two-year-warranty form.form-claim .form-row.center fieldset .form-line {
  padding: 0 10px;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.two-year-warranty form.form-claim .form-row.center.split {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.two-year-warranty form.form-claim .form-row.center.split fieldset {
  width: 49%;
}
.two-year-warranty form.form-claim .form-row.center.split fieldset.installation-information {
  width: 100%;
}
.two-year-warranty #installationDeclarationForm label {
  width: 191px;
}
.two-year-warranty #installationDeclarationForm input[type=text] {
  width: 79%;
}
.two-year-warranty #installationDeclarationForm .ui-spinner {
  width: 10%;
}
.two-year-warranty #installationDeclarationForm .ui-spinner input {
  width: 100%;
}
.two-year-warranty #installationDeclarationForm .navbuttons {
  margin-bottom: 20px;
}

.form-line.succes-line {
  display: block !important;
}

.footerContainer {
  max-height: 120px;
  min-height: 120px;
  width: 100%;
  background: #f7f7f7;
  color: black;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: static;
  bottom: auto;
}
.footerContainer a {
  color: blue;
  text-decoration: none;
}
.footerContainer p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.footerContainer p a.featherbox-website-version {
  color: black;
  text-decoration: none;
}
.footerContainer .contentContainer {
  padding-bottom: 0;
}

.column-80 {
  width: 80%;
}
.column-80 .footer-regel:first-child {
  height: 40px;
  overflow: hidden;
}
.column-80 .footer-regel:last-child {
  height: 40px;
}

.column-20 {
  width: 20%;
}
.column-20 .footer-regel {
  align-items: flex-end;
  align-self: flex-end;
}
.column-20 .footer-regel img {
  width: 50%;
  margin-top: 4px;
}
.column-20 .footer-regel:first-child {
  height: 40px;
  overflow: hidden;
}

.footer-regel {
  height: 20px;
  display: flex;
  flex-direction: column;
}

.footer-borgwarner {
  font-size: 0.625rem !important;
  line-height: 12px;
}