@charset "UTF-8";
@font-face {
  font-family: "MINI Serif";
  src: url('../../fonts/MINISerif-Regular-ver-2756CF73887FEF42DF365A1DA1F813AE.otf') format("opentype");
  src: url('../../fonts/MINISerif-Regular-ver-E6EADBEC8DFC125DE83305FF9BC62C2D.ttf') format("truetype");
}
@font-face {
  font-family: "MINI Serif";
  src: url('../../fonts/MINISerif-Bold-ver-132D0423B734A52343831DE24B4E0A8F.otf') format("opentype");
  src: url('../../fonts/MINISerif-Bold-ver-B81C259CC4AFD1847FB9B2208C2C4ADC.ttf') format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "MINI Serif";
  src: url('../../fonts/MINISerif-Italic.ttf') format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "BMW TypeNext";
  src: url('../../fonts/BMWTypeNextTT-Regular-ver-3B2640912CA363114F939AF28EC5B697.ttf') format("truetype");
}
@font-face {
  font-family: "BMW TypeNext";
  src: url('../../fonts/BMWTypeNextTT-Bold-ver-0F43A7A9F5C7345B2756E66F9B585872.ttf') format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "BMW TypeNext";
  src: url('../../fonts/BMWTypeNextTT-Light-ver-391FC91CBC272EDF5A83C8A90FF8AF9A.ttf') format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "BMW TypeNext";
  src: url('../../fonts/BMWTypeNextTT-Thin-ver-F2F86E3944857591F0247331D243F859.ttf') format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Trade Gothic";
  src: url('../../fonts/TradeGothicLTCom-ver-D083ED8C0A0AF49A9A82E834276F21A0.ttf') format("truetype");
}
@font-face {
  font-family: "Trade Gothic";
  src: url('../../fonts/TradeGothicLTCom-BdCn20-ver-D1E085F9B3170F2A6EF35BB5D4EA9CF0.ttf') format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica";
  src: url('../../fonts/Helvetica-ver-1B580D980532792578C54897CA387E2C.ttf') format("truetype");
}
@font-face {
  font-family: "Helvetica";
  src: url('../../fonts/Helvetica-Bold-ver-D13DB1FED3945C3B8C3293BFCFADB32F.ttf') format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica";
  src: url('../../fonts/Helvetica-Oblique-ver-5E9D01A525A6945BD22C9A6C4406F75B.ttf') format("truetype");
  font-style: oblique;
}
@font-face {
  font-family: "Helvetica";
  src: url('../../fonts/Helvetica-BoldOblique-ver-1243B706DBF774EDB405221533014853.ttf') format("truetype");
  font-weight: bold;
  font-style: oblique;
}
@font-face {
  font-family: "Blender Pro";
  src: url('../../fonts/BlenderPro-Medium-ver-F0A105CF62A1684916234EE3CDF3BB7F.eot');
  src: url('../../fonts/BlenderPro-Medium-ver-08CDDC5AD553387731F7778041B23B49.woff') format("woff");
}
@font-face {
  font-family: "Blender Pro";
  src: url('../../fonts/BlenderPro-Bold-ver-508436E0B1229AA2485A0514BCCF86D8.eot');
  src: url('../../fonts/BlenderPro-Bold-ver-0605DEEDAC12C21FB656847903B04F56.woff') format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/MaterialIcons-Regular-ver-FC6295A305D4A8ACA6C4D9D5606F8AF2.ttf') format("truetype");
}
:root {
  --pm-main-color1: #293067;
  --pm-main-color1-h: 233.2258064516deg;
  --pm-main-color1-s: 43.0555555556%;
  --pm-main-color1-l: 28.2352941176%;
  --pm-main-color2: #768396;
  --pm-main-color2-h: 215.625deg;
  --pm-main-color2-s: 13.2231404959%;
  --pm-main-color2-l: 52.5490196078%;
  --pm-main-color3: #f2f3f5;
  --pm-main-color3-h: 220deg;
  --pm-main-color3-s: 13.0434782609%;
  --pm-main-color3-l: 95.4901960784%;
  --pm-xolvis-main-color1: #293067;
  --pm-xolvis-main-color1-h: 233.2258064516deg;
  --pm-xolvis-main-color1-s: 43.0555555556%;
  --pm-xolvis-main-color1-l: 28.2352941176%;
  --pm-text-color: #000000;
  --pm-text-color-h: 0deg;
  --pm-text-color-s: 0%;
  --pm-text-color-l: 0%;
  --pm-text-color-light: #515151;
  --pm-text-color-light-h: 0deg;
  --pm-text-color-light-s: 0%;
  --pm-text-color-light-l: 31.7647058824%;
  --pm-text-color-headline: #444444;
  --pm-text-color-headline-h: 0deg;
  --pm-text-color-headline-s: 0%;
  --pm-text-color-headline-l: 26.6666666667%;
  --pm-text-color-header: #444444;
  --pm-text-color-header-h: 0deg;
  --pm-text-color-header-s: 0%;
  --pm-text-color-header-l: 26.6666666667%;
  --pm-text-color-warning: #D20000;
  --pm-text-color-warning-h: 0deg;
  --pm-text-color-warning-s: 100%;
  --pm-text-color-warning-l: 41.1764705882%;
  --pm-text-color-success: #008800;
  --pm-text-color-success-h: 120deg;
  --pm-text-color-success-s: 100%;
  --pm-text-color-success-l: 26.6666666667%;
  --pm-text-color-table-header: #444444;
  --pm-text-color-table-header-h: 0deg;
  --pm-text-color-table-header-s: 0%;
  --pm-text-color-table-header-l: 26.6666666667%;
  --pm-background-color: #e7e5e5;
  --pm-background-color-h: 0deg;
  --pm-background-color-s: 4%;
  --pm-background-color-l: 90.1960784314%;
  --pm-second-highlight-color: #A6ADB4;
  --pm-second-highlight-color-h: 210deg;
  --pm-second-highlight-color-s: 8.5365853659%;
  --pm-second-highlight-color-l: 67.8431372549%;
  --pm-highlight-text-color: #666666;
  --pm-highlight-text-color-h: 0deg;
  --pm-highlight-text-color-s: 0%;
  --pm-highlight-text-color-l: 40%;
  --pm-panel-background-color: #FFF;
  --pm-panel-background-color-h: 0deg;
  --pm-panel-background-color-s: 0%;
  --pm-panel-background-color-l: 100%;
  --pm-input-border: #D6D9DC;
  --pm-input-border-h: 210deg;
  --pm-input-border-s: 7.8947368421%;
  --pm-input-border-l: 85.0980392157%;
  --pm-input-border-focus: #4C9AFF;
  --pm-input-border-focus-h: 213.8547486034deg;
  --pm-input-border-focus-s: 100%;
  --pm-input-border-focus-l: 64.9019607843%;
  --pm-header-logo-path: url('../../img/logo-ver-882864EA0751E8A025F7EFCF30586CD6.jpg');
  --pm-header-background-path: url('../../img/header-ver-A7EC396013FBC626AAD9E57D7DF5968B.jpg');
  --pm-font-family: "Open Sans", sans-serif;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* WARNING: Manipulated by Paymail !!!!!!!!!!!!!!!!!!!! */
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #EEEFEA;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/* WARNING: Manipulated by Paymail !!!!!!!!!!!!!!!!!!!! */
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/* WARNING: Manipulated by Paymail !!!!!!!!!!!!!!!!!!!! */
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url('../../img/icons/photoswipe/default-skin.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
  background-image: url('../../img/icons/photoswipe/default-skin-ver-C5EEA8D12C8B0F579E8C4B281FDC6EA3.svg');
}

.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
  background: none;
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(254, 254, 254, 0.9);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(254, 254, 254, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(254, 254, 254, 0.9);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(254, 254, 254, 0.9);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url('../../img/icons/photoswipe/preloader-ver-E34AAFBB485A96EAF2A789B2BF3AF6FE.gif') 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(254, 254, 254, 0.9);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(254, 254, 254, 0.9);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.pm-paymentForm-button {
  background-color: var(--pm-main-color2);
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition: 0.5s;
  color: white;
  padding: 0.1875rem 1.25rem;
  cursor: pointer;
  display: inline-block;
}
.pm-paymentForm-button:hover {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + -10%));
}
.pm-paymentForm-button:active {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + -20%));
}

.pm-paymentForm {
  margin-bottom: 0.625rem;
}
.pm-paymentForm .pm-paymentForm-button.pm-pay {
  margin-top: 0.75rem;
}

.pm-creditCard {
  display: inline-grid;
  grid-template-columns: max-content 3rem min-content 3rem min-content min-content;
  grid-template-rows: 2rem 2rem 2rem;
  grid-template-areas: "numberLabel number number number number number" "dateLabel month slash year . ." "cvLabel cv . storeLabel storeLabel store";
  align-content: space-between;
  justify-content: start;
  row-gap: 0.5rem;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: var(--pm-main-color1);
  background: var(--pm-background-color);
}
.pm-creditCard .pm-creditCard-label {
  padding-right: 0.75rem;
  line-height: 2rem;
  text-align: right;
}
.pm-creditCard .pm-creditCard-field {
  padding: 0 0.35rem;
  border-radius: 0.25rem;
  background: white;
}
.pm-creditCard .pm-creditCard-label-number {
  grid-area: numberLabel;
}
.pm-creditCard .pm-creditCard-number {
  grid-area: number;
  min-width: 9rem;
}
.pm-creditCard .pm-creditCard-label-date {
  grid-area: dateLabel;
}
.pm-creditCard .pm-creditCard-month {
  grid-area: month;
}
.pm-creditCard .pm-creditCard-slash {
  grid-area: slash;
  padding: 0 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
}
.pm-creditCard .pm-creditCard-slash::before {
  content: "/";
}
.pm-creditCard .pm-creditCard-year {
  grid-area: year;
}
.pm-creditCard .pm-creditCard-label-cv {
  grid-area: cvLabel;
}
.pm-creditCard .pm-creditCard-cv {
  grid-area: cv;
}
.pm-creditCard .pm-creditCard-store-label {
  grid-area: storeLabel;
  min-width: 3rem;
}
.pm-creditCard .pm-creditCard-store {
  grid-area: store;
}

