@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap');

:root{
	--primary-color: #FFFFFF;
	--secondary-color: #0F3546;
	--text-color-dark: #0F3546;
	--text-color-light: #FFFFFF;
	--accent-color: #FFD540;
	--listing-pg-bg: #DBE1E4;
	--listing-pg-text-color: #0F3546;
    --link-color: #008282;
}

article,
aside,
footer,
header,
main,
nav,
section {
  display: block;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-family: "Source Sans 3", sans-serif !important;
}


input,
.ui-widget:not(.ui-button ){
	font-family: "Source Sans 3", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
button,
a,
.main-nav,
.ifrs,
li.active,
.btn-blue,
div[type=button]{
    font-family: 'Chillax-Medium', sans-serif !important;
    font-weight: 500 !important;
}

.cmp-tables tbody a {
  color: var(--secondary-color) !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.icon-32{
    width: 32px;
}

.btn-overview img{
	width: 50px;
}

.damage-img{
	width: 80px;
}

.invert{
	filter: brightness(0) invert(1);
}

.btn-contract-action img{
	width: 32px;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border: none !important;
}


.ui-slider-horizontal .ui-slider-range{
	background-color: var(--secondary-color) !important;
}

.ui-slider-horizontal .ui-slider-handle{
	background-color: var(--secondary-color) !important;
}

.cmp-contract{
	margin-bottom: 4px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
}

a {
  background: transparent;
  color: var(--secondary-color);
}

a:focus {
  outline: thin dotted var();
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

hr {
  height: 0;
}

code {
  font-family: monospace, serif;
  font-size: 1em;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

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

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*|*:link {
    color: var(--link-color);
}

.site-layover {
  /*z-index: 50;*/
}

.popup {
  /*z-index: 40;*/
}

.header {
  /*z-index: 30;*/
}

.footer {
  /*z-index: 20;*/
}

.side-bar {
  /*z-index: 10;*/
}

.content {
  /*z-index: 0;*/
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1.3;
  /* define type */
  
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--listing-pg-text-color);
}

/* import partials */
/* export breakpoint settings so it can be used in javascript */
.show-on-phone-portrait, .show-on-phone-landscape,
.show-on-tablet-portrait, .show-on-tablet-landscape,
.show-on-desktop, .show-on-big-screen {
  display: none;
}

@media (max-width: 1023px) {
  .show-on-mobile {
    display: block;
  }

  .hide-on-mobile {
    display: none !important;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .show-on-phone-portrait {
    display: block;
  }

  .hide-on-phone,
  .hide-on-phone-portrait {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .show-on-phone-landscape {
    display: block;
  }

  .hide-on-phone,
  .hide-on-phone-landscape {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-on-tablet-portrait {
    display: block;
  }

  .hide-on-tablet,
  .hide-on-tablet-portrait {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .show-on-tablet-landscape {
    display: block;
  }

  .hide-on-tablet,
  .hide-on-tablet-landscape {
    display: none !important;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .show-on-desktop {
    display: block;
  }

  .hide-on-desktop {
    display: none !important;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .show-on-big-screen {
    display: block;
  }

  .hide-on-big-screen {
    display: none !important;
  }
}
.icon {
  vertical-align: middle;
}
.icon.blue {
  color: var(--secondary-color);
}
.icon.white {
  color: white;
}
.icon.medium {
  font-size: 16px;
  font-size: 1.6rem;
}
.icon.large {
  font-size: 29px;
  font-size: 2.9rem;
}
.icon.xl {
  font-size: 42px;
  font-size: 4.2rem;
}
.icon.space-right {
  padding-right: 10px;
}
.icon.space-left {
  padding-left: 10px;
}
.icon.block {
  display: block;
}
.icon.center {
  text-align: center;
}
.icon.left {
  text-align: left;
}
.icon.right {
  text-align: right;
}

@font-face {
  font-family: 'icomoon';
  src: url("https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/fonts/icomoon.eot");
  src: url("https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/fonts/icomoon.eot?#iefix") format("embedded-opentype"),
       url("https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/fonts/icomoon.svg") format("svg"),
       url("https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/fonts/icomoon.woff") format("woff"),
       url("https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/fonts/icomoon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon,
.icons, .next.btn-blue:after, .cmp-contract .next.toggle-details:after,
.cmp-contract .next.toggle-specs:after, .l-landing .next.ui-button:after, .next.btn-white:after, .next.btn-silver:after, .back.btn-blue:before, .cmp-contract .back.toggle-details:before, .l-landing .back.ui-button:before, .back.btn-white:before, .back.btn-silver:before, .delete.btn-blue:before, .cmp-contract .delete.toggle-details:before, .l-landing .delete.ui-button:before, .delete.btn-white:before, .delete.btn-silver:before, .icons.btn-blue, .cmp-contract .icons.toggle-details,
.cmp-contract .icons.toggle-specs, .l-landing .icons.ui-button, .icons.btn-white, .icons.btn-silver, .btn-silver:before, .round-icon, .tooltip:before, .tooltip.question:before, .cmp-formfield-checkbox input:checked + label:after, .cmp-formfield-date .icon-input-wrapper:after, .chosen-container-single .chosen-single div:after,
.chosen-container-multi .chosen-single div:after, .chosen-container-single .chosen-single div button,
.chosen-container-multi .chosen-single div button, .cmp-contract .toggle-details .show:after,
.cmp-contract .toggle-details .hide:after,
.cmp-contract .toggle-specs .show:after,
.cmp-contract .toggle-specs .hide:after, .cmp-contract .toggle-specs:before, .cmp-popup .close:before, .cmp-travel-detail .time:before, .l-header .mobile-togglers .mail:before,
.l-header .mobile-togglers .menu:before, .top-nav .company:before,
.top-nav .user:before, .navigation li.home a:before, .navigation li.back > div:before, .navigation a:after, .navigation span:after, .pt-register .login .login-form .client-id:after, .pt-inbox .inbox-menu li a:after, .pt-inbox .inbox-menu li a:before, .pt-inbox .inbox-overview .messages div:before, .pt-offer.step-2 .options-selected table .remove, .pt-offer.switch-home .options-selected table .remove, .pt-search.step-2 .cmp-car:after, .pt-search.step-3 .cmp-car-type:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-myald .path1:before {
  content: "\e631";
  color: #0674b6;
}

.icon-myald .path2:before {
  content: "\e632";
  color: #0674b6;
  margin-left: -1em;
}

.icon-myald .path3:before {
  content: "\e633";
  color: #0a0a0a;
  margin-left: -1em;
}

.icon-myald .path4:before {
  content: "\e634";
  color: #0674b6;
  margin-left: -1em;
}

.icon-myald .path5:before {
  content: "\e635";
  color: #0a0a0a;
  margin-left: -1em;
}

.cmp-formfield-toggle ul, .cmp-tabs ul, .cmp-key-value, .cmp-popup .actions, .l-landing .ui-dashboard, .l-header, .pt-form .form-footer, .pt-appointment-scheduler.step-1 .choices, .pt-appointment-scheduler.step-2 .dealers, .pt-appointment-scheduler.step-2 .form-part-2, .pt-offer.step-2 .content-wrapper, .pt-offer.step-2 .top-bar, .pt-offer.switch-home .content-wrapper, .pt-offer.switch-home .top-bar, .pt-offer.step-3 main section > .content-wrapper, .pt-offer.step-3 main section > .top-bar, .pt-offer.step-3 main .pt-cards section > .top-bar, .pt-offer.step-3 .cmp-popup .form-section, .pt-search.step-1 fieldset, .pt-search.step-1 .action-bar, .pt-search.step-2 .content-wrapper, .pt-search.step-2 .pt-offer .top-bar, .pt-offer .pt-search.step-2 .top-bar, .pt-search.step-2 .pt-cards .top-bar, .pt-cards .pt-search.step-2 .top-bar, .pt-search.step-2 .results > ul, .pt-search.step-2 .sort, .pt-search.step-3 .results > ul {
  zoom: 1;
}
.cmp-formfield-toggle ul:before, .cmp-tabs ul:before, .cmp-key-value:before, .cmp-popup .actions:before, .l-landing .ui-dashboard:before, .l-header:before, .pt-form .form-footer:before, .pt-appointment-scheduler.step-1 .choices:before, .pt-appointment-scheduler.step-2 .dealers:before, .pt-appointment-scheduler.step-2 .form-part-2:before, .pt-offer.step-2 .content-wrapper:before, .pt-offer.step-2 .top-bar:before, .pt-offer.switch-home .content-wrapper:before, .pt-offer.switch-home .top-bar:before, .pt-offer.step-3 main section > .content-wrapper:before, .pt-offer.step-3 main section > .top-bar:before, .pt-offer.step-3 main .pt-cards section > .top-bar:before, .pt-offer.step-3 .cmp-popup .form-section:before, .pt-offer .cmp-popup:before, .pt-search.step-1 fieldset:before, .pt-search.step-1 .action-bar:before, .pt-search.step-2 .content-wrapper:before, .pt-search.step-2 .pt-offer .top-bar:before, .pt-offer .pt-search.step-2 .top-bar:before, .pt-search.step-2 .pt-cards .top-bar:before, .pt-cards .pt-search.step-2 .top-bar:before, .pt-search.step-2 .results > ul:before, .pt-search.step-2 .sort:before, .pt-search.step-3 .results > ul:before, .cmp-formfield-toggle ul:after, .cmp-tabs ul:after, .cmp-key-value:after, .cmp-popup .actions:after, .l-landing .ui-dashboard:after, .l-header:after, .pt-form .form-footer:after, .pt-appointment-scheduler.step-1 .choices:after, .pt-appointment-scheduler.step-2 .dealers:after, .pt-appointment-scheduler.step-2 .form-part-2:after, .pt-offer.step-2 .content-wrapper:after, .pt-offer.step-2 .top-bar:after, .pt-offer.switch-home .content-wrapper:after, .pt-offer.switch-home .top-bar:after, .pt-offer.step-3 main section > .content-wrapper:after, .pt-offer.step-3 main section > .top-bar:after, .pt-offer.step-3 main .pt-cards section > .top-bar:after, .pt-offer.step-3 .cmp-popup .form-section:after, .pt-offer .cmp-popup:after, .pt-search.step-1 fieldset:after, .pt-search.step-1 .action-bar:after, .pt-search.step-2 .content-wrapper:after, .pt-search.step-2 .pt-offer .top-bar:after, .pt-offer .pt-search.step-2 .top-bar:after, .pt-search.step-2 .pt-cards .top-bar:after, .pt-cards .pt-search.step-2 .top-bar:after, .pt-search.step-2 .results > ul:after, .pt-search.step-2 .sort:after, .pt-search.step-3 .results > ul:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.cmp-formfield-toggle ul:after, .cmp-tabs ul:after, .cmp-key-value:after, .cmp-popup .actions:after, .l-landing .ui-dashboard:after, .l-header:after, .pt-form .form-footer:after, .pt-appointment-scheduler.step-1 .choices:after, .pt-appointment-scheduler.step-2 .dealers:after, .pt-appointment-scheduler.step-2 .form-part-2:after, .pt-offer.step-2 .content-wrapper:after, .pt-offer.step-2 .top-bar:after, .pt-offer.switch-home .content-wrapper:after, .pt-offer.switch-home .top-bar:after, .pt-offer.step-3 main section > .content-wrapper:after, .pt-offer.step-3 main section > .top-bar:after, .pt-offer.step-3 main .pt-cards section > .top-bar:after, .pt-offer.step-3 .cmp-popup .form-section:after, .pt-offer .cmp-popup:after, .pt-search.step-1 fieldset:after, .pt-search.step-1 .action-bar:after, .pt-search.step-2 .content-wrapper:after, .pt-search.step-2 .pt-offer .top-bar:after, .pt-offer .pt-search.step-2 .top-bar:after, .pt-search.step-2 .pt-cards .top-bar:after, .pt-cards .pt-search.step-2 .top-bar:after, .pt-search.step-2 .results > ul:after, .pt-search.step-2 .sort:after, .pt-search.step-3 .results > ul:after {
  clear: both;
}

.cmp-mobility-block .options, .pt-offer .left-section, .pt-offer.step-2 .options, .pt-offer.switch-home .options, .pt-offer .cmp-popup .filter-category, .pt-search.step-2 .filter-category, .pt-fleet main .options {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.title-xxl {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  color: var(--secondary-color) !important;
  padding: 10px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .title-xxl {
    padding: 10px 15px;
  }
}
@media (min-width: 1024px) {
  .title-xxl {
   padding: 20px;
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    padding-bottom: 0px !important;
  }
}

.title-xl, h1 {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--text-color-light) !important;
  margin-top: 0;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .title-xl, h1 {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media (min-width: 1280px) {
  .title-xl, h1 {
    font-size: 23px;
    font-size: 2.3rem;
  }
}

.title-large, .cmp-contract > div:first-child > strong {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 20px;
  font-size: 2rem;
/*  text-transform: uppercase;*/
  color: var(--secondary-color);
}

.title-medium {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  color: var(--secondary-color);
  margin: 0 0 5px 0;
}
@media (min-width: 1024px) {
  .title-medium {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.title-small, h2, h3, fieldset.fs-silver legend {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
/*  text-transform: uppercase;*/
  color: var(--secondary-color);
}

/* text */
.text-default {
  /* define type */
  
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--text-color-dark);
  line-height: 1.3;
}

.form-note {
  /* define type */
  
  /* define size */
  font-size: 13px;
  font-size: 1.3rem;
  font-style: italic;
  color: var(--text-color-dark);
  line-height: 1.3;
}

/* links */
.layout-body a, .lnk-content, .l-landing #myDataPanel a, .pt-appointment-scheduler.step-2 .pagination li > div {
  color: var(--secondary-color);
  transition: .2s color ease;
  cursor: pointer;
}
.layout-body a:hover, .lnk-content:hover, .l-landing #myDataPanel a:hover, .pt-appointment-scheduler.step-2 .pagination li > div:hover, .layout-body a .active, .lnk-content .active, .l-landing #myDataPanel a .active, .pt-appointment-scheduler.step-2 .pagination li > div .active {
  color: var(--secondary-color);
}
.layout-body a.disabled, .disabled.lnk-content, .l-landing #myDataPanel a.disabled, .pt-appointment-scheduler.step-2 .pagination li > div.disabled, .layout-body a:disabled, .lnk-content:disabled, .l-landing #myDataPanel a:disabled, .pt-appointment-scheduler.step-2 .pagination li > div:disabled {
  cursor: not-allowed;
}
.layout-body a.progress, .progress.lnk-content, .l-landing #myDataPanel a.progress, .pt-appointment-scheduler.step-2 .pagination li > div.progress {
  cursor: progress;
}

.lnk-content:link, .l-landing #myDataPanel a:link {
  color: var(--secondary-color);
}
.lnk-content.visited, .l-landing #myDataPanel a.visited, .lnk-content:visited, .l-landing #myDataPanel a:visited {
  color: var(--secondary-color);
}
.lnk-content.hover, .l-landing #myDataPanel a.hover, .lnk-content:hover, .l-landing #myDataPanel a:hover {
  color: var(--secondary-color);
}
.lnk-content.active, .l-landing #myDataPanel a.active, .lnk-content:active, .l-landing #myDataPanel a:active {
  color: var(--secondary-color);
}
.lnk-content.progress, .l-landing #myDataPanel a.progress {
  color: #206a96;
}
.lnk-content.disabled, .l-landing #myDataPanel a.disabled, .lnk-content:disabled, .l-landing #myDataPanel a:disabled {
  color: #d8d8d8;
}
.lnk-content.disabled.hover, .l-landing #myDataPanel a.disabled.hover, .lnk-content.disabled:hover, .l-landing #myDataPanel a.disabled:hover, .lnk-content:disabled.hover, .l-landing #myDataPanel a:disabled.hover, .lnk-content:disabled:hover, .l-landing #myDataPanel a:disabled:hover {
  color: #d8d8d8;
}

/* btns */
.btn-blue, .cmp-contract .toggle-details,
.cmp-contract .toggle-specs, .l-landing .ui-button, .btn-white, .btn-silver {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 10px;
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .btn-blue, .cmp-contract .toggle-details,
  .cmp-contract .toggle-specs, .l-landing .ui-button, .btn-white, .btn-silver {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 10px 7px;
  }
}
.disabled.btn-blue, .cmp-contract .disabled.toggle-details,
.cmp-contract .disabled.toggle-specs, .l-landing .disabled.ui-button, .disabled.btn-white, .disabled.btn-silver, .btn-blue:disabled, .cmp-contract .toggle-details:disabled,
.cmp-contract .toggle-specs:disabled, .l-landing .ui-button:disabled, .btn-white:disabled, .btn-silver:disabled {
  cursor: not-allowed;
}
.progress.btn-blue, .cmp-contract .progress.toggle-details,
.cmp-contract .progress.toggle-specs, .l-landing .progress.ui-button, .progress.btn-white, .progress.btn-silver {
  cursor: progress;
}
.next.btn-blue, .cmp-contract .next.toggle-details,
.cmp-contract .next.toggle-specs, .l-landing .next.ui-button, .next.btn-white, .next.btn-silver {
  padding: 7px 30px 7px 10px;
  position: relative;
 /* text-transform: uppercase;*/
}
@media (min-width: 1024px) {
  .next.btn-blue, .cmp-contract .next.toggle-details,
  .cmp-contract .next.toggle-specs, .l-landing .next.ui-button, .next.btn-white, .next.btn-silver {
    padding: 8px 30px 7px 10px;
  }
}
.next.btn-blue:after, .cmp-contract .next.toggle-details:after,
.cmp-contract .next.toggle-specs:after, .l-landing .next.ui-button:after, .next.btn-white:after, .next.btn-silver:after {
  content: "\e608";
  position: absolute;
  right: 5px;
  top: 6px;
  font-size: 19px;
  font-size: 1.9rem;
}
@media (min-width: 1024px) {
  .next.btn-blue:after, .cmp-contract .next.toggle-details:after,
  .cmp-contract .next.toggle-specs:after, .l-landing .next.ui-button:after, .next.btn-white:after, .next.btn-silver:after {
    top: 4px;
  }
}
.back.btn-blue, .cmp-contract .back.toggle-details,
.cmp-contract .back.toggle-specs, .l-landing .back.ui-button, .back.btn-white, .back.btn-silver {
  padding: 8px 10px 6px 30px;
  position: relative;
  /*text-transform: uppercase;*/
}
@media (min-width: 1024px) {
  .back.btn-blue, .cmp-contract .back.toggle-details,
  .cmp-contract .back.toggle-specs, .l-landing .back.ui-button, .back.btn-white, .back.btn-silver {
    padding: 8px 10px 7px 30px;
  }
}
.back.btn-blue:before, .cmp-contract .back.toggle-details:before,
.cmp-contract .back.toggle-specs:before, .l-landing .back.ui-button:before, .back.btn-white:before, .back.btn-silver:before {
  content: "\e623";
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 19px;
  font-size: 1.9rem;
}
.delete.btn-blue, .cmp-contract .delete.toggle-details,
.cmp-contract .delete.toggle-specs, .l-landing .delete.ui-button, .delete.btn-white, .delete.btn-silver {
  position: relative;
}
@media (min-width: 1024px) {
  .delete.btn-blue, .cmp-contract .delete.toggle-details,
  .cmp-contract .delete.toggle-specs, .l-landing .delete.ui-button, .delete.btn-white, .delete.btn-silver {
    padding-left: 34px;
  }
}
.delete.btn-blue:before, .cmp-contract .delete.toggle-details:before,
.cmp-contract .delete.toggle-specs:before, .l-landing .delete.ui-button:before, .delete.btn-white:before, .delete.btn-silver:before {
  content: "\e613";
  display: inline-block;
  padding-right: 10px;
}
@media (min-width: 1024px) {
  .delete.btn-blue:before, .cmp-contract .delete.toggle-details:before,
  .cmp-contract .delete.toggle-specs:before, .l-landing .delete.ui-button:before, .delete.btn-white:before, .delete.btn-silver:before {
    position: absolute;
    left: 9px;
    top: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.icon.btn-blue, .cmp-contract .icon.toggle-details,
.cmp-contract .icon.toggle-specs, .l-landing .icon.ui-button, .icon.btn-white, .icon.btn-silver {
  /* define type */
  
  font-weight: 400;
  /* define size */
  position: relative;
}
.icon.btn-blue .icon, .cmp-contract .icon.toggle-details .icon,
.cmp-contract .icon.toggle-specs .icon, .l-landing .icon.ui-button .icon, .icon.btn-white .icon, .icon.btn-silver .icon {
  display: inline-block;
  padding-right: 10px;
  line-height: 0;
}

.btn-blue, .cmp-contract .toggle-details,
.cmp-contract .toggle-specs, .l-landing .ui-button {
  color:var(--primary-color) !important;
  background:var(--secondary-color) !important;
  transition: .2s background-color ease;
  border-radius: 50px !important;
/*  text-transform: uppercase;*/
}
.btn-blue.hover, .cmp-contract .hover.toggle-details,
.cmp-contract .hover.toggle-specs, .l-landing .hover.ui-button, .btn-blue:hover, .cmp-contract .toggle-details:hover,
.cmp-contract .toggle-specs:hover, .l-landing .ui-button:hover {
  background-color: var(--secondary-color);
  color: white;
}
.btn-blue.active, .cmp-contract .active.toggle-details,
.cmp-contract .active.toggle-specs, .l-landing .active.ui-button, .btn-blue:active, .cmp-contract .toggle-details:active,
.cmp-contract .toggle-specs:active, .l-landing .ui-button:active {
  background-color: var(--secondary-color);
}
.btn-blue.progress, .cmp-contract .progress.toggle-details,
.cmp-contract .progress.toggle-specs, .l-landing .progress.ui-button {
  background-color: var(--secondary-color);
}
.btn-blue.disabled, .cmp-contract .disabled.toggle-details,
.cmp-contract .disabled.toggle-specs, .l-landing .disabled.ui-button, .btn-blue:disabled, .cmp-contract .toggle-details:disabled,
.cmp-contract .toggle-specs:disabled, .l-landing .ui-button:disabled {
  background-color: #d8d8d8 !important;
}
.btn-blue.disabled.hover, .cmp-contract .disabled.hover.toggle-details,
.cmp-contract .disabled.hover.toggle-specs, .l-landing .disabled.hover.ui-button, .btn-blue.disabled:hover, .cmp-contract .disabled.toggle-details:hover,
.cmp-contract .disabled.toggle-specs:hover, .l-landing .disabled.ui-button:hover, .btn-blue:disabled.hover, .cmp-contract .toggle-details:disabled.hover,
.cmp-contract .toggle-specs:disabled.hover, .l-landing .ui-button:disabled.hover, .btn-blue:disabled:hover, .cmp-contract .toggle-details:disabled:hover,
.cmp-contract .toggle-specs:disabled:hover, .l-landing .ui-button:disabled:hover {
  background-color: #d8d8d8;
}

.btn-white {
  color: var(--secondary-color);
  background-color: #FFFFFF;
  font-weight: bold;
  transition: .2s background-color ease;
}
.btn-white.hover, .btn-white:hover {
  color: var(--secondary-color);
}
.btn-white.active, .btn-white:active {
  color: var(--secondary-color);
}
.btn-white.progress {
  color: var(--secondary-color);
}
.btn-white.disabled, .btn-white:disabled {
  color: #d8d8d8;
}
.btn-white.disabled.hover, .btn-white.disabled:hover, .btn-white:disabled.hover, .btn-white:disabled:hover {
  color: #d8d8d8;
}

.btn-silver {
  background-color: var(--listing-pg-bg);
  color: var(--secondary-color);
  padding: 12px 15px;
  font-size: 15px;
  font-size: 1.5rem;
}
.btn-silver:before {
  display: inline-block;
  padding-right: 10px;
}
.btn-silver.check {
  color: #56b417;
}
.btn-silver.check:before {
  content: "\e905";
  color: #56b417;
}
.btn-silver.remove-x {
  color: #b71616;
}
.btn-silver.remove-x:before {
  content: "\e906";
  color: #b71616;
}
.btn-silver.download:before {
  content: "\e904";
}
.btn-silver.delete-x:before {
  content: "\e613";
}

.round-icon {
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: inline-table;
  width: 32px;
  height: 32px;
}
.round-icon:after {
  z-index: 2;
  position: relative;
  display: table-cell;
  content: "";
  color: white;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
}
.round-icon:before {
  position: absolute;
  content: "";
  font-weight: normal !important;
  text-align: center;
  border-radius: 50%;
  width: 32px !important;
  height: 32px;
  border: 2px solid white;
  background-color: var(--secondary-color);
  color: white;
  top: 0;
  left: 0;
  z-index: 1;
}
.round-icon.ov:after {
  content: "\e902";
  font-size: 27px;
  font-size: 2.7rem;
}
.round-icon.park:after {
  content: "\e903";
  font-size: 11px;
  font-size: 1.1rem;
}
.round-icon.car:after {
  content: "\e62b";
}
.round-icon.bike:after {
  content: "\e62a";
}

.icon.check:before {
  content: "\e905";
  color: #56b417;
}
.icon.remove-x:before {
  content: "\e906";
  color: #b71616;
}

.btn-overview {
  display: table;
  padding: 0 5px 10px 0;
  float: left;
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
}
.whatsapp .whatsapp-info{
    background-color:white;
    color:var(--secondary-color);
    font-weight:bold;
    text-transform:none;
}
.whatsapp .whatsapp-info .icon{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 32px 32px !important;
    height: 38px;
}
.whatsapp-tooltip{
    display: none;
    position: absolute;
    z-index: 1;
}
.whatsapp-tooltip span{
    background-color: var(--secondary-color) !important;
    color: white !important;
    text-transform: none;
    width: 230px !important;
}
.btn-overview.change-driver .icon{
}
.btn-overview.change-driver .icon.chnage-driver-old{
        font-size: 3.2rem !important;
    padding-left: 50px;
    padding-bottom: 0;
}
.btn-overview.change-driver .icon.chnage-driver-new{
    color: var(--text-color-light);
    font-size: 3.2rem !important;
    left: -55px;
    top: 5px;
}
@media (max-width: 768px) {
  .btn-overview.change-driver .icon.chnage-driver-old{
    padding-left: 10px;
}
.btn-overview.change-driver .icon.chnage-driver-new{
    left: -40px;
}
}
@media (max-width: 1023px) {
  .btn-overview {
    width: 50%;
  }
}
@media (min-width: 0px) and (max-width: 479px) {
  .btn-overview:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
  }
}
@media (min-width: 1024px) {
  .btn-overview {
    /*text-transform: uppercase;*/
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .btn-overview {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.btn-overview > span {
  color: white;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}
.btn-overview > span:hover, .btn-overview > span.hover {
  transition: background-color .3s ease-in;
}
.btn-overview .icon {
  display: block;
  text-align: center;
  font-size: 36px;
  font-size: 3.6rem;
  padding-bottom: 10px;
  color: var(--secondary-color);
}
.btn-overview.damage .icon {
  font-size: 42px;
  font-size: 4.2rem;
}
.btn-overview.damage .icon:before {
  content: "\e618";
}
.btn-overview.tyre .icon:before {
  content: "\e620";
}
.btn-overview.call .icon:before {
  content: "\e621";
}
.btn-overview.car .icon:before {
  content: "\e619";
}
.btn-overview.car-choice .icon:before {
  content: "\e61f";
}
.btn-overview.fines .icon:before {
  content: "\e60f";
}
.btn-overview.planner .icon:before {
  content: "\e602";
}
.btn-overview.download .icon:before {
  content: "\e605";
}
.btn-overview.doc .icon:before {
  content: "\e60e";
}
.btn-overview.maintenance .icon:before {
  content: " \e61c";
}
.btn-overview.unsubscribe .icon:before {
  content: "\e604";
}
.btn-overview.account .icon {
  font-size: 70px;
  font-size: 7rem;
}
.btn-overview.account .icon:before {
  display: block;
  content: "\e628";
  line-height: .6;
}
.btn-overview .icon.chnage-driver-old {
    margin-left: 20px;
    color: #a2a2a2;
    font-size: 3.6rem !important;
    margin-top: 10px;
}
.btn-overview .icon.chnage-driver-new {
    position: relative;
    top: 0px;
    display: inline-block;
    padding-left: 0px;
    left: -29px;
    color: var(--secondary-color);
    font-size: 3.6rem !important;
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip:before {
  content: "\69";
  margin-left: 5px;
  vertical-align: text-bottom;
  color: var(--secondary-color);
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.tooltip.question:before {
  content: "\e607";
  margin-left: 5px;
  vertical-align: text-bottom;
  color: var(--secondary-color);
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.tooltip:hover p, .tooltip.active p {
  display: block;
}
.tooltip p {
  background-color: #d8d8d8;
  color: var(--listing-pg-text-color);
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: none;
  padding: 5px;
  display: none;
  position: absolute;
  left: 3px;
  bottom: 30px;
  min-width: 130px;
  margin-bottom: 0;
}
.tooltip p:before {
  content: "";
  border: 10px solid transparent;
  border-bottom: 0;
  border-top: 10px solid #d8d8d8;
  position: absolute;
  bottom: -10px;
  left: 5px;
}
.tooltip.right p {
  right: -5px;
  left: auto;
}
.tooltip.right p:before {
  right: 5px;
  left: auto;
}
.tooltip.help:before {
  color: var(--text-color-light);
  content: "\e62f";
}

/* lists */
ol, ul, .wysiwyg-input ol, .wysiwyg-input ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* tables */
.wysiwyg-input table {
  border-collapse: collapse;
}
.wysiwyg-input table > thead {
  border-bottom: 1px solid gray;
}
.wysiwyg-input table > thead th {
  padding: 5px 30px 5px 0;
}
.wysiwyg-input table > tbody > tr {
  border-bottom: 1px solid silver;
}
.wysiwyg-input table > tbody td {
  padding: 7px 30px 7px 0;
}

/* BASIC STYLING */
.cmp-template {
  background-color: green;
}

/* DISPLAY MODE A */
/* DISPLAY MODE B */
/* IF NEEDED - ADD Display mode classes to component (now its possible to control with JS) */
.cmp-.display-mode-a {
  width: 100px;
  height: 50px;
}

.cmp-.display-mode-b {
  width: 50px;
  height: 100px;
}

.cmp-rich-text {
  overflow: hidden;
}
.cmp-rich-text p + p {
  margin-top: 20px;
}
.cmp-rich-text * + h2,
.cmp-rich-text * + h3 {
  margin-top: 20px;
}
.cmp-rich-text * + p,
.cmp-rich-text * + ol,
.cmp-rich-text * + ul {
  margin-top: 5px;
}
.cmp-rich-text ol {
  list-style-type: decimal;
  margin-left: 18px;
}
.cmp-rich-text ul {
  margin-bottom: 20px;
}
.cmp-rich-text ul li {
  position: relative;
  padding-left: 10px;
}
.cmp-rich-text ul li:before {
  content: "";
  background-color: var(--secondary-color);
  width: 4px;
  height: 4px;
  left: 0;
  top: 8px;
  position: absolute;
  border-radius: 50%;
}
.cmp-rich-text ul li + li {
  margin-top: 5px;
}
.cmp-rich-text ol, .cmp-rich-text ul {
  padding-left: 2px;
}
.cmp-rich-text ol ol, .cmp-rich-text ul ol {
  margin-left: 18px;
}
.cmp-rich-text li + li {
  margin-top: 2px;
}

.development-tools-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  padding: 20px;
  border: 1px solid silver;
  background-color: white;
  text-align: left;
  margin: 10px;
  z-index: 10;
}
.development-tools-menu .form-group + .form-group {
  margin-top: 30px;
}
.development-tools-menu #slider-step-amount {
  position: absolute;
}
.development-tools-menu label {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
  margin-bottom: 10px;
}
.development-tools-menu input[type="checkbox"] {
  position: relative;
  top: -3px;
}

#designs {
  display: none;
  opacity: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.design {
  margin: 0 auto;
}

.project-index h2 {
  font-weight: bold;
  margin-bottom: 5px;
}

.form-wrapper {
  background-color: white;
}
.form-wrapper fieldset {
  background-color: var(--listing-pg-bg);
  padding: 10px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .form-wrapper fieldset {
    padding: 10px 15px;
  }
}

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

fieldset.fs-silver, .pt-appointment-scheduler.step-2 .dealer, .pt-appointment-scheduler.step-2 .bring-pick-up-service > li, .pt-offer .results li, .pt-search.step-2 .sort, .pt-search.step-2 .cmp-car, .pt-search.step-3 .cmp-car-type {
  position: relative;
  background-color: var(--listing-pg-bg);
  padding: 11px;
  color: var(--secondary-color);
}
fieldset.has-legend.fs-silver, .pt-appointment-scheduler.step-2 .has-legend.dealer, .pt-appointment-scheduler.step-2 .bring-pick-up-service > li.has-legend, .pt-offer .results li.has-legend, .pt-search.step-2 .has-legend.sort, .pt-search.step-2 .has-legend.cmp-car, .pt-search.step-3 .has-legend.cmp-car-type {
  margin-top: 20px;
}

/* Global styling */
fieldset.fs-silver.has-legend {
  margin-top: 20px;
}
fieldset.fs-silver legend {
  position: absolute;
  top: -20px;
  left: -11px;
  position: relative;
}
fieldset.fs-silver + .fs-silver {
  margin-top: 4px;
}
fieldset.fs-silver + .fs-silver.has-legend {
  margin-top: 80px;
}

.user-feedback {
  margin: 3px 0 0 0;
  padding: 0;
  font-style: italic;
  color: silver;
  font-size: 0.9em;
}
.user-feedback .positive {
  color: green;
}
.error .user-feedback,
.user-feedback .error {
  color: red;
}

label,
.group-label {
  /* define type */
  
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--text-color-dark);
}
label:after,
.group-label:after {
  content: " :";
}

.cmp-formfield-checkbox label:after,
.cmp-formfield-radio label:after {
  display: none;
}

/* Form Boxes */
select,
textarea,
.chosen-single,
input[type="text"],
input[type="password"],
input[type="email"],
select {
  color: var(--listing-pg-text-color);
  padding: 6px 10px;
  background-color: white;
  border: 1px solid #c3c3c3;
  font-size: 13px;
  font-size: 1.3rem;
  width: 100%;
  box-sizing: border-box;
}
.error select,
select .error, .error
textarea,
textarea .error, .error
.chosen-single,
.chosen-single .error, .error
input[type="text"],
input[type="text"] .error, .error
input[type="password"],
input[type="password"] .error, .error
input[type="email"],
input[type="email"] .error, .error
select,
select .error {
  border: 1px solid red;
}

/* Display modes */
/* specific formfield styling */
.cmp-formfield-checkbox label,
.cmp-formfield-checkbox .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.cmp-formfield-checkbox input,
.cmp-formfield-checkbox select,
.cmp-formfield-checkbox .chosen-container,
.cmp-formfield-checkbox .icon-input-wrapper,
.cmp-formfield-checkbox textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.cmp-formfield-checkbox textarea {
  vertical-align: top;
}
.cmp-formfield-checkbox .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.cmp-formfield-checkbox .group-label {
  vertical-align: top;
  display: inline-block;
}
@media (max-width: 1023px) {
  .cmp-formfield-checkbox .group-label {
    margin-bottom: 3px;
    font-weight: 700;
  }
}
.cmp-formfield-checkbox label:before {
  position: relative;
  top: -1px;
}
.cmp-formfield-checkbox ul {
  display: inline-block;
  vertical-align: top;
}
.cmp-formfield-checkbox input {
  display: none !important;
}
.cmp-formfield-checkbox input + label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 25px;
  width: auto;
  text-align: left;
}
.cmp-formfield-checkbox input + label:before {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #cbcbcb;
  background-color: white;
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
  border-radius: 3px;
}
.cmp-formfield-checkbox input:checked + label:after {
  position: absolute;
  top: 4px;
  left: 3px;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  content: "\e61a";
  color: var(--secondary-color);
}
.cmp-formfield-checkbox input:disabled + label {
  cursor: default;
  opacity: .5;
}
.cmp-formfield-checkbox input + label {
  cursor: pointer;
}
.cmp-formfield-checkbox.alt input + label {
  line-height: 1.9;
  padding-left: 35px;
}
.cmp-formfield-checkbox.alt input + label:before {
  box-shadow: none;
  width: 26px;
  height: 26px;
  border-radius: 0;
  border: 0;
  top: -1px;
}
@media (min-width: 1024px) {
  .cmp-formfield-checkbox.alt input + label:before {
    margin-right: 5px;
  }
}
.cmp-formfield-checkbox.alt input:checked + label:after {
  top: 4px;
  left: 4px;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  content: "\e603";
}

.cmp-formfield-date .icon-input-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.cmp-formfield-date .icon-input-wrapper:before {
  content: "";
  background-color: var(--secondary-color);
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.cmp-formfield-date .icon-input-wrapper:after {
  content: "\e602";
  color: white;
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 17px;
}
.cmp-formfield-date .icon-input-wrapper:hover:before {
  background-color: var(--secondary-color);
}

.cmp-formfield-radio {
  position: relative;
}
.cmp-formfield-radio label,
.cmp-formfield-radio .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.cmp-formfield-radio input,
.cmp-formfield-radio select,
.cmp-formfield-radio .chosen-container,
.cmp-formfield-radio .icon-input-wrapper,
.cmp-formfield-radio textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.cmp-formfield-radio textarea {
  vertical-align: top;
}
.cmp-formfield-radio .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.cmp-formfield-radio .group-label {
  vertical-align: top;
  display: inline-block;
}
@media (max-width: 1023px) {
  .cmp-formfield-radio .group-label {
    margin-bottom: 3px;
    font-weight: 700;
  }
}
.cmp-formfield-radio label:before {
  position: relative;
  top: -1px;
}
.cmp-formfield-radio ul {
  display: inline-block;
  vertical-align: top;
}
.cmp-formfield-radio ul li + li {
  margin-top: 5px;
}
.cmp-formfield-radio input {
  display: none !important;
}
.cmp-formfield-radio input + label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: auto;
  text-align: left;
}
.cmp-formfield-radio input + label:before {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background-color: white;
  content: "";
  border: 1px solid #cbcbcb;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 10px;
}
@media (min-width: 1024px) {
  .cmp-formfield-radio input + label:before {
    margin-right: 5px;
  }
}
.cmp-formfield-radio input:checked + label:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  display: inline-block;
  background-color: var(--secondary-color);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.cmp-formfield-radio input + label {
  cursor: pointer;
}
.cmp-formfield-radio.alt input {
  display: none;
}
.cmp-formfield-radio.alt input + label {
  line-height: 1.9;
}
.cmp-formfield-radio.alt input + label:before {
  box-shadow: none;
  border: 0;
  width: 26px;
  height: 26px;
}
.cmp-formfield-radio.alt input:checked + label:after {
  display: block;
  top: 6px;
  left: 7px;
  width: 12px;
  height: 12px;
}

.cmp-formfield-search label,
.cmp-formfield-search .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.cmp-formfield-search input,
.cmp-formfield-search select,
.cmp-formfield-search .chosen-container,
.cmp-formfield-search .icon-input-wrapper,
.cmp-formfield-search textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.cmp-formfield-search textarea {
  vertical-align: top;
}
.cmp-formfield-search .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

.cmp-formfield-select > select {
  width: 100%;
  padding: 5px 10px;
}
.cmp-formfield-select.disabled .chosen-container-single .chosen-single,
.cmp-formfield-select.disabled .chosen-container-multi .chosen-single {
  background-color: white;
  color: #d8d8d8;
}
.cmp-formfield-select.disabled .chosen-container-single .chosen-single > div,
.cmp-formfield-select.disabled .chosen-container-multi .chosen-single > div {
  background-color: #d8d8d8;
}

/*
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100% !important;
  /* @group Results  */
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #eee;
  border-top: 0;
  background: white;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
  color: var(--listing-pg-text-color);
}
.chosen-container a:hover {
  color: var(--listing-pg-text-color);
}
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
  font-size: 0.9em;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: var(--listing-pg-bg);
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background-color: var(--listing-pg-bg);
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @group Single Chosen */
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-single {
  position: relative;
  display: block;
  padding: 0 0 0 8px;
  border: 1px solid #ccc;
  background-color: white;
  padding: 6px;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
}
.chosen-container-single .chosen-single span,
.chosen-container-multi .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single .chosen-default,
.chosen-container-multi .chosen-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single abbr,
.chosen-container-multi .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single div,
.chosen-container-multi .chosen-single div {
  background-color: var(--secondary-color);
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  width: 28px;
  height: 29px;
}
.chosen-container-single .chosen-single div:after,
.chosen-container-multi .chosen-single div:after {
  content: "\e610";
  color: white;
  position: absolute;
  left: 9px;
  top: 10px;
  font-size: 10px;
}
.chosen-container-single .chosen-single div > em,
.chosen-container-multi .chosen-single div > em {
  display: none;
}
.chosen-container-single .chosen-single div button,
.chosen-container-multi .chosen-single div button {
  display: block;
  color: white;
  font-size: 60%;
  height: 100%;
  width: 25px;
  line-height: 25px;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 1023px) {
  .chosen-container-single .chosen-single div button,
  .chosen-container-multi .chosen-single div button {
    width: 30px;
    line-height: 27px;
  }
}
.chosen-container-single .chosen-single-with-deselect span,
.chosen-container-multi .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-search,
.chosen-container-multi .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  border-top: 1px solid #eee;
}
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-search input[type="text"] {
  width: 100%;
  outline: 0;
  box-sizing: border-box;
  display: none !important;
}
.chosen-container-single .chosen-drop,
.chosen-container-multi .chosen-drop {
  margin-top: -1px;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search,
.chosen-container-multi.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @group Choices  */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 2px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #c3c3c3;
  background-color: #fff;
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px 6px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 2px 5px 2px 0;
  padding: 4px 5px 4px 10px;
  border: 1px solid #c3c3c3;
  max-width: 100%;
  border-radius: 3px;
  background-color: var(--listing-pg-bg);
  background-clip: padding-box;
  color: #444;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  line-height: 1;
  color: #0071b9;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e624';
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

/* @group Active  */
.chosen-container-active .chosen-single {
  border-color: #ccc;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #eee;
  box-shadow: 0 1px 0 white inset;
}
.chosen-container-active .chosen-choices {
  /*
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

  li.search-field input[type="text"] {
      color: #111 !important;
  }
  */
  border-color: #eee;
}

/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.cmp-formfield-textarea > textarea {
  width: 100%;
  padding: 4px 8px;
  min-height: 100px;
}

.cmp-formfield-range {
  height: 59px;
  position: relative;
}
.cmp-formfield-range .label-min,
.cmp-formfield-range .label-max {
  position: absolute;
  bottom: 0;
}
.cmp-formfield-range .label-min {
  left: 0;
}
.cmp-formfield-range .label-max {
  right: 0;
}

.cmp-formfield-toggle {
  position: relative;
  text-align: center;
}
.cmp-formfield-toggle ul {
  display: inline-block;
  margin-right: -4px;
}
.cmp-formfield-toggle li {
  float: left;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}
.cmp-formfield-toggle input {
  display: none !important;
}
.cmp-formfield-toggle input + label {
  width: auto !important;
  min-width: 0px !important;
  padding: 4px !important;
  padding: 0;
  cursor: pointer;
}
.cmp-formfield-toggle input + label:before, .cmp-formfield-toggle input + label:after {
  display: none;
}
.cmp-formfield-toggle input + label .cmp-label {
  width: 38px;
  height: 38px;
  padding-top: 8px;
  overflow: hidden;
  font-weight: normal;
  border: 3px solid var(--listing-pg-bg);
  position: relative;
  left: -3px;
  top: -3px;
  transition: font-size 100ms ease-in-out, font-weight 100ms ease-in-out, padding 100ms ease-in-out, border 100ms ease-in-out;
}
.cmp-formfield-toggle input + label .cmp-label.d {
  color: white;
}
.cmp-formfield-toggle input:checked + label .cmp-label {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  border: 3px solid var(--secondary-color);
  padding-top: 6px;
}

.cmp-formfield-switch {
  position: relative;
}
.cmp-formfield-switch .switch .cmp-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmp-formfield-switch .switch .cmp-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.cmp-formfield-switch .switch input.cmp-toggle-round-flat + label {
  padding: 2px;
  width: 30px;
  height: 18px;
  background-color: #6f6f6f;
  border-radius: 18px;
  transition: background 0.4s;
}
.cmp-formfield-switch .switch input.cmp-toggle-round-flat + label:before {
  display: block;
  position: absolute;
  content: "";
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #6f6f6f;
  border-radius: 18px;
  transition: background 0.4s;
}
.cmp-formfield-switch .switch input.cmp-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
  top: 1px;
  left: 1px;
  bottom: 1px;
  width: 16px;
  background-color: #FFFFFF;
  border-radius: 18px;
  transition: margin 0.4s, background 0.4s;
}
.cmp-formfield-switch .switch input.cmp-toggle-round-flat:checked + label {
  background-color: var(--secondary-color);
}
.cmp-formfield-switch .switch input.cmp-toggle-round-flat:checked + label:before {
  background-color: var(--secondary-color);
}
.cmp-formfield-switch .switch input.cmp-toggle-round-flat:checked + label:after {
  margin-left: 12px;
  background-color: #FFFFFF;
}

.cmp-tabs ul {
  border-bottom: 4px solid var(--secondary-color);
}
@media (max-width: 1023px) {
  .cmp-tabs ul {
    background-color: white;
  }
}
.cmp-tabs li {
  float: left;
  background-color: #FFFFFF;
  margin-right: -1px;
  color: var(--secondary-color);
  cursor: default;
}
@media (max-width: 1023px) {
  .cmp-tabs li {
    background-color: transparent;
  }
}
.cmp-tabs li.active span,
.cmp-tabs li a:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--text-color-light) !important;
}
.cmp-tabs li a,
.cmp-tabs li span {
  transition: 0.2s background-color ease, 0.2s border-color ease;
  border: 1px solid #e2e2e2;
  padding: 10px 14px 6px;
  display: block;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .cmp-tabs li a,
  .cmp-tabs li span {
    padding: 10px 18px 6px;
  }
}
.cmp-tabs li a {
  color: var(--secondary-color);
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .cmp-tabs li a {
    border-color: transparent;
  }
}
@media (max-width: 1023px) {
  .cmp-tabs li + li a {
    border-left: 1px solid #e2e2e2;
  }
}

.cmp-contract {
  background-color: white;
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
}
@media (min-width: 1024px) {
  .cmp-contract {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
.cmp-contract > div:first-child {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .cmp-contract > div:first-child {
    position: relative;
    float: left;
    width: 31.83333%;
    margin-left: 0;
    box-sizing: border-box;
    padding-left: 20px;
    min-height: 135px;
  }
}
.cmp-contract > div:first-child > span {
  /* define type */
  
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  margin-top: 5px;
}
@media (min-width: 1024px) {
  .cmp-contract > div:first-child > span {
    color: var(--secondary-color);
  }
}
@media (min-width: 1024px) {
  .cmp-contract > div:first-child + div {
    float: left;
    width: 65.91667%;
    margin-left: 2.25%;
  }
}
@media (max-width: 1023px) {
  .cmp-contract ul {
    background-color: var(--listing-pg-bg);
    padding: 10px;
    margin-bottom: 50px;
    position: relative;
    display: none;
  }
  .cmp-contract ul:after {
    content: "";
    display: block;
    height: 38px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/shadow-small.png);
    position: absolute;
    bottom: -38px;
  }
}
.cmp-contract ul li {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .cmp-contract ul li {
    width: 33.333%;
    float: left;
  }
}
.cmp-contract ul li span {
  color: var(--secondary-color);
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 1023px) {
  .cmp-contract ul li span {
    font-weight: bold;
  }
}
.cmp-contract .toggle-details,
.cmp-contract .toggle-specs {
  padding: 8px 35px 6px 10px;
  width: 100%;
 /* text-transform: uppercase;*/
  position: relative;
  background: unset !important;
  color: var(--secondary-color) !important;
}
@media (min-width: 1024px) {
  .cmp-contract .toggle-details,
  .cmp-contract .toggle-specs {
    display: none;
  }
}
.cmp-contract .toggle-details .show,
.cmp-contract .toggle-details .hide,
.cmp-contract .toggle-specs .show,
.cmp-contract .toggle-specs .hide {
  width: 100%;
  display: block;
}
.cmp-contract .toggle-details .show:after,
.cmp-contract .toggle-details .hide:after,
.cmp-contract .toggle-specs .show:after,
.cmp-contract .toggle-specs .hide:after {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.cmp-contract .toggle-details .show:after,
.cmp-contract .toggle-specs .show:after {
  content: "\e61e";
}
.cmp-contract .toggle-details .hide,
.cmp-contract .toggle-specs .hide {
  display: none;
}
.cmp-contract .toggle-details .hide:after,
.cmp-contract .toggle-specs .hide:after {
  content: "\e610";
}
.cmp-contract .toggle-details.active .show,
.cmp-contract .toggle-specs.active .show {
  display: none;
}
.cmp-contract .toggle-details.active .hide,
.cmp-contract .toggle-specs.active .hide {
  display: block;
}
.cmp-contract .toggle-details.active + ul {
  display: block;
}
.cmp-contract .toggle-specs {
  display: block;
  cursor: pointer;
  clear: both;
}
@media (min-width: 1024px) {
  .cmp-contract .toggle-specs {
    padding: 0 0 3px 20px;
    position: relative;
    text-decoration: none;
    background: transparent !important;
    text-transform: none;
    color: var(--secondary-color) !important;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .cmp-contract .toggle-specs:hover, .cmp-contract .toggle-specs.active {
    background-color: transparent;
    color: var(--secondary-color);
  }
  .cmp-contract .toggle-specs span.hide:after,
  .cmp-contract .toggle-specs span.show:after {
    color: var(--secondary-color);
    position: absolute;
    font-size: 11px;
    font-size: 1.1rem;
    top: 10px;
    left: 0;
    right: auto;
  }
}
.cmp-contract .specs {
  clear: both;
  width: 100%;
  display: none;
}
@media (max-width: 1023px) {
  .cmp-contract .specs {
    padding: 10px;
    margin-bottom: 20px;
    background-color: var(--listing-pg-bg);
    position: relative;
  }
  .cmp-contract .specs:after {
    content: "";
    display: block;
    height: 38px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/shadow-small.png);
    position: absolute;
    bottom: -38px;
  }
  .cmp-contract .specs legend {
    top: 0;
    left: 0;
  }
  .cmp-contract .specs fieldset {
    padding: 10px 0;
  }
}
@media (min-width: 1024px) {
  .cmp-contract .specs {
    margin: 20px;
  }
  .cmp-contract .specs legend {
    margin-bottom: -10px;
  }
}
.cmp-contract .specs.active {
  display: block;
}
.cmp-contract .specs fieldset + fieldset {
  margin-top: 30px;
}
.cmp-contract .actions {
  overflow: hidden;
  margin-top: 20px;
}
.cmp-contract .actions .btn-overview {
  padding-bottom: 20px;
}
.cmp-contract .actions .btn-overview.damage .icon {
  top: -3px;
  position: relative;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .cmp-contract .actions .btn-overview {
    width: 25%;
    padding: 0 2.5px 20px 5px;
  }
  .cmp-contract .actions .btn-overview:first-child {
    padding-right: 7.5px;
    padding-left: 0;
  }
  .cmp-contract .actions .btn-overview:first-child + .btn-overview {
    padding-right: 5px;
    padding-left: 2.5px;
  }
  .cmp-contract .actions .btn-overview:nth-child(4) {
    padding-left: 7.5px;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .cmp-contract .actions {
    position: absolute;
    bottom: 0;
  }
  .cmp-contract .actions .btn-overview {
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .cmp-contract .actions .btn-overview .icon {
    font-size: 22px;
    font-size: 2.2rem;
    padding-bottom: 0;
  }
  .cmp-contract .actions .btn-overview.damage .icon {
    font-size: 29px;
    font-size: 2.9rem;
  }
  .cmp-contract .actions .btn-overview:hover > span {
    color: var(--secondary-color);
  }
  .cmp-contract .actions .btn-overview > span {
    transition: color .2s ease;
    background-color: transparent;
    color: var(--secondary-color);
    height: auto;
    padding: 0;
  }
  .cmp-contract .actions .btn-overview > span .icon + span {
    display: none;
  }
  .btn-overview .icon.chnage-driver-old {
    color: #a2a2a2;
    font-size: 2.0rem !important;
    margin-left: 0;
    margin-top: 0;
    }
    .btn-overview .icon.chnage-driver-new {
        position: relative;
        top: -2px;
        padding-left: 13px;
        color: var(--secondary-color);
        font-size: 2.0rem !important;
    }
    .cmp-contract .actions .btn-overview.users:hover .chnage-driver-new{
        color: var(--secondary-color);
    }
    .cmp-contract .actions .btn-overview.users:hover .chnage-driver-old{
        color: #a2a2a2;
    }
}
.cmp-contract.fuelcards {
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .cmp-contract.fuelcards .actions {
    position: relative;
  }
  .cmp-contract.fuelcards > div:first-child {
    min-height: 95px;
  }
}
@media (max-width: 1023px) {
  .cmp-contract.fuelcards ul {
    margin-bottom: 15px;
  }
}
.cmp-contract.fuelcards li .cmp-formfield-checkbox {
  margin-bottom: 10px;
}

.cmp-key-value {
  font-size: 14px;
  line-height: 1.4;
  color: var(--listing-pg-text-color);
}
@media (min-width: 768px) {
  .cmp-key-value {
    font-size: 12px;
    line-height: 1.8;
  }
}
.cmp-key-value .key {
  font-weight: bold;
  color: var(--secondary-color);
  text-align: left;
}
@media (min-width: 768px) {
  .cmp-key-value .key {
    float: left;
    font-weight: normal;
    color: var(--listing-pg-text-color);
    text-align: right;
  }
  .cmp-key-value .key:after {
    content: " :";
  }
}
@media (min-width: 768px) {
  .cmp-key-value .value {
    float: left;
    margin-left: 7px;
  }
}
@media (max-width: 767px) {
  .cmp-key-value + .cmp-key-value {
    margin-top: 18px;
  }
}

.cmp-overlay {
  z-index: 1020;
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--listing-pg-text-color);
  opacity: 0;
  overflow: hidden;
}
.cmp-overlay.active {
  transition: opacity 500ms ease-in-out;
  opacity: 0.5;
  top: 0;
}

.cmp-popup {
  z-index: 1021;
  position: absolute;
  width: 30%;
  left: 35%;
  top: -100%;
  padding: 15px;
  margin-bottom: 40px;
  box-sizing: content-box;
  background-color: #FFFFFF;
  opacity: 0;
}
.cmp-popup:after {
  content: "";
  display: block;
  height: 38px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/shadow-small.png);
  position: absolute;
  bottom: -38px;
}
.cmp-popup.active {
  transition: opacity 500ms ease-in-out;
  opacity: 1;
  top: 8%;
}
@media (min-width: 1024px) {
  .cmp-popup.active {
    top: 15%;
  }
}
.cmp-popup:after {
  left: 0;
}
.cmp-popup .box {
  width: 100%;
}
.cmp-popup h3 {
  margin: 0;
}
.cmp-popup p {
  margin: 10px 0 0 0 !important;
}
.cmp-popup .actions {
  margin-top: 40px;
}
.cmp-popup .actions .btn-blue, .cmp-popup .actions .cmp-contract .toggle-details, .cmp-contract .cmp-popup .actions .toggle-details,
.cmp-popup .actions .cmp-contract .toggle-specs,
.cmp-contract .cmp-popup .actions .toggle-specs, .cmp-popup .actions .l-landing .ui-button, .l-landing .cmp-popup .actions .ui-button {
/*  text-transform: uppercase;*/
  width: auto !important;
  margin: 0 !important;
}
.cmp-popup .actions .btn-blue:first-child, .cmp-popup .actions .cmp-contract .toggle-details:first-child, .cmp-contract .cmp-popup .actions .toggle-details:first-child,
.cmp-popup .actions .cmp-contract .toggle-specs:first-child,
.cmp-contract .cmp-popup .actions .toggle-specs:first-child, .cmp-popup .actions .l-landing .ui-button:first-child, .l-landing .cmp-popup .actions .ui-button:first-child {
  float: left !important;
}
.cmp-popup .actions .btn-blue:last-child, .cmp-popup .actions .cmp-contract .toggle-details:last-child, .cmp-contract .cmp-popup .actions .toggle-details:last-child,
.cmp-popup .actions .cmp-contract .toggle-specs:last-child,
.cmp-contract .cmp-popup .actions .toggle-specs:last-child, .cmp-popup .actions .l-landing .ui-button:last-child, .l-landing .cmp-popup .actions .ui-button:last-child {
  float: right !important;
}
.cmp-popup .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.cmp-popup .close:before {
  content: "\e624";
  color: var(--secondary-color);
  font-size: 15px;
}

.cmp-label {
  padding: 5px 8px;
  /* define type */
  
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  color: white;
  font-weight: bold;
  text-align: center;
}
.cmp-label.selected {
  font-size: 22px;
  font-size: 2.2rem;
  border: 3px solid white;
}
.cmp-label.a {
  background-color: #00a751;
}
.cmp-label.b {
  background-color: #52b848;
}
.cmp-label.c {
  background-color: #c0d731;
}
.cmp-label.d {
  background-color: #fede05;
  color: var(--listing-pg-text-color);
}
.cmp-label.e {
  background-color: #feb914;
}
.cmp-label.f {
  background-color: #f37022;
}
.cmp-label.g {
  background-color: #ee1c25;
}

.cmp-spendingbar {
  background-color: white;
  padding: 15px 10px;
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  color: var(--secondary-color);
  text-align: center;
  width: 100%;
  margin: 10px 0;
}
@media (min-width: 480px) {
  .cmp-spendingbar {
    width: auto;
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .cmp-spendingbar {
    width: 140px;
  }
}
.cmp-spendingbar > span {
  /* define type */
  
  font-weight: 400;
  /* define size */
  display: inline-block;
}
@media (min-width: 1024px) {
  .cmp-spendingbar > span {
    display: block;
  }
}
.cmp-spendingbar .progress {
  display: block;
  height: 9px;
  width: 100%;
  background-color: #ebeffa;
  margin-top: 15px;
}
.cmp-spendingbar .progress span {
  display: block;
  width: 0;
  height: 100%;
  background-color: var(--secondary-color);
}

.cmp-card {
  background-color: #ebeffa;
  padding: 10px;
}
.cmp-card h3 {
  margin-top: 0;
/*  text-transform: uppercase;*/
}
.cmp-card p {
  font-size: 15px;
  font-size: 1.5rem;
}
.cmp-card .btn-blue, .cmp-card .cmp-contract .toggle-details, .cmp-contract .cmp-card .toggle-details,
.cmp-card .cmp-contract .toggle-specs,
.cmp-contract .cmp-card .toggle-specs, .cmp-card .l-landing .ui-button, .l-landing .cmp-card .ui-button {
/*  text-transform: uppercase;*/
  margin-top: 20px;
  display: block;
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) {
  display: inline-block;
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) label,
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) input,
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) select,
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) .chosen-container,
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) .icon-input-wrapper,
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) textarea {
  vertical-align: top;
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
@media (min-width: 768px) {
  .cmp-card .cmp-formfield:not(.cmp-formfield-radio) {
    margin-right: 10px;
  }
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) label {
  width: 10px;
  text-align: left;
  min-width: 10px !important;
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) label:after {
  content: "";
}
.cmp-card .cmp-formfield:not(.cmp-formfield-radio) input {
  width: 100px;
}
.cmp-card .cmp-formfield-range {
  width: 200px;
  height: auto;
  margin-left: 10px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .cmp-card .cmp-formfield-range {
    width: 260px;
  }
}
.cmp-card .cmp-formfield-range .ui-slider-handle:first-of-type {
  display: none;
}

.cmp-travel-filter {
  overflow: hidden;
  padding: 10px;
}
@media (min-width: 768px) {
  .cmp-travel-filter {
    background-color: var(--listing-pg-bg);
  }
}
@media (max-width: 767px) {
  .cmp-travel-filter > *:not(.period) {
    display: none;
  }
}
.cmp-travel-filter .group-label,
.cmp-travel-filter legend {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}
.cmp-travel-filter .group-label:after,
.cmp-travel-filter legend:after {
  content: " :";
}
.cmp-travel-filter .cmp-formfield-date label {
  display: inline-block;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .cmp-travel-filter .cmp-formfield-date label {
    width: 40px;
    padding-right: 0;
  }
}
.cmp-travel-filter .cmp-formfield-date .icon-input-wrapper {
  display: inline-block;
  width: 180px;
}
@media (min-width: 1024px) {
  .cmp-travel-filter .cmp-formfield-date .icon-input-wrapper {
    width: 140px;
  }
}
.cmp-travel-filter .cmp-formfield-date + .cmp-formfield-date {
  margin-top: 10px;
}
.cmp-travel-filter > fieldset {
  float: left;
  width: 31.83333%;
  margin-left: 2.25%;
}
.cmp-travel-filter > fieldset:first-child {
  float: left;
  width: 31.83333%;
  margin-left: 0;
}
@media (min-width: 1024px) {
  .cmp-travel-filter > fieldset {
    float: left;
    width: 23.3125%;
    margin-left: 2.25%;
  }
  .cmp-travel-filter > fieldset:first-child {
    float: left;
    width: 14.79167%;
    margin-left: 0;
  }
}
.cmp-travel-filter > div:not(.period) {
  float: left;
  width: 31.83333%;
  margin-left: 2.25%;
}
@media (min-width: 1024px) {
  .cmp-travel-filter > div:not(.period) {
    float: left;
    width: 14.79167%;
    margin-left: 2.25%;
  }
}
.cmp-travel-filter > div:not(.period) .btn-blue, .cmp-travel-filter > div:not(.period) .cmp-contract .toggle-details, .cmp-contract .cmp-travel-filter > div:not(.period) .toggle-details,
.cmp-travel-filter > div:not(.period) .cmp-contract .toggle-specs,
.cmp-contract .cmp-travel-filter > div:not(.period) .toggle-specs, .cmp-travel-filter > div:not(.period) .l-landing .ui-button, .l-landing .cmp-travel-filter > div:not(.period) .ui-button {
  width: 100%;
  margin-top: 10px;
}
.cmp-travel-filter > .btn-blue, .cmp-contract .cmp-travel-filter > .toggle-details,
.cmp-contract .cmp-travel-filter > .toggle-specs, .l-landing .cmp-travel-filter > .ui-button {
  float: right;
/*  text-transform: uppercase;*/
  margin-top: 28px;
}
.cmp-travel-filter > .btn-blue .icon, .cmp-contract .cmp-travel-filter > .toggle-details .icon,
.cmp-contract .cmp-travel-filter > .toggle-specs .icon, .l-landing .cmp-travel-filter > .ui-button .icon {
  padding: 0 0 0 10px;
  font-size: 19px;
  font-size: 1.9rem;
  margin-top: -3px;
}
.cmp-travel-filter .period {
  display: block;
}
@media (min-width: 768px) {
  .cmp-travel-filter .period {
    display: none;
  }
}

.cmp-travel-history {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .cmp-travel-history {
    margin-top: 50px;
  }
}
.cmp-travel-history .heading {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 50px;
}
.cmp-travel-history .heading em,
.cmp-travel-history .heading span {
  display: none;
}
@media (min-width: 768px) {
  .cmp-travel-history .heading {
    padding-bottom: 20px;
  }
  .cmp-travel-history .heading em {
    font-style: normal;
    background-color: white;
    position: relative;
    padding-bottom: 5px;
    display: block;
  }
  .cmp-travel-history .heading em + em {
    /* define type */
    
    font-weight: 400;
    /* define size */
    font-size: 15px;
    font-size: 1.5rem;
    color: var(--secondary-color);
  }
  .cmp-travel-history .heading span {
    /* define type */
    
    font-weight: 400;
    /* define size */
    font-size: 15px;
    font-size: 1.5rem;
    color: var(--secondary-color);
    padding: 0 15px 0 0;
    display: block;
    float: left;
    width: 50%;
    text-align: right;
    box-sizing: border-box;
  }
  .cmp-travel-history .heading span + span {
    padding: 0 0 0 15px;
    text-align: left;
  }
}
.cmp-travel-history .heading:first-child {
  padding-top: 0;
}
.cmp-travel-history .heading:before {
  display: block;
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: var(--secondary-color);
  height: 100%;
}
.cmp-travel-history .day-group {
  position: relative;
}
.cmp-travel-history .day-group + .day-group {
  padding-top: 50px;
}
.cmp-travel-history .day-group + .day-group:before {
  display: block;
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: var(--secondary-color);
  height: 100%;
}

.cmp-travel-detail {
  position: relative;
  background-color: white;
}
@media (max-width: 767px) {
  .cmp-travel-detail:first-child {
    padding-top: 70px;
  }
  .cmp-travel-detail:first-child:before {
    display: block;
    content: "";
    width: 1px;
    background-color: var(--secondary-color);
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
  }
  .cmp-travel-detail:first-child .date {
    position: absolute;
    top: -70px;
    margin: 0 0 0 -28px;
    left: 50%;
  }
}
.cmp-travel-detail > div {
  background-color: var(--listing-pg-bg);
  padding: 10px;
  position: relative;
}
.cmp-travel-detail .date {
  background-color: var(--secondary-color);
  display: inline-block;
  color: white;
  /* define type */
  
  /* define size */
  font-size: 16px;
  font-size: 1.6rem;
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  margin: -10px 0 -10px -10px;
}
.cmp-travel-detail .date span {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  display: block;
  line-height: 1;
}
.cmp-travel-detail.train .time:before {
  content: "\e63f";
}
.cmp-travel-detail.car .time:before {
  content: "\e619";
}
.cmp-travel-detail.bus .time:before {
  content: "";
}
.cmp-travel-detail .time {
  display: block;
  line-height: 1;
  position: relative;
  padding-left: 50px;
}
@media (min-width: 768px) {
  .cmp-travel-detail .time {
    display: inline-block;
    vertical-align: middle;
  }
}
.cmp-travel-detail .time:before {
  color: var(--secondary-color);
  display: inline-block;
  font-size: 33px;
  font-size: 3.3rem;
  vertical-align: middle;
  position: absolute;
  left: 5px;
  top: 0;
  width: 40px;
  text-align: center;
}
.cmp-travel-detail .time p {
  margin: 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.cmp-travel-detail .time p span {
  color: var(--secondary-color);
  font-weight: bold;
  display: inline-block;
  width: 50px;
}
.cmp-travel-detail .time p + p {
  margin-top: 3px;
}
.cmp-travel-detail .price {
  color: var(--secondary-color);
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  position: absolute;
  bottom: 15px;
  text-align: right;
  right: 45px;
  padding-right: 30px;
}
@media (min-width: 480px) {
  .cmp-travel-detail .price {
    left: 50%;
    margin-left: -50px;
    width: 100px;
    right: auto;
    text-align: center;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .cmp-travel-detail .price {
    top: 21px;
    bottom: auto;
  }
}
.cmp-travel-detail .btn-blue, .cmp-travel-detail .cmp-contract .toggle-details, .cmp-contract .cmp-travel-detail .toggle-details,
.cmp-travel-detail .cmp-contract .toggle-specs,
.cmp-contract .cmp-travel-detail .toggle-specs, .cmp-travel-detail .l-landing .ui-button, .l-landing .cmp-travel-detail .ui-button {
/*  text-transform: uppercase;*/
  font-size: 15px;
  font-size: 1.5rem;
}
.cmp-travel-detail .btn-blue:first-child, .cmp-travel-detail .cmp-contract .toggle-details:first-child, .cmp-contract .cmp-travel-detail .toggle-details:first-child,
.cmp-travel-detail .cmp-contract .toggle-specs:first-child,
.cmp-contract .cmp-travel-detail .toggle-specs:first-child, .cmp-travel-detail .l-landing .ui-button:first-child, .l-landing .cmp-travel-detail .ui-button:first-child {
  margin-right: 5px;
}
.cmp-travel-detail .btn-blue.disabled, .cmp-travel-detail .cmp-contract .disabled.toggle-details, .cmp-contract .cmp-travel-detail .disabled.toggle-details,
.cmp-travel-detail .cmp-contract .disabled.toggle-specs,
.cmp-contract .cmp-travel-detail .disabled.toggle-specs, .cmp-travel-detail .l-landing .disabled.ui-button, .l-landing .cmp-travel-detail .disabled.ui-button {
  cursor: pointer;
}
.cmp-travel-detail .actions {
  margin-top: 15px;
}
.cmp-travel-detail .actions .btn-blue:last-child, .cmp-travel-detail .actions .cmp-contract .toggle-details:last-child, .cmp-contract .cmp-travel-detail .actions .toggle-details:last-child,
.cmp-travel-detail .actions .cmp-contract .toggle-specs:last-child,
.cmp-contract .cmp-travel-detail .actions .toggle-specs:last-child, .cmp-travel-detail .actions .l-landing .ui-button:last-child, .l-landing .cmp-travel-detail .actions .ui-button:last-child {
  float: right;
}
@media (min-width: 768px) {
  .cmp-travel-detail .actions {
    float: right;
    margin-top: 2px;
  }
  .cmp-travel-detail .actions .btn-blue:last-child, .cmp-travel-detail .actions .cmp-contract .toggle-details:last-child, .cmp-contract .cmp-travel-detail .actions .toggle-details:last-child,
  .cmp-travel-detail .actions .cmp-contract .toggle-specs:last-child,
  .cmp-contract .cmp-travel-detail .actions .toggle-specs:last-child, .cmp-travel-detail .actions .l-landing .ui-button:last-child, .l-landing .cmp-travel-detail .actions .ui-button:last-child {
    margin-left: 45px;
    float: none;
  }
}
.cmp-travel-detail .comment {
  border-top: 2px solid white;
  overflow: hidden;
  clear: both;
  display: block;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transition: max-height .5s ease-in-out, padding .5s ease-in-out;
}
@media (max-width: 767px) {
  .cmp-travel-detail .comment textarea {
    height: 115px;
  }
}
.cmp-travel-detail .comment.active {
  max-height: 500px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cmp-travel-detail .comment .btn-blue, .cmp-travel-detail .comment .cmp-contract .toggle-details, .cmp-contract .cmp-travel-detail .comment .toggle-details,
.cmp-travel-detail .comment .cmp-contract .toggle-specs,
.cmp-contract .cmp-travel-detail .comment .toggle-specs, .cmp-travel-detail .comment .l-landing .ui-button, .l-landing .cmp-travel-detail .comment .ui-button {
  float: right;
  margin: 10px 0 0 80px;
}
.cmp-travel-detail .comment span {
  display: inline-block;
  margin: 15px 0 0 0;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .cmp-travel-detail .comment span {
    float: right;
  }
}
.cmp-travel-detail + .cmp-travel-detail {
  padding-top: 20px;
}
.cmp-travel-detail + .cmp-travel-detail:before {
  display: block;
  content: "";
  width: 1px;
  border-left: 1px dotted var(--secondary-color);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
@media (max-width: 767px) {
  .cmp-travel-detail + .cmp-travel-detail .date {
    display: none;
  }
}

.cmp-order-products {
  background: var(--secondary-color);
  color: var(--text-color-light);
  position: relative;
  padding: 10px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .cmp-order-products {
    padding: 10px 15px;
  }
}
@media (min-width: 1024px) {
  .cmp-order-products {
    padding: 10px 15px;
  }
}
.cmp-order-products h2 {
  color: var(--text-color-light);
}
.cmp-order-products > div {
  position: relative;
  margin-bottom: 70px;
}
.cmp-order-products > div a {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.cmp-order-products > div .btn-xl {
  padding: 17px 17px 17px 50px;
  font-weight: 700;
  /* define type */
  
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: none;
}
.cmp-order-products > div .btn-xl .icon {
  font-size: 24px;
  font-size: 2.4rem;
  position: absolute;
  display: block;
  top: 50%;
  left: 5px;
  text-align: center;
  padding-top: 18px;
  padding-left: 5px;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid white;
  background-color: var(--secondary-color);
  color: white;
}
.cmp-order-products > div .btn-xl .icon.small {
  font-size: 16px;
  font-size: 1.6rem;
}
count
.cmp-order-products > div .btn-xl .icon.large {
  font-size: 26px;
  font-size: 2.6rem;
}
.cmp-order-products > div .btn-xl .icon.park {
  padding-left: 10px;
}
.cmp-order-products > div .btn-xl:after {
  top: 50%;
  transform: translateY(-50%);
}
.cmp-order-products > div .order-submit {
  position: absolute;
  right: 0px;
  margin: 29px 0px;
}
.cmp-order-products > div .order-chosen {
  border: 1px solid #ebeffa;
  padding: 15px 0px 15px 5px;
  margin-bottom: 10px;
  position: relative;
  display: table;
}
@media (max-width: 1023px) {
  .cmp-order-products > div .order-chosen {
    margin-right: 40px;
  }
  .cmp-order-products > div .order-chosen:after {
    content: "";
  }
}
.cmp-order-products > div .order-chosen .order-product-remove {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  cursor: pointer;
}
.lt-ie10 .cmp-order-products > div .order-chosen .order-product-remove {
  margin-top: -7px;
}
.cmp-order-products > div .order-chosen .order-product-name {
  display: table-cell;
  width: 100%;
  padding-left: 55px;
  vertical-align: middle;
}
.lt-ie10 .cmp-order-products > div .order-chosen .order-product-name {
  width: 84%;
}
.cmp-order-products > div .order-chosen .order-product-price {
  display: table-cell;
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.lt-ie10 .cmp-order-products > div .order-chosen .order-product-price {
  text-align: right;
}
.cmp-order-products > div .order-chosen > span:first-child {
  margin-right: 0px;
  font-size: 21px;
  font-size: 2.1rem;
  position: absolute;
  padding-top: 6px;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid white;
  background-color: var(--secondary-color);
}
.lt-ie10 .cmp-order-products > div .order-chosen > span:first-child {
  margin-top: -10px;
}

.cmp-movie-block {
  padding: 10px 10px 26px 10px;
  color: var(--listing-pg-text-color);
  background: #ffffff;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .cmp-movie-block {
    padding: 10px 15px 26px 15px;
  }
}
@media (min-width: 1024px) {
  .cmp-movie-block {
    padding: 10px 26px 26px 26px;
  }
}
.cmp-movie-block h2 {
  color: "black";
}
.cmp-movie-block p {
  margin-bottom: 24px !important;
}
.cmp-movie-block img {
  width: 100%;
}

.cmp-tables > div table {
  width: 100%;
}
.cmp-tables > div table thead {
  height: 53px;
}
.cmp-tables > div table thead th {
  padding: 10px;
  text-align: left;
}
.cmp-tables > div table tr {
  background-color: var(--listing-pg-bg);
  margin-bottom: 5px;
  border-bottom: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
}
.cmp-tables > div table tr td {
  padding: 10px;
}
.cmp-tables > div table tr td .cmp-formfield-checkbox input + label:before {
  top: 50%;
  margin-top: -8.5px;
}
.cmp-tables > div table tr td .cmp-formfield-checkbox input:checked + label:after {
  top: 50%;
  margin-top: -6px;
}
.cmp-tables .remove {
  color: var(--secondary-color);
  cursor: pointer;
}

.cmp-brand-selection {
  overflow: hidden;
}
.cmp-brand-selection .brand {
  float: left;
  margin: 15px 0 0 15px;
  position: relative;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .cmp-brand-selection .brand:nth-child(5n + 1) {
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .cmp-brand-selection .brand:nth-child(6n + 1) {
    margin-left: 0;
  }
}
.cmp-brand-selection .brand span {
  background-color: white;
  position: absolute;
  padding: 3px 5px;
  transition: opacity .3 ease-in-out;
  opacity: 0;
  z-index: 1;
}
.cmp-brand-selection .brand:hover span {
  opacity: 1;
}
.cmp-brand-selection input {
  display: none;
}
.cmp-brand-selection input:checked + label:before {
  opacity: 0;
}
.cmp-brand-selection label {
  display: table-cell;
  cursor: pointer;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 171px;
  height: 171px;
  background-color: white;
}
@media (min-width: 1280px) {
  .cmp-brand-selection label {
    width: 178px;
  }
}
.cmp-brand-selection label:after {
  content: "";
  display: none;
}
.cmp-brand-selection label:before {
  transition: opacity .2s ease-in-out;
  content: "";
  background-color: black;
  opacity: .9;
  width: 100%;
  height: 171px;
  position: absolute;
  top: 0;
  left: 0;
}
.cmp-brand-selection label img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .cmp-overview.expanded,
  .cmp-overview.expanded tbody,
  .cmp-overview.expanded tr {
    display: block;
  }
}

.cmp-overview {
  width: 100%;
}
@media (max-width: 767px) {
  .cmp-overview.expanded thead {
    display: none;
  }
}
.cmp-overview th {
  background-color: var(--secondary-color);
  color: white;
  font-weight: normal;
  text-align: left;
  border-bottom: 3px solid white;
  padding: 5px 10px;
}
.cmp-overview th .icon.arrow-down:before {
  content: "\e901";
  color: white;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  top: -2px;
}
@media (max-width: 767px) {
  .cmp-overview.fleetoffer-opened th:nth-child(2), .cmp-overview:not(.expanded) th:nth-child(n+3):nth-child(-n+8), .cmp-overview:not(.expanded) td:nth-child(n+3):nth-child(-n+8), .cmp-overview:not(.expanded) th:last-child, .cmp-overview.fleetoffer-opened td:nth-child(2), .cmp-overview:not(.expanded) td:last-child {
    display: none;
  }
}
.cmp-overview tbody {
  background-color: var(--listing-pg-bg);
}
.cmp-overview tbody tr {
  padding: 10px;
}
.cmp-overview tbody tr + tr {
  border-top: 3px solid white;
}
@media (min-width: 768px) {
  .cmp-overview tbody tr {
    padding: 0;
  }
}
.cmp-overview tbody td {
  padding: 10px;
}
.cmp-overview tbody td.download {
  padding: 0px;
}
@media (min-width: 768px) {
  .cmp-overview tbody td.download {
    padding: 10px;
  }
}
.cmp-overview tbody td.download div {
  padding: 10px;
  display: inline-block;
}
@media (min-width: 768px) {
  .cmp-overview tbody td.download div {
    padding: 0px;
  }
}
.cmp-overview tbody td.download div + div {
  border-left: 3px solid white;
  text-align: center;
  float: right;
}
@media (min-width: 768px) {
  .cmp-overview tbody td.download div + div {
    display: none;
  }
}
.cmp-overview tbody td.yearkm {
  display: none;
}
@media (min-width: 768px) {
  .cmp-overview tbody td.yearkm {
    display: table-cell;
  }
}
.cmp-overview tbody td.product-icons {
  width: 180px;
}
.cmp-overview tbody td.product-icons a {
  display: block;
  margin-bottom: 10px;
}
.cmp-overview tbody td.product-icons .tooltip {
  margin-right: 5px;
}
.cmp-overview tbody td.product-icons .tooltip:before {
  content: "";
  margin: 0;
}
.cmp-overview tbody td.product-icons .tooltip p {
  background-color: white;
  color: var(--secondary-color);
  
  border: 1px solid var(--secondary-color);
  bottom: 33px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 5;
}
.cmp-overview tbody td.product-icons .tooltip p:before, .cmp-overview tbody td.product-icons .tooltip p:after {
  left: 50%;
  margin-left: -10px;
}
.cmp-overview tbody td.product-icons .tooltip p:before {
  border-top-color: var(--secondary-color);
}
.cmp-overview tbody td.product-icons .tooltip p:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
}
.cmp-overview tbody td.product-icons .tooltip:last-child {
  margin-right: 0;
}
.cmp-overview tbody td.product-icons .round-icon, .cmp-overview tbody td.product-icons .tooltip {
  display: none;
}
@media (min-width: 768px) {
  .cmp-overview tbody td.product-icons a {
    margin-bottom: 0px;
  }
  .cmp-overview tbody td.product-icons .tooltip {
    display: inline;
  }
  .cmp-overview tbody td.product-icons .round-icon {
    display: inline-table;
    color: white;
  }
}
.cmp-overview tbody td em {
  font-style: normal;
}
.cmp-overview tbody td > em:first-child {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 768px) {
  .cmp-overview tbody td > em:first-child {
    display: none;
  }
}
.cmp-overview tbody td.price, .cmp-overview tbody td.date {
  min-width: 100px;
}
.cmp-overview tbody td + td {
  margin-top: 10px;
  border-left: 3px solid white;
}
.cmp-overview tbody td img {
  display: none;
}
@media (min-width: 768px) {
  .cmp-overview tbody td img + span,
  .cmp-overview tbody td img + a {
    padding-left: 10px;
    width: 220px;
  }
}
.cmp-overview tbody td a {
  color: var(--secondary-color);
}
.cmp-overview tbody td:first-child span:not(.round-icon), .cmp-overview tbody td:first-child a {
 /* text-transform: uppercase;*/
  font-weight: bold;
  color: var(--secondary-color);
}
.cmp-overview tbody td:first-child a span {
  color: white;
}
@media (min-width: 768px) {
  .cmp-overview tbody td {
    vertical-align: middle;
  }
  .cmp-overview tbody td + td {
    margin: 0;
  }
  .cmp-overview tbody td img {
    display: inline-block;
    vertical-align: top;
  }
  .cmp-overview tbody td > div {
    text-align: center;
  }
  .cmp-overview tbody td span.icon,
  .cmp-overview tbody td a {
    display: inline-block;
    vertical-align: top;
  }
  .cmp-overview tbody td.price em {
    display: none;
  }
}
.cmp-overview tbody td ul {
  display: inline-block;
  vertical-align: top;
}
.cmp-overview tbody td ul li {
  position: relative;
  padding-left: 10px;
}
.cmp-overview tbody td ul li:before {
  content: "";
  background-color: var(--secondary-color);
  width: 4px;
  height: 4px;
  left: 0;
  top: 8px;
  position: absolute;
  border-radius: 50%;
}
.cmp-overview tbody td ul li + li {
  margin-top: 5px;
}
.cmp-overview.expanded td {
  display: block;
  padding: 0;
}
@media (min-width: 768px) {
  .cmp-overview.expanded td {
    display: table-cell;
    padding: 5px 10px;
  }
}
@media (max-width: 767px) {
  .cmp-overview.expanded td + td {
    border-left: 0;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .cmp-overview.fleetoffer-opened td:first-child a {
    margin-bottom: 15px;
    display: block;
  }
  .cmp-overview.fleetoffer-opened td:first-child a span.round-icon {
    float: right;
    margin-right: 0;
  }
  .cmp-overview.fleetoffer-opened td:first-child div .label-field {
    display: inline-block;
    width: 37%;
  }
  .cmp-overview.fleetoffer-opened td:first-child div .label-field:before {
    content: ":";
    padding: 0 5px;
  }
  .cmp-overview.fleetoffer-opened td:first-child div > span {
    text-transform: none;
    color: var(--listing-pg-text-color);
    font-weight: normal;
    display: inline-block;
  }
  .cmp-overview.fleetoffer-opened td:first-child div > span.label {
    width: 63%;
  }
  .cmp-overview.fleetoffer-opened td:first-child div > span.label + span {
    width: 37%;
  }
  .cmp-overview.fleetoffer-opened td:first-child div > span.label + span:before {
    content: ":";
    padding: 0 5px;
  }
  .cmp-overview.fleetoffer-opened td:first-child div > span.label + span:after {
    content: "";
    display: block;
  }
  .cmp-overview.fleetoffer-opened td:first-child div > span.cmp-label {
    color: white;
    width: auto;
  }
}
.cmp-overview.fleetoffer-opened sub {
  font-size: 10px;
  font-size: 1rem;
}
.cmp-overview.fleetoffer-opened td:first-child a {
  text-decoration: none;
}
.cmp-overview.fleetoffer-opened td:first-child a span {
  margin-right: 10px;
}
.cmp-overview.fleetoffer-opened td .label-field {
  text-align: left;
}
.cmp-overview.fleetoffer-opened td:nth-child(5) {
  min-width: 80px;
}
@media (min-width: 768px) {
  .cmp-overview.fleetoffer:nth-child(4) {
    min-width: 200px;
  }
}

.cmp-mobility-block a {
  display: inline-block;
 /* text-transform: uppercase;*/
}
.cmp-mobility-block a:before {
  content: "+";
  margin-right: 10px;
}
.cmp-mobility-block .option-group {
  margin-bottom: 10px;
}
.cmp-mobility-block .option-group a {
  display: inline-block;
}
.cmp-mobility-block .option-group .mobility-options {
  display: inline-block;
}
.cmp-mobility-block .option-group .mobility-options div {
  margin-left: 5px;
}
.cmp-mobility-block .options {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.cmp-mobility-block .options .category {
  padding: 9px 12px;
  background-color: var(--secondary-color);
  color: var(--text-color-light) !important;
  position: relative;
  cursor: pointer;
  color: white;
}
.cmp-mobility-block .options .category:after {
  position: absolute;
  right: 9px;
  top: 12px;
  font-size: 12px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61e";
}
.cmp-mobility-block .options .category:after {
  content: "";
}
.cmp-mobility-block .options .group + .group {
  margin-top: 3px;
}
.cmp-mobility-block .options .group a.add {
  display: none;
}
.cmp-mobility-block .options .option {
  display: none;
  padding: 15px 12px;
  background-color: var(--listing-pg-bg);
  zoom: 1;
}
.cmp-mobility-block .options .option:before, .cmp-mobility-block .options .option:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.cmp-mobility-block .options .option:after {
  clear: both;
}
.cmp-mobility-block .options .option [readonly] + label {
  opacity: 0.6;
  cursor: default;
}
.cmp-mobility-block .options .option + .option {
  margin-top: 2px;
}
.cmp-mobility-block .options .option.columns .cmp-formfield {
  float: left;
  width: 171px;
  margin-left: 15px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .cmp-mobility-block .options .option.columns .cmp-formfield:nth-child(5n + 1) {
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .cmp-mobility-block .options .option.columns .cmp-formfield:nth-child(6n + 1) {
    margin-left: 0;
  }
}
.cmp-mobility-block .options .group.open .category label,
.cmp-mobility-block .options .group.open .category .group-label {
  color: white;
}
.cmp-mobility-block .options .group.open .category:after {
  content: "";
}
.cmp-mobility-block .options .group.open .option {
  display: block;
}
.cmp-mobility-block .options .group.open a.add {
  margin: 10px 0 20px 0;
  display: block;
  width: 240px;
}

#overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1030;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#overlay-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

#overlay-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#overlay-wrapper {
  display: inline-block;
  padding: 10px;
  max-width: 560px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 60px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}

#overlay-content {
  padding: 30px;
  text-align: left;
  border: 1px solid #d8d8d8;
}
#overlay-content .btn-group {
  margin-left: -15px;
  margin-right: -15px;
}
#overlay-content .btn-lg {
  padding: 13px 40px 15px;
  margin: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
#overlay-content .btn-text {
  padding: 0;
}
#overlay-content .title-medium + form {
  margin-top: 20px;
}
#overlay-content .form-horizontal .cmp-formfield {
  margin-bottom: 10px;
}
#overlay-content .form-horizontal .label {
  font-weight: 600;
}
#overlay-content .form-horizontal .label:after {
  content: '';
}
#overlay-content .form-horizontal .form-control.cmp-formfield-radio {
  padding-top: 4px;
  padding-bottom: 5px;
}
#overlay-content .form-horizontal .form-control.cmp-formfield-radio input + label {
  margin-right: 10px;
}
@media (min-width: 480px) {
  #overlay-content .form-horizontal .cmp-formfield:after {
    content: '';
    display: table;
    clear: both;
  }
  #overlay-content .form-horizontal .label {
    float: left;
    padding-top: 4px;
    padding-right: 15px;
    width: 31.25%;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #overlay-content .form-horizontal .form-control {
    float: left;
    width: 68.75%;
  }
}
#overlay-content .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#overlay-content .input-group .form-control {
  float: left;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
}
#overlay-content .input-group-addon,
#overlay-content .input-group-btn,
#overlay-content .input-group .form-control {
  display: table-cell;
}
#overlay-content .input-group-addon:not(:first-child):not(:last-child),
#overlay-content .input-group-btn:not(:first-child):not(:last-child),
#overlay-content .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
#overlay-content .input-group-addon,
#overlay-content .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
#overlay-content .input-group-addon {
  padding-left: 7px;
  padding-right: 7px;
  font-size: 13px;
  font-size: 1.3rem;
  background: var(--listing-pg-bg);
  border: 1px solid #c3c3c3;
}
#overlay-content .input-group-addon:first-child {
  border-right: 0;
}
#overlay-content .input-group-addon:last-child {
  border-left: 0;
}

.overlay-content {
  display: none;
}

.overlay-open {
  overflow: hidden;
}
.overlay-open #overlay {
  display: block;
}

html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  background-color: #FFFFFF;
}

.layout {
  position: relative;
}

p {
  margin: 0 0 20px 0;
}

.container, footer, .pt-offer .action-bar .container, .pt-fleet main .action-bar .container {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container, footer, .pt-offer .action-bar .container, .pt-fleet main .action-bar .container {
    max-width: 984px;
  }
}
@media (min-width: 1280px) {
  .container, footer, .pt-offer .action-bar .container, .pt-fleet main .action-bar .container {
    max-width: 1200px;
  }
}

@media (max-width: 479px) {
  .content-wrapper, .pt-offer .top-bar, .pt-cards .top-bar, .l-header .logo, .top-nav, .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + .title-small,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h2,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h3,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) fieldset.fs-silver h1 + legend,
  fieldset.fs-silver .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + legend, .pt-home main, .pt-content.pt-new-fleet-lease main, .pt-content main .cmp-contract, .pt-content main .contracts > p, .pt-content main .contracts > .actions, .pt-inbox .message .message-body {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .content-wrapper, .pt-offer .top-bar, .pt-cards .top-bar, .l-header .logo, .top-nav, .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + .title-small,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h2,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h3,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) fieldset.fs-silver h1 + legend,
  fieldset.fs-silver .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + legend, .pt-home main, .pt-content.pt-new-fleet-lease main, .pt-content main .cmp-contract, .pt-content main .contracts > p, .pt-content main .contracts > .actions, .pt-inbox .message .message-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .form-wrapper, .content-wrapper, .pt-offer .top-bar, .pt-cards .top-bar, .l-header .logo, .top-nav, .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + .title-small,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h2,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h3,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) fieldset.fs-silver h1 + legend,
  fieldset.fs-silver .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + legend, .pt-home main, .pt-content.pt-new-fleet-lease main, .pt-home.p-free main, .pt-login main,
  .pt-register main, .pt-content main .cmp-tabs, .pt-content main .contracts, .pt-inbox .inbox {
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media (min-width: 1280px) {
  .form-wrapper, .content-wrapper, .pt-offer .top-bar, .pt-cards .top-bar, .l-header .logo, .top-nav, .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + .title-small,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h2,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + h3,
  .layout:not(.pt-home):not(.pt-login):not(.pt-register) fieldset.fs-silver h1 + legend,
  fieldset.fs-silver .layout:not(.pt-home):not(.pt-login):not(.pt-register) h1 + legend, .pt-home main, .pt-content.pt-new-fleet-lease main, .pt-home.p-free main, .pt-login main,
  .pt-register main, .pt-content main .cmp-tabs, .pt-content main .contracts, .pt-inbox .inbox {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.content-wrapper, .pt-offer .top-bar, .pt-cards .top-bar {
  background-color: white;
}
@media (max-width: 1023px) {
  .content-wrapper, .pt-offer .top-bar, .pt-cards .top-bar {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

main {
  padding-top: 15px;
}
@media (min-width: 1024px) {
  main {
    background-color: white;
    padding-top: 65px;
  }
}
main > section,
main > article,
main > div {
  padding-bottom: 20px;
}

.container {
  z-index: 1;
}

.l-section {
  background-color: pink;
  min-height: 400px;
}

.l-header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  position: relative;
}

.l-body {
  overflow: hidden;
  clear: both;
  background-color: var(--primary-color);
}
.l-body > .container:after {
  display: block;
  content: "";
  min-height: 34px;
  width: 100%;
  background-size: 100% 34px;
  position: absolute;
  z-index: 1;
  top: 0;
}

.l-landing .l-body {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.l-landing .l-body:before {
  background: transparent url("https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/backgrounds/pattern.png") 0 0 repeat;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
}
.l-landing main {
  background-color: transparent;
  margin-bottom: 100px;
}
.l-landing h3 {
  text-transform: none;
}
.l-landing .ui-dashboard-column {
  float: left;
  border-box: box-sizing;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .l-landing .ui-dashboard-column {
    width: 50%;
  }
  .l-landing .ui-dashboard-column:nth-child(2n+2) {
    border-left: 20px solid transparent;
  }
}
.l-landing .ui-widget-content {
  background-color: transparent;
  background: none;
}
.l-landing .ui-panel {
  background-color: white;
}
.l-landing .ui-widget.ui-panel {
  margin: 0;
  width: 100%;
}
.l-landing .ui-widget.ui-panel + .ui-widget.ui-panel {
  margin-top: 20px;
}
.l-landing .ui-widget-content {
  border: none;
}
.l-landing .ui-widget-header {
  border: none;
  padding: 6px 10px;
}
.l-landing .ui-panel-title,
.l-landing .ui-dialog-title {
  /* define type */
  
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  color: white;
  font-weight: normal !important;
}
.l-landing .ui-panel-titlebar-icon,
.l-landing .ui-dialog-titlebar-icon {
  display: inline-block;
  float: right;
}
.l-landing .ui-dialog {
  display: none;
}
.l-landing .ui-panel-titlebar-icon {
  margin-left: 7px !important;
  position: relative;
  top: 3px;
}
.l-landing .ui-panel-titlebar-icon .ui-icon-minusthick,
.l-landing .ui-panel-titlebar-icon .ui-icon-closethick,
.l-landing .ui-panel-titlebar-icon .ui-icon-plusthick {
  width: 12px;
  height: 12px;
  background: none !important;
}
.l-landing .ui-panel-titlebar-icon .ui-icon-minusthick {
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/minify.png) !important;
}
.l-landing .ui-panel-titlebar-icon .ui-icon-plusthick {
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/restore.png) !important;
}
.l-landing .ui-panel-titlebar-icon .ui-icon-closethick {
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/close.png) !important;
}
.l-landing .ui-tabs {
  padding: 0 !important;
}
.l-landing .ui-tabs-nav.ui-widget-header {
  background-color: white !important;
  border-bottom: 1px solid #d8d8d8 !important;
  padding: 8px 5px 6px;
  box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.3);
}
.l-landing .ui-tabs-nav.ui-widget-header > li {
  display: inline-block !important;
  border: none;
  float: none !important;
  margin-right: 0;
  margin-bottom: 0;
 /* text-transform: uppercase;*/
  background-color: var(--listing-pg-bg);
  /* define type */
  
  /* define size */
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
}
.l-landing .ui-tabs-nav.ui-widget-header > li > a {
  color: var(--text-color-dark) !important;
  transition: none !important;
}
.l-landing .ui-tabs-nav.ui-widget-header > li.ui-state-active, .l-landing .ui-tabs-nav.ui-widget-header > li:hover {
  background-color: var(--secondary-color);
}
.l-landing .ui-tabs-nav.ui-widget-header > li.ui-state-active > a, .l-landing .ui-tabs-nav.ui-widget-header > li:hover > a {
  color: white !important;
}
.l-landing .ui-button {
  border-radius: 0 !important;
  display: inline-block;
  padding: 7px 10px;
  width: auto !important;
}
.l-landing .ui-button .ui-button-text {
  
  font-weight: normal;
  display: inline-block;
  /*text-transform: uppercase;*/
  font-size: 14px;
  font-size: 1.4rem;
}
.l-landing .ui-button .ui-button-icon-left {
  display: inline-block;
}
.l-landing #quoteActionsPanel .ui-panel-content .listicons {
  width: 32px;
  display: inline-block;
  margin-right: 10px;
}
.l-landing #quoteActionsPanel .ui-panel-content .listicons > img {
  width: 100%;
  height: auto;
}
.l-landing .ui-panel-content > div {
  padding: 10px;
}
.l-landing .ui-widget label {
  margin-bottom: 4px;
  display: inline-block;
}
.l-landing #keyContactsPanel .ui-widget-content,
.l-landing #quoteStatisticsPanel .ui-widget-content {
  display: none;
}
.l-landing .ui-state-default .btnshowchart {
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/statistics.png) !important;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.l-landing .innerFloat .ui-button {
  margin-top: 10px;
}
.l-landing #myDataPanel .labelColumn {
  position: relative;
  width: 148px;
}
.l-landing #myDataPanel label:after {
  position: absolute;
  right: 3px;
}
.l-landing #myDataPanel a {
  text-decoration: underline;
  font-weight: normal;
}
.l-landing #fleetStatisticsPanel .ui-datatable {
  margin-top: 10px;
  padding-top: 20px;
  position: relative;
}
.l-landing #fleetStatisticsPanel .ui-datatable:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
}
.l-landing #searchDriverPanel .floatBlock,
.l-landing #searchDriverPanel .innerFloat,
.l-landing #searchVehiclePanel .floatBlock,
.l-landing #searchVehiclePanel .innerFloat {
  margin: 0 !important;
  width: 100% !important;
}
.l-landing #searchDriverPanel .floatBlock + .innerFloat,
.l-landing #searchDriverPanel .innerFloat + .innerFloat,
.l-landing #searchVehiclePanel .floatBlock + .innerFloat,
.l-landing #searchVehiclePanel .innerFloat + .innerFloat {
  margin-top: 7px !important;
}
.l-landing .ui-datatable-tablewrapper {
  border: none;
}
.l-landing .ui-datatable-tablewrapper table {
  width: 100%;
}
.l-landing .ui-datatable.data {
  border-right: none;
}
.l-landing .ui-datatable-even {
  background-color: #ededed !important;
}
.l-landing .ui-datatable th, .l-landing .ui-datatable td {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--listing-pg-text-color);
}
.l-landing .ui-datatable th {
  background-color: white !important;
  border: none !important;
  padding-bottom: 5px !important;
}
.l-landing .ui-datatable th:first-child {
  opacity: 0;
}
.l-landing .ui-datatable tr:last-child {
  background-color: white !important;
}
.l-landing .ui-datatable tr:last-child td {
  padding-top: 10px !important;
}
.l-landing .align_right {
  text-align: right;
}
.l-landing .align_right button {
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .l-sidebar-right main {
    float: left;
    width: 74.4375%;
    margin-left: 0;
  }
}
.l-sidebar-right aside {
  background: var(--secondary-color) 50% -5px no-repeat;
  float: left;
  width: 23.3125%;
  margin-left: 2.25%;
  padding: 72px 10px 22px 10px;
  z-index: 2;
  position: relative;
  color: var(--primary-color);
}
.l-sidebar-right aside img {
  display: block;
  width: 100%;
}
@media (max-width: 1023px) {
  .l-sidebar-right aside {
    display: none;
  }
}

.l-header {
  background-color: white;
  /* position: relative; */
  padding: 20px 0 20px;
  z-index: 10;
}
.l-header .container {
  z-index: 10;
}
@media (min-width: 1024px) {
  .l-header {
    padding: 30px 0 0 0;
    height: 170px;
  }
  .l-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d8d8d8;
    position: absolute;
    top: 136px;
  }
}
@media (min-width: 1280px) {
  .l-header {
    height: 166px;
  }
  .l-header:before {
    top: 136px;
  }
}
.l-header .logo {
  display: block;
  width: 150px;
  box-sizing: content-box;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .l-header .logo {
    width: 177px;
    height: 62px;
  }
}
@media (min-width: 1280px) {
  .l-header .logo {
    width: 205px;
  }
}
.l-header .logo img {
  display: block;
}
.l-header .mobile-togglers {
  position: absolute;
  right: 0;
  top: 6px;
  color: var(--secondary-color);
}
@media (min-width: 1024px) {
  .l-header .mobile-togglers {
    display: none;
  }
}
.l-header .mobile-togglers .mail,
.l-header .mobile-togglers .menu {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.l-header .mobile-togglers .mail:before,
.l-header .mobile-togglers .menu:before {
  position: absolute;
  left: 0;
  top: 0;
}
.l-header .mobile-togglers .mail {
  padding: 10px 10px 10px 54px;
  font-size: 17px;
}
.l-header .mobile-togglers .mail:before {
  content: "\e60d";
  font-size: 34px;
  line-height: 22px;
  top: 10px;
  left: 15px;
}
.l-header .mobile-togglers .mail.active {
  background-color: var(--secondary-color);
  color: white;
}
.l-header .mobile-togglers .menu {
  padding: 12px 23px 40px 24px;
  margin-left: 2px;
  cursor: pointer;
}
.l-header .mobile-togglers .menu:before {
  content: "\e614";
  font-size: 40px;
  line-height: 22px;
  left: 4px;
  top: 8px;
}
.l-header .mobile-togglers .menu.active {
  background-color: var(--secondary-color);
  color: white;
  cursor: pointer;
}

.top-nav {
  display: none;
  position: absolute;
  right: 0;
  top: 2px;
}
@media (min-width: 1024px) {
  .top-nav {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.top-nav ul li {
  float: left;
  padding: 0 15px;
}
.top-nav a {
  color: var(--secondary-color);
  text-decoration: none;
}
.top-nav a:hover {
  color: var(--secondary-color);
}
.top-nav .messages .icon {
  font-size: 21px;
  font-size: 2.1rem;
  vertical-align: middle;
  padding-right: 5px;
}
.top-nav .lang {
  padding-right: 0;
}
.top-nav .lang:after {
  display: none;
}
.top-nav .lang img,
.top-nav .lang a {
  display: block;
}
.top-nav .lang a {
  border: 2px solid transparent;
  display: inline-block;
  transition: .2s border-color ease;
}
.top-nav .lang a:hover {
  border-color: var(--secondary-color);
  border-radius: 2px;
}
.top-nav .lang a + a {
  margin-left: 5px;
}
.top-nav li {
  position: relative;
  line-height: 20px;
  line-height: 2rem;
}
.top-nav li:after {
  content: "";
  height: 22px;
  width: 1px;
  background-color: #d8d8d8;
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
}
.top-nav .company:before,
.top-nav .user:before {
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 5px;
  vertical-align: top;
}
/* .top-nav .company:before {
  content: "\e601";
} */
.top-nav .user:before {
  content: "\e612";
}
.top-nav .user a {
  margin-left: 15px;
  text-decoration: underline;
}
.top-nav .settings {
  font-size: 21px;
  font-size: 2.1rem;
}
.top-nav .messages,
.top-nav .settings {
  height: 25px;
  transition: .2s background-color ease;
}
.top-nav .messages a,
.top-nav .settings a {
  position: relative;
  top: 1px;
}
.top-nav .messages:hover,
.top-nav .settings:hover {
  background-color: var(--secondary-color);
}
.top-nav .messages:hover:after,
.top-nav .settings:hover:after {
  height: 25px;
}
.top-nav .messages:hover a,
.top-nav .settings:hover a {
  color: white;
}

body.menu-active:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: white;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media (min-width: 1024px) {
  body.menu-active:before {
    display: none;
  }
}

.navigation {
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  padding: 0;
  width: 100%;
  z-index: 600;
  transition: transform 350ms ease-in-out;
  transform: translate3d(0, 0, 0);
  /* DESKTOP ACTIVE STATES */
}
.navigation.active {
  display: block;
}
.navigation.active.submenu-active {
  transform: translateX(-100%);
}
.navigation.active.submenu-active.subsubmenu-active {
  transform: translateX(-200%);
}
@media (min-width: 1024px) {
  .navigation {
    display: block;
    top: 62px;
    left: auto;
  }
}
@media (min-width: 1280px) {
  .navigation {
    top: 72px;
  }
}
.navigation > nav,
.navigation > ul {
  border-top: 5px solid var(--secondary-color);
  background-color: white;
}
@media (min-width: 1024px) {
  .navigation > nav,
  .navigation > ul {
    border-top: none;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .navigation .main-nav {
    margin-top: 25px;
  }
}
@media (min-width: 1280px) {
  .navigation .main-nav {
    margin-top: 35px;
  }
}
.navigation ul {
  background-color: white;
}
@media (min-width: 1024px) {
  .navigation ul {
    zoom: 1;
  }
  .navigation ul:before, .navigation ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .navigation ul:after {
    clear: both;
  }
}
.navigation li {
  position: relative;
  padding: 0 13px;
  background-color: #f6f6f6;
}
.navigation li:last-child {
  background-color: #f2f2f2;
}
.navigation li + li:before {
  content: "";
  display: block;
  height: 38px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .navigation li {
    padding: 0 13px 0 0;
  }
  .navigation li a, .navigation li span {
    margin-left: 13px;
  }
}
@media (min-width: 768px) {
  .navigation li + li:before {
    content: "";
    display: block;
    height: 38px !important;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/shadow-content.png);
    position: absolute;
    top: 0px;
  }
}
@media (min-width: 1024px) {
  .navigation li {
    background-color: #FFFFFF;
    float: left;
    padding: 0 15px;
    position: static;
    padding: 0;
  }
  .navigation li:last-child {
    background-color: #FFFFFF;
  }
  .navigation li + li:before {
    display: none;
  }
}
.navigation li.home a:before {
  border: 0;
}
@media (max-width: 1023px) {
  .navigation li.home span {
    margin: 0;
  }
  .navigation li.home span:after {
    display: none;
  }
}
@media (min-width: 1024px) {
  .navigation li.home {
    padding: 0;
  }
  .navigation li.home a {
    width: 50px;
    height: 30px;
    margin-left: 22px;
  }
  .navigation li.home a:before {
    font-size: 18px;
    font-size: 1.8rem;
    content: "H";
    color: var(--secondary-color);
    display: inline-block;
    width: 50px;
    text-align: center;
  }
  .navigation li.home:hover a:before {
    display: block;
    color: white;
  }
  .navigation li.home span {
    display: none;
  }
}
.navigation li.back {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
}
@media (min-width: 1024px) {
  .navigation li.back {
    display: none;
  }
}
.navigation li.back > div {
  width: 30px;
  height: 30px;
  background-color: var(--secondary-color);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.navigation li.back > div:before {
  content: "\e615";
  color: white;
  font-size: 18px;
  position: absolute;
  left: 6px;
  top: 5px;
}
@media (min-width: 1024px) {
  .navigation li.mobile-variant {
    display: none;
  }
}
.navigation li.mobile-variant:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}
.navigation li.mobile-variant:last-child > a {
  text-decoration: underline;
  margin-top: 2px;
  line-height: 1 !important;
}
.navigation li.mobile-variant:last-child > a:after {
  display: none;
}
.navigation a, .navigation span {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--secondary-color);
  text-decoration: none;
  display: block;
  line-height: 44px !important;
  padding-top: 4px;
  /*text-transform: uppercase;*/
  padding-right: 40px;
  position: relative;
  cursor: pointer;
}
.navigation a:after, .navigation span:after {
  content: "\e608";
  display: block;
  position: absolute;
  right: -11px;
  top: 4px;
  line-height: 44px !important;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .navigation a, .navigation span {
    padding-left: 18px;
    padding-right: 19px;
    padding-top: 0;
    line-height: 29px !important;
    color: var(--listing-pg-text-color);
    font-size: 13px;
    font-size: 1.3rem;
  }
  .navigation a.hover, .navigation a:hover, .navigation span.hover, .navigation span:hover {
    color: var(--text-color-light);
    background-color: var(--secondary-color);
    z-index: 10;
    /* required: overlap right-side vertical line */
  }
  .navigation a.hover:before, .navigation a:hover:before, .navigation span.hover:before, .navigation span:hover:before {
    display: none;
  }
  .navigation a:after, .navigation span:after {
    display: none;
  }
  .navigation a:before, .navigation span:before {
    content: "";
    display: block;
    width: 1px;
    height: 17px;
    position: absolute;
    left: -1px;
    top: 5px;
    border-left: 1px solid #d8d8d8;
  }
}
@media (min-width: 1280px) {
  .navigation a, .navigation span {
    padding-left: 20px;
    padding-right: 21px;
    color: var(--secondary-color);
  }
}
.navigation a:after {
  display: none;
}
.navigation .level-2,
.navigation .level-3 {
  position: absolute;
  width: 100%;
  left: 100%;
  top: 0;
  display: none;
}
@media (max-width: 1023px) {
  .navigation .level-2,
  .navigation .level-3 {
    min-height: 520px;
  }
  .navigation .level-2.active,
  .navigation .level-3.active {
    display: block;
  }
}
@media (max-width: 1023px) {
  .navigation .level-3 {
    left: 200%;
  }
}
@media (min-width: 1024px) {
  .navigation {
    left: auto;
    top: 110px;
    margin: 0;
  }
  .navigation .main-nav {
    margin: 0;
  }
  .navigation .level-1 > li {
    position: relative;
  }
  .navigation .level-2 {
    padding-bottom: 0px;
    position: absolute;
    top: 30px;
    left: 0;
  }
  .navigation .level-3 {
    position: static;
    display: block;
  }
  .navigation > li > a {
    position: relative;
    text-transform: none;
  }
  .navigation > li > a:hover {
    color: var(--secondary-color);
    background-color: white;
  }
  .navigation > li > a:before {
    display: none;
  }
}
@media (min-width: 1280px) {
  .navigation {
    top: 107px;
  }
}
@media (min-width: 1024px) {
  .navigation .level-1 > li:hover > a,
  .navigation .level-1 > li:hover > span {
    color: var(--text-color-light);
    background-color: var(--secondary-color);
    z-index: 10;
    /* required: overlap right-side vertical line */
    line-height: 30px !important;
  }
  .navigation .level-1 > li.active > a, .navigation .level-1 > li.active > span {
    color: var(--text-color-light);
    background-color: var(--secondary-color);
    z-index: 10;
    /* required: overlap right-side vertical line */
    line-height: 30px !important;
  }
  .navigation .level-1 > li.active .level-2 {
    display: block;
    width: auto;
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2);
    border: 0;
    border-top: 10px solid var(--secondary-color);
  }
  .navigation .level-1 > li.active .level-2.has-level-3 {
    display: flex;
  }
  .navigation .level-1 > li.active .level-2.has-level-3 > li:not(.back) + li {
    border-left: 1px solid #d8d8d8;
  }
  .navigation .level-1 > li.active .level-2 > li:not(.submenu) {
    float: none;
  }
  .navigation .level-1 > li.active .level-2 a:before,
  .navigation .level-1 > li.active .level-2 span:before {
    display: none;
  }
  .navigation .level-1 > li.active .level-2 > li:not(.back) {
    min-width: 250px;
  }
  .navigation .level-1 > li.active .level-2 a,
  .navigation .level-1 > li.active .level-2 span {
    padding: 0 11px;
  }
  .navigation .level-1 > li.active .level-2 a {
    text-transform: none;
    color: var(--secondary-color);
    font-size: 14px;
    font-size: 1.4rem;
  }
  .navigation .level-1 > li.active .level-2 a:after {
    line-height: 35px !important;
    right: 0;
    top: -2px;
    font-size: 17px;
    font-size: 1.7rem;
    display: inline-block;
    color: var(--secondary-color);
  }
  .navigation .level-1 > li.active .level-2 a:hover {
    color: white;
    background-color: var(--secondary-color);
  }
  .navigation .level-1 > li.active .level-2 a:hover:after {
    color: white;
  }
  .navigation .level-1 > li.active .level-2 span {
    cursor: default;
    background-color: var(--listing-pg-bg);
    color: var(--secondary-color);
    /* define type */
    
    font-weight: 400;
    /* define size */
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: none;
  }
  .navigation .level-1 > li.active .level-2 > li.active a {
    color: var(--secondary-color);
    background-color: white;
  }
  .navigation .level-1 > li.active .level-2 > li.active a:before, .navigation .level-1 > li.active .level-2 > li.active a:after {
    content: "";
    display: block;
    top: 29px;
    left: 50%;
    right: auto;
    position: absolute;
  }
  .navigation .level-1 > li.active .level-2 > li.active a:before {
    margin-left: -8px;
    border-top: 8px solid var(--listing-pg-bg);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .navigation .level-1 > li.active .level-2 > li.active a:after {
    margin-left: -7px;
    border-top: 7px solid white;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
  }
  .navigation .level-1 > li.active .level-3 li:not(.back) {
    display: block;
    float: none;
  }
}

.l-footer {
  position: relative;
  padding-top: 32px;
  background-color: var(--primary-color);
}
@media (min-width: 1024px) and (orientation: landscape){
    .l-footer {
      position: relative;
      padding-top: 0px;
    }
}
@media (min-width: 1024px) {
  .l-footer {
    z-index: 1;
    background-color: var(--primary-color);
  }
}
.l-footer:after {
  content: "";
  width: 50%;
  height: 10px;
  position: absolute;
  bottom: -10px;
  right: 0;
}

footer {
  position: relative;
  z-index: 1;
}
@media (min-width: 1680px) {
  footer {
    max-width: 1600px;
  }
}
footer .phone {
  display: block;
  position: absolute;
  top: -20px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 320px) and (max-width: 479px) {
  footer .phone {
    padding-left: 10px;
  }
}
@media (min-width: 480px) {
  footer .phone {
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  footer .phone {
    padding-left: 0;
    margin-left: 10.77083%;
    left: -10px;
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
  footer .phone {
    padding-left: 0;
    margin-left: 10.77083%;
    left: -10px;
  }
}
@media (min-width: 1280px) {
  footer .phone {
    left: 50%;
    width: 1170px;
    margin-left: -498px;
  }
}
footer .car {
  display: block;
  position: absolute;
  right: 0;
  width: 50px;
  background-color: #efebef;
  top: -21px;
}
footer .car img {
  display: block;
  margin-left: -10px;
  width: 100%;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  footer .car {
    width: 67px;
    top: -29px;
  }
}
@media (min-width: 1280px) {
  footer .car {
    width: 79px;
    top: -35px;
  }
}

.layout:not(.pt-login) .l-body {
  border-top: 1px solid var(--listing-pg-bg);
  margin-top: 5px;
}

.layout:not(.pt-home):not(.pt-login):not(.pt-register) footer .phone {
  display: none;
}

@media (min-width: 1024px) {
  .layout {
    overflow-x: hidden;
    height: 100%;
  }
}

/* image background pagetypes */
@media (min-width: 1024px) {
  .pt-login .l-footer,
  .pt-register .l-footer {
    border: 0;
    background-size: 100% 2px;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-top: 0;
  }
  .pt-home .l-footer:after,
  .pt-login .l-footer:after,
  .pt-register .l-footer:after {
    display: none;
  }
  .pt-home .l-footer footer,
  .pt-login .l-footer footer,
  .pt-register .l-footer footer {
    background: transparent;
    position: relative;
    margin-top: -7px;
    top: -1px;
  }
  .pt-home .l-footer footer .car,
  .pt-login .l-footer footer .car,
  .pt-register .l-footer footer .car {
    background-color: transparent;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-home footer,
  .pt-login footer,
  .pt-register footer {
    left: -73px;
  }
  .pt-home footer .car,
  .pt-login footer .car,
  .pt-register footer .car {
    right: -62px;
  }
}
@media (min-width: 1280px) {
  .pt-home footer,
  .pt-login footer,
  .pt-register footer {
    left: -87px;
  }
  .pt-home footer .car,
  .pt-login footer .car,
  .pt-register footer .car {
    right: -70px;
  }
}
.pt-home .l-body,
.pt-login .l-body,
.pt-register .l-body {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation:portrait) {
  .pt-home .l-body {
    height: 760px !important;
  }
  .pt-login .l-body{
    height: 810px !important;
  }
  .pt-register .l-body {
    height: 840px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-home .l-body,
  .pt-login .l-body,
  .pt-register .l-body {
    background-image: none !important;
  }
}
@media screen and (max-width: 812px) and (orientation:landscape){
  .pt-home .l-body,
  .pt-login .l-body,
  .pt-register .l-body {
    background-image: none !important;
  }
}
@media (min-width: 1024px) {
  .pt-home .l-body,
  .pt-login .l-body,
  .pt-register .l-body {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    background-position: 50%;
  }
  .pt-home .l-body:after, .pt-home .l-body:before,
  .pt-login .l-body:after,
  .pt-login .l-body:before,
  .pt-register .l-body:after,
  .pt-register .l-body:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .pt-home .l-body,
  .pt-login .l-body,
  .pt-register .l-body {
    padding-bottom: 50px;
  }
}

.layout:not(.pt-home):not(.pt-login):not(.pt-register) .l-footer {
  border-bottom: none;
}
.layout:not(.pt-home):not(.pt-login):not(.pt-register) .l-footer:after {
  display: none;
}
.layout:not(.pt-home):not(.pt-login):not(.pt-register) .l-footer .car {
  display: none;
}
.layout:not(.pt-home):not(.pt-login):not(.pt-register) .l-footer footer {
  border-bottom: none;
}

.box p {
  margin: 0;
}
.box p + p {
  margin-top: 20px;
}

.pt-home main {
  padding-top: 20px;
  background-color: transparent;
}
@media (min-width: 1024px) {
  .pt-home main {
    padding-top: 37px;
    float: left;
    width: 65.91667%;
    margin-left: 0;
    margin-right: 8.52083%;
  }
}
@media (min-width: 1280px) {
  .pt-home main {
    padding-top: 67px;
    float: left;
    width: 57.39583%;
    margin-left: 0;
    margin-right: 17.04167%;
  }
}
.pt-home main .title-xl, .pt-home main h1 {
  color: var(--listing-pg-text-color) !important;
  margin: 0 0 5px 0;
}
@media (min-width: 1024px) {
  .pt-home main .title-xl, .pt-home main h1 {
    margin-bottom: 22px;
  }
}

.pt-home main p {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-top: 0;
}
@media (min-width: 1280px) {
  .pt-home main p {
    margin-bottom: 70px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-home main p {
    margin-bottom: 35px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-home main .btn-overview {
    width: 33.333%;
    padding-right: 6.666px;
  }
  .pt-home main .btn-overview:nth-child(3n+3), .pt-home main .ifrs {
    padding-left: 6.666px;
    padding-right: 0;
  }
  .pt-home main .btn-overview:nth-child(3n+2) {
    padding-left: 3.333px;
    padding-right: 3.333px;
  }
}
@media (min-width: 1024px) {
  .pt-home main .btn-overview {
    padding: 0 35px 35px 0;
  }
  .pt-home main .btn-overview:nth-child(3n+3), .pt-home main .ifrs {
    padding-right: 0;
  }
  .pt-home main .change-driver {
    padding-right: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-home main .btn-overview > span {
    width: 178px;
  }
}
@media (min-width: 1280px) {
  .pt-home main .btn-overview > span {
    width: 195px;
  }
}
.pt-home.p-free main {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.pt-home.p-free main > div + div {
  clear: both;
}
@media (min-width: 1024px) {
  .pt-home.p-free main {
    padding-top: 37px;
    width: 100%;
  }
  .pt-home.p-free main > div + div {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .pt-home.p-free main {
    padding-top: 67px;
    width: 100%;
  }
}
.pt-home.p-free main .title-xxl {
  color: white;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-home.p-free main .title-xxl {
    height: 73px;
    padding-top: 25px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1024px) {
  .pt-home.p-free main .title-xxl {
    float: left;
  }
}
.pt-home.p-free main h1.title-xxl {
  padding-top: 14px;
  padding-bottoms: 14px;
}
@media (min-width: 1024px) {
  .pt-home.p-free main h2.title-xl {
    font-size: 20px;
    font-size: 2rem;
  }
}
.pt-home.p-free main .cmp-spendingbar {
  float: right;
  margin-top: -48px;
  width: 140px;
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 5px;
  color: white;
  background-color: var(--secondary-color);
  margin-bottom: 20px;
  text-align: left;
}
@media (min-width: 480px) {
  .pt-home.p-free main .cmp-spendingbar {
    float: right;
    width: auto;
    margin-top: 0;
    /* define type */
    
    font-weight: 400;
    /* define size */
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 10px;
    background-color: white;
    color: var(--secondary-color);
    margin: 10px 0;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-home.p-free main .cmp-spendingbar {
    margin-top: -83px;
  }
}
.pt-home.p-free main .cmp-spendingbar .progress {
  display: none;
}
@media (min-width: 480px) {
  .pt-home.p-free main .cmp-spendingbar .progress {
    display: block;
  }
}
.pt-home.p-free main .cmp-order-products .title-xl, .pt-home.p-free main .cmp-order-products h1 {
  color: var(--text-color-light);
  margin-bottom: 22px;
}
@media (min-width: 1024px) {
  .pt-home.p-free main .cmp-order-products .title-xl, .pt-home.p-free main .cmp-order-products h1 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .pt-home.p-free main .cmp-order-products {
    float: left;
    width: 48.875%;
    margin-left: 0;
    padding-right: 60px;
  }
}
@media (min-width: 1024px) {
  .pt-home.p-free main .cmp-movie-block {
    float: left;
    width: 48.875%;
    margin-left: 2.25%;
  }
}
@media (max-width: 1023px) {
  .pt-home.p-free main .cmp-order-products,
  .pt-home.p-free main .cmp-movie-block {
    margin-bottom: 20px;
  }
}

.pt-login,
.pt-register {
  overflow: hidden;
}
.pt-login main,
.pt-register main {
  background-color: transparent;
}
@media (min-width: 1024px) {
  .pt-login main .btn-blue, .pt-login main .cmp-contract .toggle-details, .cmp-contract .pt-login main .toggle-details,
  .pt-login main .cmp-contract .toggle-specs,
  .cmp-contract .pt-login main .toggle-specs, .pt-login main .l-landing .ui-button, .l-landing .pt-login main .ui-button,
  .pt-register main .btn-blue,
  .pt-register main .cmp-contract .toggle-details,
  .cmp-contract .pt-register main .toggle-details,
  .pt-register main .cmp-contract .toggle-specs,
  .cmp-contract .pt-register main .toggle-specs,
  .pt-register main .l-landing .ui-button,
  .l-landing .pt-register main .ui-button {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pt-login main .btn-blue:after, .pt-login main .cmp-contract .toggle-details:after, .cmp-contract .pt-login main .toggle-details:after,
  .pt-login main .cmp-contract .toggle-specs:after,
  .cmp-contract .pt-login main .toggle-specs:after, .pt-login main .l-landing .ui-button:after, .l-landing .pt-login main .ui-button:after,
  .pt-register main .btn-blue:after,
  .pt-register main .cmp-contract .toggle-details:after,
  .cmp-contract .pt-register main .toggle-details:after,
  .pt-register main .cmp-contract .toggle-specs:after,
  .cmp-contract .pt-register main .toggle-specs:after,
  .pt-register main .l-landing .ui-button:after,
  .l-landing .pt-register main .ui-button:after {
    top: 3px;
  }
}
.pt-login [class^="cmp-formfield"],
.pt-register [class^="cmp-formfield"] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
}
.pt-login [class^="cmp-formfield"] label,
.pt-register [class^="cmp-formfield"] label {
  color: var(--secondary-color);
}
.pt-login [class^="cmp-formfield"] > label, .pt-login [class^="cmp-formfield"] > .label,
.pt-register [class^="cmp-formfield"] > label,
.pt-register [class^="cmp-formfield"] > .label {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .pt-login [class^="cmp-formfield"] > label, .pt-login [class^="cmp-formfield"] > .label,
  .pt-register [class^="cmp-formfield"] > label,
  .pt-register [class^="cmp-formfield"] > .label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.pt-login [class^="cmp-formfield"] + [class^="cmp-formfield"],
.pt-register [class^="cmp-formfield"] + [class^="cmp-formfield"] {
  margin-top: 15px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login.layout,
  .pt-register.layout {
    min-height: 620px;
  }
}
@media (min-width: 1280px) {
  .pt-login.layout,
  .pt-register.layout {
    min-height: 700px;
  }
}
@media (min-width: 1280px) {
  .pt-login .l-header,
  .pt-register .l-header {
    height: 137px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login .l-header,
  .pt-register .l-header {
    height: 117px;
  }
}
.pt-login .l-header:before,
.pt-register .l-header:before {
  border: 0;
}
@media (min-width: 1280px) {
  .pt-login .l-body,
  .pt-register .l-body {
    margin-bottom: -142px;
    background-position: 50%;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login .l-body,
  .pt-register .l-body {
    margin-bottom: -123px;
    background-position: 50%;
  }
}
.pt-login main,
.pt-register main {
  padding-top: 15px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login main,
  .pt-register main {
    padding-top: 30px;
  }
}

@media (min-width: 1280px) {
  .pt-login main {
    padding-top: 25px !important;
  }
  .pt-register main {
    padding-top: 45px !important;
  }
  .bg-position {
      background-position: unset !important;
  }
}
@media (min-width: 1600px) {
  .pt-login main {
    padding-top: 95px !important;
  }
  .pt-register main {
    padding-top: 115px !important;
  }
  .bg-position {
      background-position: 50% !important;
  }
}

/* Google Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    @media (min-width: 1280px) {
        .pt-login main {
            padding-top: 40px !important;
        }
    }

    @media (min-width: 1600px) {
        .pt-login main {
            padding-top: 95px !important;
        }
    }
}

/* Firefox */
@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
    @media (min-width: 1280px) {
        .pt-login main {
            padding-top: 40px !important;
        }
    }

    @media (min-width: 1600px) {
        .pt-login main {
            padding-top: 95px !important;
        }
    }
}

.pt-login main p,
.pt-register main p {
  /* define type */
  
  font-weight: 400;
  /* define size */
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .pt-login main p,
  .pt-register main p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (min-width: 1024px) {
  .pt-login main > div,
  .pt-register main > div {
    display: flex;
  }
}
.pt-login main h1 span,
.pt-register main h1 span {
  display: none;
  /* define type */
  
  font-weight: 400;
  /* define size */
  text-transform: none;
  margin-left: 5px;
}
@media (max-width: 1023px) {
  .pt-login main h1,
  .pt-register main h1 {
    margin-top: 0;
  }
  .pt-login main h1 span,
  .pt-register main h1 span {
    display: inline-block;
  }
}
@media (max-width: 1023px) {
  .pt-login .l-body .container,
  .pt-register .l-body .container {
    padding: 0;
  }
}
.pt-login .title-medium,
.pt-register .title-medium {
  color: var(--text-color-dark);
}
.pt-login .login,
.pt-register .login {
  background-color: #FFFFFF;
  color: var(--text-color-dark) !important;
}
.pt-login .login p,
.pt-login .login .login-form,
.pt-register .login p,
.pt-register .login .login-form {
  padding: 10px;
  margin: 0;
}
.pt-login .login .message,
.pt-login .login .error-message,
.pt-register .login .message,
.pt-register .login .error-message {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
}
.pt-login .login .error-message > p,
.pt-register .login .error-message > p {
  padding: 10px;
  background: none;
  /* clear gradient */
  background-color: #FFFFFF;
  color: red;
}
.pt-login .login .error-message {
  display: none;
}
.pt-login .login.error .error-message,
.pt-register .login.error .error-message {
  display: block;
}
.pt-login .login.error .message,
.pt-register .login.error .message {
  display: none;
}
.pt-register .container .login .error-message{
    padding: 0;
    height: auto;
    max-height: 100%;
}
.pt-register .container .login .error-message .ui-messages-error{
    background: none !important;
}
.pt-register .container .login .error-message .ui-messages-error ul{
    background: #fff;
}
.pt-register .container .login .error-message .ui-messages-error ul li{
    padding: 0px 10px;
}
.pt-register .container .login .error-message .ui-messages-info{
    background: none !important;
}
.pt-register .container .login .error-message .ui-messages-info ul{
    background: #fff;
}
.pt-register .container .login .error-message .ui-messages-info ul li{
    padding: 0px 10px;
}
@media (min-width: 480px) and (max-width: 1279px) {
  .pt-login .login .login-form {
    padding: 30px 15px 15px 5px;
  }

  .pt-register .login .login-form {
    padding: 30px 15px 15px 15px;
  }
  .pt-login .login p,
  .pt-register .login p {
    padding: 10px 15px 10px 15px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login .login,
  .pt-register .login {
    float: left;
    width: 40.35417%;
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .pt-login .login,
  .pt-register .login {
    float: left;
    width: 48.875%;
    margin-left: 0;
    padding: 0;
  }
  .pt-login .login .message,
  .pt-login .login .error-message,
  .pt-register .login .message,
  .pt-register .login .error-message {
    height: 68px;
    max-height: 68px;
    overflow: hidden;
    padding: 10px;
  }
  .pt-login .login .error-message,
  .pt-register .login .error-message {
    padding: 10px;
  }
  .pt-login .login .login-form,
  .pt-register .login .login-form {
    padding: 15px 70px;
  }
  .pt-login .login .login-form {
    padding: 30px 70px 15px 60px;
  }
  .pt-register .login .login-form {
    padding: 30px 70px 15px 70px;
  }
  .pt-login .login p,
  .pt-register .login p {
    padding: 0 0 0 174px;
    padding-left: 174px;
  }
}
.pt-login .login .login-form label,
.pt-login .login .login-form .group-label,
.pt-register .login .login-form label,
.pt-register .login .login-form .group-label {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  color: var(--text-color-dark) !important;
  float: left;
  font-weight: normal;
}
.pt-login .login .login-form label:after,
.pt-login .login .login-form .group-label:after,
.pt-register .login .login-form label:after,
.pt-register .login .login-form .group-label:after {
  display: none;
}
@media (max-width: 1023px) {
  .pt-login .login .login-form label,
  .pt-login .login .login-form .group-label,
  .pt-register .login .login-form label,
  .pt-register .login .login-form .group-label {
    text-align: left;
    margin-bottom: 3px;
  }
}
@media (min-width: 1024px) {
  .pt-login .login .login-form label,
  .pt-login .login .login-form .group-label,
  .pt-register .login .login-form label,
  .pt-register .login .login-form .group-label {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
  }
}
.pt-login .login .login-form input[type="text"],
.pt-login .login .login-form input[type="email"],
.pt-login .login .login-form input[type="password"],
.pt-register .login .login-form input[type="text"],
.pt-register .login .login-form input[type="email"],
.pt-register .login .login-form input[type="password"] {
  border-width: 1px;
  border-color: #d8d8d8;
}
.pt-login .login .login-form .error input[type="text"],
.pt-login .login .login-form .error input[type="email"],
.pt-login .login .login-form .error input[type="password"],
.pt-register .login .login-form .error input[type="text"],
.pt-register .login .login-form .error input[type="email"],
.pt-register .login .login-form .error input[type="password"] {
  border: 1px solid red;
}
@media (min-width: 1024px) {
  .pt-login .login .login-form .cmp-formfield-text label,
  .pt-login .login .login-form .cmp-formfield-email label,
  .pt-login .login .login-form .cmp-formfield-password label,
  .pt-login .login .login-form .group-label,
  .pt-register .login .login-form .cmp-formfield-text label,
  .pt-register .login .login-form .cmp-formfield-email label,
  .pt-register .login .login-form .cmp-formfield-password label,
  .pt-register .login .login-form .group-label {
    width: 120px;
    padding-right: 15px;
    text-align: right;
  }
  .pt-login .login .login-form .group-label,
  .pt-register .login .login-form .group-label {
    margin-top: 5px;
  }
  .pt-login .login .login-form .cmp-formfield-email label,
  .pt-login .login .login-form .cmp-formfield-password label,
  .pt-register .login .login-form .cmp-formfield-email label,
  .pt-register .login .login-form .cmp-formfield-password label {
    margin-top: 7px;
  }
  .pt-login .login .login-form input[type="text"],
  .pt-login .login .login-form input[type="email"],
  .pt-login .login .login-form input[type="password"],
  .pt-register .login .login-form input[type="text"],
  .pt-register .login .login-form input[type="email"],
  .pt-register .login .login-form input[type="password"] {
    width: 228px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media (min-width: 1280px) {
  .pt-login .login .login-form input[type="text"],
  .pt-login .login .login-form input[type="email"],
  .pt-login .login .login-form input[type="password"],
  .pt-register .login .login-form input[type="text"],
  .pt-register .login .login-form input[type="email"],
  .pt-register .login .login-form input[type="password"] {
    width: 310px;
  }
}
.pt-login .login .login-form .cmp-formfield-radio,
.pt-register .login .login-form .cmp-formfield-radio {
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .pt-login .login .login-form .cmp-formfield-radio .group-label,
  .pt-register .login .login-form .cmp-formfield-radio .group-label {
    display: none;
  }
  .pt-login .login .login-form .cmp-formfield-radio label,
  .pt-register .login .login-form .cmp-formfield-radio label {
    position: relative;
    top: -4px;
  }
  .pt-login .login .login-form .cmp-formfield-radio li,
  .pt-register .login .login-form .cmp-formfield-radio li {
    display: inline-block;
  }
  .pt-login .login .login-form .cmp-formfield-radio li:nth-child(1),
  .pt-register .login .login-form .cmp-formfield-radio li:nth-child(1) {
    margin-right: 25px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login .login .login-form .cmp-formfield-radio,
  .pt-register .login .login-form .cmp-formfield-radio {
    display: block;
  }
  .pt-login .login .login-form .cmp-formfield-radio li + li,
  .pt-register .login .login-form .cmp-formfield-radio li + li {
    padding-top: 5px;
    clear: both;
  }
}
@media (min-width: 1280px) {
  .pt-login .login .login-form .cmp-formfield-radio,
  .pt-register .login .login-form .cmp-formfield-radio {
    display: block;
  }
  .pt-login .login .login-form .cmp-formfield-radio ul,
  .pt-register .login .login-form .cmp-formfield-radio ul {
    position: relative;
    top: -11px;
  }
  .pt-login .login .login-form .cmp-formfield-radio li,
  .pt-register .login .login-form .cmp-formfield-radio li {
    display: inline-block;
  }
  .pt-login .login .login-form .cmp-formfield-radio li + li,
  .pt-register .login .login-form .cmp-formfield-radio li + li {
    padding-left: 5px;
  }
}
@media (max-width: 1023px) {
  .pt-login .login .login-form .cmp-formfield-checkbox,
  .pt-register .login .login-form .cmp-formfield-checkbox {
    border-bottom: 1px solid white;
    padding-bottom: 45px;
    margin-bottom: 10px;
  }
  .pt-login .login .login-form .cmp-formfield-checkbox label:before,
  .pt-register .login .login-form .cmp-formfield-checkbox label:before {
    top: -3px;
  }
  .pt-login .login .login-form .cmp-formfield-checkbox label:after,
  .pt-register .login .login-form .cmp-formfield-checkbox label:after {
    top: 1px;
  }
}
@media (min-width: 1024px) {
  .pt-login .login .login-form .cmp-formfield-checkbox,
  .pt-register .login .login-form .cmp-formfield-checkbox {
    float: left;
  }
  .pt-login .login .login-form .cmp-formfield-checkbox label,
  .pt-register .login .login-form .cmp-formfield-checkbox label {
    position: relative;
    width: 117px;
    margin-left: initial;
    padding-top: 3px;
    padding-right: 9px;
    padding-left: 0;
  }
  .pt-login .login .login-form .cmp-formfield-checkbox label:before,
  .pt-register .login .login-form .cmp-formfield-checkbox label:before {
    position: absolute;
    right: -28px;
    left: auto;
    top: -1px;
    margin: 0;
  }
  .pt-login .login .login-form .cmp-formfield-checkbox label:after,
  .pt-register .login .login-form .cmp-formfield-checkbox label:after {
    left: auto;
    top: 4px;
    right: -23px;
  }
}
.pt-login .login .login-form .submit,
.pt-register .login .login-form .submit {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .pt-login .login .login-form .submit button,
  .pt-register .login .login-form .submit button {
    float: right;
    /* define type */
    
    font-weight: 400;
    /* define size */
  }
}
.pt-login .register .cmp-formfield-password,
.pt-register .register .cmp-formfield-password {
  position: relative;
  padding-right: 50px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .pt-login .register .cmp-formfield-password,
  .pt-register .register .cmp-formfield-password {
    position: absolute;
    bottom: 15px;
    left: 15px;
  }
}
.pt-login .register .cmp-formfield-password input,
.pt-register .register .cmp-formfield-password input {
  display: table-cell;
  margin-right: 10px;
  width: 100%;
}
@media (min-width: 1024px) {
  .pt-login .register .cmp-formfield-password input,
  .pt-register .register .cmp-formfield-password input {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.pt-login .register .cmp-formfield-password button,
.pt-register .register .cmp-formfield-password button {
  display: table-cell;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .pt-login .register > div + div,
  .pt-register .register > div + div {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-login .register,
  .pt-register .register {
    float: left;
    width: 31.83333%;
    margin-left: 2.25%;
  }
  .pt-login .register > div + div,
  .pt-register .register > div + div {
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .pt-login .register,
  .pt-register .register {
    float: left;
    width: 23.3125%;
    margin-left: 2.25%;
    color: var(--text-color-dark) !important;
  }
  .pt-login .register > div + div,
  .pt-register .register > div + div {
    margin-top: 20px;
  }
}
.pt-login .support,
.pt-register .support {
  background-color: white;
  padding: 10px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-login .support,
  .pt-register .support {
    padding: 15px;
  }
}
@media (min-width: 1024px) {
  .pt-login .support,
  .pt-register .support {
    padding: 15px;
    float: left;
    width: 23.3125%;
    margin-left: 2.25%;
  }
}
@media (max-width: 1023px) {
  .pt-login .support,
  .pt-login .register,
  .pt-register .support,
  .pt-register .register {
    margin-top: 10px;
  }
}
.pt-login .register > div,
.pt-register .register > div {
  background-color: white;
  padding: 10px;
}
@media (min-width: 1024px) {
  .pt-login .register > div,
  .pt-register .register > div {
    padding: 15px;
    height: 144px;
    position: relative;
  }
  .pt-login .register > div:first-child .btn-blue, .pt-login .register > div:first-child .cmp-contract .toggle-details, .cmp-contract .pt-login .register > div:first-child .toggle-details,
  .pt-login .register > div:first-child .cmp-contract .toggle-specs,
  .cmp-contract .pt-login .register > div:first-child .toggle-specs, .pt-login .register > div:first-child .l-landing .ui-button, .l-landing .pt-login .register > div:first-child .ui-button,
  .pt-register .register > div:first-child .btn-blue,
  .pt-register .register > div:first-child .cmp-contract .toggle-details,
  .cmp-contract .pt-register .register > div:first-child .toggle-details,
  .pt-register .register > div:first-child .cmp-contract .toggle-specs,
  .cmp-contract .pt-register .register > div:first-child .toggle-specs,
  .pt-register .register > div:first-child .l-landing .ui-button,
  .l-landing .pt-register .register > div:first-child .ui-button {
    position: absolute;
    bottom: 15px;
    left: 15px;
  }
  .pt-login .register > div p,
  .pt-register .register > div p {
    margin-bottom: 20px;
  }
}

.pt-register .login .login-form .client-id {
  position: relative;
}
@media (min-width: 1024px) {
  .pt-register .login .login-form .client-id:after {
    right: 2px;
    top: -1px;
    font-size: 17px;
  }
}
.pt-register .login .login-form .client-id .show-more-info, .pt-register .login .login-form .client-id:before {
  display: block;
  content: "";
  width: 40px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 18px;
}
@media (min-width: 1024px) {
  .pt-register .login .login-form .client-id .show-more-info, .pt-register .login .login-form .client-id:before {
    top: -8px;
  }
}
@media (min-width: 1024px) {
  .pt-register .login .login-form .client-id:before {
    display: none;
  }
}
.pt-register .login .login-form .client-id .show-more-info {
  background-color: transparent;
  z-index: 10;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .pt-register .login .login-form input[type="text"],
  .pt-register .login .login-form input[type="email"],
  .pt-register .login .login-form input[type="password"] {
    position: relative;
    top: -5px;
  }
}
.pt-register .login .login-form .cmp-formfield-email label {
  margin-top: 0px;
}
@media (min-width: 1024px) {
  .pt-register .register > div {
    height: 182px;
  }
}
@media (min-width: 1280px) {
  .pt-register .register > div {
    height: 176px;
  }
}
.pt-register .cmp-popup {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pt-register .cmp-popup.active {
  width: 80%;
  left: 10%;
}
@media (min-width: 768px) {
  .pt-register .cmp-popup.active {
    width: 70%;
    left: 15%;
  }
}
@media (min-width: 1024px) {
  .pt-register .cmp-popup.active {
    width: 60%;
    left: 20%;
  }
}

.pt-register .cmp-popup .box {
  padding: 0px 30px;
  height: 420px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
    .pt-register .cmp-popup .box {
      height: 460px !important;
    }
}

.pt-register .cmp-popup img {
  margin-top: 20px;
  width: 100%;
  max-width: 250px;
}

.pt-content main {
  padding-bottom: 30px;
}
@media (max-width: 1023px) {
  .pt-content main .cmp-contract + .cmp-contract {
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  .pt-content main .contracts .cmp-contract:nth-child(even) {
    background-color: var(--listing-pg-bg);
  }
  .pt-content main .contracts .cmp-contract:nth-child(even) fieldset {
    background-color: white;
  }
}
.pt-content main .contracts > p {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pt-content main .contracts > .actions {
  margin-top: 20px;
}
.pt-content main .contracts > .actions button {
  float: right;
}
.pt-content.pt-fleet-lease main .cmp-tabs {
  padding-left: 0px;
  padding-right: 0px;
}

.pt-form main {
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .pt-form main {
    padding-top: 65px;
  }
}
.pt-form fieldset .form-note {
  margin-top: 10px;
}
@media (min-width: 320px) and (max-width: 479px) {
  .pt-form fieldset .form-note {
    margin-left: 3px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pt-form fieldset .form-note {
    margin-left: 3px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-form fieldset .form-note {
    margin-left: 80px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-form fieldset .form-note {
    margin-left: 80px;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .pt-form fieldset .form-note {
    margin-left: 80px;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .pt-form fieldset .form-note {
    margin-left: 80px;
  }
}
.pt-form fieldset > a {
  display: block;
  margin-top: 10px;
}
@media (min-width: 320px) and (max-width: 479px) {
  .pt-form fieldset > a {
    margin-left: 3px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pt-form fieldset > a {
    margin-left: 3px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-form fieldset > a {
    margin-left: 80px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-form fieldset > a {
    margin-left: 80px;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .pt-form fieldset > a {
    margin-left: 80px;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .pt-form fieldset > a {
    margin-left: 80px;
  }
}
.pt-form .form-footer {
  margin-top: 15px;
}
.pt-form .form-footer .form-note {
  float: left;
  position: relative;
  top: 2px;
  left: 3px;
}
.pt-form .form-footer button {
  float: right;
}
@media (min-width: 320px) and (max-width: 479px) {
  .pt-form [class^="cmp-formfield"] + [class^="cmp-formfield"] {
    margin-top: 15px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pt-form [class^="cmp-formfield"] + [class^="cmp-formfield"] {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-form [class^="cmp-formfield"] + [class^="cmp-formfield"] {
    margin-top: 7px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-form [class^="cmp-formfield"] + [class^="cmp-formfield"] {
    margin-top: 7px;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .pt-form [class^="cmp-formfield"] + [class^="cmp-formfield"] {
    margin-top: 7px;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .pt-form [class^="cmp-formfield"] + [class^="cmp-formfield"] {
    margin-top: 7px;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .pt-form .cmp-formfield-date label,
  .pt-form .cmp-formfield-email label,
  .pt-form .cmp-formfield-password label,
  .pt-form .cmp-formfield-select label,
  .pt-form .cmp-formfield-text label,
  .pt-form .cmp-formfield-textarea label {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-align: left;
  }
  .pt-form .cmp-formfield-date input,
  .pt-form .cmp-formfield-date .icon-input-wrapper,
  .pt-form .cmp-formfield-email input,
  .pt-form .cmp-formfield-email .icon-input-wrapper,
  .pt-form .cmp-formfield-password input,
  .pt-form .cmp-formfield-password .icon-input-wrapper,
  .pt-form .cmp-formfield-select input,
  .pt-form .cmp-formfield-select .icon-input-wrapper,
  .pt-form .cmp-formfield-text input,
  .pt-form .cmp-formfield-text .icon-input-wrapper,
  .pt-form .cmp-formfield-textarea input,
  .pt-form .cmp-formfield-textarea .icon-input-wrapper {
    width: 100%;
  }
  .pt-form .cmp-formfield-date .user-feedback,
  .pt-form .cmp-formfield-email .user-feedback,
  .pt-form .cmp-formfield-password .user-feedback,
  .pt-form .cmp-formfield-select .user-feedback,
  .pt-form .cmp-formfield-text .user-feedback,
  .pt-form .cmp-formfield-textarea .user-feedback {
    width: 100%;
    margin-top: 3px;
  }
  .password-policy-lbl {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-align: left;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pt-form .cmp-formfield-date label,
  .pt-form .cmp-formfield-email label,
  .pt-form .cmp-formfield-password label,
  .pt-form .cmp-formfield-select label,
  .pt-form .cmp-formfield-text label,
  .pt-form .cmp-formfield-textarea label {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-align: left;
  }
  .pt-form .cmp-formfield-date input,
  .pt-form .cmp-formfield-date .icon-input-wrapper,
  .pt-form .cmp-formfield-email input,
  .pt-form .cmp-formfield-email .icon-input-wrapper,
  .pt-form .cmp-formfield-password input,
  .pt-form .cmp-formfield-password .icon-input-wrapper,
  .pt-form .cmp-formfield-select input,
  .pt-form .cmp-formfield-select .icon-input-wrapper,
  .pt-form .cmp-formfield-text input,
  .pt-form .cmp-formfield-text .icon-input-wrapper,
  .pt-form .cmp-formfield-textarea input,
  .pt-form .cmp-formfield-textarea .icon-input-wrapper {
    width: 100%;
  }
  .pt-form .cmp-formfield-date .user-feedback,
  .pt-form .cmp-formfield-email .user-feedback,
  .pt-form .cmp-formfield-password .user-feedback,
  .pt-form .cmp-formfield-select .user-feedback,
  .pt-form .cmp-formfield-text .user-feedback,
  .pt-form .cmp-formfield-textarea .user-feedback {
    width: 100%;
    margin-top: 3px;
  }
  .password-policy-lbl {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-form .cmp-formfield-date label,
  .pt-form .cmp-formfield-date .group-label,
  .pt-form .cmp-formfield-email label,
  .pt-form .cmp-formfield-email .group-label,
  .pt-form .cmp-formfield-password label,
  .pt-form .cmp-formfield-password .group-label,
  .pt-form .cmp-formfield-select label,
  .pt-form .cmp-formfield-select .group-label,
  .pt-form .cmp-formfield-text label,
  .pt-form .cmp-formfield-text .group-label,
  .pt-form .cmp-formfield-textarea label,
  .pt-form .cmp-formfield-textarea .group-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 80px;
    text-align: right;
  }
  .pt-form .cmp-formfield-date input,
  .pt-form .cmp-formfield-date select,
  .pt-form .cmp-formfield-date .chosen-container,
  .pt-form .cmp-formfield-date .icon-input-wrapper,
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email input,
  .pt-form .cmp-formfield-email select,
  .pt-form .cmp-formfield-email .chosen-container,
  .pt-form .cmp-formfield-email .icon-input-wrapper,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password input,
  .pt-form .cmp-formfield-password select,
  .pt-form .cmp-formfield-password .chosen-container,
  .pt-form .cmp-formfield-password .icon-input-wrapper,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select input,
  .pt-form .cmp-formfield-select select,
  .pt-form .cmp-formfield-select .chosen-container,
  .pt-form .cmp-formfield-select .icon-input-wrapper,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text input,
  .pt-form .cmp-formfield-text select,
  .pt-form .cmp-formfield-text .chosen-container,
  .pt-form .cmp-formfield-text .icon-input-wrapper,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea input,
  .pt-form .cmp-formfield-textarea select,
  .pt-form .cmp-formfield-textarea .chosen-container,
  .pt-form .cmp-formfield-textarea .icon-input-wrapper,
  .pt-form .cmp-formfield-textarea textarea {
    max-width: 290px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea textarea {
    vertical-align: top;
  }
  .pt-form .cmp-formfield-date .user-feedback,
  .pt-form .cmp-formfield-email .user-feedback,
  .pt-form .cmp-formfield-password .user-feedback,
  .pt-form .cmp-formfield-select .user-feedback,
  .pt-form .cmp-formfield-text .user-feedback,
  .pt-form .cmp-formfield-textarea .user-feedback {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
  }
  .password-policy-lbl {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 150px;
    text-align: right;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-form .cmp-formfield-date label,
  .pt-form .cmp-formfield-date .group-label,
  .pt-form .cmp-formfield-email label,
  .pt-form .cmp-formfield-email .group-label,
  .pt-form .cmp-formfield-password label,
  .pt-form .cmp-formfield-password .group-label,
  .pt-form .cmp-formfield-select label,
  .pt-form .cmp-formfield-select .group-label,
  .pt-form .cmp-formfield-text label,
  .pt-form .cmp-formfield-text .group-label,
  .pt-form .cmp-formfield-textarea label,
  .pt-form .cmp-formfield-textarea .group-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 80px;
    text-align: right;
  }
  .pt-form .cmp-formfield-date input,
  .pt-form .cmp-formfield-date select,
  .pt-form .cmp-formfield-date .chosen-container,
  .pt-form .cmp-formfield-date .icon-input-wrapper,
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email input,
  .pt-form .cmp-formfield-email select,
  .pt-form .cmp-formfield-email .chosen-container,
  .pt-form .cmp-formfield-email .icon-input-wrapper,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password input,
  .pt-form .cmp-formfield-password select,
  .pt-form .cmp-formfield-password .chosen-container,
  .pt-form .cmp-formfield-password .icon-input-wrapper,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select input,
  .pt-form .cmp-formfield-select select,
  .pt-form .cmp-formfield-select .chosen-container,
  .pt-form .cmp-formfield-select .icon-input-wrapper,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text input,
  .pt-form .cmp-formfield-text select,
  .pt-form .cmp-formfield-text .chosen-container,
  .pt-form .cmp-formfield-text .icon-input-wrapper,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea input,
  .pt-form .cmp-formfield-textarea select,
  .pt-form .cmp-formfield-textarea .chosen-container,
  .pt-form .cmp-formfield-textarea .icon-input-wrapper,
  .pt-form .cmp-formfield-textarea textarea {
    max-width: 290px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea textarea {
    vertical-align: top;
  }
  .pt-form .cmp-formfield-date .user-feedback,
  .pt-form .cmp-formfield-email .user-feedback,
  .pt-form .cmp-formfield-password .user-feedback,
  .pt-form .cmp-formfield-select .user-feedback,
  .pt-form .cmp-formfield-text .user-feedback,
  .pt-form .cmp-formfield-textarea .user-feedback {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
  }
  .password-policy-lbl {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 80px;
    text-align: right;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .pt-form .cmp-formfield-date label,
  .pt-form .cmp-formfield-date .group-label,
  .pt-form .cmp-formfield-email label,
  .pt-form .cmp-formfield-email .group-label,
  .pt-form .cmp-formfield-password label,
  .pt-form .cmp-formfield-password .group-label,
  .pt-form .cmp-formfield-select label,
  .pt-form .cmp-formfield-select .group-label,
  .pt-form .cmp-formfield-text label,
  .pt-form .cmp-formfield-text .group-label,
  .pt-form .cmp-formfield-textarea label,
  .pt-form .cmp-formfield-textarea .group-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 80px;
    text-align: right;
  }
  .pt-form .cmp-formfield-date input,
  .pt-form .cmp-formfield-date select,
  .pt-form .cmp-formfield-date .chosen-container,
  .pt-form .cmp-formfield-date .icon-input-wrapper,
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email input,
  .pt-form .cmp-formfield-email select,
  .pt-form .cmp-formfield-email .chosen-container,
  .pt-form .cmp-formfield-email .icon-input-wrapper,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password input,
  .pt-form .cmp-formfield-password select,
  .pt-form .cmp-formfield-password .chosen-container,
  .pt-form .cmp-formfield-password .icon-input-wrapper,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select input,
  .pt-form .cmp-formfield-select select,
  .pt-form .cmp-formfield-select .chosen-container,
  .pt-form .cmp-formfield-select .icon-input-wrapper,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text input,
  .pt-form .cmp-formfield-text select,
  .pt-form .cmp-formfield-text .chosen-container,
  .pt-form .cmp-formfield-text .icon-input-wrapper,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea input,
  .pt-form .cmp-formfield-textarea select,
  .pt-form .cmp-formfield-textarea .chosen-container,
  .pt-form .cmp-formfield-textarea .icon-input-wrapper,
  .pt-form .cmp-formfield-textarea textarea {
    max-width: 290px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea textarea {
    vertical-align: top;
  }
  .pt-form .cmp-formfield-date .user-feedback,
  .pt-form .cmp-formfield-email .user-feedback,
  .pt-form .cmp-formfield-password .user-feedback,
  .pt-form .cmp-formfield-select .user-feedback,
  .pt-form .cmp-formfield-text .user-feedback,
  .pt-form .cmp-formfield-textarea .user-feedback {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
  }
  .password-policy-lbl {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 80px;
    text-align: right;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .pt-form .cmp-formfield-date label,
  .pt-form .cmp-formfield-date .group-label,
  .pt-form .cmp-formfield-email label,
  .pt-form .cmp-formfield-email .group-label,
  .pt-form .cmp-formfield-password label,
  .pt-form .cmp-formfield-password .group-label,
  .pt-form .cmp-formfield-select label,
  .pt-form .cmp-formfield-select .group-label,
  .pt-form .cmp-formfield-text label,
  .pt-form .cmp-formfield-text .group-label,
  .pt-form .cmp-formfield-textarea label,
  .pt-form .cmp-formfield-textarea .group-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 80px;
    text-align: right;
  }
  .pt-form .cmp-formfield-date input,
  .pt-form .cmp-formfield-date select,
  .pt-form .cmp-formfield-date .chosen-container,
  .pt-form .cmp-formfield-date .icon-input-wrapper,
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email input,
  .pt-form .cmp-formfield-email select,
  .pt-form .cmp-formfield-email .chosen-container,
  .pt-form .cmp-formfield-email .icon-input-wrapper,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password input,
  .pt-form .cmp-formfield-password select,
  .pt-form .cmp-formfield-password .chosen-container,
  .pt-form .cmp-formfield-password .icon-input-wrapper,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select input,
  .pt-form .cmp-formfield-select select,
  .pt-form .cmp-formfield-select .chosen-container,
  .pt-form .cmp-formfield-select .icon-input-wrapper,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text input,
  .pt-form .cmp-formfield-text select,
  .pt-form .cmp-formfield-text .chosen-container,
  .pt-form .cmp-formfield-text .icon-input-wrapper,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea input,
  .pt-form .cmp-formfield-textarea select,
  .pt-form .cmp-formfield-textarea .chosen-container,
  .pt-form .cmp-formfield-textarea .icon-input-wrapper,
  .pt-form .cmp-formfield-textarea textarea,
  .password-policy-text{
    max-width: 290px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .pt-form .cmp-formfield-date textarea,
  .pt-form .cmp-formfield-email textarea,
  .pt-form .cmp-formfield-password textarea,
  .pt-form .cmp-formfield-select textarea,
  .pt-form .cmp-formfield-text textarea,
  .pt-form .cmp-formfield-textarea textarea {
    vertical-align: top;
  }
  .pt-form .cmp-formfield-date .user-feedback,
  .pt-form .cmp-formfield-email .user-feedback,
  .pt-form .cmp-formfield-password .user-feedback,
  .pt-form .cmp-formfield-select .user-feedback,
  .pt-form .cmp-formfield-text .user-feedback,
  .pt-form .cmp-formfield-textarea .user-feedback {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
  }
  .password-policy-lbl {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    min-width: 150px;
    text-align: right;
  }
}

@media (max-width: 767px) {
  .pt-inbox main {
    padding-top: 0px;
  }
}
.pt-inbox .title {
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .pt-inbox .title {
    display: none;
  }
}
@media (max-width: 767px) {
  .pt-inbox .l-body {
    background-color: #efebef;
    border-top: 5px solid var(--secondary-color);
    position: relative;
    z-index: 10;
    margin-top: -15px;
  }
  .menu-active .pt-inbox .l-body {
    z-index: 0;
  }
  .pt-inbox .l-body .container:after {
    display: none;
  }
}
.pt-inbox .inbox {
  margin-bottom: 15px;
  background-color: white;
}
@media (min-width: 768px) {
  .pt-inbox .inbox {
    margin-bottom: 100px;
    display: table;
  }
}
.pt-inbox .actions {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-inbox .actions {
    display: block;
  }
}
@media (min-width: 1024px) {
  .pt-inbox .actions {
    margin-right: 20px;
    margin-left: 215px;
    display: block;
  }
}
@media (min-width: 1280px) {
  .pt-inbox .actions {
    margin-right: 14px;
  }
}
.pt-inbox .actions .action {
  padding: 20px;
  background-color: var(--listing-pg-bg);
  box-sizing: border-box;
}
.pt-inbox .actions .cmp-formfield-select {
  width: 200px;
  display: inline-block;
  vertical-align: bottom;
}
.pt-inbox .actions a {
  margin: 5px 0;
}
.pt-inbox .inbox-menu {
  border-top: 5px solid var(--secondary-color);
  overflow: hidden;
  vertical-align: top;
  background-color: var(--listing-pg-bg);
}
@media (min-width: 768px) {
  .pt-inbox .inbox-menu {
    background-color: white;
  }
}
@media (min-width: 768px) {
  .pt-inbox .inbox-menu {
    border-top: 0;
    min-width: 200px;
    width: 200px;
    display: table-cell;
  }
}
@media (min-width: 1280px) {
  .pt-inbox .inbox-menu {
    float: left;
    width: 14.79167%;
    margin-left: 0;
  }
}
.pt-inbox .inbox-menu li {
  position: relative;
}
@media (max-width: 767px) {
  .pt-inbox .inbox-menu li:after {
    content: "";
    display: block;
    height: 38px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/shadow-small.png);
    position: absolute;
    bottom: -38px;
  }
}
.pt-inbox .inbox-menu li a {
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  width: 50%;
  padding: 8px 10px;
  color: var(--secondary-color);
  float: left;
  text-align: center;
  border-top: 1px solid #d8d8d8;
  border-right: 0;
  text-align: left;
  width: 100%;
  float: none;
  border-left: 1px solid #d8d8d8;
}
.pt-inbox .inbox-menu li a + a {
  background-color: var(--listing-pg-bg);
}
.pt-inbox .inbox-menu li a.folder-rename {
  background: black;
}
.pt-inbox .inbox-menu li a.folder-rename.active {
  display: block;
  position: relative;
}
.pt-inbox .inbox-menu li a.folder-rename.active .ja {
  position: absolute;
  top: 9px;
  right: 10px;
}
.pt-inbox .inbox-menu li a.folder-rename.active:after {
  content: "";
}
.pt-inbox .inbox-menu li a.folder:before {
  content: "\e900";
  font-size: 16px;
  font-size: 1.6rem;
}
.pt-inbox .inbox-menu li a.delete {
  border-bottom: 1px solid #d8d8d8;
}
.pt-inbox .inbox-menu li a.delete:before {
  content: "\e613";
  font-size: 16px;
  font-size: 1.6rem;
}
.pt-inbox .inbox-menu li a.create {
  margin-top: 20px;
  border: 0px;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-menu li a.create {
    background-color: white;
  }
}
.pt-inbox .inbox-menu li a.create:before {
  content: "\e609";
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 10px;
}
.pt-inbox .inbox-menu li a.create:after {
  content: "";
}
.pt-inbox .inbox-menu li a.folderdelete {
  border: 0px;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-menu li a.folderdelete {
    background-color: white;
  }
}
.pt-inbox .inbox-menu li a.folderdelete:before {
  content: "\e60a";
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 10px;
}
.pt-inbox .inbox-menu li a.folderdelete:after {
  content: "";
}
.pt-inbox .inbox-menu li a.rename {
  border: 0px;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-menu li a.rename {
    background-color: white;
  }
}
.pt-inbox .inbox-menu li a.rename:before {
  content: "\e60b";
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  margin-right: 10px;
}
.pt-inbox .inbox-menu li a.rename:after {
  content: "";
}
.pt-inbox .inbox-menu li a:after {
  content: "\e600";
  font-size: 8px;
  font-size: 0.8rem;
  float: right;
  margin-top: 7px;
}
.pt-inbox .inbox-menu li a:before {
  vertical-align: middle;
  margin-right: 10px;
}
.pt-inbox .inbox-menu li a.active {
  border-top-color: var(--secondary-color);
}
@media (min-width: 768px) {
  .pt-inbox .inbox-menu li a.active {
    background-color: white;
    color: var(--secondary-color);
    font-weight: bold;
    border-top-color: #d8d8d8;
  }
}
.pt-inbox .inbox-menu li a span:after {
  content: ")";
}
.pt-inbox .inbox-menu li a span:before {
  content: "(";
}
.pt-inbox .inbox-menu li:first-child a:before {
  content: "\e60c";
  font-size: 18px;
  font-size: 1.8rem;
}
.pt-inbox .message {
  border: 1px solid #d8d8d8;
  border-left: 0px;
  background-color: var(--listing-pg-bg);
  width: 100%;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-overview,
  .pt-inbox .message {
    display: table-cell;
    vertical-align: top;
  }
}
.pt-inbox .inbox-overview {
  background-color: white;
}
@media (min-width: 1280px) {
  .pt-inbox .inbox-overview {
    height: 500px;
  }
}
.pt-inbox .inbox-overview .cmp-formfield-checkbox input + label {
  width: 100%;
}
.pt-inbox .inbox-overview .cmp-formfield-checkbox input + label span {
  display: block;
  position: relative;
  text-align: right;
  font-size: 1.1rem;
  width: 100%;
  top: -16px;
}
.pt-inbox .inbox-overview .messages,
.pt-inbox .inbox-overview .head {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  border: 1px solid #d8d8d8;
  border-left: 0px;
  border-bottom: 0px;
}
.pt-inbox .inbox-overview .head {
  padding: 10px 0;
  position: relative;
}
@media (max-width: 767px) {
  .pt-inbox .inbox-overview .head {
    display: none;
  }
}
.pt-inbox .inbox-overview .head:first-child {
  padding-left: 38px;
}
.pt-inbox .inbox-overview .head span {
  font-weight: bold;
}
.pt-inbox .inbox-overview .head span + span {
  position: absolute;
  width: 90px;
  right: 10px;
}
.pt-inbox .inbox-overview .messages {
  background-color: white;
  border: 1px solid #d8d8d8;
  height: 496px;
}
.pt-inbox .inbox-overview .messages a {
  color: var(--secondary-color);
}
.pt-inbox .inbox-overview .messages div {
  position: relative;
  padding: 5px 5px 0px 5px;
  font-size: 15px;
  font-size: 1.5rem;
}
.pt-inbox .inbox-overview .messages div:after {
  left: 0;
}
@media (max-width: 767px) {
  .pt-inbox .inbox-overview .messages div:after {
    content: "";
    display: block;
    height: 38px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/shadow-small.png);
    position: absolute;
    bottom: -38px;
  }
}
.pt-inbox .inbox-overview .messages div:before {
  color: var(--secondary-color);
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  left: 10px;
  top: 12px;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-overview .messages div {
    font-size: 12px;
    font-size: 1.2rem;
    cursor: pointer;
  }
  .pt-inbox .inbox-overview .messages div:before {
    font-size: 15px;
    font-size: 1.5rem;
    top: auto;
  }
  .pt-inbox .inbox-overview .messages div:hover {
    background-color: var(--secondary-color);
    color: white;
  }
  .pt-inbox .inbox-overview .messages div:hover span {
    color: white;
  }
  .pt-inbox .inbox-overview .messages div:hover:before {
    color: white;
  }
  .pt-inbox .inbox-overview .messages div:hover a {
    color: white;
  }
}
.pt-inbox .inbox-overview .messages div.unread {
  font-weight: bold;
}
.pt-inbox .inbox-overview .messages div a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-right: 105px;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-overview .messages div a {
    padding-right: 90px;
  }
}
.pt-inbox .inbox-overview .messages div > span {
  padding-left: 0;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  position: absolute;
  right: 10px;
  top: 12px;
}
@media (min-width: 768px) {
  .pt-inbox .inbox-overview .messages div > span {
    font-size: 11px;
    font-size: 1.1rem;
    width: 90px;
    top: 10px;
  }
}
.pt-inbox .message {
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .pt-inbox .message {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .pt-inbox .message {
    padding: 15px;
  }
}
.pt-inbox .message p {
  margin: 20px 0 0 0;
}
.pt-inbox .message .title-xl, .pt-inbox .message h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 5px;
}
.pt-inbox .message .date {
  color: var(--secondary-color);
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.pt-inbox .message .date + p {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .pt-inbox .message .date {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.pt-inbox .message .message-body {
  overflow-y: auto;
  max-height: 500px;
  min-height: 500px;
}
.pt-inbox .message .btn-blue, .pt-inbox .message .cmp-contract .toggle-details, .cmp-contract .pt-inbox .message .toggle-details,
.pt-inbox .message .cmp-contract .toggle-specs,
.cmp-contract .pt-inbox .message .toggle-specs, .pt-inbox .message .l-landing .ui-button, .l-landing .pt-inbox .message .ui-button {
/*  text-transform: uppercase;*/
}

.pt-appointment-scheduler main .content-wrapper, .pt-appointment-scheduler main .pt-offer .top-bar, .pt-offer .pt-appointment-scheduler main .top-bar, .pt-appointment-scheduler main .pt-cards .top-bar, .pt-cards .pt-appointment-scheduler main .top-bar {
  padding-bottom: 100px;
}
.pt-appointment-scheduler main .content-wrapper :not(.cmp-tabs):not(.inbox-menu) ul, .pt-appointment-scheduler main .pt-offer .top-bar :not(.cmp-tabs):not(.inbox-menu) ul, .pt-offer .pt-appointment-scheduler main .top-bar :not(.cmp-tabs):not(.inbox-menu) ul, .pt-appointment-scheduler main .pt-cards .top-bar :not(.cmp-tabs):not(.inbox-menu) ul, .pt-cards .pt-appointment-scheduler main .top-bar :not(.cmp-tabs):not(.inbox-menu) ul {
  margin-bottom: 0;
}
.pt-appointment-scheduler main .content-wrapper :not(.cmp-tabs):not(.inbox-menu) ul li + li, .pt-appointment-scheduler main .pt-offer .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li + li, .pt-offer .pt-appointment-scheduler main .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li + li, .pt-appointment-scheduler main .pt-cards .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li + li, .pt-cards .pt-appointment-scheduler main .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li + li {
  margin-top: 5px;
}
.pt-appointment-scheduler main .content-wrapper :not(.cmp-tabs):not(.inbox-menu) ul li:before, .pt-appointment-scheduler main .pt-offer .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li:before, .pt-offer .pt-appointment-scheduler main .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li:before, .pt-appointment-scheduler main .pt-cards .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li:before, .pt-cards .pt-appointment-scheduler main .top-bar :not(.cmp-tabs):not(.inbox-menu) ul li:before {
  display: none;
}
.pt-appointment-scheduler .btn-overview {
  cursor: pointer;
}
.pt-appointment-scheduler.step-1 main {
  padding-bottom: 200px;
}
.pt-appointment-scheduler.step-1 .content-wrapper p, .pt-appointment-scheduler.step-1 .pt-offer .top-bar p, .pt-offer .pt-appointment-scheduler.step-1 .top-bar p, .pt-appointment-scheduler.step-1 .pt-cards .top-bar p, .pt-cards .pt-appointment-scheduler.step-1 .top-bar p {
  margin: 0 0 0 0;
}
@media (min-width: 1024px) {
  .pt-appointment-scheduler.step-1 .content-wrapper p, .pt-appointment-scheduler.step-1 .pt-offer .top-bar p, .pt-offer .pt-appointment-scheduler.step-1 .top-bar p, .pt-appointment-scheduler.step-1 .pt-cards .top-bar p, .pt-cards .pt-appointment-scheduler.step-1 .top-bar p {
    margin-top: -9px;
  }
}
.pt-appointment-scheduler.step-1 .choices {
  margin-top: 16px;
}
.pt-appointment-scheduler.step-1 .choices .btn-overview {
  width: 49%;
  padding-bottom: 17px;
}
.pt-appointment-scheduler.step-1 .choices .btn-overview:nth-child(2n) {
  float: right;
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-1 .choices .btn-overview {
    width: 178px;
    margin-top: 23px;
  }
  .pt-appointment-scheduler.step-1 .choices .btn-overview:nth-child(2n) {
    float: left;
    margin-left: 0;
  }
  .pt-appointment-scheduler.step-1 .choices .btn-overview + .btn-overview {
    margin-left: 3px;
  }
}
@media (min-width: 1024px) {
  .pt-appointment-scheduler.step-1 .choices .btn-overview + .btn-overview {
    margin-left: 32px;
  }
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance,
.pt-appointment-scheduler.step-1 .choice-content .damage,
.pt-appointment-scheduler.step-1 .choice-content .tyres,
.pt-appointment-scheduler.step-1 .choice-content .call-back {
  display: none;
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance.active,
.pt-appointment-scheduler.step-1 .choice-content .damage.active,
.pt-appointment-scheduler.step-1 .choice-content .tyres.active,
.pt-appointment-scheduler.step-1 .choice-content .call-back.active {
  display: block;
}
.pt-appointment-scheduler.step-1 .choice-content .tyres {
  margin-bottom: -63px;
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance,
.pt-appointment-scheduler.step-1 .choice-content .damage,
.pt-appointment-scheduler.step-1 .choice-content .tyres,
.pt-appointment-scheduler.step-1 .choice-content .call-back {
  margin-top: 0px;
}
@media (min-width: 1024px) {
  .pt-appointment-scheduler.step-1 .choice-content .maintenance,
  .pt-appointment-scheduler.step-1 .choice-content .damage,
  .pt-appointment-scheduler.step-1 .choice-content .tyres,
  .pt-appointment-scheduler.step-1 .choice-content .call-back {
    margin-top: 35px;
  }
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance h2,
.pt-appointment-scheduler.step-1 .choice-content .damage h2,
.pt-appointment-scheduler.step-1 .choice-content .tyres h2,
.pt-appointment-scheduler.step-1 .choice-content .call-back h2 {
  margin-top: 0;
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance p,
.pt-appointment-scheduler.step-1 .choice-content .damage p,
.pt-appointment-scheduler.step-1 .choice-content .tyres p,
.pt-appointment-scheduler.step-1 .choice-content .call-back p {
  margin-bottom: 18px;
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio),
.pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio),
.pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio),
.pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) {
  width: 90%;
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio) label,
.pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio) label,
.pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio) label,
.pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) label {
  display: block;
  margin-bottom: 5px;
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield,
.pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield,
.pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield,
.pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio),
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio),
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio),
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) {
    width: 55%;
  }
}
@media (min-width: 1024px) {
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio),
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio),
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio),
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) {
    width: 19%;
    float: left;
  }
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio).miles,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio).miles,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio).miles,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio).miles {
    width: 10%;
  }
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield {
    margin-left: 1.25%;
    margin-top: 0px;
  }
}
.pt-appointment-scheduler.step-1 .choice-content .maintenance .btn-blue, .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-details, .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-details,
.pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-specs,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-specs, .pt-appointment-scheduler.step-1 .choice-content .maintenance .l-landing .ui-button, .l-landing .pt-appointment-scheduler.step-1 .choice-content .maintenance .ui-button,
.pt-appointment-scheduler.step-1 .choice-content .damage .btn-blue,
.pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-details,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-details,
.pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-specs,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-specs,
.pt-appointment-scheduler.step-1 .choice-content .damage .l-landing .ui-button,
.l-landing .pt-appointment-scheduler.step-1 .choice-content .damage .ui-button,
.pt-appointment-scheduler.step-1 .choice-content .tyres .btn-blue,
.pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-details,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-details,
.pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-specs,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-specs,
.pt-appointment-scheduler.step-1 .choice-content .tyres .l-landing .ui-button,
.l-landing .pt-appointment-scheduler.step-1 .choice-content .tyres .ui-button,
.pt-appointment-scheduler.step-1 .choice-content .call-back .btn-blue,
.pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-details,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-details,
.pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-specs,
.cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-specs,
.pt-appointment-scheduler.step-1 .choice-content .call-back .l-landing .ui-button,
.l-landing .pt-appointment-scheduler.step-1 .choice-content .call-back .ui-button {
  width: 75%;
  margin-top: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 7px;
}
@media (min-width: 480px) {
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .btn-blue, .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-details, .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-specs, .pt-appointment-scheduler.step-1 .choice-content .maintenance .l-landing .ui-button, .l-landing .pt-appointment-scheduler.step-1 .choice-content .maintenance .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .damage .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .damage .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .damage .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .tyres .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .call-back .ui-button {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .btn-blue, .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-details, .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-specs, .pt-appointment-scheduler.step-1 .choice-content .maintenance .l-landing .ui-button, .l-landing .pt-appointment-scheduler.step-1 .choice-content .maintenance .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .damage .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .damage .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .damage .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .tyres .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .call-back .ui-button {
    width: 30%;
  }
}
@media (min-width: 1024px) {
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .btn-blue, .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-details, .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-specs, .pt-appointment-scheduler.step-1 .choice-content .maintenance .l-landing .ui-button, .l-landing .pt-appointment-scheduler.step-1 .choice-content .maintenance .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .damage .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .damage .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .damage .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .tyres .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .btn-blue,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-details,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-specs,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .l-landing .ui-button,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .call-back .ui-button {
    width: 22%;
    float: right;
    margin-top: 22px;
  }
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .btn-blue label, .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-details label, .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-details label,
  .pt-appointment-scheduler.step-1 .choice-content .maintenance .cmp-contract .toggle-specs label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .maintenance .toggle-specs label, .pt-appointment-scheduler.step-1 .choice-content .maintenance .l-landing .ui-button label, .l-landing .pt-appointment-scheduler.step-1 .choice-content .maintenance .ui-button label,
  .pt-appointment-scheduler.step-1 .choice-content .damage .btn-blue label,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-details label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-details label,
  .pt-appointment-scheduler.step-1 .choice-content .damage .cmp-contract .toggle-specs label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .damage .toggle-specs label,
  .pt-appointment-scheduler.step-1 .choice-content .damage .l-landing .ui-button label,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .damage .ui-button label,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .btn-blue label,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-details label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-details label,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .cmp-contract .toggle-specs label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .tyres .toggle-specs label,
  .pt-appointment-scheduler.step-1 .choice-content .tyres .l-landing .ui-button label,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .tyres .ui-button label,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .btn-blue label,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-details label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-details label,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .toggle-specs label,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .toggle-specs label,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .l-landing .ui-button label,
  .l-landing .pt-appointment-scheduler.step-1 .choice-content .call-back .ui-button label {
    display: block;
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) {
    width: 24%;
  }
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .btn-blue, .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .cmp-formfield:not(.cmp-formfield-radio) + .toggle-details, .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .toggle-details,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-contract .cmp-formfield:not(.cmp-formfield-radio) + .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .toggle-specs, .pt-appointment-scheduler.step-1 .choice-content .call-back .l-landing .cmp-formfield:not(.cmp-formfield-radio) + .ui-button, .l-landing .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .ui-button,
  .pt-appointment-scheduler.step-1 .choice-content .call-back .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield {
    margin-left: 1.33%;
  }
}
.pt-appointment-scheduler.step-1 .choice-content .cmp-formfield-radio {
  margin-bottom: 20px;
}
.pt-appointment-scheduler.step-2 {
  /* dealer sets */
}
@media (max-width: 767px) {
  .pt-appointment-scheduler.step-2 input + label {
    position: static;
    padding-left: 48px;
    line-height: 1.9;
  }
  .pt-appointment-scheduler.step-2 input + label:before {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -14px;
    width: 28px;
    height: 28px;
  }
  .pt-appointment-scheduler.step-2 input:checked + label:after {
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -9px;
    display: block;
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-2 h1 {
    margin-bottom: 14px;
  }
  .pt-appointment-scheduler.step-2 h2 {
    margin-bottom: 6px;
    margin-top: 0;
  }
  .pt-appointment-scheduler.step-2 input + label {
    position: static;
    padding-left: 33px;
  }
  .pt-appointment-scheduler.step-2 input + label:before {
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -9px;
  }
  .pt-appointment-scheduler.step-2 input:checked + label:after {
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -6px;
  }
}
.pt-appointment-scheduler.step-2 .dealers ul {
  width: 100%;
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-2 .dealers ul {
    display: inline-flex;
    align-items: stretch;
  }
}
.pt-appointment-scheduler.step-2 .dealer {
  width: 100%;
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-2 .dealer {
    width: 32%;
    float: left;
  }
  .pt-appointment-scheduler.step-2 .dealer + .dealer {
    margin-left: 2%;
    margin-top: 0 !important;
  }
}
.pt-appointment-scheduler.step-2 .dealer .name {
  margin: 0 0 8px 0;
  color: var(--secondary-color);
  /* define type */
  
  /* define size */
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.pt-appointment-scheduler.step-2 .dealer label > div {
  margin-top: 3px;
}
.pt-appointment-scheduler.step-2 .dealers .cmp-formfield-radio ul {
  display: none;
}
@media (max-width: 1023px) {
  .pt-appointment-scheduler.step-2 .dealers .cmp-formfield-radio ul {
    left: -15px;
    width: 106%;
    position: relative;
  }
}
.pt-appointment-scheduler.step-2 .dealers .cmp-formfield-radio ul.active {
  display: block;
}
@media (min-width: 768px) {
  .pt-appointment-scheduler.step-2 .dealers .cmp-formfield-radio ul.active {
    display: inline-flex;
  }
}
.pt-appointment-scheduler.step-2 .pagination {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 20px;
}
.pt-appointment-scheduler.step-2 .pagination li {
  width: 10%;
  display: inline-block;
  text-align: center;
  padding: 5px 0;
  cursor: pointer;
}
.pt-appointment-scheduler.step-2 .pagination li > div {
  text-decoration: underline;
  font-weight: normal;
}
.pt-appointment-scheduler.step-2 .pagination li.active > div {
  color: var(--listing-pg-text-color);
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}
.pt-appointment-scheduler.step-2 .form-part-2 {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .pt-appointment-scheduler.step-2 .form-part-2 {
    margin-top: 50px;
  }
}
.pt-appointment-scheduler.step-2 .bring-pick-up-service {
  float: left;
  width: 31.83333%;
  margin-left: 0;
  float: left;
}
@media (max-width: 767px) {
  .pt-appointment-scheduler.step-2 .bring-pick-up-service {
    float: left;
    width: 100%;
    margin-left: 0;
    left: -15px;
    width: 106%;
    position: relative;
  }
}
.pt-appointment-scheduler.step-2 .bring-pick-up-service h3 {
  margin: 0 0 8px 0;
  color: var(--secondary-color);
  /* define type */
  
  /* define size */
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.pt-appointment-scheduler.step-2 .bring-pick-up-service .bring h3 {
  margin-bottom: 0;
}
.pt-appointment-scheduler.step-2 .bring-pick-up-service .chosen-results {
  width: 100%;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select {
  padding-left: 33px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .pt-appointment-scheduler.step-2 .cmp-formfield-select {
    padding-left: 49px;
  }
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select label,
.pt-appointment-scheduler.step-2 .cmp-formfield-select .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select input,
.pt-appointment-scheduler.step-2 .cmp-formfield-select select,
.pt-appointment-scheduler.step-2 .cmp-formfield-select .chosen-container,
.pt-appointment-scheduler.step-2 .cmp-formfield-select .icon-input-wrapper,
.pt-appointment-scheduler.step-2 .cmp-formfield-select textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select textarea {
  vertical-align: top;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select label {
  width: 55px;
  min-width: 55px;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select .chosen-container,
.pt-appointment-scheduler.step-2 .cmp-formfield-select select {
  width: 183px !important;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-select label {
  text-align: left;
}
.pt-appointment-scheduler.step-2 .bring .cmp-formfield-select,
.pt-appointment-scheduler.step-2 .pick-up .cmp-formfield-select {
  display: none;
}
.pt-appointment-scheduler.step-2 .bring.active .cmp-formfield-select,
.pt-appointment-scheduler.step-2 .pick-up.active .cmp-formfield-select {
  display: block;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-textarea {
  float: left;
  width: 65.91667%;
  margin-left: 2.25%;
  float: right;
  position: relative;
  top: -3px;
}
@media (max-width: 767px) {
  .pt-appointment-scheduler.step-2 .cmp-formfield-textarea {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 45px;
  }
}
.pt-appointment-scheduler.step-2 .cmp-formfield-textarea label {
  display: block;
  margin-bottom: 7px;
}
.pt-appointment-scheduler.step-2 .cmp-formfield-textarea textarea {
  height: 125px;
}
.pt-appointment-scheduler.step-2 .btn-blue, .pt-appointment-scheduler.step-2 .cmp-contract .toggle-details, .cmp-contract .pt-appointment-scheduler.step-2 .toggle-details,
.pt-appointment-scheduler.step-2 .cmp-contract .toggle-specs,
.cmp-contract .pt-appointment-scheduler.step-2 .toggle-specs, .pt-appointment-scheduler.step-2 .l-landing .ui-button, .l-landing .pt-appointment-scheduler.step-2 .ui-button {
  float: right;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .pt-appointment-scheduler.step-2 .btn-blue, .pt-appointment-scheduler.step-2 .cmp-contract .toggle-details, .cmp-contract .pt-appointment-scheduler.step-2 .toggle-details,
  .pt-appointment-scheduler.step-2 .cmp-contract .toggle-specs,
  .cmp-contract .pt-appointment-scheduler.step-2 .toggle-specs, .pt-appointment-scheduler.step-2 .l-landing .ui-button, .l-landing .pt-appointment-scheduler.step-2 .ui-button {
    margin-top: 35px;
    float: left;
  }
}

.pt-offer .l-body {
  overflow: visible;
}
.pt-offer .l-footer {
  display: none;
}
.pt-offer .content-wrapper, .pt-offer .top-bar {
  padding-bottom: 50px;
}
@media (max-width: 1023px) {
  .pt-offer .cmp-tabs li {
    width: 31%;
  }
  .pt-offer .cmp-tabs li:last-child {
    width: 36%;
  }
}
.pt-offer .top-bar {
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .pt-offer .top-bar {
    background-color: transparent;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
  }
  .pt-offer .top-bar .btn-blue.back, .pt-offer .top-bar .cmp-contract .back.toggle-details, .cmp-contract .pt-offer .top-bar .back.toggle-details,
  .pt-offer .top-bar .cmp-contract .back.toggle-specs,
  .cmp-contract .pt-offer .top-bar .back.toggle-specs, .pt-offer .top-bar .l-landing .back.ui-button, .l-landing .pt-offer .top-bar .back.ui-button {
    float: left;
  }
}
.pt-offer .top-bar .cmp-spendingbar {
  float: right;
  padding: 10px;
}
@media (min-width: 1024px) {
  .pt-offer .top-bar .cmp-spendingbar {
    position: absolute;
    top: 0;
    right: 22px;
    padding: 0 10px;
  }
}
@media (max-width: 1023px) {
  .pt-offer fieldset,
  .pt-offer .results {
    position: relative;
  }
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) label,
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) input,
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) select,
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) .chosen-container,
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) .icon-input-wrapper,
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) textarea {
  vertical-align: top;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) label {
  width: 110px;
  text-align: left;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio) + .cmp-formfield:not(.cmp-formfield-radio) {
  margin-top: 8px;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio).disabled {
  color: #c3c3c3;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio).disabled > div a {
  color: #c3c3c3;
}
.pt-offer .cmp-formfield:not(.cmp-formfield-radio).disabled > div a div {
  background-color: #c3c3c3;
}
.pt-offer .cmp-formfield-checkbox span {
  float: right;
  color: var(--secondary-color);
}
.pt-offer .results-offer {
  padding-top: 20px;
  clear: both;
}
@media (min-width: 768px) {
  .pt-offer .results-offer {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .pt-offer .cmp-formfield-radio input + label {
    position: static;
    padding-left: 48px;
    line-height: 1.9;
  }
  .pt-offer .cmp-formfield-radio input + label:before {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -14px;
    width: 28px;
    height: 28px;
  }
  .pt-offer .cmp-formfield-radio input:checked + label:after {
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -9px;
    display: block;
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 768px) {
  .pt-offer .cmp-formfield-radio input + label {
    position: static;
    padding-left: 33px;
  }
  .pt-offer .cmp-formfield-radio input + label:before {
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -9px;
  }
  .pt-offer .cmp-formfield-radio input:checked + label:after {
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -6px;
  }
}
.pt-offer fieldset h3 {
  margin: 0 0 10px 0;
}
.pt-offer fieldset.offer-for .company,
.pt-offer fieldset.offer-for .driver-name {
  display: inline-block;
}
.pt-offer fieldset.offer-for .company {
  margin-right: 20px;
  margin-bottom: 4px;
}
.pt-offer fieldset.select-car, .pt-offer fieldset.select-ebike {
  width: 41.6%;
  float: left;
  height: 195px;
}
@media (max-width: 1023px) {
  .pt-offer fieldset.select-car, .pt-offer fieldset.select-ebike {
    width: 100%;
  }
}
.pt-offer fieldset.select-car input,
.pt-offer fieldset.select-car select,
.pt-offer fieldset.select-car .chosen-container, .pt-offer fieldset.select-ebike input,
.pt-offer fieldset.select-ebike select,
.pt-offer fieldset.select-ebike .chosen-container {
  max-width: 160px !important;
}
@media (min-width: 480px) {
  .pt-offer fieldset.select-car input,
  .pt-offer fieldset.select-car select,
  .pt-offer fieldset.select-car .chosen-container, .pt-offer fieldset.select-ebike input,
  .pt-offer fieldset.select-ebike select,
  .pt-offer fieldset.select-ebike .chosen-container {
    max-width: 247px !important;
  }
}
@media (min-width: 768px) {
  .pt-offer fieldset.select-car input,
  .pt-offer fieldset.select-car select,
  .pt-offer fieldset.select-car .chosen-container, .pt-offer fieldset.select-ebike input,
  .pt-offer fieldset.select-ebike select,
  .pt-offer fieldset.select-ebike .chosen-container {
    max-width: 347px !important;
  }
}
@media (min-width: 1024px) {
  .pt-offer fieldset.select-car input,
  .pt-offer fieldset.select-car select,
  .pt-offer fieldset.select-car .chosen-container, .pt-offer fieldset.select-ebike input,
  .pt-offer fieldset.select-ebike select,
  .pt-offer fieldset.select-ebike .chosen-container {
    max-width: 253px !important;
  }
}
@media (min-width: 1280px) {
  .pt-offer fieldset.select-car input,
  .pt-offer fieldset.select-car select,
  .pt-offer fieldset.select-car .chosen-container, .pt-offer fieldset.select-ebike input,
  .pt-offer fieldset.select-ebike select,
  .pt-offer fieldset.select-ebike .chosen-container {
    max-width: 348px !important;
  }
}
.pt-offer fieldset.selected-car, .pt-offer fieldset.selected-ebike {
  width: 58.3%;
  height: 195px;
  border-left: 4px solid #ffffff;
  float: left;
}
@media (max-width: 1023px) {
  .pt-offer fieldset.selected-car, .pt-offer fieldset.selected-ebike {
    display: none;
  }
}
.pt-offer .sort {
  clear: both;
  padding: 20px 0;
  text-align: right;
}
@media (max-width: 1023px) {
  .pt-offer .sort {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .pt-offer .sort .cmp-formfield:not(.cmp-formfield-radio) {
    width: 330px;
    display: inline-block;
  }
}
.pt-offer .sort .cmp-formfield:not(.cmp-formfield-radio) label {
  width: 110px;
}
@media (min-width: 1024px) {
  .pt-offer .sort .cmp-formfield:not(.cmp-formfield-radio) label {
    width: 90px;
  }
}
.pt-offer .sort input,
.pt-offer .sort select,
.pt-offer .sort .chosen-container {
  text-align: left;
  max-width: 160px !important;
}
@media (min-width: 480px) {
  .pt-offer .sort input,
  .pt-offer .sort select,
  .pt-offer .sort .chosen-container {
    max-width: 250px !important;
  }
}
@media (min-width: 768px) {
  .pt-offer .sort input,
  .pt-offer .sort select,
  .pt-offer .sort .chosen-container {
    max-width: 350px !important;
  }
}
@media (min-width: 1024px) {
  .pt-offer .sort input,
  .pt-offer .sort select,
  .pt-offer .sort .chosen-container {
    max-width: 220px !important;
  }
}
@media (min-width: 1280px) {
  .pt-offer .sort input,
  .pt-offer .sort select,
  .pt-offer .sort .chosen-container {
    max-width: 220px !important;
  }
}
.pt-offer .sort .chosen-search input {
  display: none;
}
.pt-offer .results {
  width: 100%;
  margin-bottom: 100px;
}
.pt-offer .results li .name {
  margin: 0;
  color: var(--secondary-color);
  /* define type */
  
  /* define size */
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.pt-offer .results li label > div {
  margin-top: 3px;
}
.pt-offer .results li .cmp-key-value.label {
  margin-top: 9px;
}
.pt-offer .results li .cmp-key-value.label .cmp-label {
  position: relative;
  top: -3px;
}
.pt-offer .action-bar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #efebef;
  z-index: 1;
}
.pt-offer .action-bar:after {
  content: "";
  display: block;
  height: 34px !important;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/footer.png);
  position: absolute;
  top: -34px;
  opacity: 0.7;
}
.pt-offer .action-bar .content-wrapper, .pt-offer .action-bar .top-bar {
  text-align: center;
  background: none;
  box-shadow: none;
  padding: 18px 0;
}
.pt-offer .action-bar .next {
  right: 10px;
  position: absolute;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-offer .action-bar .next {
    right: 15px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-offer .action-bar .next {
    right: 30px;
  }
}
@media (min-width: 1280px) {
  .pt-offer .action-bar .next {
    right: 22px;
  }
}
.pt-offer .action-bar .filters,
.pt-offer .action-bar .back {
 /* text-transform: uppercase;*/
  position: absolute;
  left: 10px;
}
@media (min-width: 480px) {
  .pt-offer .action-bar .filters,
  .pt-offer .action-bar .back {
    left: 15px;
  }
}
@media (min-width: 1280px) {
  .pt-offer .action-bar .filters,
  .pt-offer .action-bar .back {
    left: 5px;
  }
}
.pt-offer .action-bar .filters span,
.pt-offer .action-bar .back span {
  margin-right: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.pt-offer .cmp-key-value {
  font-size: 12px;
  line-height: 1.8;
}
.pt-offer .cmp-key-value .key {
  float: left;
  font-weight: normal;
  color: var(--listing-pg-text-color);
  text-align: left;
  width: 106px;
}
.pt-offer .cmp-key-value .key:after {
  display: none;
}
.pt-offer .cmp-key-value .value {
  float: left;
  margin-left: 7px;
}
.pt-offer .cmp-key-value .value:before {
  content: ": ";
}
.pt-offer .cmp-key-value + .cmp-key-value {
  margin-top: 5px;
}
.pt-offer .left-section {
  width: 100%;
  padding: 0;
}
@media (min-width: 1024px) {
  .pt-offer .left-section {
    background-color: var(--listing-pg-bg);
    width: 50%;
    float: left;
    min-height: 500px;
    border-right: 5px solid white;
  }
  .pt-offer .left-section > div {
    padding: 15px;
  }
  .pt-offer .left-section > div:first-child {
    border-bottom: 5px solid white;
  }
}
.pt-offer.step-2 .left-section h3, .pt-offer.switch-home .left-section h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
.pt-offer.step-2 .left-section > .lnk-content, .pt-offer.step-2 .l-landing #myDataPanel .left-section > a, .l-landing #myDataPanel .pt-offer.step-2 .left-section > a, .pt-offer.switch-home .left-section > .lnk-content, .pt-offer.switch-home .l-landing #myDataPanel .left-section > a, .l-landing #myDataPanel .pt-offer.switch-home .left-section > a {
  text-decoration: underline;
}
.pt-offer.step-2 .left-section ul, .pt-offer.switch-home .left-section ul {
  padding: 15px;
}
@media (min-width: 1024px) {
  .pt-offer.step-2 .left-section ul, .pt-offer.switch-home .left-section ul {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .pt-offer.step-2 .left-section, .pt-offer.switch-home .left-section {
    width: 41.66%;
  }
}
.pt-offer.step-2 .left-section .lnk-content, .pt-offer.step-2 .left-section .l-landing #myDataPanel a, .l-landing #myDataPanel .pt-offer.step-2 .left-section a, .pt-offer.switch-home .left-section .lnk-content, .pt-offer.switch-home .left-section .l-landing #myDataPanel a, .l-landing #myDataPanel .pt-offer.switch-home .left-section a {
  text-decoration: underline;
}
.pt-offer.step-2 .search, .pt-offer.switch-home .search {
  margin-bottom: 4px;
  padding: 11px 0px;
  background-color: white;
}
.pt-offer.step-2 .options, .pt-offer.switch-home .options {
  width: 58.33%;
  float: left;
  padding-left: 12px;
}
@media (max-width: 1023px) {
  .pt-offer.step-2 .options, .pt-offer.switch-home .options {
    width: 100%;
    padding-left: 0;
    margin-bottom: 100px;
  }
}
.pt-offer.step-2 .options .group + .group, .pt-offer.switch-home .options .group + .group {
  margin-top: 3px;
}
.pt-offer.step-2 .options .category, .pt-offer.switch-home .options .category {
  padding: 9px 12px;
  background-color: var(--secondary-color);
  color: white;
  position: relative;
  cursor: pointer;
}
.pt-offer.step-2 .options .category:after, .pt-offer.switch-home .options .category:after {
  position: absolute;
  right: 9px;
  top: 12px;
  font-size: 12px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61e";
}
.pt-offer.step-2 .options .category > .icon, .pt-offer.switch-home .options .category > .icon {
  vertical-align: top;
  margin-right: 10px;
  font-size: 17px;
  font-size: 1.7rem;
}
.pt-offer.step-2 .options .category.plus-icon, .pt-offer.switch-home .options .category.plus-icon {
  display: table;
}
.pt-offer.step-2 .options .category.plus-icon:after, .pt-offer.switch-home .options .category.plus-icon:after {
  position: relative;
  vertical-align: middle;
  display: table-cell;
  top: 0;
  text-align: center;
  right: 0;
}
.pt-offer.step-2 .options .category.plus-icon > .icon, .pt-offer.switch-home .options .category.plus-icon > .icon {
  vertical-align: middle;
  padding-right: 10px;
  margin-right: 0;
  width: 20px;
  font-size: 17px;
  font-size: 1.7rem;
  display: table-cell;
}
.pt-offer.step-2 .options .category.plus-icon > .icon + span, .pt-offer.switch-home .options .category.plus-icon > .icon + span {
  display: table-cell;
  width: 100%;
}
.pt-offer.step-2 .options .option, .pt-offer.switch-home .options .option {
  display: none;
  padding: 10px 12px;
  background-color: var(--listing-pg-bg);
}
.pt-offer.step-2 .options .option [readonly] + label, .pt-offer.switch-home .options .option [readonly] + label {
  opacity: 0.6;
  cursor: default;
}
.pt-offer.step-2 .options .option + .option, .pt-offer.switch-home .options .option + .option {
  margin-top: 2px;
}
.pt-offer.step-2 .options .group.open .category:after, .pt-offer.switch-home .options .group.open .category:after {
  content: "\e610";
}
.pt-offer.step-2 .options .group.open .option, .pt-offer.switch-home .options .group.open .option {
  display: block;
}
.pt-offer.step-2 .options .group.open .option.option-select, .pt-offer.switch-home .options .group.open .option.option-select {
  display: table;
  padding: 0px;
  width: 100%;
}
.pt-offer.step-2 .options .group.open .option.option-select + .option-select, .pt-offer.switch-home .options .group.open .option.option-select + .option-select {
  margin: 0px;
}
.pt-offer.step-2 .options .cmp-formfield:not(.cmp-formfield-radio) label, .pt-offer.switch-home .options .cmp-formfield:not(.cmp-formfield-radio) label {
  width: 100%;
}
@media (max-width: 1023px) {
  .pt-offer.step-2 .options-selected p, .pt-offer.switch-home .options-selected p {
    padding: 9px 12px;
    background-color: var(--secondary-color);
    color: white;
    position: relative;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 0px;
  }
  .pt-offer.step-2 .options-selected p:after, .pt-offer.switch-home .options-selected p:after {
    position: absolute;
    right: 9px;
    top: 12px;
    font-size: 12px;
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
  }
}
@media (min-width: 1024px) {
  .pt-offer.step-2 .options-selected p, .pt-offer.switch-home .options-selected p {
    margin-bottom: 15px;
    color: var(--secondary-color);
  }
  .pt-offer.step-2 .options-selected p:after, .pt-offer.switch-home .options-selected p:after {
    display: none;
  }
  .pt-offer.step-2 .options-selected p .amount, .pt-offer.switch-home .options-selected p .amount {
    font-weight: bold;
  }
}
.pt-offer.step-2 .options-selected p.default-color, .pt-offer.switch-home .options-selected p.default-color {
  background-color: var(--listing-pg-bg);
  color: var(--secondary-color);
  border-bottom: 3px solid white;
}
@media (min-width: 1024px) {
  .pt-offer.step-2 .options-selected p.default-color, .pt-offer.switch-home .options-selected p.default-color {
    border-bottom: 0px;
  }
}
@media (max-width: 1023px) {
  .pt-offer.step-2 .options-selected table, .pt-offer.switch-home .options-selected table {
    display: none;
    background-color: var(--listing-pg-bg);
    padding: 10px;
  }
}
.pt-offer.step-2 .options-selected table th, .pt-offer.switch-home .options-selected table th {
  text-align: left;
}
.pt-offer.step-2 .options-selected table th:first-child, .pt-offer.switch-home .options-selected table th:first-child {
  width: 70%;
}
.pt-offer.step-2 .options-selected table th + th, .pt-offer.switch-home .options-selected table th + th {
  padding-left: 10px;
}
.pt-offer.step-2 .options-selected table td, .pt-offer.switch-home .options-selected table td {
  padding-top: 10px;
}
.pt-offer.step-2 .options-selected table td + td, .pt-offer.switch-home .options-selected table td + td {
  padding: 0 0 0 10px;
  color: var(--secondary-color);
}
.pt-offer.step-2 .options-selected table .remove, .pt-offer.switch-home .options-selected table .remove {
  cursor: pointer;
}
.pt-offer.step-2 .options-selected table .remove:before, .pt-offer.switch-home .options-selected table .remove:before {
  content: "\e613";
  font-size: 20px;
  font-size: 2rem;
  color: var(--secondary-color);
}
.pt-offer.step-2 .options-selected.open p:after, .pt-offer.switch-home .options-selected.open p:after {
  content: "\e610";
}
.pt-offer.step-2 .options-selected.open table, .pt-offer.switch-home .options-selected.open table {
  display: block;
}
.pt-offer.step-3 main section > .content-wrapper, .pt-offer.step-3 main section > .top-bar, .pt-offer.step-3 main .pt-cards section > .top-bar {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 main section > .content-wrapper, .pt-offer.step-3 main section > .top-bar, .pt-offer.step-3 main .pt-cards section > .top-bar {
    padding-bottom: 70px;
  }
}
.pt-offer.step-3 .btn-blue, .pt-offer.step-3 .cmp-contract .toggle-details, .cmp-contract .pt-offer.step-3 .toggle-details,
.pt-offer.step-3 .cmp-contract .toggle-specs,
.cmp-contract .pt-offer.step-3 .toggle-specs, .pt-offer.step-3 .l-landing .ui-button, .l-landing .pt-offer.step-3 .ui-button {
/*  text-transform: uppercase;*/
}
.pt-offer.step-3 .cmp-label {
  position: relative;
  top: -4px;
}
.pt-offer.step-3 .label {
  color: var(--text-color-dark);
  width: 170px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-bottom: 15px;
}
.pt-offer.step-3 .label:after {
  content: " :";
  position: absolute;
  right: 0;
}
.pt-offer.step-3 .label + span {
  display: inline-block;
}
.pt-offer.step-3 .btn-section {
  margin-left: 0px;
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .btn-section.ebike {
    margin-left: 174px;
  }
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .calc {
    background-color: var(--listing-pg-bg);
  }
}
.pt-offer.step-3 .calc .calc-output {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .calc .calc-output {
    background-color: var(--listing-pg-bg);
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px;
    position: relative;
  }
  .pt-offer.step-3 .calc .calc-output > div:not(.btn-section) {
    padding-left: 15px;
  }
}
.pt-offer.step-3 .calc .calc-output .label + span {
  color: var(--secondary-color);
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.pt-offer.step-3 .calc .calc-output .label + span:before {
  content: "\20AC ";
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .calc .calc-output .label.last {
    padding-bottom: 0;
  }
}
.pt-offer.step-3 .calc .calc-output button {
  margin-top: 20px;
}
.pt-offer.step-3 .calc .calc-output button + * {
  float: right;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .calc .calc-output .btn-section {
    padding-left: 15px;
  }
}
.pt-offer.step-3 .calc .calc-form input {
  width: 209px;
}
.pt-offer.step-3 .calc .calc-form label,
.pt-offer.step-3 .calc .calc-form .label {
  width: 170px;
  display: inline-block;
}
.pt-offer.step-3 .calc .calc-form label:after,
.pt-offer.step-3 .calc .calc-form .label:after {
  content: "";
}
.pt-offer.step-3 .calc .calc-form div {
  margin-bottom: 5px;
}
.pt-offer.step-3 .calc .calc-form div:last-child {
  margin-top: 5px;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .calc .calc-form div:last-child {
    margin-bottom: -9px;
  }
}
.pt-offer.step-3 .calc .calc-form button + * {
  float: right;
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .calc {
    width: 60%;
    padding: 15px;
    float: left;
  }
}
.pt-offer.step-3 .left-section {
  width: 100%;
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .left-section {
    width: 40%;
  }
}
.pt-offer.step-3 .left-section a {
  padding-top: 10px;
  display: inline-block;
}
.pt-offer.step-3 .left-section h3 {
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .left-section h3 {
    margin-top: 0px;
  }
}
.pt-offer.step-3 .left-section > .lnk-content, .pt-offer.step-3 .l-landing #myDataPanel .left-section > a, .l-landing #myDataPanel .pt-offer.step-3 .left-section > a {
  text-decoration: underline;
}
.pt-offer.step-3 .left-section ul {
  padding: 15px;
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .left-section ul {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .pt-offer.step-3 .left-section .additional-info .label + span {
    color: var(--secondary-color);
    font-weight: bold;
  }
}
.pt-offer.step-3 .additional-info {
  display: none;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .btn-section {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    background-color: white;
  }
  .pt-offer.step-3 .btn-section .btn-blue, .pt-offer.step-3 .btn-section .cmp-contract .toggle-details, .cmp-contract .pt-offer.step-3 .btn-section .toggle-details,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs, .pt-offer.step-3 .btn-section .l-landing .ui-button, .l-landing .pt-offer.step-3 .btn-section .ui-button {
    margin-right: 40%;
    clear: both;
    float: none !important;
  }
  .pt-offer.step-3 .btn-section .btn-blue + .btn-blue, .pt-offer.step-3 .btn-section .cmp-contract .toggle-details + .btn-blue, .cmp-contract .pt-offer.step-3 .btn-section .toggle-details + .btn-blue,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs + .btn-blue,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs + .btn-blue, .pt-offer.step-3 .btn-section .l-landing .ui-button + .btn-blue, .l-landing .pt-offer.step-3 .btn-section .ui-button + .btn-blue, .pt-offer.step-3 .btn-section .cmp-contract .btn-blue + .toggle-details, .cmp-contract .pt-offer.step-3 .btn-section .btn-blue + .toggle-details, .pt-offer.step-3 .btn-section .cmp-contract .toggle-details + .toggle-details, .cmp-contract .pt-offer.step-3 .btn-section .toggle-details + .toggle-details,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs + .toggle-details,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs + .toggle-details, .pt-offer.step-3 .btn-section .l-landing .cmp-contract .ui-button + .toggle-details, .cmp-contract .pt-offer.step-3 .btn-section .l-landing .ui-button + .toggle-details, .l-landing .pt-offer.step-3 .btn-section .cmp-contract .ui-button + .toggle-details, .cmp-contract .l-landing .pt-offer.step-3 .btn-section .ui-button + .toggle-details,
  .pt-offer.step-3 .btn-section .cmp-contract .btn-blue + .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .btn-blue + .toggle-specs,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-details + .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-details + .toggle-specs,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs + .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs + .toggle-specs,
  .pt-offer.step-3 .btn-section .l-landing .cmp-contract .ui-button + .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .l-landing .ui-button + .toggle-specs,
  .l-landing .pt-offer.step-3 .btn-section .cmp-contract .ui-button + .toggle-specs,
  .cmp-contract .l-landing .pt-offer.step-3 .btn-section .ui-button + .toggle-specs, .pt-offer.step-3 .btn-section .l-landing .btn-blue + .ui-button, .l-landing .pt-offer.step-3 .btn-section .btn-blue + .ui-button, .pt-offer.step-3 .btn-section .cmp-contract .l-landing .toggle-details + .ui-button, .l-landing .pt-offer.step-3 .btn-section .cmp-contract .toggle-details + .ui-button, .cmp-contract .pt-offer.step-3 .btn-section .l-landing .toggle-details + .ui-button, .l-landing .cmp-contract .pt-offer.step-3 .btn-section .toggle-details + .ui-button,
  .pt-offer.step-3 .btn-section .cmp-contract .l-landing .toggle-specs + .ui-button,
  .l-landing .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs + .ui-button,
  .cmp-contract .pt-offer.step-3 .btn-section .l-landing .toggle-specs + .ui-button,
  .l-landing .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs + .ui-button, .pt-offer.step-3 .btn-section .l-landing .ui-button + .ui-button, .l-landing .pt-offer.step-3 .btn-section .ui-button + .ui-button {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .pt-offer.step-3 .btn-section .btn-blue, .pt-offer.step-3 .btn-section .cmp-contract .toggle-details, .cmp-contract .pt-offer.step-3 .btn-section .toggle-details,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs, .pt-offer.step-3 .btn-section .l-landing .ui-button, .l-landing .pt-offer.step-3 .btn-section .ui-button {
    margin-right: 20%;
  }
}
@media (max-width: 479px) {
  .pt-offer.step-3 .btn-section .btn-blue, .pt-offer.step-3 .btn-section .cmp-contract .toggle-details, .cmp-contract .pt-offer.step-3 .btn-section .toggle-details,
  .pt-offer.step-3 .btn-section .cmp-contract .toggle-specs,
  .cmp-contract .pt-offer.step-3 .btn-section .toggle-specs, .pt-offer.step-3 .btn-section .l-landing .ui-button, .l-landing .pt-offer.step-3 .btn-section .ui-button {
    margin-right: 0;
  }
}
.pt-offer.step-3 .cmp-popup {
  max-width: 630px;
  padding: 15px;
}
.pt-offer.step-3 .cmp-popup h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.pt-offer.step-3 .cmp-popup .cmp-formfield label {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
.pt-offer.step-3 .cmp-popup .cmp-formfield input,
.pt-offer.step-3 .cmp-popup .cmp-formfield .icon-input-wrapper {
  width: 100%;
}
.pt-offer.step-3 .cmp-popup .cmp-formfield .user-feedback {
  width: 100%;
  margin-top: 3px;
}
.pt-offer.step-3 .cmp-popup .form-section {
  margin-top: 15px;
  box-sizing: border-box;
  width: 50%;
  float: left;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .cmp-popup .form-section {
    width: 100%;
    float: none;
  }
}
.pt-offer.step-3 .cmp-popup .form-section .cmp-formfield {
  margin-bottom: 20px;
}
.pt-offer.step-3 .cmp-popup .form-section .cmp-formfield input,
.pt-offer.step-3 .cmp-popup .form-section .cmp-formfield select,
.pt-offer.step-3 .cmp-popup .form-section .cmp-formfield .chosen-container {
  max-width: 100%;
}
.pt-offer.step-3 .cmp-popup .form-section .btn-blue, .pt-offer.step-3 .cmp-popup .form-section .cmp-contract .toggle-details, .cmp-contract .pt-offer.step-3 .cmp-popup .form-section .toggle-details,
.pt-offer.step-3 .cmp-popup .form-section .cmp-contract .toggle-specs,
.cmp-contract .pt-offer.step-3 .cmp-popup .form-section .toggle-specs, .pt-offer.step-3 .cmp-popup .form-section .l-landing .ui-button, .l-landing .pt-offer.step-3 .cmp-popup .form-section .ui-button {
  margin-top: 5px;
  float: right;
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .cmp-popup .form-section .btn-blue, .pt-offer.step-3 .cmp-popup .form-section .cmp-contract .toggle-details, .cmp-contract .pt-offer.step-3 .cmp-popup .form-section .toggle-details,
  .pt-offer.step-3 .cmp-popup .form-section .cmp-contract .toggle-specs,
  .cmp-contract .pt-offer.step-3 .cmp-popup .form-section .toggle-specs, .pt-offer.step-3 .cmp-popup .form-section .l-landing .ui-button, .l-landing .pt-offer.step-3 .cmp-popup .form-section .ui-button {
    float: left;
  }
}
.pt-offer.step-3 .cmp-popup .calculation-section {
  min-height: 226px;
  margin-top: 38px;
  box-sizing: border-box;
  width: 50%;
  padding: 13px 15px 15px;
  border-left: 15px solid #ffffff;
  float: left;
  background-color: var(--listing-pg-bg);
}
@media (max-width: 1023px) {
  .pt-offer.step-3 .cmp-popup .calculation-section {
    width: 100%;
    float: none;
    padding: 0;
    background-color: white;
    border: none;
  }
}
.pt-offer.step-3 .cmp-popup .calculation-section .cmp-key-value {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
}
.pt-offer.step-3 .cmp-popup .calculation-section .cmp-key-value .key {
  min-width: 163px;
}
.pt-offer.step-3 .cmp-popup .calculation-section .cmp-key-value .value {
  font-weight: bold;
  color: var(--secondary-color);
}
.pt-offer.step-3 .cmp-popup .calculation-section .cmp-key-value .value:before {
  font-weight: normal;
  color: var(--listing-pg-text-color);
}
.pt-offer.step-3 .cmp-popup .calculation-section .cmp-key-value + .cmp-key-value {
  margin-top: 10px;
}
.pt-offer.step-3 .cmp-popup .calculation-section .disclaimer {
  margin-top: 30px;
  margin-bottom: 3px;
}
.pt-offer .cmp-popup {
  width: 98%;
  left: 1%;
  padding-top: 30px;
  padding-right: 0;
}
@media (min-width: 480px) {
  .pt-offer .cmp-popup {
    width: 90%;
    left: 5%;
  }
}
@media (min-width: 768px) {
  .pt-offer .cmp-popup {
    width: 80%;
    left: 10%;
  }
}
@media (min-width: 1024px) {
  .pt-offer .cmp-popup {
    width: 80%;
    left: 10%;
  }
}
.pt-offer .cmp-popup h1 {
  padding: 0;
  margin: 0;
}
.pt-offer .cmp-popup .btn-blue.back, .pt-offer .cmp-popup .cmp-contract .back.toggle-details, .cmp-contract .pt-offer .cmp-popup .back.toggle-details,
.pt-offer .cmp-popup .cmp-contract .back.toggle-specs,
.cmp-contract .pt-offer .cmp-popup .back.toggle-specs, .pt-offer .cmp-popup .l-landing .back.ui-button, .l-landing .pt-offer .cmp-popup .back.ui-button {
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 8px;
}
.pt-offer  .filter-categories {
  margin-top: 25px;
}
.pt-offer  .filter-category {
  width: 100%;
  box-sizing: border-box;
  border-right: 19px solid transparent;
  float: left;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .pt-offer  .filter-category {
    width: 50%;
    margin-bottom: 19px;
  }
}
@media (min-width: 1280px) {
  .pt-offer  .filter-category {
    width: 33.3%;
  }
}
.pt-offer  .filter-category .title {
  padding: 10px;
  background-color: var(--secondary-color);
  color: white;
}
@media (max-width: 767px) {
  .pt-offer  .filter-category .title {
    padding: 9px 12px;
    background-color: var(--secondary-color);
    color: white;
    position: relative;
    cursor: pointer;
  }
  .pt-offer  .filter-category .title:after {
    position: absolute;
    right: 9px;
    top: 12px;
    font-size: 12px;
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
  }
}
.pt-offer  .filter-category .content {
  background-color: var(--listing-pg-bg);
  padding: 20px 11px 11px;
  height: 100px;
}
@media (max-width: 767px) {
  .pt-offer  .filter-category .content {
    display: none;
    height: auto;
    padding: 11px !important;
  }
}
.pt-offer  .filter-category.select .content {
  padding-top: 35px;
}
.pt-offer  .filter-category.energy-labels .content {
  padding-top: 29px;
}
@media (max-width: 1023px) {
  .pt-offer  .filter-category.energy-labels .content .cmp-formfield-toggle {
    text-align: left;
  }
}
.pt-offer  .filter-category.range .content {
  padding: 18px;
}
.pt-offer  .filter-category.range .cmp-formfield-range {
  height: 76px;
}
.pt-offer  .filter-category.range .cmp-formfield-range .label-min {
  left: -8px;
}
.pt-offer  .filter-category.range .cmp-formfield-range .label-max {
  right: -8px;
}
.pt-offer  .filter-category.open .title:after {
  content: "\e610";
}
.pt-offer  .filter-category.open .content {
  display: block;
}

@media (min-width: 1024px) {
  .pt-search .action-bar .btn-blue.next:after, .pt-search .action-bar .cmp-contract .next.toggle-details:after, .cmp-contract .pt-search .action-bar .next.toggle-details:after,
  .pt-search .action-bar .cmp-contract .next.toggle-specs:after,
  .cmp-contract .pt-search .action-bar .next.toggle-specs:after, .pt-search .action-bar .l-landing .next.ui-button:after, .l-landing .pt-search .action-bar .next.ui-button:after {
    top: 5px;
  }
}
.pt-search.step-1 main > section {
  min-height: 430px;
}
.pt-search.step-1 .btn-blue, .pt-search.step-1 .cmp-contract .toggle-details, .cmp-contract .pt-search.step-1 .toggle-details,
.pt-search.step-1 .cmp-contract .toggle-specs,
.cmp-contract .pt-search.step-1 .toggle-specs, .pt-search.step-1 .l-landing .ui-button, .l-landing .pt-search.step-1 .ui-button {
 /* text-transform: uppercase;*/
}
.pt-search.step-1 fieldset {
  padding-top: 12px;
  padding-bottom: 15px;
}
.pt-search.step-1 label {
  margin-bottom: 4px;
  display: block;
}
.pt-search.step-1 .cmp-formfield.brand, .pt-search.step-1 .cmp-formfield.taxes, .pt-search.step-1 .cmp-formfield.lease-price {
  float: left;
  margin-right: 19px;
}
@media (max-width: 767px) {
  .pt-search.step-1 .cmp-formfield.brand, .pt-search.step-1 .cmp-formfield.taxes, .pt-search.step-1 .cmp-formfield.lease-price {
    width: 100%;
    min-width: 100%;
    margin-top: 10px;
  }
}
.pt-search.step-1 .cmp-formfield.car {
  width: 267px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .pt-search.step-1 .cmp-formfield.car {
    width: 100%;
    min-width: 100%;
    margin-bottom: 25px;
  }
}
.pt-search.step-1 .cmp-formfield.brand {
  width: 260px;
}
.pt-search.step-1 .cmp-formfield.taxes {
  width: 84px;
}
.pt-search.step-1 .cmp-formfield.lease-price {
  max-width: 157px;
}
@media (max-width: 479px) {
  .pt-search.step-1 .additional-info {
    display: none;
  }
}
.pt-search.step-1 .action-bar {
  margin-top: 12px;
}
.pt-search.step-1 .action-bar .back {
  float: left;
}
.pt-search.step-1 .action-bar .next {
  float: right;
}
@media (max-width: 1023px) {
  .pt-search.step-2 h2 {
    display: none;
  }
}
.pt-search.step-2 .cmp-tabs {
  width: 107%;
  margin-left: -15px;
  margin-bottom: 10px;
}
.pt-search.step-2 .cmp-tabs li {
  width: 50%;
}
@media (min-width: 1024px) {
  .pt-search.step-2 .cmp-tabs {
    display: none;
  }
}
.pt-search.step-2 .filters {
  width: 33.33%;
  float: left;
}
@media (max-width: 1023px) {
  .pt-search.step-2 .filters {
    width: 100%;
    border-left: 0px solid transparent;
    display: none;
  }
  .pt-search.step-2 .filters.active {
    display: block;
  }
}
.pt-search.step-2 .additional-filters {
  display: none;
}
.pt-search.step-2 .additional-filters.active {
  display: block;
}
.pt-search.step-2 .filter-category {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 3px;
}
.pt-search.step-2 .filter-category .title {
  padding: 9px 12px;
  background-color: var(--secondary-color);
  color: white;
  position: relative;
  cursor: pointer;
  padding: 10px;
  color: white;
}
.pt-search.step-2 .filter-category .title:after {
  position: absolute;
  right: 9px;
  top: 12px;
  font-size: 12px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61e";
}
.pt-search.step-2 .filter-category .content {
  background-color: var(--listing-pg-bg);
  padding: 20px 11px 20px;
  display: none;
}
.pt-search.step-2 .filter-category .content + .content {
  margin-top: 2px;
}
.pt-search.step-2 .filter-category.checkbox .content, .pt-search.step-2 .filter-category.select-fields .content {
  padding: 10px 11px;
}
.pt-search.step-2 .filter-category.range .content {
  padding: 18px;
}
.pt-search.step-2 .filter-category.range .cmp-formfield-range .label-min {
  left: -8px;
}
.pt-search.step-2 .filter-category.range .cmp-formfield-range .label-max {
  right: -8px;
}
.pt-search.step-2 .filter-category.open .title:after {
  content: "\e610";
}
.pt-search.step-2 .filter-category.open .content {
  display: block;
}
.pt-search.step-2 .toggle-additional-filters {
 /* text-transform: uppercase;*/
  margin-top: 10px;
  display: inline-block;
  position: relative;
  left: 50%;
  margin-left: -85px;
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: center;
  width: 210px;
}
@media (min-width: 1024px) {
  .pt-search.step-2 .toggle-additional-filters {
    width: 170px;
  }
}
.pt-search.step-2 .toggle-additional-filters .less {
  display: none;
}
.pt-search.step-2 .toggle-additional-filters.show .more {
  display: none;
}
.pt-search.step-2 .toggle-additional-filters.show .less {
  display: inline-block;
}
.pt-search.step-2 .results {
  box-sizing: border-box;
  width: 66.66%;
  float: right;
  border-left: 20px solid white;
}
@media (max-width: 1023px) {
  .pt-search.step-2 .results {
    border-left: 0;
    width: 100%;
    display: none;
  }
  .pt-search.step-2 .results.active {
    display: block;
  }
}
.pt-search.step-2 .results > ul {
  margin-top: 20px;
}
.pt-search.step-2 .results > ul > li {
  width: 107%;
  margin-left: -15px;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .pt-search.step-2 .results > ul > li {
    width: 105%;
  }
}
@media (min-width: 768px) {
  .pt-search.step-2 .results > ul > li {
    width: 104%;
  }
}
@media (min-width: 1024px) {
  .pt-search.step-2 .results > ul > li {
    width: 50%;
    float: left;
    margin-left: 0;
  }
  .pt-search.step-2 .results > ul > li:nth-child(2n+1) {
    border-right: 10px solid transparent;
  }
  .pt-search.step-2 .results > ul > li:nth-child(2n+0) {
    border-left: 10px solid transparent;
  }
}
@media (max-width: 1023px) {
  .pt-search.step-2 .sort {
    background-color: white;
    padding-bottom: 7px;
  }
  .pt-search.step-2 .sort .cmp-formfield {
    float: left !important;
  }
}
.pt-search.step-2 .sort .cmp-formfield {
  float: right;
  width: 300px;
}
.pt-search.step-2 .sort .cmp-formfield label,
.pt-search.step-2 .sort .cmp-formfield .group-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  min-width: 80px;
  text-align: right;
}
.pt-search.step-2 .sort .cmp-formfield input,
.pt-search.step-2 .sort .cmp-formfield select,
.pt-search.step-2 .sort .cmp-formfield .chosen-container,
.pt-search.step-2 .sort .cmp-formfield .icon-input-wrapper,
.pt-search.step-2 .sort .cmp-formfield textarea {
  max-width: 290px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.pt-search.step-2 .sort .cmp-formfield textarea {
  vertical-align: top;
}
.pt-search.step-2 .sort .cmp-formfield .user-feedback {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.pt-search.step-2 .sort .cmp-formfield select,
.pt-search.step-2 .sort .cmp-formfield .chosen-container {
  width: 210px !important;
}
.pt-search.step-2 .cmp-car {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 10px;
}
.pt-search.step-2 .cmp-car > img {
  position: absolute;
  top: 10px;
  left: 10px;
}
.pt-search.step-2 .cmp-car > div {
  padding-left: 150px;
  min-height: 87px;
}
.pt-search.step-2 .cmp-car > div h3 {
  /* define type */
  
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--secondary-color);
  line-height: 1.2;
  margin: 0;
}
.pt-search.step-2 .cmp-car > div p {
  color: var(--listing-pg-text-color);
  margin: 0;
}
.pt-search.step-2 .cmp-car > div p + p {
  margin-top: 6px;
}
.pt-search.step-2 .cmp-car:after {
  content: "\e608";
  color: #3a75c4;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  font-size: 24px;
}
.pt-search.step-3 .btn-blue.back, .pt-search.step-3 .cmp-contract .back.toggle-details, .cmp-contract .pt-search.step-3 .back.toggle-details,
.pt-search.step-3 .cmp-contract .back.toggle-specs,
.cmp-contract .pt-search.step-3 .back.toggle-specs, .pt-search.step-3 .l-landing .back.ui-button, .l-landing .pt-search.step-3 .back.ui-button {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 9px;
  margin-left: 15px;
}
@media (max-width: 1023px) {
  .pt-search.step-3 .btn-blue.back, .pt-search.step-3 .cmp-contract .back.toggle-details, .cmp-contract .pt-search.step-3 .back.toggle-details,
  .pt-search.step-3 .cmp-contract .back.toggle-specs,
  .cmp-contract .pt-search.step-3 .back.toggle-specs, .pt-search.step-3 .l-landing .back.ui-button, .l-landing .pt-search.step-3 .back.ui-button {
    margin-bottom: 13px;
  }
}
.pt-search.step-3 h2 {
  margin-top: 30px;
  margin-bottom: 6px;
}
.pt-search.step-3 .results {
  margin-bottom: 100px;
}
.pt-search.step-3 .results > ul {
  margin-top: 20px;
}
.pt-search.step-3 .results li {
  width: 107%;
  margin-left: -15px;
  margin-bottom: 5px;
  float: left;
}
@media (min-width: 480px) and (max-width: 767px) {
  .pt-search.step-3 .results li {
    width: 105%;
  }
}
@media (min-width: 768px) {
  .pt-search.step-3 .results li {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-search.step-3 .results li {
    width: 50%;
  }
  .pt-search.step-3 .results li:nth-child(2n+2) {
    border-left: 18px solid transparent;
  }
}
@media (min-width: 1024px) {
  .pt-search.step-3 .results li {
    width: 33.33%;
    margin-left: 0;
  }
  .pt-search.step-3 .results li:nth-child(3n+2), .pt-search.step-3 .results li:nth-child(3n+3) {
    border-left: 18px solid transparent;
  }
}
.pt-search.step-3 .cmp-car-type {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 10px 10px 15px 10px;
  min-height: 180px;
}
.pt-search.step-3 .cmp-car-type h3 {
  /* define type */
  
  /* define size */
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--secondary-color);
  line-height: 1.2;
  margin: 0 0 10px 0;
}
.pt-search.step-3 .cmp-car-type .cmp-key-value {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
}
.pt-search.step-3 .cmp-car-type .cmp-key-value .key {
  display: inline-block;
  width: 111px;
  text-align: left;
}
@media (max-width: 767px) {
  .pt-search.step-3 .cmp-car-type .cmp-key-value .key {
    color: var(--listing-pg-text-color);
    font-weight: normal;
  }
}
.pt-search.step-3 .cmp-car-type .cmp-key-value .key:after {
  display: none;
}
.pt-search.step-3 .cmp-car-type .cmp-key-value .value {
  display: inline-block;
}
.pt-search.step-3 .cmp-car-type .cmp-key-value .value:before {
  content: ":";
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .pt-search.step-3 .cmp-car-type .cmp-key-value + .cmp-key-value {
    margin-top: 0;
  }
}
.pt-search.step-3 .cmp-car-type:after {
  content: "\e608";
  color: #3a75c4;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  font-size: 24px;
}

.pt-cards .top-bar {
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .pt-cards .top-bar {
    background-color: transparent;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .pt-cards .top-bar .btn-blue.back, .pt-cards .top-bar .cmp-contract .back.toggle-details, .cmp-contract .pt-cards .top-bar .back.toggle-details,
  .pt-cards .top-bar .cmp-contract .back.toggle-specs,
  .cmp-contract .pt-cards .top-bar .back.toggle-specs, .pt-cards .top-bar .l-landing .back.ui-button, .l-landing .pt-cards .top-bar .back.ui-button {
    float: left;
  }
}
.pt-cards .top-bar .cmp-spendingbar {
  float: right;
  padding: 10px;
}
@media (min-width: 1024px) {
  .pt-cards .top-bar .cmp-spendingbar {
    position: absolute;
    top: 0;
    right: 22px;
    padding: 0 10px;
  }
}
.pt-cards main img {
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .pt-cards main img {
    margin: 0 0 15px 0;
    display: block;
  }
}
@media (min-width: 1024px) {
  .pt-cards main img {
    margin: 30px 0 15px 0;
  }
}
.pt-cards .overview {
  zoom: 1;
}
.pt-cards .overview:before, .pt-cards .overview:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.pt-cards .overview:after {
  clear: both;
}
.pt-cards .cmp-card {
  margin-bottom: 15px;
}
@media (min-width: 480px) {
  .pt-cards .cmp-card {
    float: left;
    width: 48.875%;
    margin-left: 2.25%;
  }
  .pt-cards .cmp-card:nth-child(2n+1) {
    float: left;
    width: 48.875%;
    margin-left: 0;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .pt-travel-history .content-wrapper, .pt-travel-history .pt-offer .top-bar, .pt-offer .pt-travel-history .top-bar, .pt-travel-history .pt-cards .top-bar, .pt-cards .pt-travel-history .top-bar {
    padding-left: 0;
    padding-right: 0;
  }
}

.pt-fleet .l-footer {
  display: none;
}
.pt-fleet main {
  overflow: hidden;
  background-color: white;
}
.pt-fleet main h1 {
  float: left;
}
.pt-fleet main .h1-sort {
  float: right;
  width: 50%;
  text-align: right;
}
.pt-fleet main .h1-sort > .cmp-formfield-select label {
  width: 180px;
}
.pt-fleet main .h1-sort > .cmp-formfield-select label:after {
  content: "";
  margin-right: 10px;
}
.pt-fleet main .h1-sort > .cmp-formfield-select .chosen-container {
  max-width: 210px;
  display: inline-block;
  text-align: left;
}
.pt-fleet main .content-wrapper > p, .pt-fleet main .pt-offer .top-bar > p, .pt-offer .pt-fleet main .top-bar > p, .pt-fleet main .pt-cards .top-bar > p, .pt-cards .pt-fleet main .top-bar > p {
  padding-top: 50px;
}
.pt-fleet main .content-wrapper a.add, .pt-fleet main .pt-offer .top-bar a.add, .pt-offer .pt-fleet main .top-bar a.add, .pt-fleet main .pt-cards .top-bar a.add, .pt-cards .pt-fleet main .top-bar a.add {
  /*text-transform: uppercase;*/
}
.pt-fleet main .content-wrapper a.add:before, .pt-fleet main .pt-offer .top-bar a.add:before, .pt-offer .pt-fleet main .top-bar a.add:before, .pt-fleet main .pt-cards .top-bar a.add:before, .pt-cards .pt-fleet main .top-bar a.add:before {
  content: "+";
  margin-right: 10px;
}
.pt-fleet main .content-wrapper .mobility-options, .pt-fleet main .pt-offer .top-bar .mobility-options, .pt-offer .pt-fleet main .top-bar .mobility-options, .pt-fleet main .pt-cards .top-bar .mobility-options, .pt-cards .pt-fleet main .top-bar .mobility-options {
  margin: 50px 0 10px 0;
}
.pt-fleet main .options {
  width: 75%;
  float: left;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .pt-fleet main .options {
    width: 100%;
    padding-left: 0;
    margin-bottom: 40px;
  }
}
.pt-fleet main .options .select {
  text-decoration: underline;
  margin-left: 10px;
  color: var(--secondary-color);
}
.pt-fleet main .options p {
  margin-bottom: 0;
}
.pt-fleet main .options .group + .group {
  margin-top: 3px;
}
.pt-fleet main .options .group a.add {
  display: none;
}
.pt-fleet main .options .category {
  padding: 9px 12px;
  background-color: var(--secondary-color);
  color: white;
  position: relative;
  cursor: pointer;
}
.pt-fleet main .options .category:after {
  position: absolute;
  right: 9px;
  top: 12px;
  font-size: 12px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61e";
}
.pt-fleet main .options .option {
  display: none;
  padding: 15px 12px;
  background-color: var(--listing-pg-bg);
  zoom: 1;
}
.pt-fleet main .options .option:before, .pt-fleet main .options .option:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.pt-fleet main .options .option:after {
  clear: both;
}
.pt-fleet main .options .option [readonly] + label {
  opacity: 0.6;
  cursor: default;
}
.pt-fleet main .options .option + .option {
  margin-top: 2px;
}
.pt-fleet main .options .option.columns .cmp-formfield {
  float: left;
  width: 171px;
  margin-left: 15px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-fleet main .options .option.columns .cmp-formfield:nth-child(5n + 1) {
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .pt-fleet main .options .option.columns .cmp-formfield:nth-child(6n + 1) {
    margin-left: 0;
  }
}
.pt-fleet main .options .group.open .category:after {
  content: "\e610";
}
.pt-fleet main .options .group.open .option {
  display: block;
}
.pt-fleet main .options .group.open a.add {
  float: right;
  top: -38px;
  right: 12px;
  display: block;
}
.pt-fleet main .options .group.open .label-field {
  margin-left: 15px;
  display: inline-block;
  cursor: pointer;
}
.pt-fleet main .options .group.open .label-field:first-child {
  margin-left: 0px;
}
.pt-fleet main .options .group.open.after-half {
  clear: both;
}
@media (min-width: 1024px) {
  .pt-fleet main .options .group.open.after-half .cmp-formfield-checkbox {
    float: left;
    width: 48.875%;
    margin-left: 2.25%;
  }
  .pt-fleet main .options .group.open.after-half .cmp-formfield-checkbox:nth-child(odd) {
    float: left;
    width: 48.875%;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .pt-fleet main .options .group.open.half {
    float: left;
    width: 48.875%;
    margin-left: 0;
  }
  .pt-fleet main .options .group.open.half .cmp-formfield-checkbox {
    width: 60px;
  }
  .pt-fleet main .options .group.open.half + .group.half {
    float: left;
    width: 48.875%;
    margin-left: 2.25%;
  }
  .pt-fleet main .options .group.open.half + .group.half .option {
    min-height: 64px;
  }
}
.pt-fleet main .options .cmp-formfield:not(.cmp-formfield-radio) label {
  width: 100%;
}
.pt-fleet main .form-footer {
  width: 100%;
  float: left;
}
.pt-fleet main .action-bar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #efebef;
  z-index: 1;
}
.pt-fleet main .action-bar:after {
  content: "";
  display: block;
  height: 34px !important;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://static.accept.alddev.nl/assets/7112093B-4A5F-4BE1-ABBD-AF71851BC7BB/myayvens/images/shadows/footer.png);
  position: absolute;
  top: -34px;
  opacity: 0.7;
}
.pt-fleet main .action-bar .content-wrapper, .pt-fleet main .action-bar .pt-offer .top-bar, .pt-offer .pt-fleet main .action-bar .top-bar, .pt-fleet main .action-bar .pt-cards .top-bar, .pt-cards .pt-fleet main .action-bar .top-bar {
  text-align: center;
  background: none;
  box-shadow: none;
  padding: 18px 0;
}
.pt-fleet main .action-bar .next {
  right: 10px;
  position: absolute;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-fleet main .action-bar .next {
    right: 15px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-fleet main .action-bar .next {
    right: 30px;
  }
}
@media (min-width: 1280px) {
  .pt-fleet main .action-bar .next {
    right: 22px;
  }
}
.pt-fleet main .action-bar .filters,
.pt-fleet main .action-bar .back {
 /* text-transform: uppercase;*/
  position: absolute;
  left: 10px;
}
@media (min-width: 480px) {
  .pt-fleet main .action-bar .filters,
  .pt-fleet main .action-bar .back {
    left: 15px;
  }
}
@media (min-width: 1280px) {
  .pt-fleet main .action-bar .filters,
  .pt-fleet main .action-bar .back {
    left: 5px;
  }
}
.pt-fleet main .action-bar .filters span,
.pt-fleet main .action-bar .back span {
  margin-right: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 1024px) {
  .pt-fleet.new-fleet main section {
    width: 75%;
  }
}
.pt-fleet.new-fleet main .cmp-formfield {
  margin-bottom: 15px;
}
.pt-fleet.new-fleet main .cmp-formfield.cmp-formfield-checkbox:nth-child(3) {
  margin-top: 15px;
}
.pt-fleet.new-fleet main .cmp-formfield.cmp-formfield-text input {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .pt-fleet.new-fleet main .cmp-formfield.cmp-formfield-text input {
    width: 295px;
    display: block;
  }
}
.pt-fleet.fleet-offer .options {
  width: 100%;
}
.pt-fleet.fleet-offer .options .group.open .category:after {
  content: "";
}
.pt-fleet.fleet-offer .options .group.open .alongside .cmp-formfield {
  display: inline-block;
}
.pt-fleet.fleet-offer .options .group.open .alongside .cmp-formfield:nth-child(1n+2) {
  margin-left: 30px;
}
.pt-fleet.fleet-offer .options .group.open .alongside .cmp-formfield input {
  width: 70px;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-radio .group-label {
  color: var(--text-color-dark);
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-radio span {
  display: block;
  text-align: left;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-radio li {
  display: inline-block;
  width: 260px;
  margin: 15px 0 20px 0;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along {
  color: var(--text-color-dark);
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along label {
  display: block;
  margin-bottom: 20px;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along label:after {
  content: "";
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along input {
  display: inline-block;
  width: 100px;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along input:nth-child(2) {
  margin-right: 20px;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along input:last-child {
  margin-left: 20px;
}
.pt-fleet.fleet-offer .options .group.open .cmp-formfield-text.along.one input:last-child {
  margin-left: 0px;
}
.pt-fleet.fleet-offer .options .group.open .inputValueRange {
  width: 220px;
  height: 18px;
}
.pt-fleet.fleet-offer .options .group.open .inputValueRange .ui-slider-handle:first-of-type {
  display: none;
}
.pt-fleet.fleet-offer .options .group.open > div:last-child {
  margin-bottom: 20px;
}
.pt-fleet.fleet-offer .l-footer {
  display: none;
}

.p-contract-restitution label {
  width: 150px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .p-contract-restitution fieldset .form-note {
    margin-left: 154px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .p-contract-restitution fieldset .form-note {
    margin-left: 154px;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .p-contract-restitution fieldset .form-note {
    margin-left: 154px;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .p-contract-restitution fieldset .form-note {
    margin-left: 154px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .p-contract-restitution fieldset > a {
    margin-left: 154px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .p-contract-restitution fieldset > a {
    margin-left: 154px;
  }
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .p-contract-restitution fieldset > a {
    margin-left: 154px;
  }
}
@media (min-width: 1680px) and (max-width: 5120px) {
  .p-contract-restitution fieldset > a {
    margin-left: 154px;
  }
}

.p-personal label {
  width: 154px;
}

.p-request-documents label {
  width: 178px;
}

.p-report-damage label {
  width: 178px;
}

@media (min-width: 768px) {
  .p-my-damages .key {
    width: 158px;
  }
}

@media (min-width: 768px) {
  .p-my-maintenance .key {
    width: 158px;
  }
}

@media (min-width: 768px) {
  .p-my-fines .key {
    width: 167px;
  }
}

@media (min-width: 768px) {
  .p-my-contract .key {
    width: 158px;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .p-my-rental .key {
    width: 158px;
    text-align: left;
  }
}

.pt-fleet-lease h1 {
  float: left;
}
.pt-fleet-lease .h1-sort, .pt-fleet-lease .filter {
  float: right;
  width: 50%;
  text-align: right;
}
.pt-fleet-lease .h1-sort > .cmp-formfield-select label, .pt-fleet-lease .filter > .cmp-formfield-select label {
  width: 180px;
}
.pt-fleet-lease .h1-sort > .cmp-formfield-select label:after, .pt-fleet-lease .filter > .cmp-formfield-select label:after {
  content: "";
  margin-right: 10px;
}
.pt-fleet-lease .h1-sort > .cmp-formfield-select .chosen-container, .pt-fleet-lease .filter > .cmp-formfield-select .chosen-container {
  max-width: 210px;
  display: inline-block;
  text-align: left;
}
.pt-fleet-lease .filter {
  padding-bottom: 0px;
  margin-top: 5px;
}
.pt-fleet-lease .sort {
  margin-top: 62px;
  margin-bottom: 50px;
  position: relative;
}
.pt-fleet-lease .sort > a {
  /*text-transform: uppercase;*/
}
.pt-fleet-lease .sort > a:before {
  content: "+";
  margin-right: 10px;
}
.pt-fleet-lease .sort > .cmp-formfield-text {
  display: inline-block;
  width: 200px;
  position: relative;
}
.pt-fleet-lease .sort > .cmp-formfield-text button {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--secondary-color);
  color: white;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 29px;
  height: 29px;
  border: 0;
}

.pt-fleet-new-lease label {
  width: 145px;
  text-align: left;
}
.pt-fleet-new-lease .content-wrapper, .pt-fleet-new-lease .pt-offer .top-bar, .pt-offer .pt-fleet-new-lease .top-bar, .pt-fleet-new-lease .pt-cards .top-bar, .pt-cards .pt-fleet-new-lease .top-bar {
  background-color: white;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .pt-fleet-new-lease .content-wrapper .left-section, .pt-fleet-new-lease .pt-offer .top-bar .left-section, .pt-offer .pt-fleet-new-lease .top-bar .left-section, .pt-fleet-new-lease .pt-cards .top-bar .left-section, .pt-cards .pt-fleet-new-lease .top-bar .left-section {
    width: 50%;
    float: left;
  }
  .pt-fleet-new-lease .content-wrapper .right-section, .pt-fleet-new-lease .pt-offer .top-bar .right-section, .pt-offer .pt-fleet-new-lease .top-bar .right-section, .pt-fleet-new-lease .pt-cards .top-bar .right-section, .pt-cards .pt-fleet-new-lease .top-bar .right-section {
    width: 50%;
    float: left;
    padding-left: 5px;
    box-sizing: border-box;
  }
  .pt-fleet-new-lease .content-wrapper .form-footer, .pt-fleet-new-lease .pt-offer .top-bar .form-footer, .pt-offer .pt-fleet-new-lease .top-bar .form-footer, .pt-fleet-new-lease .pt-cards .top-bar .form-footer, .pt-cards .pt-fleet-new-lease .top-bar .form-footer {
    float: left;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .p-order-overview h1 {
    margin-bottom: 50px;
  }
}
.p-order-overview td .round-icon {
  color: white;
}
@media (min-width: 768px) {
  .p-order-overview td .round-icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .p-order-overview td .round-icon:before {
    width: 60px !important;
    height: 60px;
  }
  .p-order-overview td .round-icon.car {
    font-size: 30px;
    font-size: 3rem;
  }
  .p-order-overview td .round-icon.car:after {
    font-size: 30px;
    font-size: 3rem;
  }
  .p-order-overview td .round-icon.park {
    font-size: 25px;
    font-size: 2.5rem;
  }
  .p-order-overview td .round-icon.park:after {
    font-size: 25px;
    font-size: 2.5rem;
  }
  .p-order-overview td .round-icon.bike {
    font-size: 33px;
    font-size: 3.3rem;
  }
  .p-order-overview td .round-icon.bike:after {
    font-size: 33px;
    font-size: 3.3rem;
  }
  .p-order-overview td .round-icon.ov {
    font-size: 50px;
    font-size: 5rem;
  }
  .p-order-overview td .round-icon.ov:after {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media (max-width: 767px) {
  .p-order-overview td {
    position: relative;
  }
  .p-order-overview td .round-icon {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-order-overview td:first-child span:not(.round-icon) {
    padding-right: 40px;
  }
}
.p-order-overview td:first-child > div {
  display: inline-block;
  text-align: left;
}
.p-order-overview td:first-child > div + span {
  max-width: none;
  display: inline-table;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .p-order-overview td:first-child {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .p-order-overview td:first-child {
    min-width: 300px;
  }
  .p-order-overview td:first-child > div {
    width: 56%;
  }
  .p-order-overview td .icon {
    display: none;
  }
}
@media (min-width: 1024px) {
  .p-order-overview td:first-child {
    min-width: 500px;
  }
  .p-order-overview td:first-child > div {
    min-width: 63%;
    width: auto;
  }
}
.p-order-overview .actions .btn-blue, .p-order-overview .actions .cmp-contract .toggle-details, .cmp-contract .p-order-overview .actions .toggle-details,
.p-order-overview .actions .cmp-contract .toggle-specs,
.cmp-contract .p-order-overview .actions .toggle-specs, .p-order-overview .actions .l-landing .ui-button, .l-landing .p-order-overview .actions .ui-button {
  float: right;
  /*text-transform: uppercase;*/
}
.p-order-overview .order-info {
  background-color: var(--listing-pg-bg);
  overflow: hidden;
  margin: 15px 0;
}
@media (min-width: 768px) {
  .p-order-overview .order-info {
    display: flex;
    margin: 45px 0 35px 0;
  }
}
.p-order-overview .info {
  padding: 10px;
  border-bottom: 3px solid white;
}
@media (min-width: 768px) {
  .p-order-overview .info {
    padding: 20px;
  }
}
.p-order-overview .info p {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .p-order-overview .info {
    float: left;
    width: 57.39583%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .p-order-overview .info {
    border: 0;
    border-right: 3px solid white;
  }
}
@media (min-width: 1024px) {
  .p-order-overview .info {
    float: left;
    width: 65.91667%;
    margin-left: 0;
  }
}
.p-order-overview .info span {
  display: block;
}
.p-order-overview .totals {
  padding: 20px 10px 20px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .p-order-overview .totals {
    float: left;
    width: 40.35417%;
    margin-left: 2.25%;
  }
}
@media (min-width: 1024px) {
  .p-order-overview .totals {
    float: left;
    width: 31.83333%;
    margin-left: 2.25%;
  }
}
.p-order-overview .totals p {
  margin: 0;
  text-align: right;
}
.p-order-overview .totals p:first-child em {
  font-weight: bold;
  color: var(--secondary-color);
  font-size: 20px;
  font-size: 2rem;
}
.p-order-overview .totals p em {
  min-width: 100px;
  display: inline-block;
  text-align: left;
  font-style: normal;
}
.p-order-overview .totals p span {
  text-align: right;
  width: 165px;
  display: inline-block;
  margin-right: 10px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .p-order-overview .totals p span {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .p-order-overview .totals p span {
    width: 125px;
  }
}
@media (min-width: 1024px) {
  .p-order-overview .totals p span {
    width: 170px;
  }
}
.p-order-overview .totals p span:after {
  content: ":";
  margin-left: 3px;
}
.p-order-overview .totals p + p {
  margin-top: 10px;
}
.p-order-overview .actions {
  zoom: 1;
}
.p-order-overview .actions:before, .p-order-overview .actions:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.p-order-overview .actions:after {
  clear: both;
}

@media (min-width: 768px) {
  .p-offer-overview h1 {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .p-offer-overview .content-wrapper, .p-offer-overview .pt-offer .top-bar, .pt-offer .p-offer-overview .top-bar, .p-offer-overview .pt-cards .top-bar, .pt-cards .p-offer-overview .top-bar {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-offer-overview .cmp-formfield-search {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .p-offer-overview .cmp-formfield-search {
    max-width: 290px;
  }
}
.p-offer-overview .cmp-formfield-search input {
  padding-right: 30px;
  height: 30px;
  max-width: 100%;
}
.p-offer-overview .cmp-formfield-search input::-webkit-input-placeholder {
  font-style: italic;
}
.p-offer-overview .cmp-formfield-search input::-moz-placeholder {
  font-style: italic;
}
.p-offer-overview .cmp-formfield-search input:-moz-placeholder {
  font-style: italic;
}
.p-offer-overview .cmp-formfield-search input:-ms-input-placeholder {
  font-style: italic;
}
.p-offer-overview .cmp-formfield-search .icon {
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--secondary-color);
  border: 0;
  height: 30px;
  width: 30px;
  color: white;
}
.p-offer-overview .box {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .p-offer-overview .box {
    margin-top: 40px;
    float: left;
    width: 31.83333%;
    margin-left: 0;
  }
  .p-offer-overview .box + .box {
    float: left;
    width: 65.91667%;
    margin-left: 2.25%;
    position: relative;
  }
  .p-offer-overview .box + .box:before {
    content: "";
    width: 30px;
    height: 100%;
    background-color: var(--listing-pg-bg);
    position: absolute;
    left: -30px;
    top: 0;
  }
}
.p-offer-overview .box h3 {
  margin-top: 0;
  text-transform: none;
  /* define type */
  
  font-weight: 400;
  /* define size */
}
.p-offer-overview .box ul {
  display: inline-block;
  vertical-align: top;
}
.p-offer-overview .box ul li {
  position: relative;
  padding-left: 10px;
}
.p-offer-overview .box ul li:before {
  content: "";
  background-color: var(--secondary-color);
  width: 4px;
  height: 4px;
  left: 0;
  top: 8px;
  position: absolute;
  border-radius: 50%;
}
.p-offer-overview .box ul li + li {
  margin-top: 5px;
}
.p-offer-overview .offer-review {
  background-color: var(--listing-pg-bg);
  padding: 20px;
  width: 100%;
  margin-bottom: 40px;
}
.p-offer-overview .offer-review span:nth-of-type(1) {
  width: 105px;
  display: inline-block;
}
.p-offer-overview .offer-review span:nth-of-type(2):before {
  content: ":";
  padding-right: 5px;
}
.p-offer-overview .button-group {
  margin-top: 40px;
}
.p-offer-overview .button-group button {
  margin-right: 15px;
}

.p-home {
  color: var(--text-color-dark);
}
.p-home .hide {
  display: none;
}
@media (min-width: 480px) {
  .p-home .hide {
    display: block;
  }
}
.p-home .show {
  display: block;
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .p-home .show {
    display: none;
  }
}
.p-home .content-wrapper a:link, .p-home .pt-offer .top-bar a:link, .pt-offer .p-home .top-bar a:link, .p-home .pt-cards .top-bar a:link, .pt-cards .p-home .top-bar a:link,
.p-home .content-wrapper a:visited,
.p-home .pt-offer .top-bar a:visited,
.pt-offer .p-home .top-bar a:visited,
.p-home .pt-cards .top-bar a:visited,
.pt-cards .p-home .top-bar a:visited,
.p-home .content-wrapper a:active,
.p-home .pt-offer .top-bar a:active,
.pt-offer .p-home .top-bar a:active,
.p-home .pt-cards .top-bar a:active,
.pt-cards .p-home .top-bar a:active,
.p-home .content-wrapper a:hover,
.p-home .pt-offer .top-bar a:hover,
.pt-offer .p-home .top-bar a:hover,
.p-home .pt-cards .top-bar a:hover,
.pt-cards .p-home .top-bar a:hover {
  color: var(--secondary-color);
}
.p-home .left-section p {
  padding: 0px;
  color: var(--secondary-color);
}
.p-home .left-section ul {
  color: var(--secondary-color);
  list-style-type: disc;
  margin-left: 16px;
}
.p-home .left-section ul li {
  padding-top: 15px;
}
.p-home .left-section ul li span {
  color: var(--text-color-dark);
}
.p-home .left-section ul li:last-child {
  padding-bottom: 20px;
}
.p-home .left-section .options-selected table th + th {
  text-align: center;
}
.p-home .left-section .options-selected table td + td {
  text-align: right;
  width: 100%;
}
.p-home .left-section .options-selected .attention {
  padding-top: 30px;
  font-style: italic;
  color: var(--text-color-dark);
}
.p-home form .options .option {
  background-color: white;
  display: table;
}
.p-home form .options .option > div {
  padding: 15px 12px;
  border-bottom: 3px solid white;
  display: table-cell;
}
.p-home form .options .option > div:first-child {
  width: 130px;
  padding: 15px 25px;
}
.p-home form .options .option > div.headerColumn {
  text-align: center;
  padding: 15px 12px;
}
.p-home form .options .option > div.headerColumn + div > span {
  transform: translateY(50%);
  top: 50%;
  position: relative;
  font-weight: normal;
  display: initial;
  color: var(--text-color-dark);
}
.p-home form .options .option > div + div {
  border-left: 3px solid white;
  vertical-align: middle;
}
.p-home form .options .option > div + div span {
  font-weight: bold;
  display: block;
  color: var(--secondary-color);
}

.pt-switch-fleet-new-lease label, .pt-switch-fleet-new-lease .group-label {
  width: 145px;
  text-align: right;
  padding-right: 10px;
}
.pt-switch-fleet-new-lease h3 {
  margin-left: 150px;
}
.pt-switch-fleet-new-lease .content-wrapper, .pt-switch-fleet-new-lease .pt-offer .top-bar, .pt-offer .pt-switch-fleet-new-lease .top-bar, .pt-switch-fleet-new-lease .pt-cards .top-bar, .pt-cards .pt-switch-fleet-new-lease .top-bar {
  background-color: white;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .pt-switch-fleet-new-lease .content-wrapper .left-section, .pt-switch-fleet-new-lease .pt-offer .top-bar .left-section, .pt-offer .pt-switch-fleet-new-lease .top-bar .left-section, .pt-switch-fleet-new-lease .pt-cards .top-bar .left-section, .pt-cards .pt-switch-fleet-new-lease .top-bar .left-section {
    width: 50%;
    float: left;
  }
  .pt-switch-fleet-new-lease .content-wrapper .right-section, .pt-switch-fleet-new-lease .pt-offer .top-bar .right-section, .pt-offer .pt-switch-fleet-new-lease .top-bar .right-section, .pt-switch-fleet-new-lease .pt-cards .top-bar .right-section, .pt-cards .pt-switch-fleet-new-lease .top-bar .right-section {
    width: 50%;
    float: left;
    padding-left: 5px;
    box-sizing: border-box;
  }
  .pt-switch-fleet-new-lease .content-wrapper .cmp-formfield-switch label, .pt-switch-fleet-new-lease .pt-offer .top-bar .cmp-formfield-switch label, .pt-offer .pt-switch-fleet-new-lease .top-bar .cmp-formfield-switch label, .pt-switch-fleet-new-lease .pt-cards .top-bar .cmp-formfield-switch label, .pt-cards .pt-switch-fleet-new-lease .top-bar .cmp-formfield-switch label {
    display: inline-block;
  }
  .pt-switch-fleet-new-lease .content-wrapper .cmp-formfield-switch .switch, .pt-switch-fleet-new-lease .pt-offer .top-bar .cmp-formfield-switch .switch, .pt-offer .pt-switch-fleet-new-lease .top-bar .cmp-formfield-switch .switch, .pt-switch-fleet-new-lease .pt-cards .top-bar .cmp-formfield-switch .switch, .pt-cards .pt-switch-fleet-new-lease .top-bar .cmp-formfield-switch .switch {
    display: inline-block;
    vertical-align: top;
  }
  .pt-switch-fleet-new-lease .content-wrapper .cmp-formfield-radio, .pt-switch-fleet-new-lease .pt-offer .top-bar .cmp-formfield-radio, .pt-offer .pt-switch-fleet-new-lease .top-bar .cmp-formfield-radio, .pt-switch-fleet-new-lease .pt-cards .top-bar .cmp-formfield-radio, .pt-cards .pt-switch-fleet-new-lease .top-bar .cmp-formfield-radio {
    margin-top: 17px;
  }
  .pt-switch-fleet-new-lease .content-wrapper .cmp-formfield-radio ul li, .pt-switch-fleet-new-lease .pt-offer .top-bar .cmp-formfield-radio ul li, .pt-offer .pt-switch-fleet-new-lease .top-bar .cmp-formfield-radio ul li, .pt-switch-fleet-new-lease .pt-cards .top-bar .cmp-formfield-radio ul li, .pt-cards .pt-switch-fleet-new-lease .top-bar .cmp-formfield-radio ul li {
    vertical-align: top;
    display: inline-block;
  }
  .pt-switch-fleet-new-lease .content-wrapper .cmp-formfield-radio ul li + li, .pt-switch-fleet-new-lease .pt-offer .top-bar .cmp-formfield-radio ul li + li, .pt-offer .pt-switch-fleet-new-lease .top-bar .cmp-formfield-radio ul li + li, .pt-switch-fleet-new-lease .pt-cards .top-bar .cmp-formfield-radio ul li + li, .pt-cards .pt-switch-fleet-new-lease .top-bar .cmp-formfield-radio ul li + li {
    margin-top: 0px;
  }
  .pt-switch-fleet-new-lease .content-wrapper .form-footer, .pt-switch-fleet-new-lease .pt-offer .top-bar .form-footer, .pt-offer .pt-switch-fleet-new-lease .top-bar .form-footer, .pt-switch-fleet-new-lease .pt-cards .top-bar .form-footer, .pt-cards .pt-switch-fleet-new-lease .top-bar .form-footer {
    float: left;
    width: 100%;
  }
}

.pt-switch-fleet-leasedrivers-categories .content-wrapper, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar {
  background-color: white;
  overflow: hidden;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .left-section, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .left-section, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .left-section, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .left-section, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .left-section {
  float: left;
  width: 31.83333%;
  margin-left: 0;
  float: left;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section {
  float: left;
  width: 65.91667%;
  margin-left: 2.25%;
  float: left;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver {
  padding: 18px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .select-new, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .select-new, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .select-new, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .select-new, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .select-new {
  float: left;
  width: 275px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .select-new .chosen-container, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .select-new .chosen-container, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .select-new .chosen-container, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .select-new .chosen-container, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .select-new .chosen-container {
  float: left;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .select-new .ok, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .select-new .ok, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .select-new .ok, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .select-new .ok, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .select-new .ok {
  float: left;
  margin-top: 10px;
  margin-left: 5px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .search-pagination, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .search-pagination, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .search-pagination, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .search-pagination, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .search-pagination {
  float: right;
  top: 65px;
  position: relative;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .search-pagination .pagination, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .search-pagination .pagination, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .search-pagination .pagination, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .search-pagination .pagination, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .search-pagination .pagination {
  text-align: right;
  margin-bottom: 10px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .search-pagination span, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .search-pagination span, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .search-pagination span, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .search-pagination span, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .search-pagination span {
  margin-right: 10px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .cmp-formfield-select, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .cmp-formfield-select, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .cmp-formfield-select, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select {
  width: 220px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .cmp-formfield-select label:after, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .cmp-formfield-select label:after, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select label:after, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .cmp-formfield-select label:after, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select label:after {
  content: "";
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container-single,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container-single,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container-single,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container-single,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-select .chosen-container-single {
  padding: 10px 0;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .cmp-formfield-text, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .cmp-formfield-text, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-text, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .cmp-formfield-text, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-text {
  display: inline-block;
  width: 275px;
  position: relative;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver .cmp-formfield-text button, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver .cmp-formfield-text button, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-text button, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver .cmp-formfield-text button, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver .cmp-formfield-text button {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--secondary-color);
  color: white;
  position: absolute;
  top: 1px;
  right: 0px;
  width: 30px;
  height: 30px;
  border: 0;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver a.add, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver a.add, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver a.add, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver a.add, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver a.add {
  width: 220px;
/*  text-transform: uppercase;*/
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section fieldset.fs-silver a.add:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section fieldset.fs-silver a.add:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver a.add:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section fieldset.fs-silver a.add:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section fieldset.fs-silver a.add:before {
  content: "+";
  margin-right: 10px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container {
  margin-top: 15px;
  position: relative;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tabs, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tabs, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tabs, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tabs, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tabs {
  padding-left: 0px;
  padding-right: 0px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tabs ul li.active, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tabs ul li.active, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tabs ul li.active, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tabs ul li.active, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tabs ul li.active {
  background-color: var(--secondary-color);
  color: white;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tabs ul li.active a, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tabs ul li.active a, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tabs ul li.active a, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tabs ul li.active a, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tabs ul li.active a {
  color: white;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .container-table, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .container-table, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .container-table, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .container-table, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .container-table {
  display: none;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .container-table.active, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .container-table.active, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .container-table.active, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .container-table.active, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .container-table.active {
  display: block;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-formfield-switch, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-formfield-switch, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-switch, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-formfield-switch, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-switch {
  transform: translateX(-50%);
  margin-left: 50%;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-formfield-select, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-formfield-select, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-formfield-select, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select {
  text-align: right;
  margin-bottom: 15px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-formfield-select .label, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-formfield-select .label, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .label, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-formfield-select .label, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .label {
  display: inline-block;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-formfield-select .label:after, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-formfield-select .label:after, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .label:after, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-formfield-select .label:after, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .label:after {
  content: "";
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-formfield-select .chosen-container, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-formfield-select .chosen-container-single,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container-single,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container-single,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container-single,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-formfield-select .chosen-container-single {
  display: inline-block;
  width: 190px !important;
  vertical-align: middle;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables tr.active, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables tr.active, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables tr.active, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables tr.active, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables tr.active {
  background-color: #d8d8d8;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th .icon-arrow:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th .icon-arrow:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th .icon-arrow:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th .icon-arrow:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th .icon-arrow:before, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td .icon-arrow:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td .icon-arrow:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td .icon-arrow:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td .icon-arrow:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td .icon-arrow:before {
  content: "\e901";
  font-size: 10px;
  font-size: 1rem;
  margin-left: 2px;
  color: var(--secondary-color);
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th a, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th a, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th a, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th a, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th a, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td a, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td a, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td a, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td a, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td a {
  color: var(--secondary-color);
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon {
  font-size: 22px;
  font-size: 2.2rem;
  color: #6f6f6f;
  text-align: center;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon > span, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon > span, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon > span, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon > span, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon > span, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon > span, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon > span, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon > span, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon > span, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon > span {
  cursor: pointer;
  text-decoration: none;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon .icon-myald, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon .icon-myald, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald {
  font-size: 45px;
  font-size: 4.5rem;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path1:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path1:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path1:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path2:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path2:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path3:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path3:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path4:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path4:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path5:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path5:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon .icon-myald .path5:before, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path1:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path1:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path1:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path2:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path2:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path3:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path3:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path4:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path4:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path5:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path5:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon .icon-myald .path5:before {
  color: #6f6f6f;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon.active, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon.active, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon.active, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon.active, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon.active, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon.active, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active {
  color: var(--secondary-color);
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path1:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path1:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path1:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path2:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path2:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path4:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path4:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path4:before, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path1:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path1:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path1:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path1:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path2:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path2:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path2:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path4:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path4:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path4:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path4:before {
  color: #0674b6;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path3:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path3:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path3:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path3:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path5:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path5:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables th.icon.active .icon-myald .path5:before, .pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path3:before, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path3:before, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path3:before, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path3:before, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path3:before,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path5:before,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path5:before,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path5:before,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables td.icon.active .icon-myald .path5:before {
  color: #0a0a0a;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox label, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox label, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox label, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox label, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox label,
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox .group-label,
.pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox .group-label,
.pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox .group-label,
.pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox .group-label,
.pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox .group-label {
  min-width: 0px;
}
.pt-switch-fleet-leasedrivers-categories .content-wrapper .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox input + label, .pt-switch-fleet-leasedrivers-categories .pt-offer .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox input + label, .pt-offer .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox input + label, .pt-switch-fleet-leasedrivers-categories .pt-cards .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox input + label, .pt-cards .pt-switch-fleet-leasedrivers-categories .top-bar .right-section .categorie-container .cmp-tables .cmp-formfield-checkbox input + label {
  padding: 0px;
}

@media (min-width: 1024px) {
  .p-switch-fleet-new-mobility main section {
    width: 100%;
  }
}
.p-switch-fleet-new-mobility main .group-text {
  margin-bottom: 30px;
}
.p-switch-fleet-new-mobility main .group-text .cmp-formfield.cmp-formfield-text input {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .p-switch-fleet-new-mobility main .group-text .cmp-formfield.cmp-formfield-text input {
    width: 295px;
    display: block;
  }
}
.p-switch-fleet-new-mobility main .form-footer {
  text-align: right;
}
.p-switch-fleet-new-mobility main .group-checkbox {
  margin-top: 15px;
}
.p-switch-fleet-new-mobility main .group-checkbox .cmp-formfield {
  min-width: 195px;
}
.p-switch-fleet-new-mobility main .group-checkbox .cmp-formfield.cmp-formfield-checkbox {
  display: inline-block;
}
.p-switch-fleet-new-mobility main .group-checkbox .cmp-formfield.cmp-formfield-checkbox span {
  font-weight: bold;
  display: inline-block;
  color: var(--secondary-color);
  margin-right: 10px;
}
.p-switch-fleet-new-mobility main p.sub {
  margin-top: 30px;
}
.p-switch-fleet-new-mobility main .options {
  width: 100%;
}
.p-switch-fleet-new-mobility main .options .group.open .category:after {
  content: "";
}
.p-switch-fleet-new-mobility main .options .group.open .alongside .cmp-formfield {
  display: inline-block;
}
.p-switch-fleet-new-mobility main .options .group.open .alongside .cmp-formfield:nth-child(1n+2) {
  margin-left: 30px;
}
.p-switch-fleet-new-mobility main .options .group.open .alongside .cmp-formfield:nth-child(5) {
  margin-top: 15px;
  margin-left: 143px;
}
.p-switch-fleet-new-mobility main .options .group.open .alongside .cmp-formfield input {
  width: 70px;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-radio .group-label {
  color: var(--text-color-dark);
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-radio span {
  display: block;
  text-align: left;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-radio li {
  display: inline-block;
  width: 260px;
  margin: 15px 0 20px 0;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-checkbox {
  margin-bottom: 15px;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text label:after {
  content: "";
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text.along {
  color: var(--text-color-dark);
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text.along label {
  display: block;
  margin-bottom: 20px;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text.along input {
  display: inline-block;
  width: 100px;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text.along input:nth-child(2) {
  margin-right: 20px;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text.along input:last-child {
  margin-left: 20px;
}
.p-switch-fleet-new-mobility main .options .group.open .cmp-formfield-text.along.one input:last-child {
  margin-left: 0px;
}
.p-switch-fleet-new-mobility main .options .group.open .coachwork, .p-switch-fleet-new-mobility main .options .group.open .coachwork1 {
  text-align: right;
}
.p-switch-fleet-new-mobility main .options .group.open .coachwork p.sub, .p-switch-fleet-new-mobility main .options .group.open .coachwork1 p.sub {
  margin: -16px 15px 25px;
  text-align: left;
}
.p-switch-fleet-new-mobility main .options .group.open .coachwork .select, .p-switch-fleet-new-mobility main .options .group.open .coachwork1 .select {
  cursor: pointer;
}
.p-switch-fleet-new-mobility main .options .group.open .inputValueRange {
  width: 220px;
  height: 18px;
}
.p-switch-fleet-new-mobility main .options .group.open .inputValueRange .ui-slider-handle:first-of-type {
  display: none;
}
.p-switch-fleet-new-mobility main .options .group.open > div:last-child {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .p-switch-fleet-new-category main section {
    width: 100%;
  }
}
.p-switch-fleet-new-category main .budgetcategorie.cmp-formfield input {
  margin: 15px 0px;
  width: 310px;
  display: block;
}
.p-switch-fleet-new-category main .group-text .cmp-formfield label:after {
  content: "";
}
.p-switch-fleet-new-category main .group-text .cmp-formfield.cmp-formfield-text input {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .p-switch-fleet-new-category main .group-text .cmp-formfield.cmp-formfield-text input {
    width: 295px;
  }
}
.p-switch-fleet-new-category main .form-footer {
  text-align: right;
}
.p-switch-fleet-new-category main .group-checkbox {
  margin-top: 15px;
}
.p-switch-fleet-new-category main .group-checkbox .cmp-formfield {
  min-width: 195px;
}
.p-switch-fleet-new-category main .group-checkbox .cmp-formfield.cmp-formfield-checkbox {
  display: inline-block;
}
.p-switch-fleet-new-category main .group-checkbox .cmp-formfield.cmp-formfield-checkbox span {
  font-weight: bold;
  display: inline-block;
  color: var(--secondary-color);
  margin-right: 10px;
}
.p-switch-fleet-new-category main p.sub {
  margin-top: 30px;
}
.p-switch-fleet-new-category main .options {
  width: 100%;
  margin-bottom: 15px;
}
.p-switch-fleet-new-category main .options .subject-budget {
  color: var(--secondary-color);
  /*text-transform: uppercase;*/
  font-weight: bold;
  margin: 15px 0;
}
.p-switch-fleet-new-category main .options .subject-budget span {
  margin-right: 10px;
}
.p-switch-fleet-new-category main .options .group.open .category .tooltip:before {
  color: white;
}
.p-switch-fleet-new-category main .options .group.open .category:after {
  content: "";
}
.p-switch-fleet-new-category main .options .group.open .alongside.afront .cmp-formfield-checkbox {
  min-width: 175px;
}
.p-switch-fleet-new-category main .options .group.open .alongside .group-label {
  display: block;
}
.p-switch-fleet-new-category main .options .group.open .alongside .cmp-formfield {
  display: inline-block;
}
.p-switch-fleet-new-category main .options .group.open .alongside .cmp-formfield:nth-child(1n+2) {
  margin-left: 30px;
}
.p-switch-fleet-new-category main .options .group.open .alongside .cmp-formfield:nth-child(5) {
  margin-top: 15px;
  margin-left: 143px;
}
.p-switch-fleet-new-category main .options .group.open .alongside .cmp-formfield input {
  width: 70px;
}
@media (min-width: 1024px) {
  .p-switch-fleet-new-category main .options .group.open .alongside.with-half.half {
    float: left;
    width: 48.875%;
    margin-left: 2.25%;
  }
  .p-switch-fleet-new-category main .options .group.open .alongside.with-half.half:first-child {
    float: left;
    width: 48.875%;
    margin-left: 0;
  }
}
.p-switch-fleet-new-category main .options .group.open .alongside.budget .group-label {
  margin-bottom: 10px;
}
.p-switch-fleet-new-category main .options .group.open .alongside.budget .group-label:after {
  content: "";
}
.p-switch-fleet-new-category main .options .group.open .alongside.budget .cmp-formfield-text:nth-child(2) {
  margin-left: 0px !important;
  margin-right: 30px;
}
.p-switch-fleet-new-category main .options .group.open .alongside.budget .cmp-formfield-text label:after {
  content: "";
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-radio .group-label {
  color: var(--text-color-dark);
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-radio .group-label:after {
  content: "";
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-radio span {
  display: block;
  text-align: left;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-radio li {
  display: inline-block;
  min-width: 240px;
  margin: 15px 0 20px 0;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-checkbox {
  margin-bottom: 15px;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text label:after {
  content: "";
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text.along {
  color: var(--text-color-dark);
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text.along label {
  display: block;
  margin-bottom: 20px;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text.along input {
  display: inline-block;
  width: 100px;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text.along input:nth-child(2) {
  margin-right: 20px;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text.along input:last-child {
  margin-left: 20px;
}
.p-switch-fleet-new-category main .options .group.open .cmp-formfield-text.along.one input:last-child {
  margin-left: 0px;
}
.p-switch-fleet-new-category main .options .group.open .coachwork, .p-switch-fleet-new-category main .options .group.open .coachwork1 {
  text-align: right;
}
.p-switch-fleet-new-category main .options .group.open .coachwork p.sub, .p-switch-fleet-new-category main .options .group.open .coachwork1 p.sub {
  margin: -16px 15px 25px;
  text-align: left;
}
.p-switch-fleet-new-category main .options .group.open .coachwork .select, .p-switch-fleet-new-category main .options .group.open .coachwork1 .select {
  cursor: pointer;
}
.p-switch-fleet-new-category main .options .group.open .inputValueRange {
  width: 220px;
  height: 18px;
}
.p-switch-fleet-new-category main .options .group.open .inputValueRange .ui-slider-handle:first-of-type {
  display: none;
}
.p-switch-fleet-new-category main .options .group.open > div:last-child {
  margin-bottom: 20px;
}

.p-confirmation .content-wrapper, .p-confirmation .pt-offer .top-bar, .pt-offer .p-confirmation .top-bar, .p-confirmation .pt-cards .top-bar, .pt-cards .p-confirmation .top-bar {
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-confirmation .content-wrapper, .p-confirmation .pt-offer .top-bar, .pt-offer .p-confirmation .top-bar, .p-confirmation .pt-cards .top-bar, .pt-cards .p-confirmation .top-bar {
    display: flex;
  }
}
.p-confirmation .content-wrapper img, .p-confirmation .pt-offer .top-bar img, .pt-offer .p-confirmation .top-bar img, .p-confirmation .pt-cards .top-bar img, .pt-cards .p-confirmation .top-bar img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-confirmation .content-wrapper img, .p-confirmation .pt-offer .top-bar img, .pt-offer .p-confirmation .top-bar img, .p-confirmation .pt-cards .top-bar img, .pt-cards .p-confirmation .top-bar img {
    width: 50%;
    float: left;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .p-confirmation .content-wrapper .box, .p-confirmation .pt-offer .top-bar .box, .pt-offer .p-confirmation .top-bar .box, .p-confirmation .pt-cards .top-bar .box, .pt-cards .p-confirmation .top-bar .box {
    flex-direction: column;
    width: 50%;
    float: left;
  }
  .p-confirmation .content-wrapper .box > div, .p-confirmation .pt-offer .top-bar .box > div, .pt-offer .p-confirmation .top-bar .box > div, .p-confirmation .pt-cards .top-bar .box > div, .pt-cards .p-confirmation .top-bar .box > div {
    flex: 1 auto;
  }
}

.pt-my-invoices main {
  min-height: 500px;
}
.pt-my-invoices .pull-right {
  float: right;
}
.pt-my-invoices .pull-right:after {
  clear: both;
}
.pt-my-invoices .clearfix {
  clear: both;
}
.pt-my-invoices .text-left {
  text-align: left;
}
.pt-my-invoices .text-center {
  text-align: center;
}
.pt-my-invoices .text-right {
  text-align: right;
}
.pt-my-invoices h1.has-border {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  border-bottom: 4px solid var(--secondary-color);
}
.pt-my-invoices .my-invoices-account-selector {
  float: right;
  padding: 0 15px !important;
}
.pt-my-invoices .my-invoices-account-selector .cmp-formfield label, .pt-my-invoices .my-invoices-account-selector .cmp-formfield .chosen-container {
  display: inline-block;
}
.pt-my-invoices .my-invoices-account-selector .cmp-formfield label {
  text-align: right;
  width: 200px;
}
.pt-my-invoices .my-invoices-account-selector .cmp-formfield .chosen-container {
  width: 400px !important;
}
.pt-my-invoices .left-section, .pt-my-invoices .right-section {
  display: inline-block;
  vertical-align: top;
}
.pt-my-invoices .left-section {
  width: 35%;
  padding-right: 7px;
}
.pt-my-invoices .right-section {
  width: 65%;
  padding-left: 7px;
}
.pt-my-invoices .filters {
  padding: 5px 15px;
}
.pt-my-invoices .filters .filter-label, .pt-my-invoices .filters .filter {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.pt-my-invoices .filters .filter a, .pt-my-invoices .filters .filter label, .pt-my-invoices .filters .filter .chosen-container {
  display: inline-block;
  vertical-align: top;
}
.pt-my-invoices .filters .filter-label {
  min-height: 20px;
  margin: 0 15px 0 0;
  color: var(--listing-pg-text-color);
}
.pt-my-invoices .filters .filter label {
  color: #6f6f6f;
  font-size: 1.2rem;
}
.pt-my-invoices .filters .chosen-container {
  width: 200px !important;
  max-width: 100%;
}
.pt-my-invoices .filters .filter-num-downloads {
  display: inline-block;
  height: 28px;
  margin-top: 2px;
  font-size: 8px;
  vertical-align: top;
}
.pt-my-invoices .filters .filter-num-downloads .filter-num-downloads-dot {
  color: #d8d8d8;
  font-size: 25px;
  line-height: 30px;
}
.pt-my-invoices .filters .filter-num-downloads .filter-num-downloads-dot.active {
  color: var(--secondary-color);
}
.pt-my-invoices .search-filter {
  padding: 15px;
  border: 1px solid #d8d8d8;
}
.pt-my-invoices .search-filter + .search-filter {
  border-top: none;
}
.pt-my-invoices .search-filter .search-filter-label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #6f6f6f;
}
.pt-my-invoices .maxperiod-disclaimer {
  margin: 15px;
  font-size: 1.3rem;
}
.pt-my-invoices .cmp-formfield.cmp-formfield-left, .pt-my-invoices .cmp-formfield.cmp-formfield-right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.pt-my-invoices .cmp-formfield.cmp-formfield-left {
  padding-right: 7px;
}
.pt-my-invoices .cmp-formfield.cmp-formfield-right {
  padding-left: 7px;
}
.pt-my-invoices .cmp-formfield .icon-input-wrapper {
  position: relative;
  height: 29px;
}
.pt-my-invoices .cmp-formfield .icon-input-wrapper .icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  width: 28px;
  height: 29px;
  background-color: #d8d8d8;
  color: var(--listing-pg-text-color);
  text-align: center;
  line-height: 29px;
}
.pt-my-invoices .cmp-formfield .icon-input-wrapper a > .icon, .pt-my-invoices .cmp-formfield .icon-input-wrapper button > .icon {
  background-color: var(--secondary-color);
  color: var(--text-color-light)
}
.pt-my-invoices .cmp-formfield .icon-input-wrapper .input {
  padding-right: 38px;
}
.pt-my-invoices .cmp-formfield .icon-input-wrapper .input + .icon {
  left: auto;
  right: 0;
}
.pt-my-invoices .cmp-formfield .icon-input-wrapper .icon + .input {
  padding-left: 38px;
  padding-right: 10px;
}
.pt-my-invoices .list-item {
  margin-bottom: 15px;
  border: 1px solid #d8d8d8;
}
.pt-my-invoices .list-item .list-item-top, .pt-my-invoices .list-item .list-item-main {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.pt-my-invoices .list-item .list-item-top .list-item-row, .pt-my-invoices .list-item .list-item-main .list-item-row {
  display: table-row;
}
.pt-my-invoices .list-item .list-item-top .list-item-cell, .pt-my-invoices .list-item .list-item-main .list-item-cell {
  display: table-cell;
  padding: 0 15px;
}
.pt-my-invoices .list-item .list-item-top small, .pt-my-invoices .list-item .list-item-main small {
  font-size: 1.3rem;
  color: #6f6f6f;
}
.pt-my-invoices .list-item .list-item-top {
  border-bottom: 1px solid #d8d8d8;
  background-color: var(--listing-pg-bg);
}
.pt-my-invoices .list-item .list-item-top .list-item-cell {
  padding: 15px;
}
.pt-my-invoices .list-item .list-item-top .action {
  display: inline-block;
  vertical-align: middle;
}
.pt-my-invoices .list-item .list-item-top .action + .action {
  margin-left: 15px;
}
.pt-my-invoices .list-item .list-item-top .action label {
  min-width: 0;
  vertical-align: top;
}
.pt-my-invoices .list-item .list-item-top a.action {
  text-decoration: none !important;
}
.pt-my-invoices .list-item .list-item-main {
  margin: 15px 0;
  padding: 0;
}
.pt-my-invoices .list-item .list-item-main .list-item-cell + .list-item-cell {
  border-left: 2px solid #d8d8d8;
}
@media screen and (max-width: 1279px) {
  .pt-my-invoices .filter-label, .pt-my-invoices .filter {
    display: block;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .pt-my-invoices .my-invoices-account-selector {
    float: none;
  }
  .pt-my-invoices .my-invoices-account-selector .cmp-formfield label, .pt-my-invoices .my-invoices-account-selector .cmp-formfield .chosen-container {
    width: 100% !important;
  }
  .pt-my-invoices .my-invoices-account-selector .cmp-formfield label {
    text-align: left;
  }
  .pt-my-invoices .list-item-top, .pt-my-invoices .list-item-main, .pt-my-invoices .list-item-row, .pt-my-invoices .list-item-cell {
    display: block !important;
    width: auto;
  }
  .pt-my-invoices .list-item-cell + .list-item-cell {
    margin-top: 10px;
    border-left: none !important;
  }
  .pt-my-invoices .list-item-cell.text-right, .pt-my-invoices .list-item-cell.text-center {
    text-align: left;
  }
  .pt-my-invoices .list-item-cell.list-item-label {
    float: left;
  }
  .pt-my-invoices .list-item-cell.list-item-actions {
    float: right;
  }
  .pt-my-invoices h1 {
    margin-top: 15px;
  }
  .pt-my-invoices .left-section, .pt-my-invoices .right-section {
    display: block;
    width: auto;
    padding: 0;
  }
}

.pt-change-leasedriver main {
  min-height: 500px;
}
.pt-change-leasedriver .pull-right {
  float: right;
}
.pt-change-leasedriver .pull-right:after {
  clear: both;
}
.pt-change-leasedriver .clearfix {
  clear: both;
}
.pt-change-leasedriver .text-left {
  text-align: left;
}
.pt-change-leasedriver .text-center {
  text-align: center;
}
.pt-change-leasedriver .text-right {
  text-align: right;
}
.pt-change-leasedriver h1.has-border {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  border-bottom: 4px solid var(--secondary-color);
}
.pt-change-leasedriver .account-selector {
  float: right;
  padding: 0 15px !important;
}
.pt-change-leasedriver .account-selector .cmp-formfield label, .pt-change-leasedriver .account-selector .cmp-formfield .chosen-container {
  display: inline-block;
}
.pt-change-leasedriver .account-selector .cmp-formfield label {
  text-align: right;
  width: 200px;
}
.pt-change-leasedriver .account-selector .cmp-formfield .chosen-container {
  width: 400px !important;
}
.pt-change-leasedriver .left-section, .pt-change-leasedriver .right-section {
  display: inline-block;
  vertical-align: top;
}
.pt-change-leasedriver .left-section {
  width: 35%;
  padding-right: 7px;
}
.pt-change-leasedriver .right-section {
  width: 65%;
  padding-left: 7px;
}
.pt-change-leasedriver .section-label {
  padding: 5px 15px;
  min-height: 20px;
  margin: 0 15px 0 0;
  color: var(--listing-pg-text-color);
}
.pt-change-leasedriver .search-filter {
  padding: 15px;
  border: 1px solid #d8d8d8;
}
.pt-change-leasedriver .search-filter + .search-filter {
  border-top: none;
}
.pt-change-leasedriver .search-filter .search-filter-label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #6f6f6f;
}
.pt-change-leasedriver .cmp-formfield.cmp-formfield-left, .pt-change-leasedriver .cmp-formfield.cmp-formfield-right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.pt-change-leasedriver .cmp-formfield.cmp-formfield-left {
  padding-right: 7px;
}
.pt-change-leasedriver .cmp-formfield.cmp-formfield-right {
  padding-left: 7px;
}
.pt-change-leasedriver .cmp-formfield .icon-input-wrapper {
  position: relative;
  height: 29px;
}
.pt-change-leasedriver .cmp-formfield .icon-input-wrapper .icon, .pt-change-leasedriver .cmp-formfield .icon-input-wrapper .icon-textual {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  width: 28px;
  height: 29px;
  background-color: #d8d8d8;
  color: var(--listing-pg-text-color);
  text-align: center;
  line-height: 29px;
}
.pt-change-leasedriver .cmp-formfield .icon-input-wrapper a > .icon, .pt-change-leasedriver .cmp-formfield .icon-input-wrapper button > .icon, .pt-change-leasedriver .cmp-formfield .icon-input-wrapper a > .icon-textual, .pt-change-leasedriver .cmp-formfield .icon-input-wrapper button > .icon-textual {
  background-color: var(--secondary-color);
  color: var(--text-color-light);
}
.pt-change-leasedriver .cmp-formfield .icon-input-wrapper .input {
  padding-right: 38px;
}
.pt-change-leasedriver .cmp-formfield .icon-input-wrapper .input + .icon, .pt-change-leasedriver .cmp-formfield .icon-input-wrapper .input + .icon-textual {
  left: auto;
  right: 0;
}
.pt-change-leasedriver .cmp-formfield .icon-input-wrapper .icon + .input, .pt-change-leasedriver .cmp-formfield .icon-input-wrapper .icon-textual + .input {
  padding-left: 38px;
  padding-right: 10px;
}
.pt-change-leasedriver .list-item {
  margin-bottom: 15px;
  border: 1px solid #d8d8d8;
}
.pt-change-leasedriver .list-item .list-item-top, .pt-change-leasedriver .list-item .list-item-main, .pt-change-leasedriver .list-item .list-item-bottom {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-row, .pt-change-leasedriver .list-item .list-item-main .list-item-row, .pt-change-leasedriver .list-item .list-item-bottom .list-item-row {
  display: table-row;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell, .pt-change-leasedriver .list-item .list-item-main .list-item-cell, .pt-change-leasedriver .list-item .list-item-bottom .list-item-cell {
  display: table-cell;
  padding: 0 15px;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell.list-item-cell-w25, .pt-change-leasedriver .list-item .list-item-main .list-item-cell.list-item-cell-w25, .pt-change-leasedriver .list-item .list-item-bottom .list-item-cell.list-item-cell-w25 {
  width: 25%;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell.list-item-cell-w33, .pt-change-leasedriver .list-item .list-item-main .list-item-cell.list-item-cell-w33, .pt-change-leasedriver .list-item .list-item-bottom .list-item-cell.list-item-cell-w33 {
  width: 33.3333%;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell.list-item-cell-w50, .pt-change-leasedriver .list-item .list-item-main .list-item-cell.list-item-cell-w50, .pt-change-leasedriver .list-item .list-item-bottom .list-item-cell.list-item-cell-w50 {
  width: 50%;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell.list-item-cell-w66, .pt-change-leasedriver .list-item .list-item-main .list-item-cell.list-item-cell-w66, .pt-change-leasedriver .list-item .list-item-bottom .list-item-cell.list-item-cell-w66 {
  width: 66.6666%;
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell.list-item-cell-w75, .pt-change-leasedriver .list-item .list-item-main .list-item-cell.list-item-cell-w75, .pt-change-leasedriver .list-item .list-item-bottom .list-item-cell.list-item-cell-w75 {
  width: 75%;
}
.pt-change-leasedriver .list-item .list-item-top .title-medium, .pt-change-leasedriver .list-item .list-item-main .title-medium, .pt-change-leasedriver .list-item .list-item-bottom .title-medium {
  color: var(--listing-pg-text-color);
}
.pt-change-leasedriver .list-item .list-item-top small, .pt-change-leasedriver .list-item .list-item-main small, .pt-change-leasedriver .list-item .list-item-bottom small {
  font-size: 1.3rem;
  color: #6f6f6f;
}
.pt-change-leasedriver .list-item .list-item-top {
  border-bottom: 1px solid #d8d8d8;
  background-color: var(--listing-pg-bg);
}
.pt-change-leasedriver .list-item .list-item-top .list-item-cell {
  padding: 15px;
}
.pt-change-leasedriver .list-item .list-item-top .action {
  display: inline-block;
  vertical-align: middle;
}
.pt-change-leasedriver .list-item .list-item-top .action + .action {
  margin-left: 15px;
}
.pt-change-leasedriver .list-item .list-item-top .action label {
  min-width: 0;
  vertical-align: top;
}
.pt-change-leasedriver .list-item .list-item-top a.action {
  text-decoration: none !important;
}
.pt-change-leasedriver .list-item .list-item-set {
  padding-bottom: 15px;
}
.pt-change-leasedriver .list-item .list-item-set.active {
  background-color: var(--listing-pg-bg);
}
.pt-change-leasedriver .list-item .list-item-set .border-top {
  border-top: 1px solid #d8d8d8;
}
.pt-change-leasedriver .list-item .list-item-main {
  margin: 15px 0;
  padding: 0;
}
.pt-change-leasedriver .list-item .list-item-main .list-item-cell + .list-item-cell {
  border-left: 2px solid #d8d8d8;
}
.pt-change-leasedriver .list-item .list-item-main .list-item-actions {
  border: none !important;
}
.pt-change-leasedriver .list-item .list-item-main .list-item-actions .chosen-container {
  text-align: left;
  display: inline-block;
  width: 150px !important;
}
.pt-change-leasedriver .list-item .list-item-main .list-item-radio:checked + label:after {
  top: 9px;
}
.pt-change-leasedriver .list-item-bottom .list-item-cell {
  padding: 15px !important;
}
.pt-change-leasedriver .list .hr {
  border-top: 1px solid #d8d8d8;
  margin: 0 15px 15px 15px;
}
@media screen and (max-width: 1279px) {
  .pt-change-leasedriver .filter-label, .pt-change-leasedriver .filter {
    display: block;
    float: none;
  }
}
@media screen and (max-width: 1023px) {
  .pt-change-leasedriver .list-item-cell {
    width: 100%;
  }
  .pt-change-leasedriver .list-item-radio:checked + label:after {
    top: 4px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-change-leasedriver .account-selector {
    float: none;
  }
  .pt-change-leasedriver .account-selector .cmp-formfield label, .pt-change-leasedriver .account-selector .cmp-formfield .chosen-container {
    width: 100% !important;
  }
  .pt-change-leasedriver .account-selector .cmp-formfield label {
    text-align: left;
  }
  .pt-change-leasedriver .list-item-top, .pt-change-leasedriver .list-item-main, .pt-change-leasedriver .list-item-row, .pt-change-leasedriver .list-item-cell {
    display: block !important;
    width: auto !important;
  }
  .pt-change-leasedriver .list-item-cell + .list-item-cell {
    margin-top: 10px;
    border-left: none !important;
  }
  .pt-change-leasedriver .list-item-cell.text-right, .pt-change-leasedriver .list-item-cell.text-center {
    text-align: left;
  }
  .pt-change-leasedriver .list-item-cell.list-item-label {
    float: left;
  }
  .pt-change-leasedriver h1 {
    margin-top: 15px;
  }
  .pt-change-leasedriver .left-section, .pt-change-leasedriver .right-section {
    display: block;
    width: auto;
    padding: 0;
  }
}

/*Driver Expense claim form  */
.pt-driver-expense-claim main {
  min-height: 500px;
}
.pt-driver-expense-claim .pull-right {
  float: right;
}
.pt-driver-expense-claim .pull-right:after {
  clear: both;
}
.pt-driver-expense-claim .clearfix {
  clear: both;
}
.pt-driver-expense-claim .text-left {
  text-align: left;
}
.pt-driver-expense-claim .text-center {
  text-align: center;
}
.pt-driver-expense-claim .text-right {
  text-align: right;
}
.pt-driver-expense-claim h1.has-border {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  border-bottom: 4px solid var(--secondary-color);
}
.pt-driver-expense-claim .account-selector {
  float: right;
  padding: 0 15px !important;
}
.pt-driver-expense-claim .account-selector .cmp-formfield label, .pt-driver-expense-claim .account-selector .cmp-formfield .chosen-container {
  display: inline-block;
}
.pt-driver-expense-claim .account-selector .cmp-formfield label {
  text-align: right;
  width: 200px;
}
.pt-driver-expense-claim .account-selector .cmp-formfield .chosen-container {
  width: 400px !important;
}
.pt-driver-expense-claim .left-section, .pt-driver-expense-claim .right-section {
  display: inline-block;
  vertical-align: top;
}
.pt-driver-expense-claim .left-section {
  width: 35%;
  padding-right: 7px;
}
.pt-driver-expense-claim .right-section {
  width: 64%;
  padding-left: 7px;
}
.pt-driver-expense-claim .section-label {
  padding: 5px 15px;
  min-height: 20px;
  margin: 0 15px 0 0;
  color: var(--listing-pg-text-color);
}
.pt-driver-expense-claim .search-filter {
  padding: 15px;
  border: 1px solid #d8d8d8;
}
.pt-driver-expense-claim .search-filter + .search-filter {
  border-top: none;
}
.pt-driver-expense-claim .search-filter .search-filter-label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #6f6f6f;
}
.pt-driver-expense-claim .cmp-formfield.cmp-formfield-left, .pt-driver-expense-claim .cmp-formfield.cmp-formfield-right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.pt-driver-expense-claim .cmp-formfield.cmp-formfield-left {
  padding-right: 7px;
}
.pt-driver-expense-claim .cmp-formfield.cmp-formfield-right {
  padding-left: 7px;
}
.pt-driver-expense-claim .cmp-formfield .icon-input-wrapper {
  position: relative;
  height: 29px;
}
.pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .icon, .pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .icon-textual {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  width: 28px;
  height: 29px;
  background-color: #d8d8d8;
  color: var(--listing-pg-text-color);
  text-align: center;
  line-height: 29px;
}
.pt-driver-expense-claim .cmp-formfield .icon-input-wrapper a > .icon, .pt-driver-expense-claim .cmp-formfield .icon-input-wrapper button > .icon, .pt-driver-expense-claim .cmp-formfield .icon-input-wrapper a > .icon-textual, .pt-driver-expense-claim .cmp-formfield .icon-input-wrapper button > .icon-textual {
  background-color: var(--secondary-color);
  color: var(--text-color-light);
}
.pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .input {
  padding-right: 38px;
}
.pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .input + .icon, .pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .input + .icon-textual {
  left: auto;
  right: 0;
}
.pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .icon + .input, .pt-driver-expense-claim .cmp-formfield .icon-input-wrapper .icon-textual + .input {
  padding-left: 38px;
  padding-right: 10px;
}
.pt-driver-expense-claim .list-item {
  margin-bottom: 15px;
  border: 1px solid #d8d8d8;
}
.pt-driver-expense-claim .list-item .list-item-top, .pt-driver-expense-claim .list-item .list-item-main, .pt-driver-expense-claim .list-item .list-item-bottom {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-row, .pt-driver-expense-claim .list-item .list-item-main .list-item-row, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-row {
  display: table-row;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell, .pt-driver-expense-claim .list-item .list-item-main .list-item-cell, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-cell {
  display: table-cell;
  padding: 0 15px;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell.list-item-cell-w25, .pt-driver-expense-claim .list-item .list-item-main .list-item-cell.list-item-cell-w25, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-cell.list-item-cell-w25 {
  width: 25%;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell.list-item-cell-w33, .pt-driver-expense-claim .list-item .list-item-main .list-item-cell.list-item-cell-w33, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-cell.list-item-cell-w33 {
  width: 33.3333%;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell.list-item-cell-w50, .pt-driver-expense-claim .list-item .list-item-main .list-item-cell.list-item-cell-w50, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-cell.list-item-cell-w50 {
  width: 50%;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell.list-item-cell-w66, .pt-driver-expense-claim .list-item .list-item-main .list-item-cell.list-item-cell-w66, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-cell.list-item-cell-w66 {
  width: 66.6666%;
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell.list-item-cell-w75, .pt-driver-expense-claim .list-item .list-item-main .list-item-cell.list-item-cell-w75, .pt-driver-expense-claim .list-item .list-item-bottom .list-item-cell.list-item-cell-w75 {
  width: 75%;
}
.pt-driver-expense-claim .list-item .list-item-top .title-medium, .pt-driver-expense-claim .list-item .list-item-main .title-medium, .pt-driver-expense-claim .list-item .list-item-bottom .title-medium {
  color: var(--listing-pg-text-color);
}
.pt-driver-expense-claim .list-item .list-item-top small, .pt-driver-expense-claim .list-item .list-item-main small, .pt-driver-expense-claim .list-item .list-item-bottom small {
  font-size: 1.3rem;
  color: #6f6f6f;
}
.pt-driver-expense-claim .list-item .list-item-top {
  border-bottom: 1px solid #d8d8d8;
  background-color: var(--listing-pg-bg);
}
.pt-driver-expense-claim .list-item .list-item-top .list-item-cell {
  padding: 15px;
}
.pt-driver-expense-claim .list-item .list-item-top .action {
  display: inline-block;
  vertical-align: middle;
}
.pt-driver-expense-claim .list-item .list-item-top .action + .action {
  margin-left: 15px;
}
.pt-driver-expense-claim .list-item .list-item-top .action label {
  min-width: 0;
  vertical-align: top;
}
.pt-driver-expense-claim .list-item .list-item-top a.action {
  text-decoration: none !important;
}
.pt-driver-expense-claim .list-item .list-item-set {
  padding-bottom: 15px;
}
.pt-driver-expense-claim .list-item .list-item-set.active {
  background-color: var(--listing-pg-bg);
}
.pt-driver-expense-claim .list-item .list-item-set .border-top {
  border-top: 1px solid #d8d8d8;
}
.pt-driver-expense-claim .list-item .list-item-main {
  margin: 15px 0;
  padding: 0;
}
.pt-driver-expense-claim .list-item .list-item-main .list-item-actions {
  border: none !important;
}
.pt-driver-expense-claim .total-row{
    margin-top: 60px !important;
}
.pt-driver-expense-claim .total-row .total-row-label{
    margin-left: 15px;
}
.pt-driver-expense-claim .total-row .total-row-value{
    margin-right: 12px;
}
.pt-driver-expense-claim .agrrement-checkbox{
    margin-top: 15px;
}
.pt-driver-expense-claim .list-item .list-item-main .list-item-actions .chosen-container {
  text-align: left;
  display: inline-block;
  width: 150px !important;
}
.pt-driver-expense-claim .list-item .list-item-main .list-item-radio:checked + label:after {
  top: 7px;
}
.pt-driver-expense-claim .list-item-bottom .list-item-cell {
  padding: 15px !important;
}
.pt-driver-expense-claim .list .hr {
  border-top: 1px solid #d8d8d8;
  margin: 0 15px 0px 15px;
}
.register-mileage-page-description{
    margin-inline-start: 20px;
}
@media screen and (max-width: 1279px) {
  .pt-driver-expense-claim .filter-label, .pt-driver-expense-claim .filter {
    display: block;
    float: none;
  }
}
@media screen and (max-width: 1023px) {
  .pt-driver-expense-claim .list-item-radio:checked + label:after {
    top: 4px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-driver-expense-claim .account-selector {
    float: none;
  }
  .pt-driver-expense-claim .account-selector .cmp-formfield label, .pt-driver-expense-claim .account-selector .cmp-formfield .chosen-container {
    width: 100% !important;
  }
  .pt-driver-expense-claim .account-selector .cmp-formfield label {
    text-align: left;
  }
  .pt-driver-expense-claim .list-item-top, .pt-driver-expense-claim .list-item-main, .pt-driver-expense-claim .list-item-row, .pt-driver-expense-claim .list-item-cell {
    display: block !important;
    width: auto !important;
  }
  .pt-driver-expense-claim .list-item-cell + .list-item-cell {
    margin-top: 10px;
    border-left: none !important;
  }
  .pt-driver-expense-claim .list-item-cell.text-right, .pt-driver-expense-claim .list-item-cell.text-center {
    text-align: left;
  }
  .pt-driver-expense-claim .list-item-cell.list-item-label {
    float: left;
  }
  .pt-driver-expense-claim h1 {
    margin-top: 15px;
  }
  .pt-driver-expense-claim .left-section, .pt-driver-expense-claim .right-section {
    display: block;
    width: auto;
    padding: 0;
  }
  .pt-driver-expense-claim .bank-account-number .bank-account-numer-input{
    width: 100% !important;
    }
}
.pt-driver-expense-claim .bank-account-number {
    padding: 15px;
}
.pt-driver-expense-claim .bank-account-number .bank-account-numer-input {
    width: 50%;
/*    text-transform: uppercase;*/
    font-size: 14px;
}
.pt-driver-expense-claim .iban-validation-error,  .pt-driver-expense-claim  .no-invoices-validation-error {
    display: none;
    color: red;
    font-size: 13px;
}

.pt-driver-expense-claim label:after{
    content: "";
}
.pt-driver-expense-claim .add-invoice-btn{
    margin-top: 25px;
    display: block !important;
    margin-left: 10px;
}
.pt-driver-expense-claim .no-more-tables .amount{
    text-align: right;
    padding-right: 20px;
    width: 15%
}
.pt-driver-expense-claim .no-more-tables .action{
    text-align: center;
    width: 10%;
}
.pt-driver-expense-claim .no-more-tables .action a{
    cursor: pointer;
    text-decoration: none;
    color: #6f6f6f;
}
.pt-driver-expense-claim .no-more-tables .description{
    width: 35%;
}
.pt-driver-expense-claim .no-more-tables .file{
    width: 40%;
}
.pt-driver-expense-claim .no-more-tables .file label{
    display: block;
}
.align-middle{
    vertical-align: middle;
}
.align-bottom{
    vertical-align: bottom;
}
.cancel-link{
    cursor: pointer;
    margin-right: 10px;
    color: var(--secondary-color) !important;
    text-decoration: none !important;
}
.error{
    color: #F00;
}
.add-invoice-form .label{
    padding-top: 4px;
    padding-right: 15px;
    width: 41.07%;
    font-size: 15px;
    font-size: 1.5rem;
}
.add-invoice-dialog{
    width: 350px;
}

.add-invoice-dialog .ui-widget-header{
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.add-invoice-dialog .ui-fileupload .ui-fileupload-content {
    display: none;
}
.add-invoice-dialog .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon-plusthick {
    display: none;
}

.add-invoice-dialog .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
    padding-left: 0em !important;
}

.add-invoice-dialog .ui-widget-header .ui-state-default.ui-button{
    padding-left: 10px;
    color: var(--text-color-light);
}
.add-invoice-dialog .ui-fileupload-content .ui-messages-error .ui-icon-close{
    display: none;
}
.add-invoice-dialog .text-right {
    text-align: right;
}
.add-invoice-dialog .ui-state-default{
    color: var(--text-color-light);
}
.add-invoice-form .invoice-file-table{
    margin-left: 10px;
}
.add-invoice-form .invoice-file-table a{
    text-decoration: none;
}
.add-invoice-form .invoice-file-table tr{
        border-bottom: 1px solid #dcdcdc;
    height: 40px;
}
.add-invoice-form .invoice-file-table tfoot tr{
    border-bottom: 0px;
    height: 40px;
}
.add-invoice-form .invoice-file-table tfoot input{
    margin-top: 30px;
}
.add-invoice-form .invoice-file-table thead label{
    font-weight: bold;
    margin-top: 10px;
    display: block;
    margin-bottom: 5px;
}
.add-invoice-form .cmp-formfield{
    margin-bottom: 15px;
}

.confirm-submit-dialog .label:after{
    content: "";
}
.confirm-submit-dialog .text-right {
    text-align: right;
}
.confirm-submit-dialog button{
    color: var(--text-color-light) !important;
}
.confirm-submit-dialog .btn-panel, .add-invoice-dialog .btn-panel{
     margin-top: 20px;
}
.error{
    color: #F00;
}
.no-more-tables table{
    width: 100%;
}
.no-more-tables table thead tr{
    line-height: 2.5;
    background: var(--listing-pg-bg);
}
.no-more-tables table tbody tr{
    line-height: 2;
}
.no-more-tables th {
    border: none;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    white-space: normal;
    font-weight: bold;
}
.no-more-tables td {
    border: none;
    border-bottom: 1px solid #eee;
    white-space: normal;
}

@media only screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr { border: 1px solid #ccc; }

    .no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    .no-more-tables td:before { content: attr(data-title); }
    .damage-overview-top-btn{
          margin-top: 10px;
      }
}



.pt-my-documents .clear {
  clear: both;
}
.pt-my-documents .lnk-content, .pt-my-documents .l-landing #myDataPanel a, .l-landing #myDataPanel .pt-my-documents a {
  font-weight: 700;
  text-decoration: none;
}
.pt-my-documents .pt-my-documents-wrapper {
  box-sizing: border-box;
  max-width: 800px;
}
.pt-my-documents .pt-my-documents-buttons {
  padding: 0;
  margin: 70px -4px 0;
  list-style: none;
}
.pt-my-documents .pt-my-documents-buttons:after {
  content: '';
  display: table;
  clear: both;
}
.pt-my-documents .pt-my-documents-buttons .clear-2 {
  display: none;
}
@media (max-width: 639px) {
  .pt-my-documents .pt-my-documents-buttons .clear-2 {
    display: block;
  }
  .pt-my-documents .pt-my-documents-buttons .clear-3 {
    display: none;
  }
}
.pt-my-documents .pt-my-documents-buttons li {
  float: left;
  padding: 5px 4px;
  width: 33.33%;
}
@media (max-width: 639px) {
  .pt-my-documents .pt-my-documents-buttons li {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .pt-my-documents .pt-my-documents-buttons li {
    float: none;
    width: 100%;
  }
}
.pt-my-documents .pt-my-documents-buttons li a {
  display: block;
  position: relative;
  padding: 20px;
  text-decoration: none;
  border: 1px solid #d8d8d8;
}
.pt-my-documents .pt-my-documents-buttons li a:after {
  content: '';
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #0071b9;
  border: 1px solid #0071b9;
  box-sizing: content-box;
}
.pt-my-documents .pt-my-documents-buttons li a .pt-my-documents-button-icon {
  display: block;
  margin-bottom: 30px;
  width: 70px;
  height: 70px;
  line-height: 64px;
  text-align: center;
  background: #0071b9;
  border-radius: 50%;
}
.pt-my-documents .pt-my-documents-buttons li a .pt-my-documents-button-label {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 24px;
  line-height: 2.4rem;
  color: #0071b9;
  word-break: break-word;
}
.pt-my-documents .btn-overview-wrapper {
  margin-top: 75px;
}
.pt-my-documents .btn-overview-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pt-my-documents .btn-overview {
    width: 33.333%;
    padding-right: 6.666px;
  }
  .pt-my-documents .btn-overview:nth-child(3n+3) {
    padding-left: 6.666px;
    padding-right: 0;
  }
  .pt-my-documents .btn-overview:nth-child(3n+2) {
    padding-left: 3.333px;
    padding-right: 3.333px;
  }
}
@media (min-width: 1024px) {
  .pt-my-documents .btn-overview {
    padding: 0 35px 35px 0;
  }
  .pt-my-documents .btn-overview:nth-child(3n+3) {
    padding-right: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-my-documents .btn-overview > span {
    width: 178px;
  }
}
@media (min-width: 1280px) {
  .pt-my-documents .btn-overview > span {
    width: 195px;
  }
}
.pt-my-documents .btn-overview .icon:before {
  display: block;
  line-height: 0.6;
}
.pt-my-documents .btn-overview.planet .icon:before {
  content: '\d005';
}
.pt-my-documents .btn-overview.parking .icon:before {
  content: '\e903';
}
.pt-my-documents .btn-overview.police .icon:before {
  content: '\e60f';
}
.pt-my-documents .btn-overview.car-shine .icon:before {
  content: '\d002';
}
.pt-my-documents .btn-overview.card-car .icon:before {
  content: '\d003';
}
.pt-my-documents .btn-overview.card-caravan .icon:before {
  content: '\d004';
}

.pt-report-damage hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #d8d8d8;
}
.pt-report-damage .clear {
  clear: both;
}
.pt-report-damage .lnk-content, .pt-report-damage .l-landing #myDataPanel a, .l-landing #myDataPanel .pt-report-damage a {
  font-weight: 700;
  text-decoration: none;
}
.pt-report-damage .clr-gray {
  color: #909090;
}
.pt-report-damage .clr-black {
  color: #202020;
}
.pt-report-damage .clr-blue-dark {
  color: #0071b9;
}
.pt-report-damage .pt-damage-report-wrapper {
  box-sizing: border-box;
  max-width: 770px;
}
.pt-report-damage .tabs {
  margin: 30px -4px;
}
.pt-report-damage .tabs:after {
  content: '';
  display: table;
  clear: both;
}
.pt-report-damage .tabs li {
  float: left;
  padding: 4px;
  width: 33.33%;
}
.pt-report-damage .tabs li a {
  padding: 20px;
  width: 100%;
  min-height: 146px;
  font-size: 15px;
  font-size: 1.2rem;
  line-height: 20px;
  line-height: 2.0rem;
 /* text-transform: uppercase;*/
  text-align: center;
}
.pt-report-damage .tabs li a .icon {
  display: block;
  margin: 0 auto 10px;
  font-size: 56px;
  font-size: 5.6rem;
  line-height: 1;
}
@media (max-width: 479px) {
  .pt-report-damage .tabs li {
    float: none;
    width: 100%;
  }
  .pt-report-damage .tabs li a {
    padding: 10px;
    min-height: 0;
  }
  .pt-report-damage .tabs li a .icon {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.pt-report-damage .tab-pane {
  display: none;
}
.pt-report-damage .tab-pane.active {
  display: block;
}
.pt-report-damage .list {
  margin-bottom: 30px;
}
.pt-report-damage .list li {
  position: relative;
  padding-left: 25px;
  line-height: 30px;
  line-height: 3rem;
}
.pt-report-damage .list li:after {
  content: '\2022';
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 32px;
  font-size: 3.2rem;
  color: var(--secondary-color);
}
.pt-report-damage .btn-group {
  margin-left: -15px;
  margin-right: -15px;
}
.pt-report-damage .btn-lg {
  padding: 13px 40px 15px;
  margin: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.pt-report-damage .btn-text {
  padding: 0;
}
.pt-report-damage .cmp-formfield-radio {
  padding-top: 4px;
  padding-bottom: 5px;
}
.pt-report-damage .cmp-formfield-radio input + label {
  margin-right: 10px;
  min-width: 1px;
}
.pt-report-damage .form-horizontal {
  max-width: 560px;
}
.pt-report-damage .form-horizontal .cmp-formfield {
  margin-bottom: 10px;
}
.pt-report-damage .form-horizontal .label {
  position: relative;
  font-weight: 600;
}
.pt-report-damage .form-horizontal .label:after {
  content: '';
}
.pt-report-damage .form-horizontal .label:before {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  top: -5px;
  width: 94%;
  height: 1px;
  background: #ebebeb;
}
.pt-report-damage .form-horizontal .label.no-border:before {
  display: none !important;
}
.pt-report-damage .form-horizontal .cmp-formfield.required .label:after {
  content: '\00a0\002a';
  color: #0071b9;
}
.pt-report-damage .form-horizontal .cmp-formfield:first-child .label:before {
  display: none !important;
}
@media (min-width: 480px) {
  .pt-report-damage .form-horizontal .cmp-formfield:after {
    content: '';
    display: table;
    clear: both;
  }
  .pt-report-damage .form-horizontal .label {
    float: left;
    padding-top: 4px;
    padding-right: 15px;
    width: 41.07%;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .pt-report-damage .form-horizontal .label:before {
    display: block;
  }
  .pt-report-damage .form-horizontal .form-control {
    float: left;
    width: 58.93%;
  }
}
.pt-report-damage .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.pt-report-damage .input-group .form-control {
  float: left;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
}
.pt-report-damage .input-group-addon,
.pt-report-damage .input-group-btn,
.pt-report-damage .input-group .form-control {
  display: table-cell;
}
.pt-report-damage .input-group-addon:not(:first-child):not(:last-child),
.pt-report-damage .input-group-btn:not(:first-child):not(:last-child),
.pt-report-damage .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.pt-report-damage .input-group-addon,
.pt-report-damage .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.pt-report-damage .input-group-addon {
  padding-left: 7px;
  padding-right: 7px;
  font-size: 13px;
  font-size: 1.3rem;
  background: var(--listing-pg-bg);
  border: 1px solid #c3c3c3;
}
.pt-report-damage .input-group-addon:first-child {
  border-right: 0;
}
.pt-report-damage .input-group-addon:last-child {
  border-left: 0;
}
.pt-report-damage .cmp-formfield-file-upload {
  max-width: 220px;
  margin-bottom: 8px;
}
.pt-report-damage .cmp-formfield-file-upload .input-group {
  display: none;
}
.pt-report-damage .cmp-formfield-file-upload .form-control {
  position: relative;
}
.pt-report-damage .cmp-formfield-file-upload .form-control .label {
  display: block;
  padding: 11px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #909090;
  border: 2px solid #0071b9;
  border-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pt-report-damage .cmp-formfield-file-upload .btn-remove {
  padding-left: 13px;
  padding-right: 13px;
}
.pt-report-damage .cmp-formfield-file-upload .btn-remove .icon {
  font-size: 16px;
}
.pt-report-damage .cmp-formfield-file-upload .btn-browse {
  position: relative;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  text-align: center;
}
.pt-report-damage .cmp-formfield-file-upload .btn-browse input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.pt-report-damage .cmp-formfield-file-upload.selected .input-group {
  display: table;
}
.pt-report-damage .cmp-formfield-file-upload.selected .btn-browse {
  display: none;
}
@media (min-width: 640px) {
  .pt-report-damage .pt-saf-wrapper .pt-saf-col {
    float: left;
    width: 51.94805%;
  }
  .pt-report-damage .pt-saf-wrapper .pt-saf-col.right {
    padding-left: 30px;
    width: 48.05195%;
  }
  .pt-report-damage .cmp-formfield-radio {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 480px) and (max-width: 505px){
    .btn-overview .icon.chnage-driver-old {
        margin-left: 13px;
    }

}
.pt-report-damage .pt-saf-image {
  max-width: 320px;
  width: 100%;
  height: auto;
}
.pt-report-damage .pt-section {
  margin: 50px 0;
}
.pt-report-damage .step-section,
.pt-report-damage .step-content {
  display: none;
}
.pt-report-damage #damage-report-document-choice {
  display: block;
}
.download-saf-link{
    color: var(--link-color);
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
}
.download-saf-link:hover {
   text-decoration: underline;
}
.message-link{
    color: var(--secondary-color);
    font-weight: bold;
    text-decoration-line: underline;
}
.message-link:hover {
    color: var(--secondary-color);
}

.applicationDialog {
    z-index: 1000 !important;
    width: 30% !important;
    height: auto !important;
    left: 33% !important;
    top: 20% !important;
}

.storesLogo {
    width: 40% !important;
}

.popupContent {
    margin: 10px !important;
}

/* IE 11 and Edge */
.save-mileage {
    margin-left: 243px !important;
}

.ifrs-select-menu {
    padding-bottom: 17px !important;
}

/* Google Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .save-mileage {
        margin-left: 266px !important;
    }

    .ifrs-select-label {
        position: relative;
        top: -10px;
    }

    .ifrs-select-menu {
        padding-bottom: 10px !important;
    }
}

/* Firefox */
@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {
    .save-mileage {
        margin-left: 260px !important;
    }

    .ifrs-select-label {
        position: relative;
        top: -10px;
    }

    .ifrs-select-menu {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 1023px) {
    .applicationDialog {
        z-index: 1000 !important;
        width: 87% !important;
        height: auto !important;
        left: 1% !important;
        top: 0% !important;
    }
    .storesLogo {
        width: 50% !important;
    }
    .popupContent {
        margin: 5px !important;
    }
    .save-mileage {
        margin-left: 0px !important;
    }
}

@media (max-width: 1023px) and (orientation: landscape){
    .applicationDialog {
        z-index: 1000 !important;
        width: 87% !important;
        height: auto !important;
        left: 3% !important;
        top: 0% !important;
    }
    .storesLogo {
        width: 30% !important;
    }
    .popupContent {
        margin: 5px !important;
    }
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .applicationDialog {
        z-index: 1000 !important;
        width: 67% !important;
        height: auto !important;
        left: 15% !important;
        top: 25% !important;
    }
}

.bold-900 {
    font-weight: 900 !important;
}

@media (min-width: 1024px) {
    .support-box {
        position: absolute !important;
        bottom: 15px !important;
    }
    .form-input {
        margin-left: 10px !important;
    }
}

.reset-password-link {
    width: 130px !important;
    text-align: right !important;
}

.red-font {
    color: red;
}

.appointment-planner-error {
    margin-left: 5px !important;
}
.white-font{
    color: var(--text-color-light) !important;
}

.email-error {
    color: #b94a48 !important;
}

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

.maintenance-message {
    color: #856404;
    background-color: #f3e8c8;
    border: 1px solid #dabe69;
    top: 0;
    width: 100%;
    opacity: 0.9;
    padding: 15px 19px;
    margin: auto;
}

#close {
    cursor: pointer;
    float: right;
    font-size: 24px;
    margin-top: -7px;
}

#maintenance {
    position: absolute;
    width: 100%;
    z-index: 11;
    padding: 0px;
    top: 0px;
}

.maintenance-text {
    width: 97%;
}

.text-center {
    text-align: center;
}

.required-mark {
    color: red;
    line-height: 21pt;
    font-size: 13pt;
}

body {
    
}

.color-white {
    color: var(--text-color-light) !important;
}

.primary-link {
    color: var(--secondary-color) !important;
}

.text-uppercase {
    /*text-transform: uppercase !important;*/
}

.color-white {
    color: white !important;
}

.white-background {
    background-color: #ffffff !important;
}

.sidebar-header-text {
    text-transform: none !important;
    padding: 0px !important;
}

.bold-font {
    font-weight: bold !important;
}

.primary-header {
    color: var(--secondary-color) !important;
    
   /* text-transform: uppercase !important;*/
}

.primary-sub-header {
    color: var(--secondary-color) !important;
    
   /* text-transform: uppercase !important;*/
    margin-left: 165px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.block-link{
    display: block;
    text-align: end;
    width: 468px;
    margin-top: 5px;
}

.error-msg-align {
  margin: 8px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}
@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

.m-t--6 {
    margin-top: -6px !important;
}

.m-t-20 {
    margin-top: 20px;
}

.m-r-0 {
    margin-right: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.float-right {
    float: right !important;
}

.table-pagination {
    float: left;
}

.table-pagination>ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.table-pagination>ul>li {
    display: inline-block;
    margin-right: 5px;
}

.table-pagination>ul>li a {
    padding: 3px 5px;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.table-pagination>ul>li input {
    width: 37px;
    height: 25px;
    padding: 0 6px;
    border: 1px solid #CCC;
    text-align: center;
}

.table-pagination>ul>li a.prev {
    padding: 5px 10px;
}

.search-box {
    width: 222px !important;
    height: 30px;
    margin-left: 5px;
}

.sort-dropdown {
    width: 225px !important;
    height: 30px;
}

@media screen and (max-width:320px) {
    .col-xs-12 {
        padding-left: 0px !important;
    }

    .search-field {
        margin-top: 10px !important;
    }

    .search-box {
        width: 180px !important;
    }

    .sort-dropdown {
        width: 155px !important;
    }
}

@media screen and (max-width:479px) {
    .search-field {
        margin-top: 10px !important;
    }

    .search-box {
        width: 180px !important;
    }

    .sort-dropdown {
        width: 155px !important;
    }

    .table-pagination {
        float: none;
        display: table;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:768px) {
    .search-box {
        width: 150px !important;
    }
    
     .primary-sub-header{
    	margin-left: 5px !important;
    }
    .block-link{
    	 width: 290px;
    }
}

.width-220 {
    width: 220px !important;
}

.width-250 {
    width: 250px !important;
}

.cookie-setting-trigger{
    float: right;
    text-align: right;
    text-decoration: none;
    color: var(--text-color-dark);
    outline: none !important;
}
.cookie-setting-trigger:hover{
    text-decoration: underline;
}
@media (max-width: 1023px){
	.cookie-setting-trigger{
	    float: none;
	    display: block;
	    text-align: left;
	    margin-top: 15px;
	    text-decoration: underline;
	}
}
.btn-accent{
  background-color: var(--accent-color) !important;
  color: var(--secondary-color) !important;
}

a:not(li a),
.reset-password-link {
  color: var(--link-color) !important;
}
.ui-messages-info {
  color: var(--secondary-color) !important;
 }

.btn-secondary-outline {
  border: 1px solid var(--secondary-color);
  background: var(--primary-color) !important;
  color: var(--secondary-color) !important;
}
a.btn-blue.btn-lg.btn-secondary-outline {
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}
.change-password-dialog{
  top:0px !important;
}