@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap"); /*TYPOGRAPHY*/
/*12px (100%=16px)*/
/*BASIC SETTINGS*/
/*COLOR SCHEME*/
/*VALIDATION COLORS*/
/*REQUIRED FIELD*/
/*BUTTON COLORS*/
/*SCROLLBAR*/
/*ACCORDION COLORS*/
/*GENERIC LISTS*/
/*SEATCH TEMPLATE POPUP*/
/*JOURNAL*/
/*TIMEPICKER*/
/*OVERLAYS*/
/*MOBILE BREAKPOINTS*/
/*MOBILE COMPONENTS*/
/*TYPOGRAPHY*/
@import 'datepicker.css';
@import 'grudus-timepicker.css';
@import 'tipped.css';
@font-face {
  font-family: "BMW-regular";
  src: url("/BMWGroupTN-Regular.otf");
}
@font-face {
  font-family: "BMW-condensed-regular";
  src: url("/BMWGroupTNCondensedTT-Regular.ttf");
}
@font-face {
  font-family: "BMW-light";
  src: url("/BMWGroupTN-Light.otf");
}
@font-face {
  font-family: "BMW-thin";
  src: url("/BMWGroupTN-Thin.otf");
}
/*12px (100%=16px)*/
/*BASIC SETTINGS*/
/*COLOR SCHEME*/
/*VALIDATION COLORS*/
/*REQUIRED FIELD*/
/*BUTTON COLORS*/
/*SCROLLBAR*/
/*ACCORDION COLORS*/
/*GENERIC LISTS*/
/*SEATCH TEMPLATE POPUP*/
/*JOURNAL*/
/*TIMEPICKER*/
/*OVERLAYS*/
/*MOBILE BREAKPOINTS*/
/*MOBILE COMPONENTS*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

body #_content {
  height: calc(100vh - 100px);
  overflow: auto;
}
body #_content > #FR > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body #_content > #FR > .formwrap .sfr, body #_content > #FR > .formwrap > .tabContainer {
  flex-grow: 1;
}
body #_content > #FR > .formwrap .sfr.technic, body #_content > #FR > .formwrap > .tabContainer.technic {
  flex-grow: 0;
}
body #_content > #FR > .formwrap .sfr-vsm {
  flex-grow: 0;
  height: max-content;
  width: 100%;
  position: sticky;
  bottom: 0;
  z-index: 2;
}
body #_content > #FR > .formwrap .sfr-glt {
  max-height: 100%;
}
body #_content > #FR > .formwrap .sfr-glt > .genericlist-wrapper {
  height: calc(100% - 20px);
}
body #_content > #FR > .formwrap .GLT-vsm {
  height: calc(100vh - 235px);
}
body #_content > #FR > .formwrap .GLT-vsm > .genericlist-wrapper {
  height: 100%;
}
body #_footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 20px;
  align-items: center;
  padding: 0px 10px;
}
body #_footer .cr_atp {
  margin-right: 10px;
}
body #_footer .cr_atp:after {
  content: ",";
}

/*POPUP*/
body #_content > #FR > .formwrap div.pops-b,
div.pops-b {
  display: inline-flex;
  position: fixed;
  z-index: 901;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
}
body #_content > #FR > .formwrap div.pops-b div.pops-f,
div.pops-b div.pops-f {
  background-color: #FFFFFF;
  margin: auto;
  padding: 0px;
  border: 1px solid #888;
  max-width: 80%;
  max-height: 90vh;
  display: inline-flex;
  flex-direction: column;
  border-radius: 5px;
  position: relative;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h,
div.pops-b div.pops-f div.pops-h {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  margin: 10px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 1.2rem;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h span.c,
div.pops-b div.pops-f div.pops-h span.c {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h span.c:hover,
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h span.c:focus,
div.pops-b div.pops-f div.pops-h span.c:hover,
div.pops-b div.pops-f div.pops-h span.c:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c,
div.pops-b div.pops-f div.pops-c {
  display: inline-block;
  overflow: auto;
  padding: 10px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c:not(:has(.field)),
div.pops-b div.pops-f div.pops-c:not(:has(.field)) {
  text-align: center;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t,
div.pops-b div.pops-f div.pops-t {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t input, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t button,
div.pops-b div.pops-f div.pops-t input,
div.pops-b div.pops-f div.pops-t button {
  margin: 5px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t .button:not(input),
div.pops-b div.pops-f div.pops-t .button:not(input) {
  padding: 0px;
  border: none;
  display: inline-flex;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t .sfr-vsm,
div.pops-b div.pops-f div.pops-t .sfr-vsm {
  position: static;
  width: auto;
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  background: transparent;
  border: none;
  min-width: 0px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t .sfr-vsm .vsm-toolbar,
div.pops-b div.pops-f div.pops-t .sfr-vsm .vsm-toolbar {
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  background: transparent;
}

div.pops-st .pops-c .genericlist-wrapper .GLT {
  height: 324px;
}

div.pops-ctb {
  display: inline-flex;
  position: fixed;
  z-index: 901;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: transparent;
}
div.pops-ctb div.pops-f {
  background-color: #FFFFFF;
  display: inline-flex;
  flex-direction: column;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  position: absolute;
  margin-top: 3px;
}
div.pops-ctb div.pops-f div.pops-h {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  margin: 10px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 1.2rem;
}
div.pops-ctb div.pops-f div.pops-h span.c {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
div.pops-ctb div.pops-f div.pops-h span.c:hover,
div.pops-ctb div.pops-f div.pops-h span.c:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
div.pops-ctb div.pops-f div.pops-c {
  display: inline-block;
  overflow: auto;
  padding: 10px;
}
div.pops-ctb div.pops-f div.pops-t {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
div.pops-ctb div.pops-f div.pops-t input, div.pops-ctb div.pops-f div.pops-t button {
  margin: 5px;
}
div.pops-ctb div.pops-f div.pops-t .button:not(input) {
  padding: 0px;
  border: none;
  display: inline-flex;
}
div.pops-ctb div.pops-f div.pops-t .sfr-vsm {
  position: static;
  width: auto;
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  background: transparent;
  border: none;
  min-width: 0px;
}
div.pops-ctb div.pops-f div.pops-t .sfr-vsm .vsm-toolbar {
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  background: transparent;
}

/*VAR-217 dropdown button popup*/
#dropdownBtn-popup .pops-f {
  margin-top: calc(-36px - 10px);
}
#dropdownBtn-popup .pops-f .pops-c .dropdownBtn-options-popup-content button {
  width: 100%;
  margin: 5px 0px;
}
#dropdownBtn-popup .pops-f .pops-t {
  padding: 0px;
}

/*HEADER*/
#_header {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
#_header #_headerInner {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
#_header .UCI {
  display: inline-flex;
  align-items: center;
  order: 2;
}
#_header .UCI > div {
  display: inline-flex;
  align-items: center;
}
#_header .UCI .orgName a:before {
  content: "";
  background-image: url(/Icons/ico_office.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
#_header .UCI .app a:before {
  content: "";
  background-image: url(/Icons/ico_layers.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
#_header .UCI .login a:before {
  content: "";
  background-image: url(/Icons/ico_user.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
#_header .UCI a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
#_header .UCI a * {
  cursor: pointer;
}
#_header .UCI a img {
  height: 16px;
  width: auto;
  margin-right: 5px;
}
#_header .UCI:not(.showMore) #_program, #_header .UCI:not(.showMore) #_appl, #_header .UCI:not(.showMore) .selectProfile {
  display: none;
}
#_header .UCI > button#_tmbtn {
  display: none;
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  width: 18px;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
}
#_header .UCI > button#_tmbtn .ico {
  background-image: url(/Icons/ico_more.svg);
  max-height: 18px;
  background-position: center center;
  background-size: contain;
  width: 100%;
}
#_header .logout {
  order: 3;
}
#_header .logout a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
#_header .logout a * {
  cursor: pointer;
}
#_header .logout a:before {
  content: "";
  background-image: url(/Icons/ico_x.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
#_header nav {
  display: flex;
  order: 4;
  width: 100%;
  flex-grow: 1;
}

/*LINKS*/
a {
  color: #1c69d4;
  text-decoration: none;
}
a:hover {
  color: #0653b6;
}

/*CSS SCROLLBAR*/
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #DEDEDE transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #DEDEDE;
  border-radius: 10px;
  border: 0px solid transparent;
}

#_breadcrumb {
  position: relative;
  background: linear-gradient(90deg, #576CA3 0%, rgb(58, 67, 110) 100%);
  min-height: 30px;
}
#_breadcrumb .breadcrumb .icon {
  height: 18px;
  width: 24px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  background-image: url("/Icons/ico_home.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#_breadcrumb .breadcrumb .icon:hover {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
#_breadcrumb .breadcrumb {
  margin: 0 0;
  padding: 0 0;
}
#_breadcrumb li.breadcrumb {
  list-style-type: none;
}
#_breadcrumb ul.breadcrumb {
  padding: 0 0;
  list-style: none;
  display: inline-flex;
  width: 100%;
  align-items: center;
  z-index: 1;
  position: relative;
}
#_breadcrumb ul.breadcrumb li {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}
#_breadcrumb ul.breadcrumb li + li:before {
  padding: 0;
  color: black;
  font-size: 1.2rem;
  font-weight: 200;
  content: "> ";
}
#_breadcrumb ul.breadcrumb li a {
  color: black;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
#_breadcrumb ul.breadcrumb li a:hover {
  color: #1c69d4;
  text-decoration: none;
}
#_breadcrumb .ui-waveBg {
  height: 100%;
  border-bottom-width: 10px;
  display: flex;
  align-items: flex-end;
}
#_breadcrumb .ui-waveBg .waves {
  height: 100%;
  min-height: 0px;
  margin-bottom: 0px;
}

#_header {
  background: linear-gradient(90deg, #1c69d4 0%, #0653b6 100%);
}
#_header nav {
  display: flex;
  order: 1;
}
@media screen and (min-width: 1080px) {
  #_header .UCI a, #_header .logout a {
    color: #FFFFFF;
  }
  #_header .UCI a:before, #_header .logout a:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  }
  #_header .UCI .selectProfile, #_header .logout .selectProfile {
    padding: 0px;
    border: none;
  }
  #_header .UCI .selectProfile .inputWrapper:before, #_header .UCI .selectProfile .inputWrapper .inputBorderL, #_header .UCI .selectProfile .inputWrapper .inputBorderR, #_header .logout .selectProfile .inputWrapper:before, #_header .logout .selectProfile .inputWrapper .inputBorderL, #_header .logout .selectProfile .inputWrapper .inputBorderR {
    border-color: #FFFFFF;
  }
  #_header .UCI .selectProfile .inputWrapper:after, #_header .logout .selectProfile .inputWrapper:after {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  }
  #_header .UCI .selectProfile .inputWrapper input#_selectProfile, #_header .logout .selectProfile .inputWrapper input#_selectProfile {
    color: #FFFFFF;
  }
  #_header .UCI {
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #_header .logout {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px 10px 0px;
  }
}
@media screen and (max-width: 1080px) {
  #_header .UCI a, #_header .logout a {
    color: #1c69d4;
  }
  #_header .UCI a:before, #_header .logout a:before {
    filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
  }
  #_header .UCI {
    gap: 10px;
    padding: 10px;
  }
  #_header .logout {
    display: inline-flex;
    align-items: center;
    padding: 10px 10px 0px 10px;
  }
}

#menu {
  margin: 0px;
  padding: 0px;
  height: 35px;
  font: 500 1rem "BMW-regular", "Inter", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#menu > li {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#menu ul, #menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul[class^=submenu] {
  height: auto;
  width: 180px;
  background: #0653b6;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
  top: 100%;
  left: 0px;
}
#menu ul[class^=submenu] li {
  display: block;
  width: 100%;
  font: 400 1rem "BMW-regular", "Inter", sans-serif;
  text-transform: none;
  position: relative;
}
#menu ul[class^=submenu] li a {
  text-align: left;
  justify-content: flex-start;
}
#menu ul[class^=submenu] ul[class^=submenu] {
  position: static;
  background: rgba(0, 0, 0, 0.2);
}
#menu ul[class^=submenu] ul[class^=submenu] a {
  color: #FFFFFF;
}
#menu li {
  /*SUBMENU ACTIVATED ON HOVER*/
  /*&:hover {

      > ul[class^="submenu"] {
          display: block
      }
  }

  &:hover > a, a:hover {

      + ul[class^="submenu"] {
          display: block
      }
  }*/
  /*SUBMENU ACTIVATED ON CLICK*/
}
#menu li:hover, #menu li:hover > a, #menu li a:hover {
  background: #ffffff;
  color: #111;
  cursor: pointer;
}
#menu li .submenuCtl {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  background-image: url("/Icons/ico_arrow_down.svg");
  background-position: 2px center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  width: 100%;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}
#menu li .submenuCtl:checked {
  background-image: url("/Icons/ico_arrow_up.svg");
}
#menu li .submenuCtl:checked + ul[class^=submenu] {
  display: block;
}
#menu a {
  display: inline-flex;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  align-items: center;
  padding: 0.5rem 14px;
  text-decoration: none;
  justify-content: center;
  text-align: center;
  line-height: 1.2rem;
}
#menu a .ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(36px - 10px);
  width: 0px;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  transition: all 0.5s 0s ease;
}
#menu a .notification {
  font-weight: bold;
  padding: 0 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#menu a .notification > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50cqh;
  color: #ffffff;
  padding: 2px 3px;
  min-width: 18px;
}
#menu a .notification > div.error {
  background-color: #E53935;
}
#menu a .notification > div.warning {
  background-color: #FF760D;
}
#menu a .notification > div.valid {
  background-color: #8DB600;
}
#menu .inactiveLink {
  pointer-events: none;
  cursor: default;
}

/*MOBILE MENU*/
#_mobileMenu {
  display: none;
}

@media screen and (max-width: 1080px) {
  #_mobileMenu {
    display: inline-block;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 11;
  }
  #_body #_header #_headerInner {
    opacity: 0;
    display: flex;
    position: fixed;
    right: -300px;
    top: 0px;
    width: 0px;
    height: 100%;
    z-index: 10;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    background: #ffffff;
    transition: right 0.5s 0s ease;
  }
  #_body #_header.showMenu #_headerInner {
    opacity: 1;
    right: 0px;
    width: 300px;
  }
  #_body #_header.showMenu #_headerInner nav {
    order: 1;
    overflow: auto;
  }
  #_body #_header.showMenu #_headerInner nav #menu {
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
  }
  #_body #_header.showMenu #_headerInner nav #menu li {
    width: 100%;
    justify-content: flex-start;
    height: auto;
    flex-wrap: wrap;
  }
  #_body #_header.showMenu #_headerInner nav #menu li:hover, #_body #_header.showMenu #_headerInner nav #menu li:hover > a, #_body #_header.showMenu #_headerInner nav #menu li:hover > a:hover {
    background: transparent;
    color: #414141;
    font-weight: bold;
  }
  #_body #_header.showMenu #_headerInner nav #menu li a {
    text-align: left;
    justify-content: flex-start;
    height: auto;
    padding-left: 20px;
    color: #414141;
  }
  #_body #_header.showMenu #_headerInner nav #menu li .submenuCtl {
    background-position-x: 5px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] {
    position: static;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding-left: calc(36px - 10px);
    background: rgba(0, 0, 0, 0.05);
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type {
    border-radius: 0px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu] {
    margin-left: calc(-36px + 10px);
    width: calc(100% + (36px - 10px));
  }
  #_body #_header.showMenu #_headerInner .logout {
    top: 0px;
    order: 2;
    height: auto;
  }
  #_body #_header.showMenu #_headerInner .logout a {
    min-height: 36px;
  }
  #_body #_header.showMenu #_headerInner .UCI {
    top: 0px;
    height: auto;
    order: 4;
    flex-direction: column;
  }
  #_body #_header.showMenu #_headerInner .UCI > div, #_body #_header.showMenu #_headerInner .UCI a {
    width: 100%;
  }
}
html {
  font-family: "BMW-regular", "Inter", sans-serif;
  font-size: 85%;
}
html * {
  box-sizing: border-box;
}

.field, .button:not(input) {
  float: left;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  align-self: flex-start;
}
.field.hiddenField, .button:not(input).hiddenField {
  display: none;
}

.group {
  float: left;
  width: 100%;
  padding: 10px 10px 15px 10px;
  border-radius: 5px;
  border: 5px solid transparent;
  position: relative;
}
.group:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.group > label {
  font-size: 1.2rem;
  display: block;
}
.group.hiddenGroup {
  padding: 0px;
  border: none;
  background: transparent;
  border-color: transparent;
}
.group.hiddenGroup:after {
  display: none;
}
.group.hiddenGroup > label {
  display: none;
}

/*GRID WIDTH*/
*[class*=width] {
  float: left;
}

html .widthAuto {
  width: auto;
}
html .widthFull {
  width: 100%;
}
html .width15_16 {
  width: 93.75%;
}
html .width11_12 {
  width: 91.66%;
}
html .width7_8 {
  width: 87.5%;
}
html .width5_6 {
  width: 83.33%;
}
html .width13_16 {
  width: 81.25%;
}
html .width4_5 {
  width: 80%;
}
html .width3_4 {
  width: 75%;
}
html .width11_16 {
  width: 68.75%;
}
html .width2_3 {
  width: 66.666%;
}
html .width5_8 {
  width: 62.5%;
}
html .width3_5 {
  width: 60%;
}
html .width7_12 {
  width: 58.33%;
}
html .width9_16 {
  width: 56.25%;
}
html .width1_2 {
  width: 50%;
}
html .width7_16 {
  width: 43.75%;
}
html .width5_12 {
  width: 41.66%;
}
html .width2_5 {
  width: 40%;
}
html .width3_8 {
  width: 37.5%;
}
html .width1_3 {
  width: 33.333%;
}
html .width5_16 {
  width: 31.25%;
}
html .width1_4 {
  width: 25%;
}
html .width1_5 {
  width: 20%;
}
html .width3_16 {
  width: 18.75%;
}
html .width1_6 {
  width: 16.66%;
}
html .width1_8 {
  width: 12.5%;
}
html .width1_12 {
  width: 8.33%;
}
html .width1_16 {
  width: 6.25%;
}

@media screen and (max-width: 780px) {
  html .t-widthAuto {
    width: auto;
  }
  html .t-widthFull {
    width: 100%;
  }
  html .t-width15_16 {
    width: 93.75%;
  }
  html .t-width11_12 {
    width: 91.66%;
  }
  html .t-width7_8 {
    width: 87.5%;
  }
  html .t-width5_6 {
    width: 83.33%;
  }
  html .t-width13_16 {
    width: 81.25%;
  }
  html .t-width4_5 {
    width: 80%;
  }
  html .t-width3_4 {
    width: 75%;
  }
  html .t-width11_16 {
    width: 68.75%;
  }
  html .t-width2_3 {
    width: 66.666%;
  }
  html .t-width5_8 {
    width: 62.5%;
  }
  html .t-width3_5 {
    width: 60%;
  }
  html .t-width7_12 {
    width: 58.33%;
  }
  html .t-width9_16 {
    width: 56.25%;
  }
  html .t-width1_2 {
    width: 50%;
  }
  html .t-width7_16 {
    width: 43.75%;
  }
  html .t-width5_12 {
    width: 41.66%;
  }
  html .t-width2_5 {
    width: 40%;
  }
  html .t-width3_8 {
    width: 37.5%;
  }
  html .t-width1_3 {
    width: 33.333%;
  }
  html .t-width5_16 {
    width: 31.25%;
  }
  html .t-width1_4 {
    width: 25%;
  }
  html .t-width1_5 {
    width: 20%;
  }
  html .t-width3_16 {
    width: 18.75%;
  }
  html .t-width1_6 {
    width: 16.66%;
  }
  html .t-width1_8 {
    width: 12.5%;
  }
  html .t-width1_12 {
    width: 8.33%;
  }
  html .t-width1_16 {
    width: 6.25%;
  }
}
@media screen and (max-width: 600px) {
  html .m-widthAuto {
    width: auto;
  }
  html .m-widthFull {
    width: 100%;
  }
  html .m-width15_16 {
    width: 93.75%;
  }
  html .m-width11_12 {
    width: 91.66%;
  }
  html .m-width7_8 {
    width: 87.5%;
  }
  html .m-width5_6 {
    width: 83.33%;
  }
  html .m-width13_16 {
    width: 81.25%;
  }
  html .m-width4_5 {
    width: 80%;
  }
  html .m-width3_4 {
    width: 75%;
  }
  html .m-width11_16 {
    width: 68.75%;
  }
  html .m-width2_3 {
    width: 66.666%;
  }
  html .m-width5_8 {
    width: 62.5%;
  }
  html .m-width3_5 {
    width: 60%;
  }
  html .m-width7_12 {
    width: 58.33%;
  }
  html .m-width9_16 {
    width: 56.25%;
  }
  html .m-width1_2 {
    width: 50%;
  }
  html .m-width7_16 {
    width: 43.75%;
  }
  html .m-width5_12 {
    width: 41.66%;
  }
  html .m-width2_5 {
    width: 40%;
  }
  html .m-width3_8 {
    width: 37.5%;
  }
  html .m-width1_3 {
    width: 33.333%;
  }
  html .m-width5_16 {
    width: 31.25%;
  }
  html .m-width1_4 {
    width: 25%;
  }
  html .m-width1_5 {
    width: 20%;
  }
  html .m-width3_16 {
    width: 18.75%;
  }
  html .m-width1_6 {
    width: 16.66%;
  }
  html .m-width1_8 {
    width: 12.5%;
  }
  html .m-width1_12 {
    width: 8.33%;
  }
  html .m-width1_16 {
    width: 6.25%;
  }
}
/*ICONS*/
.ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(36px - 10px);
  width: 0px;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  transition: all 0.5s 0s ease;
}
.ico.info, .ico.valid, .ico.warning, .ico.error, .ico.fatal {
  width: calc(36px - 10px);
}
.ico.info {
  background-image: url("Icons/ico_info.svg");
}
.ico.valid {
  background-image: url("Icons/ico_check.svg");
  filter: invert(64%) sepia(8%) saturate(7162%) hue-rotate(34deg) brightness(96%) contrast(101%);
}
.ico.warning {
  background-image: url("Icons/ico_danger.svg");
  filter: invert(55%) sepia(16%) saturate(7493%) hue-rotate(353deg) brightness(101%) contrast(101%);
}
.ico.error {
  background-image: url("Icons/ico_danger.svg");
  filter: invert(26%) sepia(76%) saturate(2395%) hue-rotate(343deg) brightness(94%) contrast(89%);
}
.ico.fatal {
  background-image: url("Icons/ico_x.svg");
  filter: invert(15%) sepia(87%) saturate(3543%) hue-rotate(350deg) brightness(84%) contrast(93%);
}