.pm-clp-creditCard {
  display: grid;
  max-width: 42rem;
  grid-template-rows: min-content;
  grid-template-areas: "card-number-label expiry-date-label expiry-date-label expiry-date-label cvv-label store-label" "card-number expiry-date-month expiry-date-slash expiry-date-year cvv store";
  column-gap: 1rem;
}
@media screen and (max-width: 600px) {
  .pm-clp-creditCard {
    grid-template-areas: "card-number-label card-number-label card-number-label" "card-number card-number card-number" "expiry-date-label expiry-date-label expiry-date-label" "expiry-date-month expiry-date-slash expiry-date-year" "cvv-label cvv-label cvv-label" "cvv cvv cvv" "store-label store-label store-label" "store store store";
  }
}
.pm-clp-creditCard .pm-creditCard-label-number {
  grid-area: card-number-label;
}
.pm-clp-creditCard .pm-creditCard-number {
  grid-area: card-number;
}
.pm-clp-creditCard .pm-creditCard-label-date {
  grid-area: expiry-date-label;
}
.pm-clp-creditCard .pm-creditCard-month {
  grid-area: expiry-date-month;
}
.pm-clp-creditCard .pm-creditCard-slash {
  grid-area: expiry-date-slash;
}
.pm-clp-creditCard .pm-creditCard-year {
  grid-area: expiry-date-year;
}
.pm-clp-creditCard .pm-creditCard-label-cv {
  grid-area: cvv-label;
}
.pm-clp-creditCard .pm-creditCard-cv {
  grid-area: cvv;
}
.pm-clp-creditCard .pm-creditCard-field {
  height: 3rem;
  border-radius: 0.25rem;
  border: 1px solid #D9D9D9;
  background: #FFF;
  height: 3rem;
  padding: 0 1rem;
}
.pm-clp-creditCard .pm-creditCard-slash::before {
  content: "/";
}
.pm-clp-creditCard .pm-creditCard-slash {
  padding: 0 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  margin: 0 -1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pm-clp-creditCard .pm-creditCard-store-label {
  grid-area: storeLabel;
  min-width: 3rem;
}
.pm-clp-creditCard .pm-creditCard-store {
  grid-area: store;
}

.no-scroll-x {
  max-width: 100%;
  overflow-x: hidden;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.space-between {
  justify-content: space-between;
}

.mirror-x {
  transform: rotate(-90deg);
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mr-auto {
  margin-right: auto;
}

.mr-unset {
  margin-right: unset;
}

.mr-0 {
  margin-right: 0;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.bold {
  font-weight: bold;
}

.hidden {
  display: none;
}

.text-underline {
  text-decoration: underline;
}

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

b, strong {
  font-weight: 600;
}

table p {
  padding: 0;
  margin: 0;
}

.pm-testsystem-warning {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.pm-testsystem-warning > div {
  padding: 0.25rem 1.25rem;
  text-transform: uppercase;
  color: white;
}
.pm-testsystem-warning > div.info {
  background-color: #aa0000;
  opacity: 0.7;
}
.pm-testsystem-warning > div.status {
  background-color: #c6ae04;
}
.pm-testsystem-warning.local .info {
  background-color: #00aa00;
}

table.no-padding tbody th, table.no-padding tbody td {
  padding: 0;
  margin: 0;
}

.recorder {
  height: 3.5rem;
  padding: 0.5rem;
  padding-left: 2.25rem;
  display: flex;
  justify-content: flex-end;
  background: #EEEFEA;
  border-radius: 0.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../img/icons/microphone-ver-003B4DA14AA0C86A032B389000E7F5AF.svg');
  background-position: center left 0.5rem;
  background-size: 1.25rem;
}
.recorder .play {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  border: solid 0.2rem #333;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: all 0.3s ease;
  cursor: pointer;
  background-image: url('../../img/icons/recorder-play-ver-4A1DB75D1D5B81A061753FB3BF4515DC.svg');
  margin-right: 0.5rem;
}
.recorder .record {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  border: solid 0.2rem #333;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: all 0.3s ease;
  cursor: pointer;
  background-image: url('../../img/icons/recorder-record-ver-E79F96AB6A3DE00A91AFE5B3BB1D758F.svg');
  background-size: 7rem;
  margin-right: 0.5rem;
}
.recorder .delete {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  border: solid 0.2rem #333;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: all 0.3s ease;
  cursor: pointer;
  background-image: url('../../img/icons/trash-ver-D6B48D5B7960C16F9CB3E377A595D36E.svg');
}
.recorder.state-initial .play {
  opacity: 0.25;
  cursor: default;
}
.recorder.state-initial .delete {
  opacity: 0.25;
  cursor: default;
}
.recorder.state-recording .play {
  opacity: 0.25;
  cursor: default;
}
.recorder.state-recording .record {
  background-size: 1rem;
}
.recorder.state-recording .delete {
  opacity: 0.25;
  cursor: default;
}
.recorder.recording-stopping .play {
  opacity: 0.25;
  cursor: default;
}
.recorder.recording-stopping .record {
  opacity: 0.25;
  cursor: default;
}
.recorder.recording-stopping .delete {
  opacity: 0.25;
  cursor: default;
}
.recorder.state-playing .play {
  background-image: url('../../img/icons/recorder-pause-ver-359A28D1F6C1EF0BAE08D57C5583E8C9.svg');
}
.recorder.state-playing .record {
  opacity: 0.25;
  cursor: default;
}
.recorder.state-playing .delete {
  opacity: 0.25;
  cursor: default;
}

.pm-payment {
  width: 6.5rem;
  height: 1.375rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.pm-payment.credit_card {
  background-image: url('../../img/paymentCreditCards-ver-F3B7676124C49C97FE580449A766E919.png');
}
.pm-payment.giropay {
  background-image: url('../../img/paymentGiropay-ver-E26CEFC46FC6B2B683C239B4D95596B2.png');
}
.pm-payment.sofort_überweisung {
  background-image: url('../../img/paymentSofort-ver-4027630C16F9A20911E7DE5A8CB1944A.png');
}
.pm-payment.paypal {
  background-image: url('../../img/paymentPaypal-ver-65B25C1BFABFEB1EEBC7C57F09D43686.png');
}
.pm-payment.paypal_plus {
  background-image: url('../../img/paymentPaypalPlus-ver-40BCB7A3C297521B5096559D54B9A7CD.png');
}
.pm-payment.paybybank {
  background-image: url('../../img/paymentpbba-ver-51993697749A2E680EAC6D7C979E5C61.png');
}
.pm-payment.pix {
  background-image: url('../../img/paymentPix-ver-C90BC02ECE59BDC2B7186EAC96536E36.png');
}
.pm-payment.boleto {
  background-image: url('../../img/paymentBoleto-ver-2A84B628F4799742F7DEA94F037FCC5C.png');
}
.pm-payment.bank_transfer {
  background-image: url('../../img/paymentBankTransfer-ver-09F783D632B0F1CE2968A6472DDFE3BF.png');
}
.pm-payment.ideal {
  background-image: url('../../img/paymentIDeal-ver-DE6A791ADF46F80587BCAEB0C9F31424.png');
}
.pm-payment.bancontact {
  background-image: url('../../img/paymentBancontact-ver-FDD1318827C7D550D47A991EF899D32A.png');
}
.pm-payment.hpp {
  background-image: url('../../img/paymentHPP-ver-9EB8968416950A84DAB72CAA05F3CC81.png');
}

.sw-uploads-button {
  display: none;
  position: fixed;
  top: 0;
  left: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
  background-color: white;
  cursor: pointer;
  border: 0.05rem solid lightgrey;
  border-top-width: 0;
  z-index: 10000;
}
body[ws-uploading] .sw-uploads-button {
  display: block;
}
body[ws-uploading=pending] .sw-uploads-button {
  background-image: url('../../img/icons/sync-line-ver-ED236495A32BFDDBC6971EED750CAE57.svg');
  background-size: 1.75rem;
}
body[ws-uploading=finishedWithErrors] .sw-uploads-button {
  background-image: url('../../img/icons/status-5-5-err-icon-ver-037987B8CB55FF44CEAC05C460EACA5E.png');
}
body[ws-uploading=finished] .sw-uploads-button {
  background-image: url('../../img/icons/check-92a2bd-ver-3D13F84B39ECF94DB62EFE99CDCE94AC.png');
}

.sw-uploads {
  position: fixed;
  display: none;
  top: 0;
  left: 0.5rem;
  width: calc(100% - 1rem);
  background: white;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: 0 0 0.75rem -0.25rem black;
  overflow: hidden;
  z-index: 10001;
}
body:not([ws-uploading]) .sw-uploads {
  display: none !important;
}
.sw-uploads .top {
  display: flex;
  padding: 0.5rem;
  align-items: stretch;
}
.sw-uploads .top .title {
  flex: 1 1 0;
  font-weight: 600;
}
.sw-uploads .top .close {
  flex: 0 0 auto;
  width: 2.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../img/icons/arrow-4d4d4d_rotated-ver-72927D6D131848684A94721FAB602A6B.png');
  background-size: 0.75rem;
  cursor: pointer;
}

.sw-upload {
  display: flex;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.sw-upload .left {
  flex: 0 0 auto;
}
.sw-upload .left .image {
  width: 4rem;
  height: 4rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  overflow: hidden;
}
.sw-upload .left .image video {
  width: 4rem;
  height: 4rem;
  border-radius: 0.5rem;
  object-fit: fill;
}
.sw-upload .right {
  flex: 1 1 auto;
}
.sw-upload .right .file-info {
  display: flex;
  align-items: stretch;
}
.sw-upload .right .file-info .name {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.sw-upload .right .file-info .size {
  flex: 1 0 auto;
  padding-left: 1rem;
}
.sw-upload .right .file-info .retry {
  display: none;
}
.sw-upload .right .file-info .retry.error {
  display: block;
  flex: 0 0 auto;
  width: 1.5rem;
  --size: 0.75rem;
  background-color: grey;
  cursor: pointer;
  mask: center no-repeat url('../../img/icons/refresh-line-ver-EA3A692477158E635CB47AD3B84A36C9.svg');
  mask-size: var(--size);
  -webkit-mask: center no-repeat url('../../img/icons/refresh-line-ver-EA3A692477158E635CB47AD3B84A36C9.svg');
  -webkit-mask-size: var(--size);
}
.sw-upload .right .file-info .abort {
  flex: 0 0 auto;
  width: 1.5rem;
  --size: 0.75rem;
  background-color: grey;
  cursor: pointer;
  mask: center no-repeat url('../../img/icons/window-close-line-ver-C2AFD3B33DEA6B7E1685BBAEDF9C7E40.svg');
  mask-size: var(--size);
  -webkit-mask: center no-repeat url('../../img/icons/window-close-line-ver-C2AFD3B33DEA6B7E1685BBAEDF9C7E40.svg');
  -webkit-mask-size: var(--size);
}
.sw-upload .right .file-info .abort.finished {
  mask: center no-repeat url('../../img/icons/check-ver-0A8A747EB7D5B5306A9421E34ECDC0D4.svg');
  mask-size: var(--size);
  -webkit-mask: center no-repeat url('../../img/icons/check-ver-0A8A747EB7D5B5306A9421E34ECDC0D4.svg');
  -webkit-mask-size: var(--size);
}
.sw-upload .right .progress-bar {
  margin: 0.25rem 0;
  height: 0.5rem;
  background: lightgray;
  border-radius: 0.5rem;
  overflow: hidden;
}
@keyframes progress {
  from {
    background-position-x: -2.9rem;
  }
  to {
    background-position-x: 0;
  }
}
.sw-upload .right .progress-bar .inner-progress {
  height: 100%;
  width: 25%;
  background: #40bd40;
}
.sw-upload .right .progress-bar.pending .inner-progress {
  background: repeating-linear-gradient(-45deg, #1a87ff, #1a87ff 0.5rem, #006ee6 0.5rem, #006ee6 1rem);
  background-size: 200% 100%;
  animation: progress 0.75s linear infinite;
}
.sw-upload .right .progress-bar.error .inner-progress {
  background: #FF3B30;
  min-width: 10%;
}
.sw-upload .right .progress-info {
  display: flex;
}
.sw-upload .right .progress-info .progress-percentage {
  flex: 0 1 auto;
}
.sw-upload .right .progress-info .status {
  flex: 1 1 auto;
  font-size: 0.8rem;
  padding-top: 0.25rem;
  margin-left: 0.25rem;
}
.sw-upload .right .progress-info .speed {
  flex: 0 1 auto;
}

.pm-svg-button {
  position: relative;
  height: 2.2rem;
  width: 2.2rem;
  cursor: pointer;
  background-color: var(--svg-color);
}
.pm-svg-button:hover {
  background-color: var(--svg-color-darker);
}
.pm-svg-button:active {
  background-color: var(--svg-color-darkest);
}
.pm-svg-button .pm-indicator {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  margin-top: 1.25rem;
  margin-left: 1.75rem;
  border-radius: 100%;
  background: var(--pm-main-color1);
  color: white;
  font-size: 0.7rem;
  line-height: 1.2rem;
  text-align: center;
}
.pm-svg-button .pm-indicator.pm-important {
  background: #FF3B30;
}
.pm-svg-button.pm-remove {
  --svg-color: white;
  --svg-color-darker: #cccccc;
  --svg-color-darkest: #999999;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  -webkit-mask-size: contain;
}
.pm-svg-button.pm-remove:hover {
  background-color: var(--svg-color-darker);
}
.pm-svg-button.pm-remove:active {
  background-color: var(--svg-color-darkest);
}
.pm-svg-button.pm-remove-dark {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  -webkit-mask-size: contain;
}
.pm-svg-button.pm-remove-dark:hover {
  background-color: var(--svg-color-darker);
}
.pm-svg-button.pm-remove-dark:active {
  background-color: var(--svg-color-darkest);
}

.attachments .cell {
  margin-bottom: 1rem;
}
.attachments .cell .attachment {
  background: #e6e6e6;
  margin-bottom: 0;
}
.attachments .cell .attachment .delete {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  background: #ef4940;
  z-index: 999;
  transition: ease-out background 0.1s;
}
.attachments .cell .attachment .delete::before {
  display: block;
  height: 1em;
  width: 1em;
  content: "";
  background: white;
  mask: center no-repeat url('../../img/icons/trash-ver-D6B48D5B7960C16F9CB3E377A595D36E.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/trash-ver-D6B48D5B7960C16F9CB3E377A595D36E.svg');
  -webkit-mask-size: contain;
}
.attachments .cell .attachment .delete:hover {
  background: #ff837d;
}
.attachments .cell .attachment .attachment-link {
  position: absolute;
  display: flex;
  right: 0;
  z-index: 999;
  --approve-background: #40bd40;
  --approve-background-h: 120deg;
  --approve-background-s: 49.4071146245%;
  --approve-background-l: 49.6078431373%;
  /*background: #4c4c4c;*/
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  background: var(--pm-main-color1);
  transition: ease-out background 0.1s;
}
.attachments .cell .attachment .attachment-link::before {
  display: block;
  height: 1em;
  width: 1em;
  content: "";
  background: white;
  mask: center no-repeat url('../../img/icons/check-ver-0A8A747EB7D5B5306A9421E34ECDC0D4.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/check-ver-0A8A747EB7D5B5306A9421E34ECDC0D4.svg');
  -webkit-mask-size: contain;
}
.attachments .cell .attachment .attachment-link.pm-enabled {
  cursor: pointer;
}
.attachments .cell .attachment .attachment-link.pm-enabled:hover {
  background: hsl(var(--approve-background-h), calc(var(--approve-background-s) + 0%), calc(var(--approve-background-l) + 5%));
}
.attachments .cell .attachment .attachment-link.pm-selected {
  cursor: default;
  background: hsl(var(--approve-background-h), calc(var(--approve-background-s) + -15%), calc(var(--approve-background-l) + 0%));
}
.attachments .cell .attachment .attachment-link.pm-selected:hover {
  background: hsl(var(--approve-background-h), calc(var(--approve-background-s) + -15%), calc(var(--approve-background-l) + 0%));
}
.attachments .cell .attachment .pm-approves {
  position: absolute;
  display: flex;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.attachments .cell .attachment .pm-approves .pm-approve {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  --approve-background: #40bd40;
  --approve-background-h: 120deg;
  --approve-background-s: 49.4071146245%;
  --approve-background-l: 49.6078431373%;
  background: #4c4c4c;
  transition: ease-out background 0.1s;
}
.attachments .cell .attachment .pm-approves .pm-approve::before {
  display: block;
  height: 1em;
  width: 1em;
  content: "";
  background: white;
  mask: center no-repeat url('../../img/icons/thumbs-up-ver-9157C10E266902487FD5F2508F0F380D.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/thumbs-up-ver-9157C10E266902487FD5F2508F0F380D.svg');
  -webkit-mask-size: contain;
}
.attachments .cell .attachment .pm-approves .pm-approve.pm-enabled {
  cursor: pointer;
}
.attachments .cell .attachment .pm-approves .pm-approve.pm-enabled:hover {
  background: hsl(var(--approve-background-h), calc(var(--approve-background-s) + 0%), calc(var(--approve-background-l) + 5%));
}
.attachments .cell .attachment .pm-approves .pm-approve.pm-selected {
  background: hsl(var(--approve-background-h), calc(var(--approve-background-s) + -15%), calc(var(--approve-background-l) + 0%));
}
.attachments .cell .attachment .pm-approves .pm-approve.pm-reject {
  --approve-background: #FF3B30;
  --approve-background-h: 3.1884057971deg;
  --approve-background-s: 100%;
  --approve-background-l: 59.4117647059%;
}
.attachments .cell .attachment .pm-approves .pm-approve.pm-reject::before {
  mask: center no-repeat url('../../img/icons/thumbs-down-ver-37B567F0192D00F64205D39E035AE8C9.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/thumbs-down-ver-37B567F0192D00F64205D39E035AE8C9.svg');
  -webkit-mask-size: contain;
}
.attachments .cell .attachment .pm-upload-progress {
  display: none;
}
.attachments .cell .attachment[data-upload-progress]:not([loaded-once]) .pm-upload-progress {
  display: block;
  position: absolute;
  right: 0;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
  background-color: white;
  line-height: 2rem;
  align-content: center;
  text-align: center;
  cursor: pointer;
  z-index: 999;
}
.attachments .cell .attachment[data-upload-progress]:not([loaded-once])[data-upload-progress=pending] .pm-upload-progress {
  background-image: url('../../img/icons/sync-line-ver-ED236495A32BFDDBC6971EED750CAE57.svg');
  height: 2rem;
  width: 2rem;
  background-size: 95%;
  font-size: 0.75rem;
}
.attachments .cell .attachment[data-upload-progress]:not([loaded-once])[data-upload-progress=converting] .pm-upload-progress {
  background-image: url('../../img/icons/slider-solid-ver-9F2691E5E2A27139DE5A7DDBFBC660B2.svg');
}
.attachments .cell .attachment[data-upload-progress]:not([loaded-once])[data-upload-progress=finished] .pm-upload-progress {
  background-image: url('../../img/icons/done-ver-89E998900BAA5268BADDFEE0059C3C6C.svg');
  background-color: #53aa53;
}
.attachments .cell .attachment[data-upload-progress]:not([loaded-once])[data-upload-progress=error] .pm-upload-progress {
  background-image: url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
  background-color: #FF3B30;
}
.attachments .cell .pm-attachment-info {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -10%));
  padding-top: 0.15rem;
  font-size: 0.725rem;
}
.attachments .cell.plus, .attachments .cell.pm-camera {
  border: 2px solid var(--pm-main-color1);
  background: #fefefe;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.65em;
  cursor: pointer;
}
.attachments .cell.plus .responsive-embed, .attachments .cell.pm-camera .responsive-embed {
  margin-bottom: 0;
}
.attachments .cell.plus {
  background-image: url('../../img/icons/plus-line-ver-D202D5BFFABAD39B87C020F9DF0665BA.svg');
}
.attachments .cell.pm-camera {
  background-image: url('../../img/icons/camera-solid-ver-B5DB3B3D8B4E90327A13FC0B138FC171.svg');
}

.pm-slider .switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.pm-slider .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1.5rem;
}
.pm-slider .slider:before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.pm-slider.pm-selected .slider {
  background-color: #29d62c;
}
.pm-slider.pm-unselected .slider {
  background-color: var(--pm-background-color);
}
.pm-slider.pm-selected .slider:before {
  transform: translateX(1.5rem);
}

.pm-chat-header {
  width: 100%;
  background: var(--pm-main-color1);
  color: white;
  padding: 0.25rem;
  border-radius: 1rem 1rem 0 0;
}
.pm-chat-header .pm-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.85rem;
  padding-left: 1rem;
  cursor: pointer;
}
.pm-chat-header .pm-slider {
  margin: 0 1rem;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.pm-chat-header .pm-remove {
  margin-right: 0.25rem;
}
.pm-chat-with-enduser .pm-chat-header {
  background: #FF3B30;
}

.pm-chat {
  position: relative;
  width: 100%;
  height: 25rem;
  background: white;
  display: flex;
  flex-direction: column;
}
.pm-chat-large .pm-chat, .pm-chat.pm-chat-large {
  height: 50vh;
}
.pm-chat .pm-date-top {
  text-align: center;
  color: var(--pm-main-color1);
  position: absolute;
  width: calc(100% - 1rem);
  margin-top: -1.5rem;
  opacity: 0;
  transition: ease-out all 0.3s;
  z-index: 1;
  pointer-events: none;
}
.pm-chat .pm-date-top span {
  background: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 30%));
}
.pm-chat .pm-date-top.pm-show {
  margin-top: 0.5rem;
  opacity: 1;
}
.pm-chat .pm-messages {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 0.25rem;
  overflow-x: hidden;
  overflow-y: scroll;
  background: white;
}
.pm-chat .pm-messages .pm-date-inner {
  text-align: center;
  color: var(--pm-main-color1);
  margin-bottom: 0.25rem;
  padding: 0 0.5rem;
}
.pm-chat .pm-messages .pm-date-inner::before {
  content: "";
  height: 1px;
  background: var(--pm-main-color1);
  display: block;
  margin-top: 1.25rem;
  margin-bottom: -0.75rem;
}
.pm-chat .pm-messages .pm-date-inner span {
  background: white;
  padding: 0 0.5rem;
}
.pm-chat .pm-messages .pm-message-container {
  overflow: auto;
}
.pm-chat .pm-messages .pm-message-container .pm-message {
  max-width: 80%;
  padding: 0.5rem 0.75rem 0.25rem 0.75rem;
  border-radius: 0.75rem;
}
.pm-chat .pm-messages .pm-message-container .pm-message .pm-author {
  font-weight: 600;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.pm-chat .pm-messages .pm-message-container .pm-message .pm-content {
  line-height: 1rem;
  word-break: break-word;
  white-space: pre-wrap;
}
.pm-chat .pm-messages .pm-message-container .pm-message .pm-meta-infos {
  display: flex;
  margin-top: 0.25rem;
  margin-right: -0.3rem;
  justify-content: end;
  opacity: 0.75;
  font-size: 0.75rem;
}
.pm-chat .pm-messages .pm-message-container .pm-message .pm-meta-infos .pm-status {
  width: 0.8rem;
  margin-left: 0.25rem;
  opacity: 0.75;
}
.pm-chat .pm-messages .pm-message-container .pm-message .pm-meta-infos .pm-status.pm-send {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../img/icons/check-double-ffffff-ver-72A52FC92DF0B1A599081C39E56DADE8.png');
  background-size: 0.8rem;
}
.pm-chat .pm-messages .pm-message-container.pm-left .pm-message {
  float: left;
  background: #eeefea;
  box-shadow: inset 1px -1px 0px 0px rgba(0, 0, 0, 0.05);
}
.pm-chat .pm-messages .pm-message-container.pm-right .pm-message {
  float: right;
  background: var(--pm-main-color1);
  color: white;
  box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.05);
}
.pm-chat .pm-messages .pm-message-container.pm-has-author {
  margin-top: 0.5rem;
}
.pm-chat .pm-messages .pm-message-container.pm-has-author.pm-left .pm-message {
  border-top-left-radius: 0;
}
.pm-chat .pm-messages .pm-message-container.pm-has-author.pm-right .pm-message {
  border-top-right-radius: 0;
}
.pm-chat .pm-messages .pm-message-container.pm-has-author::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.75rem solid black;
}
.pm-chat .pm-messages .pm-message-container.pm-has-author.pm-left::before {
  float: left;
  margin-right: calc(-0.5rem - 1px);
  border-top-color: #eeefea;
  filter: drop-shadow(-1px 0px 0 rgba(0, 0, 0, 0.15));
}
.pm-chat .pm-messages .pm-message-container.pm-has-author.pm-right::before {
  float: right;
  margin-left: calc(-0.5rem - 1px);
  border-top-color: var(--pm-main-color1);
  filter: drop-shadow(1px 0px 0 rgba(0, 0, 0, 0.5));
}
.pm-chat .pm-messages .pm-message-container.pm-has-no-author {
  margin-top: 0.18rem;
  padding: 0 calc(0.5rem - 1px);
}
.pm-chat .pm-messages .pm-no-messages {
  color: var(--pm-main-color1);
  padding-top: 2rem;
  text-align: center;
}
.pm-chat .pm-messages .pm-replay-info {
  margin: 0.75rem 0.5rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5em;
  text-align: center;
  border: solid var(--pm-main-color1);
  border-width: 0.05rem 0;
}
.pm-chat .pm-messages::after {
  content: "";
  display: block;
  height: 0.5rem;
}
.pm-chat .pm-new-message {
  padding: 0.5rem 0.5rem;
  background: var(--pm-main-color1);
  display: flex;
  align-items: center;
}
.pm-chat .pm-new-message .pm-chat-input-wrapper {
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: 1rem;
  background: white;
}
.pm-chat .pm-new-message .pm-chat-input-wrapper .pm-chat-input-placeholder {
  pointer-events: none;
  position: absolute;
  opacity: 0.6;
}
.pm-chat .pm-new-message .pm-chat-input-wrapper .pm-chat-input {
  width: 100%;
  min-height: 1.25rem;
  max-height: 5rem;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
  white-space: pre-wrap;
  outline: none;
}
.pm-chat .pm-new-message .pm-send {
  --svg-color: white;
  --svg-color-darker: #cccccc;
  --svg-color-darkest: #999999;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_side-ver-8E392BD0151AA44CD4634483625031BA.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_side-ver-8E392BD0151AA44CD4634483625031BA.svg');
  -webkit-mask-size: contain;
}
.pm-chat .pm-new-message .pm-send:hover {
  background-color: var(--svg-color-darker);
}
.pm-chat .pm-new-message .pm-send:active {
  background-color: var(--svg-color-darkest);
}
.pm-chat-with-enduser .pm-chat .pm-new-message {
  background: #FF3B30;
}

.pm-media-content {
  display: none;
}

.pswp .pm-media-content, .pswp .pm-media-content > * {
  display: block;
  width: 100%;
  height: 100%;
}

.pm-media {
  display: contents;
  cursor: pointer;
}
.pm-media .pm-media-preview {
  min-width: 100%;
  min-height: 100%;
  background: var(--pm-main-color1);
  object-fit: cover;
}
.pm-media .play-button {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s ease transform;
  pointer-events: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.pm-media:hover .play-button {
  transform: scale(1.2);
}
.pm-media.AttachmentType_VIDEO .play-button, .pm-media.AttachmentType_AUDIO .play-button {
  background-image: url('../../img/icons/play-video-ver-510C5B4C232D5A3E68A2C372937A5B2E.svg');
  background-size: 2rem;
}
.pm-media.AttachmentType_IMAGE .play-button {
  background-image: url('../../img/icons/search-flipped-ffffff-ver-0889137A168F591AF16E229EFEA2669C.png');
  background-position: right 0.5rem top 0.5rem;
  transform-origin: right top;
  background-size: 1.25rem;
}
.pm-media.AttachmentType_IMAGE {
  cursor: zoom-in;
}

.pm-inline-centered {
  display: inline-flex;
  align-items: center;
}
.pm-inline-centered .pm-inline-margin {
  margin: 0 1rem 0 0.5rem;
}

.pm-light-link {
  text-decoration: none;
  color: var(--pm-text-color);
  cursor: pointer;
}
.pm-light-link:hover {
  text-decoration: underline;
}

.pm-close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  z-index: 1000;
}
.pm-close-button:hover, .pm-close-button:focus {
  color: #0a0a0a;
}

.sharebox-description {
  margin-top: 1rem;
  font-size: 1rem;
}

.sharebox-content .sharebox-disclaimer {
  border: solid 1px var(--pm-main-color1);
  text-align: center;
  color: var(--pm-text-color-warning);
  margin: 1rem 2rem;
  padding: 0.5rem;
  letter-spacing: 0.25px;
}
.sharebox-content .sharebox-panel {
  margin: 2rem;
  display: flex;
  justify-content: center;
}
.sharebox-content .sharebox-panel a {
  text-transform: uppercase;
  height: 3rem;
  margin-left: 3rem;
}
.sharebox-content .sharebox-panel .button.primary {
  background-color: var(--pm-main-color1);
  padding: 1.1em 1.75em;
  border-radius: 0.25rem;
  color: #fefefe;
}
.sharebox-content .sharebox-panel .button.primary:hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -10%));
}
.sharebox-content .sharebox-panel .button.primary:active {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.sharebox-content .sharebox-panel .pm-input {
  height: 3rem;
}
.sharebox-content .sharebox-panel .pm-input input {
  padding: unset;
}
.sharebox-content .sharebox-panel input[type=number] {
  height: 3rem;
  border: solid 1px var(--pm-main-color1);
  text-align: center;
}
.sharebox-content .sharebox-panel input[type=number]::placeholder {
  color: #cacaca;
}
@media screen and (max-width: 39.99875em) {
  .sharebox-content .sharebox-panel {
    display: grid;
    justify-content: stretch;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  .sharebox-content .sharebox-panel .pm-input {
    margin-right: unset;
  }
  .sharebox-content .sharebox-panel a {
    margin-top: 1rem;
    margin-left: unset;
  }
}

.sharebox-openbox-info {
  color: var(--pm-highlight-text-color);
}
.sharebox-openbox-info .title {
  text-transform: uppercase;
  font-size: 1rem;
}
.sharebox-openbox-info .info {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.sharebox-openbox-info .info-icon {
  background-image: url('../../img/icons/icon-i-info-solid-ver-1C8535ACA6B6EA8DD6516997CD82AD7B.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-top: 0.1rem;
  margin-right: 0.25rem;
}
@media screen and (max-width: 39.99875em) {
  .sharebox-openbox-info .info-icon {
    height: 1.15rem;
    margin-top: 0.15rem;
  }
}
.sharebox-openbox-info .summary {
  font-size: 0.75rem;
  letter-spacing: 0.25px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.sharebox-openbox-info .summary li {
  margin-left: 1rem;
}

.pagination-controls {
  text-align: center;
  margin-top: 20px; /* Space between buttons and pagination */
  margin-bottom: 20px !important;
  padding: 0 16px;
}

/* Pagination Wrapper for Centered Alignment */
.pagination-wrapper {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  width: 100%;
}

/* Pagination Container with Transparent Background and Border */
.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.pagination-container::-webkit-scrollbar {
  height: 6px;
  display: none;
}

.pagination-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@supports (-moz-appearance: none) {
  .pagination-container {
    overflow-x: scroll; /* Explicit scroll for Firefox */
    scrollbar-width: thin; /* Adjust scrollbar width */
  }
}
/* Pagination Container */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 8px; /* Add gap between pagination items for even spacing */
  flex-wrap: nowrap;
}

/* Styling for the nav element */
nav[aria-label=Pagination] {
  margin: 0 auto; /* Center the pagination navigation */
  padding: 0 20px; /* Add horizontal padding to create space on the sides */
  max-width: 90%;
}

/* Pagination list items */
.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 32px;
  text-align: center;
}

/* Styling for pagination links */
.pagination a {
  padding: 6px 10px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Active page styling */
.pagination .current a {
  background: var(--pm-main-color1) !important;
  color: white !important;
  border-color: var(--pm-main-color1) !important;
  pointer-events: none;
  border-radius: 4px;
}

.pagination .current {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Hover effect */
.pagination a:hover {
  background: var(--pm-main-color1);
  color: white;
  border-color: var(--pm-main-color1);
}

/* Disabled links for first/last buttons */
.pagination a.disabled {
  pointer-events: none;
}

/* Uniform button styles */
.pagination a,
.pagination .pagination-previous,
.pagination .pagination-next {
  padding: 6px 10px;
  font-size: 14px;
  margin: 0 4px;
}

/* Previous and Next button styling */
.pagination .pagination-previous,
.pagination .pagination-next {
  /* width: 30px;
  height: 30px;
  padding: 0;  */
  min-width: 28px;
  padding: 6px;
  border-radius: 4px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .pagination-previous:hover,
.pagination .pagination-next:hover {
  background: white;
  color: #0a0a0a;
  border-color: white;
}

/* Ellipsis styling */
.pagination .ellipsis {
  pointer-events: none;
  color: #a0a0a0;
  padding: 4px 8px;
  text-align: center;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
}

/* Small screens adjustments */
@media (max-width: 600px) {
  .pagination-container {
    overflow-x: auto; /* Allow horizontal scrolling */
    gap: 6px;
  }
  /*    nav[aria-label="Pagination"] {
        padding: 0 10px;
        max-width: 100%;
     } */
  /* .pagination {
         gap: 4px;  */ /* Reduce spacing */ /*
} */
  .pagination a,
  .pagination .pagination-previous,
  .pagination .pagination-next {
    padding: 4px 6px; /* Even smaller buttons */
    font-size: 12px;
  }
  .pagination li {
    margin: 0 1px; /* Reduce margin between items */
  }
  .pagination .ellipsis {
    padding: 3px 5px;
    font-size: 12px;
  }
}
/* Very small mobile screens (like iPhone SE or similar) */
@media (max-width: 375px) {
  .pagination-container {
    padding: 4px 6px;
    max-width: 100%;
  }
  /*  nav[aria-label="Pagination"] {
         padding: 0 5px;
         max-width: 100%;
     } */
  .pagination a,
  .pagination .pagination-previous,
  .pagination .pagination-next {
    padding: 2px 4px;
    font-size: 10px;
  }
  .pagination .ellipsis {
    padding: 2px 4px;
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .pagination {
    display: flex;
    justify-content: center;
    gap: 4px; /* Reduce gap between items */
  }
  .pagination a,
  .pagination .pagination-previous,
  .pagination .pagination-next {
    padding: 4px 6px;
    font-size: 12px;
  }
  .pagination .ellipsis {
    font-size: 12px;
  }
}
/* Remove arrows from previous/next buttons if any */
.pagination-previous::before,
.pagination-next::before,
.pagination-previous::after,
.pagination-next::after {
  content: none !important;
}

.pagination .current a::before,
.pagination .current a::after {
  content: none !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes dance {
  10%, 90% {
    transform: rotate(-5deg);
  }
  20%, 80% {
    transform: rotate(10deg);
  }
  30%, 50%, 70% {
    transform: rotate(-20deg);
  }
  40%, 60% {
    transform: rotate(20deg);
  }
}
.is-reveal-open {
  overflow-y: scroll !important;
}

.pm-logo {
  width: 13rem !important;
}

body {
  font-size: 0.8125rem;
  background-color: var(--pm-background-color);
  overflow-y: scroll;
}

.dropdown-pane {
  border: none;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.pm-dropdown-menu {
  width: auto;
  min-width: 7.5rem;
  padding: 0.25rem 0;
  font-size: 0.8125rem;
  border: 1px solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -10%));
  border-radius: 0.25rem;
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -25%));
}
.pm-dropdown-menu .pm-dropdown-category {
  padding: 0.3rem 0.5rem 0.25rem;
  border-top: 1px solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + -10%), calc(var(--pm-main-color1-l) + 20%));
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + -5%), calc(var(--pm-main-color1-l) + -10%));
  text-transform: uppercase;
  font-size: 0.61rem;
}
.pm-dropdown-menu .pm-dropdown-item {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  transition: 0.1s ease-out padding;
}
.pm-dropdown-menu .pm-dropdown-item:hover {
  padding-left: 0.75rem;
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 25%));
}
.pm-dropdown-menu .pm-dropdown-item.pm-redirect .pm-dropdown-item-icon {
  display: inline-block;
}
.pm-dropdown-menu .pm-dropdown-item.pm-redirect .pm-dropdown-item-icon::before {
  content: "";
  display: block;
  width: 0;
  height: 0.6rem;
  transform: scale(1.25);
  mask: center no-repeat url('../../img/icons/redirect-ver-C22687E888E4C36CCCF8F19E6408B348.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/redirect-ver-C22687E888E4C36CCCF8F19E6408B348.svg');
  -webkit-mask-size: contain;
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -25%));
  mask-position: left;
  transition: 0.1s ease-out width;
}
.pm-dropdown-menu .pm-dropdown-item.pm-redirect:hover .pm-dropdown-item-icon::before {
  width: 1.2rem;
}

.pm-header-wrapper {
  background-color: white;
  color: var(--pm-text-color-header);
}
.pm-header-wrapper .pm-header-first-row {
  height: 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
.pm-header-wrapper .pm-header-first-row .pm-select-wrapper {
  font-size: 1em;
  margin-right: 1em;
  position: relative;
  top: 0.125em;
}
.pm-header-wrapper .pm-header-first-row .pm-select {
  border: none;
  padding-right: 1.2rem;
  box-shadow: none;
  padding-top: 0;
  text-transform: uppercase;
  font-weight: bold;
  width: fit-content;
  cursor: pointer;
}
.pm-header-wrapper .pm-header-first-row .pm-user-name {
  font-weight: 600;
  float: left;
}
.pm-header-wrapper .pm-header-first-row span {
  margin: 0 0.5rem;
}
.pm-header-wrapper .pm-header-first-row .pm-user-role {
  float: right;
}
.pm-header-wrapper .pm-header {
  height: 4rem;
  margin: 0 auto;
}
.pm-header-wrapper .pm-header .pm-user-actions {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding-top: 0.25rem;
}
.pm-header-wrapper .pm-header .pm-user-actions a {
  margin-left: 0.625rem;
  display: inline-block;
  margin-top: -0.25em;
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-notification {
  background-image: url('../../img/icons/notification-92a2bd-ver-66562347C08B9A68CAC0C4FAA500FF75.png');
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-search {
  background-image: url('../../img/icons/search-92a2bd-ver-B897DD80A0D59B08ED9FA835E3E92770.png');
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-adminsettings {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_settings-ver-DCE22CEA9EC0AD9BE262A251B2874F94.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_settings-ver-DCE22CEA9EC0AD9BE262A251B2874F94.svg');
  -webkit-mask-size: contain;
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-adminsettings:hover {
  background-color: var(--svg-color-darker);
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-adminsettings:active {
  background-color: var(--svg-color-darkest);
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-settings {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_avatar-ver-BDD211C860827C18D1C9A1ADAC6489EE.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_avatar-ver-BDD211C860827C18D1C9A1ADAC6489EE.svg');
  -webkit-mask-size: contain;
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-settings:hover {
  background-color: var(--svg-color-darker);
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-settings:active {
  background-color: var(--svg-color-darkest);
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-logout {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_logout-ver-BC6A517276F5613286272CD3A5391AE9.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_logout-ver-BC6A517276F5613286272CD3A5391AE9.svg');
  -webkit-mask-size: contain;
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-logout:hover {
  background-color: var(--svg-color-darker);
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-action-logout:active {
  background-color: var(--svg-color-darkest);
}
.pm-header-wrapper .pm-header .pm-user-actions .pm-active {
  background-color: var(--pm-text-color);
}
.pm-header-wrapper .pm-header .pm-logo {
  height: 100%;
  padding: 0.6rem 0;
  width: 13rem;
}
.pm-header-wrapper .pm-header .pm-logo::after {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: var(--pm-header-logo-path);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.pm-main-navi {
  height: 100%;
  margin: 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}
.pm-main-navi a {
  text-decoration: none;
  font-size: 1rem;
  text-transform: uppercase;
  transition: 100ms;
  padding: 0 0.5rem;
  color: var(--pm-main-color2);
}
.pm-main-navi a::after {
  display: block;
  content: "";
  width: 100%;
  height: 0.35rem;
  margin-top: 0.1rem;
  background: transparent;
}
.pm-main-navi .pm-active, .pm-main-navi :hover {
  color: var(--pm-text-color);
  text-shadow: 0 0 0.01px black;
}
.pm-main-navi .pm-active::after, .pm-main-navi :hover::after {
  background: var(--pm-text-color);
}

.pm-icon, .pm-table .pm-table-load-more .inner .arrow, .pm-table .pm-table-extend-button .inner .arrow {
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.pm-icon.small, .pm-table .pm-table-load-more .inner .small.arrow, .pm-table .pm-table-extend-button .inner .small.arrow {
  width: 1.125rem;
  height: 1.125rem;
}
.pm-icon.big, .pm-table .pm-table-load-more .inner .big.arrow, .pm-table .pm-table-extend-button .inner .big.arrow {
  width: 1.5rem;
  height: 1.5rem;
}

.pm-header-image {
  height: 20rem;
  background-image: var(--pm-header-background-path);
  background-size: cover;
  background-position: center center;
  margin-bottom: -2.5rem;
}

@media (max-width: 507px) {
  .pm-header-image {
    height: 0;
    margin-bottom: -0.75rem;
  }
}
.pm-easter-egg .pm-easteregg-button {
  min-width: 3rem;
  min-height: 3.8rem;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  background-size: contain;
  transform: rotate(15deg);
  cursor: pointer;
  background-image: url('../../img/icons/easteregg-ver-2ED37B902321AFCD00CD43DD7F4C6A41.svg');
}
.pm-easter-egg .pm-easteregg-button:hover {
  animation: dance 0.82s ease-in;
}
.pm-easter-egg video {
  width: 100%;
  pointer-events: none;
}

.pm-content {
  max-width: 75rem;
  margin: 0 auto;
  position: relative;
}

#login.pm-content {
  margin-top: -11.5rem;
}

@media (max-width: 507px) {
  #login.pm-content {
    margin-top: auto;
    padding: 0 1rem;
  }
}
.pm-footer {
  color: var(--pm-text-color-headline);
  max-width: 100%;
  margin: 0 auto;
  background-color: var(--pm-background-color);
  position: relative;
  bottom: 0;
  right: 0;
  float: right;
  text-transform: uppercase;
  font: bold 0.9rem Open Sans;
  padding: 0.25rem 0.625rem;
}
.pm-footer li {
  display: inline;
}
.pm-footer li a {
  color: var(--pm-text-color-headline);
  transition: 0.5s;
  text-decoration: none;
}
.pm-footer li a:hover, .pm-footer li a:focus {
  color: var(--pm-text-color-headline);
  text-decoration: underline;
  opacity: 0.7;
}
.pm-footer li:not(:first-child):before {
  content: " | ";
}

.pm-right-col {
  text-align: right;
  margin: auto;
}

.pm-container {
  width: 100%;
  padding: 0.3125rem;
}
.pm-container.pm-container-fill-below-tiny-height {
  height: calc(100% - 4.0625rem - 0.625rem);
}
.pm-container.pm-container-fill-below-tiny-height .pm-container-inner {
  height: 100%;
}
.pm-container .pm-container-inner {
  padding: 0.625rem;
  background-color: white;
}
.pm-container .pm-container-inner.pm-container-fixed-tiny-height {
  min-height: 4.0625rem;
}
.pm-container .pm-container-inner.pm-container-fixed-small-height {
  min-height: 5.5rem;
}
.pm-container .pm-container-inner.pm-container-fixed-medium-height {
  min-height: 16.25rem;
}

.pm-inner-info {
  padding: 0.5rem 0;
  margin: 0 0 1rem 0;
  border-bottom: solid 2px var(--pm-main-color1);
}

.pm-action-container {
  display: flex;
  justify-content: flex-end;
  margin: auto;
}

#login .pm-container, #login .pm-container-inner {
  padding: 0;
  background-color: transparent;
}

.pm-button {
  background-color: var(--pm-main-color2);
  border: 0 none;
  border-radius: 0.25rem;
  text-transform: uppercase;
  transition: 0.5s;
  color: white;
  padding: 0.1875rem 1.25rem;
  cursor: pointer;
  display: inline-block;
}
.pm-button:hover {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + -10%));
}
.pm-button:active {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + -20%));
}
.pm-button.pm-button-small {
  white-space: nowrap;
  padding: 1px 0.3125rem;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pm-button.pm-button-small .pm-icon-wrapper {
  position: relative;
  top: 0.1875rem;
  left: 1px;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background-size: contain;
}
.pm-button.pm-button-disabled, .pm-button[disabled] {
  filter: grayscale(50%);
  cursor: not-allowed;
}
.pm-button.pm-button-inactive {
  filter: grayscale(50%);
}
.pm-button.pm-button-cancel {
  background-color: #D20000;
}
.pm-button.pm-button-cancel:hover {
  background-color: #b90000;
}
.pm-button.pm-button-cancel:active {
  background-color: #9f0000;
}
.pm-button.pm-button-selected {
  background-color: #008800;
}
.pm-button.pm-button-selected:hover {
  background-color: #006f00;
}
.pm-button.pm-button-selected:active {
  background-color: #005500;
}
.send-email .pm-button, .pm-button.send-email {
  padding-right: 2rem;
  background-image: url('../../img/icons/paperglider-ffffff-ver-8D4BEA43F90FD30F99EC7E70A933E402.png');
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center right 0.5rem;
}
.pm-left .pm-button, .pm-button.pm-left {
  float: left;
}

.pm-button-submenu {
  background: var(--pm-background-color);
  margin: -0.5rem 0.5rem 0;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0.25rem 0.5rem 0.5rem;
}

.pm-buttons {
  display: flex;
}
.pm-buttons > *:nth-child(n+2) {
  margin-left: 0.5rem;
}

.pm-button-round {
  border: 0 none;
  text-transform: uppercase;
  color: var(--pm-main-color1);
  font-size: 0.875rem;
  cursor: pointer;
  display: inline-block;
}
.pm-button-round > label {
  cursor: pointer;
}
.pm-button-round.pm-action-more {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_more-ver-22F579B47191B2B816C5784B08C5D5FE.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_more-ver-22F579B47191B2B816C5784B08C5D5FE.svg');
  -webkit-mask-size: contain;
}
.pm-button-round.pm-action-more:hover {
  background-color: var(--svg-color-darker);
}
.pm-button-round.pm-action-more:active {
  background-color: var(--svg-color-darkest);
}
.pm-button-round.pm-history-wrapper {
  display: flex;
  line-height: 300%;
  margin-left: 4rem;
}
.pm-button-round.pm-history-wrapper .pm-button-text {
  margin-left: 1rem;
}
.pm-button-round.pm-history-wrapper .pm-button-text:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-button-round.pm-history-wrapper .pm-button-text:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-button-round.pm-history-wrapper.up .pm-button-text {
  color: var(--pm-text-color);
}
.pm-button-round.pm-history-wrapper.up .pm-button-text:hover {
  color: hsl(var(--pm-text-color-h), calc(var(--pm-text-color-s) + 0%), calc(var(--pm-text-color-l) + -20%));
}
.pm-button-round.pm-history-wrapper.up .pm-button-text:active {
  color: hsl(var(--pm-text-color-h), calc(var(--pm-text-color-s) + 0%), calc(var(--pm-text-color-l) + -40%));
}
.pm-button-round.pm-history-wrapper.up .pm-action-arrow {
  --svg-color: var(--pm-text-color);
  --svg-color-darker: hsl(var(--pm-text-color-h), calc(var(--pm-text-color-s) + 0%), calc(var(--pm-text-color-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-text-color-h), calc(var(--pm-text-color-s) + 0%), calc(var(--pm-text-color-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_up-ver-768BB606B5D928F6AE52EA14F4B743CF.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_up-ver-768BB606B5D928F6AE52EA14F4B743CF.svg');
  -webkit-mask-size: contain;
  color: var(--pm-text-color);
  opacity: 1 !important;
}
.pm-button-round.pm-history-wrapper.up .pm-action-arrow:hover {
  background-color: var(--svg-color-darker);
}
.pm-button-round.pm-history-wrapper.up .pm-action-arrow:active {
  background-color: var(--svg-color-darkest);
}
.pm-button-round.pm-action-arrow {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_down-ver-7EAB3CFA5D001ED753D40FF3215B63DC.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_down-ver-7EAB3CFA5D001ED753D40FF3215B63DC.svg');
  -webkit-mask-size: contain;
}
.pm-button-round.pm-action-arrow:hover {
  background-color: var(--svg-color-darker);
}
.pm-button-round.pm-action-arrow:active {
  background-color: var(--svg-color-darkest);
}
.pm-button-round.pm-action-plus {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_plus-ver-1F68D006F0FF17A8D669949A476E7701.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_plus-ver-1F68D006F0FF17A8D669949A476E7701.svg');
  -webkit-mask-size: contain;
}
.pm-button-round.pm-action-plus:hover {
  background-color: var(--svg-color-darker);
}
.pm-button-round.pm-action-plus:active {
  background-color: var(--svg-color-darkest);
}
.pm-button-round.pm-action-camera {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/camera-solid-ver-B5DB3B3D8B4E90327A13FC0B138FC171.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/camera-solid-ver-B5DB3B3D8B4E90327A13FC0B138FC171.svg');
  -webkit-mask-size: contain;
}
.pm-button-round.pm-action-camera:hover {
  background-color: var(--svg-color-darker);
}
.pm-button-round.pm-action-camera:active {
  background-color: var(--svg-color-darkest);
}

.pm-button-with-text {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pm-button-with-text .pm-button-text {
  margin-left: 1rem;
}
.pm-button-with-text .pm-button-text:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-button-with-text .pm-button-text:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}

#login .pm-button {
  border: 0 none;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: 1rem 4rem;
  font-size: 1.1rem;
  display: flex;
  margin-top: 1rem;
  transition: 0.5s;
}
#login .pm-button:hover {
  opacity: 0.7;
}

.pm-headline {
  font-size: 1.1rem;
  color: var(--pm-text-color-headline);
  font-weight: 600;
  text-transform: uppercase;
}
.pm-headline .pm-headline-title .pm-headline-title-folder.pm-click-able {
  cursor: pointer;
}
.pm-headline .pm-headline-title .pm-headline-title-folder.pm-click-able:hover {
  color: black;
}
.pm-headline .pm-headline-title .pm-headline-title-folder:nth-child(n+2) {
  text-transform: none;
}
.pm-headline .pm-headline-title .pm-headline-title-divider {
  display: inline-block;
  color: var(--pm-main-color1);
  transform: scale(1.25);
}
.pm-headline .pm-headline-title .pm-headline-title-divider::before {
  content: "/";
}
.pm-headline .pm-headline-title .pm-headline-title-divider:nth-last-child(2) {
  display: none;
}
.pm-headline .pm-headline-subtext {
  margin-top: 1.25rem;
  font-weight: normal;
  font-size: 0.8125rem;
}
.pm-headline .bold {
  font-weight: bold;
}
.pm-headline .pm-headline-block {
  display: block;
}
.pm-headline.pm-h2 {
  color: var(--pm-main-color1);
  font-weight: normal;
}

.pm-headline-subinfos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.25rem;
  font-weight: normal;
  font-size: 0.8125rem;
}
.pm-headline-subinfos .pm-subinfo {
  display: flex;
  margin-right: 1.5rem;
}
.pm-headline-subinfos .pm-subinfo .pm-subinfo-title {
  padding-right: 0.25rem;
  font-weight: 600;
}
.pm-headline-subinfos .pm-subinfo .pm-subinfo-title::after {
  content: ":";
}
.pm-headline-subinfos .pm-subinfo .pm-subinfo-value {
  color: inherit;
  text-transform: none;
}

#login .pm-headline {
  color: var(--pm-main-color2);
  font-weight: normal;
}

.pm-headline-small {
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: var(--pm-text-color-headline);
  font-weight: 600;
}
.pm-headline-small.pm-headline-extra-small {
  text-transform: none;
  font-size: 0.8rem;
}
.pm-headline-small.pm-headline-extra-small .pm-headline-bar {
  height: 0.25rem;
}
.pm-headline-small .pm-headline-small-subtext {
  margin-top: 0.5rem;
}

#login .pm-headline-subtext {
  display: none;
}

.pm-headline-bar {
  width: 2.5rem;
  height: 0.2rem;
  background-color: var(--pm-main-color3);
  margin-top: 2px;
}

#login .pm-headline-bar {
  width: calc(100vw - 1.5rem);
  height: 0.2rem;
  background-color: var(--pm-background-color);
  margin: 2rem -1.5rem;
  max-width: 31.25rem;
}

.pm-transparent-bar {
  width: 2.5rem;
  height: 0.2rem;
}

@media (max-width: 507px) {
  #login .pm-headline-bar {
    width: calc(100vw - 1.5rem);
  }
}
.pm-tabbed-content .tab-row {
  padding: 0.3125rem;
}
.pm-tabbed-content .tab-row ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pm-tabbed-content .tab-row ul li {
  width: 11rem;
  margin: 0 0.5rem 0.5rem 0;
  display: flex;
  justify-content: center;
  background-color: white;
  border-radius: 0.25rem 0.25rem 0 0;
}
.pm-tabbed-content .tab-row ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--pm-main-color1);
  outline: none;
}
.pm-tabbed-content .tab-row ul li:hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-tabbed-content .tab-row ul li:hover a {
  color: #666666;
}
.pm-tabbed-content .tab-row ul li:active {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 10%));
}
.pm-tabbed-content .tab-row ul li:active a {
  color: white;
}
.pm-tabbed-content .tab-row ul li.selected {
  background: var(--pm-main-color1);
}
.pm-tabbed-content .tab-row ul li.selected a {
  color: white;
}
.pm-tabbed-content .pm-headline {
  margin-bottom: 2rem;
}
.pm-tabbed-content .pm-recipientData {
  text-align: left;
}
.pm-tabbed-content .pm-recipientData tbody th, .pm-tabbed-content .pm-recipientData tbody td {
  padding: 0.5rem;
}

.pm-navbar-item {
  min-width: 9rem;
  max-width: 11rem;
  width: auto !important;
  height: 4.5rem;
  margin-bottom: 0 !important;
}

.pm-admin-tab .tab-row ul li {
  height: 3rem;
}
.pm-admin-tab .tab-row ul li a {
  line-height: 1;
}

.pm-navbar-selected {
  background-color: var(--pm-main-color1) !important;
  align-items: center;
  margin-bottom: 0 !important;
  height: 3rem;
  min-width: 9rem;
  max-width: 11rem;
  width: auto !important;
}
.pm-navbar-selected a {
  color: white !important;
}

.pm-navbar-selected ~ .pm-dropdown-content {
  background-color: var(--pm-main-color1) !important;
  color: white !important;
}

.pm-navbar-dropdown {
  position: relative;
}
.pm-navbar-dropdown .pm-dropdown-selected {
  font-weight: bold;
}
.pm-navbar-dropdown .pm-dropdown-content {
  font-size: 1rem;
  width: calc(100% - 0.5rem);
  justify-content: center;
  background-color: white;
  color: var(--pm-main-color1);
  position: absolute;
  z-index: 1;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.pm-navbar-dropdown .pm-dropdown-content > div {
  display: none;
  padding: 0 1rem;
  text-align: center;
  text-transform: uppercase;
}
.pm-navbar-dropdown .pm-dropdown-content > div > div {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-top: 0.06rem solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-navbar-dropdown .pm-dropdown-content > div:first-child > div {
  border-top: none;
}
.pm-navbar-dropdown .pm-dropdown-content > div:hover {
  cursor: pointer;
  color: #666666;
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-navbar-dropdown .pm-dropdown-content > div:hover + div > div {
  border-top: none;
}
.pm-navbar-dropdown:hover .pm-dropdown-content {
  border-top: 0.06rem solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-navbar-dropdown:hover .pm-dropdown-content div {
  display: block;
}

.pm-container .pm-aob-navigation {
  font-size: 1rem;
  color: var(--pm-text-color-headline);
  text-transform: uppercase;
  margin: 0.5rem 1rem;
  font-weight: 600;
}
.pm-container .pm-aob-collapse {
  background-color: white;
  color: var(--pm-main-color1);
  border-radius: 0.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 1rem;
  font-weight: 600;
}
.pm-container .pm-aob-form .pm-aob-editor {
  margin: 0.5rem 0rem;
}
.pm-container .pm-aob-form .pm-aob-editor .pm-editor-title {
  background-color: var(--pm-main-color1);
  text-transform: uppercase;
  text-align: center;
  padding: 0.625rem;
  border-radius: 0.4rem 0.4rem 0 0;
  color: white;
  font-size: 1.125rem;
  line-height: 1;
}
.pm-container .pm-aob-form button.pm-button {
  padding: 0.75rem 1.25rem;
  width: 10.5rem;
  height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}

.pm-editor-content {
  background-color: white;
  font-size: 0.9rem;
  padding: 1rem;
  display: flex;
  min-height: 6.25rem;
}
.pm-editor-content .pm-language-dropdown {
  margin: auto;
}
.pm-editor-content .pm-language-dropdown .pm-select {
  outline: none;
  background-color: var(--pm-background-color);
  font-size: 0.75rem;
  width: 8rem;
}
.pm-editor-content .pm-aob-dropdown {
  padding-top: 1rem;
  padding-right: 1rem;
  width: 20%;
}
.pm-editor-content .pm-select {
  outline: none;
  padding: 0.625rem 1.5rem 0.625rem 0.5rem;
  text-transform: uppercase;
  color: #666666;
  border: 0.1rem solid var(--pm-background-color);
  font-size: 0.875rem;
}
.pm-editor-content div.pm-editor-fields {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--pm-background-color);
  display: flex;
  font-size: 0.75rem;
}
.pm-editor-content div.pm-editor-fields .pm-editor-inputs {
  width: 95%;
}
.pm-editor-content div.pm-editor-fields .pm-editor-reset {
  margin-left: 2rem;
}
.pm-editor-content div.pm-editor-fields label {
  display: block;
  margin-bottom: 0.5rem;
}
.pm-editor-content div.pm-editor-fields label:not(:first-child) {
  margin-top: 0.875rem;
}
.pm-editor-content div.pm-editor-fields textarea {
  min-height: 7rem;
  padding: 1rem;
  scrollbar-color: var(--pm-main-color1) white;
  scrollbar-width: thin;
}
.pm-editor-content div.pm-editor-fields textarea:focus {
  background-color: #e3e4dd;
  outline: 0.125rem solid white;
  scrollbar-color: var(--pm-main-color1) #e3e4dd;
}
.pm-editor-content div.pm-editor-fields textarea::-webkit-scrollbar {
  width: 0.5rem;
}
.pm-editor-content div.pm-editor-fields textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.pm-editor-content div.pm-editor-fields textarea::-webkit-scrollbar-thumb {
  background-color: var(--pm-main-color1);
}
.pm-editor-content div.pm-editor-fields input {
  padding: 1rem;
}
.pm-editor-content div.pm-editor-fields input:focus {
  background-color: #e3e4dd;
  outline: 0.125rem solid white;
}
.pm-editor-content div.pm-editor-fields input.pm-email-btntext {
  font-size: 0.875rem;
  margin: auto;
  padding: 0.75rem 1.25rem;
  min-width: 20%;
  max-width: 40%;
  width: 17rem;
  background-color: var(--pm-main-color1);
  text-align: center;
  text-transform: uppercase;
  color: white;
  display: block;
}
.pm-editor-content div.pm-editor-fields input.pm-email-btntext:focus {
  background-color: var(--pm-main-color1);
}
.pm-editor-content div.pm-editor-fields .feedbackPanel {
  margin-top: 0.25rem;
  display: inline-block;
}
.pm-editor-content div.pm-editor-fields .feedbackPanel .feedbackPanelERROR {
  width: fit-content;
  width: -moz-max-content;
}
.pm-editor-content div.pm-editor-fields .feedbackPanel .feedbackPanelWARNING {
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
  margin: 0 0 0.25rem 0.25rem !important;
  border-radius: 0.25rem;
  color: #5a4a1a;
  background-size: 1.25rem;
  background-position: left 0.25rem top 0.25rem;
  background-repeat: no-repeat;
  background-color: #ffeaa7;
  --svg-color: #5a4a1a;
  --svg-color-darker: #0b0903;
  --svg-color-darkest: black;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
  -webkit-mask-size: contain;
}
.pm-editor-content div.pm-editor-fields .feedbackPanel .feedbackPanelWARNING:hover {
  background-color: var(--svg-color-darker);
}
.pm-editor-content div.pm-editor-fields .feedbackPanel .feedbackPanelWARNING:active {
  background-color: var(--svg-color-darkest);
}

.pm-statistic-tile {
  border: 0 none;
  border-radius: 0.5rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem;
  font-size: 1rem;
  margin: 0.35rem;
  transition: 0.5s;
  background-color: #fff;
  width: 14rem;
  height: 13rem;
}
.pm-statistic-tile .tile_value {
  padding: 3rem 0 1rem 0;
  color: #91A2BD;
}
.pm-statistic-tile .tile_subtext {
  padding: 3rem 0 1rem 0;
  font-size: 0.5rem;
  color: #91A2BD;
}
.pm-statistic-tile .tile_label {
  padding: 1rem;
  color: #666666;
}

.pm-tile-row {
  display: flex;
  width: 100%;
}

.pm-search-filter .pm-input-wrapper {
  position: relative;
  padding-right: calc(3.125rem + 0.3125rem);
  padding-top: 0.75rem;
}
.pm-search-filter input {
  border: none;
  width: 100%;
  height: 1.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: var(--pm-background-color);
}
.pm-search-filter .pm-button-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.125rem;
  text-align: center;
}
.pm-search-filter .pm-button-wrapper .pm-button-inner {
  margin: 0 0.25rem -0.25rem 0.25rem;
}
.pm-search-filter .pm-button-wrapper .pm-button-export {
  background-image: url('../../img/icons/download-ffffff-ver-56F0F9AB0877577E178588D415DAD776.png');
}
.pm-search-filter .pm-button-wrapper .pm-button-filter {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_filter-ver-BAD559F4BD84D4440DB33C0E8B4D1576.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_filter-ver-BAD559F4BD84D4440DB33C0E8B4D1576.svg');
  -webkit-mask-size: contain;
}
.pm-search-filter .pm-button-wrapper .pm-button-filter:hover {
  background-color: var(--svg-color-darker);
}
.pm-search-filter .pm-button-wrapper .pm-button-filter:active {
  background-color: var(--svg-color-darkest);
}
.pm-search-filter .pm-button-wrapper .pm-button-filter.active {
  background-color: var(--pm-text-color);
}
.pm-search-filter .pm-button-wrapper .pm-button-wrapper {
  display: grid;
}
.pm-search-filter .pm-button-wrapper .pm-button-wrapper .pm-indicator:empty {
  display: none;
}

.pm-icon-edit {
  background-image: url('../../img/icons/edit-ffffff-ver-A27458CA785B86B347BCE7411E63C612.png');
}
.pm-icon-edit.dark {
  background-image: url('../../img/icons/edit-4d4d4d-ver-53D1F111020CF308D96E139A15091B94.png');
}

.pm-icon-add_user {
  background-image: url('../../img/icons/adduser-ffffff-ver-C486B1C0D12A835BF9977A1FC78DBF06.png');
}

.pm-icon-add_attachment {
  background-image: url('../../img/icons/addattach-ffffff-ver-275F6412B3D49A6DE3A538F77353D307.png');
}

.pm-icon-status {
  width: 1.5625rem;
  height: 1.5625rem;
}
.pm-icon-status.active {
  background-image: url('../../img/icons/status-active-ver-B7D71BAA951840036619D412FF8D4B1E.png');
}
.pm-icon-status.inactive {
  background-image: url('../../img/icons/status-inactive-ver-C75E87F3926CF6731F27235208E62AD2.png');
}
.pm-icon-status.planned {
  background-image: url('../../img/icons/status-planned-ver-1C5AAACA807714A2D72371AA66BE7FA0.png');
}

.pm-icon-button {
  background-color: var(--pm-main-color1);
  background-image: url('../../img/icons/search-ffffff-ver-302A25F9A8C41DD7AB67C8B58D4C8E00.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  cursor: pointer;
}
.pm-icon-button:hover, .pm-icon-button.active {
  background-color: var(--pm-main-color2);
}

.pm-create-action {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
}
.pm-create-action:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-create-action:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-create-action:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-create-action:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-create-action .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_plus-ver-1F68D006F0FF17A8D669949A476E7701.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_plus-ver-1F68D006F0FF17A8D669949A476E7701.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-create-action .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-create-action .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-create-action .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-edit-action {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
}
.pm-edit-action:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-edit-action:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-edit-action:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-edit-action:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-edit-action .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_pen-ver-28667BAC32814887BB94C781B0684E9C.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_pen-ver-28667BAC32814887BB94C781B0684E9C.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-edit-action .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-edit-action .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-edit-action .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-delete-action {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
}
.pm-delete-action:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-delete-action:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-delete-action:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-delete-action:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-delete-action .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-delete-action .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-delete-action .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-delete-action .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-trash-action {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
}
.pm-trash-action:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-trash-action:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-trash-action:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-trash-action:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-trash-action .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/pm-action-icon-trash-ver-F24F7AE4C9B19DEF77FF36609B341D13.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/pm-action-icon-trash-ver-F24F7AE4C9B19DEF77FF36609B341D13.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-trash-action .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-trash-action .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-trash-action .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-delete-action-red {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-text-color-warning);
  padding: 0;
}
.pm-delete-action-red:hover {
  color: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + 0%), calc(var(--pm-text-color-warning-l) + -20%));
}
.pm-delete-action-red:active {
  color: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + 0%), calc(var(--pm-text-color-warning-l) + -40%));
}
.pm-delete-action-red:hover .pm-button-icon {
  background-color: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + 0%), calc(var(--pm-text-color-warning-l) + -20%));
}
.pm-delete-action-red:active .pm-button-icon {
  background-color: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + 0%), calc(var(--pm-text-color-warning-l) + -40%));
}
.pm-delete-action-red .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-text-color-warning);
  --svg-color-darker: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + 0%), calc(var(--pm-text-color-warning-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + 0%), calc(var(--pm-text-color-warning-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-delete-action-red .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-delete-action-red .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-delete-action-red .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-delete-action-disabled .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  background-color: var(--pm-text-color-light);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_delete-ver-7CE39C45137236DAB67857BF950D145A.svg');
  -webkit-mask-size: contain;
  margin: auto;
}

.pm-download-action {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
}
.pm-download-action:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-download-action:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-download-action:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-download-action:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-download-action .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/circled_download-ver-E89CED4154A942865E8073092CE6A29E.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/circled_download-ver-E89CED4154A942865E8073092CE6A29E.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-download-action .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-download-action .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-download-action .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-icon-download {
  background-image: url('../../img/icons/download-ffffff-ver-56F0F9AB0877577E178588D415DAD776.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.125rem;
}

.pm-icon-arrowdown, .pm-table .pm-table-load-more.down .inner .arrow, .pm-table .pm-table-extend-button.down .inner .arrow {
  background-image: url('../../img/icons/arrow-4d4d4d-ver-D6AD008E7F38991BB18FF0DBA07244C2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.125rem;
}

.pm-icon-arrowup, .pm-table .pm-table-load-more.up .inner .arrow, .pm-table .pm-table-extend-button.up .inner .arrow {
  background-image: url('../../img/icons/arrow-4d4d4d_rotated-ver-72927D6D131848684A94721FAB602A6B.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.125rem;
}

.pm-icon-attachment {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('../../img/icons/clippy-4d4d4d-ver-44D21F9136D11AF2D1D7E6871A36EB4D.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-size: contain;
  display: inline-block;
  margin-right: 0.3125rem;
  position: relative;
  top: 2px;
}

.pm-icon-delete {
  background-image: url('../../img/icons/trash-ca424f-ver-37321FF1E13F395FD51709E942539B10.png');
}

.pm-icon-delete-disabled {
  cursor: initial;
  background-image: url('../../img/icons/trash-4d4d4d-ver-48835B1C5B8B7995137E8F13644C6663.png');
}

.pm-icon-error-indicator {
  background-image: url('../../img/icons/status-5-5-err-icon-ver-037987B8CB55FF44CEAC05C460EACA5E.png');
}

.pm-icon-remove {
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('../../img/icons/close-ca424f-ver-D3E623D3D65BB5F611BA1E4AFFE15795.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-size: contain;
  display: inline-block;
  margin-right: 0.3125rem;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.pm-centered-form {
  max-width: 31.25rem;
  margin: 3.75rem auto;
}

#login .pm-centered-form {
  color: var(--pm-main-color2);
  background-color: white;
  padding: 2rem 1.5rem;
  border-radius: 1rem;
}

#login form {
  text-transform: uppercase;
}

#login form * {
  margin: 0.2rem auto;
}

#login .passwordResetLink {
  text-transform: none;
}

.pm-input {
  position: relative;
}
.pm-input .pm-input-icon {
  display: none;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-size: contain;
}
.pm-input .pm-input-icon.pm-input-reset {
  background-image: url('../../img/icons/close-ca424f-ver-D3E623D3D65BB5F611BA1E4AFFE15795.png');
}
.pm-input .pm-input-icon.pm-input-menu {
  background-image: url('../../img/icons/arrow-4d4d4d-ver-D6AD008E7F38991BB18FF0DBA07244C2.png');
}
.pm-input input, .pm-input textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--pm-background-color);
  border-radius: 0.25rem;
  background: #ffffff;
}
.pm-input input[disabled], .pm-input textarea[disabled] {
  border-color: white;
  background: hsl(var(--pm-background-color-h), calc(var(--pm-background-color-s) + 0%), calc(var(--pm-background-color-l) + -5%));
  cursor: not-allowed;
}
.pm-input input {
  padding: 0.2rem 0.4rem;
  line-height: unset;
}
.pm-input:hover .pm-input-reset, .pm-input:hover .pm-input-menu {
  display: block;
}

/*
// icons after inputs
#login .pm-input.username::after {
    background-image: url('../../img/icons/icon-i-info-ver-D1F06B7E2BDF388A1F003137EEE1C489.svg');
    background-repeat: no-repeat;
    position: relative;
    left: .65rem;
    top: .2rem;
    content: '';
    width: 39px;
    height: 39px;
    display: inline-block;
}
#login .pm-input.password::after {
    background-image: url('../../img/icons/icon-eye-open-ver-24D5773CC4A3D5AE7359C4F709EC6A28.svg');
    background-repeat: no-repeat;
    position: relative;
    left: .65rem;
    top: .2rem;
    content: '';
    width: 39px;
    height: 39px;
    display: inline-block;
}
 */
@media screen and (max-width: 925px) {
  #login .pm-input.username::after, #login .pm-input.password::after {
    top: -0.25rem;
    transform: scale(0.75);
  }
}
#login div.cell.large-4 {
  padding-top: 1rem;
}