/*BUTTON*/
input[type=button], input[type=submit], button {
  cursor: pointer;
  border: none;
  font-family: "BMW-regular", "Inter", sans-serif;
  border-radius: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #414141;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: all 0.5s 0s ease;
}
input[type=button]:has(.TippedToolTip), input[type=submit]:has(.TippedToolTip), button:has(.TippedToolTip) {
  position: relative;
}
input[type=button]:hover, input[type=submit]:hover, button:hover {
  background-color: #0653b6;
  color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
input[type=button]:hover .ico, input[type=submit]:hover .ico, button:hover .ico {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}
input[type=button].primary, input[type=submit].primary, button.primary {
  background-color: #1c69d4;
  color: #FFFFFF;
}
input[type=button].primary .ico, input[type=submit].primary .ico, button.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
input[type=button].primary:hover, input[type=submit].primary:hover, button.primary:hover {
  background-color: #0653b6;
  color: #FFFFFF;
}
input[type=button].primary:hover .ico, input[type=submit].primary:hover .ico, button.primary:hover .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
input[type=button].dropdownBtn, input[type=submit].dropdownBtn, button.dropdownBtn {
  padding-right: 3px;
}
input[type=button].dropdownBtn .ico.opt, input[type=submit].dropdownBtn .ico.opt, button.dropdownBtn .ico.opt {
  background-image: url("Icons/ico_more.svg");
  background-position: right center;
  width: calc(36px - 10px);
}
input[type=button] .ico, input[type=submit] .ico, button .ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(36px - 10px);
  width: 0px;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  transition: all 0.5s 0s ease;
}
input[type=button].attachment .ico, input[type=button].ai .ico, input[type=button].avi .ico, input[type=button].cbr .ico, input[type=button].cbz .ico, input[type=button].csv .ico, input[type=button].doc .ico, input[type=button].dtfs .ico, input[type=button].eps .ico, input[type=button].fb2 .ico, input[type=button].gif .ico, input[type=button].html .ico, input[type=button].java .ico, input[type=button].mobi .ico, input[type=button].mp4 .ico, input[type=button].pdf .ico, input[type=button].png .ico, input[type=button].ppt .ico, input[type=button].ps .ico, input[type=button].psd .ico, input[type=button].svg .ico, input[type=button].txt .ico, input[type=button].xls .ico, input[type=button].zip .ico, input[type=button].edit .ico, input[type=button].cancel .ico, input[type=button].add .ico, input[type=button].bug .ico, input[type=button].search .ico, input[type=submit].attachment .ico, input[type=submit].ai .ico, input[type=submit].avi .ico, input[type=submit].cbr .ico, input[type=submit].cbz .ico, input[type=submit].csv .ico, input[type=submit].doc .ico, input[type=submit].dtfs .ico, input[type=submit].eps .ico, input[type=submit].fb2 .ico, input[type=submit].gif .ico, input[type=submit].html .ico, input[type=submit].java .ico, input[type=submit].mobi .ico, input[type=submit].mp4 .ico, input[type=submit].pdf .ico, input[type=submit].png .ico, input[type=submit].ppt .ico, input[type=submit].ps .ico, input[type=submit].psd .ico, input[type=submit].svg .ico, input[type=submit].txt .ico, input[type=submit].xls .ico, input[type=submit].zip .ico, input[type=submit].edit .ico, input[type=submit].cancel .ico, input[type=submit].add .ico, input[type=submit].bug .ico, input[type=submit].search .ico, button.attachment .ico, button.ai .ico, button.avi .ico, button.cbr .ico, button.cbz .ico, button.csv .ico, button.doc .ico, button.dtfs .ico, button.eps .ico, button.fb2 .ico, button.gif .ico, button.html .ico, button.java .ico, button.mobi .ico, button.mp4 .ico, button.pdf .ico, button.png .ico, button.ppt .ico, button.ps .ico, button.psd .ico, button.svg .ico, button.txt .ico, button.xls .ico, button.zip .ico, button.edit .ico, button.cancel .ico, button.add .ico, button.bug .ico, button.search .ico {
  width: calc(36px - 10px);
}
input[type=button].attachment .ico, input[type=submit].attachment .ico, button.attachment .ico {
  background-image: url("Icons/ico_attachment.svg");
}
input[type=button].ai .ico, input[type=submit].ai .ico, button.ai .ico {
  background-image: url("Layout/FileTypes/ico_ai.svg");
}
input[type=button].avi .ico, input[type=submit].avi .ico, button.avi .ico {
  background-image: url("Layout/FileTypes/ico_avi.svg");
}
input[type=button].cbr .ico, input[type=submit].cbr .ico, button.cbr .ico {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
}
input[type=button].cbz .ico, input[type=submit].cbz .ico, button.cbz .ico {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
}
input[type=button].csv .ico, input[type=submit].csv .ico, button.csv .ico {
  background-image: url("Layout/FileTypes/ico_csv.svg");
}
input[type=button].doc .ico, input[type=submit].doc .ico, button.doc .ico {
  background-image: url("Layout/FileTypes/ico_doc.svg");
}
input[type=button].dtfs .ico, input[type=submit].dtfs .ico, button.dtfs .ico {
  background-image: url("Layout/FileTypes/ico_dtfs.svg");
}
input[type=button].eps .ico, input[type=submit].eps .ico, button.eps .ico {
  background-image: url("Layout/FileTypes/ico_eps.svg");
}
input[type=button].fb2 .ico, input[type=submit].fb2 .ico, button.fb2 .ico {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
}
input[type=button].gif .ico, input[type=submit].gif .ico, button.gif .ico {
  background-image: url("Layout/FileTypes/ico_gif.svg");
}
input[type=button].html .ico, input[type=submit].html .ico, button.html .ico {
  background-image: url("Layout/FileTypes/ico_html.svg");
}
input[type=button].java .ico, input[type=submit].java .ico, button.java .ico {
  background-image: url("Layout/FileTypes/ico_java.svg");
}
input[type=button].mobi .ico, input[type=submit].mobi .ico, button.mobi .ico {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
}
input[type=button].mp4 .ico, input[type=submit].mp4 .ico, button.mp4 .ico {
  background-image: url("Layout/FileTypes/ico_mp4.svg");
}
input[type=button].pdf .ico, input[type=submit].pdf .ico, button.pdf .ico {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
}
input[type=button].png .ico, input[type=submit].png .ico, button.png .ico {
  background-image: url("Layout/FileTypes/ico_png.svg");
}
input[type=button].ppt .ico, input[type=submit].ppt .ico, button.ppt .ico {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
}
input[type=button].ps .ico, input[type=submit].ps .ico, button.ps .ico {
  background-image: url("Layout/FileTypes/ico_ps.svg");
}
input[type=button].psd .ico, input[type=submit].psd .ico, button.psd .ico {
  background-image: url("Layout/FileTypes/ico_psd.svg");
}
input[type=button].svg .ico, input[type=submit].svg .ico, button.svg .ico {
  background-image: url("Layout/FileTypes/ico_svg.svg");
}
input[type=button].txt .ico, input[type=submit].txt .ico, button.txt .ico {
  background-image: url("Layout/FileTypes/ico_txt.svg");
}
input[type=button].xls .ico, input[type=submit].xls .ico, button.xls .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
input[type=button].zip .ico, input[type=submit].zip .ico, button.zip .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
}
input[type=button].edit .ico, input[type=submit].edit .ico, button.edit .ico {
  background-image: url("Icons/ico_edit.svg");
}
input[type=button].add .ico, input[type=submit].add .ico, button.add .ico {
  background-image: url("Icons/ico_plusCircle.svg");
}
input[type=button].cancel .ico, input[type=submit].cancel .ico, button.cancel .ico {
  background-image: url("Icons/ico_xCircle.svg");
}
input[type=button].bug .ico, input[type=submit].bug .ico, button.bug .ico {
  background-image: url("Icons/ico_bug.svg");
}
input[type=button].search .ico, input[type=submit].search .ico, button.search .ico {
  background-image: url("Icons/ico_search.svg");
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button, button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled, button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary, button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
input[type=button].icon-button > button, input[type=submit].icon-button > button, button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
input[type=button].icon-button > button > .ico, input[type=submit].icon-button > button > .ico, button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
input[type=button].icon-button > button:hover, input[type=submit].icon-button > button:hover, button.icon-button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
input[type=button].icon-button > button:disabled, input[type=submit].icon-button > button:disabled, button.icon-button > button:disabled {
  opacity: 0.5;
}
input[type=button].icon-button > button.primary, input[type=submit].icon-button > button.primary, button.icon-button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
input[type=button].icon-button > button.primary:hover, input[type=submit].icon-button > button.primary:hover, button.icon-button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
input[type=button].icon-button:not(div), input[type=submit].icon-button:not(div), button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-image: url("Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
input[type=button].icon-button:not(div) > .ico, input[type=submit].icon-button:not(div) > .ico, button.icon-button:not(div) > .ico {
  display: none;
}
input[type=button].icon-button:not(div).ai, input[type=submit].icon-button:not(div).ai, button.icon-button:not(div).ai {
  background-image: url("Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).avi, input[type=submit].icon-button:not(div).avi, button.icon-button:not(div).avi {
  background-image: url("Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cbr, input[type=submit].icon-button:not(div).cbr, button.icon-button:not(div).cbr {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cbz, input[type=submit].icon-button:not(div).cbz, button.icon-button:not(div).cbz {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).csv, input[type=submit].icon-button:not(div).csv, button.icon-button:not(div).csv {
  background-image: url("Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).doc, input[type=submit].icon-button:not(div).doc, button.icon-button:not(div).doc {
  background-image: url("Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).eps, input[type=submit].icon-button:not(div).eps, button.icon-button:not(div).eps {
  background-image: url("Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).fb2, input[type=submit].icon-button:not(div).fb2, button.icon-button:not(div).fb2 {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).gif, input[type=submit].icon-button:not(div).gif, button.icon-button:not(div).gif {
  background-image: url("Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).html, input[type=submit].icon-button:not(div).html, button.icon-button:not(div).html {
  background-image: url("Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).java, input[type=submit].icon-button:not(div).java, button.icon-button:not(div).java {
  background-image: url("Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).mobi, input[type=submit].icon-button:not(div).mobi, button.icon-button:not(div).mobi {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).pdf, input[type=submit].icon-button:not(div).pdf, button.icon-button:not(div).pdf {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).png, input[type=submit].icon-button:not(div).png, button.icon-button:not(div).png {
  background-image: url("Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ppt, input[type=submit].icon-button:not(div).ppt, button.icon-button:not(div).ppt {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ps, input[type=submit].icon-button:not(div).ps, button.icon-button:not(div).ps {
  background-image: url("Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).psd, input[type=submit].icon-button:not(div).psd, button.icon-button:not(div).psd {
  background-image: url("Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).svg, input[type=submit].icon-button:not(div).svg, button.icon-button:not(div).svg {
  background-image: url("Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).txt, input[type=submit].icon-button:not(div).txt, button.icon-button:not(div).txt {
  background-image: url("Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).xls, input[type=submit].icon-button:not(div).xls, button.icon-button:not(div).xls {
  background-image: url("Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).zip, input[type=submit].icon-button:not(div).zip, button.icon-button:not(div).zip {
  background-image: url("Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).get, input[type=submit].icon-button:not(div).get, button.icon-button:not(div).get {
  background-image: url("Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).remove, input[type=button].icon-button:not(div).DEL, input[type=submit].icon-button:not(div).remove, input[type=submit].icon-button:not(div).DEL, button.icon-button:not(div).remove, button.icon-button:not(div).DEL {
  background-image: url("Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ADD, input[type=button].icon-button:not(div).add, input[type=submit].icon-button:not(div).ADD, input[type=submit].icon-button:not(div).add, button.icon-button:not(div).ADD, button.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).NR, input[type=button].icon-button:not(div).nr, input[type=submit].icon-button:not(div).NR, input[type=submit].icon-button:not(div).nr, button.icon-button:not(div).NR, button.icon-button:not(div).nr {
  background-image: url("Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).SHOW, input[type=button].icon-button:not(div).show, input[type=submit].icon-button:not(div).SHOW, input[type=submit].icon-button:not(div).show, button.icon-button:not(div).SHOW, button.icon-button:not(div).show {
  background-image: url("Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).edit, input[type=submit].icon-button:not(div).edit, button.icon-button:not(div).edit {
  background-image: url("Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).add, input[type=submit].icon-button:not(div).add, button.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cancel, input[type=submit].icon-button:not(div).cancel, button.icon-button:not(div).cancel {
  background-image: url("Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).attachment, input[type=submit].icon-button:not(div).attachment, button.icon-button:not(div).attachment {
  background-image: url("Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).row-menu, input[type=submit].icon-button:not(div).row-menu, button.icon-button:not(div).row-menu {
  background-image: url("Icons/ico_more.svg");
}
input[type=button].icon-button:not(div).refresh-list, input[type=submit].icon-button:not(div).refresh-list, button.icon-button:not(div).refresh-list {
  background-image: url("Icons/ico_reload.svg");
}
input[type=button].icon-button:not(div).chooseColumns, input[type=submit].icon-button:not(div).chooseColumns, button.icon-button:not(div).chooseColumns {
  background-image: url("Icons/ico_showColumns.svg");
}
input[type=button].icon-button:not(div).columnsSettings, input[type=submit].icon-button:not(div).columnsSettings, button.icon-button:not(div).columnsSettings {
  background-image: url("Icons/ico_columnSettings.svg");
}
input[type=button].icon-button:not(div).save-config, input[type=submit].icon-button:not(div).save-config, button.icon-button:not(div).save-config {
  background-image: url("Icons/ico_diskette.svg");
}
input[type=button].icon-button:not(div).restore-default-config, input[type=submit].icon-button:not(div).restore-default-config, button.icon-button:not(div).restore-default-config {
  background-image: url("Icons/ico_restoreSettings.svg");
}
input[type=button].icon-button:not(div).bug, input[type=submit].icon-button:not(div).bug, button.icon-button:not(div).bug {
  background-image: url("Icons/ico_bug.svg");
}
input[type=button].icon-button:not(div).search, input[type=submit].icon-button:not(div).search, button.icon-button:not(div).search {
  background-image: url("Icons/ico_search.svg");
}
input[type=button].icon-button:not(div).th-sort, input[type=submit].icon-button:not(div).th-sort, button.icon-button:not(div).th-sort {
  background-image: url("Icons/ico_sort.svg");
}
input[type=button].icon-button:not(div).th-sort.asc, input[type=submit].icon-button:not(div).th-sort.asc, button.icon-button:not(div).th-sort.asc {
  background-image: url("Icons/ico_sortAsc.svg");
}
input[type=button].icon-button:not(div).th-sort.desc, input[type=submit].icon-button:not(div).th-sort.desc, button.icon-button:not(div).th-sort.desc {
  background-image: url("Icons/ico_sortDesc.svg");
}
input[type=button].icon-button:not(div):hover, input[type=submit].icon-button:not(div):hover, button.icon-button:not(div):hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
input[type=button].icon-button:not(div):disabled, input[type=submit].icon-button:not(div):disabled, button.icon-button:not(div):disabled {
  opacity: 0.5;
}
input[type=button].icon-button:not(div).primary, input[type=submit].icon-button:not(div).primary, button.icon-button:not(div).primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
input[type=button].icon-button:not(div).primary:hover, input[type=submit].icon-button:not(div).primary:hover, button.icon-button:not(div).primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
input[type=button]:disabled, input[type=button].primary:disabled, input[type=button].ReadOnly, input[type=button].ReadOnly:hover, input[type=button].primary.ReadOnly, input[type=button].primary.ReadOnly:hover, input[type=button].disabled, input[type=button].disabled:hover, input[type=submit]:disabled, input[type=submit].primary:disabled, input[type=submit].ReadOnly, input[type=submit].ReadOnly:hover, input[type=submit].primary.ReadOnly, input[type=submit].primary.ReadOnly:hover, input[type=submit].disabled, input[type=submit].disabled:hover, button:disabled, button.primary:disabled, button.ReadOnly, button.ReadOnly:hover, button.primary.ReadOnly, button.primary.ReadOnly:hover, button.disabled, button.disabled:hover {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
  pointer-events: none;
}
input[type=button]:not(.tabButton) .TippedToolTip, input[type=submit]:not(.tabButton) .TippedToolTip, button:not(.tabButton) .TippedToolTip {
  font-size: 0px;
  border: none;
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*field button*/
.button:not(input) {
  padding-top: 10px;
}
.button:not(.widthAuto) input [type=button], .button:not(.widthAuto) input[type=submit], .button:not(.widthAuto) button {
  width: 100%;
}
.button.primary input [type=button], .button.primary input[type=submit], .button.primary button {
  background-color: #1c69d4;
  color: #ffffff;
}
.button.primary input [type=button]:hover, .button.primary input[type=submit]:hover, .button.primary button:hover {
  background-color: #0653b6;
}
.button.primary input [type=button]:disabled, .button.primary input[type=submit]:disabled, .button.primary button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.button.attachment .ico, .button.ai .ico, .button.avi .ico, .button.cbr .ico, .button.cbz .ico, .button.csv .ico, .button.doc .ico, .button.dtfs .ico, .button.eps .ico, .button.fb2 .ico, .button.gif .ico, .button.html .ico, .button.java .ico, .button.mobi .ico, .button.mp4 .ico, .button.pdf .ico, .button.png .ico, .button.ppt .ico, .button.ps .ico, .button.psd .ico, .button.svg .ico, .button.txt .ico, .button.xls .ico, .button.zip .ico, .button.edit .ico, .button.cancel .ico, .button.add .ico, .button.bug .ico, .button.search .ico {
  width: calc(36px - 10px);
}
.button.attachment .ico {
  background-image: url("Icons/ico_attachment.svg");
}
.button.ai .ico {
  background-image: url("Layout/FileTypes/ico_ai.svg");
}
.button.avi .ico {
  background-image: url("Layout/FileTypes/ico_avi.svg");
}
.button.cbr .ico {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
}
.button.cbz .ico {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
}
.button.csv .ico {
  background-image: url("Layout/FileTypes/ico_csv.svg");
}
.button.doc .ico {
  background-image: url("Layout/FileTypes/ico_doc.svg");
}
.button.dtfs .ico {
  background-image: url("Layout/FileTypes/ico_dtfs.svg");
}
.button.eps .ico {
  background-image: url("Layout/FileTypes/ico_eps.svg");
}
.button.fb2 .ico {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
}
.button.gif .ico {
  background-image: url("Layout/FileTypes/ico_gif.svg");
}
.button.html .ico {
  background-image: url("Layout/FileTypes/ico_html.svg");
}
.button.java .ico {
  background-image: url("Layout/FileTypes/ico_java.svg");
}
.button.mobi .ico {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
}
.button.mp4 .ico {
  background-image: url("Layout/FileTypes/ico_mp4.svg");
}
.button.pdf .ico {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
}
.button.png .ico {
  background-image: url("Layout/FileTypes/ico_png.svg");
}
.button.ppt .ico {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
}
.button.ps .ico {
  background-image: url("Layout/FileTypes/ico_ps.svg");
}
.button.psd .ico {
  background-image: url("Layout/FileTypes/ico_psd.svg");
}
.button.svg .ico {
  background-image: url("Layout/FileTypes/ico_svg.svg");
}
.button.txt .ico {
  background-image: url("Layout/FileTypes/ico_txt.svg");
}
.button.xls .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.button.zip .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
}
.button.edit .ico {
  background-image: url("Icons/ico_edit.svg");
}
.button.add .ico {
  background-image: url("Icons/ico_plusCircle.svg");
}
.button.cancel .ico {
  background-image: url("Icons/ico_xCircle.svg");
}
.button.bug .ico {
  background-image: url("Icons/ico_bug.svg");
}
.button.search .ico {
  background-image: url("Icons/ico_search.svg");
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.button.icon-button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.button.icon-button > button:disabled {
  opacity: 0.5;
}
.button.icon-button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.button.icon-button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-image: url("Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.button.icon-button:not(div) > .ico {
  display: none;
}
.button.icon-button:not(div).ai {
  background-image: url("Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).avi {
  background-image: url("Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cbr {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cbz {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).csv {
  background-image: url("Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).doc {
  background-image: url("Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).eps {
  background-image: url("Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).fb2 {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).gif {
  background-image: url("Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).html {
  background-image: url("Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).java {
  background-image: url("Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).mobi {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).pdf {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).png {
  background-image: url("Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ppt {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ps {
  background-image: url("Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).psd {
  background-image: url("Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).svg {
  background-image: url("Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).txt {
  background-image: url("Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xls {
  background-image: url("Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).zip {
  background-image: url("Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).get {
  background-image: url("Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).remove, .button.icon-button:not(div).DEL {
  background-image: url("Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).ADD, .button.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).NR, .button.icon-button:not(div).nr {
  background-image: url("Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).SHOW, .button.icon-button:not(div).show {
  background-image: url("Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).edit {
  background-image: url("Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).cancel {
  background-image: url("Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).attachment {
  background-image: url("Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).row-menu {
  background-image: url("Icons/ico_more.svg");
}
.button.icon-button:not(div).refresh-list {
  background-image: url("Icons/ico_reload.svg");
}
.button.icon-button:not(div).chooseColumns {
  background-image: url("Icons/ico_showColumns.svg");
}
.button.icon-button:not(div).columnsSettings {
  background-image: url("Icons/ico_columnSettings.svg");
}
.button.icon-button:not(div).save-config {
  background-image: url("Icons/ico_diskette.svg");
}
.button.icon-button:not(div).restore-default-config {
  background-image: url("Icons/ico_restoreSettings.svg");
}
.button.icon-button:not(div).bug {
  background-image: url("Icons/ico_bug.svg");
}
.button.icon-button:not(div).search {
  background-image: url("Icons/ico_search.svg");
}
.button.icon-button:not(div).th-sort {
  background-image: url("Icons/ico_sort.svg");
}
.button.icon-button:not(div).th-sort.asc {
  background-image: url("Icons/ico_sortAsc.svg");
}
.button.icon-button:not(div).th-sort.desc {
  background-image: url("Icons/ico_sortDesc.svg");
}
.button.icon-button:not(div):hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.button.icon-button:not(div).primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.button.icon-button:not(div).primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}

/*VSM TOOLBAR*/
.sfr-vsm {
  position: sticky;
  bottom: 0px;
  z-index: 9;
  margin-top: 10px;
}
.sfr-vsm .vsm-toolbar {
  background: #ffffff;
  box-shadow: 0px 0px 0px 10px #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.sfr-vsm .vsm-toolbar button {
  margin: 0px 3px 10px 3px;
}

/*TEXT INPUT*/
.field {
  /*functional core - DO NOT CHANGE*/
  position: relative;
  /*editable*/
  padding: 10px 0px 0px 0px; /*linked with label positioning*/
}
.field * {
  /*functional core - DO NOT CHANGE*/
  box-sizing: border-box;
}
.field.animate label {
  transition: 300ms ease transform, 300ms ease top, 300ms ease left, 300ms ease height, 300ms ease opacity;
}
.field.animate .inputWrapper:before {
  transition: 300ms all ease;
}
.field.animate .inputWrapper input, .field.animate .inputWrapper textarea {
  transition: 300ms ease all;
}
.field.animate .inputWrapper .inputBorderL {
  transition: 300ms all ease;
}
.field.animate .inputWrapper .inputBorderR {
  transition: 300ms all ease;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) {
  /*active state*/
  /*focused state*/
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) > label {
  /*functional core - DO NOT CHANGE*/
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transform: scale(1);
  transform-origin: top left;
  /*transition: 300ms ease transform, 300ms ease top, 300ms ease left, 300ms ease height, 300ms ease opacity; /*disabled for PH deanimation test*/
  width: auto;
  padding: 0px;
  border: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis; /*not working due to width not defined strictly in px*/
  overflow: hidden;
  /*editable*/
  opacity: 0.5;
  font-size: 1rem;
  left: 10px; /*linked with label max-width*/
  top: 10px; /*linked with field padding*/
  max-width: calc(100% - 20px); /*linked with label positioning*/
  height: calc(100% - 10px); /*linked with field padding*/
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper {
  /*functional - DO NOT CHANGE*/
  position: relative;
  /*editable*/
  border-radius: 3px;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper:before {
  /*functional - DO NOT CHANGE*/
  content: "";
  position: absolute;
  bottom: 0px;
  height: 0px;
  /*transition: 300ms all ease; /*disabled for PH deanimation test*/
  /*editable*/
  left: 3px; /*linked with border radius*/
  width: calc(100% - 3px - 3px); /*linked with border radius*/
  border-bottom: 1px solid #b2b2b2;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .inputBorderR {
  border-color: #E53935;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError input {
  color: #E53935;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper.fieldError .tox-tinymce {
  border-color: #E53935;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  /*functional - DO NOT CHANGE*/
  display: block;
  background: none;
  border-radius: 3px;
  font-family: "BMW-regular", "Inter", sans-serif;
  /*transition: 300ms ease all; /*disabled for PH deanimation test*/
  border: none;
  outline: none;
  width: 100%;
  resize: vertical;
  /*editable*/
  font-size: 1rem;
  padding: 3px 10px; /*linked with border radius*/
  min-height: max(36px, 18px);
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input:focus, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea:focus {
  /*functional - DO NOT CHANGE*/
  border: none;
  outline: none;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  resize: vertical;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderL {
  /*functional - DO NOT CHANGE*/
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  pointer-events: none;
  /*transition: 300ms all ease; /*disabled for PH deanimation test*/
  border-right: none;
  /*editable*/
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 3px;
  border-left: 1px solid #b2b2b2;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderR {
  /*functional - DO NOT CHANGE*/
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  pointer-events: none;
  /*transition: 300ms all ease; /*disabled for PH deanimation test*/
  border-left: none;
  /*editable*/
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: calc(100% - 3px); /*linked with border radius*/
  min-width: 3px;
  border-right: 1px solid #b2b2b2;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).ReadOnly label {
  /*functional - DO NOT CHANGE*/
  left: calc(3px + 3px);
  opacity: 1;
  transform: scale(0.8);
  height: 1rem;
  /*editable*/
  top: 5px; /*linked with field padding */
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused .inputWrapper:before {
  /*editable*/
  border-bottom: 2px solid #576ca3;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused .inputWrapper .inputBorderL {
  /*editable*/
  border-top: 2px solid #576ca3;
  border-left: 2px solid #576ca3;
  border-bottom: 2px solid #576ca3;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).focused .inputWrapper .inputBorderR {
  /*editable*/
  border-top: 2px solid #576ca3;
  border-right: 2px solid #576ca3;
  border-bottom: 2px solid #576ca3;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).autocomplete .inputWrapper:after {
  content: "";
  display: inline-block;
  background-image: url("Icons/ico_arrow_down.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-attachment: scroll;
  background-size: contain;
  background-position: center center;
  width: 22px;
  height: 100%;
  position: absolute;
  pointer-events: none;
  right: 5px;
  top: 0px;
  z-index: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).autocomplete .inputWrapper input {
  padding-right: 30px;
  cursor: pointer;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).autocomplete .inputWrapper ~ .TippedToolTip {
  right: 29px;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField label, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required label {
  color: #0653b6;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper:before {
  /*editable*/
  border-bottom: 1px solid #0653b6;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper .inputBorderL {
  /*editable*/
  border-top: 1px solid #0653b6;
  border-left: 1px solid #0653b6;
  border-bottom: 1px solid #0653b6;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required .inputWrapper .inputBorderR {
  /*editable*/
  border-top: 1px solid #0653b6;
  border-right: 1px solid #0653b6;
  border-bottom: 1px solid #0653b6;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).asyncCalculationLoading input {
  background-image: url(Icons/loader.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: right center;
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}

/*CHECKBOX*/
.field.checkbox,
.field.checkboxList {
  display: inline-flex;
  align-items: center;
  min-height: calc(36px / 2);
  min-width: calc(36px / 2);
}
.field.checkbox input,
.field.checkboxList input {
  visibility: hidden;
  margin: 0px;
  position: absolute;
  height: 0px;
  width: 0px;
}
.field.checkbox input + label,
.field.checkboxList input + label {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  line-height: normal;
}
.field.checkbox input + label:before,
.field.checkboxList input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(36px / 2), 14px);
  width: max(calc(36px / 2), 14px);
  background: transparent;
  border-radius: 4px;
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
  margin-right: 5px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
}
.field.checkbox input:checked + label:before,
.field.checkboxList input:checked + label:before {
  background-color: #b2b2b2;
  content: "x";
  color: #FFFFFF;
}
.field.checkbox input:disabled,
.field.checkboxList input:disabled {
  color: rgba(0, 0, 0, 0.3);
}
.field.checkbox input:disabled + label:before,
.field.checkboxList input:disabled + label:before {
  background-color: rgba(0, 0, 0, 0.05);
  content: "";
  border-color: transparent;
}
.field.checkbox input:disabled:checked + label:before,
.field.checkboxList input:disabled:checked + label:before {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: transparent;
  content: "x";
  color: rgba(0, 0, 0, 0.5);
}
.field.checkbox .checkboxList,
.field.checkboxList .checkboxList {
  display: inline-flex;
  align-items: center;
}
.field.checkbox .checkboxList .checkboxWrapper,
.field.checkboxList .checkboxList .checkboxWrapper {
  display: inline-flex;
  align-items: center;
  border-right: 10px solid transparent;
}
.field.checkbox.toggle input + label,
.field.checkboxList.toggle input + label {
  position: relative;
  flex-direction: row-reverse;
  transition: all 0.3s 0s ease-out;
}
.field.checkbox.toggle input + label:before,
.field.checkboxList.toggle input + label:before {
  border-radius: 50cqh;
  width: 36px;
  order: 1;
  transition: all 0.3s 0s ease-out;
  cursor: pointer;
}
.field.checkbox.toggle input + label:after,
.field.checkboxList.toggle input + label:after {
  content: "";
  display: inline-flex;
  height: max(calc(36px / 2), 14px);
  width: max(calc(36px / 2), 14px);
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
  margin: 0px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  order: 2;
  position: absolute;
  left: 0px;
  transition: all 0.3s 0s ease-out;
  cursor: pointer;
}
.field.checkbox.toggle input:checked + label:before,
.field.checkboxList.toggle input:checked + label:before {
  content: "";
}
.field.checkbox.toggle input:checked + label:after,
.field.checkboxList.toggle input:checked + label:after {
  left: calc(36px - max(calc(36px / 2), 14px));
}
.field.checkbox.toggle input:disabled + label,
.field.checkboxList.toggle input:disabled + label {
  color: rgba(0, 0, 0, 0.3);
}
.field.checkbox.toggle input:disabled + label:before,
.field.checkboxList.toggle input:disabled + label:before {
  content: "";
}
.field.checkbox.toggle input:disabled + label:after,
.field.checkboxList.toggle input:disabled + label:after {
  box-shadow: none;
  opacity: 0.9;
  border-color: rgba(0, 0, 0, 0.1);
}

.field.checkboxList > label {
  display: inline-flex;
  align-items: center;
  border-right: 10px solid transparent;
}

/*RADIO*/
.field.radio {
  display: inline-flex;
  align-items: center;
}
.field.radio > label {
  display: inline-flex;
  align-items: center;
  border-right: 10px solid transparent;
  line-height: normal;
}
.field.radio .radioList {
  display: inline-flex;
  align-items: center;
}
.field.radio .radioList .radioWrapper {
  border-right: 10px solid transparent;
}
.field.radio .radioWrapper {
  display: inline-flex;
  align-items: center;
}
.field.radio .radioWrapper input {
  visibility: hidden;
  margin: 0px;
  position: absolute;
  height: 0px;
  width: 0px;
}
.field.radio .radioWrapper input + label {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  line-height: normal;
}
.field.radio .radioWrapper input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(36px / 2), 14px);
  width: max(calc(36px / 2), 14px);
  background: transparent;
  border-radius: calc(calc(36px / 2) / 2);
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
  margin-right: 5px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
}
.field.radio .radioWrapper input:checked + label:before {
  background-color: #ffffff;
  content: "";
  border: calc(calc(36px / 2) / 3.5) solid #b2b2b2;
}
.field.radio .radioWrapper input:disabled + label:before {
  background-color: rgba(0, 0, 0, 0.05);
  content: "";
  border-color: transparent;
}
.field.radio .radioWrapper input:disabled:checked + label:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  border: calc(calc(36px / 2) / 3.5) solid rgba(0, 0, 0, 0.05);
  background-clip: content-box;
}

/*GENERIC LIST ROW SELECT CHECKBOX*/
td .field.row-selection {
  padding: 0px;
}

/*TEXT DISPLAY*/
.field.textDisplay label {
  width: 100%;
  display: inline-flex;
  float: left;
}
.field.textDisplay label.definition {
  font-size: 0.8rem;
  position: relative;
  top: -6px;
  height: 0px;
  overflow: visible;
}
.field.textDisplay label.value {
  min-height: 36px;
  align-items: center;
  justify-content: flex-start;
}

/*ALTERNATE LABEL POSITIONING*/
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth10 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth10 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth10 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth10 label.definition,
.field.textDisplay.labelWidth10 label:not(.value),
.field.textDisplay.labelWidth10 label.definition,
.field.textDisplay.active.labelWidth10 label:not(.value),
.field.textDisplay.active.labelWidth10 label.definition {
  width: 10px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth10 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth10 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth10 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth10 label.value,
.field.textDisplay.labelWidth10 .inputWrapper,
.field.textDisplay.labelWidth10 label.value,
.field.textDisplay.active.labelWidth10 .inputWrapper,
.field.textDisplay.active.labelWidth10 label.value {
  width: calc(100% - 10px);
  min-width: calc(100% - 10px);
  max-width: calc(100% - 10px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth10 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth10 .inputBorderR,
.field.textDisplay.labelWidth10 .inputBorderR,
.field.textDisplay.active.labelWidth10 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth20 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth20 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth20 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth20 label.definition,
.field.textDisplay.labelWidth20 label:not(.value),
.field.textDisplay.labelWidth20 label.definition,
.field.textDisplay.active.labelWidth20 label:not(.value),
.field.textDisplay.active.labelWidth20 label.definition {
  width: 20px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth20 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth20 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth20 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth20 label.value,
.field.textDisplay.labelWidth20 .inputWrapper,
.field.textDisplay.labelWidth20 label.value,
.field.textDisplay.active.labelWidth20 .inputWrapper,
.field.textDisplay.active.labelWidth20 label.value {
  width: calc(100% - 20px);
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth20 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth20 .inputBorderR,
.field.textDisplay.labelWidth20 .inputBorderR,
.field.textDisplay.active.labelWidth20 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth30 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth30 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth30 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth30 label.definition,
.field.textDisplay.labelWidth30 label:not(.value),
.field.textDisplay.labelWidth30 label.definition,
.field.textDisplay.active.labelWidth30 label:not(.value),
.field.textDisplay.active.labelWidth30 label.definition {
  width: 30px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth30 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth30 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth30 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth30 label.value,
.field.textDisplay.labelWidth30 .inputWrapper,
.field.textDisplay.labelWidth30 label.value,
.field.textDisplay.active.labelWidth30 .inputWrapper,
.field.textDisplay.active.labelWidth30 label.value {
  width: calc(100% - 30px);
  min-width: calc(100% - 30px);
  max-width: calc(100% - 30px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth30 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth30 .inputBorderR,
.field.textDisplay.labelWidth30 .inputBorderR,
.field.textDisplay.active.labelWidth30 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth40 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth40 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth40 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth40 label.definition,
.field.textDisplay.labelWidth40 label:not(.value),
.field.textDisplay.labelWidth40 label.definition,
.field.textDisplay.active.labelWidth40 label:not(.value),
.field.textDisplay.active.labelWidth40 label.definition {
  width: 40px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth40 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth40 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth40 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth40 label.value,
.field.textDisplay.labelWidth40 .inputWrapper,
.field.textDisplay.labelWidth40 label.value,
.field.textDisplay.active.labelWidth40 .inputWrapper,
.field.textDisplay.active.labelWidth40 label.value {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth40 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth40 .inputBorderR,
.field.textDisplay.labelWidth40 .inputBorderR,
.field.textDisplay.active.labelWidth40 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth50 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth50 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth50 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth50 label.definition,
.field.textDisplay.labelWidth50 label:not(.value),
.field.textDisplay.labelWidth50 label.definition,
.field.textDisplay.active.labelWidth50 label:not(.value),
.field.textDisplay.active.labelWidth50 label.definition {
  width: 50px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth50 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth50 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth50 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth50 label.value,
.field.textDisplay.labelWidth50 .inputWrapper,
.field.textDisplay.labelWidth50 label.value,
.field.textDisplay.active.labelWidth50 .inputWrapper,
.field.textDisplay.active.labelWidth50 label.value {
  width: calc(100% - 50px);
  min-width: calc(100% - 50px);
  max-width: calc(100% - 50px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth50 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth50 .inputBorderR,
.field.textDisplay.labelWidth50 .inputBorderR,
.field.textDisplay.active.labelWidth50 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth60 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth60 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth60 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth60 label.definition,
.field.textDisplay.labelWidth60 label:not(.value),
.field.textDisplay.labelWidth60 label.definition,
.field.textDisplay.active.labelWidth60 label:not(.value),
.field.textDisplay.active.labelWidth60 label.definition {
  width: 60px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth60 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth60 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth60 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth60 label.value,
.field.textDisplay.labelWidth60 .inputWrapper,
.field.textDisplay.labelWidth60 label.value,
.field.textDisplay.active.labelWidth60 .inputWrapper,
.field.textDisplay.active.labelWidth60 label.value {
  width: calc(100% - 60px);
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth60 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth60 .inputBorderR,
.field.textDisplay.labelWidth60 .inputBorderR,
.field.textDisplay.active.labelWidth60 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth70 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth70 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth70 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth70 label.definition,
.field.textDisplay.labelWidth70 label:not(.value),
.field.textDisplay.labelWidth70 label.definition,
.field.textDisplay.active.labelWidth70 label:not(.value),
.field.textDisplay.active.labelWidth70 label.definition {
  width: 70px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth70 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth70 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth70 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth70 label.value,
.field.textDisplay.labelWidth70 .inputWrapper,
.field.textDisplay.labelWidth70 label.value,
.field.textDisplay.active.labelWidth70 .inputWrapper,
.field.textDisplay.active.labelWidth70 label.value {
  width: calc(100% - 70px);
  min-width: calc(100% - 70px);
  max-width: calc(100% - 70px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth70 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth70 .inputBorderR,
.field.textDisplay.labelWidth70 .inputBorderR,
.field.textDisplay.active.labelWidth70 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth80 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth80 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth80 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth80 label.definition,
.field.textDisplay.labelWidth80 label:not(.value),
.field.textDisplay.labelWidth80 label.definition,
.field.textDisplay.active.labelWidth80 label:not(.value),
.field.textDisplay.active.labelWidth80 label.definition {
  width: 80px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth80 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth80 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth80 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth80 label.value,
.field.textDisplay.labelWidth80 .inputWrapper,
.field.textDisplay.labelWidth80 label.value,
.field.textDisplay.active.labelWidth80 .inputWrapper,
.field.textDisplay.active.labelWidth80 label.value {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  max-width: calc(100% - 80px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth80 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth80 .inputBorderR,
.field.textDisplay.labelWidth80 .inputBorderR,
.field.textDisplay.active.labelWidth80 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth90 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth90 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth90 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth90 label.definition,
.field.textDisplay.labelWidth90 label:not(.value),
.field.textDisplay.labelWidth90 label.definition,
.field.textDisplay.active.labelWidth90 label:not(.value),
.field.textDisplay.active.labelWidth90 label.definition {
  width: 90px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth90 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth90 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth90 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth90 label.value,
.field.textDisplay.labelWidth90 .inputWrapper,
.field.textDisplay.labelWidth90 label.value,
.field.textDisplay.active.labelWidth90 .inputWrapper,
.field.textDisplay.active.labelWidth90 label.value {
  width: calc(100% - 90px);
  min-width: calc(100% - 90px);
  max-width: calc(100% - 90px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth90 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth90 .inputBorderR,
.field.textDisplay.labelWidth90 .inputBorderR,
.field.textDisplay.active.labelWidth90 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth100 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth100 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth100 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth100 label.definition,
.field.textDisplay.labelWidth100 label:not(.value),
.field.textDisplay.labelWidth100 label.definition,
.field.textDisplay.active.labelWidth100 label:not(.value),
.field.textDisplay.active.labelWidth100 label.definition {
  width: 100px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth100 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth100 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth100 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth100 label.value,
.field.textDisplay.labelWidth100 .inputWrapper,
.field.textDisplay.labelWidth100 label.value,
.field.textDisplay.active.labelWidth100 .inputWrapper,
.field.textDisplay.active.labelWidth100 label.value {
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  max-width: calc(100% - 100px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth100 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth100 .inputBorderR,
.field.textDisplay.labelWidth100 .inputBorderR,
.field.textDisplay.active.labelWidth100 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth110 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth110 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth110 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth110 label.definition,
.field.textDisplay.labelWidth110 label:not(.value),
.field.textDisplay.labelWidth110 label.definition,
.field.textDisplay.active.labelWidth110 label:not(.value),
.field.textDisplay.active.labelWidth110 label.definition {
  width: 110px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth110 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth110 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth110 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth110 label.value,
.field.textDisplay.labelWidth110 .inputWrapper,
.field.textDisplay.labelWidth110 label.value,
.field.textDisplay.active.labelWidth110 .inputWrapper,
.field.textDisplay.active.labelWidth110 label.value {
  width: calc(100% - 110px);
  min-width: calc(100% - 110px);
  max-width: calc(100% - 110px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth110 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth110 .inputBorderR,
.field.textDisplay.labelWidth110 .inputBorderR,
.field.textDisplay.active.labelWidth110 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth120 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth120 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth120 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth120 label.definition,
.field.textDisplay.labelWidth120 label:not(.value),
.field.textDisplay.labelWidth120 label.definition,
.field.textDisplay.active.labelWidth120 label:not(.value),
.field.textDisplay.active.labelWidth120 label.definition {
  width: 120px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth120 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth120 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth120 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth120 label.value,
.field.textDisplay.labelWidth120 .inputWrapper,
.field.textDisplay.labelWidth120 label.value,
.field.textDisplay.active.labelWidth120 .inputWrapper,
.field.textDisplay.active.labelWidth120 label.value {
  width: calc(100% - 120px);
  min-width: calc(100% - 120px);
  max-width: calc(100% - 120px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth120 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth120 .inputBorderR,
.field.textDisplay.labelWidth120 .inputBorderR,
.field.textDisplay.active.labelWidth120 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth130 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth130 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth130 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth130 label.definition,
.field.textDisplay.labelWidth130 label:not(.value),
.field.textDisplay.labelWidth130 label.definition,
.field.textDisplay.active.labelWidth130 label:not(.value),
.field.textDisplay.active.labelWidth130 label.definition {
  width: 130px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth130 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth130 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth130 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth130 label.value,
.field.textDisplay.labelWidth130 .inputWrapper,
.field.textDisplay.labelWidth130 label.value,
.field.textDisplay.active.labelWidth130 .inputWrapper,
.field.textDisplay.active.labelWidth130 label.value {
  width: calc(100% - 130px);
  min-width: calc(100% - 130px);
  max-width: calc(100% - 130px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth130 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth130 .inputBorderR,
.field.textDisplay.labelWidth130 .inputBorderR,
.field.textDisplay.active.labelWidth130 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth140 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth140 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth140 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth140 label.definition,
.field.textDisplay.labelWidth140 label:not(.value),
.field.textDisplay.labelWidth140 label.definition,
.field.textDisplay.active.labelWidth140 label:not(.value),
.field.textDisplay.active.labelWidth140 label.definition {
  width: 140px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth140 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth140 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth140 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth140 label.value,
.field.textDisplay.labelWidth140 .inputWrapper,
.field.textDisplay.labelWidth140 label.value,
.field.textDisplay.active.labelWidth140 .inputWrapper,
.field.textDisplay.active.labelWidth140 label.value {
  width: calc(100% - 140px);
  min-width: calc(100% - 140px);
  max-width: calc(100% - 140px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth140 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth140 .inputBorderR,
.field.textDisplay.labelWidth140 .inputBorderR,
.field.textDisplay.active.labelWidth140 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth150 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth150 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth150 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth150 label.definition,
.field.textDisplay.labelWidth150 label:not(.value),
.field.textDisplay.labelWidth150 label.definition,
.field.textDisplay.active.labelWidth150 label:not(.value),
.field.textDisplay.active.labelWidth150 label.definition {
  width: 150px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth150 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth150 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth150 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth150 label.value,
.field.textDisplay.labelWidth150 .inputWrapper,
.field.textDisplay.labelWidth150 label.value,
.field.textDisplay.active.labelWidth150 .inputWrapper,
.field.textDisplay.active.labelWidth150 label.value {
  width: calc(100% - 150px);
  min-width: calc(100% - 150px);
  max-width: calc(100% - 150px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth150 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth150 .inputBorderR,
.field.textDisplay.labelWidth150 .inputBorderR,
.field.textDisplay.active.labelWidth150 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth160 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth160 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth160 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth160 label.definition,
.field.textDisplay.labelWidth160 label:not(.value),
.field.textDisplay.labelWidth160 label.definition,
.field.textDisplay.active.labelWidth160 label:not(.value),
.field.textDisplay.active.labelWidth160 label.definition {
  width: 160px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth160 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth160 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth160 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth160 label.value,
.field.textDisplay.labelWidth160 .inputWrapper,
.field.textDisplay.labelWidth160 label.value,
.field.textDisplay.active.labelWidth160 .inputWrapper,
.field.textDisplay.active.labelWidth160 label.value {
  width: calc(100% - 160px);
  min-width: calc(100% - 160px);
  max-width: calc(100% - 160px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth160 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth160 .inputBorderR,
.field.textDisplay.labelWidth160 .inputBorderR,
.field.textDisplay.active.labelWidth160 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth170 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth170 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth170 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth170 label.definition,
.field.textDisplay.labelWidth170 label:not(.value),
.field.textDisplay.labelWidth170 label.definition,
.field.textDisplay.active.labelWidth170 label:not(.value),
.field.textDisplay.active.labelWidth170 label.definition {
  width: 170px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth170 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth170 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth170 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth170 label.value,
.field.textDisplay.labelWidth170 .inputWrapper,
.field.textDisplay.labelWidth170 label.value,
.field.textDisplay.active.labelWidth170 .inputWrapper,
.field.textDisplay.active.labelWidth170 label.value {
  width: calc(100% - 170px);
  min-width: calc(100% - 170px);
  max-width: calc(100% - 170px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth170 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth170 .inputBorderR,
.field.textDisplay.labelWidth170 .inputBorderR,
.field.textDisplay.active.labelWidth170 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth180 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth180 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth180 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth180 label.definition,
.field.textDisplay.labelWidth180 label:not(.value),
.field.textDisplay.labelWidth180 label.definition,
.field.textDisplay.active.labelWidth180 label:not(.value),
.field.textDisplay.active.labelWidth180 label.definition {
  width: 180px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth180 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth180 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth180 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth180 label.value,
.field.textDisplay.labelWidth180 .inputWrapper,
.field.textDisplay.labelWidth180 label.value,
.field.textDisplay.active.labelWidth180 .inputWrapper,
.field.textDisplay.active.labelWidth180 label.value {
  width: calc(100% - 180px);
  min-width: calc(100% - 180px);
  max-width: calc(100% - 180px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth180 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth180 .inputBorderR,
.field.textDisplay.labelWidth180 .inputBorderR,
.field.textDisplay.active.labelWidth180 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth190 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth190 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth190 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth190 label.definition,
.field.textDisplay.labelWidth190 label:not(.value),
.field.textDisplay.labelWidth190 label.definition,
.field.textDisplay.active.labelWidth190 label:not(.value),
.field.textDisplay.active.labelWidth190 label.definition {
  width: 190px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth190 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth190 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth190 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth190 label.value,
.field.textDisplay.labelWidth190 .inputWrapper,
.field.textDisplay.labelWidth190 label.value,
.field.textDisplay.active.labelWidth190 .inputWrapper,
.field.textDisplay.active.labelWidth190 label.value {
  width: calc(100% - 190px);
  min-width: calc(100% - 190px);
  max-width: calc(100% - 190px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth190 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth190 .inputBorderR,
.field.textDisplay.labelWidth190 .inputBorderR,
.field.textDisplay.active.labelWidth190 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth200 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth200 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth200 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth200 label.definition,
.field.textDisplay.labelWidth200 label:not(.value),
.field.textDisplay.labelWidth200 label.definition,
.field.textDisplay.active.labelWidth200 label:not(.value),
.field.textDisplay.active.labelWidth200 label.definition {
  width: 200px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth200 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth200 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth200 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth200 label.value,
.field.textDisplay.labelWidth200 .inputWrapper,
.field.textDisplay.labelWidth200 label.value,
.field.textDisplay.active.labelWidth200 .inputWrapper,
.field.textDisplay.active.labelWidth200 label.value {
  width: calc(100% - 200px);
  min-width: calc(100% - 200px);
  max-width: calc(100% - 200px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth200 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth200 .inputBorderR,
.field.textDisplay.labelWidth200 .inputBorderR,
.field.textDisplay.active.labelWidth200 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth210 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth210 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth210 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth210 label.definition,
.field.textDisplay.labelWidth210 label:not(.value),
.field.textDisplay.labelWidth210 label.definition,
.field.textDisplay.active.labelWidth210 label:not(.value),
.field.textDisplay.active.labelWidth210 label.definition {
  width: 210px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth210 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth210 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth210 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth210 label.value,
.field.textDisplay.labelWidth210 .inputWrapper,
.field.textDisplay.labelWidth210 label.value,
.field.textDisplay.active.labelWidth210 .inputWrapper,
.field.textDisplay.active.labelWidth210 label.value {
  width: calc(100% - 210px);
  min-width: calc(100% - 210px);
  max-width: calc(100% - 210px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth210 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth210 .inputBorderR,
.field.textDisplay.labelWidth210 .inputBorderR,
.field.textDisplay.active.labelWidth210 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth220 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth220 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth220 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth220 label.definition,
.field.textDisplay.labelWidth220 label:not(.value),
.field.textDisplay.labelWidth220 label.definition,
.field.textDisplay.active.labelWidth220 label:not(.value),
.field.textDisplay.active.labelWidth220 label.definition {
  width: 220px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth220 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth220 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth220 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth220 label.value,
.field.textDisplay.labelWidth220 .inputWrapper,
.field.textDisplay.labelWidth220 label.value,
.field.textDisplay.active.labelWidth220 .inputWrapper,
.field.textDisplay.active.labelWidth220 label.value {
  width: calc(100% - 220px);
  min-width: calc(100% - 220px);
  max-width: calc(100% - 220px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth220 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth220 .inputBorderR,
.field.textDisplay.labelWidth220 .inputBorderR,
.field.textDisplay.active.labelWidth220 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth230 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth230 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth230 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth230 label.definition,
.field.textDisplay.labelWidth230 label:not(.value),
.field.textDisplay.labelWidth230 label.definition,
.field.textDisplay.active.labelWidth230 label:not(.value),
.field.textDisplay.active.labelWidth230 label.definition {
  width: 230px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth230 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth230 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth230 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth230 label.value,
.field.textDisplay.labelWidth230 .inputWrapper,
.field.textDisplay.labelWidth230 label.value,
.field.textDisplay.active.labelWidth230 .inputWrapper,
.field.textDisplay.active.labelWidth230 label.value {
  width: calc(100% - 230px);
  min-width: calc(100% - 230px);
  max-width: calc(100% - 230px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth230 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth230 .inputBorderR,
.field.textDisplay.labelWidth230 .inputBorderR,
.field.textDisplay.active.labelWidth230 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth240 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth240 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth240 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth240 label.definition,
.field.textDisplay.labelWidth240 label:not(.value),
.field.textDisplay.labelWidth240 label.definition,
.field.textDisplay.active.labelWidth240 label:not(.value),
.field.textDisplay.active.labelWidth240 label.definition {
  width: 240px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth240 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth240 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth240 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth240 label.value,
.field.textDisplay.labelWidth240 .inputWrapper,
.field.textDisplay.labelWidth240 label.value,
.field.textDisplay.active.labelWidth240 .inputWrapper,
.field.textDisplay.active.labelWidth240 label.value {
  width: calc(100% - 240px);
  min-width: calc(100% - 240px);
  max-width: calc(100% - 240px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth240 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth240 .inputBorderR,
.field.textDisplay.labelWidth240 .inputBorderR,
.field.textDisplay.active.labelWidth240 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth250 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth250 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth250 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth250 label.definition,
.field.textDisplay.labelWidth250 label:not(.value),
.field.textDisplay.labelWidth250 label.definition,
.field.textDisplay.active.labelWidth250 label:not(.value),
.field.textDisplay.active.labelWidth250 label.definition {
  width: 250px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth250 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth250 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth250 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth250 label.value,
.field.textDisplay.labelWidth250 .inputWrapper,
.field.textDisplay.labelWidth250 label.value,
.field.textDisplay.active.labelWidth250 .inputWrapper,
.field.textDisplay.active.labelWidth250 label.value {
  width: calc(100% - 250px);
  min-width: calc(100% - 250px);
  max-width: calc(100% - 250px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth250 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth250 .inputBorderR,
.field.textDisplay.labelWidth250 .inputBorderR,
.field.textDisplay.active.labelWidth250 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth260 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth260 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth260 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth260 label.definition,
.field.textDisplay.labelWidth260 label:not(.value),
.field.textDisplay.labelWidth260 label.definition,
.field.textDisplay.active.labelWidth260 label:not(.value),
.field.textDisplay.active.labelWidth260 label.definition {
  width: 260px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth260 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth260 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth260 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth260 label.value,
.field.textDisplay.labelWidth260 .inputWrapper,
.field.textDisplay.labelWidth260 label.value,
.field.textDisplay.active.labelWidth260 .inputWrapper,
.field.textDisplay.active.labelWidth260 label.value {
  width: calc(100% - 260px);
  min-width: calc(100% - 260px);
  max-width: calc(100% - 260px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth260 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth260 .inputBorderR,
.field.textDisplay.labelWidth260 .inputBorderR,
.field.textDisplay.active.labelWidth260 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth270 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth270 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth270 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth270 label.definition,
.field.textDisplay.labelWidth270 label:not(.value),
.field.textDisplay.labelWidth270 label.definition,
.field.textDisplay.active.labelWidth270 label:not(.value),
.field.textDisplay.active.labelWidth270 label.definition {
  width: 270px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth270 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth270 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth270 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth270 label.value,
.field.textDisplay.labelWidth270 .inputWrapper,
.field.textDisplay.labelWidth270 label.value,
.field.textDisplay.active.labelWidth270 .inputWrapper,
.field.textDisplay.active.labelWidth270 label.value {
  width: calc(100% - 270px);
  min-width: calc(100% - 270px);
  max-width: calc(100% - 270px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth270 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth270 .inputBorderR,
.field.textDisplay.labelWidth270 .inputBorderR,
.field.textDisplay.active.labelWidth270 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth280 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth280 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth280 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth280 label.definition,
.field.textDisplay.labelWidth280 label:not(.value),
.field.textDisplay.labelWidth280 label.definition,
.field.textDisplay.active.labelWidth280 label:not(.value),
.field.textDisplay.active.labelWidth280 label.definition {
  width: 280px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth280 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth280 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth280 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth280 label.value,
.field.textDisplay.labelWidth280 .inputWrapper,
.field.textDisplay.labelWidth280 label.value,
.field.textDisplay.active.labelWidth280 .inputWrapper,
.field.textDisplay.active.labelWidth280 label.value {
  width: calc(100% - 280px);
  min-width: calc(100% - 280px);
  max-width: calc(100% - 280px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth280 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth280 .inputBorderR,
.field.textDisplay.labelWidth280 .inputBorderR,
.field.textDisplay.active.labelWidth280 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth290 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth290 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth290 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth290 label.definition,
.field.textDisplay.labelWidth290 label:not(.value),
.field.textDisplay.labelWidth290 label.definition,
.field.textDisplay.active.labelWidth290 label:not(.value),
.field.textDisplay.active.labelWidth290 label.definition {
  width: 290px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth290 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth290 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth290 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth290 label.value,
.field.textDisplay.labelWidth290 .inputWrapper,
.field.textDisplay.labelWidth290 label.value,
.field.textDisplay.active.labelWidth290 .inputWrapper,
.field.textDisplay.active.labelWidth290 label.value {
  width: calc(100% - 290px);
  min-width: calc(100% - 290px);
  max-width: calc(100% - 290px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth290 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth290 .inputBorderR,
.field.textDisplay.labelWidth290 .inputBorderR,
.field.textDisplay.active.labelWidth290 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth300 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth300 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth300 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth300 label.definition,
.field.textDisplay.labelWidth300 label:not(.value),
.field.textDisplay.labelWidth300 label.definition,
.field.textDisplay.active.labelWidth300 label:not(.value),
.field.textDisplay.active.labelWidth300 label.definition {
  width: 300px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth300 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth300 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth300 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth300 label.value,
.field.textDisplay.labelWidth300 .inputWrapper,
.field.textDisplay.labelWidth300 label.value,
.field.textDisplay.active.labelWidth300 .inputWrapper,
.field.textDisplay.active.labelWidth300 label.value {
  width: calc(100% - 300px);
  min-width: calc(100% - 300px);
  max-width: calc(100% - 300px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth300 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth300 .inputBorderR,
.field.textDisplay.labelWidth300 .inputBorderR,
.field.textDisplay.active.labelWidth300 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth310 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth310 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth310 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth310 label.definition,
.field.textDisplay.labelWidth310 label:not(.value),
.field.textDisplay.labelWidth310 label.definition,
.field.textDisplay.active.labelWidth310 label:not(.value),
.field.textDisplay.active.labelWidth310 label.definition {
  width: 310px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth310 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth310 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth310 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth310 label.value,
.field.textDisplay.labelWidth310 .inputWrapper,
.field.textDisplay.labelWidth310 label.value,
.field.textDisplay.active.labelWidth310 .inputWrapper,
.field.textDisplay.active.labelWidth310 label.value {
  width: calc(100% - 310px);
  min-width: calc(100% - 310px);
  max-width: calc(100% - 310px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth310 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth310 .inputBorderR,
.field.textDisplay.labelWidth310 .inputBorderR,
.field.textDisplay.active.labelWidth310 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth320 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth320 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth320 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth320 label.definition,
.field.textDisplay.labelWidth320 label:not(.value),
.field.textDisplay.labelWidth320 label.definition,
.field.textDisplay.active.labelWidth320 label:not(.value),
.field.textDisplay.active.labelWidth320 label.definition {
  width: 320px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth320 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth320 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth320 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth320 label.value,
.field.textDisplay.labelWidth320 .inputWrapper,
.field.textDisplay.labelWidth320 label.value,
.field.textDisplay.active.labelWidth320 .inputWrapper,
.field.textDisplay.active.labelWidth320 label.value {
  width: calc(100% - 320px);
  min-width: calc(100% - 320px);
  max-width: calc(100% - 320px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth320 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth320 .inputBorderR,
.field.textDisplay.labelWidth320 .inputBorderR,
.field.textDisplay.active.labelWidth320 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth330 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth330 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth330 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth330 label.definition,
.field.textDisplay.labelWidth330 label:not(.value),
.field.textDisplay.labelWidth330 label.definition,
.field.textDisplay.active.labelWidth330 label:not(.value),
.field.textDisplay.active.labelWidth330 label.definition {
  width: 330px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth330 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth330 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth330 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth330 label.value,
.field.textDisplay.labelWidth330 .inputWrapper,
.field.textDisplay.labelWidth330 label.value,
.field.textDisplay.active.labelWidth330 .inputWrapper,
.field.textDisplay.active.labelWidth330 label.value {
  width: calc(100% - 330px);
  min-width: calc(100% - 330px);
  max-width: calc(100% - 330px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth330 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth330 .inputBorderR,
.field.textDisplay.labelWidth330 .inputBorderR,
.field.textDisplay.active.labelWidth330 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth340 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth340 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth340 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth340 label.definition,
.field.textDisplay.labelWidth340 label:not(.value),
.field.textDisplay.labelWidth340 label.definition,
.field.textDisplay.active.labelWidth340 label:not(.value),
.field.textDisplay.active.labelWidth340 label.definition {
  width: 340px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth340 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth340 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth340 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth340 label.value,
.field.textDisplay.labelWidth340 .inputWrapper,
.field.textDisplay.labelWidth340 label.value,
.field.textDisplay.active.labelWidth340 .inputWrapper,
.field.textDisplay.active.labelWidth340 label.value {
  width: calc(100% - 340px);
  min-width: calc(100% - 340px);
  max-width: calc(100% - 340px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth340 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth340 .inputBorderR,
.field.textDisplay.labelWidth340 .inputBorderR,
.field.textDisplay.active.labelWidth340 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth350 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth350 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth350 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth350 label.definition,
.field.textDisplay.labelWidth350 label:not(.value),
.field.textDisplay.labelWidth350 label.definition,
.field.textDisplay.active.labelWidth350 label:not(.value),
.field.textDisplay.active.labelWidth350 label.definition {
  width: 350px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth350 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth350 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth350 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth350 label.value,
.field.textDisplay.labelWidth350 .inputWrapper,
.field.textDisplay.labelWidth350 label.value,
.field.textDisplay.active.labelWidth350 .inputWrapper,
.field.textDisplay.active.labelWidth350 label.value {
  width: calc(100% - 350px);
  min-width: calc(100% - 350px);
  max-width: calc(100% - 350px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth350 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth350 .inputBorderR,
.field.textDisplay.labelWidth350 .inputBorderR,
.field.textDisplay.active.labelWidth350 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth360 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth360 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth360 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth360 label.definition,
.field.textDisplay.labelWidth360 label:not(.value),
.field.textDisplay.labelWidth360 label.definition,
.field.textDisplay.active.labelWidth360 label:not(.value),
.field.textDisplay.active.labelWidth360 label.definition {
  width: 360px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth360 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth360 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth360 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth360 label.value,
.field.textDisplay.labelWidth360 .inputWrapper,
.field.textDisplay.labelWidth360 label.value,
.field.textDisplay.active.labelWidth360 .inputWrapper,
.field.textDisplay.active.labelWidth360 label.value {
  width: calc(100% - 360px);
  min-width: calc(100% - 360px);
  max-width: calc(100% - 360px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth360 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth360 .inputBorderR,
.field.textDisplay.labelWidth360 .inputBorderR,
.field.textDisplay.active.labelWidth360 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth370 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth370 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth370 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth370 label.definition,
.field.textDisplay.labelWidth370 label:not(.value),
.field.textDisplay.labelWidth370 label.definition,
.field.textDisplay.active.labelWidth370 label:not(.value),
.field.textDisplay.active.labelWidth370 label.definition {
  width: 370px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth370 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth370 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth370 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth370 label.value,
.field.textDisplay.labelWidth370 .inputWrapper,
.field.textDisplay.labelWidth370 label.value,
.field.textDisplay.active.labelWidth370 .inputWrapper,
.field.textDisplay.active.labelWidth370 label.value {
  width: calc(100% - 370px);
  min-width: calc(100% - 370px);
  max-width: calc(100% - 370px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth370 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth370 .inputBorderR,
.field.textDisplay.labelWidth370 .inputBorderR,
.field.textDisplay.active.labelWidth370 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth380 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth380 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth380 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth380 label.definition,
.field.textDisplay.labelWidth380 label:not(.value),
.field.textDisplay.labelWidth380 label.definition,
.field.textDisplay.active.labelWidth380 label:not(.value),
.field.textDisplay.active.labelWidth380 label.definition {
  width: 380px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth380 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth380 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth380 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth380 label.value,
.field.textDisplay.labelWidth380 .inputWrapper,
.field.textDisplay.labelWidth380 label.value,
.field.textDisplay.active.labelWidth380 .inputWrapper,
.field.textDisplay.active.labelWidth380 label.value {
  width: calc(100% - 380px);
  min-width: calc(100% - 380px);
  max-width: calc(100% - 380px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth380 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth380 .inputBorderR,
.field.textDisplay.labelWidth380 .inputBorderR,
.field.textDisplay.active.labelWidth380 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth390 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth390 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth390 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth390 label.definition,
.field.textDisplay.labelWidth390 label:not(.value),
.field.textDisplay.labelWidth390 label.definition,
.field.textDisplay.active.labelWidth390 label:not(.value),
.field.textDisplay.active.labelWidth390 label.definition {
  width: 390px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth390 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth390 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth390 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth390 label.value,
.field.textDisplay.labelWidth390 .inputWrapper,
.field.textDisplay.labelWidth390 label.value,
.field.textDisplay.active.labelWidth390 .inputWrapper,
.field.textDisplay.active.labelWidth390 label.value {
  width: calc(100% - 390px);
  min-width: calc(100% - 390px);
  max-width: calc(100% - 390px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth390 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth390 .inputBorderR,
.field.textDisplay.labelWidth390 .inputBorderR,
.field.textDisplay.active.labelWidth390 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth400 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth400 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth400 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth400 label.definition,
.field.textDisplay.labelWidth400 label:not(.value),
.field.textDisplay.labelWidth400 label.definition,
.field.textDisplay.active.labelWidth400 label:not(.value),
.field.textDisplay.active.labelWidth400 label.definition {
  width: 400px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth400 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth400 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth400 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth400 label.value,
.field.textDisplay.labelWidth400 .inputWrapper,
.field.textDisplay.labelWidth400 label.value,
.field.textDisplay.active.labelWidth400 .inputWrapper,
.field.textDisplay.active.labelWidth400 label.value {
  width: calc(100% - 400px);
  min-width: calc(100% - 400px);
  max-width: calc(100% - 400px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth400 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth400 .inputBorderR,
.field.textDisplay.labelWidth400 .inputBorderR,
.field.textDisplay.active.labelWidth400 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth410 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth410 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth410 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth410 label.definition,
.field.textDisplay.labelWidth410 label:not(.value),
.field.textDisplay.labelWidth410 label.definition,
.field.textDisplay.active.labelWidth410 label:not(.value),
.field.textDisplay.active.labelWidth410 label.definition {
  width: 410px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth410 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth410 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth410 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth410 label.value,
.field.textDisplay.labelWidth410 .inputWrapper,
.field.textDisplay.labelWidth410 label.value,
.field.textDisplay.active.labelWidth410 .inputWrapper,
.field.textDisplay.active.labelWidth410 label.value {
  width: calc(100% - 410px);
  min-width: calc(100% - 410px);
  max-width: calc(100% - 410px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth410 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth410 .inputBorderR,
.field.textDisplay.labelWidth410 .inputBorderR,
.field.textDisplay.active.labelWidth410 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth420 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth420 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth420 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth420 label.definition,
.field.textDisplay.labelWidth420 label:not(.value),
.field.textDisplay.labelWidth420 label.definition,
.field.textDisplay.active.labelWidth420 label:not(.value),
.field.textDisplay.active.labelWidth420 label.definition {
  width: 420px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth420 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth420 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth420 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth420 label.value,
.field.textDisplay.labelWidth420 .inputWrapper,
.field.textDisplay.labelWidth420 label.value,
.field.textDisplay.active.labelWidth420 .inputWrapper,
.field.textDisplay.active.labelWidth420 label.value {
  width: calc(100% - 420px);
  min-width: calc(100% - 420px);
  max-width: calc(100% - 420px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth420 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth420 .inputBorderR,
.field.textDisplay.labelWidth420 .inputBorderR,
.field.textDisplay.active.labelWidth420 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth430 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth430 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth430 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth430 label.definition,
.field.textDisplay.labelWidth430 label:not(.value),
.field.textDisplay.labelWidth430 label.definition,
.field.textDisplay.active.labelWidth430 label:not(.value),
.field.textDisplay.active.labelWidth430 label.definition {
  width: 430px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth430 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth430 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth430 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth430 label.value,
.field.textDisplay.labelWidth430 .inputWrapper,
.field.textDisplay.labelWidth430 label.value,
.field.textDisplay.active.labelWidth430 .inputWrapper,
.field.textDisplay.active.labelWidth430 label.value {
  width: calc(100% - 430px);
  min-width: calc(100% - 430px);
  max-width: calc(100% - 430px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth430 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth430 .inputBorderR,
.field.textDisplay.labelWidth430 .inputBorderR,
.field.textDisplay.active.labelWidth430 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth440 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth440 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth440 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth440 label.definition,
.field.textDisplay.labelWidth440 label:not(.value),
.field.textDisplay.labelWidth440 label.definition,
.field.textDisplay.active.labelWidth440 label:not(.value),
.field.textDisplay.active.labelWidth440 label.definition {
  width: 440px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth440 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth440 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth440 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth440 label.value,
.field.textDisplay.labelWidth440 .inputWrapper,
.field.textDisplay.labelWidth440 label.value,
.field.textDisplay.active.labelWidth440 .inputWrapper,
.field.textDisplay.active.labelWidth440 label.value {
  width: calc(100% - 440px);
  min-width: calc(100% - 440px);
  max-width: calc(100% - 440px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth440 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth440 .inputBorderR,
.field.textDisplay.labelWidth440 .inputBorderR,
.field.textDisplay.active.labelWidth440 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth450 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth450 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth450 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth450 label.definition,
.field.textDisplay.labelWidth450 label:not(.value),
.field.textDisplay.labelWidth450 label.definition,
.field.textDisplay.active.labelWidth450 label:not(.value),
.field.textDisplay.active.labelWidth450 label.definition {
  width: 450px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth450 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth450 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth450 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth450 label.value,
.field.textDisplay.labelWidth450 .inputWrapper,
.field.textDisplay.labelWidth450 label.value,
.field.textDisplay.active.labelWidth450 .inputWrapper,
.field.textDisplay.active.labelWidth450 label.value {
  width: calc(100% - 450px);
  min-width: calc(100% - 450px);
  max-width: calc(100% - 450px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth450 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth450 .inputBorderR,
.field.textDisplay.labelWidth450 .inputBorderR,
.field.textDisplay.active.labelWidth450 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth460 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth460 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth460 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth460 label.definition,
.field.textDisplay.labelWidth460 label:not(.value),
.field.textDisplay.labelWidth460 label.definition,
.field.textDisplay.active.labelWidth460 label:not(.value),
.field.textDisplay.active.labelWidth460 label.definition {
  width: 460px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth460 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth460 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth460 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth460 label.value,
.field.textDisplay.labelWidth460 .inputWrapper,
.field.textDisplay.labelWidth460 label.value,
.field.textDisplay.active.labelWidth460 .inputWrapper,
.field.textDisplay.active.labelWidth460 label.value {
  width: calc(100% - 460px);
  min-width: calc(100% - 460px);
  max-width: calc(100% - 460px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth460 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth460 .inputBorderR,
.field.textDisplay.labelWidth460 .inputBorderR,
.field.textDisplay.active.labelWidth460 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth470 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth470 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth470 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth470 label.definition,
.field.textDisplay.labelWidth470 label:not(.value),
.field.textDisplay.labelWidth470 label.definition,
.field.textDisplay.active.labelWidth470 label:not(.value),
.field.textDisplay.active.labelWidth470 label.definition {
  width: 470px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth470 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth470 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth470 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth470 label.value,
.field.textDisplay.labelWidth470 .inputWrapper,
.field.textDisplay.labelWidth470 label.value,
.field.textDisplay.active.labelWidth470 .inputWrapper,
.field.textDisplay.active.labelWidth470 label.value {
  width: calc(100% - 470px);
  min-width: calc(100% - 470px);
  max-width: calc(100% - 470px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth470 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth470 .inputBorderR,
.field.textDisplay.labelWidth470 .inputBorderR,
.field.textDisplay.active.labelWidth470 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth480 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth480 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth480 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth480 label.definition,
.field.textDisplay.labelWidth480 label:not(.value),
.field.textDisplay.labelWidth480 label.definition,
.field.textDisplay.active.labelWidth480 label:not(.value),
.field.textDisplay.active.labelWidth480 label.definition {
  width: 480px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth480 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth480 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth480 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth480 label.value,
.field.textDisplay.labelWidth480 .inputWrapper,
.field.textDisplay.labelWidth480 label.value,
.field.textDisplay.active.labelWidth480 .inputWrapper,
.field.textDisplay.active.labelWidth480 label.value {
  width: calc(100% - 480px);
  min-width: calc(100% - 480px);
  max-width: calc(100% - 480px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth480 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth480 .inputBorderR,
.field.textDisplay.labelWidth480 .inputBorderR,
.field.textDisplay.active.labelWidth480 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth490 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth490 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth490 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth490 label.definition,
.field.textDisplay.labelWidth490 label:not(.value),
.field.textDisplay.labelWidth490 label.definition,
.field.textDisplay.active.labelWidth490 label:not(.value),
.field.textDisplay.active.labelWidth490 label.definition {
  width: 490px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth490 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth490 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth490 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth490 label.value,
.field.textDisplay.labelWidth490 .inputWrapper,
.field.textDisplay.labelWidth490 label.value,
.field.textDisplay.active.labelWidth490 .inputWrapper,
.field.textDisplay.active.labelWidth490 label.value {
  width: calc(100% - 490px);
  min-width: calc(100% - 490px);
  max-width: calc(100% - 490px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth490 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth490 .inputBorderR,
.field.textDisplay.labelWidth490 .inputBorderR,
.field.textDisplay.active.labelWidth490 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth500 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth500 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth500 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth500 label.definition,
.field.textDisplay.labelWidth500 label:not(.value),
.field.textDisplay.labelWidth500 label.definition,
.field.textDisplay.active.labelWidth500 label:not(.value),
.field.textDisplay.active.labelWidth500 label.definition {
  width: 500px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth500 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth500 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth500 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth500 label.value,
.field.textDisplay.labelWidth500 .inputWrapper,
.field.textDisplay.labelWidth500 label.value,
.field.textDisplay.active.labelWidth500 .inputWrapper,
.field.textDisplay.active.labelWidth500 label.value {
  width: calc(100% - 500px);
  min-width: calc(100% - 500px);
  max-width: calc(100% - 500px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth500 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth500 .inputBorderR,
.field.textDisplay.labelWidth500 .inputBorderR,
.field.textDisplay.active.labelWidth500 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth550 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth550 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth550 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth550 label.definition,
.field.textDisplay.labelWidth550 label:not(.value),
.field.textDisplay.labelWidth550 label.definition,
.field.textDisplay.active.labelWidth550 label:not(.value),
.field.textDisplay.active.labelWidth550 label.definition {
  width: 550px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth550 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth550 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth550 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth550 label.value,
.field.textDisplay.labelWidth550 .inputWrapper,
.field.textDisplay.labelWidth550 label.value,
.field.textDisplay.active.labelWidth550 .inputWrapper,
.field.textDisplay.active.labelWidth550 label.value {
  width: calc(100% - 550px);
  min-width: calc(100% - 550px);
  max-width: calc(100% - 550px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth550 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth550 .inputBorderR,
.field.textDisplay.labelWidth550 .inputBorderR,
.field.textDisplay.active.labelWidth550 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth600 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth600 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth600 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth600 label.definition,
.field.textDisplay.labelWidth600 label:not(.value),
.field.textDisplay.labelWidth600 label.definition,
.field.textDisplay.active.labelWidth600 label:not(.value),
.field.textDisplay.active.labelWidth600 label.definition {
  width: 600px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth600 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth600 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth600 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth600 label.value,
.field.textDisplay.labelWidth600 .inputWrapper,
.field.textDisplay.labelWidth600 label.value,
.field.textDisplay.active.labelWidth600 .inputWrapper,
.field.textDisplay.active.labelWidth600 label.value {
  width: calc(100% - 600px);
  min-width: calc(100% - 600px);
  max-width: calc(100% - 600px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth600 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth600 .inputBorderR,
.field.textDisplay.labelWidth600 .inputBorderR,
.field.textDisplay.active.labelWidth600 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth650 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth650 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth650 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth650 label.definition,
.field.textDisplay.labelWidth650 label:not(.value),
.field.textDisplay.labelWidth650 label.definition,
.field.textDisplay.active.labelWidth650 label:not(.value),
.field.textDisplay.active.labelWidth650 label.definition {
  width: 650px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth650 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth650 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth650 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth650 label.value,
.field.textDisplay.labelWidth650 .inputWrapper,
.field.textDisplay.labelWidth650 label.value,
.field.textDisplay.active.labelWidth650 .inputWrapper,
.field.textDisplay.active.labelWidth650 label.value {
  width: calc(100% - 650px);
  min-width: calc(100% - 650px);
  max-width: calc(100% - 650px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth650 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth650 .inputBorderR,
.field.textDisplay.labelWidth650 .inputBorderR,
.field.textDisplay.active.labelWidth650 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth700 label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth700 label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth700 label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth700 label.definition,
.field.textDisplay.labelWidth700 label:not(.value),
.field.textDisplay.labelWidth700 label.definition,
.field.textDisplay.active.labelWidth700 label:not(.value),
.field.textDisplay.active.labelWidth700 label.definition {
  width: 700px;
  position: static;
  white-space: normal;
  height: auto;
  min-height: 36px;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth700 .inputWrapper, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth700 label.value,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth700 .inputWrapper,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth700 label.value,
.field.textDisplay.labelWidth700 .inputWrapper,
.field.textDisplay.labelWidth700 label.value,
.field.textDisplay.active.labelWidth700 .inputWrapper,
.field.textDisplay.active.labelWidth700 label.value {
  width: calc(100% - 700px);
  min-width: calc(100% - 700px);
  max-width: calc(100% - 700px);
  float: right;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidth700 .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidth700 .inputBorderR,
.field.textDisplay.labelWidth700 .inputBorderR,
.field.textDisplay.active.labelWidth700 .inputBorderR {
  width: calc(100% - 3px) !important;
}

.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidthFull label:not(.value), .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidthFull label.definition,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidthFull label:not(.value),
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidthFull label.definition,
.field.textDisplay.labelWidthFull label:not(.value),
.field.textDisplay.labelWidthFull label.definition,
.field.textDisplay.active.labelWidthFull label:not(.value),
.field.textDisplay.active.labelWidthFull label.definition {
  width: 100%;
  position: static;
  white-space: normal;
  height: auto;
  align-items: center;
  transform: scale(1);
  min-width: 100%;
  max-width: 100%;
  padding-bottom: 5px;
  opacity: 1;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).labelWidthFull .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).active.labelWidthFull .inputBorderR,
.field.textDisplay.labelWidthFull .inputBorderR,
.field.textDisplay.active.labelWidthFull .inputBorderR {
  width: calc(100% - 3px) !important;
}

/*FIELD MESSAGES*/
div#_fieldMessages {
  height: 0px;
  overflow: visible;
}
div#_fieldMessages > div {
  display: none;
  z-index: calc(901 + 1);
}
div#_fieldMessages div {
  color: #FFFFFF;
  padding: 5px;
}
div#_fieldMessages div + div {
  margin-top: 5px;
}
div#_fieldMessages .fmAlert, div#_fieldMessages .fmError, div#_fieldMessages .fmFatalError, div#_fieldMessages .fmWarning {
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
div#_fieldMessages .fmAlert {
  background-color: #576CA3;
}
div#_fieldMessages .fmError {
  background-color: #E53935;
}
div#_fieldMessages .fmFatalError {
  background-color: #B71C1C;
}
div#_fieldMessages .fmWarning {
  background-color: #FF760D;
}

.field.fieldAlert label, .field.fieldAlert input,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert label,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert label,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert input {
  color: #576CA3;
  opacity: 1;
}
.field.fieldAlert .inputWrapper:before, .field.fieldAlert .inputWrapper .inputBorderL, .field.fieldAlert .inputWrapper .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper:before,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper .inputBorderL,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper .inputBorderR {
  border-color: #576CA3;
}
.field.fieldError label, .field.fieldError input,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError label,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError label,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError input {
  color: #E53935;
  opacity: 1;
}
.field.fieldError .inputWrapper:before, .field.fieldError .inputWrapper .inputBorderL, .field.fieldError .inputWrapper .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper:before,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderL,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderR {
  border-color: #E53935;
}
.field.fieldError .tox-tinymce,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .tox-tinymce,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .tox-tinymce {
  border-color: #E53935;
}
.field.fieldFatalError label, .field.fieldFatalError input,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError label,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError label,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError input {
  color: #B71C1C;
  opacity: 1;
}
.field.fieldFatalError .inputWrapper:before, .field.fieldFatalError .inputWrapper .inputBorderL, .field.fieldFatalError .inputWrapper .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper:before,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper .inputBorderL,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper .inputBorderR {
  border-color: #B71C1C;
}
.field.fieldFatalError .tox-tinymce,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .tox-tinymce,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .tox-tinymce {
  border-color: #B71C1C;
}
.field.fieldWarning label, .field.fieldWarning input,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning label,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning label,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning input {
  color: #FF760D;
  opacity: 1;
}
.field.fieldWarning .inputWrapper:before, .field.fieldWarning .inputWrapper .inputBorderL, .field.fieldWarning .inputWrapper .inputBorderR,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper:before,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper .inputBorderL,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper .inputBorderR {
  border-color: #FF760D;
}
.field.fieldWarning .tox-tinymce,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .tox-tinymce,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .tox-tinymce {
  border-color: #FF760D;
}

/*FORM MESSAGES*/
div#_formMessages {
  position: fixed;
  bottom: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
  height: 0px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: calc(901 + 1);
}
div#_formMessages div {
  color: #FFFFFF;
  padding: 5px 5px 5px 10px;
  position: relative;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  flex: none;
}
div#_formMessages div[onclick*=closeAllPrompts] {
  cursor: pointer;
  padding: 5px 10px;
}
div#_formMessages div input[value=x] {
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  height: 22px;
  width: 22px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  box-shadow: none;
  flex-shrink: 0;
}
div#_formMessages div input[value=x]:hover {
  background: rgba(0, 0, 0, 0.2);
}
div#_formMessages .FMAlert, div#_formMessages .FMError, div#_formMessages .FMFatalError, div#_formMessages .FMWarning, div#_formMessages .FMValid {
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
div#_formMessages .FMAlert {
  background-color: #576CA3;
}
div#_formMessages .FMError {
  background-color: #E53935;
}
div#_formMessages .FMFatalError {
  background-color: #B71C1C;
}
div#_formMessages .FMWarning {
  background-color: #FF760D;
}
div#_formMessages .FMValid {
  background-color: #8DB600;
}

/*READONLY*/
.field.ReadOnly .inputWrapper:before, .field.ReadOnly .inputWrapper .inputBorderL, .field.ReadOnly .inputWrapper .inputBorderR, .field.ReadOnly.fieldAlert .inputWrapper:before, .field.ReadOnly.fieldAlert .inputWrapper .inputBorderL, .field.ReadOnly.fieldAlert .inputWrapper .inputBorderR, .field.ReadOnly.fieldError .inputWrapper:before, .field.ReadOnly.fieldError .inputWrapper .inputBorderL, .field.ReadOnly.fieldError .inputWrapper .inputBorderR, .field.ReadOnly.fieldFatalError .inputWrapper:before, .field.ReadOnly.fieldFatalError .inputWrapper .inputBorderL, .field.ReadOnly.fieldFatalError .inputWrapper .inputBorderR, .field.ReadOnly.fieldWarning .inputWrapper:before, .field.ReadOnly.fieldWarning .inputWrapper .inputBorderL, .field.ReadOnly.fieldWarning .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper .inputBorderR,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper:before,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper .inputBorderL,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper .inputBorderR {
  border-color: transparent;
}
.field.ReadOnly .inputWrapper input, .field.ReadOnly.fieldAlert .inputWrapper input, .field.ReadOnly.fieldError .inputWrapper input, .field.ReadOnly.fieldFatalError .inputWrapper input, .field.ReadOnly.fieldWarning .inputWrapper input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldAlert .inputWrapper input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldFatalError .inputWrapper input,
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldWarning .inputWrapper input {
  background-color: rgba(0, 0, 0, 0.05);
}

.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) label {
  opacity: 1;
}
.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) label, .field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) label input {
  color: rgba(0, 0, 0, 0.5);
}

/*TABS*/
.tabContainer {
  width: 100%;
}
.tabContainer .tabHeader {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.tabContainer .tabHeader.hiddenTabHeader {
  display: none;
}
.tabContainer .tabHeader button {
  box-shadow: none;
  border-radius: 0px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  background: transparent;
  cursor: pointer;
}
.tabContainer .tabHeader button:not(:disabled):hover {
  color: #414141;
  border-bottom-color: #0653b6;
}
.tabContainer .tabHeader button.active {
  color: #1c69d4;
  border-bottom-color: #1c69d4;
}
.tabContainer .tabHeader button.active:hover {
  color: #0653b6;
  border-bottom-color: #0653b6;
}
.tabContainer .tabHeader button.fmAlert {
  color: #576CA3;
  opacity: 1;
  border-color: #576CA3;
}
.tabContainer .tabHeader button.fmError {
  color: #E53935;
  opacity: 1;
  border-color: #E53935;
}
.tabContainer .tabHeader button.fmFatalError {
  color: #B71C1C;
  opacity: 1;
  border-color: #B71C1C;
}
.tabContainer .tabHeader button.fmWarning {
  color: #FF760D;
  opacity: 1;
  border-color: #FF760D;
}
.tabContainer.hiddenTabHeader > .tabHeader {
  display: none;
}
.tabContainer .tab {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

/*COMPLEX*/
.complexTableContainer div.lazyComplexTableContainer {
  max-height: 300px;
  overflow: auto;
}
.complexTableContainer div.lazyComplexTableContainer table {
  overflow: unset;
}
.complexTableContainer div.lazyComplexTableContainer table thead {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
  position: sticky;
  top: 0px;
  background: #ffffff;
  z-index: 2;
}
.complexTableContainer table {
  border-collapse: collapse;
  border: 1px solid transparent;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
.complexTableContainer table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.complexTableContainer table td, .complexTableContainer table th {
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  text-align: center;
}
.complexTableContainer table td:has(.th-content), .complexTableContainer table th:has(.th-content) {
  vertical-align: bottom;
}
.complexTableContainer table td .th-content, .complexTableContainer table th .th-content {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.complexTableContainer table td .th-content button.th-sort, .complexTableContainer table th .th-content button.th-sort {
  width: 14px;
  height: 18px;
  min-width: 14px;
  min-height: 18px;
  background-size: 90% auto;
  padding: 0px;
}
.complexTableContainer table td .th-content button.th-sort.asc, .complexTableContainer table th .th-content button.th-sort.asc {
  background-image: url("Icons/ico_sortAsc.svg");
}
.complexTableContainer table td .th-content button.th-sort.desc, .complexTableContainer table th .th-content button.th-sort.desc {
  background-image: url("Icons/ico_sortDesc.svg");
}
.complexTableContainer table td .complexColumnSearch, .complexTableContainer table td .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay), .complexTableContainer table th .complexColumnSearch, .complexTableContainer table th .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) {
  float: none;
  border: none;
  width: 100%;
}
.complexTableContainer table td .complexColumnSearch .inputWrapper input, .complexTableContainer table td .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input, .complexTableContainer table th .complexColumnSearch .inputWrapper input, .complexTableContainer table th .field.complexColumnSearch:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper input {
  font-size: 1rem;
  height: calc(36px / 2);
  min-height: 22px;
  min-width: 60px;
  background-image: url("Icons/ico_search.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: auto calc(100% - 10px);
  padding-right: 18px;
}
.complexTableContainer table td button.edit, .complexTableContainer table td button.delete, .complexTableContainer table th button.edit, .complexTableContainer table th button.delete {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.complexTableContainer table td button.edit:hover, .complexTableContainer table td button.delete:hover, .complexTableContainer table th button.edit:hover, .complexTableContainer table th button.delete:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.complexTableContainer table td button.edit:disabled, .complexTableContainer table td button.delete:disabled, .complexTableContainer table th button.edit:disabled, .complexTableContainer table th button.delete:disabled {
  opacity: 0.5;
}
.complexTableContainer table td button.edit, .complexTableContainer table th button.edit {
  background-image: url("Icons/ico_edit.svg");
}
.complexTableContainer table td button.delete, .complexTableContainer table th button.delete {
  background-image: url("Icons/ico_trash.svg");
}
.complexTableContainer table td th, .complexTableContainer table th th {
  border-bottom-width: 2px;
}
.complexTableContainer table td th[scope=col], .complexTableContainer table th th[scope=col] {
  font-weight: 600;
  font-size: 1.1rem;
}

/*SPACER*/
.field.spacer {
  width: 100%;
  clear: both;
  margin: 0px;
  padding: 0px;
  min-height: 0px;
}

/*CALENDAR*/
.datepicker.datepicker-dropdown {
  position: fixed;
}

.flatpickr-calendar {
  display: block;
  position: fixed;
}

/*TOOLTIP*/
.TippedToolTip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(36px / 2);
  height: calc(36px / 2);
  border: 2px solid #1c69d4;
  color: #1c69d4;
  font-weight: 600;
  line-height: normal;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

.tabButton .TippedToolTip, .groupLabel .TippedToolTip {
  margin-left: 5px;
  pointer-events: auto;
}

.field .TippedToolTip {
  margin-left: 5px;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper ~ .TippedToolTip {
  position: absolute;
  right: 5px;
  bottom: calc((36px / 2) - (calc(36px / 2) / 2));
}

/* ACCORDION */
.accor-button {
  cursor: pointer;
  border: none;
  font-family: "BMW-regular", "Inter", sans-serif;
  border-radius: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #414141;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: all 0.5s 0s ease;
}
.accor-button.accor-active, .accor-button:hover {
  background-color: #0653b6;
  color: #FFFFFF;
}

.accor-panel {
  display: inline-block;
  width: 100%;
  padding: 0px;
  transition: max-height 0.2s linear;
  max-height: 0px;
  overflow: hidden;
}
.accor-panel.visible {
  max-height: 1500px;
}

/* GRUDUS TIMEPICKER */
.g-time-wrapper {
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.g-time-wrapper .g-head {
  background-color: transparent;
}
.g-time-wrapper .g-head .g-head-content {
  color: #808080;
}
.g-time-wrapper .g-head .g-head-content .g-active {
  color: #414141;
}
.g-time-wrapper .g-clock-wrapper .g-clock {
  background-color: #FAFAFA;
}
.g-time-wrapper .g-clock-wrapper .g-clock .g-hand-of-a-clock, .g-time-wrapper .g-clock-wrapper .g-clock .g-middle-dot, .g-time-wrapper .g-clock-wrapper .g-clock .g-selected {
  background-color: #576CA3;
}
.g-time-wrapper .g-clock-wrapper .g-clock .g-clock-outer {
  border-color: transparent !important;
}
.g-time-wrapper .g-clock-wrapper .g-clock .g-clock-item {
  color: #414141;
}
.g-time-wrapper .g-clock-wrapper .g-clock .g-clock-item.g-clock-inner {
  color: #808080;
}
.g-time-wrapper .g-buttons {
  background-color: transparent;
}

/*ATTACHMENTS TEMPLATE*/
.attachments-preview-container .attachment {
  padding-top: 5px;
}
.attachments-preview-container .attachment button {
  width: 100%;
  justify-content: flex-start;
}

/*SEARCH TEMPLATE*/
.sfr-searchTmpl {
  float: left;
}
.sfr-searchTmpl > .formwrap {
  display: inline-block;
  width: 100%;
}
.sfr-searchTmpl div[class*=pops] button .ico, .sfr-searchTmpl div[class*=pops] .button .ico {
  width: 0px;
}
.sfr-searchTmpl div[class*=pops] button.attachment .ico, .sfr-searchTmpl div[class*=pops] button.ai .ico, .sfr-searchTmpl div[class*=pops] button.avi .ico, .sfr-searchTmpl div[class*=pops] button.cbr .ico, .sfr-searchTmpl div[class*=pops] button.cbz .ico, .sfr-searchTmpl div[class*=pops] button.csv .ico, .sfr-searchTmpl div[class*=pops] button.doc .ico, .sfr-searchTmpl div[class*=pops] button.dtfs .ico, .sfr-searchTmpl div[class*=pops] button.eps .ico, .sfr-searchTmpl div[class*=pops] button.fb2 .ico, .sfr-searchTmpl div[class*=pops] button.gif .ico, .sfr-searchTmpl div[class*=pops] button.html .ico, .sfr-searchTmpl div[class*=pops] button.java .ico, .sfr-searchTmpl div[class*=pops] button.mobi .ico, .sfr-searchTmpl div[class*=pops] button.mp4 .ico, .sfr-searchTmpl div[class*=pops] button.pdf .ico, .sfr-searchTmpl div[class*=pops] button.png .ico, .sfr-searchTmpl div[class*=pops] button.ppt .ico, .sfr-searchTmpl div[class*=pops] button.ps .ico, .sfr-searchTmpl div[class*=pops] button.psd .ico, .sfr-searchTmpl div[class*=pops] button.svg .ico, .sfr-searchTmpl div[class*=pops] button.txt .ico, .sfr-searchTmpl div[class*=pops] button.xls .ico, .sfr-searchTmpl div[class*=pops] button.zip .ico, .sfr-searchTmpl div[class*=pops] button.edit .ico, .sfr-searchTmpl div[class*=pops] button.cancel .ico, .sfr-searchTmpl div[class*=pops] button.add .ico, .sfr-searchTmpl div[class*=pops] button.bug .ico, .sfr-searchTmpl div[class*=pops] button.search .ico, .sfr-searchTmpl div[class*=pops] .button.attachment .ico, .sfr-searchTmpl div[class*=pops] .button.ai .ico, .sfr-searchTmpl div[class*=pops] .button.avi .ico, .sfr-searchTmpl div[class*=pops] .button.cbr .ico, .sfr-searchTmpl div[class*=pops] .button.cbz .ico, .sfr-searchTmpl div[class*=pops] .button.csv .ico, .sfr-searchTmpl div[class*=pops] .button.doc .ico, .sfr-searchTmpl div[class*=pops] .button.dtfs .ico, .sfr-searchTmpl div[class*=pops] .button.eps .ico, .sfr-searchTmpl div[class*=pops] .button.fb2 .ico, .sfr-searchTmpl div[class*=pops] .button.gif .ico, .sfr-searchTmpl div[class*=pops] .button.html .ico, .sfr-searchTmpl div[class*=pops] .button.java .ico, .sfr-searchTmpl div[class*=pops] .button.mobi .ico, .sfr-searchTmpl div[class*=pops] .button.mp4 .ico, .sfr-searchTmpl div[class*=pops] .button.pdf .ico, .sfr-searchTmpl div[class*=pops] .button.png .ico, .sfr-searchTmpl div[class*=pops] .button.ppt .ico, .sfr-searchTmpl div[class*=pops] .button.ps .ico, .sfr-searchTmpl div[class*=pops] .button.psd .ico, .sfr-searchTmpl div[class*=pops] .button.svg .ico, .sfr-searchTmpl div[class*=pops] .button.txt .ico, .sfr-searchTmpl div[class*=pops] .button.xls .ico, .sfr-searchTmpl div[class*=pops] .button.zip .ico, .sfr-searchTmpl div[class*=pops] .button.edit .ico, .sfr-searchTmpl div[class*=pops] .button.cancel .ico, .sfr-searchTmpl div[class*=pops] .button.add .ico, .sfr-searchTmpl div[class*=pops] .button.bug .ico, .sfr-searchTmpl div[class*=pops] .button.search .ico {
  width: calc(36px - 10px);
}
.sfr-searchTmpl div[class*=pops] button.attachment .ico, .sfr-searchTmpl div[class*=pops] .button.attachment .ico {
  background-image: url("Icons/ico_attachment.svg");
}
.sfr-searchTmpl div[class*=pops] button.ai .ico, .sfr-searchTmpl div[class*=pops] .button.ai .ico {
  background-image: url("Layout/FileTypes/ico_ai.svg");
}
.sfr-searchTmpl div[class*=pops] button.avi .ico, .sfr-searchTmpl div[class*=pops] .button.avi .ico {
  background-image: url("Layout/FileTypes/ico_avi.svg");
}
.sfr-searchTmpl div[class*=pops] button.cbr .ico, .sfr-searchTmpl div[class*=pops] .button.cbr .ico {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
}
.sfr-searchTmpl div[class*=pops] button.cbz .ico, .sfr-searchTmpl div[class*=pops] .button.cbz .ico {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
}
.sfr-searchTmpl div[class*=pops] button.csv .ico, .sfr-searchTmpl div[class*=pops] .button.csv .ico {
  background-image: url("Layout/FileTypes/ico_csv.svg");
}
.sfr-searchTmpl div[class*=pops] button.doc .ico, .sfr-searchTmpl div[class*=pops] .button.doc .ico {
  background-image: url("Layout/FileTypes/ico_doc.svg");
}
.sfr-searchTmpl div[class*=pops] button.dtfs .ico, .sfr-searchTmpl div[class*=pops] .button.dtfs .ico {
  background-image: url("Layout/FileTypes/ico_dtfs.svg");
}
.sfr-searchTmpl div[class*=pops] button.eps .ico, .sfr-searchTmpl div[class*=pops] .button.eps .ico {
  background-image: url("Layout/FileTypes/ico_eps.svg");
}
.sfr-searchTmpl div[class*=pops] button.fb2 .ico, .sfr-searchTmpl div[class*=pops] .button.fb2 .ico {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
}
.sfr-searchTmpl div[class*=pops] button.gif .ico, .sfr-searchTmpl div[class*=pops] .button.gif .ico {
  background-image: url("Layout/FileTypes/ico_gif.svg");
}
.sfr-searchTmpl div[class*=pops] button.html .ico, .sfr-searchTmpl div[class*=pops] .button.html .ico {
  background-image: url("Layout/FileTypes/ico_html.svg");
}
.sfr-searchTmpl div[class*=pops] button.java .ico, .sfr-searchTmpl div[class*=pops] .button.java .ico {
  background-image: url("Layout/FileTypes/ico_java.svg");
}
.sfr-searchTmpl div[class*=pops] button.mobi .ico, .sfr-searchTmpl div[class*=pops] .button.mobi .ico {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
}
.sfr-searchTmpl div[class*=pops] button.mp4 .ico, .sfr-searchTmpl div[class*=pops] .button.mp4 .ico {
  background-image: url("Layout/FileTypes/ico_mp4.svg");
}
.sfr-searchTmpl div[class*=pops] button.pdf .ico, .sfr-searchTmpl div[class*=pops] .button.pdf .ico {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
}
.sfr-searchTmpl div[class*=pops] button.png .ico, .sfr-searchTmpl div[class*=pops] .button.png .ico {
  background-image: url("Layout/FileTypes/ico_png.svg");
}
.sfr-searchTmpl div[class*=pops] button.ppt .ico, .sfr-searchTmpl div[class*=pops] .button.ppt .ico {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
}
.sfr-searchTmpl div[class*=pops] button.ps .ico, .sfr-searchTmpl div[class*=pops] .button.ps .ico {
  background-image: url("Layout/FileTypes/ico_ps.svg");
}
.sfr-searchTmpl div[class*=pops] button.psd .ico, .sfr-searchTmpl div[class*=pops] .button.psd .ico {
  background-image: url("Layout/FileTypes/ico_psd.svg");
}
.sfr-searchTmpl div[class*=pops] button.svg .ico, .sfr-searchTmpl div[class*=pops] .button.svg .ico {
  background-image: url("Layout/FileTypes/ico_svg.svg");
}
.sfr-searchTmpl div[class*=pops] button.txt .ico, .sfr-searchTmpl div[class*=pops] .button.txt .ico {
  background-image: url("Layout/FileTypes/ico_txt.svg");
}
.sfr-searchTmpl div[class*=pops] button.xls .ico, .sfr-searchTmpl div[class*=pops] .button.xls .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.sfr-searchTmpl div[class*=pops] button.zip .ico, .sfr-searchTmpl div[class*=pops] .button.zip .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
}
.sfr-searchTmpl div[class*=pops] button.edit .ico, .sfr-searchTmpl div[class*=pops] .button.edit .ico {
  background-image: url("Icons/ico_edit.svg");
}
.sfr-searchTmpl div[class*=pops] button.add .ico, .sfr-searchTmpl div[class*=pops] .button.add .ico {
  background-image: url("Icons/ico_plusCircle.svg");
}
.sfr-searchTmpl div[class*=pops] button.cancel .ico, .sfr-searchTmpl div[class*=pops] .button.cancel .ico {
  background-image: url("Icons/ico_xCircle.svg");
}
.sfr-searchTmpl div[class*=pops] button.bug .ico, .sfr-searchTmpl div[class*=pops] .button.bug .ico {
  background-image: url("Icons/ico_bug.svg");
}
.sfr-searchTmpl div[class*=pops] button.search .ico, .sfr-searchTmpl div[class*=pops] .button.search .ico {
  background-image: url("Icons/ico_search.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button, .sfr-searchTmpl div[class*=pops] .button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button > .ico, .sfr-searchTmpl div[class*=pops] .button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button:disabled, .sfr-searchTmpl div[class*=pops] .button.icon-button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button.primary, .sfr-searchTmpl div[class*=pops] .button.icon-button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button.primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div), .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-image: url("Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div) > .ico, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div) > .ico {
  display: none;
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ai, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ai {
  background-image: url("Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).avi, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).avi {
  background-image: url("Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).cbr, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).cbr {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).cbz, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).cbz {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).csv, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).csv {
  background-image: url("Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).doc, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).doc {
  background-image: url("Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).eps, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).eps {
  background-image: url("Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).fb2, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).fb2 {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).gif, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).gif {
  background-image: url("Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).html, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).html {
  background-image: url("Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).java, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).java {
  background-image: url("Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).mobi, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).mobi {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).pdf, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).pdf {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).png, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).png {
  background-image: url("Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ppt, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ppt {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ps, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ps {
  background-image: url("Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).psd, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).psd {
  background-image: url("Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).svg, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).svg {
  background-image: url("Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).txt, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).txt {
  background-image: url("Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).xls, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).xls {
  background-image: url("Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).zip, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).zip {
  background-image: url("Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).get, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).get {
  background-image: url("Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).remove, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).DEL, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).remove, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).DEL {
  background-image: url("Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).ADD, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).add, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).ADD, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).NR, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).nr, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).NR, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).nr {
  background-image: url("Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).SHOW, .sfr-searchTmpl div[class*=pops] button.icon-button:not(div).show, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).SHOW, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).show {
  background-image: url("Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).edit, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).edit {
  background-image: url("Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).add, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).cancel, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).cancel {
  background-image: url("Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).attachment, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).attachment {
  background-image: url("Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).row-menu, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).row-menu {
  background-image: url("Icons/ico_more.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).refresh-list, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).refresh-list {
  background-image: url("Icons/ico_reload.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).chooseColumns, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).chooseColumns {
  background-image: url("Icons/ico_showColumns.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).columnsSettings, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).columnsSettings {
  background-image: url("Icons/ico_columnSettings.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).save-config, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).save-config {
  background-image: url("Icons/ico_diskette.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).restore-default-config, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).restore-default-config {
  background-image: url("Icons/ico_restoreSettings.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).bug, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).bug {
  background-image: url("Icons/ico_bug.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).search, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).search {
  background-image: url("Icons/ico_search.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).th-sort, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).th-sort {
  background-image: url("Icons/ico_sort.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).th-sort.asc, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).th-sort.asc {
  background-image: url("Icons/ico_sortAsc.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).th-sort.desc, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).th-sort.desc {
  background-image: url("Icons/ico_sortDesc.svg");
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div):hover, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div):hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div):disabled, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).primary, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl.attachment .ico, .sfr-searchTmpl.ai .ico, .sfr-searchTmpl.avi .ico, .sfr-searchTmpl.cbr .ico, .sfr-searchTmpl.cbz .ico, .sfr-searchTmpl.csv .ico, .sfr-searchTmpl.doc .ico, .sfr-searchTmpl.dtfs .ico, .sfr-searchTmpl.eps .ico, .sfr-searchTmpl.fb2 .ico, .sfr-searchTmpl.gif .ico, .sfr-searchTmpl.html .ico, .sfr-searchTmpl.java .ico, .sfr-searchTmpl.mobi .ico, .sfr-searchTmpl.mp4 .ico, .sfr-searchTmpl.pdf .ico, .sfr-searchTmpl.png .ico, .sfr-searchTmpl.ppt .ico, .sfr-searchTmpl.ps .ico, .sfr-searchTmpl.psd .ico, .sfr-searchTmpl.svg .ico, .sfr-searchTmpl.txt .ico, .sfr-searchTmpl.xls .ico, .sfr-searchTmpl.zip .ico, .sfr-searchTmpl.edit .ico, .sfr-searchTmpl.cancel .ico, .sfr-searchTmpl.add .ico, .sfr-searchTmpl.bug .ico, .sfr-searchTmpl.search .ico {
  width: calc(36px - 10px);
}
.sfr-searchTmpl.attachment .ico {
  background-image: url("Icons/ico_attachment.svg");
}
.sfr-searchTmpl.ai .ico {
  background-image: url("Layout/FileTypes/ico_ai.svg");
}
.sfr-searchTmpl.avi .ico {
  background-image: url("Layout/FileTypes/ico_avi.svg");
}
.sfr-searchTmpl.cbr .ico {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
}
.sfr-searchTmpl.cbz .ico {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
}
.sfr-searchTmpl.csv .ico {
  background-image: url("Layout/FileTypes/ico_csv.svg");
}
.sfr-searchTmpl.doc .ico {
  background-image: url("Layout/FileTypes/ico_doc.svg");
}
.sfr-searchTmpl.dtfs .ico {
  background-image: url("Layout/FileTypes/ico_dtfs.svg");
}
.sfr-searchTmpl.eps .ico {
  background-image: url("Layout/FileTypes/ico_eps.svg");
}
.sfr-searchTmpl.fb2 .ico {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
}
.sfr-searchTmpl.gif .ico {
  background-image: url("Layout/FileTypes/ico_gif.svg");
}
.sfr-searchTmpl.html .ico {
  background-image: url("Layout/FileTypes/ico_html.svg");
}
.sfr-searchTmpl.java .ico {
  background-image: url("Layout/FileTypes/ico_java.svg");
}
.sfr-searchTmpl.mobi .ico {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
}
.sfr-searchTmpl.mp4 .ico {
  background-image: url("Layout/FileTypes/ico_mp4.svg");
}
.sfr-searchTmpl.pdf .ico {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
}
.sfr-searchTmpl.png .ico {
  background-image: url("Layout/FileTypes/ico_png.svg");
}
.sfr-searchTmpl.ppt .ico {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
}
.sfr-searchTmpl.ps .ico {
  background-image: url("Layout/FileTypes/ico_ps.svg");
}
.sfr-searchTmpl.psd .ico {
  background-image: url("Layout/FileTypes/ico_psd.svg");
}
.sfr-searchTmpl.svg .ico {
  background-image: url("Layout/FileTypes/ico_svg.svg");
}
.sfr-searchTmpl.txt .ico {
  background-image: url("Layout/FileTypes/ico_txt.svg");
}
.sfr-searchTmpl.xls .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.sfr-searchTmpl.zip .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
}
.sfr-searchTmpl.edit .ico {
  background-image: url("Icons/ico_edit.svg");
}
.sfr-searchTmpl.add .ico {
  background-image: url("Icons/ico_plusCircle.svg");
}
.sfr-searchTmpl.cancel .ico {
  background-image: url("Icons/ico_xCircle.svg");
}
.sfr-searchTmpl.bug .ico {
  background-image: url("Icons/ico_bug.svg");
}
.sfr-searchTmpl.search .ico {
  background-image: url("Icons/ico_search.svg");
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.sfr-searchTmpl.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.sfr-searchTmpl.icon-button > button:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl.icon-button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button > button.primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.sfr-searchTmpl.icon-button > button.primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 36px;
  background-image: url("Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
.sfr-searchTmpl.icon-button:not(div) > .ico {
  display: none;
}
.sfr-searchTmpl.icon-button:not(div).ai {
  background-image: url("Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).avi {
  background-image: url("Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).cbr {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).cbz {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).csv {
  background-image: url("Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).doc {
  background-image: url("Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).eps {
  background-image: url("Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).fb2 {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).gif {
  background-image: url("Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).html {
  background-image: url("Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).java {
  background-image: url("Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).mobi {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).pdf {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).png {
  background-image: url("Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).ppt {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).ps {
  background-image: url("Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).psd {
  background-image: url("Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).svg {
  background-image: url("Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).txt {
  background-image: url("Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).xls {
  background-image: url("Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).zip {
  background-image: url("Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).get {
  background-image: url("Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).remove, .sfr-searchTmpl.icon-button:not(div).DEL {
  background-image: url("Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).ADD, .sfr-searchTmpl.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).NR, .sfr-searchTmpl.icon-button:not(div).nr {
  background-image: url("Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).SHOW, .sfr-searchTmpl.icon-button:not(div).show {
  background-image: url("Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).edit {
  background-image: url("Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).cancel {
  background-image: url("Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).attachment {
  background-image: url("Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).row-menu {
  background-image: url("Icons/ico_more.svg");
}
.sfr-searchTmpl.icon-button:not(div).refresh-list {
  background-image: url("Icons/ico_reload.svg");
}
.sfr-searchTmpl.icon-button:not(div).chooseColumns {
  background-image: url("Icons/ico_showColumns.svg");
}
.sfr-searchTmpl.icon-button:not(div).columnsSettings {
  background-image: url("Icons/ico_columnSettings.svg");
}
.sfr-searchTmpl.icon-button:not(div).save-config {
  background-image: url("Icons/ico_diskette.svg");
}
.sfr-searchTmpl.icon-button:not(div).restore-default-config {
  background-image: url("Icons/ico_restoreSettings.svg");
}
.sfr-searchTmpl.icon-button:not(div).bug {
  background-image: url("Icons/ico_bug.svg");
}
.sfr-searchTmpl.icon-button:not(div).search {
  background-image: url("Icons/ico_search.svg");
}
.sfr-searchTmpl.icon-button:not(div).th-sort {
  background-image: url("Icons/ico_sort.svg");
}
.sfr-searchTmpl.icon-button:not(div).th-sort.asc {
  background-image: url("Icons/ico_sortAsc.svg");
}
.sfr-searchTmpl.icon-button:not(div).th-sort.desc {
  background-image: url("Icons/ico_sortDesc.svg");
}
.sfr-searchTmpl.icon-button:not(div):hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.sfr-searchTmpl.icon-button:not(div):disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button:not(div).primary {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.sfr-searchTmpl.icon-button:not(div).primary:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}

#_debuggerConsole {
  position: absolute;
  top: 55px;
  right: 5px;
  z-index: 99;
  display: inline-flex;
  align-items: center;
}
#_debuggerConsole .debug-container-btn {
  height: calc(36px + 20px);
  z-index: 2;
}
#_debuggerConsole .debug-container-btn .ico {
  background-position: center center;
}
#_debuggerConsole .debug-container-content {
  display: inline-flex;
  align-items: center;
  padding: 10px 10px 10px calc(5px + 10px);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin-left: -5px;
}

.master-tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.master-tab button {
  background-color: #eee;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 7px;
  transition: 0.3s;
}

.master-tab button:hover {
  background-color: cadetblue;
}

.master-tab button.active {
  background-color: #ccc;
}

.master-tabcontent {
  border: 1px solid #ccc;
  border-top: none;
}

.scope-tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.scope-tab button {
  background-color: #eee;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 7px;
  transition: 0.3s;
}

.scope-tab button:hover {
  background-color: cadetblue;
}

.scope-tab button.active {
  background-color: #ccc;
}

.scope-tabcontent {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

#debug-div .label {
  background-color: cadetblue;
  padding: 6px;
  font-size: 14px;
}

#debug-div .labelKey {
  background-color: cadetblue;
  padding: 6px;
  font-size: 14px;
}

#debug-div .tableLabelKey {
  background-color: cadetblue;
  font-size: 14px;
}

#debug-div .webSettingsTable {
  border-collapse: separate;
  border-spacing: 0 1em;
}
#debug-div .webSettingsTable > tbody tr {
  background-color: #e2caca;
}

#debug-div .labelCheckbox {
  margin-right: 5px;
}

#debug-div .info-item {
  background-color: azure;
  padding: 0px 0px 8px 0px;
  margin-top: 5px;
}

.formRefreshBtn {
  position: absolute;
  top: 55px;
  right: 70px;
  z-index: 99;
}

#debug-div .collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 5px;
  margin-bottom: 5px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 15px;
}

#debug-div.master-tabcontent.active, .collapsible:hover {
  background-color: #ccc;
}

#debug-div .content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

#debug-div .debugtab {
  font-weight: bold;
}

#debug-div .debug-info {
  margin-bottom: 5px;
}

#debug-div .btnInfo {
  margin-top: 5px;
  background-color: cadetblue;
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

#debug-div .btnInfo:hover {
  background-color: red;
  cursor: pointer;
}

#debug-div .lblStatus {
  color: red;
  font-weight: bold;
}

#debug-div .group-item {
  margin: 10px 0px 0px 0px;
}

#debug-div .session-info {
  margin: 0px 0px 5px 0px;
}

#debug-div .scope-info {
  margin: 0px 0px 5px 0px;
}

/*TODO: MB stylowanie*/
.ConsoleIdentifier {
  color: red;
}

.ConsoleKey {
  color: Black;
}

.ConsoleValue {
  color: green;
}

.ConsoleInfo {
  color: blue;
}

.schedulererror, div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace.schedulererror {
  background-color: #fadcdd;
}

.scheduleradd, div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace.scheduleradd {
  background-color: #ececed;
}

.schedulerexecuted, div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace.schedulerexecuted {
  background-color: #EAF7FE;
}

.schedulerruning, div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace.schedulerruning {
  background-color: #84bf84;
}

.RefreshBtnDiv {
  float: right;
}

/* ************* DEBUG FORM PAGE **************/
.form-renderer-data-container {
  font-size: 14px;
}
.form-renderer-data-container:nth-child(even) {
  background-color: lemonchiffon;
}
.form-renderer-data-container:nth-child(odd) {
  background-color: antiquewhite;
}
.form-renderer-data-container tr:nth-child(even) {
  background-color: gainsboro;
}
.form-renderer-data-container thead {
  background-color: darkgrey;
}
.form-renderer-data-container legend {
  user-select: none;
  background-color: ghostwhite;
}
.form-renderer-data-container legend:hover {
  cursor: pointer;
  background-color: darkgrey;
}
.form-renderer-data-container legend .expandBtn {
  border: 1px solid black;
}
.form-renderer-data-container .form-renderer-data-header {
  background-color: lightcyan;
}

.form-renderer-dependencies-benchmark {
  font-size: 14px;
  margin-top: 30px;
  background-color: #b9d9e0;
}
.form-renderer-dependencies-benchmark tr:nth-child(even) {
  background-color: gainsboro;
}
.form-renderer-dependencies-benchmark thead {
  background-color: darkgrey;
}

.autocomplete-overlay {
  width: 100%;
  height: 100vh;
  background: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
}

.autocomplete-result {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  margin-top: 3px;
  position: fixed;
  overflow: auto;
  max-height: 150px;
  overflow-x: hidden;
  background: #fff;
  font-family: "BMW-regular", "Inter", sans-serif;
  font-size: 1rem;
}

.autocomplete-result {
  box-sizing: border-box;
}

.autocomplete-result p {
  padding: 5px 10px;
  margin: 0;
  color: #414141;
  display: inline-flex;
  align-items: center;
  min-height: calc(2 * 3px);
  width: 100%;
}

.autocomplete-result p:hover {
  background: #e5e5e5 !important;
  cursor: pointer;
}

.autocomplete-result .focused {
  background: #e5e5e5 !important;
}

.overlay-enabled {
  width: 100%;
  height: 100%;
  z-index: 999;
  cursor: wait;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
}
.overlay-enabled .blockMsg {
  z-index: 100000;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.overlay-enabled .blockMsg div {
  margin-bottom: 45px;
}

.overlay-disabled {
  display: none;
}

.ctrl-overlay {
  width: 100%;
  height: 100vh;
  z-index: 901;
  background: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
}

.loader {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 100000;
}
.loader .loader__element {
  border-radius: 100%;
  border: 5px solid #1c69d4;
  margin: 10px;
}
.loader .loader__element:nth-child(1) {
  animation: preloader 0.6s ease-in-out alternate infinite;
}
.loader .loader__element:nth-child(2) {
  animation: preloader 0.6s ease-in-out alternate 0.2s infinite;
}
.loader .loader__element:nth-child(3) {
  animation: preloader 0.6s ease-in-out alternate 0.4s infinite;
}
@keyframes preloader {
  100% {
    transform: scale(2);
  }
}

/*waves*/
.ui-waveBg {
  position: absolute;
  background: transparent;
  margin: 0px;
  padding: 0px;
  width: 100%;
  bottom: 0px;
  border-bottom: 33vh solid #ffffff;
  pointer-events: none;
  z-index: 0;
  /* Animation */
}
.ui-waveBg .waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
}
.ui-waveBg .waves.wavesFlipV {
  transform: scaleY(-1);
}
.ui-waveBg .parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.ui-waveBg .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.ui-waveBg .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.ui-waveBg .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.ui-waveBg .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}
#_body.loginPage #_header, #_body.loginPage #_breadcrumb {
  display: none;
}
#_body.loginPage #FR1 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(87, 108, 255) 0%, rgb(58, 67, 110) 100%);
}
#_body.loginPage #FR1 .loginErrorMsg, #_body.loginPage #FR1 .loginInfoMsg {
  color: #E53935;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 0px 0px 0px;
  width: 100%;
}
#_body.loginPage #FR1 .loginErrorMsg:before, #_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_wrongPassword.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-color: transparent;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  filter: invert(26%) sepia(76%) saturate(2395%) hue-rotate(343deg) brightness(94%) contrast(89%);
  margin-right: 10px;
  flex-shrink: 0;
}
#_body.loginPage #FR1 .loginErrorMsg.detailed span, #_body.loginPage #FR1 .loginInfoMsg.detailed span {
  text-align: justify;
  font-size: 0.9rem;
}
#_body.loginPage #FR1 .loginInfoMsg {
  color: #8DB600;
}
#_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_checkCircle.svg");
  filter: invert(64%) sepia(8%) saturate(7162%) hue-rotate(34deg) brightness(96%) contrast(101%);
}
#_body.loginPage #FR1 .loginBox {
  display: inline-flex;
  flex-direction: column;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  z-index: 1;
  padding: 15px;
  min-width: 250px;
  /*LOGO*/
  background-image: url("/varyon2_0_logo.svg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: calc(100% - 30px) auto;
  padding-top: 70px;
  /*forceful label up due to browser autofill bug*/
}
#_body.loginPage #FR1 .loginBox .captchaWrapper {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
#_body.loginPage #FR1 .loginBox .captchaWrapper img.captchaCode {
  margin: 10px 5px;
  border-radius: 5px;
}
#_body.loginPage #FR1 .loginBox .btnContainer > * {
  margin-top: 15px;
}
#_body.loginPage #FR1 .loginBox #f2 .field.active .inputBorderR {
  width: calc((100% - 3px) - 6px - 52px);
}
#_body.loginPage #FR1 .loginBox #f3 .field.active .inputBorderR {
  width: calc((100% - 3px) - 6px - 26.4px);
}

/*MFA Multi Factor Authentication*/
body:has(.MFAGeneralForm) #_header, body:has(.MFAGeneralForm) #_breadcrumb {
  display: none;
}

body #_content > #FR > .formwrap.MFAGeneralForm {
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(87, 108, 255) 0%, rgb(58, 67, 110) 100%);
  position: relative;
}
body #_content > #FR > .formwrap.MFAGeneralForm > .sfr {
  flex-grow: 0;
  z-index: 1;
}
body #_content > #FR > .formwrap.MFAGeneralForm .ribbonWave {
  position: absolute;
  z-index: 0;
  bottom: 0;
  padding: 0px;
  border: none;
}
body #_content > #FR > .formwrap.MFAGeneralForm .formwrap.MFAVerificationPage {
  display: inline-flex;
  flex-direction: column;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  z-index: 1;
  padding: 15px;
  width: 300px;
  /*LOGO*/
  background-image: url("/varyon2_0_logo.svg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: calc(100% - 30px) auto;
  padding-top: 70px;
}
body #_content > #FR > .formwrap.MFAGeneralForm .formwrap.MFAVerificationPage > .tabContainer > .tabHeader {
  display: none;
}
body #_content > #FR > .formwrap.MFAGeneralForm .formwrap.MFAVerificationPage > .tabContainer > .tab {
  gap: 10px;
}
body #_content > #FR > .formwrap.MFAGeneralForm .formwrap.MFAVerificationPage .varificationInfo label.value {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}
body #_content > #FR > .formwrap.MFAGeneralForm .formwrap.MFAVerificationPage .confirmCode, body #_content > #FR > .formwrap.MFAGeneralForm .formwrap.MFAVerificationPage .returnToLogin {
  text-align: center;
  padding: 0px;
}

.g-time-wrapper {
  z-index: 903;
}

.datepicker {
  z-index: 902;
}

.sfr:has(> .genericlist-wrapper).listHeight400 > .genericlist-wrapper {
  height: 400px;
}

.sfr:has(> .genericlist-wrapper).listHeight420 > .genericlist-wrapper {
  height: 420px;
}

.sfr:has(> .genericlist-wrapper).listHeight440 > .genericlist-wrapper {
  height: 440px;
}

.sfr:has(> .genericlist-wrapper).listHeight460 > .genericlist-wrapper {
  height: 460px;
}

.sfr:has(> .genericlist-wrapper).listHeight480 > .genericlist-wrapper {
  height: 480px;
}

.sfr:has(> .genericlist-wrapper).listHeight500 > .genericlist-wrapper {
  height: 500px;
}

.sfr:has(> .genericlist-wrapper).listHeight520 > .genericlist-wrapper {
  height: 520px;
}

.sfr:has(> .genericlist-wrapper).listHeight540 > .genericlist-wrapper {
  height: 540px;
}

.sfr:has(> .genericlist-wrapper).listHeight560 > .genericlist-wrapper {
  height: 560px;
}

.sfr:has(> .genericlist-wrapper).listHeight580 > .genericlist-wrapper {
  height: 580px;
}

.sfr:has(> .genericlist-wrapper).listHeight600 > .genericlist-wrapper {
  height: 600px;
}

.sfr:has(> .genericlist-wrapper).listHeight620 > .genericlist-wrapper {
  height: 620px;
}

.sfr:has(> .genericlist-wrapper).listHeight640 > .genericlist-wrapper {
  height: 640px;
}

.sfr:has(> .genericlist-wrapper).listHeight660 > .genericlist-wrapper {
  height: 660px;
}

.sfr:has(> .genericlist-wrapper).listHeight680 > .genericlist-wrapper {
  height: 680px;
}

.sfr:has(> .genericlist-wrapper).listHeight700 > .genericlist-wrapper {
  height: 700px;
}

.sfr:has(> .genericlist-wrapper).listHeight720 > .genericlist-wrapper {
  height: 720px;
}

.sfr:has(> .genericlist-wrapper).listHeight740 > .genericlist-wrapper {
  height: 740px;
}

.sfr:has(> .genericlist-wrapper).listHeight760 > .genericlist-wrapper {
  height: 760px;
}

.sfr:has(> .genericlist-wrapper).listHeight780 > .genericlist-wrapper {
  height: 780px;
}

.sfr:has(> .genericlist-wrapper).listHeight800 > .genericlist-wrapper {
  height: 800px;
}

.genericlist-wrapper {
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 0px;
  height: 300px; /*default height required for lazy loading*/
  width: 100%;
  background: #ffffff;
}
.genericlist-wrapper .accor {
  height: 0px;
}
.genericlist-wrapper .accor .accor-button {
  width: calc(36px / 2);
  height: calc(36px / 2);
  min-width: 18px;
  min-height: 18px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  font-size: 0px;
  box-shadow: none;
  background-color: transparent;
}
.genericlist-wrapper .accor .accor-button .ico {
  width: calc(36px / 2);
  height: calc(36px / 2);
  min-width: 18px;
  min-height: 18px;
  background-image: url("/Icons/ico_equalizer.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-color: transparent;
  background-size: 90% auto;
}
.genericlist-wrapper .accor .accor-button:hover {
  color: #1c69d4;
}
.genericlist-wrapper .accor .accor-button:hover .ico {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
.genericlist-wrapper .accor .accor-panel {
  padding-bottom: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 0px;
  position: relative;
}
.genericlist-wrapper .accor .accor-panel.visible {
  width: 100%;
  height: 100%;
  padding-top: calc((36px / 2) + 10px);
}
.genericlist-wrapper .accor .accor-panel.visible > .sfr {
  height: calc(100% - 36px - 10px);
  overflow: auto;
}
.genericlist-wrapper .accor .accor-panel > .sfr {
  width: 100%;
  flex-grow: 1;
}
.genericlist-wrapper .accor .accor-panel > .sfr > .formwrap > .tabContainer > .tabHeader {
  display: none;
}
.genericlist-wrapper .accor.accor-active {
  width: 300px;
  height: 100%;
  overflow: auto;
}
.genericlist-wrapper .accor.accor-active:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 300px;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.05);
  top: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.genericlist-wrapper .accor.accor-active + .GLT {
  width: calc(100% - 300px);
}
.genericlist-wrapper .accor.accor-active + .GLT .genericlist-configHeader-container {
  width: 100%;
  margin-left: 0px;
}
.genericlist-wrapper .genericlist-configHeader-container {
  display: flex;
  justify-content: flex-end;
  padding: 8px 10px 5px 10px;
  width: calc(100% - max(36px / 2, 18px) - 10px);
  margin-left: calc(max(36px / 2, 18px) + 10px);
  min-height: 35px;
}
.genericlist-wrapper .genericlist-configHeader-container .columns-config-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.genericlist-wrapper .genericlist-configHeader-container .columns-config-container .icon-button {
  width: calc(36px / 2);
  height: calc(36px / 2);
  min-width: 18px;
  min-height: 18px;
  background-size: 90% auto;
  margin-left: 3px;
}
.genericlist-wrapper .genericlist-configHeader-container .columns-config-container .icon-button.save-config {
  margin-left: 18px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar .search-wrapper {
  /*functional - DO NOT CHANGE*/
  background: none;
  border-radius: 3px;
  font-family: "BMW-regular", "Inter", sans-serif;
  border: 1px solid #b2b2b2;
  display: inline-flex;
  align-items: center;
  /*editable*/
  font-size: 1rem;
  height: calc(36px / 2);
  min-height: 22px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar button {
  height: calc(36px / 2);
  min-height: 22px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar button.search {
  font-size: 0px;
  background-size: min(90%, 100% - 8px) auto;
  width: calc(36px / 2);
  min-width: 20px;
  min-height: 20px;
  padding: 0px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar button.search-in {
  white-space: nowrap;
  margin-left: 5px;
  padding-left: 3px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar button.search-in .ico {
  width: max(36px / 2 - 10px, 20px);
  aspect-ratio: 1/1;
  background-image: url(Icons/ico_more.svg);
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar input[type=text] {
  /*functional - DO NOT CHANGE*/
  background: none;
  font-family: "BMW-regular", "Inter", sans-serif;
  border: none;
  /*editable*/
  font-size: 1rem;
  padding: 0px 10px; /*linked with wrapper border radius*/
  height: 100%;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar input[type=text]:focus {
  /*functional - DO NOT CHANGE*/
  border: 1px solid #b2b2b2;
  outline: none;
}
.genericlist-wrapper .genericlist-configHeader-container ~ .genericlist-container,
.genericlist-wrapper .genericlist-configHeader-container ~ .journal-container {
  height: calc(100% - max((36px / 2) + 8px + 5px, 35px));
  margin-top: 0px;
}
.genericlist-wrapper .GLT {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.genericlist-wrapper .GLT .no-results td {
  text-align: center;
  background-image: url("/Icons/ico_noSearchResults.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center 15px;
  background-color: transparent;
  background-size: auto 65px;
  padding-top: 90px;
}
.genericlist-wrapper .GLT .getNextResultsBtn td {
  text-align: center;
}
.genericlist-wrapper .GLT .getNextResultsBtn td div {
  cursor: pointer;
  border: none;
  font-family: "BMW-regular", "Inter", sans-serif;
  border-radius: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #414141;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: all 0.5s 0s ease;
}
.genericlist-wrapper .GLT .getNextResultsBtn td div:hover {
  background-color: #0653b6;
  color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.genericlist-container,
.journal-container {
  position: relative;
  overflow: auto;
  height: calc(100% - max((36px / 2) + 10px, 30px));
  margin-top: max((36px / 2) + 10px, 30px);
}
.genericlist-container > table,
.journal-container > table {
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0px;
  min-width: 100%;
}
.genericlist-container > table thead,
.journal-container > table thead {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
  position: sticky;
  top: 0px;
  background: #ffffff;
  z-index: 2;
}
.genericlist-container > table thead th,
.journal-container > table thead th {
  font-weight: 600;
  text-align: left;
  padding: 1rem;
  position: relative;
}
.genericlist-container > table thead th.hidden,
.journal-container > table thead th.hidden {
  display: none;
}
.genericlist-container > table thead th[col-reorder=true],
.journal-container > table thead th[col-reorder=true] {
  cursor: move;
}
.genericlist-container > table thead th .th-content,
.journal-container > table thead th .th-content {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.genericlist-container > table thead th .th-content .th-sort.icon-button,
.journal-container > table thead th .th-content .th-sort.icon-button {
  background-image: url("Icons/ico_sort.svg");
  width: 14px;
  height: 18px;
  min-width: 14px;
  min-height: 18px;
  background-size: 90% auto;
  padding: 0px;
}
.genericlist-container > table thead th .ui-resize,
.journal-container > table thead th .ui-resize {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  cursor: col-resize;
  user-select: none;
  min-height: 100%;
}
.genericlist-container > table thead th .ui-resize:hover, .genericlist-container > table thead th .ui-resize.ui-resizing,
.journal-container > table thead th .ui-resize:hover,
.journal-container > table thead th .ui-resize.ui-resizing {
  border-right: 2px solid #0653b6;
}
.genericlist-container > table thead th.ui-col-drop,
.journal-container > table thead th.ui-col-drop {
  background: rgba(0, 0, 0, 0.05);
}
.genericlist-container > table tbody tr,
.journal-container > table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.genericlist-container > table tbody tr td,
.journal-container > table tbody tr td {
  font-weight: 500;
  text-align: left;
  padding: 0.5rem 1rem;
  height: 36px;
}
.genericlist-container > table tbody tr td .o, .genericlist-container > table tbody tr td a.button.goTo,
.journal-container > table tbody tr td .o,
.journal-container > table tbody tr td a.button.goTo {
  width: max(36px, 18px);
  height: max(36px, 18px);
  box-shadow: none;
  background-image: url("/Icons/ico_folderOpen.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-color: transparent;
  background-size: auto min(22px, 100%);
  display: inline-block;
  transition: all 0.5s 0s ease;
}
.genericlist-container > table tbody tr td .o:hover, .genericlist-container > table tbody tr td a.button.goTo:hover,
.journal-container > table tbody tr td .o:hover,
.journal-container > table tbody tr td a.button.goTo:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
.genericlist-container > table tbody tr td a.button.goTo,
.journal-container > table tbody tr td a.button.goTo {
  background-image: url("/Icons/ico_goto.svg");
  font-size: 0px;
}
.genericlist-container > table tbody tr:last-of-type,
.journal-container > table tbody tr:last-of-type {
  border-bottom: none;
}
.genericlist-container > table tbody tr.selected,
.journal-container > table tbody tr.selected {
  background-color: #1c69d4;
  color: #FFFFFF;
}
.genericlist-container > table tbody tr.selected a,
.journal-container > table tbody tr.selected a {
  color: #FFFFFF;
}
.genericlist-container > table tbody tr.selected .ico, .genericlist-container > table tbody tr.selected .ico:hover, .genericlist-container > table tbody tr.selected .goTo, .genericlist-container > table tbody tr.selected .goTo:hover,
.journal-container > table tbody tr.selected .ico,
.journal-container > table tbody tr.selected .ico:hover,
.journal-container > table tbody tr.selected .goTo,
.journal-container > table tbody tr.selected .goTo:hover {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  transition: none;
}
.genericlist-container > table tbody tr .button:not(input),
.journal-container > table tbody tr .button:not(input) {
  padding: 0px;
}
.genericlist-container .genericlist-busyindicator,
.journal-container .genericlist-busyindicator {
  display: none;
}
.genericlist-container .genericlist-busyindicator.active,
.journal-container .genericlist-busyindicator.active {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  overflow: hidden;
  top: 0;
  width: 100%;
  background-color: transparent;
  color: #ffffff;
  font-size: 0rem;
  border-radius: 20px;
  height: 3px;
  margin-bottom: -3px;
  z-index: 3;
}
.genericlist-container .genericlist-busyindicator.active:before,
.journal-container .genericlist-busyindicator.active:before {
  content: "";
  position: absolute;
  left: -50%;
  height: 3px;
  width: 40%;
  background-color: #1c69d4;
  -webkit-animation: lineAnim 1.5s linear infinite;
  -moz-animation: lineAnim 1.5s linear infinite;
  animation: lineAnim 1.5s linear infinite;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
@keyframes lineAnim {
  0% {
    left: -40%;
  }
  50% {
    left: 20%;
    width: 80%;
  }
  100% {
    left: 100%;
    width: 100%;
  }
}

.listFilter-top .genericlist-wrapper {
  flex-direction: column;
  flex-wrap: nowrap;
}
.listFilter-top .genericlist-wrapper .accor .accor-panel.visible {
  width: 100%;
  height: auto;
}
.listFilter-top .genericlist-wrapper .accor .accor-panel.visible > .sfr {
  height: auto;
  overflow: auto;
}
.listFilter-top .genericlist-wrapper .accor.accor-active {
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}
.listFilter-top .genericlist-wrapper .accor.accor-active:before {
  content: "";
  position: absolute;
  display: block;
  height: calc((36px / 2) + 10px);
  width: 100%;
  pointer-events: none;
  background: transparent;
  top: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.listFilter-top .genericlist-wrapper .accor.accor-active + .GLT {
  width: 100%;
}
.listFilter-top .genericlist-wrapper .accor.accor-active + .GLT .genericlist-container, .listFilter-top .genericlist-wrapper .accor.accor-active + .GLT .journal-container {
  margin-top: 0px;
  height: 100%;
}

@media screen and (max-width: 780px) {
  .genericlist-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .genericlist-wrapper .accor .accor-panel.visible {
    width: 100%;
    height: auto;
  }
  .genericlist-wrapper .accor .accor-panel.visible > .sfr {
    height: auto;
    overflow: auto;
  }
  .genericlist-wrapper .accor.accor-active {
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
  }
  .genericlist-wrapper .accor.accor-active:before {
    content: "";
    position: absolute;
    display: block;
    height: calc((36px / 2) + 10px);
    width: 100%;
    pointer-events: none;
    background: transparent;
    top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .genericlist-wrapper .accor.accor-active + .GLT {
    width: 100%;
  }
  .genericlist-wrapper .accor.accor-active + .GLT .genericlist-container, .genericlist-wrapper .accor.accor-active + .GLT .journal-container {
    margin-top: 0px;
    height: 100%;
  }
}
.ui-col-dragging {
  z-index: 999;
  position: absolute;
  opacity: 0.4;
  background-color: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-col-dropping {
  border: 1px gray dashed;
  background-color: lightblue;
  opacity: 0.3;
}

.quick-search-fields-container .field,
.choose-columns-popup-content .field,
.columns-settings-popup-content .field {
  clear: both;
  border-left: none;
  border-right: none;
  min-height: 0px;
}
.quick-search-fields-container .field input + label,
.choose-columns-popup-content .field input + label,
.columns-settings-popup-content .field input + label {
  min-height: 0px;
}
.quick-search-fields-container .field.checkbox,
.choose-columns-popup-content .field.checkbox,
.columns-settings-popup-content .field.checkbox {
  padding: 0px 0px 10px 0px;
}

.treelist-container {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.treelist-container .treelist-items-container .treelist-items-table {
  width: 100%;
  table-layout: auto;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-right: 20px;
  padding-right: 20px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
       supported by Chrome, Edge, Opera and Firefox */
}
.treelist-container .treelist-items-container .treelist-items-table thead .hidden {
  display: none;
}
.treelist-container .treelist-items-container .treelist-items-table .treelist-cell {
  display: inline-flex;
  align-items: center;
  padding: 5px 5px 5px 0px;
}
.treelist-container .treelist-items-container .treelist-items-table .treelist-item-space {
  flex-shrink: 0;
}
.treelist-container .treelist-items-container .treelist-items-table .treelist-item-btn {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  height: 20px;
  width: 25px;
  flex-shrink: 0;
}
.treelist-container .treelist-items-container .treelist-items-table .treelist-item-name {
  white-space: normal;
  padding-left: 5px;
}
.treelist-container .treelist-items-container .treelist-items-table .component .treelist-item-btn {
  background-image: url("Icons/ico_file.svg");
  background-size: contain;
}
.treelist-container .treelist-items-container .treelist-items-table .directory.expanded .treelist-item-btn {
  background-image: url("Icons/ico_folderOpen_fill.svg");
  background-size: contain;
}
.treelist-container .treelist-items-container .treelist-items-table .directory.collapsed .treelist-item-btn {
  background-image: url("Icons/ico_folder_fill.svg");
  background-size: contain;
}
.treelist-container .treelist-items-container .treelist-item:hover {
  background-color: #0653b6;
  color: #FFFFFF;
}
.treelist-container .treelist-items-container .treelist-item.selected {
  background-color: #0653b6;
  color: #FFFFFF;
}
.treelist-container .treelist-items-container .treelist-item.selected .treelist-item-btn, .treelist-container .treelist-items-container .treelist-item.selected .icon-button {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.treelist-container .treelist-items-container .treelist-item.visible {
  display: compact;
}
.treelist-container .treelist-items-container .treelist-item.hidden {
  display: none;
}

.report-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.report-container .report-info {
  width: 100%;
}
.report-container .report-info .job-details {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.report-container .report-info .job-details div span:first-of-type {
  opacity: 0.5;
}
.report-container .report-info .progressBar-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.report-container .report-info .progressBar-wrapper:has(.job-cancel-button) .progressBar-bar .progressBar-progress span {
  left: min(36px / 2 + 5px, 27px);
}
.report-container .report-info .progressBar-wrapper .progressBar-bar {
  border-radius: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  height: calc(36px / 2);
  min-height: 22px;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.report-container .report-info .progressBar-wrapper .progressBar-bar .progressBar-progress {
  background-color: #1c69d4;
  height: 100%;
  overflow: hidden;
}
.report-container .report-info .progressBar-wrapper .progressBar-bar .progressBar-progress span {
  position: sticky;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0px 5px;
  width: auto;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 75%;
}
.report-container .report-info .progressBar-wrapper .progressBar-bar .progressBar-progress span:after {
  content: "%";
  display: inline;
}
.report-container .report-info .progressBar-wrapper .progressBar-status {
  text-align: center;
  width: 100%;
}
.report-container .report-info .progressBar-wrapper .job-cancel-button {
  flex-grow: 0;
  flex-shrink: 0;
  height: calc(36px / 2);
  min-height: 22px;
  width: calc(36px / 2);
  min-width: 22px;
  background-size: contain;
  background-image: url("Icons/ico_xCircle.svg");
}
.report-container .report-files {
  margin-top: 10px;
  display: flex;
}
.report-container .report-files .group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  flex-shrink: 0;
  width: auto;
}
.report-container .report-files .group > label {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.report-container .report-files .group.reportFiles, .report-container .report-files .group.outputFiles {
  flex-grow: 1;
  justify-content: center;
}
.report-container .report-files .group.logFiles {
  flex-grow: 0;
}

.journal-container {
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  height: calc(100vh - 340px);
  margin-top: 0px;
}
.journal-container .row-dropzone {
  background-image: url("Icons/ico_addFile.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 75%;
  height: 36px;
  border: 1px dashed #000000;
  opacity: 0.3;
  transition: all 0.5s 0s ease;
}
.journal-container .row-dropzone:hover {
  opacity: 1;
}
.journal-container td.selection-col {
  text-align: center;
}
.journal-container td.selection-col .field.row-selection {
  float: none;
}
.journal-container td.selection-col .field.row-selection input {
  visibility: visible;
  width: 100%;
  opacity: 0;
  height: 100%;
}
.journal-container td.selection-col .field.row-selection input + label:before {
  margin: 0px;
}
.journal-container table.journal-resources-table {
  width: 100%;
}
.journal-container .journal-resources-row.hidden {
  display: none;
}

.journal-container hidden {
  display: none;
}

.journal-container visible {
  display: block;
}

.journal-accor-button {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  border-radius: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #414141;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: all 0.5s 0s ease;
}

.journal-accor-button.journal-accor-active, .journal-accor-button:hover {
  background-color: #00838f;
  color: #FFFFFF;
}

.journal-accor-panel {
  display: inline-block;
  width: 100%;
  padding: 0px;
  transition: max-height 0.2s linear;
  max-height: 0px;
  overflow: hidden;
}

.journal-accor-panel.visible {
  max-height: 1500px;
}

.contextMenu-container, .complexContextMenu-container {
  position: absolute;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 5px 10px;
  z-index: 2;
}
.contextMenu-container.hidden, .complexContextMenu-container.hidden {
  display: none;
}
.contextMenu-container.visible, .complexContextMenu-container.visible {
  display: block;
}
.contextMenu-container ul, .complexContextMenu-container ul {
  display: inline-flex;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
}
.contextMenu-container ul li, .complexContextMenu-container ul li {
  list-style: none;
  padding: 5px 0px;
}
.contextMenu-container ul li button, .complexContextMenu-container ul li button {
  width: 100%;
  justify-content: flex-start;
}
.contextMenu-container ul li button.EditEntry .ico, .complexContextMenu-container ul li button.EditEntry .ico {
  background-image: url(Icons/ico_edit.svg);
  background-size: 80% auto;
}
.contextMenu-container ul li button.DeleteEntry .ico, .contextMenu-container ul li button.DeleteFile .ico, .complexContextMenu-container ul li button.DeleteEntry .ico, .complexContextMenu-container ul li button.DeleteFile .ico {
  background-image: url(Icons/ico_trash.svg);
  background-size: 80% auto;
}
.contextMenu-container ul li button.ScanDocument .ico, .complexContextMenu-container ul li button.ScanDocument .ico {
  background-image: url(Icons/ico_scan.svg);
  background-size: 80% auto;
}
.contextMenu-container ul li button.AddFiles .ico, .complexContextMenu-container ul li button.AddFiles .ico {
  background-image: url(Icons/ico_addFile.svg);
  background-size: 80% auto;
}
.contextMenu-container ul li button.UpdateFile .ico, .complexContextMenu-container ul li button.UpdateFile .ico {
  background-image: url(Icons/ico_reload.svg);
  background-size: 80% auto;
}

.contextmenu-overlay {
  width: 100%;
  height: 100vh;
  background: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
}

.fileupload-container {
  display: flex;
  align-items: center;
}
.fileupload-container .fileupload-btn {
  position: relative;
  cursor: pointer;
}
.fileupload-container .fileupload-btn input[type=file] {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
}
.fileupload-container .fileupload-btn button {
  pointer-events: none;
}
.fileupload-container .fileupload-btn button .ico {
  background-image: url(Icons/ico_upload.svg);
  background-size: 80% auto;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) {
  cursor: pointer;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) button {
  background-color: #0653b6;
  color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) button .ico {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}
.fileupload-container .fileupload-btn ::-webkit-file-upload-button {
  cursor: pointer;
}
.fileupload-container .fileupload-btn.disabled, .fileupload-container .fileupload-btn.disabled:hover {
  pointer-events: none;
}
.fileupload-container .fileupload-files .inprogress::after {
  background-color: blue;
}
.fileupload-container .fileupload-files .error > span {
  align-items: center;
  display: inline-flex;
}
.fileupload-container .fileupload-files .error > span:before {
  background-image: url(Icons/ico_xCircle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  filter: invert(26%) sepia(76%) saturate(2395%) hue-rotate(343deg) brightness(94%) contrast(89%);
}
.fileupload-container .fileupload-files .complete > span {
  align-items: center;
  display: inline-flex;
}
.fileupload-container .fileupload-files .complete > span:before {
  background-image: url(Icons/ico_checkCircle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  filter: invert(64%) sepia(8%) saturate(7162%) hue-rotate(34deg) brightness(96%) contrast(101%);
}
.fileupload-container .fileupload-files > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.fileupload-container .fileupload-files > div:last-of-type {
  border-bottom: none;
}
.fileupload-container .fileupload-showFilesBtn {
  margin-left: 10px;
}
.fileupload-container .fileupload-popup.hidden {
  display: none;
}
.fileupload-container .fileupload-popup.visible {
  display: block;
}
.fileupload-container .fileupload-popup .pops-f {
  max-width: 600px;
}

.policy-attachments-container {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
}
.policy-attachments-container .policy-attachments-header {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
  padding: 1rem;
  font-weight: 600;
}
.policy-attachments-container .policy-attachments-files {
  display: flex;
  flex-direction: column;
}
.policy-attachments-container .policy-attachments-files .journal-resource-container {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.policy-attachments-container .policy-attachments-files .journal-resource-container:last-of-type {
  border-bottom: none;
}
.policy-attachments-container .policy-attachments-files .journal-resource-container > span {
  flex-grow: 1;
}

#FR {
  height: 100%;
}

html #_content #FR .report-creator-container .formwrap .sfr-vsm {
  background: inherit;
  border-top: unset;
  padding: unset;
  min-width: unset;
  margin-left: unset;
}

.report-creator-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
}
.report-creator-container .left-panel-container {
  flex-direction: column;
}
.report-creator-container .left-panel-container .nodes-container table thead {
  display: none;
}
.report-creator-container .left-panel-container .sheets-container {
  flex-direction: column;
  align-content: flex-start;
  max-height: 50vh;
  overflow: scroll;
}
.report-creator-container .left-panel-container .sheets-container .sheets-actions {
  display: flex;
  justify-content: center;
}
.report-creator-container .left-panel-container .form-fields-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.report-creator-container .left-panel-container .form-fields-container .treelist-items-container {
  overflow: scroll;
  max-height: 48vh;
  width: 100%;
  overflow-x: hidden;
}
.report-creator-container .left-panel-container .form-fields-container .treelist-items-container .treelist-items-table tr[draggable=true] .treelist-item-btn {
  background-image: url("Icons/ico_filter.svg");
  width: 25px;
}
.report-creator-container .left-panel-container .form-fields-container .treelist-items-container .treelist-items-table tr .treelist-item-space {
  width: unset;
}
.report-creator-container .left-panel-container .form-fields-container .treelist-items-container .treelist-items-table tr .added {
  width: 15px;
  height: 15px;
  background: green;
}
.report-creator-container .right-panel-container {
  flex-direction: column;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container {
  display: flex;
  justify-content: center;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container {
  width: calc(50% - 2em);
  margin: 1em;
  display: flex;
  flex-direction: column;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container .button-container {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container .column-header {
  color: white;
  font-weight: bold;
  background: black;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container .field-name {
  background-color: lightblue;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container .field-tempname {
  background-color: lightgoldenrodyellow;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container .field-rctx {
  background-color: lightgreen;
}
.report-creator-container .right-panel-container .upper-section-container .report-columns-container .column-container .field-opclass {
  background-color: lightcoral;
}
.report-creator-container .right-panel-container .lower-section-container {
  display: flex;
  flex-direction: row;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-height: 50vh;
  overflow: scroll;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset {
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  margin: 0px 0px 15px 0px;
  padding-top: 15px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset legend {
  display: flex;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset legend .field {
  padding: 0px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset legend .field.autocomplete {
  width: 100px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset fieldset {
  margin-bottom: 0px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset fieldset + .operands-container, .report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset fieldset + fieldset {
  margin-top: 15px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container .operand-wrapper {
  display: flex;
  justify-content: space-between;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container + .operands-container, .report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container + fieldset {
  margin-top: 15px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container .field {
  padding: 0px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container .field.condition-types {
  width: 80px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container .field.condition-types input {
  font-size: calc(36px * 0.6);
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container div > input.regular, .report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container input.regular {
  border: 2px dotted rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container div > input.binding.form-field, .report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container input.binding.form-field {
  border: 2px solid black;
  border-radius: 5px;
}
.report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container div > input.binding.input-form-field, .report-creator-container .right-panel-container .lower-section-container .conditions-container fieldset .operands-container input.binding.input-form-field {
  border: 2px solid green;
  border-radius: 5px;
}
.report-creator-container .right-panel-container .lower-section-container .filter-fields-form {
  display: flex;
  flex-direction: column;
}
.report-creator-container .right-panel-container .lower-section-container .filter-fields-form .filter-fields-container {
  height: 300px;
  width: 300px;
}

#FR {
  height: 100%;
}

.transfer-matching-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
}
.transfer-matching-container .matching-left-panel + .matching-right-panel {
  margin-left: 3px;
}
.transfer-matching-container .matching-left-panel, .transfer-matching-container .matching-right-panel {
  width: auto;
  margin: 3px;
  flex: 1;
  transition: flex 0.2s;
  height: 100%;
}
.transfer-matching-container .matching-left-panel .transfer-matching-transfers, .transfer-matching-container .matching-left-panel .transfer-matching-matches, .transfer-matching-container .matching-right-panel .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .transfer-matching-matches {
  width: 100%;
}
.transfer-matching-container .matching-left-panel .accor.filter-accor.accor-active + .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .accor.filter-accor.accor-active + .transfer-matching-transfers {
  width: calc(100% - 300px);
}
.transfer-matching-container .matching-left-panel .accor.filter-accor + .transfer-matching-transfers, .transfer-matching-container .matching-right-panel .accor.filter-accor + .transfer-matching-transfers {
  width: 100%;
}
.transfer-matching-container .matching-right-panel {
  flex: 0;
}
.transfer-matching-container .matching-right-panel .matches-container.group {
  border: none;
  padding: unset;
}
.transfer-matching-container .matching-right-panel .matches-container.group > label {
  padding: 10px 10px 15px 10px;
}
.transfer-matching-container .matching-right-panel .matches-container.group:after {
  border: none;
}
.transfer-matching-container .matching-right-panel:has(table) {
  flex: 1;
}

#FR .cacheManager {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
#FR .cacheManager .cacheManagementContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#FR .cacheManager .cacheManagementContainer .cmContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .cmContainerTitle {
  font-size: 2rem;
  font-weight: bold;
  width: fit-content;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field {
  margin-left: 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field label {
  position: unset;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field button {
  margin-left: 10px;
  width: fit-content;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field div .report-container {
  align-items: center;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field div .report-container:not(:has(.last-run)) {
  width: 20vw;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field div .report-container:not(:has(.last-run)) .progressBar-wrapper, #FR .cacheManager .cacheManagementContainer .cmContainer .field div .report-container:not(:has(.last-run)) .report-info {
  width: 100%;
  align-items: center;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field .field {
  width: unset;
}
#FR .cacheManager .cacheManagementContainer .cmContainer .field .field label {
  position: absolute;
}

html {
  scroll-behavior: smooth;
  font-kerning: none;
  line-height: normal;
}
html #_body.loginPage #_content {
  padding-left: 0px;
}
html #_body.loginPage #_footer {
  position: relative;
  z-index: 2;
}
html #_body.loginPage #FR1 {
  background: url("/login_bg.jpg") no-repeat scroll center center transparent;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
}
html #_body.loginPage #FR1 .loginBox {
  background-image: url("/bmw_logo.svg");
  background-size: calc(100% - 46px) auto;
  background-color: transparent;
  width: calc(300px + 10vw);
  margin-left: 5%;
  margin-top: 5vh;
  box-shadow: none;
  padding-top: 20vh;
  padding-right: 10vw;
  /*diagonal login bg animation*/
}
html #_body.loginPage #FR1 .loginBox .field {
  margin-bottom: 15px;
}
html #_body.loginPage #FR1 .loginBox .btnContainer {
  padding-left: 5px;
  padding-right: 5px;
}
html #_body.loginPage #FR1 .loginBox + .ui-waveBg {
  border: none;
  display: none; /*hide animation*/
}
html #_body.loginPage #FR1 .loginBox + .ui-waveBg svg {
  display: block;
  animation: slideDown 5s ease-in-out infinite alternate;
  background: linear-gradient(210deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.75) 50%, rgb(255, 255, 255) 90%);
  background-size: cover;
  bottom: 0;
  left: 36%;
  opacity: 1;
  position: fixed;
  transform: skewX(-30deg);
  top: 0;
  z-index: 0;
  width: 20%;
  height: 100%;
  backdrop-filter: blur(5px) grayscale(1);
  max-height: 100%;
}
html #_body.loginPage #FR1 .loginBox + .ui-waveBg svg * {
  display: none;
}
html #_body.loginPage #FR1 .loginBox + .ui-waveBg:before {
  content: "";
  display: block;
  animation: slideUp 6s ease-in-out infinite alternate-reverse;
  background: linear-gradient(30deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.75) 50%, rgb(255, 255, 255) 90%);
  background-size: cover;
  bottom: 0;
  left: 51%;
  opacity: 1;
  position: fixed;
  transform: skewX(-30deg);
  top: 0;
  z-index: 0;
  width: 20%;
  backdrop-filter: blur(5px) grayscale(1);
}
html #_body.loginPage #FR1 .loginBox + .ui-waveBg:after {
  content: "";
  display: block;
  animation: slideDown 7s ease-in-out infinite alternate;
  background: linear-gradient(210deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.75) 50%, rgb(255, 255, 255) 90%);
  background-size: cover;
  bottom: 0;
  right: -5%;
  opacity: 1;
  position: fixed;
  transform: skewX(-30deg);
  top: 0;
  z-index: 0;
  width: 20%;
  backdrop-filter: blur(5px) grayscale(1);
}
html #_body.loginPage #FR1 .loginInfoMsg {
  color: #0653b6;
}
html #_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_checkCircle.svg");
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
html #_body.loginPage #FR1:before {
  content: "";
  display: block;
  background: #ffffff;
  bottom: 0;
  left: -33.333%;
  opacity: 1;
  position: fixed;
  transform: skewX(-30deg);
  top: 0;
  z-index: 0;
  width: 70%;
  height: 100%;
}
html #_body.loginPage #FR1:after {
  content: "";
  display: block;
  background: #ffffff;
  bottom: 0;
  right: -33.333%;
  opacity: 1;
  position: fixed;
  transform: skewX(-30deg);
  top: 0;
  z-index: 0;
  width: 33.333%;
  height: 100%;
}
html .genericlist-wrapper .accor .accor-button:hover .ico {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
html #_header {
  padding-top: 10px;
  background: rgba(0, 0, 0, 0.03);
  /*end of left main menu*/
}
html #_header #_headerInner {
  width: 100%;
  height: 0px;
  padding-right: 10px;
  /*left main menu*/
}
html #_header #_headerInner nav {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  order: 1;
  overflow: visible;
  position: fixed;
  left: 10px;
  width: 250px; /*remember to set same padding on content*/
  height: calc(100% - 20px);
  top: 10px;
  background: #ffffff;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center calc(100% - 60px);
  background-size: auto 80px;
  z-index: 4;
  border-radius: 5px;
  display: block;
  padding-top: 60px;
}
html #_header #_headerInner nav #menu {
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
}
html #_header #_headerInner nav #menu li {
  width: 100%;
  justify-content: flex-start;
  height: auto;
  flex-wrap: wrap;
}
html #_header #menu {
  background: #ffffff;
  padding: 10px;
}
html #_header #menu a {
  color: #414141;
  justify-content: flex-start;
  text-align: left;
  padding: 0.5rem 10px;
}
@media screen and (min-width: 1080px) {
  html #_header #menu a {
    padding-right: 25px;
  }
}
@media screen and (max-height: 640px) and (min-width: 1080px) {
  html #_header #menu a {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  html #_header #menu a input.submenuCtl {
    height: 100%;
  }
}
html #_header #menu a[href="#Witamy.aspx"] {
  position: fixed;
  display: block;
  top: 0px;
  left: 10px;
  top: 10px;
  width: 250px;
  height: 60px;
  font-size: 0px;
  background-image: url(/bmw_logo.svg);
  background-repeat: no-repeat;
  background-position: 15px 15px;
  background-size: auto 30px;
  background-color: transparent;
}
html #_header #menu a[href="#Witamy.aspx"]:hover {
  background-image: url(/bmw_logo.svg);
  background-repeat: no-repeat;
  background-position: 15px 15px;
  background-size: auto 30px;
  background-color: transparent;
}
html #_header #menu a[class*=menu] {
  font-weight: 700;
}
html #_header #menu a[class*=menu] .ico {
  width: calc(36px - 10px);
  transition: filter 0s;
  margin-right: 5px;
}
html #_header #menu a.menuPolicy .ico {
  background-image: url("shield-check.svg");
}
html #_header #menu a.menuSettlements .ico {
  background-image: url("coins.svg");
}
html #_header #menu a.menuSalesplan .ico {
  background-image: url("salesPlans.svg");
}
html #_header #menu a.menuEquipmentSetting .ico {
  background-image: url("additional.svg");
}
html #_header #menu a.menuReports .ico {
  background-image: url("report.svg");
}
html #_header #menu a.menuImports .ico {
  background-image: url("import.svg");
}
html #_header #menu a.menuConfiguration .ico {
  background-image: url("config.svg");
}
html #_header #menu a.menuAdministrative .ico {
  background-image: url("admin.svg");
}
html #_header #menu a.menuOrganization .ico {
  background-image: url("group.svg");
}
html #_header #menu a.menuOrganization .ico {
  background-image: url("group.svg");
}
html #_header #menu a.menuProfile .ico {
  background-image: url("profile.svg");
}
html #_header #menu a.menuLibrary .ico {
  background-image: url("library.svg");
}
html #_header #menu > li {
  margin-bottom: 5px;
}
@media screen and (min-width: 1080px) {
  html #_header #menu > li {
    max-height: 45px;
  }
}
@media screen and (max-height: 580px) and (min-width: 1080px) {
  html #_header #menu > li {
    margin-bottom: 3px;
  }
}
html #_header #menu > li:hover .ico {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
  transition: filter 0s;
}
@media screen and (min-width: 1080px) {
  html #_header #menu > li > a {
    border-radius: 5px;
    line-height: 1.1rem;
  }
}
html #_header #menu li {
  overflow: hidden;
  border-radius: 5px;
  /*side revolving*/
}
@media screen and (min-width: 1080px) {
  html #_header #menu li {
    overflow: visible;
  }
}
html #_header #menu li ul[class^=submenu] {
  transition: max-height 0.4s, opacity 0.4s;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  display: block;
  border-radius: 5px;
  /*side revolving*/
}
@media screen and (min-width: 1080px) {
  html #_header #menu li ul[class^=submenu] {
    position: absolute;
    left: calc(100% + 3px);
    top: 0px;
    overflow: visible !important;
    padding: 10px;
  }
  html #_header #menu li ul[class^=submenu] a .ico {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  }
}
@media screen and (min-width: 1080px) and (max-height: 525px) and (min-width: 1080px) {
  html #_header #menu li ul[class^=submenu] {
    padding: 3px;
  }
}
@media screen and (min-width: 1080px) {
  html #_header #menu li ul[class^=submenu]:before {
    content: "";
    display: block;
    height: 40px;
    width: 6px;
    position: absolute;
    top: 0px;
    left: calc(-100% - 13px);
    background: #1c69d4;
  }
}
@media screen and (min-width: 1080px) and (max-height: 525px) and (min-width: 1080px) {
  html #_header #menu li ul[class^=submenu]:before {
    height: 32px;
  }
}
html #_header #menu li ul[class^=submenu] .submenuCtl {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}
html #_header #menu li ul[class^=submenu] li a, html #_header #menu li ul[class^=submenu] li a:last-of-type {
  border-radius: 5px;
}
html #_header #menu li ul[class^=submenu] li a:hover, html #_header #menu li ul[class^=submenu] li a:last-of-type:hover {
  background: rgba(0, 0, 0, 0.2);
}
html #_header #menu li ul[class^=submenu] li:has(.submenuCtl) > a {
  background-color: transparent;
  position: relative;
  z-index: 2;
  padding-left: 3px !important;
}
html #_header #menu li ul[class^=submenu] li a + .submenuCtl {
  border-radius: 5px;
}
@media screen and (min-width: 1080px) {
  html #_header #menu li ul[class^=submenu] li a + .submenuCtl {
    height: 100%;
  }
  html #_header #menu li ul[class^=submenu] li a + .submenuCtl:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
html #_header #menu li input.submenuCtl {
  background-image: url(/Icons/ico_arrow_down.svg);
}
html #_header #menu li input.submenuCtl:checked + ul[class^=submenu] {
  transition: max-height 1s, opacity 1s;
  opacity: 1;
  visibility: visible;
  max-height: 1000px;
  overflow: auto;
  pointer-events: all;
}
html #_header #menu li input.submenuCtl:checked + ul[class^=submenu] li a {
  padding-left: 33px;
}
@media screen and (min-width: 1080px) {
  html #_header #menu li input.submenuCtl:checked + ul[class^=submenu] ul[class^=submenu] {
    top: -10px;
  }
}
html #_header #menu ul.submenu1 {
  position: static;
  width: 100%;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  padding-left: 26px;
  background: #1c69d4;
}
html #_header #menu ul.submenu1 a {
  color: #ffffff;
}
html #_header #menu ul.submenu1 li {
  z-index: 2;
}
html #_header #menu ul.submenu1 li:last-of-type {
  border-radius: 0px 0px 5px 5px;
}
html #_header #menu ul.submenu1 li:last-of-type a {
  border-radius: 0px 0px 5px 5px;
}
html #_header #menu ul.submenu1 li ul[class^=submenu] {
  background-color: #1c69d4;
}
html #_header #menu ul.submenu1 li ul[class^=submenu] a {
  color: rgba(255, 255, 255, 0.8);
}
html #_header #menu ul[class^=submenu] {
  width: 100%;
}
html #_header #menu li:hover, html #_header #menu li:hover > a, html #_header #menu li a:hover {
  background: #1c69d4;
  color: #ffffff;
}
html #_header #menu li:hover > .submenuCtl, html #_header #menu li:hover > a > .submenuCtl, html #_header #menu li a:hover > .submenuCtl {
  filter: invert(99%) sepia(0%) saturate(6284%) hue-rotate(160deg) brightness(110%) contrast(100%);
}
html #_header #menu li > .submenuCtl {
  background-position: calc(100% - 10px) center;
}
html #_header #menu > li > .submenuCtl {
  background-image: url(/Icons/ico_arrow_right.svg);
}
html #_header .UCI {
  position: relative;
  top: 0px;
  height: auto;
  align-items: flex-start;
  z-index: 4;
  padding: 0px 45px 0px 0px;
  display: block;
}
@media screen and (max-width: 1080px) {
  html #_header .UCI {
    padding: 0px 40px 0px 0px;
  }
}
html #_header .UCI a {
  color: #414141;
  padding: 0px 10px;
  height: 45px;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1080px) {
  html #_header .UCI a {
    font-size: 80%;
    height: 35px;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: center;
  }
}
html #_header .UCI a img, html #_header .UCI a:before {
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
}
html #_header .UCI a:hover {
  opacity: 0.5;
}
html #_header .UCI .login {
  order: 2;
}
html #_header .UCI .login a:before {
  background-image: url("avt_user.svg");
  filter: none;
  height: 32px;
  width: 32px;
  margin-right: 0px;
  margin-left: 10px;
}
@media screen and (max-width: 1080px) {
  html #_header .UCI .login a:before {
    height: 24px;
    width: 24px;
    margin-left: 0px;
    margin-right: 5px;
  }
}
html #_header .UCI .app {
  order: 1;
  display: none;
}
html #_header .UCI .app a:before {
  border-radius: 50cqh;
  height: 32px;
  width: 32px;
  background-size: 60% auto;
  background-color: #f3f5f6;
  filter: none;
}
@media screen and (max-width: 1080px) {
  html #_header .UCI .app a:before {
    height: 26px;
    width: 26px;
  }
}
html #_header .UCI .program {
  order: 3;
  display: none;
}
html #_header .logout {
  position: relative;
  top: 0px;
  border-radius: 0px 5px 5px 0px;
  z-index: 4;
  width: 95px;
  margin-left: -95px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px;
}
html #_header .logout a {
  height: 32px;
  color: #ffffff;
  filter: none;
  padding: 0px;
  font-size: 0;
  margin-right: 10px;
  transition: all 0.5s ease-in-out;
  border-radius: 50cqh;
  background-color: #1c69d4;
}
html #_header .logout a:before {
  transition: all 0.5s ease-in-out;
  height: 16px;
  width: 32px;
  margin-right: 0px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  background-image: url("/ico_logout.svg");
}
html #_header .logout a:hover {
  font-size: 80%;
  color: #ffffff;
  background-color: #1c69d4;
  filter: none;
  padding: 0px 10px 0px 0px;
}
html #_header .logout a:hover:before {
  transform: rotate(360deg);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  margin-right: -4px;
}
@media screen and (max-width: 1080px) {
  html #_header .logout a:hover:before {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1080px) {
  html #_header #_headerInner nav {
    position: static;
    display: none;
  }
  html #_header.showMenu #_headerInner {
    padding-top: 0px;
    background-image: url(/bmw_logo.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 15px 15px !important;
    background-size: auto 30px !important;
  }
  html #_header.showMenu #_headerInner nav {
    position: static;
    box-shadow: none;
    background-size: auto 60px;
    background-position-y: 100%;
    display: block;
    background-position-x: calc(50% + 20px);
    background-color: transparent;
    width: 100%;
    flex-grow: 1;
    flex-basis: 100%;
  }
  html #_header.showMenu #_headerInner nav > ul {
    padding-right: 0px;
    max-height: calc(100% - 173px);
    overflow: auto;
  }
  html #_header.showMenu #_headerInner nav #menu li {
    flex-shrink: 0;
  }
  html #_header.showMenu #_headerInner nav #menu li:hover > .submenuCtl {
    filter: none;
  }
  html #_header.showMenu #_headerInner nav #menu li:hover a .ico {
    filter: none;
  }
  html #_header.showMenu #_headerInner nav #menu li a {
    min-height: 36px;
    color: #414141;
  }
  html #_header.showMenu #_headerInner nav #menu li a[href="#Witamy.aspx"] {
    left: auto;
    right: 50px;
    height: 40px;
    background-image: none;
  }
  html #_header.showMenu #_headerInner nav #menu li ul.submenu1:before, html #_header.showMenu #_headerInner nav #menu li ul.submenu1:after {
    display: none;
  }
  html #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] {
    padding-left: 0px !important;
  }
  html #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li a {
    padding-left: 50px !important;
  }
  html #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:has(.submenuCtl) > a {
    padding-left: 20px !important;
  }
  html #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:has(.submenuCtl) .submenuCtl {
    filter: none;
  }
  html #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu] {
    margin-left: 0px !important;
    width: 100% !important;
  }
  html #_header.showMenu #_headerInner .logout {
    margin: 0px;
    justify-content: flex-start;
    padding: 20px 30px 20px 30px;
    width: 100%;
  }
  html #_header.showMenu #_headerInner .logout a {
    font-size: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
  }
  html #_header.showMenu #_headerInner .login a, html #_header.showMenu #_headerInner .app a {
    padding: 0px 30px;
  }
}
html #_breadcrumb {
  display: flex;
  background: rgba(0, 0, 0, 0.03);
  padding-top: 5px;
  padding-left: 260px;
  height: 45px;
}
@media screen and (max-width: 1080px) {
  html #_breadcrumb {
    padding-left: 0px;
  }
}
html #_breadcrumb .breadcrumb {
  background: #1c69d4;
  width: auto;
  border-radius: 0px 50cqh 50cqh 0px;
  padding: 0px 15px;
}
html #_breadcrumb .breadcrumb:not(:has(:nth-child(1))) {
  display: none;
}
html #_breadcrumb .breadcrumb li {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
html #_breadcrumb .breadcrumb li + li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #000000;
  margin: 0px 5px;
  opacity: 0.5;
}
html #_breadcrumb .breadcrumb .icon {
  border: none;
  width: 18px;
}
html #_breadcrumb .breadcrumb .icon:hover {
  filter: invert(20%) sepia(33%) saturate(6427%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
html #_breadcrumb ul.breadcrumb li a:hover {
  color: #0653b6;
}
html #_breadcrumb .ui-waveBg {
  display: none;
}
@media screen and (max-width: 1080px) {
  html:has(.displayState) #_breadcrumb .breadcrumb {
    max-width: calc(100% - 390px);
    overflow: hidden;
  }
}
@media screen and (max-width: 680px) {
  html:has(.displayState) #_breadcrumb .breadcrumb {
    max-width: calc(100% - 80px);
    overflow: hidden;
  }
}
html #_content {
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
  padding-left: 260px;
}
@media screen and (max-width: 1080px) {
  html #_content {
    padding-left: 0px;
  }
}
html #_content #FR {
  padding: 15px 20px 20px 20px;
  height: 100%;
}
html #_content #FR .group:not(.hiddenGroup) {
  background: #ffffff;
  background-clip: padding-box;
}
html #_content #FR .group:not(.hiddenGroup).grayGroup:after {
  background: rgba(0, 0, 0, 0.05);
  border: none;
  z-index: 0;
}
html #_content #FR .group:not(.hiddenGroup).grayGroup > label {
  font-weight: 500;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
html #_content #FR .group:not(.hiddenGroup).grayGroup > div {
  position: relative;
  z-index: 2;
}
html #_content #FR .sfr-vsm {
  background: #f7f7f7;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 20px 0px 20px;
  min-width: calc(100% + 40px);
  margin-left: -20px;
  z-index: 3 !important;
  /*popup inside vsm z-index error hack, to be deleted after proper resolution of VAR-339*/
}
html #_content #FR .sfr-vsm .vsm-toolbar {
  background: transparent;
  box-shadow: none;
}
html #_content #FR .sfr-vsm .pops-b {
  /*backdrop-filter: none !important;
  background-color: transparent !important;*/
}
@media screen and (min-width: 1080px) {
  html #_content #FR .sfr-vsm .pops-b .pops-f {
    max-width: calc(80% - 350px) !important;
    /*margin-left: calc(250px + 10%) !important;*/
  }
}
html #_footer {
  background-color: transparent;
  font-size: 68%;
  z-index: 4;
  position: fixed;
  left: 10px;
  bottom: 25px;
  height: 0px;
  width: 250px;
  justify-content: center;
}
@media screen and (max-width: 1080px) {
  html #_footer {
    position: static;
    display: none;
  }
}
html #_debuggerConsole {
  top: auto;
  bottom: 10px;
}
html #_debuggerConsole .debug-container-btn {
  height: 36px;
}

/*diagonal login bg animation*/
@keyframes slideDown {
  0% {
    transform: skewX(-30deg);
  }
  50% {
    transform: skewX(-30deg);
  }
  80% {
    transform: translateY(100%) translateX(-100%) skewX(-30deg);
  }
  100% {
    transform: translateY(100%) translateX(-100%) skewX(-30deg);
  }
}
@keyframes slideUp {
  0% {
    transform: skewX(-30deg);
  }
  50% {
    transform: skewX(-30deg);
  }
  80% {
    transform: translateY(-100%) translateX(100%) skewX(-30deg);
  }
  100% {
    transform: translateY(-100%) translateX(100%) skewX(-30deg);
  }
}
/*Alert Widget*/
@media screen and (min-width: 1080px) {
  html #_body > form:has(#menu li:nth-of-type(2)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 220px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(3)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 270px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(4)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 320px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(5)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 370px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(6)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 420px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(7)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 470px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(8)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 520px);
    height: auto;
  }
  html #_body > form:has(#menu li:nth-of-type(9)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 570px);
    height: auto;
    min-height: 50px;
  }
  html #_body > form:has(#menu li:nth-of-type(10)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 620px);
    height: auto;
    min-height: 50px;
  }
  html #_body > form:has(#menu li:nth-of-type(11)) .alertListWidget .tabContainer {
    max-height: calc(100vh - 670px);
    height: auto;
    min-height: 50px;
  }
}
.alertListWidget {
  order: 1;
  padding: 0px 0px 0px 0px;
  align-self: flex-start;
  /*box-shadow: $box-shadow;*/
  /*border-radius: $border-radius;*/
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
  align-self: stretch;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 230px;
  position: fixed;
  left: 20px;
  bottom: 40px;
  z-index: 4;
}
.alertListWidget > .tab {
  overflow: hidden;
}
@media screen and (max-height: 675px) and (min-width: 1080px) {
  .alertListWidget .headerField {
    display: none;
  }
}
.alertListWidget .headerField label.definition {
  font-size: 100%;
  height: auto;
  position: static;
  font-weight: 600;
  text-transform: uppercase;
}
.alertListWidget .headerField label.value {
  display: none;
}
.alertListWidget .tabContainer {
  box-shadow: none;
  background: transparent;
  padding: 0px;
  height: calc(100vh - 100px - 425px);
  max-height: 260px;
  min-height: 100px;
  overflow: auto;
}
.alertListWidget .tabContainer .tab {
  box-shadow: none;
  background: transparent;
  padding: 0px;
  border-radius: 0px;
  overflow: hidden;
}
.alertListWidget .field {
  border: none;
  padding: 0px;
}
.alertListWidget .field.headerField {
  padding-left: 10px;
  margin: 15px 0px 0px 0px;
  box-shadow: 0px 0px 15px 10px #fff;
  padding-bottom: 5px;
  position: relative;
  z-index: 2;
  /*color: #ffffff;*/
}
.alertListWidget .field .treelist-container {
  background: transparent;
  border: none;
  /*color: #ffffff;*/
}
.alertListWidget .field .treelist-container .treelist-items-container .treelist-item.selected {
  color: #000000;
}
.alertListWidget .alertsTypeList-legend {
  display: none;
}
.alertListWidget thead {
  display: none;
}
.alertListWidget tbody tr {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  transition: all ease-in-out 0.5s;
  background: rgba(0, 0, 0, 0.05) !important;
  margin: 10px 0px 0px 0px;
  border-radius: 5px;
}
.alertListWidget tbody tr:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
  cursor: pointer;
}
.alertListWidget tbody tr td {
  font-size: 75%;
}
.alertListWidget tbody tr td:first-of-type {
  padding-left: 5px;
  display: inline-flex;
}
.alertListWidget tbody tr td:last-of-type {
  padding-right: 10px;
  padding-left: 10px;
  display: inline-flex;
}
.alertListWidget tbody tr td:last-of-type div {
  font-size: 125%;
  font-weight: bold;
  color: #1c69d4;
}
.alertListWidget tbody tr td .treelist-item-btn {
  background-image: url("exclamation.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  display: none !important;
}
.alertListWidget tr.treelist-item.directory, .alertListWidget .treelist-column, .alertListWidget .treelist-item-space {
  display: none;
}

@media screen and (max-width: 1080px) {
  #_header ~ #_content .alertListWidget {
    visibility: hidden;
    pointer-events: none;
    left: auto;
    right: -300px;
    transition: right 0.5s 0s ease;
    bottom: 125px;
    padding-top: 0px;
  }
  #_header ~ #_content .alertListWidget .tabContainer {
    max-height: 125px;
    height: auto;
  }
  #_header.showMenu ~ #_content .alertListWidget {
    display: block;
    left: auto;
    right: 40px;
    visibility: visible;
    pointer-events: auto;
    z-index: 10;
    max-width: 230px;
    bottom: 125px;
  }
}
/*Welcome Page*/
body #_content > #FR > .formwrap.welcomePage > .tabContainer > .tab {
  min-height: 100%;
  flex-direction: column;
}
body #_content > #FR > .formwrap.welcomePage .qmGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 30px;
  flex-grow: 0;
}
@media screen and (max-width: 1080px) {
  body #_content > #FR > .formwrap.welcomePage .qmGroup {
    width: 100% !important;
    justify-content: center;
  }
}
body #_content > #FR > .formwrap.welcomePage .qmGroup div[class*=qm] {
  width: 150px;
  height: 80px;
  padding: 0px;
  border: 0px solid transparent;
  margin: 0px 7px 15px 7px;
  position: relative;
  transition: all ease-in-out 0.5s;
  box-shadow: inset 0px 0px 0px 0px rgb(255, 255, 255), 0px 0px 0px 2px rgb(255, 255, 255);
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
body #_content > #FR > .formwrap.welcomePage .qmGroup div[class*=qm]:hover {
  background: #1c69d4;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
body #_content > #FR > .formwrap.welcomePage .qmGroup div[class*=qm]:hover a {
  font-size: 100%;
  background-size: 28px auto;
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmCalc a {
  background-image: url("qm_calculation.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmReports a {
  background-image: url("qm_reports.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmAccounting a {
  background-image: url("qm_accounting.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmEmployees a {
  background-image: url("qm_employees.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmRenewList a {
  background-image: url("qm_renewalList.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmCalcList a {
  background-image: url("qm_calculationList.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup .qmPolicyList a {
  background-image: url("qm_policyList.svg");
}
body #_content > #FR > .formwrap.welcomePage .qmGroup a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  position: relative;
  border: 10px solid transparent;
  background-clip: padding-box;
  z-index: 2;
  transition: all ease-in-out 0.5s;
  padding: 10px 10px 10px 60px;
  color: #000000;
  font-weight: 500;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 32px auto;
  bottom: 0;
  text-transform: uppercase;
  font-size: 90%;
}
body #_content > #FR > .formwrap.welcomePage .msgList {
  order: 2;
  padding: 10px 0px;
  align-self: stretch;
}
@media screen and (max-width: 1080px) {
  body #_content > #FR > .formwrap.welcomePage .msgList {
    width: 100% !important;
    min-width: 0px;
  }
}
body #_content > #FR > .formwrap.welcomePage .msgList .headerField {
  pointer-events: none;
  height: 0px;
  position: relative;
  padding: 0px 0px 0px 35px;
  top: 5px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr {
  height: 100%;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper {
  min-height: 100%;
  height: 100%;
  border-radius: 0px;
  box-shadow: none;
  background: transparent;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .GLT {
  max-height: calc(100vh - 100px);
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor .accor-panel {
  padding-top: 50px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor.accor-active:before {
  background: #414141;
  border-radius: 5px;
  top: 45px;
  height: calc(100% - 45px);
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor.accor-active .field .inputWrapper:before, body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor.accor-active .field .inputWrapper .inputBorderL, body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor.accor-active .field .inputWrapper .inputBorderR {
  border-color: #ffffff;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor.accor-active .field label, body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .accor.accor-active .field input {
  color: #ffffff;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container {
  width: 100%;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table {
  width: 100%;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table thead {
  display: none;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody {
  width: 100%;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr {
  display: block;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  margin: 10px;
  padding: 10px 20px;
  position: relative;
  width: calc(100% - 20px);
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr:before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 45px;
  background: #1c69d4;
  left: 0px;
  top: 20px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr.selected {
  background: #ffffff;
  color: #000000;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td {
  display: block;
  width: 100%;
  height: auto;
  padding-left: 0px;
  padding-right: 0px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td.newsTitle {
  font-size: 125%;
  font-weight: 700;
  padding-bottom: 0px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td.newsStartDate {
  background-image: url("Icons/ico_calendar.svg");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: left center;
  padding-left: 20px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td.newsStartDate, body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td.newsEndDate {
  opacity: 0.5;
  font-size: 80%;
  display: inline-block;
  padding-top: 5px;
  max-width: 235px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td.newsContent {
  /*border-top: 1px solid rgba(0,0,0,0.2);*/
  overflow: auto;
  max-height: 200px;
}
body #_content > #FR > .formwrap.welcomePage .msgList > .sfr .genericlist-wrapper .genericlist-container table tbody tr td.newsContent * {
  max-width: 100%;
}
body #_content > #FR > .formwrap.welcomePage .headerField label.definition {
  font-size: 150%;
  height: auto;
  position: static;
  font-weight: 700;
  text-transform: uppercase;
}
body #_content > #FR > .formwrap.welcomePage .headerField label.value {
  display: none;
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave {
  position: fixed;
  height: 200px;
  bottom: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: none;
  z-index: 0;
  animation: none;
  pointer-events: none;
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg {
  border-bottom-width: 0px;
  top: 0px;
  filter: invert(53%) sepia(95%) saturate(5428%) hue-rotate(204deg) brightness(86%) contrast(91%);
  /*STATIC WAVE*/
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg.h-flip {
  transform: scale(-1);
  /*STATIC WAVE*/
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg.h-flip .parallax > use {
  animation: none;
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg.h-flip .parallax > use:nth-child(1) {
  transform: translatex(-25%);
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg.h-flip .parallax > use:nth-child(2) {
  transform: translatex(50%);
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg .waves {
  min-height: 50px;
  max-height: 100px;
  height: auto;
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg .parallax > use {
  animation: none;
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg .parallax > use:nth-child(1) {
  transform: translatex(-15%);
}
body #_content > #FR > .formwrap.welcomePage .ribbonWave .ui-waveBg .parallax > use:nth-child(2) {
  transform: translatex(35%);
}
@media screen and (max-width: 600px) {
  body #_content > #FR > .formwrap.welcomePage .ribbonWave {
    display: none;
  }
}
body #_content > #FR > .formwrap.welcomePage .salesPlans {
  border: 10px solid transparent;
  order: 3;
}
@media screen and (max-width: 1080px) {
  body #_content > #FR > .formwrap.welcomePage .salesPlans {
    width: 100% !important;
    min-width: 0px;
  }
}
body #_content > #FR > .formwrap.welcomePage .salesPlans > label.groupLabel {
  font-size: 150%;
  height: auto;
  position: static;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 10px;
}
body #_content > #FR > .formwrap.welcomePage .salesPlans > .field.salesPlansGrid {
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  padding: 20px 15px 0px 15px;
  position: relative;
  border: none;
}
body #_content > #FR > .formwrap.welcomePage .salesPlans > .field.salesPlansGrid > label.value {
  flex-direction: column;
  gap: 5px;
}
body #_content > #FR > .formwrap.welcomePage .salesPlans > .field.salesPlansGrid .salesPlanHeader {
  width: 100%;
  font-size: 125%;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.65);
}
body #_content > #FR > .formwrap.welcomePage .salesPlans > .field.salesPlansGrid .genericlist-container {
  margin-top: 0px;
  margin-bottom: 20px;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper {
  display: flex;
  gap: 5px;
  min-width: 100px;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper:has(span[class*=progressBar-goal]) {
  position: relative;
  padding: 10px 0px;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper:has(span.progressBar-goalNotMet) .progressBar-status, body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper:has(span.progressBar-goalAchived) .progressBar-status {
  gap: 5px;
  width: 65px;
  justify-content: space-between;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper:has(span.progressBar-goalNotMet) .progressBar-status:before, body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper:has(span.progressBar-goalAchived) .progressBar-status:before {
  content: "";
  background-image: url("ico_pbar_run.svg");
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  width: 12px;
  height: 16px;
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper:has(span.progressBar-goalAchived) .progressBar-status:before {
  background-image: url("ico_pbar_smile.svg");
  filter: invert(64%) sepia(8%) saturate(7162%) hue-rotate(34deg) brightness(96%) contrast(101%);
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar {
  position: relative;
  display: inline-flex;
  flex-grow: 1;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress {
  display: inline-block;
  background-color: #1c69d4;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-goalAchived {
  background-color: #8DB600;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-goalNotMet {
  background-color: #FF760D;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-status {
  display: inline-flex;
  flex-grow: 0;
  width: 50px;
  justify-content: flex-end;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper span[class*=progressBar-ratio-] {
  border-radius: 5px 0 0 5px;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper span[class*=progressBar-goal-] {
  position: absolute;
  height: 100%;
  top: -16px;
  width: 1px;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper span[class*=progressBar-goal-] > span {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateX(-50%);
  color: #ffffff;
  background: #1c69d4;
  border-radius: 5px;
  padding: 0px 3px;
  height: 20px;
  align-items: center;
  display: inline-flex;
  font-size: 80%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper span[class*=progressBar-goal-]:after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #1c69d4 transparent transparent transparent;
  transform: rotate(0deg);
  position: absolute;
  top: 20px;
  left: 0px;
  transform: translateX(-50%);
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper span.progressBar-goal-0 {
  display: none;
}

@keyframes opacityAnim {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.8;
  }
}
/*LIST*/
.contextMenu-container, .complexContextMenu-container {
  z-index: 9;
}

body #_content > #FR:has(> .genericlist-wrapper) {
  padding-bottom: 10px;
}

body #_content > #FR > .genericlist-wrapper {
  height: calc(100% - 0px);
}

body #_content > #FR .genericlist-wrapper table thead, .genericlist-container table thead, .journal-container table thead, .complexTableContainer table thead {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5), -1px -1px #ffffff inset; /* inset shadow for chrome last column double border fix*/
}
body #_content > #FR .genericlist-wrapper table thead tr th, .genericlist-container table thead tr th, .journal-container table thead tr th, .complexTableContainer table thead tr th {
  line-height: 110%;
  font-weight: 500;
}
body #_content > #FR .genericlist-wrapper table tbody tr:not(.selected):nth-of-type(even), .genericlist-container table tbody tr:not(.selected):nth-of-type(even), .journal-container table tbody tr:not(.selected):nth-of-type(even), .complexTableContainer table tbody tr:not(.selected):nth-of-type(even) {
  background: rgba(0, 0, 0, 0.02);
}
body #_content > #FR .genericlist-wrapper table tbody tr:not(.selected) td, .genericlist-container table tbody tr:not(.selected) td, .journal-container table tbody tr:not(.selected) td, .complexTableContainer table tbody tr:not(.selected) td {
  color: rgba(0, 0, 0, 0.65);
}
body #_content > #FR .genericlist-wrapper table tbody tr.selected td.date:before, .genericlist-container table tbody tr.selected td.date:before, .journal-container table tbody tr.selected td.date:before, .complexTableContainer table tbody tr.selected td.date:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
body #_content > #FR .genericlist-wrapper table tbody tr td, .genericlist-container table tbody tr td, .journal-container table tbody tr td, .complexTableContainer table tbody tr td {
  font-size: 90%;
}
body #_content > #FR .genericlist-wrapper table tbody tr td .o, body #_content > #FR .genericlist-wrapper table tbody tr td a.button.goTo, .genericlist-container table tbody tr td .o, .genericlist-container table tbody tr td a.button.goTo, .journal-container table tbody tr td .o, .journal-container table tbody tr td a.button.goTo, .complexTableContainer table tbody tr td .o, .complexTableContainer table tbody tr td a.button.goTo {
  width: 28px;
  height: 28px;
}
body #_content > #FR .genericlist-wrapper table tbody tr td.date, .genericlist-container table tbody tr td.date, .journal-container table tbody tr td.date, .complexTableContainer table tbody tr td.date {
  position: relative;
  padding-left: calc(1rem + 22px);
}
body #_content > #FR .genericlist-wrapper table tbody tr td.date:before, .genericlist-container table tbody tr td.date:before, .journal-container table tbody tr td.date:before, .complexTableContainer table tbody tr td.date:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  left: 1rem;
  opacity: 0.65;
}
body #_content > #FR .genericlist-wrapper table tbody tr td.date:before, .genericlist-container table tbody tr td.date:before, .journal-container table tbody tr td.date:before, .complexTableContainer table tbody tr td.date:before {
  background-image: url(Icons/ico_calendar.svg);
}
body #_content > #FR .genericlist-wrapper table tbody tr td:has(.notes), .genericlist-container table tbody tr td:has(.notes), .journal-container table tbody tr td:has(.notes), .complexTableContainer table tbody tr td:has(.notes) {
  text-align: center;
}
body #_content > #FR .genericlist-wrapper table tbody tr td .notes, .genericlist-container table tbody tr td .notes, .journal-container table tbody tr td .notes, .complexTableContainer table tbody tr td .notes {
  display: inline-block;
  background-image: url(Icons/ico_notebook.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 18px;
  height: 18px;
  opacity: 0.65;
}
body #_content > #FR .genericlist-wrapper .genericlist-configHeader-container .columns-config-container .icon-button.generate-as-file, .genericlist-container .genericlist-configHeader-container .columns-config-container .icon-button.generate-as-file, .journal-container .genericlist-configHeader-container .columns-config-container .icon-button.generate-as-file, .complexTableContainer .genericlist-configHeader-container .columns-config-container .icon-button.generate-as-file {
  background-image: url("Icons/ico_fileDownload.svg");
}
body #_content > #FR .genericlist-wrapper .row-dropzone, .genericlist-container .row-dropzone, .journal-container .row-dropzone, .complexTableContainer .row-dropzone {
  background-image: url("Icons/ico_drop.svg");
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: end;
  padding: 3px 5px;
  background-position: center 5px;
  background-size: auto 18px;
  height: 45px;
}
body #_content > #FR .genericlist-wrapper .row-dropzone:after, .genericlist-container .row-dropzone:after, .journal-container .row-dropzone:after, .complexTableContainer .row-dropzone:after {
  content: "upuść plik";
  white-space: nowrap;
}

.listAltBusyIndicator .genericlist-container .genericlist-busyindicator.active {
  top: calc(50% + 15px);
  overflow: visible;
  height: 30px;
}
.listAltBusyIndicator .genericlist-container .genericlist-busyindicator.active:before {
  height: 30px;
}
.listAltBusyIndicator .genericlist-container .genericlist-busyindicator.active span {
  position: relative;
  z-index: 9;
  font-size: 1rem;
}
.listAltBusyIndicator .genericlist-container .genericlist-busyindicator.active span:before {
  position: absolute;
  content: "";
  display: block;
  background: #1c69d4;
  transform: none;
  width: 110px;
  height: 30px;
  z-index: -1;
  left: calc(50% + 5px);
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
}
.listAltBusyIndicator .genericlist-container .genericlist-busyindicator.active span + span:before {
  display: none;
}

/*FORM*/
#_content > #FR > .formwrap:has(.field.displayState) > .tabContainer > .tabHeader {
  top: 20px;
}
@media screen and (min-width: 1080px) {
  #_content > #FR > .formwrap:has(.field.displayState) > .tabContainer > .tabHeader {
    padding-right: 340px;
  }
  #_content > #FR > .formwrap:has(.field.displayState) > .tabContainer > .tabHeader:has(button:only-child) {
    padding-top: 40px;
  }
}
@media screen and (max-width: 680px) {
  #_content > #FR > .formwrap:has(.field.displayState) > .tabContainer > .tabHeader {
    top: 20px;
    padding-top: 36px;
  }
}
#_content > #FR > .formwrap > .tabContainer > .tabHeader {
  margin-bottom: 20px;
  position: sticky;
  top: 5px;
  z-index: 3;
  background-color: #f7f7f7;
  /*min-height: 36px;*/
}
#_content > #FR > .formwrap > .tabContainer > .tabHeader:before {
  content: "";
  width: calc(100% + 40px);
  position: absolute;
  left: -20px;
  background-color: #f7f7f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  bottom: 0px;
  z-index: -1;
  height: calc(100% + 20px);
}
#_content > #FR > .formwrap > .tabContainer > .tabHeader button:only-child {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr {
  max-width: 100%;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  background: #ffffff;
  border: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group:after, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group:after {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > label, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > label {
  font-weight: 500;
  font-size: 140%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group:after, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group:after {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group > label, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group > label {
  font-weight: 500;
  font-size: 140%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group .group:not(.clearGroup):after, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group .group:not(.clearGroup):after {
  background: rgba(0, 0, 0, 0.05);
  border: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group .group:not(.clearGroup) > label, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group .group:not(.clearGroup) > label {
  font-weight: 500;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group .group.clearGroup:after, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group .group.clearGroup:after {
  border: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr > .formwrap > .group > .group .group.clearGroup > label, #_content > #FR > .formwrap > .tabContainer .pops-c > .sfr > .formwrap > .group > .group .group.clearGroup > label {
  font-weight: 500;
  font-size: 140%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer .tabContainer {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background-clip: content-box;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer.hiddenTabContainer {
  padding: 0px;
  background: transparent;
  box-shadow: none;
  margin: 0px;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer.hiddenTabContainer > .tabHeader {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer.hiddenTabContainer .tab {
  box-shadow: none;
  padding: 0px;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer.insuranceRange, #_content > #FR > .formwrap > .tabContainer .tabContainer.hiddenTabHeader {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer.insuranceRange .tab, #_content > #FR > .formwrap > .tabContainer .tabContainer.hiddenTabHeader .tab {
  min-height: 100px;
  /*padding-left:120px;*/
}
#_content > #FR > .formwrap > .tabContainer .tabContainer.insuranceRange .tab:before, #_content > #FR > .formwrap > .tabContainer .tabContainer.hiddenTabHeader .tab:before {
  /*content: '';*/
  display: block;
  position: absolute;
  height: 60px;
  width: 60px;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  background-image: url("bmw_shieldCheck.svg");
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.2;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab {
  padding: 15px;
  box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group:after {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group > label {
  font-weight: 500;
  font-size: 140%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group .group:not(.clearGroup):after {
  background: rgba(0, 0, 0, 0.05);
  border: none;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group .group:not(.clearGroup) > label {
  font-weight: 500;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group .group.clearGroup:after {
  border: none;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group .group.clearGroup > label {
  font-weight: 500;
  font-size: 140%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tabHeader {
  border-radius: 5px;
  width: auto;
  padding: 5px 5px 0px 0px;
  backdrop-filter: blur(1px);
  position: relative;
  z-index: 2;
  gap: 10px;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tabHeader button {
  border: none;
  border-radius: 0px;
  background: transparent;
  text-transform: uppercase;
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tabHeader button:hover {
  border-bottom-color: #1c69d4;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tabHeader button.active {
  color: #414141;
  border-bottom-color: #1c69d4;
  font-weight: 600;
}
#_content > #FR > .formwrap > .tabContainer .tabContainer .tabHeader button.fmError:before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  font-weight: 600;
  background: #E53935;
  color: #ffffff;
}
#_content > #FR > .formwrap > .tabContainer .genericlist-wrapper .tabContainer {
  box-shadow: none;
  background: transparent;
}
#_content > #FR > .formwrap > .tabContainer .genericlist-wrapper .tabContainer:before, #_content > #FR > .formwrap > .tabContainer .genericlist-wrapper .tabContainer:after {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .genericlist-wrapper .tabContainer .tab {
  padding: 0px;
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper {
  box-shadow: none !important;
  background: transparent;
  padding: 0px;
  overflow: visible;
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab {
  padding: 0px;
  background: transparent;
  box-shadow: none;
  border-radius: 0px;
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup {
  filter: none;
  display: flex;
  border-right: 20px solid transparent;
}
@media screen and (max-width: 600px) {
  #_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup {
    border: none;
    margin-bottom: 20px;
  }
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup:last-of-type {
  border: none;
  margin-bottom: 0px;
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup .group {
  padding: 0px;
  border-width: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: rgba(0, 0, 0, 0.8);
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup .group > * {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup .group.dealerDetailsGroup {
  padding-left: min(100px, 25%);
}
#_content > #FR > .formwrap > .tabContainer .infoWrapper .tab .group.hiddenGroup .group.dealerDetailsGroup:before {
  content: "";
  display: block;
  position: absolute;
  height: 60px;
  width: min(60px, 20%);
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  background-image: url("bmw_cars.svg");
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  opacity: 0.7;
}
#_content > #FR > .formwrap > .tabContainer .docDownloadGroup button {
  box-shadow: none;
  background: transparent;
}
#_content > #FR > .formwrap > .tabContainer .docDownloadGroup button .ico {
  background-image: url("Icons/ico_fileDownload.svg");
  width: calc(36px - 10px);
  flex-shrink: 0;
  flex-grow: 0;
}
#_content > #FR > .formwrap > .tabContainer .docDownloadGroup button:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #000000;
  opacity: 0.8;
}
#_content > #FR > .formwrap > .tabContainer .docDownloadGroup button:hover .ico {
  filter: none;
}
@media screen and (max-width: 780px) {
  #_content > #FR > .formwrap > .tabContainer .requiredDocumentsTabContainer .tab:has(.fotoInspectionGroup) .requiredDocumentsGroup {
    padding-left: min(100px, 25%) !important;
  }
}
#_content > #FR > .formwrap > .tabContainer .requiredDocumentsGroup {
  flex-grow: 1;
  flex-shrink: 0;
}
#_content > #FR > .formwrap > .tabContainer .fotoInspectionGroup {
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: min(100px, 25%) !important;
}
#_content > #FR > .formwrap > .tabContainer .fotoInspectionGroup:before {
  content: "";
  display: block;
  position: absolute;
  height: 60px;
  width: min(60px, 20%);
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  background-image: url("bmw_cameraAdd.svg");
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
}
#_content > #FR > .formwrap > .tabContainer .showOfferWrapper {
  padding: 0px;
  box-shadow: none;
  background: transparent;
  margin: 0px;
}
#_content > #FR > .formwrap > .tabContainer .showOfferWrapper .tab {
  padding: 0px;
  background: transparent;
  box-shadow: none;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 150px repeat(auto-fill, minmax(200px, 200px));
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  overflow-x: auto;
  max-width: 100cqw;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset .field {
  width: 100%;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset .field.logoImgContainer {
  border-left: none;
  height: 100%;
  align-items: center;
  display: inline-flex;
  float: none;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset .field.logoImgContainer img {
  width: 100%;
  max-width: 100%;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset > .group {
  min-width: 200px;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset > .group > label {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .comparatorFieldset .selectedOptions label {
  flex-direction: column;
  align-items: flex-start;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers {
  background: transparent;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px;
  overflow: visible;
  margin-top: 60px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers:after {
  content: "";
  background-image: url("bmw_shieldCheck.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 36px auto;
  background-color: #ffffff;
  display: inline-block;
  height: 80px;
  width: 80px;
  position: absolute;
  border-radius: 50%;
  top: 0px;
  left: calc(50% - 40px);
  opacity: 0.8;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  z-index: 2;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers.additionalOffers:after {
  background-image: url("bmw_shieldPlus.svg");
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tabHeader {
  width: 100%;
  justify-content: center;
  background: transparent;
  margin-bottom: 0px;
  padding: 0px;
  position: relative;
  top: 70px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tabHeader button, #_content > #FR > .formwrap > .tabContainer .insuranceOffers .tabHeader button.active {
  color: #414141;
  font-size: 200%;
  border-bottom: 3px solid rgba(0, 0, 0, 0.8);
  border-radius: 0px;
  padding: 20px 0px 10px 0px;
  height: auto;
  font-weight: 100;
  font-family: "BMW-light";
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab {
  box-shadow: none;
  padding: 0px;
  overflow: visible;
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  padding-top: 80px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .buttonsGroup {
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1355px) {
  #_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .buttonsGroup {
    margin: 0px;
    transform: none;
    position: absolute;
    top: -75px;
    z-index: 2;
    right: 10px;
  }
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .buttonsGroup button {
  white-space: nowrap;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper {
  background: transparent;
  border-top: none;
  border-radius: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper > label {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper:after {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper + .offerWrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset {
  background: transparent;
  position: relative;
  display: block;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset.HestiaTU .field.complex:before {
  background-image: url("logo_hestia.svg");
  background-size: 90px auto;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset.AllianzTU .field.complex:before {
  background-image: url("logo_allianz.svg");
  background-size: 110px auto;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset.pzuTU .field.complex:before {
  background-image: url("logo_pzu.svg");
  background-size: 70px auto;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset.wagasGapTU .field.complex:before {
  background-image: url("logo_wagas_gap.svg");
  background-size: 130px auto;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset.wagasUknTU .field.complex:before {
  background-image: url("logo_wagas_ukn.svg");
  background-size: 130px auto;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex {
  padding: 0px;
  overflow: auto;
  display: flex;
}
@media screen and (max-width: 600px) {
  #_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex {
    flex-direction: column;
  }
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex:before {
  content: "";
  width: 150px;
  min-height: 150px;
  position: sticky;
  left: 0px;
  display: inline-flex;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px auto;
  z-index: 2;
  flex-shrink: 0;
}
@media screen and (max-width: 600px) {
  #_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex:before {
    background-size: contain;
    width: 100%;
    min-height: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex div.complexTableContainer {
  flex-shrink: 0;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  #_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer {
    margin-bottom: 50px;
  }
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer thead {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody {
  display: flex;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr {
  display: flex;
  flex-direction: column;
  width: 220px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
  min-height: 150px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr.ComplexRowSelected {
  box-shadow: inset 0px 0px 0px 3px #1c69d4;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr td {
  background: transparent;
  border: none;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr td.hidden {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr td.offerName {
  padding-bottom: 0px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr td.offerCode {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  opacity: 0.5;
  flex-grow: 0;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .field.complex table.mainComplexDivContainer tbody tr td.offerPremium {
  align-items: flex-end;
  color: #1c69d4;
  font-size: 26px;
  font-weight: bold;
  padding-bottom: 20px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .offerDetailsBtn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: auto;
  min-height: 0px;
  height: auto;
  padding: 0px;
  border: none;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  #_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .offerDetailsBtn {
    bottom: 10px;
    right: 5px;
  }
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .offerDetailsBtn .accor-panel {
  display: none !important;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .additionalReqGroup {
  max-width: calc(100% - 100px);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .additionalReqGroup .field {
  width: auto;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50cqh;
  padding: 5px;
  min-height: 0px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .additionalReqGroup .field label {
  min-height: 0px;
  opacity: 0.7;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .additionalReqGroup .field label:before {
  content: "";
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .additionalReqGroup .field.acceptanceRequiredInfo label:before {
  background-image: url("bmw_approval.svg");
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper .comparatorFieldset .additionalReqGroup .field.photoRequiredInfo label:before {
  background-image: url("bmw_cameraAdd.svg");
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper div[class*=DetailsAccordionContent] {
  border: none;
  background: transparent;
  border-radius: 0px;
  margin-top: 30px;
  padding: 0px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper div[class*=DetailsAccordionContent]:after {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper div[class*=DetailsAccordionContent] > label {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper div[class*=DetailsAccordionContent] div[class*=comparatorCalcButton] {
  width: 150px;
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper div[class*=DetailsAccordionContent] > .group:not(.hiddenGroup) {
  margin-left: 150px;
  width: calc(100% - 150px);
}
#_content > #FR > .formwrap > .tabContainer .insuranceOffers .tab .offerWrapper div[class*=DetailsAccordionContent] > .group:not(.hiddenGroup) > label {
  position: absolute;
  height: 100%;
  left: -150px;
  top: 0px;
  width: 150px;
  border: none;
  display: inline-flex;
  align-items: center;
  line-height: 110%;
}
#_content > #FR > .formwrap .GLT {
  width: 100%;
  height: 100%;
  overflow: auto;
}
@media screen and (min-width: 780px) {
  #_content > #FR > .formwrap .accor.accor-active + .GLT {
    width: calc(100% - 300px);
  }
}

.formDataInfo {
  position: fixed;
  top: 65px;
  right: 20px;
  z-index: 4;
  display: inline-flex;
  gap: 5px;
  width: auto;
}
@media screen and (max-width: 1080px) {
  .formDataInfo {
    top: 10px;
    right: 50px;
  }
}
@media screen and (max-width: 680px) {
  .formDataInfo {
    top: 70px;
    right: auto;
    left: 20px;
  }
}

.field img {
  max-height: 36px;
  max-width: 36px;
}
.field[class*=SectionAnchor] {
  height: 0px;
  padding: 0px;
  border: none;
  visibility: hidden;
  position: relative;
  top: -80px;
  pointer-events: none;
}
.field.displayState {
  background-color: #8DB600;
  border-radius: 5px;
  padding-top: 0px;
  color: #FFFFFF;
  /*position: fixed;
  top: 65px;
  right: 20px;
  width: 200px;
  z-index: 4;*/
}
.field.displayState label {
  padding: 0px 5px;
}
.field.displayState label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background: url("file_info.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  opacity: 0.7;
}
.field.policyNumber {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 0px;
  color: rgba(0, 0, 0, 0.5);
}
.field.policyNumber > label.definition {
  display: none;
}
.field.policyNumber > label.value {
  padding: 0px 5px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.field.policyNumber > label.value b {
  color: #1c69d4;
}
.field.policyNumber > label.value:has(.subNum) span.mainNum b {
  margin-left: 11px;
}
.field.policyNumber > label.value:has(.subNum) span.subNum {
  display: inline-flex;
  width: 100%;
  flex-wrap: nowrap;
  white-space: nowrap;
  font-size: 90%;
}
.field.policyNumber > label.value:has(.subNum) span.subNum b {
  opacity: 0.8;
}
.field.textarea textarea {
  max-height: 220px;
  height: 100px;
  padding-top: 10px !important;
}
.field.JT {
  width: calc(100% - 200px);
}
.field.JT ~ .button {
  width: 200px;
}
.field.JT ~ .button button {
  justify-content: flex-start;
}
.field.infoField {
  padding-top: 4px;
}
.field.infoField > label.definition {
  display: none;
}
.field.infoField > label.value:not(:empty) {
  border-radius: 5px;
  background: #1c69d4;
  color: #ffffff;
  padding: 5px 10px 5px 38px;
  display: inline-flex;
  position: relative;
  text-align: justify;
  min-height: 48px;
}
.field.infoField > label.value:not(:empty) *:not(br) {
  display: contents;
}
.field.infoField > label.value:not(:empty):before {
  content: "";
  display: inline-block;
  background-image: url("/Icons/ico_info.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  width: 28px;
  height: 28px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.field.fieldError .inputWrapper:before, .field.fieldError .inputWrapper .inputBorderL, .field.fieldError .inputWrapper .inputBorderR, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper:before, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderL, .field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fieldError .inputWrapper .inputBorderR {
  border-width: 2px;
}
.field:has(> .treelist-container) {
  height: 100%;
  padding-bottom: 10px;
}
.field .treelist-container {
  height: 100%;
  overflow: auto;
}
.field .treelist-container thead.hidden {
  display: none;
}
.field .treelist-container td:first-of-type, .field .treelist-container th:first-of-type {
  padding-left: 10px;
}
.field .treelist-container td:last-of-type, .field .treelist-container th:last-of-type {
  padding-right: 10px;
}
.field .treelist-container tr.treelist-item.element .treelist-item-btn {
  background-image: url(Icons/ico_right_down.svg);
  background-size: contain;
}
.field .treelist-container tr.treelist-item.element td {
  padding-left: 0px;
}
.field .treelist-container tr td:hover {
  background-color: #1c69d4;
}
.field .treelist-container tr td:hover .treelist-item-btn {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.field .treelist-container tr td:hover .treelist-item-name {
  color: #FFFFFF;
}
.field .treelist-container tr.treelist-item[level="1"] .treelist-cell {
  padding-left: calc(1 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="2"] .treelist-cell {
  padding-left: calc(2 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="3"] .treelist-cell {
  padding-left: calc(3 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="4"] .treelist-cell {
  padding-left: calc(4 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="5"] .treelist-cell {
  padding-left: calc(5 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="6"] .treelist-cell {
  padding-left: calc(6 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="7"] .treelist-cell {
  padding-left: calc(7 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="8"] .treelist-cell {
  padding-left: calc(8 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="9"] .treelist-cell {
  padding-left: calc(9 * 16px - 16px);
}
.field .treelist-container tr.treelist-item[level="10"] .treelist-cell {
  padding-left: calc(10 * 16px - 16px);
}
.field.ReadOnly.textDisplayIfDisabled .inputWrapper input, .field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).textDisplayIfDisabled .inputWrapper input {
  background-color: transparent;
}
.field.ReadOnly.textDisplayIfDisabled label, .field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).textDisplayIfDisabled label {
  color: #414141;
}
.field.ReadOnly.textDisplayIfDisabled label input, .field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).textDisplayIfDisabled label input {
  color: #414141;
}
.field.complex {
  max-width: 100%;
}
.field.complex.AdditionalEquipmentList div:has(> .mainComplexDivContainer), .field.complex.equipmentListField div:has(> .mainComplexDivContainer) {
  max-height: 300px;
  overflow: auto;
  margin-top: 10px;
}
.field.complex.AdditionalEquipmentList div:has(> .mainComplexDivContainer) thead, .field.complex.equipmentListField div:has(> .mainComplexDivContainer) thead {
  position: sticky;
  top: 0px;
  background: #e6e6e6;
  z-index: 2;
}
.field.complex.equipmentListField div:has(> .mainComplexDivContainer) thead {
  background: #f2f2f2;
}
.field.complex .complexTableContainer table th button.edit, .field.complex .complexTableContainer table th button.delete, .field.complex .complexTableContainer table td button.edit, .field.complex .complexTableContainer table td button.delete {
  min-width: 26px;
  width: 26px;
  height: 26px;
  min-height: 26px;
  background-size: auto calc(100% - 4px);
}
.field.complex .complexTableContainer table th .field, .field.complex .complexTableContainer table td .field {
  padding-top: 0px;
}

.field.checkbox input:checked + label::before, .field.checkboxList input:checked + label::before, .field.checkbox input:disabled:checked + label::before, .field.checkboxList input:disabled:checked + label::before {
  content: "✓";
}

.field.checkbox.toggle input:checked + label::before, .field.checkboxList.toggle input:checked + label::before, .field.checkbox.toggle input:disabled:checked + label::before, .field.checkboxList.toggle input:disabled:checked + label::before {
  content: "";
}

.field.checkbox.toggle input:disabled + label::before, .field.checkboxList.toggle input:disabled + label::before {
  background-color: rgba(0, 0, 0, 0.15);
}

.field.checkbox.toggle input:disabled:checked + label::before, .field.checkboxList.toggle input:disabled:checked + label::before {
  background-color: rgba(0, 0, 0, 0.4);
}

.field.checkbox.toggle input:disabled + label, .field.checkboxList.toggle input:disabled + label {
  color: rgba(0, 0, 0, 0.5);
}

.field.checkbox input:checked + label::before, .field.checkboxList input:checked + label::before {
  background-color: #1c69d4;
  border-color: transparent;
}

input[type=button].upload .ico, input[type=submit].upload .ico, button.upload .ico, .button.upload .ico {
  background-image: url("Icons/ico_upload.svg");
  width: calc(36px - 10px);
}
input[type=button].calculate .ico, input[type=submit].calculate .ico, button.calculate .ico, .button.calculate .ico {
  width: calc(36px - 10px);
}
input[type=button].calculate.primary .ico, input[type=submit].calculate.primary .ico, button.calculate.primary .ico, .button.calculate.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
input[type=button].calculate .ico, input[type=submit].calculate .ico, button.calculate .ico, .button.calculate .ico {
  background-image: url("Icons/ico_basicMathSymbols.svg");
}

#dropdownBtn-popup .pops-f {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
#dropdownBtn-popup .pops-f .pops-c {
  padding: 5px 0px;
}
#dropdownBtn-popup .pops-f .pops-c .dropdownBtn-options-popup-content button {
  box-shadow: none;
  background: transparent;
  justify-content: flex-start;
  margin: 0px;
}
#dropdownBtn-popup .pops-f .pops-c .dropdownBtn-options-popup-content button:hover {
  color: #1c69d4;
}

/*WIDGET*/
html #_content > #FR > .formwrap > .tabContainer .widgetContainer,
html #_content > #FR > .formwrap .widgetContainer,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer,
.widgetContainer {
  position: fixed;
  left: calc(50% + 95px);
  transform: translateX(-50%);
  bottom: 0px;
  width: auto;
  max-height: 300px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(3px);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin: 0px;
  padding: 20px 20px 0px 20px;
  border: none;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer.widgetControls,
html #_content > #FR > .formwrap .widgetContainer.widgetControls,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer.widgetControls,
.widgetContainer.widgetControls {
  position: static;
  border: none;
  padding: 0px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .tabHeader,
html #_content > #FR > .formwrap .widgetContainer .tabHeader,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .tabHeader,
.widgetContainer .tabHeader {
  display: none;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .tab,
html #_content > #FR > .formwrap .widgetContainer .tab,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .tab,
.widgetContainer .tab {
  border-radius: 5px;
  box-shadow: none;
  padding: 0px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .group,
html #_content > #FR > .formwrap .widgetContainer .group,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .group,
.widgetContainer .group {
  border: none;
  padding: 0px;
  background: transparent;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .group:after,
html #_content > #FR > .formwrap .widgetContainer .group:after,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .group:after,
.widgetContainer .group:after {
  display: none;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .field.button, html #_content > #FR > .formwrap > .tabContainer .widgetContainer .field.accor,
html #_content > #FR > .formwrap .widgetContainer .field.button,
html #_content > #FR > .formwrap .widgetContainer .field.accor,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .field.button,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .field.accor,
.widgetContainer .field.button,
.widgetContainer .field.accor {
  border: none;
  padding: 0px;
  width: 100%;
  min-width: 300px;
  line-height: 0px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent,
.widgetContainer .premiumWidgetContent {
  text-align: center;
  padding-bottom: 70px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent .field.logoImgContainer img,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent .field.logoImgContainer img,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent .field.logoImgContainer img,
.widgetContainer .premiumWidgetContent .field.logoImgContainer img {
  max-width: 100%;
  max-height: 28px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent .field.logoImgContainer img path,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent .field.logoImgContainer img path,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent .field.logoImgContainer img path,
.widgetContainer .premiumWidgetContent .field.logoImgContainer img path {
  fill: #ffffff;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent .field.currency label,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent .field.currency label,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent .field.currency label,
.widgetContainer .premiumWidgetContent .field.currency label {
  justify-content: center;
  font-size: 200%;
  font-weight: 700;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent .field.currency label:before,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent .field.currency label:before,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent .field.currency label:before,
.widgetContainer .premiumWidgetContent .field.currency label:before {
  content: "";
  display: inline-block;
  background-image: url("coins.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group,
.widgetContainer .premiumWidgetContent > .group {
  width: 150px;
  display: inline-flex;
  flex-direction: column;
  float: none;
  outline: 3px solid rgba(0, 0, 0, 0.2);
  margin: 5px 10px 5px 10px;
  padding: 10px 0px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group .field,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group .field,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group .field,
.widgetContainer .premiumWidgetContent > .group .field {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  float: none;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group .field img,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group .field img,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group .field img,
.widgetContainer .premiumWidgetContent > .group .field img {
  max-width: 100%;
  max-height: 28px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group .field img path,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group .field img path,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group .field img path,
.widgetContainer .premiumWidgetContent > .group .field img path {
  fill: #ffffff;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group .field label,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group .field label,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group .field label,
.widgetContainer .premiumWidgetContent > .group .field label {
  justify-content: center;
  font-size: 200%;
  font-weight: 700;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group .field label:before,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group .field label:before,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group .field label:before,
.widgetContainer .premiumWidgetContent > .group .field label:before {
  content: "";
  display: inline-block;
  background-image: url("coins.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group .field.currency,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group .field.currency,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group .field.currency,
.widgetContainer .premiumWidgetContent > .group .field.currency {
  margin-top: 20px;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group.buttonsGroup,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group.buttonsGroup,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group.buttonsGroup,
.widgetContainer .premiumWidgetContent > .group.buttonsGroup {
  outline: none;
  width: 100%;
  flex-direction: row;
  justify-content: center;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group.buttonsGroup .field,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group.buttonsGroup .field,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group.buttonsGroup .field,
.widgetContainer .premiumWidgetContent > .group.buttonsGroup .field {
  width: auto;
  min-width: 0px;
  display: block;
}
html #_content > #FR > .formwrap > .tabContainer .widgetContainer .premiumWidgetContent > .group.buttonsGroup .field button,
html #_content > #FR > .formwrap .widgetContainer .premiumWidgetContent > .group.buttonsGroup .field button,
html #_content > #FR > .formwrap > .tabContainer .tabContainer .tab > .group.widgetContainer .premiumWidgetContent > .group.buttonsGroup .field button,
.widgetContainer .premiumWidgetContent > .group.buttonsGroup .field button {
  width: auto;
  margin: 0px 10px;
}

.premiumWidgetAccordionButton button, .showOfferButton button {
  font-size: 0px;
  background: #1c69d4;
  color: #ffffff;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  padding: 0px;
  position: fixed;
  right: 20px;
  top: calc(50% + 150px);
}
.premiumWidgetAccordionButton button .ico, .showOfferButton button .ico {
  background-image: url("bmw_calculate.svg");
  background-size: calc(100% - 28px) auto;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  width: 100%;
  height: 100%;
}
.premiumWidgetAccordionButton button:hover, .showOfferButton button:hover {
  background: #0653b6;
}

/*FORM SECTION LINKS*/
#_content > #FR > .formwrap > .tabContainer .sectionLinksForm {
  padding-right: 75px;
}

#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper {
  background: transparent;
  box-shadow: none !important;
  border-radius: 0px;
  margin: 0px;
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  z-index: 2;
  overflow: visible;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab {
  padding: 0px;
  box-shadow: none;
  gap: 15px;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group {
  border: 0px;
  padding: 0px;
  background: transparent;
  width: 50px;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.sectionLinksGroup {
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup {
  gap: 15px;
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field {
  border-bottom: none;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field button {
  height: 100%;
  font-size: 0px;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  width: auto;
  max-width: 100%;
  min-width: 100%;
  white-space: nowrap;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field button:hover {
  font-size: 100%;
  max-width: 100vw;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field button .ico {
  background-size: 75% auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  flex-shrink: 0;
  height: 100%;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field.calculate button .ico {
  background-image: url("bmw_calculate.svg");
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field:not(.primary) button .ico {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field:not(.primary) button:hover {
  background-color: #f2f2f2;
  color: #1c69d4;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field:not(.primary) button:hover .ico {
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field.edit.ReadOnly {
  background-color: transparent;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field.edit.ReadOnly button, #_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field.edit.ReadOnly button:hover {
  background-color: transparent;
  border: 1px dashed #1c69d4;
  pointer-events: none;
  opacity: 0.75;
  box-shadow: none;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field.edit.ReadOnly button .ico, #_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .group.buttonsGroup .field.edit.ReadOnly button:hover .ico {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1.25);
    opacity: 0.75;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field {
  padding: 0px;
  border: none;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.5s 0s ease-in-out;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field label {
  height: 100%;
  width: 100%;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field a {
  height: 100%;
  width: 100%;
  background-color: transparent;
  background-image: url("/Icons/ico_edit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: calc(100% - 20px) auto;
  filter: invert(28%) sepia(92%) saturate(1535%) hue-rotate(200deg) brightness(92%) contrast(91%);
  cursor: pointer;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field[class*=basic] a {
  background-image: url("bmw_info.svg");
  background-size: calc(100% - 28px) auto;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field[class*=owner] a {
  background-image: url("bmw_user.svg");
  background-size: calc(100% - 28px) auto;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field[class*=vehicle] a {
  background-image: url("bmw_car.svg");
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field[class*=accordion] a {
  background-image: url("bmw_shieldCheck.svg");
  background-size: calc(100% - 28px) auto;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field[class*=comparator] a, #_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field[class*=insurance] a {
  background-image: url("bmw_scale.svg");
  background-size: calc(100% - 24px) auto;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field:last-of-type {
  border-bottom: none;
}
#_content > #FR > .formwrap > .tabContainer .sectionLinksWrapper .tab .field:hover {
  background: rgba(0, 0, 0, 0.05);
}

/*Documents Tab*/
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.documentsTab .formwrap > .group {
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  background: transparent;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.documentsTab .formwrap > .group > label {
  display: none;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.documentsTab .formwrap > .group > .group {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  background: #ffffff;
  padding: 15px !important;
}

/*Journal tab*/
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.journalTab > .formwrap > .JT + .button button .ico {
  background-image: url("Icons/ico_plusCircle.svg");
  width: 26px;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.journalTab > .formwrap > .JT + .button + .button button .ico {
  background-image: url("Icons/ico_addTextFile.svg");
  width: 26px;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.journalTab > .formwrap > .JT + .button + .button + .button button .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
  width: 26px;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.journalTab > .formwrap > .JT .journal-container td.selection-col {
  text-align: left;
}
#_content > #FR > .formwrap > .tabContainer > .tab > .sfr.journalTab > .formwrap > .JT .journal-container td.selection-col .field.checkbox.row-selection {
  width: 85px;
  justify-content: center;
}

/*NEWS MANAGEMENT FORM*/
.newsManagementListForm > .sfr > .formwrap > .sfr {
  width: 100%;
}
.newsManagementListForm > .sfr > .formwrap > .sfr > .genericlist-wrapper {
  height: calc(100vh - 135px);
}

/*REPORT LIST FORM*/
.reportListForm > .genericlist-wrapper {
  height: calc(100vh - 90px);
}

/*EXTERNAL SERVICES FORM*/
.externalServicesLogsForm > .sfr > .genericlist-wrapper {
  height: calc(100vh - 110px);
}

/*NUMBER POOLS FORM*/
.numberPoolManagerForm > .tabContainer > .tab > .genericlist-wrapper {
  height: calc(100vh - 110px);
}

/*CLIENT CARD FORM*/
.tab.clientCardTab .sfr > .genericlist-wrapper {
  height: calc(100vh - 193px);
}

/*ACCOUNTINGS WITH IC FORM*/
.accountingsWithICForm > .tabContainer > .tab > .genericlist-wrapper, .subAccountingsWithIC > .tabContainer > .tab > .genericlist-wrapper {
  margin-top: 10px;
  height: calc(100vh - 135px);
}

/*IMPORT FORM*/
.importForm .tab {
  background: #FFFFFF;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  padding: 20px;
}
.importForm .field.autocomplete > .field.autocomplete {
  padding: 0px;
  border: none;
}
.importForm .field.autocomplete + .field.textarea {
  width: 100%;
}

/*POPUP*/
/*FIX for vsm and form popups z-index issue*/
html body:has(#_content > #FR > .formwrap div.pops-b) #_content:not(:has(.fileupload-popup.hidden)) {
  z-index: 900;
  overflow: visible;
}
html body:has(#_content > #FR > .formwrap div.pops-b) #_content:not(:has(.fileupload-popup.hidden)) .tabContainer:has(div.pops-b),
html body:has(#_content > #FR > .formwrap div.pops-b) #_content:not(:has(.fileupload-popup.hidden)) .sfr-vsm:has(div.pops-b) {
  z-index: 9 !important;
}
html body:has(#_content > #FR > .formwrap div.pops-b) #_content:not(:has(.fileupload-popup.hidden)) .alertListWidget {
  z-index: 0;
}
/*END OF FIX for vsm and form popups z-index issue*/
body #_content > #FR > .formwrap div.pops-b,
div.pops-b {
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, 0.5);
}
body #_content > #FR > .formwrap div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-h,
div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-h {
  background-color: #E53935;
}
body #_content > #FR > .formwrap div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-h:before,
div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-h:before {
  content: "";
  width: 26px;
  height: 22px;
  background: url("exclamation.svg") no-repeat scroll center center transparent;
  background-size: contain;
  display: inline-block;
  margin-right: 5px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
body #_content > #FR > .formwrap div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-c,
div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-c {
  text-align: center;
}
body #_content > #FR > .formwrap div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-c .errdetails,
div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-c .errdetails {
  margin-top: 10px;
}
body #_content > #FR > .formwrap div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-c .details,
div.pops-b#error-popup-popup.pops-b div.pops-f div.pops-c .details {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0px;
  max-height: 200px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f:has(.FMValid) div.pops-h,
div.pops-b div.pops-f:has(.FMValid) div.pops-h {
  background-color: #8DB600;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f:has(.FMError) div.pops-h,
div.pops-b div.pops-f:has(.FMError) div.pops-h {
  background-color: #E53935;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .FMError, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMValid, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMAlert, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMFatalError, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMWarning,
div.pops-b div.pops-c .FMError,
div.pops-b div.pops-c .FMValid,
div.pops-b div.pops-c .FMAlert,
div.pops-b div.pops-c .FMFatalError,
div.pops-b div.pops-c .FMWarning {
  text-align: center;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .FMError input.close, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMValid input.close, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMAlert input.close, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMFatalError input.close, body #_content > #FR > .formwrap div.pops-b div.pops-c .FMWarning input.close,
div.pops-b div.pops-c .FMError input.close,
div.pops-b div.pops-c .FMValid input.close,
div.pops-b div.pops-c .FMAlert input.close,
div.pops-b div.pops-c .FMFatalError input.close,
div.pops-b div.pops-c .FMWarning input.close {
  display: none;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .field:has(.report-container),
div.pops-b div.pops-c .field:has(.report-container) {
  width: 100%; /*nie moglem znalezc forma z popupem raporu listy polis*/
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .report-container .job-priority,
div.pops-b div.pops-c .report-container .job-priority {
  display: none;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .fotoInspGroup,
div.pops-b div.pops-c .fotoInspGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .fotoInspGroup .field,
div.pops-b div.pops-c .fotoInspGroup .field {
  float: none;
  align-self: center;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .fotoInspGroup .field.fotoInspInfoField,
div.pops-b div.pops-c .fotoInspGroup .field.fotoInspInfoField {
  background-image: url("Icons/ico_phoneTouch.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 36px 36px;
  padding-bottom: 45px;
  margin-bottom: 10px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .fotoInspGroup .field.fotoInspInfoField label.definition,
div.pops-b div.pops-c .fotoInspGroup .field.fotoInspInfoField label.definition {
  font-size: 1rem;
  text-align: center;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c .fotoInspGroup .field.fotoInspInfoField label.value,
div.pops-b div.pops-c .fotoInspGroup .field.fotoInspInfoField label.value {
  display: none;
}
body #_content > #FR > .formwrap div.pops-b div.pops-c:not(:has(.field)),
div.pops-b div.pops-c:not(:has(.field)) {
  text-align: center;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f,
div.pops-b div.pops-f {
  min-width: 400px;
  max-width: 80%;
  width: auto;
  border: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h,
div.pops-b div.pops-f div.pops-h {
  background-color: #414141;
  color: #ffffff;
  font-weight: 500;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c div.field:has(.treelist-container),
div.pops-b div.pops-f div.pops-c div.field:has(.treelist-container) {
  padding: 0px;
  border: 0px;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c div.field:has(.treelist-container) .treelist-container,
div.pops-b div.pops-f div.pops-c div.field:has(.treelist-container) .treelist-container {
  border: none;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c div.field:has(.treelist-container) .treelist-container thead,
div.pops-b div.pops-f div.pops-c div.field:has(.treelist-container) .treelist-container thead {
  position: sticky;
  top: 0px;
  background: #ffffff;
  box-shadow: 0px -10px 0px 0px #ffffff;
}

div#_formMessages {
  z-index: 999;
}
div#_formMessages div input[value=x], div#_formMessages div input[value=x]:hover {
  background-image: url("/Icons/ico_x.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 8px 8px;
  font-size: 0px;
  filter: invert(100%) sepia(7%) saturate(1068%) hue-rotate(195deg) brightness(114%) contrast(100%);
}
div#_formMessages div input[value=x] {
  background-color: rgba(255, 255, 255, 0.1);
}
div#_formMessages div input[value=x]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/*News Management Popup*/
body #_content > #FR > .formwrap.newsManagementListForm div.pops-b div.pops-f .pops-c {
  display: inline-flex;
  flex-direction: column;
}
body #_content > #FR > .formwrap.newsManagementListForm div.pops-b div.pops-f .pops-c > .field.widthFull:first-of-type {
  order: 2;
}
body #_content > #FR > .formwrap.newsManagementListForm div.pops-b div.pops-f .pops-c > .sft {
  order: 1;
}
body #_content > #FR > .formwrap.newsManagementListForm div.pops-b div.pops-f .pops-c .testRecepients {
  padding: 5px 10px 15px 10px;
}
body #_content > #FR > .formwrap.newsManagementListForm div.pops-b div.pops-f .pops-c .testRecepients > label {
  display: none;
}
body #_content > #FR > .formwrap.newsManagementListForm div.pops-b div.pops-f .pops-c .testRecepients:after {
  box-shadow: inset 0px 0px 0px 3px #1c69d4;
  background: transparent;
}

/*List Filter*/
html .genericlist-wrapper .accor .accor-panel .field {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
html .genericlist-wrapper .accor .accor-panel .accor {
  height: auto;
  width: 100%;
  margin: 0px;
  background: transparent;
}
html .genericlist-wrapper .accor .accor-panel .accor.accor-active:before {
  display: none;
}
html .genericlist-wrapper .accor .accor-panel .accor.accor-active + .group.visible {
  margin-top: -5px;
}
html .genericlist-wrapper .accor .accor-panel .accor.accor-active + .group.visible:after {
  border-width: 0px;
}
html .genericlist-wrapper .accor .accor-panel .accor-button {
  width: 100%;
  height: 36px;
  font-size: 100%;
  background-image: none;
  background-color: #ffffff;
  filter: none;
  position: static;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin-bottom: 10px;
}
html .genericlist-wrapper .accor .accor-panel .accor-button:hover, html .genericlist-wrapper .accor .accor-panel .accor-button.accor-active {
  background: #1c69d4;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
html .genericlist-wrapper .accor .accor-panel .accor-button:hover:before, html .genericlist-wrapper .accor .accor-panel .accor-button.accor-active:before {
  display: none;
}
html .genericlist-wrapper .accor .accor-panel .accor-panel.visible {
  padding: 0px;
  display: none;
}

/*PŁATNOŚCI*/
.financialTab .group.paymentsGroup {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.financialTab .group.paymentsGroup > .group:before {
  content: "";
  height: 36px;
  width: 46px;
  display: block;
  position: absolute;
  left: -15px;
  top: -6px;
  background: #1c69d4;
  border-radius: 0px 50cqh 50cqh 0px;
  z-index: 0;
}
.financialTab .group > label.groupLabel {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.financialTab .group > label.groupLabel:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.financialTab .group.clientPaymentsGroup > label.groupLabel:before {
  background-image: url("ico_paymentUser.svg");
}
.financialTab .group.agencyPaymentsGroup > label.groupLabel:before {
  background-image: url("ico_paymentAgency.svg");
}
.financialTab .group.tuPaymentsGroup > label.groupLabel:before {
  background-image: url("ico_paymentCompany.svg");
}
.financialTab .group.noticesGroup > label.groupLabel:before {
  background-image: url("exclamation.svg");
}
.financialTab .group.commissionGroup > label.groupLabel:before {
  background-image: url("ico_percent.svg");
}
.financialTab .group.calculationGroup > label.groupLabel:before {
  background-image: url("bmw_calculate.svg");
}

/*FAQ*/
.faq-container .group > label, .faq-container .group > h3 {
  font-weight: 500;
  font-size: 140%;
  margin-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.faq-container > .group {
  border-radius: 5px;
  background: #ffffff;
  border: none;
  border: 5px solid transparent;
}
.faq-container > .group:after {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
  border: none;
}
.faq-container > .group .group {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding: 10px 10px 15px 10px;
  border-left: none;
  border-right: none;
  margin-bottom: 10px;
}
.faq-container > .group .group > label, .faq-container > .group .group > h3 {
  font-size: 1.2rem;
  font-weight: 500;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.faq-container > .group .group > * {
  z-index: 2;
  position: relative;
}
.faq-container > .group .group:after {
  background: rgba(0, 0, 0, 0.05);
  border: none;
}
.faq-container > .group p {
  display: inline-flex;
  width: 100%;
  align-items: center;
  margin: 0px;
}
.faq-container > .group .faq-answer {
  transition: padding 0.2s linear;
  border-radius: 0px 0px 5px 5px;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
}
.faq-container > .group .faq-answer.visible {
  background: #ffffff;
  padding: 10px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-color: #1c69d4;
}
.faq-container > .group .faq-answer > p {
  font-family: "BMW-light";
  font-weight: 500;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 100%;
}
.faq-container > .group .faq-answer .files-container p {
  font-size: 95%;
  line-height: 100%;
}

/*REQUIRED FIELDS*/
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).requiredField > label:after,
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).required > label:after {
  content: "*";
  margin: 0px 2px;
}

/*Consents*/
.group.marketingConsentGroup,
.group.statementsGroup {
  padding-left: 80px;
}
.group.marketingConsentGroup:before,
.group.statementsGroup:before {
  content: "";
  display: block;
  position: absolute;
  height: 60px;
  width: min(60px, 20%);
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
}
.group.marketingConsentGroup .field.radio,
.group.statementsGroup .field.radio {
  flex-direction: row-reverse;
}
.group.marketingConsentGroup .field.radio > label,
.group.statementsGroup .field.radio > label {
  flex-grow: 1;
  font-size: 90%;
}
.group.marketingConsentGroup .field.radio .radioList,
.group.statementsGroup .field.radio .radioList {
  flex-shrink: 0;
}
.group.marketingConsentGroup .field.radio .radioList input + label,
.group.statementsGroup .field.radio .radioList input + label {
  min-height: 0px;
}
.group.marketingConsentGroup .field.checkbox input + label,
.group.statementsGroup .field.checkbox input + label {
  min-height: 0px;
}
.group.marketingConsentGroup .field.textDisplay,
.group.statementsGroup .field.textDisplay {
  margin-top: 10px;
}

.group.marketingConsentGroup:before {
  background-image: url("Icons/ico_consent.svg");
}

.group.statementsGroup:before {
  background-image: url("Icons/ico_checkList.svg");
}

.group.marketingConsentGroupWrapper .group.marketingConsentGroup .field.radio > label {
  flex-grow: 1;
  font-size: 100%;
}

/*TRUE AUTOCOMPLETE AUTOFILL*/
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).autoFill .inputWrapper::after {
  background-image: url("Icons/ico_searchList.svg");
}

/*RADIO WRAPPERT COLOR*/
.field.radio .radioWrapper input:checked + label::before {
  border-color: #1c69d4;
}

/* LOSS RADIO GROUP*/
.field[class*=labelWidth] label {
  line-height: 110%;
}

.vehicleLRGroup .field[class*=labelWidth] {
  max-width: 25%;
}
@media screen and (max-width: 2160px) {
  .vehicleLRGroup .field[class*=labelWidth] {
    max-width: 33.333%;
  }
}
@media screen and (max-width: 1740px) {
  .vehicleLRGroup .field[class*=labelWidth] {
    max-width: 40%;
  }
}
@media screen and (max-width: 1520px) {
  .vehicleLRGroup .field[class*=labelWidth] {
    max-width: 50%;
  }
}
@media screen and (max-width: 800px) {
  .vehicleLRGroup .field[class*=labelWidth] {
    max-width: 100%;
  }
}
@media screen and (max-width: 1325px) {
  .vehicleLRGroup .field[class*=labelWidth] label {
    width: calc(100% - 60px) !important;
  }
  .vehicleLRGroup .field[class*=labelWidth] .inputWrapper {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }
}

@media screen and (max-width: 1880px) {
  .riskLRGroup .field[class*=labelWidth] {
    width: 50%;
  }
}
@media screen and (max-width: 1185px) {
  .riskLRGroup .field[class*=labelWidth] {
    width: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .riskLRGroup .field[class*=labelWidth] {
    width: 50%;
  }
}
@media screen and (max-width: 955px) {
  .riskLRGroup .field[class*=labelWidth] {
    width: 100%;
  }
}
@media screen and (max-width: 780px) {
  .riskLRGroup .field[class*=labelWidth] {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .riskLRGroup .field[class*=labelWidth] {
    width: 100%;
  }
}
.riskLRGroup .field[class*=labelWidth] label {
  width: calc(100% - 60px) !important;
}
.riskLRGroup .field[class*=labelWidth] .inputWrapper {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
}

@media screen and (max-width: 1450px) {
  .Hestia .riskLRGroup .field[class*=labelWidth] {
    width: 100%;
  }
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-1 {
  width: 1%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-1 {
  left: 1%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-2 {
  width: 2%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-2 {
  left: 2%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-3 {
  width: 3%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-3 {
  left: 3%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-4 {
  width: 4%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-4 {
  left: 4%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-5 {
  width: 5%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-5 {
  left: 5%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-6 {
  width: 6%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-6 {
  left: 6%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-7 {
  width: 7%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-7 {
  left: 7%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-8 {
  width: 8%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-8 {
  left: 8%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-9 {
  width: 9%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-9 {
  left: 9%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-10 {
  width: 10%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-10 {
  left: 10%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-11 {
  width: 11%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-11 {
  left: 11%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-12 {
  width: 12%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-12 {
  left: 12%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-13 {
  width: 13%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-13 {
  left: 13%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-14 {
  width: 14%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-14 {
  left: 14%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-15 {
  width: 15%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-15 {
  left: 15%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-16 {
  width: 16%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-16 {
  left: 16%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-17 {
  width: 17%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-17 {
  left: 17%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-18 {
  width: 18%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-18 {
  left: 18%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-19 {
  width: 19%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-19 {
  left: 19%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-20 {
  width: 20%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-20 {
  left: 20%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-21 {
  width: 21%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-21 {
  left: 21%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-22 {
  width: 22%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-22 {
  left: 22%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-23 {
  width: 23%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-23 {
  left: 23%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-24 {
  width: 24%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-24 {
  left: 24%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-25 {
  width: 25%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-25 {
  left: 25%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-26 {
  width: 26%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-26 {
  left: 26%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-27 {
  width: 27%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-27 {
  left: 27%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-28 {
  width: 28%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-28 {
  left: 28%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-29 {
  width: 29%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-29 {
  left: 29%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-30 {
  width: 30%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-30 {
  left: 30%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-31 {
  width: 31%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-31 {
  left: 31%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-32 {
  width: 32%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-32 {
  left: 32%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-33 {
  width: 33%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-33 {
  left: 33%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-34 {
  width: 34%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-34 {
  left: 34%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-35 {
  width: 35%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-35 {
  left: 35%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-36 {
  width: 36%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-36 {
  left: 36%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-37 {
  width: 37%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-37 {
  left: 37%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-38 {
  width: 38%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-38 {
  left: 38%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-39 {
  width: 39%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-39 {
  left: 39%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-40 {
  width: 40%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-40 {
  left: 40%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-41 {
  width: 41%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-41 {
  left: 41%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-42 {
  width: 42%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-42 {
  left: 42%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-43 {
  width: 43%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-43 {
  left: 43%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-44 {
  width: 44%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-44 {
  left: 44%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-45 {
  width: 45%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-45 {
  left: 45%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-46 {
  width: 46%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-46 {
  left: 46%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-47 {
  width: 47%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-47 {
  left: 47%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-48 {
  width: 48%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-48 {
  left: 48%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-49 {
  width: 49%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-49 {
  left: 49%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-50 {
  width: 50%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-50 {
  left: 50%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-51 {
  width: 51%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-51 {
  left: 51%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-52 {
  width: 52%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-52 {
  left: 52%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-53 {
  width: 53%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-53 {
  left: 53%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-54 {
  width: 54%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-54 {
  left: 54%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-55 {
  width: 55%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-55 {
  left: 55%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-56 {
  width: 56%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-56 {
  left: 56%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-57 {
  width: 57%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-57 {
  left: 57%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-58 {
  width: 58%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-58 {
  left: 58%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-59 {
  width: 59%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-59 {
  left: 59%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-60 {
  width: 60%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-60 {
  left: 60%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-61 {
  width: 61%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-61 {
  left: 61%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-62 {
  width: 62%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-62 {
  left: 62%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-63 {
  width: 63%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-63 {
  left: 63%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-64 {
  width: 64%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-64 {
  left: 64%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-65 {
  width: 65%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-65 {
  left: 65%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-66 {
  width: 66%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-66 {
  left: 66%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-67 {
  width: 67%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-67 {
  left: 67%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-68 {
  width: 68%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-68 {
  left: 68%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-69 {
  width: 69%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-69 {
  left: 69%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-70 {
  width: 70%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-70 {
  left: 70%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-71 {
  width: 71%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-71 {
  left: 71%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-72 {
  width: 72%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-72 {
  left: 72%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-73 {
  width: 73%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-73 {
  left: 73%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-74 {
  width: 74%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-74 {
  left: 74%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-75 {
  width: 75%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-75 {
  left: 75%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-76 {
  width: 76%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-76 {
  left: 76%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-77 {
  width: 77%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-77 {
  left: 77%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-78 {
  width: 78%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-78 {
  left: 78%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-79 {
  width: 79%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-79 {
  left: 79%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-80 {
  width: 80%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-80 {
  left: 80%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-81 {
  width: 81%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-81 {
  left: 81%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-82 {
  width: 82%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-82 {
  left: 82%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-83 {
  width: 83%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-83 {
  left: 83%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-84 {
  width: 84%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-84 {
  left: 84%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-85 {
  width: 85%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-85 {
  left: 85%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-86 {
  width: 86%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-86 {
  left: 86%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-87 {
  width: 87%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-87 {
  left: 87%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-88 {
  width: 88%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-88 {
  left: 88%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-89 {
  width: 89%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-89 {
  left: 89%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-90 {
  width: 90%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-90 {
  left: 90%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-91 {
  width: 91%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-91 {
  left: 91%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-92 {
  width: 92%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-92 {
  left: 92%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-93 {
  width: 93%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-93 {
  left: 93%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-94 {
  width: 94%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-94 {
  left: 94%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-95 {
  width: 95%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-95 {
  left: 95%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-96 {
  width: 96%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-96 {
  left: 96%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-97 {
  width: 97%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-97 {
  left: 97%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-98 {
  width: 98%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-98 {
  left: 98%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-99 {
  width: 99%;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-99 {
  left: 99%;
}

body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-bar .progressBar-progress.progressBar-ratio-100 {
  width: 100%;
  border-radius: 5px;
}
body #_content > #FR > .formwrap.welcomePage td .progressBar-wrapper .progressBar-goal-100 {
  left: 100%;
}

.apkConsentPopup .pops-f {
  max-width: 1200px !important;
}

.group.apkConsentGroup .field.radio .radioList input + label {
  min-height: 0px;
  min-width: 75px;
}

html #_content #FR .faq-container {
  display: flex;
  flex-wrap: wrap;
}
html #_content #FR .faq-container .faq-question-group {
  width: 33.333%;
}
html #_content #FR .faq-container .faq-question-group .faq-answer p {
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
}
html #_content #FR .faq-container .faq-question-group .faq-question-group {
  width: 100%;
}
html #_content #FR .faq-container .files-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
}
@media screen and (max-width: 1080px) {
  html #_content #FR .faq-container .faq-question-group {
    width: 50%;
  }
  html #_content #FR .faq-container .faq-question-group .faq-question-group {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  html #_content #FR .faq-container .faq-question-group {
    width: 100%;
  }
}