@media (max-width: 507px) {
  #login div.cell.large-4 {
    padding-top: 0;
  }
}
#login input {
  background: var(--pm-background-color) 0% 0% no-repeat padding-box;
  border: 1px solid white;
  border-radius: 0.3125rem;
  padding: 0.75rem;
  min-width: auto;
  vertical-align: top;
}

input::-webkit-input-placeholder {
  color: #a1a1a1;
  transition: 0.5s;
}

input::-moz-placeholder {
  color: #a1a1a1;
  transition: 0.5s;
}

input:-ms-placeholder {
  color: #a1a1a1;
  transition: 0.5s;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-placeholder {
  color: transparent;
}

.pm-input .pm-input-warning, .pm-select.pm-input-warning {
  border: 1px solid var(--pm-text-color-warning) !important;
  color: var(--pm-text-color-warning);
}
.pm-input .pm-input-warning label::before, .pm-select.pm-input-warning label::before {
  border-color: var(--pm-text-color-warning);
}

.pm-currency input {
  text-align: right;
}
.pm-currency:hover .pm-input-reset {
  display: none !important;
}
.pm-currency.pm-currency-with-sign {
  display: flex;
}
.pm-currency.pm-currency-with-sign input {
  min-width: 0;
}

.pm-currency-sign {
  float: left;
  padding-top: 0.1rem;
  padding-left: 0.5rem;
}

.feedbackPanel {
  list-style-type: none;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.feedbackPanel .feedbackPanelERROR {
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
  margin: 0 0 0.25rem 0.25rem !important;
  border-radius: 0.25rem;
  color: #fefefe;
  background-size: 1.25rem;
  background-position: left 0.25rem top 0.25rem;
  background-repeat: no-repeat;
}
.pm-warning .feedbackPanel .feedbackPanelERROR {
  background-color: hsl(var(--pm-text-color-warning-h), calc(var(--pm-text-color-warning-s) + -25%), calc(var(--pm-text-color-warning-l) + 15%));
  background-image: url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
}
.pm-info .feedbackPanel .feedbackPanelERROR {
  background-color: #007AFF;
  background-image: url('../../img/icons/info-solid-ver-0C2630BF5B4F4FE36486447DF9D4038C.svg');
}

.pm-inline-info {
  display: inline-block;
  background: #007AFF;
  color: white;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
}

.pm-link {
  cursor: pointer;
}

.pm-inline-link {
  color: var(--pm-main-color2);
  text-decoration: underline;
  cursor: pointer;
  word-break: break-word;
  white-space: pre-wrap;
}

.pm-line-through {
  text-decoration: line-through;
}

.pm-table {
  width: 100%;
}

.pm-table {
  border-collapse: collapse;
  border-spacing: 1px;
}
.pm-table > * > tr > td {
  background-color: inherit;
  padding: 0.8rem;
  vertical-align: top;
}
.pm-table > thead {
  font-size: 0.875rem;
  color: var(--pm-main-color2);
  background-color: white;
  border-bottom: 1px solid var(--pm-background-color);
  text-transform: uppercase;
}
.pm-table > tbody:nth-child(odd), .pm-table > tbody > tr:not(.pm-no-tr-coloring):not(.pm-row-extended):nth-child(odd) {
  background-color: white;
}
.pm-table > tbody:nth-child(even), .pm-table > tbody > tr:not(.pm-no-tr-coloring):not(.pm-row-extended):nth-child(even) {
  background-color: var(--pm-background-color);
}
.pm-table > tbody > tr:not(.pm-row-extended):hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 30%)) !important;
}
.pm-table > tbody > tr.pm-row-extended {
  /*background-color: inherit; -- display left box shadow #1462*/
  border-collapse: collapse;
}
.pm-table > tbody > tr:not(.pm-row-extended) + tr.pm-row-extended {
  border-top: 1px solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 50%));
}
.pm-table > tbody > tr.pm-row-extended + tr.pm-row-extended > td {
  padding-top: 0;
}

.pm-sub-table {
  margin-top: 0.625rem;
}
.pm-sub-table > * > tr > td {
  padding: 0.5rem;
}
.pm-sub-table > thead {
  font-size: 0.8rem;
  color: var(--pm-text-color-table-header);
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 30%));
}

.pm-sorted {
  background-size: 0.75rem 0.75rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.625rem) center;
  cursor: pointer;
}
.pm-sorted.pm-sorted-asc {
  background-image: url('../../img/icons/arrow-4d4d4d-ver-D6AD008E7F38991BB18FF0DBA07244C2.png');
}
.pm-sorted.pm-sorted-desc {
  background-image: url('../../img/icons/arrow-4d4d4d_rotated-ver-72927D6D131848684A94721FAB602A6B.png');
}

.pm-toggle {
  background-size: 0.75rem 0.75rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.625rem) center;
  cursor: pointer;
  padding-right: 1.875rem;
}
.pm-toggle.pm-toggle-down {
  background-image: url('../../img/icons/arrow-ffffff-ver-8FAC12F9A57BF688A98669239597F7E7.png');
}
.pm-toggle.pm-toggle-up {
  background-image: url('../../img/icons/arrow-ffffff_rotated-ver-1E5EF4D9D5D673C06FAB4107830E7EC2.png');
}

.pm-table .pm-table-extend-button {
  cursor: pointer;
  position: relative;
  text-align: center;
  background-color: inherit;
}
.pm-table .pm-table-extend-button:before {
  content: "";
  border-bottom: 1px solid var(--pm-text-color-table-header);
  position: absolute;
  top: 50%;
  left: 0.625rem;
  right: 0.625rem;
}
.pm-table .pm-table-extend-button .inner {
  display: inline-block;
  padding: 0 1.25rem;
  position: relative;
  z-index: 100;
  background-color: inherit;
}
.pm-table .pm-table-extend-button .inner .arrow {
  position: relative;
  top: 0.1875rem;
  margin: 0 0.625rem;
}
.pm-table .pm-table-load-more {
  cursor: pointer;
  position: relative;
  text-align: center;
  background-color: white;
}
.pm-table .pm-table-load-more:before {
  content: "";
  border-bottom: 1px solid black;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  right: 0.625rem;
}
.pm-table .pm-table-load-more .inner {
  display: inline-block;
  padding: 0 1.25rem;
  position: relative;
  z-index: 100;
  background-color: white;
}
.pm-table .pm-table-load-more .inner .arrow {
  position: relative;
  top: 0.1875rem;
  margin: 0 0.625rem;
}
.pm-dialog-dummy {
  background-color: #888888;
  padding: 12.5rem 0;
}
.pm-dialog-dummy .inner {
  max-width: 50rem;
  margin: 0 auto;
  background-color: white;
  padding: 1.25rem;
}

h2 {
  font-size: 1rem;
  margin-bottom: 0.3rem;
}

.pm-spaced-grid {
  margin: 0.625rem 0;
}
.pm-spaced-grid > div:not(:last-child) {
  padding-bottom: 0.3125rem;
}

div.pm-spaced-grid-document > div {
  padding-bottom: 0.625rem !important;
}

.pm-initals {
  display: inline-block;
  /* circle around initials
  border:2px solid var(--pm-main-color1);
  border-radius: 50%;
   */
  padding: 0.1875rem;
  font-size: 0.9375rem;
  min-width: 2rem;
  text-align: center;
}

.pm-status-wrapper {
  position: relative;
  width: 2.1875rem;
  height: 2.1875rem;
  background-size: cover;
}
.pm-status-wrapper.pm-status-small {
  width: 1.5625rem;
  height: 1.5625rem;
}
.pm-status-wrapper.pm-pickup-time::after {
  content: " ";
  position: absolute;
  --size: 1rem;
  height: var(--size);
  width: var(--size);
  bottom: calc(var(--size) / -4);
  right: calc(var(--size) / -4);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../img/icons/BMW_icons38px_1c_102019_clock_white-ver-331126F6B1BF33E930D6FBB6832F46F1.svg');
}

.pm-status-sharebox-overlay::after {
  content: " ";
  width: 0.75rem;
  height: 0.75rem;
  z-index: 30;
  display: block;
  position: absolute;
  right: -0.175rem;
  top: -0.175rem;
  background-image: url('../../img/icons/keybox_icon-ver-0C1251D9E9920ADA25575207B74D98B8.svg');
  background-color: var(--pm-main-color1);
  background-position: center;
  background-size: contain;
  border-radius: 50%;
}

.pm-button-grid .inner {
  /*padding-bottom:0.1875rem;*/
  padding-right: 0.3125rem;
}
.pm-button-grid .pm-button {
  width: 100%;
}

.pm-radio {
  position: relative;
  top: -3px;
  line-height: 0.5rem;
  display: inline-block;
}
.pm-radio input[type=radio] {
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
  display: none;
}
.pm-radio input[type=radio]:checked + label::before,
.pm-radio input[type=radio]:not(:checked) + label::before {
  content: " ";
  display: inline-block;
  width: 1.0625rem;
  height: 1.0625rem;
  position: relative;
  top: 0.25rem;
  border: 1px solid #bbb;
  background: white;
  margin-right: 0.375rem;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.pm-radio input[type=radio]:checked + label::before,
.pm-radio input[type=radio]:not(:checked) + label::before {
  border-radius: 1.875rem;
}
.pm-radio input[type=radio]:hover + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px white;
}
.pm-radio input[type=radio]:checked + label::before {
  background: var(--pm-main-color2);
  box-shadow: inset 0 0 0 2px white;
}
.pm-radio label {
  margin-right: 0.9375rem;
}

.pm-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1em;
  width: 100%;
  background-color: white;
  background-image: url('../../img/icons/arrow-4d4d4d-ver-D6AD008E7F38991BB18FF0DBA07244C2.png');
  background-position: calc(100% - 0.25rem);
  background-repeat: no-repeat;
  background-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  line-height: 1.35rem;
  border-radius: 0.25rem;
  border: 1px solid var(--pm-main-color1);
  color: var(--pm-main-color1);
  background-image: url('../../img/icons/arrow-92a2bd-ver-DFFD1DEFAB02F0E7A4CAEC6461608BB2.png');
}
.pm-select:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.pm-select:focus {
  border: 1px solid var(--pm-main-color1);
  outline: none;
}
.pm-select .option {
  background: #222;
  border-top: 1px solid #444;
  padding: 0.3em 1em 0.3em 1em;
}

.reveal .pm-input input:not([type=radio]) {
  border: 1px solid var(--pm-input-border);
}
.reveal .pm-input input:not([type=radio]):focus {
  border: 1px solid var(--pm-input-border-focus);
  outline: none;
}
.reveal .pm-select {
  border: 1px solid var(--pm-input-border);
  padding: 0.15rem 0.4rem;
}

.pm-upload {
  padding: 0.625rem 0;
  width: 18.75rem;
}
.pm-upload .pm-upload-field {
  border: 1px dashed #cccccc;
  padding: 0.625rem;
  text-align: center;
}
.pm-upload .pm-icon-attachment {
  width: 1rem;
  height: 1rem;
  margin-right: 0.815rem;
}
.pm-upload .pm-attachment-category {
  text-transform: uppercase;
}

.pm-upload-progress-lbl {
  color: var(--pm-text-color-light);
  font-weight: 600;
}

.pm-light-color {
  color: var(--pm-text-color-light);
}

.pm-lighter-color {
  color: hsl(var(--pm-text-color-light-h), calc(var(--pm-text-color-light-s) + 0%), calc(var(--pm-text-color-light-l) + 30%));
}

.pm-checkbox {
  display: block;
}
.pm-checkbox input {
  position: absolute;
  margin: 0;
  padding: 0;
  appearance: none;
  border-radius: 0;
  font-size: 1em;
  visibility: hidden;
}
.pm-checkbox input + label::before {
  content: " ";
  display: inline-block;
  position: relative;
  width: 1.15rem;
  height: 1.15rem;
  top: 0.3125rem;
  margin-right: 1em;
  background: white;
  box-shadow: 0 0 0 0.075rem var(--pm-background-color);
  border-radius: 0.25rem;
}
.pm-checkbox input:checked + label::before {
  background: var(--pm-main-color2);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../img/icons/check-ffffff-ver-6082DEA79D6B588258268BF5135C9B57.png');
  background-size: 0.75rem;
}
.pm-checkbox input[disabled] + label::before {
  border: 1px solid white;
  background-color: hsl(var(--pm-background-color-h), calc(var(--pm-background-color-s) + 0%), calc(var(--pm-background-color-l) + -5%));
  cursor: not-allowed;
}
.pm-checkbox input[disabled]:checked + label::before {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + -100%), calc(var(--pm-main-color2-l) + -5%));
}

.pm-left-col-border {
  height: -moz-fit-content;
  height: fit-content;
  border-right: 1px solid hsl(var(--pm-text-color-light-h), calc(var(--pm-text-color-light-s) + 0%), calc(var(--pm-text-color-light-l) + 50%));
  padding-right: 1.25rem;
}

.pm-button-icon-only {
  padding: 0.3125rem 0.625rem;
  background-size: auto 75%;
  background-position: center center;
}
.pm-button-icon-only.pm-icon, .pm-table .pm-table-extend-button .inner .pm-button-icon-only.arrow, .pm-table .pm-table-load-more .inner .pm-button-icon-only.arrow {
  height: 1.5rem;
  width: 2.125rem;
}

.pm-hover-table {
  border-collapse: collapse;
}
.pm-hover-table tr:hover {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + 25%));
}

.pm-avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 5rem;
  width: 5rem;
  height: 5rem;
  border: 2px solid #333333;
  border-radius: 50%;
}

.feedbackPanelWARNING {
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
  margin: 0 0 0.25rem 0.25rem !important;
  border-radius: 0.25rem;
  color: #5a4a1a;
  background-color: #ffeaa7;
  position: relative;
}
.feedbackPanelWARNING::before {
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  --svg-color: #5a4a1a;
  --svg-color-darker: #0b0903;
  --svg-color-darkest: black;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
  -webkit-mask-size: contain;
}
.feedbackPanelWARNING::before:hover {
  background-color: var(--svg-color-darker);
}
.feedbackPanelWARNING::before:active {
  background-color: var(--svg-color-darkest);
}

.feedbackPanelERROR {
  color: var(--pm-text-color-warning);
}

.feedbackPanelSUCCESS {
  color: var(--pm-text-color-success);
}

.feedbackPanel {
  padding-left: 0;
}
.feedbackPanel li:only-child {
  list-style-type: none;
}
.feedbackPanel li:not(:only-child) {
  margin-left: 1.25rem;
}

.wicket-aa-container {
  background-color: white;
  border: 1px solid black;
  border-top: none;
}
.wicket-aa-container ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.wicket-aa-container li {
  padding: 1px 0.4375rem;
}
.wicket-aa-container li.selected {
  background-color: rgba(0, 0, 0, 0.075);
}

.pm-select-blue {
  background-color: var(--pm-main-color2);
  border-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + 10%));
  color: white;
  background-image: url('../../img/icons/arrow-ffffff-ver-8FAC12F9A57BF688A98669239597F7E7.png');
}

.pm-pay-now-wrapper {
  display: none;
}

.pm-highlighable-row:hover {
  background-color: hsl(var(--pm-main-color2-h), calc(var(--pm-main-color2-s) + 0%), calc(var(--pm-main-color2-l) + 25%));
}
.pm-highlighable-row:hover .pm-pay-now-wrapper {
  padding-right: 0.4375rem;
  display: block;
}

.pm-payment-headpanel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-items: start;
  padding: 0.3125rem;
}
.pm-payment-headpanel .method-name {
  justify-self: normal;
  padding-left: 1rem;
}

.pm-payment-methods-customer .cell {
  padding: 0.3125rem;
}

.pm-payment-description {
  position: absolute;
  left: 75%;
}

@media (min-width: 780px) and (max-width: 980px) {
  .pm-payment-description {
    left: 70%;
  }
}
@media (min-width: 584px) and (max-width: 780px) {
  .pm-payment-description {
    left: 60%;
  }
}
@media (min-width: 470px) and (max-width: 584px) {
  .pm-payment-description {
    left: 50%;
  }
}
@media (max-width: 470px) {
  .pm-payment-description {
    left: 40%;
  }
}
.pm-small-font {
  font-size: 0.725rem;
}

.pm-container-spacing {
  height: 0.9375rem;
}

.pm-blank-line {
  height: 0.8125rem;
}

.pm-upload input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  cursor: pointer;
}

.pm-input-warning label::before {
  border-color: var(--pm-text-color-warning) !important;
}

.pm-positions-detailed {
  margin-left: -0.625rem;
  margin-top: 0.4rem;
}
.pm-positions-detailed .pm-position {
  position: relative;
  padding: 0.5rem;
  padding-bottom: 0;
  margin-left: 0.4rem;
  background: var(--pm-background-color);
  border: 0.25rem solid white;
}
.pm-positions-detailed .pm-position .pm-position-border {
  position: absolute;
  width: 0.4rem;
  height: 100%;
  margin: -0.5rem 0 0 -0.9rem;
  background: var(--pm-main-color1);
}
.pm-positions-detailed .pm-position .pm-position-border.pm-accepted {
  background: #40bd40;
}
.pm-positions-detailed .pm-position .pm-position-border.pm-declined {
  background: #FF3B30;
}
.pm-positions-detailed .pm-position .pm-position-top {
  padding-top: 0.25rem;
}
.pm-positions-detailed .pm-position .pm-position-top .pm-position-title {
  padding-right: 0.5rem;
}
.pm-positions-detailed .pm-position .pm-position-top .pm-position-remove {
  margin-top: -0.25rem;
  float: right;
}
.pm-positions-detailed .pm-position .pm-position-left {
  display: flex;
  flex-direction: column;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-position-description {
  flex-grow: 1;
  margin-top: 0.25rem;
}
.pm-positions-detailed .pm-position .pm-position-left .attachments-list {
  width: auto;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-position-attachment {
  background-color: #ffffff;
  border-radius: 0.25rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  margin-top: 0.1rem;
  height: 8rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-position-attachment::-webkit-scrollbar {
  display: none;
}
.reveal-overlay .pm-headline-bar {
  margin-top: 15px;
  margin-bottom: 15px;
}

.pm-positions-detailed .pm-position .pm-position-left .pm-dialog-btn {
  text-align: center;
  padding: 0.5rem;
}
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn {
  background: #7082a0;
}
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn::before,
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn.dialog-plus::before {
  width: 2px;
  margin: 3px auto;
}
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn.dialog-plus::after {
  margin: auto 3px;
  height: 2px;
}
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn.dialog-plus::before,
.pm-positions-detailed .pm-position .pm-position-left .circle-dialog-btn.dialog-plus::after {
  background: white;
}
.pm-positions-detailed .pm-position .pm-position-left .attachments .cell .attachment .attachment-link,
.pm-positions-detailed .pm-position .pm-position-left .attachments .cell .attachment .delete,
.pm-positions-detailed .pm-position .pm-position-left .attachments .cell .attachment .pm-approves .pm-approve {
  height: 0.8rem;
  width: 0.8rem;
}
.pm-positions-detailed .pm-position .pm-position-left .attachments .cell .attachment .attachment-link::before,
.pm-positions-detailed .pm-position .pm-position-left .attachments .cell .attachment .delete::before,
.pm-positions-detailed .pm-position .pm-position-left .attachments .cell .attachment .pm-approves .pm-approve::before {
  height: 0.6em;
  width: 0.6em;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer {
  display: flex;
  margin-top: 0.25rem;
  margin-left: -0.75rem;
  padding: 0.25rem 0.5rem 0.5rem 1.25rem;
  border-radius: 0.25rem;
  color: #FFF;
  background: var(--pm-main-color1);
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer.pm-accepted {
  background: #40bd40;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer.pm-declined {
  background: #FF3B30;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer .pm-checkbox {
  padding-right: 2rem;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer .pm-answeredBy {
  flex-grow: 1;
  text-align: right;
  padding-top: 0.15rem;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer .pm-initial-concern {
  flex-grow: 1;
  text-align: left;
  padding-top: 0.15rem;
}
.pm-positions-detailed .pm-position .pm-position-left .pm-answer .pm-checkbox input:not(:checked) + label::before {
  box-shadow: none !important;
}
.pm-positions-detailed .pm-position .pm-position-right {
  padding-left: 0.75rem;
}
.pm-positions-detailed .pm-position .pm-position-right .pm-position-checkboxes {
  display: flex;
  margin-top: 0.45rem;
}
.pm-positions-detailed .pm-position .pm-position-right .pm-position-checkboxes .pm-evaluation {
  display: flex;
  margin-right: 2rem;
}
.pm-positions-detailed .pm-position .pm-position-right .pm-position-checkboxes .pm-evaluation .evaluation {
  margin-top: 0.125rem;
}
.pm-positions-detailed .pm-position .pm-position-right .pm-position-checkboxes .pm-evaluation .pm-evaluation-title {
  padding-top: 0.25rem;
  padding-left: 0.75rem;
  cursor: pointer;
}
.pm-positions-detailed .pm-position .pm-position-right .pm-position-amounts .pm-no-checkbox {
  padding-left: 2rem;
  padding-top: 0.25rem;
}
.pm-positions-detailed .pm-position .pm-position-right .pm-position-amounts .pm-no-input {
  text-align: right;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
}
.pm-positions-detailed .pm-position .pm-position-change-warning {
  position: absolute;
  margin: -0.5rem 0 0 -1rem;
  height: 100%;
  width: calc(100% + 0.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsla(var(--pm-main-color1-h), var(--pm-main-color1-s), var(--pm-main-color1-l), 0.8);
  border-radius: 0.25rem;
  z-index: 1;
}
.pm-positions-detailed .pm-position .pm-position-change-warning .pm-inner {
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  background: var(--pm-background-color);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  max-width: 65%;
}

.reveal-overlay .pm-media .pm-media-preview {
  cursor: default;
}
.reveal-overlay .pm-media .pm-media-preview:hover {
  cursor: pointer;
}

.pm-media .pm-media-preview {
  cursor: default;
}

.pm-blur {
  filter: blur(0.1rem);
}

.pm-liveSync-container .pm-liveSync-main.pm-padding {
  padding: 0.5rem;
}
.pm-liveSync-container .pm-liveSync-main .pm-liveSync-main-noContent {
  display: flex;
  width: 100%;
  height: 25rem;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: var(--pm-text-color-light);
  opacity: 0.25;
}
.pm-liveSync-container .pm-liveSync-main .pm-liveSync-main-info {
  display: flex;
  width: 100%;
  padding-top: 0.25rem;
  justify-content: center;
  color: var(--pm-text-color-light);
  cursor: pointer;
  text-decoration: underline;
}
.pm-liveSync-container .pm-liveSync-menu {
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
}
.pm-liveSync-container .pm-liveSync-menu .pm-liveSync-menu-part {
  margin-bottom: 1rem;
}
.pm-liveSync-container .pm-liveSync-menu .pm-liveSync-menu-part .pm-button {
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.evaluation {
  width: 1.5rem;
  height: 1.5rem;
  background-color: grey;
  border-radius: 100%;
  cursor: pointer;
}
.evaluation.VERY_GOOD {
  background-color: #40bd40;
}
.evaluation.MAY_NEED_FUTURE_ATTENTION {
  background-color: #fbd807;
}
.evaluation.NEEDS_IMMEDIATE_ATTENTION {
  background-color: #FF3B30;
}

/* CASES - NEW INVOICE - modal dialog class reveal */
/* header */
.pm-space {
  height: 1.5rem;
  width: 100%;
  float: none;
}

/* https://bmw.paymail-dev.de/wicket/resource/assets.Assets/css/backoffice/foundation-ver-C5C435808F318496566063C6AA575D96.css?-bmw */
.reveal {
  /* border: 1px solid #cacaca; */
  /* border-radius: 0; */
  /* background-color: #fefefe; */
  border: 0px none;
  border-radius: 0.625rem;
  background-color: var(--pm-background-color);
  padding: 1rem 1.2rem;
}

.reveal .grid-x > .small-5 {
  text-transform: uppercase;
  color: var(--pm-main-color1);
}

.reveal .grid-x > .small-4 {
  text-transform: uppercase;
  color: var(--pm-main-color1);
  display: flex;
  align-items: center;
}

.reveal .grid-x > .pm-inline-label {
  text-transform: uppercase;
  color: var(--pm-main-color1);
  padding-right: 0.6rem;
  min-width: 25%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.reveal .pm-select {
  background-position: calc(100% - 0.625rem);
}

.reveal .pm-attachments {
  width: 100%;
}
.reveal .pm-attachments .pm-pdf-attachment {
  width: 100%;
  min-height: 2.5rem;
  border-top: 0.125rem solid white;
}
.reveal .pm-attachments .pm-pdf-attachment .pm-checkbox {
  padding: 0.125rem 0;
}

.reveal span .pm-button {
  margin-left: 0.325rem;
}

.pm-dialog-content {
  padding-top: 1rem;
}

.pm-dialog-right {
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
}

div.pm-dialog-button {
  margin-bottom: 0.2rem;
  margin-top: auto;
  margin-left: auto;
  align-self: flex-end;
}

/* https://bmw.paymail-dev.de/wicket/resource/assets.Assets/css/backoffice/style-ver-CF0ED79541DFD9F1E9D1554DCA0EB4FE.css?-bmw */
.reveal-overlay .pm-button {
  padding: 0.75rem 1.25rem;
}

.pm-small-reveal-overlay .pm-button {
  padding: 0.25rem 0.5rem;
  text-transform: none;
}

.reveal-overlay h2, .pm-small-reveal-overlay h2 {
  font-size: 0.8125rem;
  color: var(--pm-main-color1);
}
.reveal-overlay h2 {
  text-transform: uppercase;
}

.pm-small-reveal-overlay h2 {
  padding-bottom: 0.5rem;
}

.reveal-overlay .pm-headline, .pm-small-reveal-overlay .pm-headline {
  color: var(--pm-main-color1);
  font-weight: 400;
  margin-bottom: 0;
}
.reveal-overlay .pm-checkbox input:checked + label::before, .reveal-overlay .pm-checkbox input:not(:checked) + label::before, .pm-small-reveal-overlay .pm-checkbox input:checked + label::before, .pm-small-reveal-overlay .pm-checkbox input:not(:checked) + label::before {
  border: 1px solid var(--pm-main-color1);
}
.reveal-overlay .send-email .pm-button, .reveal-overlay .pm-button.send-email, .pm-small-reveal-overlay .send-email .pm-button, .pm-small-reveal-overlay .pm-button.send-email {
  background-image: none;
}
.reveal-overlay .pm-headline-bar, .pm-small-reveal-overlay .pm-headline-bar {
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.reveal-overlay .pm-headline-bar {
  margin-top: 20px;
}

.reveal-overlay .pm-left-col-border, .pm-small-reveal-overlay .pm-left-col-border {
  border-right: 2px solid #fff;
  padding-right: 1rem;
}

/* CASES - DETAILS */
tbody.tb-open {
  box-shadow: -5px 0px 0px 0px var(--pm-main-color3);
}

.pm-overlay {
  position: absolute;
  top: 6.2rem;
  right: 0;
  pointer-events: none;
}
.pm-overlay * {
  pointer-events: all;
}
.pm-overlay .pm-sidebar {
  display: grid;
  align-content: start;
  grid-auto-rows: auto;
  width: 17rem;
  position: absolute;
  right: 0;
  height: calc(100vh - 6.2rem);
  z-index: 1000;
  pointer-events: none;
}
.pm-overlay .pm-sidebar * {
  pointer-events: all;
}
.pm-overlay .pm-sidebar.pm-fixed-top {
  height: 100vh;
}
.pm-overlay .pm-sidebar .pm-menu {
  pointer-events: all;
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item {
  padding: 0.75rem;
  background: white;
  color: var(--pm-main-color1);
  cursor: pointer;
  text-transform: uppercase;
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item:first-child {
  border-radius: 1rem 0 0 1rem;
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item.pm-selected {
  background: var(--pm-main-color1);
  color: white;
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item.pm-selected:hover {
  color: #e6e6e6;
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -10%));
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item.pm-selected:active {
  color: #cccccc;
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -10%));
  background-color: #e6e6e6;
}
.pm-overlay .pm-sidebar .pm-menu .pm-menu-item:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  background-color: #cccccc;
}
.pm-overlay .pm-sidebar .pm-notifications {
  margin-top: 0.18rem;
  padding-bottom: 0.125rem;
  background: var(--pm-background-color);
  overflow-y: auto;
  max-height: 500px;
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification {
  margin-top: 0.125rem;
  border-left: 0.5rem solid transparent;
  padding: 0.4rem 0.75rem 0.25rem 0.75rem;
  background: white;
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification .pm-top {
  display: flex;
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification .pm-top .pm-title {
  float: left;
  text-transform: uppercase;
  color: var(--pm-main-color1);
  flex-grow: 1;
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification .pm-top .pm-delete {
  transform: scale(1.75, 1.25);
  color: var(--pm-main-color1);
  font-weight: 100;
  cursor: pointer;
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification .pm-date {
  font-size: 0.75rem;
  text-align: right;
  color: var(--pm-main-color1);
  opacity: 0.75;
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification.pm-unread {
  border-color: var(--pm-main-color1);
}
.pm-overlay .pm-sidebar .pm-notifications .pm-notification.pm-unread .pm-title {
  font-weight: 600;
  color: var(--pm-text-color);
}
.pm-overlay .pm-sidebar .pm-notifications .pm-no-notifications {
  padding: 0.5rem;
  text-align: center;
  background: white;
  border-left: 0.5rem solid var(--pm-background-color);
}
.pm-overlay .pm-sidebar .pm-notifications .pagination a,
.pm-overlay .pm-sidebar .pm-notifications .pagination .pagination-previous,
.pm-overlay .pm-sidebar .pm-notifications .pagination .pagination-next {
  margin: 0 7px;
}
.pm-overlay .pm-sidebar .pm-no-spacing {
  margin-top: 0;
  padding-top: 0;
  background: white;
  /* padding: 0 16px; */
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.pm-overlay .pm-sidebar .pm-chats-group {
  display: flex;
  flex-direction: column;
  margin-top: 0.18rem;
  overflow: hidden;
  background: var(--pm-background-color);
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-header {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--pm-main-color1);
  background-color: white;
  text-transform: uppercase;
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body {
  overflow-y: auto;
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry {
  background: white;
  margin-top: 0.125rem;
  padding: 0.4rem 0 0.4rem 0.4rem;
  cursor: pointer;
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry.pm-open {
  padding-left: 0;
  border-left: 0.4rem solid var(--pm-main-color1);
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry:hover, .pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry.pm-open {
  background: var(--pm-background-color);
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry:active {
  background: hsl(var(--pm-background-color-h), calc(var(--pm-background-color-s) + 0%), calc(var(--pm-background-color-l) + -10%));
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry .icon-container {
  display: grid;
  margin-left: 0.75rem;
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry .pm-svg-repairOrder {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_wrench-ver-87AA4FCD518247DF56BE8227EA6CD423.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/BMW_icons38px_1c_102019_wrench-ver-87AA4FCD518247DF56BE8227EA6CD423.svg');
  -webkit-mask-size: contain;
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry .pm-svg-repairOrder:hover {
  background-color: var(--svg-color-darker);
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry .pm-svg-repairOrder:active {
  background-color: var(--svg-color-darkest);
}
.pm-overlay .pm-sidebar .pm-chats-group .pm-chats-group-body .pm-entry .pm-name {
  padding-top: 0.5rem;
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1rem;
}
.pm-overlay .pm-sidebar .pm-chats-group .pagination a,
.pm-overlay .pm-sidebar .pm-chats-group .pagination .pagination-previous,
.pm-overlay .pm-sidebar .pm-chats-group .pagination .pagination-next {
  margin: 0 7px;
}
.pm-overlay .pm-chats-wrapper {
  display: grid;
  position: fixed;
  bottom: 0;
  right: 17rem;
  max-width: calc(100vw - 17rem - 1rem);
  overflow-x: auto;
  overflow-y: hidden;
  direction: rtl;
  z-index: 1000;
}
.pm-overlay .pm-chats-wrapper .pm-chats {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  min-width: min-content;
  direction: ltr;
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat {
  margin-right: 0.25rem;
  width: 17rem;
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat .pm-chat-header .pm-slider .switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat .pm-chat-header .pm-slider .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1.5rem;
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat .pm-chat-header .pm-slider .slider:before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat .pm-chat-header .pm-slider.pm-selected .slider {
  background-color: var(--pm-main-color1);
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat .pm-chat-header .pm-slider.pm-unselected .slider {
  background-color: #D20000;
}
.pm-overlay .pm-chats-wrapper .pm-chats .pm-chats-chat .pm-chat-header .pm-slider.pm-selected .slider:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}

.pm-container.repairOrderSettings .pm-container-inner .grid-x, .pm-container.communicationSettings .pm-container-inner .grid-x {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x *, .pm-container.communicationSettings .pm-container-inner .grid-x * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x input::-webkit-outer-spin-button,
.pm-container.repairOrderSettings .pm-container-inner .grid-x input::-webkit-inner-spin-button, .pm-container.communicationSettings .pm-container-inner .grid-x input::-webkit-outer-spin-button,
.pm-container.communicationSettings .pm-container-inner .grid-x input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x input[type=number], .pm-container.communicationSettings .pm-container-inner .grid-x input[type=number] {
  -moz-appearance: textfield;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x .input-group-addon, .pm-container.communicationSettings .pm-container-inner .grid-x .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x input, .pm-container.communicationSettings .pm-container-inner .grid-x input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table-cell;
  padding: 6px 12px;
  border: 1px solid #ccc;
  margin: 0;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x .suffix input, .pm-container.communicationSettings .pm-container-inner .grid-x .suffix input {
  border-radius: 4px 0px 0px 4px;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x .suffix .input-group-addon, .pm-container.communicationSettings .pm-container-inner .grid-x .suffix .input-group-addon {
  border-left: 0;
  border-radius: 0px 4px 4px 0px;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x .input-group-addon.suffix, .pm-container.communicationSettings .pm-container-inner .grid-x .input-group-addon.suffix {
  border-radius: 0px 4px 4px 0px;
  border-left: 0;
}
.pm-container.repairOrderSettings .pm-container-inner .grid-x .input-group, .pm-container.communicationSettings .pm-container-inner .grid-x .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.pm-fixed-top {
  top: 0 !important;
  position: fixed !important;
  z-index: 100;
}

.pm-liveSync-own-update-a, input[type=checkbox].pm-liveSync-own-update-a + label {
  animation: pm-liveSync-own-a 1s ease-out;
}
@keyframes pm-liveSync-own-a {
  0% {
    outline: 0 solid rgba(64, 189, 64, 0.5);
  }
  10% {
    outline: 0.1rem solid rgba(64, 189, 64, 0.5);
  }
  50% {
    outline: 0.35rem solid rgba(64, 189, 64, 0.05);
  }
  99% {
    outline: 0.35rem solid rgba(64, 189, 64, 0);
  }
  100% {
    outline: 0 solid transparent;
  }
}

.pm-liveSync-own-update-b, input[type=checkbox].pm-liveSync-own-update-b + label {
  animation: pm-liveSync-own-b 1s ease-out;
}
@keyframes pm-liveSync-own-b {
  0% {
    outline: 0 solid rgba(64, 189, 64, 0.5);
  }
  10% {
    outline: 0.1rem solid rgba(64, 189, 64, 0.5);
  }
  50% {
    outline: 0.35rem solid rgba(64, 189, 64, 0.05);
  }
  99% {
    outline: 0.35rem solid rgba(64, 189, 64, 0);
  }
  100% {
    outline: 0 solid transparent;
  }
}

.pm-liveSync-external-update-a, input[type=checkbox].pm-liveSync-external-update-a + label {
  animation: pm-liveSync-external-a 1s ease-out;
}
@keyframes pm-liveSync-external-a {
  0% {
    outline: 0 solid rgba(251, 216, 7, 0.5);
  }
  10% {
    outline: 0.1rem solid rgba(251, 216, 7, 0.5);
  }
  50% {
    outline: 0.35rem solid rgba(251, 216, 7, 0.05);
  }
  99% {
    outline: 0.35rem solid rgba(251, 216, 7, 0);
  }
  100% {
    outline: 0 solid transparent;
  }
}

.pm-liveSync-external-update-b, input[type=checkbox].pm-liveSync-external-update-b + label {
  animation: pm-liveSync-external-b 1s ease-out;
}
@keyframes pm-liveSync-external-b {
  0% {
    outline: 0 solid rgba(251, 216, 7, 0.5);
  }
  10% {
    outline: 0.1rem solid rgba(251, 216, 7, 0.5);
  }
  50% {
    outline: 0.35rem solid rgba(251, 216, 7, 0.05);
  }
  99% {
    outline: 0.35rem solid rgba(251, 216, 7, 0);
  }
  100% {
    outline: 0 solid transparent;
  }
}

.pm-mpi {
  width: 100%;
}
.pm-mpi .pm-mpi-group:not(:first-child) {
  margin-top: 0.5rem;
}
.pm-mpi .pm-mpi-group .pm-mpi-name {
  position: relative;
  border-radius: 0 0.25rem 0.25rem 0;
  padding: 0.25rem 0.25rem 0.35rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFF;
  background-color: var(--pm-main-color1);
}
.pm-mpi .pm-mpi-group .pm-mpi-name::before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 0.75rem;
  left: -0.75rem;
  top: 0;
  background: var(--pm-main-color1);
}
.pm-mpi .pm-mpi-entry .pm-mpi-name .pm-mpi-content {
  padding: 0 0.5rem;
}

.pm-mpi-evaluation-wrapper {
  width: 2rem;
  height: 100%;
  padding: 0.1rem;
  cursor: pointer;
}

/* TODO: Remove duplicate evaluation definitions */
.pm-mpi-evaluation {
  width: 1.8rem;
  height: 1.8rem;
  padding: 0.1rem;
  border-radius: 100%;
  background-color: grey;
}
.pm-mpi-evaluation.selected::after {
  display: block;
  width: 100%;
  height: 100%;
  content: " ";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../img/icons/check-ffffff-ver-6082DEA79D6B588258268BF5135C9B57.png');
  background-size: 1rem;
}
.pm-mpi-evaluation.VERY_GOOD {
  background-color: #40bd40;
}
.pm-mpi-evaluation.MAY_NEED_FUTURE_ATTENTION {
  background-color: #fbd807;
}
.pm-mpi-evaluation.NEEDS_IMMEDIATE_ATTENTION {
  background-color: #FF3B30;
}

.pm-toggle-switch {
  position: relative;
  display: inline-block;
  width: 3.1rem;
  height: 1.5rem;
}
.pm-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pm-toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1.5rem;
  background-color: var(--pm-background-color);
}
.pm-toggle-switch .slider:before {
  position: absolute;
  content: "";
  top: 0.14rem;
  left: 0.15rem;
  height: 1.2rem;
  width: 1.2rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.pm-toggle-switch input:checked + .slider {
  background-color: #29d62c;
}
.pm-toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
  left: 1px;
}

.pm-mat-checkbox {
  position: relative;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
}
.pm-mat-checkbox .check {
  width: 100%;
  height: 100%;
}
.pm-mat-checkbox .check:hover {
  cursor: pointer;
}
.pm-mat-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pm-mat-checkbox input:not(:checked) + .check {
  --svg-color: #E3E4DD;
  --svg-color-darker: #b4b7a4;
  --svg-color-darkest: #85896c;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/checkbox-ver-67AECD032F7F57126DDF4D8F324311F3.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/checkbox-ver-67AECD032F7F57126DDF4D8F324311F3.svg');
  -webkit-mask-size: contain;
  background: #E3E4DD !important;
}
.pm-mat-checkbox input:not(:checked) + .check:hover {
  background-color: var(--svg-color-darker);
}
.pm-mat-checkbox input:not(:checked) + .check:active {
  background-color: var(--svg-color-darkest);
}
.pm-mat-checkbox input:checked + .check {
  --svg-color: #40bd40;
  --svg-color-darker: #267126;
  --svg-color-darkest: #0c250c;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/checkbox-checked-ver-81C656C2AFB77BFE9FD593EB6DD52EEC.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/checkbox-checked-ver-81C656C2AFB77BFE9FD593EB6DD52EEC.svg');
  -webkit-mask-size: contain;
  background: #40bd40 !important;
}
.pm-mat-checkbox input:checked + .check:hover {
  background-color: var(--svg-color-darker);
}
.pm-mat-checkbox input:checked + .check:active {
  background-color: var(--svg-color-darkest);
}

.pm-default-error {
  display: inline-block;
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  color: #fefefe;
  background-image: url('../../img/icons/exclamation-triangle-solid-ver-82E97220EA7FA5087B221BCCA4DB9740.svg');
  background-size: 1.25rem;
  background-position: left 0.25rem top 0.25rem;
  background-repeat: no-repeat;
  background-color: #FF3B30;
}

.pm-my-bmw-header {
  background-image: url('../../img/bmw-logo-appintegration-ver-39355D9BE4D5669E09206E6E46933D06.png');
  height: 5.2rem;
  background-size: 8rem;
  background-repeat: no-repeat;
  background-color: white;
  background-position: 1rem center;
}

.bmw-title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75rem;
  text-align: left;
}

.bmw-header {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.25rem;
  text-align: left;
  border-bottom: #d3d4d4 solid 0.06rem;
  margin-top: 0.75rem;
}

.pm-dropdown-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--pm-background-color);
}
.pm-dropdown-nav a {
  text-decoration: none;
  color: var(--pm-text-color);
  margin: 0;
  padding: 0;
}
.pm-dropdown-nav li {
  width: -webkit-fill-available;
  width: -moz-available;
  height: 2.5rem;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pm-dropdown-nav .top-bar-navigation {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.pm-dropdown-nav .top-bar-navigation > * {
  cursor: pointer;
}
.pm-dropdown-nav .top-bar-navigation > .submenu {
  margin: 0 1px;
}
.pm-dropdown-nav .top-bar-navigation > .submenu > .slide-down-menu > li {
  background: white;
}
.pm-dropdown-nav .top-bar-navigation > .submenu > .slide-down-menu > li:hover {
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%)) !important;
}
.pm-dropdown-nav .top-bar-navigation > .submenu > .slide-down-menu li {
  border-bottom: 1px solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
  justify-content: center;
}
.pm-dropdown-nav .top-bar-navigation > .submenu > .slide-down-menu li:last-child {
  border-bottom: none;
}
.pm-dropdown-nav .top-bar-navigation > .submenu > .slide-down-menu li:hover {
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-dropdown-nav .top-bar-navigation .submenu {
  height: min-content;
  position: relative;
}
.pm-dropdown-nav .top-bar-navigation .submenu.selected > a {
  background: var(--pm-main-color1);
  color: white;
}
.pm-dropdown-nav .top-bar-navigation .submenu a {
  width: inherit;
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pm-dropdown-nav .top-bar-navigation .submenu.selected > .headline {
  border-bottom: 4px solid hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-dropdown-nav .top-bar-navigation .submenu .headline {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  height: 4rem;
  text-align: center;
  background: white;
}
.pm-dropdown-nav .top-bar-navigation .submenu .slide-down-menu {
  display: none;
  width: inherit;
}
.pm-dropdown-nav .top-bar-navigation .submenu.selected > .slide-down-menu {
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  border: 1px solid #d1d8e3;
}
.pm-dropdown-nav .top-bar-navigation .submenu.selected > .slide-down-menu .slide-down-menu {
  background: #e6e8eb;
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu > a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--pm-main-color1);
  color: white;
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu > a::before {
  content: "";
  width: 0.75rem;
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu > a::after {
  margin-right: 3px;
  width: 0.75rem;
  height: 0.75rem;
  content: "";
  --svg-color: white;
  --svg-color-darker: #cccccc;
  --svg-color-darkest: #999999;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/triangle_arrow_down-ver-1CCA268DB183DA2CECF3B1099EAA520F.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/triangle_arrow_down-ver-1CCA268DB183DA2CECF3B1099EAA520F.svg');
  -webkit-mask-size: contain;
  transform: rotate(-90deg);
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu > a::after:hover {
  background-color: var(--svg-color-darker);
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu > a::after:active {
  background-color: var(--svg-color-darkest);
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu > a:hover {
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 10%));
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu.selected > a::after {
  --svg-color: white;
  --svg-color-darker: #cccccc;
  --svg-color-darkest: #999999;
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/triangle_arrow_down-ver-1CCA268DB183DA2CECF3B1099EAA520F.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/triangle_arrow_down-ver-1CCA268DB183DA2CECF3B1099EAA520F.svg');
  -webkit-mask-size: contain;
  transform: rotate(0deg);
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu.selected > a::after:hover {
  background-color: var(--svg-color-darker);
}
.pm-dropdown-nav .top-bar-navigation .submenu .submenu.selected > a::after:active {
  background-color: var(--svg-color-darkest);
}

.pm-breadcrumb-container {
  display: flex;
  color: var(--pm-text-color-headline);
}
.pm-breadcrumb-container div {
  margin-right: 0.5rem;
  text-transform: none;
}
.pm-breadcrumb-container .nav-link {
  cursor: pointer;
  text-decoration: underline;
  color: -webkit-link;
}

.pm-container .pm-container-inner .grid-x > .shrink {
  max-width: 100%;
}
.pm-container .pm-container-inner.pm-content-headline {
  background: var(--pm-main-color1);
  color: white;
  font-size: 1.125rem;
  text-align: center;
  border-radius: 0.5rem 0.5rem 0 0;
  height: 2.5rem;
  padding-bottom: 0;
}

.pm-header-image.wkr-config.bmw {
  background-image: url('../../img/wkr-admin-config-bmw-ver-97ADCE81DA97174784E090C60D81006B.jpg');
}
.pm-header-image.wkr-config.mini {
  background-image: url('../../img/wkr-admin-config-mini-ver-BD8AF329FF53151961657DD018FA95AE.jpg');
}
.pm-header-image.wkr-config.jaguar {
  background-image: url('../../img/wkr-admin-config-jaguar-ver-9A728A14BA7D9E67A60090BFC42BC2E7.jpg');
  background-position: top;
}
.pm-header-image.wkr-config.landrover {
  background-image: url('../../img/wkr-admin-config-landrover-ver-5F9F2E47FF2E2534A9B00EDAC7EAA5C9.jpg');
  background-position: top;
}
.pm-header-image.wkr-config.rangerover {
  background-image: url('../../img/wkr-admin-config-rangerover-ver-CA84F2317FF8E16FC359806732B41E32.jpg');
  background-position: top;
}
.pm-header-image.wkr-config.discovery {
  background-image: url('../../img/wkr-admin-config-discovery-ver-48BB8E455929F88ACABF3DC31FE67B8F.jpg');
  background-position: top;
}
.pm-header-image.wkr-config.defender {
  background-image: url('../../img/wkr-admin-config-defender-ver-E431CCC3D2DA2EADF235CD5522569B2B.jpg');
  background-position: top;
}

.pm-wkr-admin {
  display: grid;
  grid-template-columns: 12rem auto;
  grid-column-gap: 2.5rem;
  grid-template-areas: "outlet validity" "model itemconfig";
}
.pm-wkr-admin .pm-title {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--pm-main-color1);
}
.pm-wkr-admin .pm-subtitle {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--pm-main-color1);
}
.pm-wkr-admin .pm-select {
  cursor: pointer;
  text-transform: uppercase;
}
.pm-wkr-admin .pm-header-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 11rem;
  margin-right: 2rem;
}
.pm-wkr-admin .pm-header-column > * {
  margin-top: 1rem;
  margin-right: 2rem;
}
.pm-wkr-admin .item-group-panel .title {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--pm-main-color1);
}
.pm-wkr-admin .item-group-panel .list {
  background: var(--pm-background-color);
  list-style: none;
  padding: 0.5rem;
}
.pm-wkr-admin .item-group-panel .list .list-item {
  color: var(--pm-main-color1);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.pm-wkr-admin .item-group-panel .list .list-item.selected {
  color: black;
  text-decoration: underline;
  cursor: default;
}
.pm-wkr-admin .item-group-panel .list .list-item.green {
  color: #40bd40;
}
.pm-wkr-admin .item-list-container {
  padding: 0.875rem;
  background: var(--pm-background-color);
}
.pm-wkr-admin .action-container {
  margin-top: 1rem;
}
.pm-wkr-admin .info-text {
  width: 15rem;
  color: #FF3B30;
  margin: 0;
}
.pm-wkr-admin .info-text.green {
  color: #40bd40;
}
.pm-wkr-admin .feedbackPanel {
  display: block;
}
.pm-wkr-admin .pm-input-warning {
  border-color: #FF3B30 !important;
  border-radius: 2px;
}

.pm-wkr-item-config {
  padding: 1rem 1rem 0 1rem;
  border: 2px solid white;
}
.pm-wkr-item-config .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.6rem 0;
}
.pm-wkr-item-config .inner {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
.pm-wkr-item-config .inner .image {
  width: 17.5rem;
  height: 10rem;
}
.pm-wkr-item-config .inner .details {
  min-width: 10rem;
  max-width: 17rem;
  margin: 0 1rem;
}
.pm-wkr-item-config .inner .details .details-text {
  margin-top: 0;
}
.pm-wkr-item-config .inner .price-property {
  width: fit-content;
  display: flex;
  flex-direction: column;
  margin: 0 auto auto;
  align-items: center;
  gap: 0.2rem;
  height: 1.875rem;
}
.pm-wkr-item-config .inner .price-and-position {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 auto;
  text-align: right;
}
.pm-wkr-item-config .inner .price-and-position .price {
  background: #FFFFFF;
  border: 1px solid #D6D9DC;
  box-sizing: border-box;
  border-radius: 2px 0 0 2px;
  border-right: none;
  text-align: right;
  outline: none;
  width: 8rem;
}
.pm-wkr-item-config .inner .price-and-position .price-extension {
  margin: 0;
  padding: 0 0.5rem 0 0;
  line-height: 1.8rem;
  vertical-align: middle;
  width: fit-content;
  height: 1.875rem;
  background: #FFFFFF;
  border: 1px solid #D6D9DC;
  box-sizing: border-box;
  border-radius: 0 2px 2px 0;
  border-left: none;
}
.pm-wkr-item-config .inner .price-and-position .position-selection {
  margin-top: auto;
  padding: 0.2rem;
}
.pm-wkr-item-config .inner .price-and-position .position-selection.pm-input-warning {
  border: 1px solid;
}
.pm-wkr-item-config .inner .price-and-position .position-selection .position {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.115rem;
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 40%));
}
.pm-wkr-item-config .inner .price-and-position .position-selection .position.occupied {
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.pm-wkr-item-config .inner .price-and-position .position-selection .position.selected {
  background: var(--pm-main-color1);
}
.pm-wkr-item-config .inner .price-and-position .position-selection .positions-container {
  display: grid;
  grid-template-areas: "1 2 3" "4 5 6";
  justify-content: center;
  float: right;
}
.pm-wkr-item-config .selection-container {
  height: 2.6rem;
  margin: 0 -1rem;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background: white;
}
.pm-wkr-item-config .selection-container .button {
  width: 12.8rem;
  height: 2rem;
  margin: 0 0.5rem;
}
.pm-wkr-item-config.selected {
  border: 2px solid #498E4C;
}
.pm-wkr-item-config.selected .selection-container {
  background: #498E4C;
}
.pm-wkr-item-config.selected .selection-container .button {
  background: #336F36;
}

.pm-aob-activation-panel {
  display: grid;
  grid-template-areas: "name isActive isDefault blank";
  gap: 0.5rem 5rem;
  justify-items: center;
  align-items: center;
  width: 100%;
  grid-auto-columns: minmax(min-content, max-content) min-content min-content auto;
  padding: 1rem;
}
.pm-aob-activation-panel .line {
  height: 0.125rem;
  width: 100%;
  background: var(--pm-background-color);
  grid-column-start: name;
  grid-column-end: blank;
}
.pm-aob-activation-panel .name {
  min-width: 20rem;
  max-width: 40rem;
  justify-self: flex-start;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  color: var(--pm-text-color-headline);
}
.pm-aob-activation-panel .pm-warning {
  justify-self: start;
}
.pm-aob-activation-panel .pm-warning .feedbackPanelERROR {
  margin: 0 !important;
}
.pm-aob-activation-panel h2 {
  font-size: 0.875rem;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 15px; /* Preferred icon size */
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

button.pm-placeholder {
  background-color: #e3e4dd;
  border: 0 none;
  border-radius: 5000px;
  transition: 0.5s;
  color: #000000;
  padding: 5px 10px 5px 5px;
  margin-bottom: 0.3rem;
  cursor: pointer;
  display: inline-block;
  text-transform: capitalize;
}
button.pm-placeholder:hover {
  opacity: 0.6;
}

.pm-placeholder-remove {
  background-color: #eeefea;
  border: 0 none;
  border-radius: 5000px;
  transition: 0.5s;
  color: #000000;
  padding: 5px 10px 5px 5px;
  cursor: pointer;
  display: inline-block;
  text-transform: capitalize;
}
.pm-placeholder-remove:hover {
  opacity: 0.8;
}

.pm-placeholder-title {
  margin-top: 20px;
  margin-bottom: 10px;
  opacity: 0.6;
}

.pm-editor-contenteditable-input {
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  font-family: inherit;
  font-size: 100%;
  border: none;
  font: -webkit-small-control;
  min-height: 2rem;
  overflow: auto;
  padding: 1rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
.pm-editor-contenteditable-input:focus {
  background-color: #e3e4dd;
  outline: 0.125rem solid white;
  scrollbar-color: var(--pm-main-color1) #e3e4dd;
}

.pm-reset-to-default-action {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
  display: block;
  padding: 0;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.pm-reset-to-default-action:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-reset-to-default-action:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-reset-to-default-action:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-reset-to-default-action:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-reset-to-default-action .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/reset-ver-A5399891D3F32AD0B6CECC51A7043755.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/reset-ver-A5399891D3F32AD0B6CECC51A7043755.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-reset-to-default-action .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-reset-to-default-action .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-reset-to-default-action .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.pm-reset-to-default-action-email {
  display: inline-grid;
  padding: 0 0.5rem;
  color: var(--pm-main-color1);
  display: block;
  padding: 0;
  margin-top: 2rem;
  margin-left: 0.5rem;
}
.pm-reset-to-default-action-email:hover {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-reset-to-default-action-email:active {
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-reset-to-default-action-email:hover .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.pm-reset-to-default-action-email:active .pm-button-icon {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
}
.pm-reset-to-default-action-email .pm-button-icon {
  width: 2.2rem;
  height: 2.2rem;
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/reset-ver-A5399891D3F32AD0B6CECC51A7043755.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/reset-ver-A5399891D3F32AD0B6CECC51A7043755.svg');
  -webkit-mask-size: contain;
  margin: auto;
  cursor: pointer;
}
.pm-reset-to-default-action-email .pm-button-icon:hover {
  background-color: var(--svg-color-darker);
}
.pm-reset-to-default-action-email .pm-button-icon:active {
  background-color: var(--svg-color-darkest);
}
.pm-reset-to-default-action-email .pm-button-text {
  margin-top: 0.2rem;
  cursor: pointer;
}

.mpi-selection {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  background-color: #E6E8EB;
  font-size: 1.25rem;
}
.mpi-selection:hover {
  color: #14004F;
}
.mpi-selection:hover .title::after {
  background-color: #14004F;
}
.mpi-selection:active {
  color: #14004F;
}
.mpi-selection:active .title::after {
  color: #14004F;
}
.mpi-selection .title {
  cursor: pointer;
}
.mpi-selection .title::after {
  content: " ";
  background-color: black;
  padding: 0 0.5rem;
  margin-left: 0.25rem;
  mask: center no-repeat url('../../img/icons/triangle_arrow_down-ver-1CCA268DB183DA2CECF3B1099EAA520F.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/triangle_arrow_down-ver-1CCA268DB183DA2CECF3B1099EAA520F.svg');
  -webkit-mask-size: contain;
}

.mpi-dropdown-cancel-area {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.mpi-dropdown-container {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.mpi-dropdown {
  max-height: 15rem;
  min-width: 30rem;
  overflow-y: auto;
  background-color: white;
  color: black;
  border: 2px solid gray;
  border-radius: 0.25rem;
  margin-top: -1rem;
  z-index: 10;
}
.mpi-dropdown :nth-child(even) {
  background-color: #EEEFEA;
}
.mpi-dropdown ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mpi-dropdown ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  cursor: pointer;
}
.mpi-dropdown ul li a {
  padding: 0.5rem 1rem;
}
.mpi-dropdown ul li:hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.mpi-dropdown ul li:active {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 10%));
}
.mpi-dropdown::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border-radius: 1rem;
}
.mpi-dropdown::-webkit-scrollbar {
  width: 0.375rem;
}

.mpi-section {
  background-color: #E6E8EB;
}

.mpi-newMpiPanel {
  display: inline-grid;
  justify-content: center;
  align-items: center;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 1rem;
  font-size: 1.5rem;
  padding: 2rem 1rem;
}
.mpi-newMpiPanel .pm-button {
  height: 100%;
  width: 100%;
  padding: 1rem;
}
.mpi-newMpiPanel .create-from-existing {
  position: relative;
  height: 100%;
}
.mpi-newMpiPanel .create-from-existing .mpi-dropdown {
  margin-top: 0rem;
}

.mpi-editMpiPanel .mpi-content {
  background-color: #f5f7f9;
  display: flex;
  flex-direction: column;
}
.mpi-editMpiPanel .edit-name-container {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  padding: 1rem;
  margin: 0.25rem 0;
  background-color: #f5f7f9;
  font-size: 1.125rem;
}
.mpi-editMpiPanel .edit-name-container .pm-inline-edit input {
  padding: 1rem 0.5rem;
}
.mpi-editMpiPanel .edit-name-container .pm-inline-edit button {
  height: 2rem;
  width: 2rem;
}
.mpi-editMpiPanel .edit-name-container .pm-inline-edit .feedbackPanel {
  margin-top: 0.25rem;
  font-size: 0.85rem;
}
.mpi-editMpiPanel .edit-name-container p {
  margin: 0;
}
.mpi-editMpiPanel .section-title {
  font-size: 1.25rem;
  margin: 1rem;
}
.mpi-editMpiPanel .mpi-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  min-height: 3rem;
}
.mpi-editMpiPanel .mpi-element:hover {
  cursor: grab;
}
.mpi-editMpiPanel .mpi-element:hover .actions {
  display: flex;
}
.mpi-editMpiPanel .mpi-element:active {
  cursor: grabbing;
}
.mpi-editMpiPanel .mpi-element .inline-edit-container {
  max-width: 80%;
}
.mpi-editMpiPanel .mpi-element .actions {
  display: none;
  gap: 0.5rem;
}
.mpi-editMpiPanel .mpi-category-container {
  background-color: #F5F7F9;
}
.mpi-editMpiPanel .mpi-category-container .mpi-category {
  background-color: var(--pm-main-color1);
  color: white;
  font-size: 1.125rem;
  font-weight: 600;
}
.mpi-editMpiPanel .mpi-category-container .mpi-category:hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.mpi-editMpiPanel .mpi-category-container .mpi-category .pm-inline-edit button {
  background-color: white;
}
.mpi-editMpiPanel .mpi-category-container .mpi-category .pm-inline-edit button:hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.mpi-editMpiPanel .mpi-category-container .mpi-category .pm-inline-edit button:active {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 10%));
}
.mpi-editMpiPanel .mpi-category-container .items {
  margin: 0 0.75rem 0.75rem 0.75rem;
}
.mpi-editMpiPanel .mpi-category-item {
  background-color: white;
}
.mpi-editMpiPanel .mpi-category-item:nth-child(even) {
  background-color: var(--pm-background-color);
}
.mpi-editMpiPanel .mpi-category-item:hover {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + 20%));
}
.mpi-editMpiPanel .mpi-category-item.add-first-position {
  font-size: 1rem;
  font-weight: 600;
  color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.mpi-editMpiPanel .mpi-category-item.add-first-position .pm-button-round-outline {
  border-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.mpi-editMpiPanel .mpi-category-item.add-first-position .pm-button-round-outline .add {
  background: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
}
.mpi-editMpiPanel .add-first-position {
  justify-content: center !important;
  gap: 0.5rem;
}
.mpi-editMpiPanel .add-first-position:hover {
  cursor: pointer;
}
.mpi-editMpiPanel .add-first-position .pm-button-round-outline .add {
  background: white;
  width: 1.5rem;
  height: 1.5rem;
}

.pm-button-round-outline {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 50%;
  border: 2px solid white;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pm-button-round-outline .add {
  mask: center no-repeat url('../../img/icons/add-ver-2CB50AC82A11707751D6CBA0081F6143.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/add-ver-2CB50AC82A11707751D6CBA0081F6143.svg');
  -webkit-mask-size: contain;
}

.pm-button-round-plain {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  border-radius: 50%;
  background-color: #C4C4C4;
}
.pm-button-round-plain:hover {
  cursor: pointer;
  background-color: var(--pm-main-color1);
}
.pm-button-round-plain:hover div {
  background-color: white;
}
.pm-button-round-plain:active {
  background-color: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -30%));
}
.pm-button-round-plain:active div {
  background-color: white;
}
.pm-button-round-plain div {
  height: 100%;
  background-color: black;
}
.pm-button-round-plain .add {
  mask: center no-repeat url('../../img/icons/add-ver-2CB50AC82A11707751D6CBA0081F6143.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/add-ver-2CB50AC82A11707751D6CBA0081F6143.svg');
  -webkit-mask-size: contain;
}
.pm-button-round-plain .delete {
  mask: center no-repeat url('../../img/icons/delete-ver-DB4E6946448BCEEF87C28F070BE1BA6B.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/delete-ver-DB4E6946448BCEEF87C28F070BE1BA6B.svg');
  -webkit-mask-size: contain;
}

.pm-inline-edit {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.25rem;
}
.pm-inline-edit .text-label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.pm-inline-edit .edit-form {
  display: flex;
  align-items: center;
}
.pm-inline-edit .edit-form .pm-warning > * {
  margin-top: 0.5rem;
}
.pm-inline-edit input {
  height: 2rem;
  border-radius: 0.25rem;
  border: 1px solid #9DACC3;
  padding-left: 0.5rem;
}
.pm-inline-edit button {
  width: 1.5rem;
  height: 1.5rem;
}
.pm-inline-edit button:hover {
  cursor: pointer;
}
.pm-inline-edit .save {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/done-ver-89E998900BAA5268BADDFEE0059C3C6C.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/done-ver-89E998900BAA5268BADDFEE0059C3C6C.svg');
  -webkit-mask-size: contain;
}
.pm-inline-edit .save:hover {
  background-color: var(--svg-color-darker);
}
.pm-inline-edit .save:active {
  background-color: var(--svg-color-darkest);
}
.pm-inline-edit .undo {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/undo-ver-57DF65D0C38479C8F804633DF865BAEC.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/undo-ver-57DF65D0C38479C8F804633DF865BAEC.svg');
  -webkit-mask-size: contain;
}
.pm-inline-edit .undo:hover {
  background-color: var(--svg-color-darker);
}
.pm-inline-edit .undo:active {
  background-color: var(--svg-color-darkest);
}
.pm-inline-edit .edit {
  --svg-color: var(--pm-main-color1);
  --svg-color-darker: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -20%));
  --svg-color-darkest: hsl(var(--pm-main-color1-h), calc(var(--pm-main-color1-s) + 0%), calc(var(--pm-main-color1-l) + -40%));
  background-color: var(--svg-color);
  mask: center no-repeat url('../../img/icons/edit-ver-0521012053C3C4480F0A6A1865A3DB42.svg');
  mask-size: contain;
  -webkit-mask: center no-repeat url('../../img/icons/edit-ver-0521012053C3C4480F0A6A1865A3DB42.svg');
  -webkit-mask-size: contain;
}
.pm-inline-edit .edit:hover {
  background-color: var(--svg-color-darker);
}
.pm-inline-edit .edit:active {
  background-color: var(--svg-color-darkest);
}

.pm-load-mpi-dialog .select-mpi {
  display: flex;
  gap: 5rem;
  align-items: center;
}
.pm-load-mpi-dialog .select-mpi label {
  color: var(--pm-main-color1);
  text-transform: uppercase;
  white-space: nowrap;
}

.preferred-channels {
  display: flex;
  gap: 0.5rem;
}
.preferred-channels .pm-checkbox input + label::before {
  margin-right: 0.25rem;
}

.pm-successful-payment-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pm-successful-payment-container .done-button {
  width: fit-content;
  text-decoration: none;
}

.pm-change-pw-form {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}
.pm-change-pw-form .pw-fields {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: min-content auto;
  margin-top: 1rem;
}
.pm-change-pw-form .pw-fields label {
  white-space: nowrap;
  text-align: right;
}
.pm-change-pw-form .pw-fields input {
  width: 20rem;
}
.pm-change-pw-form .feedbackPanel {
  flex-direction: column;
  align-items: center;
}

.pm-progressbar-container {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: min-content auto;
}
.pm-progressbar-container label {
  white-space: nowrap;
  text-align: right;
}
.pm-progressbar-container .pm-progress-bar {
  height: 16px;
  background-color: rgba(145, 162, 189, 0.5);
  width: 100%;
  overflow: hidden;
}
.pm-progressbar-container .pm-progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(66, 90, 128);
  animation: indeterminateAnimation 1s infinite linear;
  transform-origin: 0% 50%;
}
@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}

.pm-pagination {
  background-color: white;
}

.pagination-overview li.ellipsis::after {
  content: none !important;
}

@supports (-moz-appearance: none) {
  .pagination-container {
    scrollbar-width: none;
  }
}

/*# sourceMappingURL=style.css.map */