@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&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*/
/*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.
 */
@import 'datepicker.css';
@import 'grudus-timepicker.css';
@import 'tipped.css';
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;
  max-width: 100%;
}
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 .version-stamp {
  display: none;
}
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: #193854;
  text-decoration: none;
}
a:hover {
  color: #25ad5f;
}

/*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(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
}
#_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: #193854;
  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, #193854 0%, #25ad5f 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: #193854;
  }
  #_header .UCI a:before, #_header .logout a:before {
    filter: invert(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
  }
  #_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 "Poppins", 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: #25ad5f;
  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 "Poppins", 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: #DC6600;
}
#menu a .notification > div.valid {
  background-color: #05BE70;
}
#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: -250px;
    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: 250px;
  }
  #_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: "Poppins", sans-serif;
  font-size: 75%;
}
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(50%) sepia(94%) saturate(1367%) hue-rotate(116deg) brightness(93%) contrast(96%);
}
.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, .fileupload-btn-trigger {
  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: #25ad5f;
  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), .fileupload-btn-trigger:has(.TippedToolTip) {
  position: relative;
}
input[type=button]:hover, input[type=submit]:hover, button:hover, .fileupload-btn-trigger:hover {
  background-color: #193854;
  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, .fileupload-btn-trigger: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, .fileupload-btn-trigger.primary {
  background-color: #25ad5f;
  color: #FFFFFF;
}
input[type=button].primary .ico, input[type=submit].primary .ico, button.primary .ico, .fileupload-btn-trigger.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, .fileupload-btn-trigger.primary:hover {
  background-color: #1d8a4c;
  color: #FFFFFF;
}
input[type=button].primary:hover .ico, input[type=submit].primary:hover .ico, button.primary:hover .ico, .fileupload-btn-trigger.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, .fileupload-btn-trigger.dropdownBtn {
  padding-right: 3px;
}
input[type=button].dropdownBtn .ico.opt, input[type=submit].dropdownBtn .ico.opt, button.dropdownBtn .ico.opt, .fileupload-btn-trigger.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, .fileupload-btn-trigger .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, .fileupload-btn-trigger.attachment .ico, .fileupload-btn-trigger.ai .ico, .fileupload-btn-trigger.avi .ico, .fileupload-btn-trigger.cbr .ico, .fileupload-btn-trigger.cbz .ico, .fileupload-btn-trigger.csv .ico, .fileupload-btn-trigger.doc .ico, .fileupload-btn-trigger.dtfs .ico, .fileupload-btn-trigger.eps .ico, .fileupload-btn-trigger.fb2 .ico, .fileupload-btn-trigger.gif .ico, .fileupload-btn-trigger.html .ico, .fileupload-btn-trigger.java .ico, .fileupload-btn-trigger.mobi .ico, .fileupload-btn-trigger.mp4 .ico, .fileupload-btn-trigger.pdf .ico, .fileupload-btn-trigger.png .ico, .fileupload-btn-trigger.ppt .ico, .fileupload-btn-trigger.ps .ico, .fileupload-btn-trigger.psd .ico, .fileupload-btn-trigger.svg .ico, .fileupload-btn-trigger.txt .ico, .fileupload-btn-trigger.xls .ico, .fileupload-btn-trigger.zip .ico, .fileupload-btn-trigger.edit .ico, .fileupload-btn-trigger.cancel .ico, .fileupload-btn-trigger.add .ico, .fileupload-btn-trigger.bug .ico, .fileupload-btn-trigger.search .ico {
  width: calc(36px - 10px);
}
input[type=button].attachment .ico, input[type=submit].attachment .ico, button.attachment .ico, .fileupload-btn-trigger.attachment .ico {
  background-image: url("Icons/ico_attachment.svg");
}
input[type=button].ai .ico, input[type=submit].ai .ico, button.ai .ico, .fileupload-btn-trigger.ai .ico {
  background-image: url("Layout/FileTypes/ico_ai.svg");
}
input[type=button].avi .ico, input[type=submit].avi .ico, button.avi .ico, .fileupload-btn-trigger.avi .ico {
  background-image: url("Layout/FileTypes/ico_avi.svg");
}
input[type=button].cbr .ico, input[type=submit].cbr .ico, button.cbr .ico, .fileupload-btn-trigger.cbr .ico {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
}
input[type=button].cbz .ico, input[type=submit].cbz .ico, button.cbz .ico, .fileupload-btn-trigger.cbz .ico {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
}
input[type=button].csv .ico, input[type=submit].csv .ico, button.csv .ico, .fileupload-btn-trigger.csv .ico {
  background-image: url("Layout/FileTypes/ico_csv.svg");
}
input[type=button].doc .ico, input[type=submit].doc .ico, button.doc .ico, .fileupload-btn-trigger.doc .ico {
  background-image: url("Layout/FileTypes/ico_doc.svg");
}
input[type=button].dtfs .ico, input[type=submit].dtfs .ico, button.dtfs .ico, .fileupload-btn-trigger.dtfs .ico {
  background-image: url("Layout/FileTypes/ico_dtfs.svg");
}
input[type=button].eps .ico, input[type=submit].eps .ico, button.eps .ico, .fileupload-btn-trigger.eps .ico {
  background-image: url("Layout/FileTypes/ico_eps.svg");
}
input[type=button].fb2 .ico, input[type=submit].fb2 .ico, button.fb2 .ico, .fileupload-btn-trigger.fb2 .ico {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
}
input[type=button].gif .ico, input[type=submit].gif .ico, button.gif .ico, .fileupload-btn-trigger.gif .ico {
  background-image: url("Layout/FileTypes/ico_gif.svg");
}
input[type=button].html .ico, input[type=submit].html .ico, button.html .ico, .fileupload-btn-trigger.html .ico {
  background-image: url("Layout/FileTypes/ico_html.svg");
}
input[type=button].java .ico, input[type=submit].java .ico, button.java .ico, .fileupload-btn-trigger.java .ico {
  background-image: url("Layout/FileTypes/ico_java.svg");
}
input[type=button].mobi .ico, input[type=submit].mobi .ico, button.mobi .ico, .fileupload-btn-trigger.mobi .ico {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
}
input[type=button].mp4 .ico, input[type=submit].mp4 .ico, button.mp4 .ico, .fileupload-btn-trigger.mp4 .ico {
  background-image: url("Layout/FileTypes/ico_mp4.svg");
}
input[type=button].pdf .ico, input[type=submit].pdf .ico, button.pdf .ico, .fileupload-btn-trigger.pdf .ico {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
}
input[type=button].png .ico, input[type=submit].png .ico, button.png .ico, .fileupload-btn-trigger.png .ico {
  background-image: url("Layout/FileTypes/ico_png.svg");
}
input[type=button].ppt .ico, input[type=submit].ppt .ico, button.ppt .ico, .fileupload-btn-trigger.ppt .ico {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
}
input[type=button].ps .ico, input[type=submit].ps .ico, button.ps .ico, .fileupload-btn-trigger.ps .ico {
  background-image: url("Layout/FileTypes/ico_ps.svg");
}
input[type=button].psd .ico, input[type=submit].psd .ico, button.psd .ico, .fileupload-btn-trigger.psd .ico {
  background-image: url("Layout/FileTypes/ico_psd.svg");
}
input[type=button].svg .ico, input[type=submit].svg .ico, button.svg .ico, .fileupload-btn-trigger.svg .ico {
  background-image: url("Layout/FileTypes/ico_svg.svg");
}
input[type=button].txt .ico, input[type=submit].txt .ico, button.txt .ico, .fileupload-btn-trigger.txt .ico {
  background-image: url("Layout/FileTypes/ico_txt.svg");
}
input[type=button].xls .ico, input[type=submit].xls .ico, button.xls .ico, .fileupload-btn-trigger.xls .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
input[type=button].xlsx .ico, input[type=submit].xlsx .ico, button.xlsx .ico, .fileupload-btn-trigger.xlsx .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
input[type=button].xml .ico, input[type=submit].xml .ico, button.xml .ico, .fileupload-btn-trigger.xml .ico {
  background-image: url("Layout/FileTypes/ico_xml.svg");
}
input[type=button].zip .ico, input[type=submit].zip .ico, button.zip .ico, .fileupload-btn-trigger.zip .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
}
input[type=button].edit .ico, input[type=submit].edit .ico, button.edit .ico, .fileupload-btn-trigger.edit .ico {
  background-image: url("Icons/ico_edit.svg");
}
input[type=button].add .ico, input[type=submit].add .ico, button.add .ico, .fileupload-btn-trigger.add .ico {
  background-image: url("Icons/ico_plusCircle.svg");
}
input[type=button].cancel .ico, input[type=submit].cancel .ico, button.cancel .ico, .fileupload-btn-trigger.cancel .ico {
  background-image: url("Icons/ico_xCircle.svg");
}
input[type=button].bug .ico, input[type=submit].bug .ico, button.bug .ico, .fileupload-btn-trigger.bug .ico {
  background-image: url("Icons/ico_bug.svg");
}
input[type=button].search .ico, input[type=submit].search .ico, button.search .ico, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
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, .fileupload-btn-trigger.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
input[type=button].icon-button > button, input[type=submit].icon-button > button, button.icon-button > button, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button > button:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
input[type=button].icon-button > button:disabled, input[type=submit].icon-button > button:disabled, button.icon-button > button:disabled, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
input[type=button].icon-button > button.primary:hover, input[type=submit].icon-button > button.primary:hover, button.icon-button > button.primary:hover, .fileupload-btn-trigger.icon-button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
input[type=button].icon-button:not(div), input[type=submit].icon-button:not(div), button.icon-button:not(div), .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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).xlsx, input[type=submit].icon-button:not(div).xlsx, button.icon-button:not(div).xlsx, .fileupload-btn-trigger.icon-button:not(div).xlsx {
  background-image: url("Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).xml, input[type=submit].icon-button:not(div).xml, button.icon-button:not(div).xml, .fileupload-btn-trigger.icon-button:not(div).xml {
  background-image: url("Layout/FileTypes/ico_xml.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button:not(div).remove, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button:not(div).ADD, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button:not(div).NR, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button:not(div).SHOW, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button:not(div):hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
input[type=button].icon-button:not(div):disabled, input[type=submit].icon-button:not(div):disabled, button.icon-button:not(div):disabled, .fileupload-btn-trigger.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, .fileupload-btn-trigger.icon-button:not(div).primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
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, .fileupload-btn-trigger.icon-button:not(div).primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
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, .fileupload-btn-trigger:disabled, .fileupload-btn-trigger.primary:disabled, .fileupload-btn-trigger.ReadOnly, .fileupload-btn-trigger.ReadOnly:hover, .fileupload-btn-trigger.primary.ReadOnly, .fileupload-btn-trigger.primary.ReadOnly:hover, .fileupload-btn-trigger.disabled, .fileupload-btn-trigger.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, .fileupload-btn-trigger: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:not(.fileupload-showFilesBtn), .button.primary .fileupload-btn-trigger {
  background-color: #25ad5f;
  color: #ffffff;
}
.button.primary input [type=button]:hover, .button.primary input[type=submit]:hover, .button.primary button:not(.fileupload-showFilesBtn):hover, .button.primary .fileupload-btn-trigger:hover {
  background-color: #1d8a4c;
}
.button.primary input [type=button]:disabled, .button.primary input[type=submit]:disabled, .button.primary button:not(.fileupload-showFilesBtn):disabled, .button.primary .fileupload-btn-trigger: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.xlsx .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.button.xml .ico {
  background-image: url("Layout/FileTypes/ico_xml.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.button.icon-button > button:disabled {
  opacity: 0.5;
}
.button.icon-button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.button.icon-button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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).xlsx {
  background-image: url("Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.button.icon-button:not(div).xml {
  background-image: url("Layout/FileTypes/ico_xml.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.button.icon-button:not(div).primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.button.icon-button:not(div).primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}

/*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;
}

.fileupload.primary .fileupload-btn .fileupload-btn-trigger {
  background-color: #25ad5f;
  color: #ffffff;
}
.fileupload.primary .fileupload-btn .fileupload-btn-trigger:hover {
  background-color: #1d8a4c;
}
.fileupload.primary .fileupload-btn .fileupload-btn-trigger:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.fileupload.attachment .ico, .fileupload.ai .ico, .fileupload.avi .ico, .fileupload.cbr .ico, .fileupload.cbz .ico, .fileupload.csv .ico, .fileupload.doc .ico, .fileupload.dtfs .ico, .fileupload.eps .ico, .fileupload.fb2 .ico, .fileupload.gif .ico, .fileupload.html .ico, .fileupload.java .ico, .fileupload.mobi .ico, .fileupload.mp4 .ico, .fileupload.pdf .ico, .fileupload.png .ico, .fileupload.ppt .ico, .fileupload.ps .ico, .fileupload.psd .ico, .fileupload.svg .ico, .fileupload.txt .ico, .fileupload.xls .ico, .fileupload.zip .ico, .fileupload.edit .ico, .fileupload.cancel .ico, .fileupload.add .ico, .fileupload.bug .ico, .fileupload.search .ico {
  width: calc(36px - 10px);
}
.fileupload.attachment .ico {
  background-image: url("Icons/ico_attachment.svg");
}
.fileupload.ai .ico {
  background-image: url("Layout/FileTypes/ico_ai.svg");
}
.fileupload.avi .ico {
  background-image: url("Layout/FileTypes/ico_avi.svg");
}
.fileupload.cbr .ico {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
}
.fileupload.cbz .ico {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
}
.fileupload.csv .ico {
  background-image: url("Layout/FileTypes/ico_csv.svg");
}
.fileupload.doc .ico {
  background-image: url("Layout/FileTypes/ico_doc.svg");
}
.fileupload.dtfs .ico {
  background-image: url("Layout/FileTypes/ico_dtfs.svg");
}
.fileupload.eps .ico {
  background-image: url("Layout/FileTypes/ico_eps.svg");
}
.fileupload.fb2 .ico {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
}
.fileupload.gif .ico {
  background-image: url("Layout/FileTypes/ico_gif.svg");
}
.fileupload.html .ico {
  background-image: url("Layout/FileTypes/ico_html.svg");
}
.fileupload.java .ico {
  background-image: url("Layout/FileTypes/ico_java.svg");
}
.fileupload.mobi .ico {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
}
.fileupload.mp4 .ico {
  background-image: url("Layout/FileTypes/ico_mp4.svg");
}
.fileupload.pdf .ico {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
}
.fileupload.png .ico {
  background-image: url("Layout/FileTypes/ico_png.svg");
}
.fileupload.ppt .ico {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
}
.fileupload.ps .ico {
  background-image: url("Layout/FileTypes/ico_ps.svg");
}
.fileupload.psd .ico {
  background-image: url("Layout/FileTypes/ico_psd.svg");
}
.fileupload.svg .ico {
  background-image: url("Layout/FileTypes/ico_svg.svg");
}
.fileupload.txt .ico {
  background-image: url("Layout/FileTypes/ico_txt.svg");
}
.fileupload.xls .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.fileupload.xlsx .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.fileupload.xml .ico {
  background-image: url("Layout/FileTypes/ico_xml.svg");
}
.fileupload.zip .ico {
  background-image: url("Layout/FileTypes/ico_zip.svg");
}
.fileupload.edit .ico {
  background-image: url("Icons/ico_edit.svg");
}
.fileupload.add .ico {
  background-image: url("Icons/ico_plusCircle.svg");
}
.fileupload.cancel .ico {
  background-image: url("Icons/ico_xCircle.svg");
}
.fileupload.bug .ico {
  background-image: url("Icons/ico_bug.svg");
}
.fileupload.search .ico {
  background-image: url("Icons/ico_search.svg");
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.fileupload.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.fileupload.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 36px;
}
.fileupload.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
.fileupload.icon-button > button:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.fileupload.icon-button > button:disabled {
  opacity: 0.5;
}
.fileupload.icon-button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.fileupload.icon-button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.fileupload.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;
}
.fileupload.icon-button:not(div) > .ico {
  display: none;
}
.fileupload.icon-button:not(div).ai {
  background-image: url("Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).avi {
  background-image: url("Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).cbr {
  background-image: url("Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).cbz {
  background-image: url("Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).csv {
  background-image: url("Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).doc {
  background-image: url("Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).eps {
  background-image: url("Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).fb2 {
  background-image: url("Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).gif {
  background-image: url("Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).html {
  background-image: url("Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).java {
  background-image: url("Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).mobi {
  background-image: url("Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).pdf {
  background-image: url("Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).png {
  background-image: url("Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).ppt {
  background-image: url("Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).ps {
  background-image: url("Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).psd {
  background-image: url("Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).svg {
  background-image: url("Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).txt {
  background-image: url("Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).xls {
  background-image: url("Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).xlsx {
  background-image: url("Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).xml {
  background-image: url("Layout/FileTypes/ico_xml.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).zip {
  background-image: url("Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).get {
  background-image: url("Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).remove, .fileupload.icon-button:not(div).DEL {
  background-image: url("Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).ADD, .fileupload.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).NR, .fileupload.icon-button:not(div).nr {
  background-image: url("Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).SHOW, .fileupload.icon-button:not(div).show {
  background-image: url("Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).edit {
  background-image: url("Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).add {
  background-image: url("Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).cancel {
  background-image: url("Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).attachment {
  background-image: url("Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
.fileupload.icon-button:not(div).row-menu {
  background-image: url("Icons/ico_more.svg");
}
.fileupload.icon-button:not(div).refresh-list {
  background-image: url("Icons/ico_reload.svg");
}
.fileupload.icon-button:not(div).chooseColumns {
  background-image: url("Icons/ico_showColumns.svg");
}
.fileupload.icon-button:not(div).columnsSettings {
  background-image: url("Icons/ico_columnSettings.svg");
}
.fileupload.icon-button:not(div).save-config {
  background-image: url("Icons/ico_diskette.svg");
}
.fileupload.icon-button:not(div).restore-default-config {
  background-image: url("Icons/ico_restoreSettings.svg");
}
.fileupload.icon-button:not(div).bug {
  background-image: url("Icons/ico_bug.svg");
}
.fileupload.icon-button:not(div).search {
  background-image: url("Icons/ico_search.svg");
}
.fileupload.icon-button:not(div).th-sort {
  background-image: url("Icons/ico_sort.svg");
}
.fileupload.icon-button:not(div).th-sort.asc {
  background-image: url("Icons/ico_sortAsc.svg");
}
.fileupload.icon-button:not(div).th-sort.desc {
  background-image: url("Icons/ico_sortDesc.svg");
}
.fileupload.icon-button:not(div):hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.fileupload.icon-button:not(div):disabled {
  opacity: 0.5;
}
.fileupload.icon-button:not(div).primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.fileupload.icon-button:not(div).primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}

/*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: 5px;
}
.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: 5px; /*linked with border radius*/
  width: calc(100% - 5px - 5px); /*linked with border radius*/
  border-bottom: 1px solid #414141;
}
.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: 5px;
  font-family: "Poppins", sans-serif;
  /*transition: 300ms ease all; /*disabled for PH deanimation test*/
  border: none;
  outline: none;
  width: 100%;
  /*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: 5px;
  border-bottom-left-radius: 5px;
  width: 5px;
  border-left: 1px solid #414141;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.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: 5px;
  border-bottom-right-radius: 5px;
  width: calc(100% - 5px); /*linked with border radius*/
  min-width: 5px;
  border-right: 1px solid #414141;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.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(5px + 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: #25ad5f;
  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: 2px solid #25ad5f;
}
.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: 2px solid #25ad5f;
  border-left: 2px solid #25ad5f;
  border-bottom: 2px solid #25ad5f;
}
.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: 2px solid #25ad5f;
  border-right: 2px solid #25ad5f;
  border-bottom: 2px solid #25ad5f;
}
.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(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
}

/*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 #414141;
  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: #414141;
  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 #414141;
  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 #414141;
  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 #414141;
}
.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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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% - 5px) !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: #DC6600;
}

.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: #DC6600;
  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: #DC6600;
}
.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: #DC6600;
}

/*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: #DC6600;
}
div#_formMessages .FMValid {
  background-color: #05BE70;
}

/*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: #25ad5f;
}
.tabContainer .tabHeader button.active {
  color: #193854;
  border-bottom-color: #193854;
}
.tabContainer .tabHeader button.active:hover {
  color: #25ad5f;
  border-bottom-color: #25ad5f;
}
.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: #DC6600;
  opacity: 1;
  border-color: #DC6600;
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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 #25ad5f;
  color: #25ad5f;
  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: "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: #25ad5f;
  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: #25ad5f;
  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.xlsx .ico, .sfr-searchTmpl div[class*=pops] .button.xlsx .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.sfr-searchTmpl div[class*=pops] button.xml .ico, .sfr-searchTmpl div[class*=pops] .button.xml .ico {
  background-image: url("Layout/FileTypes/ico_xml.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button.primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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).xlsx, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).xlsx {
  background-image: url("Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl div[class*=pops] button.icon-button:not(div).xml, .sfr-searchTmpl div[class*=pops] .button.icon-button:not(div).xml {
  background-image: url("Layout/FileTypes/ico_xml.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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.xlsx .ico {
  background-image: url("Layout/FileTypes/ico_xls.svg");
}
.sfr-searchTmpl.xml .ico {
  background-image: url("Layout/FileTypes/ico_xml.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.sfr-searchTmpl.icon-button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button > button.primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.sfr-searchTmpl.icon-button > button.primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}
.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).xlsx {
  background-image: url("Layout/FileTypes/ico_xlsx.svg");
  background-size: auto calc(100% - 10px);
}
.sfr-searchTmpl.icon-button:not(div).xml {
  background-image: url("Layout/FileTypes/ico_xml.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.sfr-searchTmpl.icon-button:not(div):disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button:not(div).primary {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.sfr-searchTmpl.icon-button:not(div).primary:hover {
  filter: invert(46%) sepia(16%) saturate(2659%) hue-rotate(97deg) brightness(85%) contrast(77%);
}

/*Google Authenticator MFA*/
.googleAuthenticatorMFAConfiguration {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
}
.googleAuthenticatorMFAConfiguration .googleAuthenticatorMFAConfigurationQRCode {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.googleAuthenticatorMFAConfiguration .field.checkbox {
  align-self: center;
}
.googleAuthenticatorMFAConfiguration .googleAuthenticatorMFAManualKeyInfo {
  text-align: center;
}

/*Movable DIV VAR-700*/
.group.movable .draggableAnchor {
  width: 15px;
  height: 15px;
  background: #007bff;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: grab;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
}
.group.movable .draggableAnchor:hover {
  transform: scale(1.2);
  background: #0056b3;
}
.group.movable .draggableAnchor:active {
  cursor: grabbing;
}

#_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 #414141;
  border-radius: 5px;
  margin-top: 3px;
  position: fixed;
  overflow: auto;
  max-height: 150px;
  overflow-x: hidden;
  background: #fff;
  font-family: "Poppins", 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 * 5px);
  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 {
  display: none;
}
.overlay-enabled .blockMsg.active {
  display: inline-block;
  z-index: 100001;
  position: fixed;
  top: calc(50% + 30px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.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 #25ad5f;
  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: #05BE70;
}
#_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_checkCircle.svg");
  filter: invert(50%) sepia(94%) saturate(1367%) hue-rotate(116deg) brightness(93%) contrast(96%);
}
#_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% - 5px) - 6px - 52px);
}
#_body.loginPage #FR1 .loginBox #f3 .field.active .inputBorderR {
  width: calc((100% - 5px) - 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: #193854;
}
.genericlist-wrapper .accor .accor-button:hover .ico {
  filter: invert(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
}
.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: 200px;
  height: 100%;
  overflow: auto;
}
.genericlist-wrapper .accor.accor-active:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 200px;
  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% - 200px);
}
.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: 5px;
  font-family: "Poppins", sans-serif;
  border: 1px solid #414141;
  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: "Poppins", 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 #414141;
  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: "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: #25ad5f;
  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: #193854;
  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 #25ad5f;
}
.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(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
.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: #193854;
  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: #193854;
  -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, .listFilter-top.genericlist-wrapper {
  flex-direction: column;
  flex-wrap: nowrap;
}
.listFilter-top .genericlist-wrapper .accor .accor-panel.visible, .listFilter-top.genericlist-wrapper .accor .accor-panel.visible {
  width: 100%;
  height: auto;
}
.listFilter-top .genericlist-wrapper .accor .accor-panel.visible > .sfr, .listFilter-top.genericlist-wrapper .accor .accor-panel.visible > .sfr {
  height: auto;
  overflow: auto;
}
.listFilter-top .genericlist-wrapper .accor.accor-active, .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, .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, .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, .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%;
}
.listFilter-top .genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .genericlist-container, .listFilter-top .genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .journal-container, .listFilter-top.genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .genericlist-container, .listFilter-top.genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .journal-container {
  max-height: calc(100% - max((36px / 2) + 8px + 5px, 35px));
}

@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%;
  }
  .genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .genericlist-container, .genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .journal-container {
    max-height: calc(100% - max((36px / 2) + 8px + 5px, 35px));
  }
}
.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: #25ad5f;
  color: #FFFFFF;
}
.treelist-container .treelist-items-container .treelist-item.selected {
  background-color: #25ad5f;
  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: #25ad5f;
  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 .fileupload-btn-trigger {
  white-space: nowrap;
}
.fileupload-container .fileupload-btn .fileupload-btn-trigger .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: #193854;
  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-btn.dragover {
  border: 2px dashed #414141;
  cursor: grab;
}
.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(50%) sepia(94%) saturate(1367%) hue-rotate(116deg) brightness(93%) contrast(96%);
  flex-shrink: 0;
}
.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: 30vh;
  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: flex-start;
  overflow: scroll;
}
.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% - 200px);
}
.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 {
  max-height: 100%;
}

.template-editor-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
  max-height: calc(100% - 65px);
}
.template-editor-container .templateEditorComponentTree + .componentChangesListWrapper {
  margin-left: 3px;
}
.template-editor-container .templateEditorComponentTree, .template-editor-container .componentChangesListWrapper {
  width: auto;
  margin: 3px;
  flex: 1;
}
.template-editor-container .templateEditorComponentTree {
  max-height: 100%;
  overflow: auto;
}

#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:has(.loaderCacheContainer) #_header, html:has(.loaderCacheContainer) #_breadcrumb, html:has(.loaderCacheContainer) #_footer {
  display: none;
}

.loaderCacheContainer {
  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;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 999;
}
.loaderCacheContainer .loader {
  position: static;
  height: auto;
  background: transparent;
}
.loaderCacheContainer .loaderCacheMsg {
  padding-top: 20px;
}

.fileupload-btn-trigger {
  color: #ffffff;
}

html * {
  scroll-behavior: smooth;
  scrollbar-width: auto;
}
html #_body.loginPage #_content:after {
  display: none;
}
html #_body.loginPage #FR1 {
  background: linear-gradient(90deg, #193854 0%, #25ad5f 100%);
}
html #_body.loginPage #FR1 .loginBox {
  background: url(Layout/MIDIP/MIDIPv2_logotyp.svg) no-repeat center 10px/contain;
  background-color: #ffffff;
  background-size: calc(100% - 80px) auto;
  width: 260px;
}
html #_body.loginPage #FR1 .loginInfoMsg {
  color: #25ad5f;
}
html #_body.loginPage #FR1 .loginInfoMsg:before {
  background-image: url("/Icons/ico_checkCircle.svg");
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html .genericlist-wrapper {
  flex-direction: column;
  flex-wrap: nowrap;
}
html .genericlist-wrapper .accor .accor-panel.visible {
  width: 100%;
  height: auto;
}
html .genericlist-wrapper .accor .accor-panel.visible > .sfr {
  height: auto;
  overflow: auto;
}
html .genericlist-wrapper .accor.accor-active {
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}
html .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;
}
html .genericlist-wrapper .accor.accor-active + .GLT {
  width: 100%;
}
html .genericlist-wrapper .accor.accor-active + .GLT .genericlist-container, html .genericlist-wrapper .accor.accor-active + .GLT .journal-container {
  margin-top: 0px;
  height: 100%;
}
html .genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .genericlist-container, html .genericlist-wrapper .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .journal-container {
  max-height: calc(100% - max((36px / 2) + 8px + 5px, 35px));
}
html .genericlist-wrapper .accor .accor-button:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html .genericlist-wrapper .accor .accor-button .ico {
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
}
html .genericlist-wrapper .accor-panel .field.text.filterStandardField, html .genericlist-wrapper .accor-panel .field.filterStandardField.autocomplete, html .genericlist-wrapper .accor-panel .field.checkbox.filterStandardField, html .genericlist-wrapper .accor-panel .field.text, html .genericlist-wrapper .accor-panel .field.autocomplete, html .genericlist-wrapper .accor-panel .field.checkbox {
  width: 20% !important;
}
html #_header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 60px;
  background: url(Layout/MIDIP/MIDIPv2_logotyp.svg) no-repeat;
  background-repeat: no-repeat;
  background-position: 15px 17px;
  background-size: auto 26px;
  background-color: #ffffff;
}
html #_header #_headerInner {
  width: 100%;
}
html #_header #menu {
  background: #ffffff;
}
html #_header #menu a {
  color: #414141;
}
html #_header #menu a[href="#Witamy.aspx"] {
  font-size: 0;
  display: inline-block;
  position: fixed;
  margin: 0px;
  padding: 0px;
  width: 110px;
  left: 10px;
  top: 0px;
  height: 60px;
  cursor: pointer;
  z-index: 2;
  background: transparent;
}
html #_header #menu a[href="#Witamy.aspx"]:hover {
  background: transparent;
}
html #_header #menu ul.submenu1 {
  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: 0px 0px 5px 5px;
  border-top: 3px solid #193854;
}
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: #142D43;
}
html #_header #menu ul.submenu1 li ul[class^=submenu] a {
  color: rgba(255, 255, 255, 0.8);
}
html #_header #menu li:hover, html #_header #menu li:hover > a, html #_header #menu li a:hover {
  background: #193854;
  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 .UCI {
  position: relative;
  top: -60px;
  height: 0px;
  align-items: flex-start;
  padding: 0px;
  gap: 0px;
  display: block;
}
html #_header .UCI a {
  color: #FFFFFF;
  padding: 0px 10px;
  height: 25px;
  background-color: #193854;
}
html #_header .UCI a img, html #_header .UCI a:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
html #_header .UCI a:hover {
  background-color: #25ad5f;
}
html #_header .UCI .selectProfile {
  display: block !important;
  min-width: 250px !important;
  padding-right: 5px;
}
html #_header .UCI .selectProfile .inputWrapper:before {
  border-color: unset;
}
html #_header .UCI .selectProfile .inputWrapper:after {
  filter: unset;
}
html #_header .UCI .selectProfile .inputWrapper .inputBorderL, html #_header .UCI .selectProfile .inputWrapper .inputBorderR {
  border-color: unset;
}
html #_header .UCI .selectProfile .inputWrapper input#_selectProfile {
  color: unset;
}
html #_header .logout {
  position: relative;
  top: -60px;
  height: 0px;
  display: block;
  padding: 0px;
}
html #_header .logout a {
  height: 25px;
  color: #000000;
  filter: invert(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
  padding: 0px 10px;
}
html #_header .logout a:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html #_header .logout a:before {
  filter: none;
}
@media screen and (max-width: 1080px) {
  html #_header.showMenu #_headerInner {
    padding-top: 60px;
  }
  html #_header.showMenu #_headerInner nav #menu li:hover > .submenuCtl {
    filter: none;
  }
  html #_header.showMenu #_headerInner nav #menu li a {
    min-height: 36px;
    color: #414141;
  }
}
html #_breadcrumb {
  /*background: linear-gradient(90deg, #193854 0%, #25ad5f 100%);*/
  background: rgba(0, 0, 0, 0.03);
  padding-top: 5px;
  min-height: 0px;
}
html #_breadcrumb .breadcrumb .icon:hover {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html #_breadcrumb ul.breadcrumb li a:hover {
  color: #25ad5f;
}
html #_breadcrumb .ui-waveBg {
  display: none;
}
html #_content {
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
}
html #_content:after {
  content: "";
  background: url(Layout/MIDIP/MIDIPv2_logotyp.svg) no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  width: 100%;
  height: 100px;
  background-size: contain;
  display: block;
  position: fixed;
  z-index: 2;
  pointer-events: none;
  bottom: 20px;
  right: 0px;
  filter: grayscale(1);
  opacity: 0.1;
  animation: bgLogoBlur 15s ease 0s infinite;
  /*PP-19707*/
  display: none;
}
html #_content #FR {
  padding: 20px 20px 0px 20px;
  height: 100%;
}
html #_content #FR .group:not(.hiddenGroup) {
  background: #ffffff;
  background-clip: padding-box;
}
html #_content #FR .sfr-vsm {
  background: #ffffff;
  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;
}

.tabContainer.policyState {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  background-color: #193854;
  align-items: center;
  width: 100%;
  flex-grow: 0;
  align-self: flex-start;
}
.tabContainer.policyState .tabHeader {
  border: none;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: content;
  flex-wrap: nowrap;
  margin-bottom: 0px;
}
.tabContainer.policyState .tabHeader button, .tabContainer.policyState .tabHeader button:hover {
  margin: 0px;
  border: none;
  color: #FFFFFF;
  cursor: default;
  padding-right: 2px;
}
.tabContainer.policyState .tabHeader:after {
  content: ":";
  display: inline;
  color: #FFFFFF;
  font-size: 1.2rem;
}
.tabContainer.policyState .tab {
  align-items: center;
  flex-grow: 1;
}
.tabContainer.policyState .tab .field {
  padding: 0px;
  color: #FFFFFF;
}
.tabContainer.policyState .tab .field label {
  font-size: 1.2rem !important;
}
.tabContainer .tabHeader {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}
.tabContainer .tabHeader button {
  margin-bottom: -1px;
  font-weight: 600;
  font-size: 16px;
}
.tabContainer .tabHeader button:not(.active):hover {
  color: #25ad5f;
}
.tabContainer.infoHeaderFormSection .tabHeader {
  display: none !important;
}

/*PP-19730*/
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) .inputWrapper textarea {
  max-height: 180px;
  padding-top: 10px;
}
.field:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay).fullWidth .inputWrapper textarea {
  min-height: 108px;
  max-height: 288px;
  height: auto;
}

/*END OF PP-19730*/
.field.textDisplay.displayState {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  background-color: #193854;
  color: #FFFFFF;
  align-items: center;
  width: 100%;
  flex-grow: 0;
  align-self: flex-start;
  padding: 5px 10px;
  font-size: 1.2rem;
  height: 36px;
}

.genericlist-wrapper .accor .sfr .button.cleanFilter {
  display: none;
}
.genericlist-wrapper .filter-accor .field {
  width: 100%;
}
.genericlist-wrapper .accor-panel > .button.CRB {
  position: relative;
}
.genericlist-wrapper .accor-panel > .button.CRB:before {
  content: "";
  display: inline-block;
  background-image: url("Icons/ico_eraser.svg");
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 36px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  transition: all 0.5s 0s ease;
  filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(27%) hue-rotate(112deg) brightness(106%) contrast(106%);
}
.genericlist-wrapper .accor-panel > .button.CRB:hover:before {
  filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(166deg) brightness(106%) contrast(106%);
}
.genericlist-wrapper .accor-panel > .button.CRB button {
  font-size: 0px;
  min-width: 36px;
}

.newsManagementForm {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.choose-unit .button:not(input) {
  padding-top: 5px;
  padding-bottom: 5px;
}

.policy-attachments-container .policy-attachments-files .journal-resource-container > button {
  padding: 0px;
  min-width: 30px;
  height: 30px;
}

@keyframes bgLogoBlur {
  0%, 90% {
    -webkit-filter: grayscale(1) blur(0px);
    -moz-filter: grayscale(1) blur(0px);
    -o-filter: grayscale(1) blur(0px);
    -ms-filter: grayscale(1) blur(0px);
  }
  50% {
    -webkit-filter: grayscale(1) blur(50px);
    -moz-filter: grayscale(1) blur(50px);
    -o-filter: grayscale(1) blur(50px);
    -ms-filter: grayscale(1) blur(50px);
  }
}
/*UNITS FORM*/
.mbs-unitsForm .DaneODzialalnosci .field:not(.spacer) {
  background: rgba(0, 0, 0, 0.03);
  padding-bottom: 10px;
  margin: 5px 0px;
  border-radius: 5px;
}
.mbs-unitsForm .DaneODzialalnosci .field:not(.spacer) label {
  color: #414141;
}
.mbs-unitsForm .DaneODzialalnosci .field:not(.spacer) .TippedToolTip {
  margin-bottom: 10px;
}
.mbs-unitsForm .DaneODzialalnosci .field.spacer + .field:not(.spacer), .mbs-unitsForm .DaneODzialalnosci > .field:first-of-type {
  background: #25ad5f;
}
.mbs-unitsForm .DaneODzialalnosci .field.spacer + .field:not(.spacer) label, .mbs-unitsForm .DaneODzialalnosci > .field:first-of-type label {
  color: #ffffff;
}
.mbs-unitsForm .DaneODzialalnosci .field.spacer + .field:not(.spacer) .inputWrapper, .mbs-unitsForm .DaneODzialalnosci > .field:first-of-type .inputWrapper {
  background: #ffffff;
}

@media screen and (max-width: 1500px) {
  .mbs-unitsForm .DaneODzialalnosci .field {
    width: 100% !important;
  }
}
@media screen and (max-width: 800px) {
  .mbs-unitsForm .field {
    width: 100% !important;
  }
  .mbs-unitsForm .DaneODzialalnosci .field label {
    width: 100% !important;
    padding: 0px 0px 5px 0px !important;
    min-height: 0px !important;
  }
  .mbs-unitsForm .DaneODzialalnosci .field .inputWrapper {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
/*INSURANCE SUM FORM*/
html #_content #FR .mbs-locationInsuranceSumForm .BudynkiHintPosition {
  position: absolute;
  top: 0px;
  left: 225px;
}
html #_content #FR .mbs-locationInsuranceSumForm .PozostaleSrodkiTrwaleHintPosition, html #_content #FR .mbs-locationInsuranceSumForm .SkladkiNiskocenneHintPosition {
  display: none;
}
html #_content #FR .mbs-locationInsuranceSumForm .otherInsuranceSums .group {
  background-color: rgba(0, 0, 0, 0.03);
}

/*CONTACT FORM*/
html #_content #FR .group.contactContent .group {
  background-color: rgba(0, 0, 0, 0.03);
  margin: 10px 3px 0px 3px;
  padding-left: 36px;
}
html #_content #FR .group.contactContent .group:before {
  content: "";
  background-image: url(/Icons/ico_user.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% auto;
  height: 36px;
  width: 36px;
  display: inline-block;
  float: left;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
  position: absolute;
  left: 0px;
  top: 0px;
}
html #_content #FR .group.contactContent .group .field {
  padding-top: 0px;
  width: 100%;
}

@media screen and (max-width: 320px) {
  html #_content #FR .mbs-locationInsuranceSumForm .BudynkiHintPosition {
    position: relative;
    float: right;
    margin-bottom: -28px;
    z-index: 2;
    left: 0px;
    top: 6px;
  }
}
/*CLAIM FORM*/
html #_content #FR .mbs-claimForm .culpritGroup, html #_content #FR .mbs-claimForm .infoGroup, html #_content #FR .mbs-claimForm .reqDocs, html #_content #FR .mbs-claimForm .applicantGroup, html #_content #FR .mbs-claimForm .additionalDataGroup, html #_content #FR .mbs-claimForm .victimGroup {
  background-color: rgba(0, 0, 0, 0.03);
}

html #_content #FR .ffc3_hidden {
  display: none;
}

/*WELCOME / HOME PAGE*/
html #_content #FR .midip-welcomePage .tabContainer {
  border: 10px solid transparent;
}
html #_content #FR .midip-welcomePage .tabContainer .tabContainer {
  border: none;
}
html #_content #FR .midip-welcomePage .welcome-links-container {
  background: url(Layout/MIDIP/witamy_bg_v2.jpg) no-repeat scroll center 44% transparent;
  background-size: cover;
  height: 318px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 5px;
}
html #_content #FR .midip-welcomePage .welcome-links-container .welcomeMsg {
  padding-bottom: 20px;
}
html #_content #FR .midip-welcomePage .welcome-links-container .welcomeMsg .value {
  justify-content: flex-start;
  color: #ffffff;
  font-size: 1.8rem;
  padding-left: 10px;
  width: auto;
  background: rgba(0, 0, 0, 0.5);
  padding: 0px 10px;
  border-radius: 5px;
}
html #_content #FR .midip-welcomePage .quickMenuGroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  height: 100%;
  padding: 5px;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0px;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR {
  float: none;
  display: inline-flex;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field a, html #_content #FR .midip-welcomePage .quickMenuGroup .field button,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR a,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR button {
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  transition: all ease-in 0.2s;
  background-size: contain;
  font-size: 1.2rem;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field a:hover, html #_content #FR .midip-welcomePage .quickMenuGroup .field button:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR a:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR button:hover {
  background-color: #25ad5f;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.locationList a,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.locationList a {
  background: url("/QuickMenuLocations.png") no-repeat scroll center center transparent;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.locationList a:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.locationList a:hover {
  background-image: url("/QuickMenuLocations-hover.png");
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.reports a,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.reports a {
  background: url("/QuickMenuReport.png") no-repeat scroll center center transparent;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.reports a:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.reports a:hover {
  background-image: url("/QuickMenuReport-hover.png");
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.zzrList a,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.zzrList a {
  background: url("/QuickMenuList-blue.png") no-repeat scroll center center transparent;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.zzrList a:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.zzrList a:hover {
  background-image: url("/QuickMenuList-blue-hover.png");
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.claimEventList a,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.claimEventList a {
  background: url("/QuickMenuDamage.png") no-repeat scroll center center transparent;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.claimEventList a:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.claimEventList a:hover {
  background-image: url("/QuickMenuDamage-hover.png");
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.professionInsuranceList a,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.professionInsuranceList a {
  background: url("/QuickMenuOcProfessional.png") no-repeat scroll center center transparent;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .field.professionInsuranceList a:hover,
html #_content #FR .midip-welcomePage .quickMenuGroup .sendDocumentWithoutQR.professionInsuranceList a:hover {
  background-image: url("/QuickMenuOcProfessional-hover.png");
}
html #_content #FR .midip-welcomePage .quickMenuGroup .sfr.qrMultiUpload .formwrap {
  height: 100%;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .sfr.qrMultiUpload .report-container {
  width: 100%;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .sfr .multiUploadDocumentUploadButton {
  float: none;
  display: inline-flex;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .sfr .multiUploadDocumentUploadButton button {
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  transition: all ease-in 0.2s;
  background-size: contain;
  font-size: 1.2rem;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
html #_content #FR .midip-welcomePage .quickMenuGroup .sfr .multiUploadDocumentUploadButton button:hover {
  background-color: #25ad5f;
}
html #_content #FR .midip-welcomePage .alertList {
  border: 5px solid transparent;
  padding: 10px 0px 10px 0px;
}
html #_content #FR .midip-welcomePage .alertList:after {
  border: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
html #_content #FR .midip-welcomePage .alertList > label {
  font-weight: bold;
  font-size: 1rem;
  padding: 4px 0px 12px 13px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
}
html #_content #FR .midip-welcomePage .alertList .field.widthFull {
  margin: 0px;
  padding: 0px;
  border: none;
}
html #_content #FR .midip-welcomePage .alertList .field.widthFull .treelist-container td:nth-of-type(2) {
  text-align: right;
}
html #_content #FR .midip-welcomePage .alertList .field.widthFull .treelist-container td:nth-of-type(2) .treelist-cell:after {
  content: "";
  background: url("/Icons/ico_danger.svg") no-repeat scroll center center transparent;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-right: 10px;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html #_content #FR .midip-welcomePage .alertList .alertsTypeList-legend {
  padding-top: 10px;
  padding-left: 13px;
  font-weight: bold;
}
html #_content #FR .midip-welcomePage .alertList .alertsTypeList-legend span {
  display: inline-flex;
  align-items: center;
  position: relative;
}
html #_content #FR .midip-welcomePage .alertList .alertsTypeList-legend span:after {
  content: "";
  background: url("/Icons/ico_danger.svg") no-repeat scroll center center transparent;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html #_content #FR .midip-welcomePage .msgList {
  border: 5px solid transparent;
}
html #_content #FR .midip-welcomePage .msgList .genericlist-wrapper {
  height: calc(100vh - 510px);
  min-height: 42rem;
}

.treelist-item-name {
  padding-left: 15px;
  border-width: 0px;
}

.treelist-container {
  border: transparent;
}
.treelist-container .treelist-items-container .treelist-items-table .treelist-item-btn {
  width: 2px;
}
.treelist-container .treelist-items-container .treelist-items-table .treelist-item-space {
  width: 5px;
}
.treelist-container .treelist-items-container .treelist-item.visible {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.genericlist-wrapper {
  height: 378px;
}

/*DOCUMENT LIBRARY*/
html #_content #FR .mbs-docLibrary .accor.document-dir {
  margin-top: 10px;
}
html #_content #FR .mbs-docLibrary .docCategories > .accor-panel {
  display: inline-flex;
  flex-wrap: wrap;
}
html #_content #FR .mbs-docLibrary .docCategories > .accor-panel .field {
  width: 100%;
  align-items: center;
  display: flex;
}
html #_content #FR .mbs-docLibrary .docCategories > .accor-panel .field > a {
  margin-right: 5px;
}
html #_content #FR .mbs-docLibrary .docCategories .group {
  background-color: rgba(0, 0, 0, 0.03);
}
html #_content #FR .mbs-docLibrary .docCategories .group .accor .accor .accor-button {
  box-shadow: none;
  background: url("Icons/ico_arrow_down.svg") scroll no-repeat right center transparent;
  background-size: auto 1.5rem;
  color: #000000;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  text-align: left;
  justify-content: flex-start;
  font-weight: bold;
  border-radius: 0px;
  min-height: 0px;
  max-height: 100%;
  height: auto;
}
html #_content #FR .mbs-docLibrary .docCategories .group .accor .accor .accor-button.accor-active, html #_content #FR .mbs-docLibrary .docCategories .group .accor .accor .accor-button:hover {
  color: #000000;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html #_content #FR .mbs-docLibrary .docCategories .group .accor .accor .accor-button.accor-active {
  background: url("Icons/ico_arrow_up.svg") scroll no-repeat right center transparent;
  background-size: auto 1.5rem;
}
html #_content #FR .mbs-docLibrary .docCategories .group .accor .accor .accor-panel {
  padding-left: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/*FAQ*/
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;
}
@media screen and (max-width: 1080px) {
  html #_content #FR .faq-container .faq-question-group {
    width: 50%;
  }
}
@media screen and (max-width: 900px) {
  html #_content #FR .faq-container .faq-question-group {
    width: 100%;
  }
}

/*CHANGE PASSWORD FORM*/
html #_content #FR .group.changePasswordGroup {
  margin: auto;
}
html #_content #FR .group.changePasswordGroup:before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background-image: url("/menu_changePassword.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
  margin-top: 10px;
}
html #_content #FR .group.changePasswordGroup .headerField {
  font-size: 1.8rem;
}
html #_content #FR .group.changePasswordGroup .headerField label.value {
  justify-content: center;
}

/*POPUPS*/
body #_content > #FR > .formwrap div.pops-b div.pops-f, div.pops-b div.pops-f {
  width: auto;
  min-width: 800px;
  max-width: 90%;
  max-height: 80vh;
}
@media (max-width: 600px) {
  body #_content > #FR > .formwrap div.pops-b div.pops-f, div.pops-b div.pops-f {
    min-width: auto;
  }
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h, div.pops-b div.pops-f div.pops-h {
  color: #ffffff;
  background-color: #193854;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t input[type=button], body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t button, div.pops-b div.pops-f div.pops-t input[type=button], div.pops-b div.pops-f div.pops-t button {
  /* kopia z Form.scss button.primary: */
  background-color: #25ad5f;
  color: #ffffff;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t input[type=button]:hover, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t button:hover, div.pops-b div.pops-f div.pops-t input[type=button]:hover, div.pops-b div.pops-f div.pops-t button:hover {
  background-color: #1d8a4c;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t input[type=button]:disabled, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t button:disabled, div.pops-b div.pops-f div.pops-t input[type=button]:disabled, div.pops-b div.pops-f div.pops-t button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .errdetails, div.pops-b div.pops-f div.pops-c .errdetails {
  padding-top: 1em;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .errdetails input[type=button], div.pops-b div.pops-f div.pops-c .errdetails input[type=button] {
  /* kopia z Form.scss button.primary: */
  background-color: #25ad5f;
  color: #ffffff;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .errdetails input[type=button]:hover, div.pops-b div.pops-f div.pops-c .errdetails input[type=button]:hover {
  background-color: #1d8a4c;
}
body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .errdetails input[type=button]:disabled, div.pops-b div.pops-f div.pops-c .errdetails input[type=button]:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}

/*specific popup header HACK*/
.mainBuildingsPopupForm .tabContainer .tabHeader {
  border: none;
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  z-index: 1;
}
.mainBuildingsPopupForm .tabContainer .tabHeader button {
  color: #ffffff;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background-color: #193854;
  font-size: 1.2rem;
  width: 100%;
  justify-content: flex-start;
}

/*VARYON V1 BACKWARDS FORM COMPATIBILITY*/
/*FIELD WIDTHS*/
.field.fullWidth {
  width: 100%;
}

.field.oneHalf {
  width: 50%;
}

.field.twoThirds {
  width: 66.666%;
}

.field15_16 {
  width: 93.75%;
}

.field7_8 {
  width: 87.5%;
}

.field13_16 {
  width: 81.25%;
}

.field3_4 {
  width: 75%;
}

.field11_16 {
  width: 68.75%;
}

.field2_3 {
  width: 66.666%;
}

.field5_8 {
  width: 62.5%;
}

.field9_16 {
  width: 56.25%;
}

.field1_2 {
  width: 50%;
}

.field7_16 {
  width: 43.75%;
}

.field3_8 {
  width: 37.5%;
}

.field1_3 {
  width: 33.333%;
}

.field5_16 {
  width: 31.25%;
}

.field1_4 {
  width: 25%;
}

.field1_5 {
  width: 20%;
}

.field2_5 {
  width: 40%;
}

.field3_16 {
  width: 18.75%;
}

.field1_8 {
  width: 12.5%;
}

.field1_16 {
  width: 6.25%;
}

.field8_5 {
  width: 8.5%;
}

.field3_32 {
  width: 9.38%;
}

/*HINTS*/
.group.SzybyHintDiv {
  border: none;
  background: transparent;
  border-color: transparent;
  width: 0px;
  float: left;
  overflow: visible;
  margin-left: -23px !important;
}
.group.SzybyHintDiv:after, .group.SzybyHintDiv > label {
  display: none !important;
}
.group.SzybyHintDiv .field {
  min-height: 36px;
  margin: 0px;
  border: none;
}

/*COMPARATOR*/
html .comparatorFieldset {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: calc(100vw - 60px);
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 5px;
  padding-right: 0px;
  padding-left: 0px;
}
html .comparatorFieldset:after {
  display: none;
}
html .comparatorFieldset > * {
  height: 100%;
  max-height: 240px;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  padding: 10px 10px 15px 10px !important;
  border-radius: 5px;
  border: none;
  margin: 5px !important;
  overflow: hidden auto;
  align-self: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  flex-direction: column;
}
html .comparatorFieldset > *:not([class*=Info]):has([class*=Premium]), html .comparatorFieldset > *:not([class*=Info]):has(.field.Value), html .comparatorFieldset > *:not([class*=Info]):has(label.value) {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
html .comparatorFieldset > * .field {
  width: 100%;
}
html .comparatorFieldset > *.selectedOptions .field {
  padding-top: 0px;
}
html .comparatorFieldset > * button {
  width: auto;
}
html .comparatorFieldset > *[class$=Info] {
  width: auto;
  min-width: 0px;
  border: none;
  margin: 0px;
  padding: 0px;
  flex-shrink: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html .comparatorFieldset > *[class$=Info] .field {
  width: auto;
  align-self: center;
  text-align: center;
  padding: 0px;
  font-size: 1rem !important;
}
html .comparatorFieldset > *.comparatorTouristInfo {
  max-width: calc(100% - 790px);
  min-width: 240px;
}
html .comparatorFieldset > *.ComparatorOfferData {
  max-width: 180px;
  min-width: 180px;
}
html .comparatorFieldset > *.logoImgContainer {
  max-width: 150px;
  min-width: 150px;
}
html .comparatorFieldset > .group:after {
  display: none;
}
html .comparatorFieldset .selectedOptions .field.textDisplay label.value {
  flex-direction: column;
  align-items: flex-start;
}
html .comparatorFieldset .singleOffer table tr td:first-of-type {
  display: none;
}
html .comparatorFieldset .ComparatorOfferData > label {
  display: none;
}
html .comparatorFieldset .ComparatorOfferData .ComparatorOfferTitle {
  display: inline-flex;
  padding: 0px;
}
html .comparatorFieldset .ComparatorOfferData .ComparatorOfferTitle label.definition {
  position: static;
  font-size: 1rem;
  text-align: center;
  justify-content: center;
  height: auto;
}
html .comparatorFieldset .ComparatorOfferData .ComparatorOfferTitle label.value {
  display: none;
}
html .comparatorFieldset .field.GoToInsuranceFormVSMButton, html .comparatorFieldset .field.GoToInsuranceFormButton {
  position: sticky;
  right: 5px;
  order: 10;
  width: auto;
  min-width: 0px;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 100%;
  align-items: flex-end;
  justify-content: center;
  display: inline-flex;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  border: none;
  overflow: visible;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7007177871) 20%, rgb(255, 255, 255) 60%);
  max-height: 100%;
  box-shadow: 5px 0px 0px 0px #ffffff;
}
html .comparatorFieldset .field.GoToInsuranceFormVSMButton button, html .comparatorFieldset .field.GoToInsuranceFormButton button {
  background-color: #25ad5f;
  height: 36px;
  border: 1px solid #25ad5f;
  color: #FFFFFF;
  filter: none;
  width: 90px;
  font-weight: bold;
}
html .comparatorFieldset .field.GoToInsuranceFormVSMButton button:hover, html .comparatorFieldset .field.GoToInsuranceFormButton button:hover {
  background-color: #193854;
  color: #FFFFFF;
  border: 1px solid #193854;
}
html .comparatorFieldset .field.TravelUlotkaLink {
  margin: 0px !important;
  border: none !important;
  min-width: 0px;
  position: absolute;
  top: 0px;
  right: 5px;
  width: auto;
  height: auto;
  padding: 10px !important;
  z-index: 3;
}
html .comparatorFieldset .field.TravelUlotkaLink a {
  color: #25ad5f;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  width: 90px;
  gap: 3px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  transition: all 0.5s 0s ease;
}
html .comparatorFieldset .field.TravelUlotkaLink a:before {
  content: "";
  display: block;
  background-image: url("Layout/icon_brochure.svg");
  background-position: center center;
  border-repead: no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
  transition-duration: 0s;
}
html .comparatorFieldset .field.TravelUlotkaLink a:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  color: #FFFFFF;
  background: #193854;
}
html .comparatorFieldset .field.TravelUlotkaLink a:hover:before {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}
html .comparatorFieldset .field.logoImgContainer {
  padding: 0px 10px;
  border: none;
  margin: 0px 80px 0px 0px !important;
  background: #ffffff;
  position: sticky;
  left: 10px;
  overflow: hidden;
  z-index: 2;
  padding-left: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: -10px 0px 0px 10px rgb(255, 255, 255);
}
html .comparatorFieldset .field.logoImgContainer img {
  width: 100%;
  height: auto;
}
html .comparatorFieldset .field.logoImgContainer .logoImg {
  margin-top: -18px;
  float: left;
  min-height: 90px;
  min-width: 90px;
}
html .comparatorFieldset .field.logoImgContainer + .logoImgContainer[style*="position:absolute"] {
  border: none;
  height: auto;
  left: 5px !important;
  top: auto !important;
  bottom: 0px;
  padding: 0px !important;
}
html .comparatorFieldset .field.logoImgContainer + .logoImgContainer[style*="position:absolute"] label {
  justify-content: center;
}
html .comparatorFieldset .field.complex.singleOffer table td, html .comparatorFieldset .field.complex.singleOffer table th {
  border-bottom: 0px solid transparent;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
html .comparatorFieldset .field.complex.singleOffer table tr:nth-child(even) {
  background-color: transparent;
}
html .comparatorFieldset .field.ComparatorSelectButton {
  text-align: center;
}
html .comparatorFieldset .field.ComparatorSelectButton button {
  filter: none;
  height: 36px;
  background-color: #25ad5f;
  color: #FFFFFF;
}
html .comparatorFieldset .field.ComparatorSelectButton button:hover {
  background-color: #1d8a4c;
  color: #FFFFFF;
}
html .comparatorFieldset .field.ComparatorInsurancePremium label.value,
html .comparatorFieldset .field.ComparatorInsurancePremium .Value span, html .comparatorFieldset .field.singleOffer label.value,
html .comparatorFieldset .field.singleOffer .Value span {
  text-align: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2rem;
  color: #193854;
  padding: 0px;
}
html .comparatorFieldset .field.ComparatorWithoutPremium label.value, html .comparatorFieldset .field.pushCountButtonLabel label.value {
  text-align: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #193854;
  min-height: 0px;
}
html .comparatorFieldset .field.pushCountButtonLabel label.value {
  font-size: 1rem;
}
html .comparatorFieldset .field.comparatorCalcButton {
  padding: 0px !important;
  margin: 0px 0px 0px -75px !important;
  max-width: 70px;
  min-width: 70px;
  position: sticky;
  left: 155px;
  z-index: 2;
  background: #ffffff;
}
html .comparatorFieldset .field.comparatorCalcButton button {
  flex-direction: column;
  height: auto;
  color: #25ad5f;
  width: 60px;
  background-color: #FFFFFF;
}
html .comparatorFieldset .field.comparatorCalcButton button .ico {
  background-image: url("Layout/ico_math.svg");
  background-position: center center;
  width: 36px;
  height: 36px;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
  transition-duration: 0s;
}
html .comparatorFieldset .field.comparatorCalcButton button:hover {
  /*color: #ffffff;*/
}
html .comparatorFieldset .field.comparatorCalcButton button:hover .ico {
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
  transition-duration: 0s;
}
html .comparatorFieldset .field.offerExpiredComplex {
  min-height: 0px;
  padding: 5px 0px 5px 0px;
  margin: 0px !important;
}

/*SECTION FORM END*/
.field[class$=SectionAnchor] {
  width: 100%;
  font-size: 0px;
  opacity: 0;
  min-height: 0px;
  position: relative;
  pointer-events: none;
  border: none;
  padding: 0px;
}
.field[class$=SectionAnchor] label.value {
  min-height: 0px;
}

.sfr:has(.sectrionLinksForm) {
  width: 100%;
}

.formwrap.sectrionLinksForm {
  padding-left: 70px;
}

.tabContainer.sectionLinksWrapper {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.tabContainer.sectionLinksWrapper .tabHeader {
  display: none;
}

.sectionLinksWrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: none;
  padding: 0px;
  width: auto;
}
.sectionLinksWrapper > label.groupLabel {
  display: none;
}
.sectionLinksWrapper:after {
  display: none;
}
.sectionLinksWrapper div[class$=SectionLink] {
  width: auto;
  min-height: 0px;
  padding: 0px;
  margin: 0px;
  float: none;
  background: transparent;
  border: none;
}
.sectionLinksWrapper .field label.value {
  height: auto;
  min-height: 0px;
}
.sectionLinksWrapper .field .sectionLink {
  display: inline-block;
  margin: 8px 0px;
  width: 50px;
  height: 50px;
  background-size: auto calc(100% - 20px);
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
  border: 1px solid #e6e6e6;
  border-radius: 50%;
}
.sectionLinksWrapper .field .sectionLink.approved:after, .sectionLinksWrapper .field .sectionLink.error:before {
  content: "!";
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: red;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  right: -4px;
}
.sectionLinksWrapper .field .sectionLink.approved:after {
  background-color: #27ae5f;
  content: "✓";
}
.sectionLinksWrapper .field .sectionLink.approved.error:before {
  top: 22px;
}
.sectionLinksWrapper .field .sectionLink.hidden {
  display: none;
}
.sectionLinksWrapper .field.basicDataSectionLink .sectionLink {
  background-image: url(Icons/ico_file_darkblue.svg);
}
.sectionLinksWrapper .field.vehicleDataSectionLink .sectionLink {
  background-image: url(Icons/ico_car_darkblue.svg);
}
.sectionLinksWrapper .field.ownerSectionLink .sectionLink {
  background-image: url(Icons/ico_user_darkblue.svg);
}
.sectionLinksWrapper .field.accordionSectionLink .sectionLink {
  background-image: url(Icons/ico_info_darkblue.svg);
}
.sectionLinksWrapper .field.comparatorSectionLink .sectionLink {
  background-image: url(Icons/ico_scale_darkblue.svg);
}
.sectionLinksWrapper .field.basicDataSectionLink .sectionLink:hover {
  background-image: url(Icons/ico_file_green.svg);
}
.sectionLinksWrapper .field.vehicleDataSectionLink .sectionLink:hover {
  background-image: url(Icons/ico_car_green.svg);
}
.sectionLinksWrapper .field.ownerSectionLink .sectionLink:hover {
  background-image: url(Icons/ico_user_green.svg);
}
.sectionLinksWrapper .field.accordionSectionLink .sectionLink:hover {
  background-image: url(Icons/ico_info_green.svg);
}
.sectionLinksWrapper .field.comparatorSectionLink .sectionLink:hover {
  background-image: url(Icons/ico_scale_green.svg);
}

/*SECTION FORM END*/
.SectionToolbarPanel {
  display: none;
  justify-content: center;
}

.tabContainer .sectionToolbar .tabHeader {
  color: pink;
  display: none;
}

div[class$=SectionAnchor] {
  width: 100%;
  font-size: 0px;
  opacity: 0;
  min-height: 0px;
  position: relative;
  pointer-events: none;
}

.mesagesTab {
  display: none;
}

.choose-employee {
  float: left;
  width: auto;
}
.choose-employee:after {
  border: none;
}

html input[type=button].EditSectionBtn, html input[type=button].ConfirmSectionBtn {
  background-position: 8px center;
  background-repeat: no-repeat;
  padding-left: 35px;
  background-size: auto 20px;
  margin-left: 50% !important;
  transform: translateX(-50%);
  margin-top: 0px !important;
}

.basicDataSectionLinkValidation .tab {
  justify-content: space-evenly;
}
.basicDataSectionLinkValidation .tab .hiddenLegendFieldset {
  padding: 10px 10px 0px 10px;
}

.searchEquipment {
  /*display: none;*/
}

.vehicleDataSectionLinkValidation .danePojazdu .field.hiddenField + .field.text.field1_4 {
  clear: both;
}

.vehicleDataSectionLinkValidation .danePojazdu .inneMarki {
  position: initial;
  float: left;
}

.vehicleDataSectionLinkValidation .danePojazdu .ignoreYear + .ignoreYear {
  left: auto !important;
}

.vehicleDataSectionLinkValidation .danePojazdu > label:after {
  height: 15px;
  border: none !important;
  text-indent: 4px;
  border-left: 16px solid rgba(39, 174, 95, 0.2) !important;
  margin-top: 0px;
  float: right;
  font-size: 11px;
  content: "Wycena Eurotax";
  display: flex;
  flex-direction: row;
  align-items: center;
}

.field.Etx_Field_Req input,
.field.Etx_Field_Req .styledSelect,
.field.Etx_Field_Req input[type=checkbox] + label:before,
.field.Etx_Field_Req input[type=radio] + label:before {
  background-color: rgba(39, 174, 95, 0.2) !important;
}

.field.Etx_Field_Req input[disabled=disabled],
.field.Etx_Field_Req input[disabled=""],
.field.Etx_Field_Req input[disabled],
.field.Etx_Field_Req input:disabled,
.field.Etx_Field_Req .styledSelect select[disabled=disabled],
.field.Etx_Field_Req .styledSelect select[disabled=""],
.field.Etx_Field_Req .styledSelect select[disabled],
.field.Etx_Field_Req .styledSelect select:disabled,
.field.Etx_Field_Req .styled-select select[disabled=disabled],
.field.Etx_Field_Req .styled-select select[disabled=""],
.field.Etx_Field_Req .styled-select select[disabled],
.field.Etx_Field_Req .styled-select select:disabled {
  background-color: rgba(39, 174, 95, 0.2) !important;
}

.field.Etx_Field_Req input[disabled=disabled].formvalidation_fieldError,
.field.Etx_Field_Req input[disabled=""].formvalidation_fieldError,
.field.Etx_Field_Req input[disabled].formvalidation_fieldError,
.field.Etx_Field_Req input:disabled.formvalidation_fieldError,
.field.Etx_Field_Req .styledSelect select[disabled=disabled].formvalidation_fieldError,
.field.Etx_Field_Req .styledSelect select[disabled=""].formvalidation_fieldError,
.field.Etx_Field_Req .styledSelect select[disabled].formvalidation_fieldError,
.field.Etx_Field_Req .styledSelect select:disabled.formvalidation_fieldError,
.field.Etx_Field_Req .styled-select select[disabled=disabled].formvalidation_fieldError,
.field.Etx_Field_Req .styled-select select[disabled=""].formvalidation_fieldError,
.field.Etx_Field_Req .styled-select select[disabled].formvalidation_fieldError,
.field.Etx_Field_Req .styled-select select:disabled.formvalidation_fieldError {
  background-color: #f00 !important;
}

/*DOCUMENT LIBRARY*/
html #_content #FR .documentSearchButton span {
  background-image: url("Icons/ico_search.svg");
  min-width: 26px;
}
html #_content #FR .documentSearchButton button {
  font-size: 0;
}

html #_content #FR .documentSearch {
  width: calc(100vw - 106px);
}

html #_content #FR .midipDocLibrary {
  /*    .accor.midipDocLibDir {
      margin-top: 10px;
  }*/
}
html #_content #FR .midipDocLibrary .docCategories > .accor-panel {
  display: inline-flex;
  flex-wrap: wrap;
  overflow: scroll;
}
html #_content #FR .midipDocLibrary .docCategories > .accor-panel.visible {
  max-height: calc(100vh - 250px);
}
html #_content #FR .midipDocLibrary .docCategories > .accor-panel .field {
  width: 100%;
  align-items: center;
  display: flex;
}
html #_content #FR .midipDocLibrary .docCategories > .accor-panel .field > a {
  margin-right: 5px;
  min-width: 20px;
}
html #_content #FR .midipDocLibrary .docCategories .group {
  background-color: rgba(0, 0, 0, 0.03);
}
html #_content #FR .midipDocLibrary .docCategories .group .accor .accor .accor-button {
  box-shadow: none;
  background: url("Icons/ico_arrow_down.svg") scroll no-repeat right center transparent;
  background-size: auto 1.5rem;
  color: #000000;
  filter: invert(23%) sepia(15%) saturate(0%) hue-rotate(254deg) brightness(102%) contrast(96%);
  text-align: left;
  justify-content: flex-start;
  font-weight: bold;
  border-radius: 0px;
  min-height: 0px;
  max-height: 100%;
  height: auto;
}
html #_content #FR .midipDocLibrary .docCategories .group .accor .accor .accor-button.accor-active, html #_content #FR .midipDocLibrary .docCategories .group .accor .accor .accor-button:hover {
  color: #000000;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
}
html #_content #FR .midipDocLibrary .docCategories .group .accor .accor .accor-button.accor-active {
  background: url("Icons/ico_arrow_up.svg") scroll no-repeat right center transparent;
  background-size: auto 1.5rem;
}
html #_content #FR .midipDocLibrary .docCategories .group .accor .accor .accor-panel {
  padding-left: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/*PP-17668*/
/*.progressBar-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    .progressBar-status {
        order: 3;
    }
}*/
/*PP-17470 + PP-19709*/
.eurotaxEquipmentSearchButton {
  display: flex;
  align-items: center;
  gap: 8px;
}
.eurotaxEquipmentSearchButton button {
  font-size: 0;
  width: 20px !important;
  height: 20px;
  padding: 0px;
}
.eurotaxEquipmentSearchButton button .ico {
  background: url(../../Icons/ico_search.svg) no-repeat center center/contain;
  width: 20px;
  height: calc(100% - 4px);
}

div.group.searchEquipment {
  order: 3;
  width: 0px;
  height: 0px;
  padding: 0px;
  overflow: visible;
  border: none;
  right: 13px;
  top: 15px;
}
div.group.searchEquipment:after {
  display: none;
}
div.group.searchEquipment .sfr {
  display: flex;
  justify-content: end;
}
div.group.searchEquipment .sfr .field.textDisplay {
  display: none;
}
div.group.danePojazdu {
  order: 1;
}
div.group.wyposazenie {
  order: 2;
}
div.group.wyposazenie + div {
  order: 4;
}

.etxEquipmentPopup .tab {
  overflow: auto;
  max-height: 35vh;
  overflow-x: hidden;
}
.etxEquipmentPopup .treelist-item:not([level="0"]) {
  transform: translateX(1em);
}
.etxEquipmentPopup .treelist-item td:has([type=checkbox]) {
  padding-left: 0.5em;
  width: 22px;
}
.etxEquipmentPopup .treelist-column {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding-bottom: 0.5em;
}
.etxEquipmentPopup .pops-t {
  order: 999;
}

/*PP-17220*/
.treelist-items-table .directory.collapsed .treelist-item-btn, .treelist-items-table .directory.expanded .treelist-item-btn {
  width: 12px;
}
.treelist-items-table th {
  text-align: start;
}

.formwrap .group.transfer-details {
  font-weight: 700;
}
.formwrap .group.transfer-details .field {
  min-width: 10em;
}

.treelist-items-table .treelist-item.element[level="1"] {
  transform: translateX(2em);
}
.treelist-items-table .treelist-item.element[level="2"] {
  transform: translateX(4em);
}
.treelist-items-table .treelist-item.element[level="3"] {
  transform: translateX(6em);
}
.treelist-items-table .treelist-item.element[level="4"] {
  transform: translateX(8em);
}
.treelist-items-table .treelist-item.element[level="5"] {
  transform: translateX(10em);
}

/*PP-17169*/
.templateEditorComponentTree tr.treelist-item[level="1"] {
  transform: translateX(3em);
}
.templateEditorComponentTree tr.treelist-item[level="2"] {
  transform: translateX(6em);
}
.templateEditorComponentTree tr.treelist-item[level="3"] {
  transform: translateX(9em);
}
.templateEditorComponentTree tr.treelist-item[level="4"] {
  transform: translateX(12em);
}
.templateEditorComponentTree tr.treelist-item[level="5"] {
  transform: translateX(15em);
}

.templateEditorComponentTree table.treelist-items-table tbody {
  display: flex;
  flex-direction: column;
}
.templateEditorComponentTree table.treelist-items-table tbody tr.treelist-item, .templateEditorComponentTree table.treelist-items-table tbody tr.treelist-item td, .templateEditorComponentTree table.treelist-items-table tbody tr.treelist-item td div, .templateEditorComponentTree table.treelist-items-table tbody .treelist-item-space {
  height: 3em;
}
.templateEditorComponentTree table.treelist-items-table tbody span.treelist-item-btn {
  background: url("../Icons/ico_file.svg") no-repeat center center/10px 10px;
  width: 10px !important;
}

/*PP-16809*/
.genericlist-wrapper {
  height: 73vh;
}

/*PP-16590*/
.genericlist-wrapper.GLT-vsm .GLT-vsm {
  /*width: calc(100% - 200px);*/
}
.genericlist-wrapper.GLT-vsm > .field {
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
}

/*PP-17240 + PP-19817*/
/*Tabelki podsumowanie:*/
.tab.financialInfoSummaryFieldset > .group:not(:has(div.BankData)),
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) > .group:not(:has(div.BankData)) {
  width: 33.3%;
}
@media (max-width: 780px) {
  .tab.financialInfoSummaryFieldset > .group:not(:has(div.BankData)),
  .accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) > .group:not(:has(div.BankData)) {
    width: 100%;
  }
}
.tab.financialInfoSummaryFieldset div.BankData .value,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) div.BankData .value {
  font-weight: 700;
}
.tab.financialInfoSummaryFieldset .field:has(button[onclick]),
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field:has(button[onclick]) {
  order: 10;
  align-self: center;
}
.tab.financialInfoSummaryFieldset .field:has(button[onclick]) button[onclick],
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field:has(button[onclick]) button[onclick] {
  /* kopia z Form.scss button.primary: */
  background-color: #25ad5f;
  color: #ffffff;
}
.tab.financialInfoSummaryFieldset .field:has(button[onclick]) button[onclick]:hover,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field:has(button[onclick]) button[onclick]:hover {
  background-color: #1d8a4c;
}
.tab.financialInfoSummaryFieldset .field:has(button[onclick]) button[onclick]:disabled,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field:has(button[onclick]) button[onclick]:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.tab.financialInfoSummaryFieldset .field.SaldoField,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.SaldoField {
  font-weight: 700;
  border-top: 1px solid #DEDEDE;
  margin-top: 1em;
}
.tab.financialInfoSummaryFieldset .field.SaldoField label.definition,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.SaldoField label.definition {
  font-size: 12px;
}
.tab.financialInfoSummaryFieldset .field.textDisplay.currency,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.textDisplay.currency {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-height: 1.7em;
}
.tab.financialInfoSummaryFieldset .field.textDisplay.currency label.definition,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.textDisplay.currency label.definition {
  width: unset;
}
.tab.financialInfoSummaryFieldset .field.textDisplay.currency label.value,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .field.textDisplay.currency label.value {
  width: unset;
}
.tab.financialInfoSummaryFieldset .group,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .group {
  display: flex;
  flex-direction: column;
}
.tab.financialInfoSummaryFieldset .group.CommisionGroup,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) .group.CommisionGroup {
  margin-top: 1.5em;
  background: rgba(0, 0, 0, 0.05) !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab.financialInfoSummaryFieldset > .group > label:first-child,
.accountingDealerForm .tab:has(> .financialInfoCommisionSummaryFieldset) > .group > label:first-child {
  background: #193854;
  color: white;
  padding: 0.65em;
  margin: -0.8em -0.8em 0.8em -0.7em;
  border-radius: 5px 5px 0 0;
}

/*Popup:*/
.tab.awizoChooseForm .field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
  width: auto;
  min-width: 100%;
  padding: 0px;
}
.tab.awizoChooseForm .field.field1_2:not(.redField) {
  min-width: 20% !important;
}
.tab.awizoChooseForm .field label {
  width: auto;
}
.tab.awizoChooseForm .field .definition {
  font-size: 1rem;
}
.tab.awizoChooseForm .field .value {
  font-weight: 700;
  font-size: 1.2rem !important;
}
.tab.awizoChooseForm .field.redField .value {
  color: red;
}

/*PP-17019*/
div.pops-c div.matchTransfersValidationText {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.5em;
}
div.pops-c div.matchTransfersValidationText label.value {
  text-align: start !important;
  padding: 0 1em 1em;
}
div.pops-c div.matchTransfersValidationText label.value > b {
  font-size: 14px;
}
div.pops-c div.matchTransfersValidationText label.value font {
  color: #25ad5f;
}

.vsm-toolbar button {
  /* kopia z Form.scss button.primary: */
  background-color: #25ad5f;
  color: #ffffff;
}
.vsm-toolbar button:hover {
  background-color: #1d8a4c;
}
.vsm-toolbar button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}

td .errorDocument {
  display: inline-block;
  height: 24px;
  line-height: 21px;
  background: transparent url(Layout/MIDIP/danger.png) no-repeat scroll center left;
  font-weight: bold;
  color: #ffffff;
  width: 50px;
}

td .okDocument {
  display: inline-block;
  height: 24px;
  line-height: 21px;
  background: transparent url(Layout/MIDIP/checked.png) no-repeat scroll center left;
  padding-left: 6px;
  font-weight: bold;
  color: #ffffff;
  width: 50px;
}

td .questionDocument {
  display: inline-block;
  height: 24px;
  line-height: 21px;
  background: transparent url(Icons/MIDIP/question_orange.png) no-repeat scroll center left;
  font-weight: bold;
  color: #ffffff;
  width: 50px;
}

/*PP-19518*/
body #_content > #FR > .formwrap div.pops-b div.pops-f:has(.genericlist-wrapper) {
  max-height: 90vh;
}

/*PP-19518*/
.midip-welcomePage .alertList .treelist-container .treelist-items-table th > .treelist-column,
.widgetContainer > .tabHeader,
#_pops .pops-c input[onclick="closeFormMessage(this);"],
.tabContainer.GroupPolicyForClauseOriginalGlass .tabHeader {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.sectrionLinksForm .tab:has(> .group.rangeCompareHeader) .field.logoImgContainer {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.sectrionLinksForm .tab:has(> .group.rangeCompareHeader) .field.logoImgContainer .logoImg {
  margin-top: 0px;
}

.sectrionLinksForm .tab:has(> .group.rangeCompareHeader) .field.textDisplay .value:has(> li) {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 10px;
  align-items: flex-start;
}

.sectrionLinksForm .tab:has(> .group.rangeCompareHeader) .field.textDisplay {
  border-left: 1px solid #ccc;
  padding-left: 8px;
  height: 100%;
}

html .sectrionLinksForm .group.rangeCompareHeader .field.textDisplay {
  border-left: 1px solid #ffffff !important;
  color: #ffffff;
  background: #25ad5f;
  padding-top: 0px;
}
html .sectrionLinksForm .group.rangeCompareHeader .field.textDisplay label.value {
  justify-content: center;
  font-weight: bold;
}

html .sectrionLinksForm .group.rangeCompareHeader .field.textDisplay:first-of-type {
  border-left: none !important;
  background: transparent;
}

html .sectrionLinksForm .group.rangeCompareHeader .field.textDisplay:last-of-type {
  border-top-right-radius: 5px;
}

html .sectrionLinksForm .group.rangeCompareHeader .field.textDisplay:nth-of-type(2) {
  border-top-left-radius: 5px;
}

html #_content #FR .sectrionLinksForm .group.rangeCompareHeader {
  background: transparent;
  border-radius: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: none;
  border-bottom: none;
  margin-bottom: -5px;
}
html #_content #FR .sectrionLinksForm .group.rangeCompareHeader:after {
  display: none;
}

.group.comparatorFieldset.HestiaTU.HestiaTourist .group.comparatorTouristInfo .value {
  flex-direction: column;
}

.icon-button.zip, .icon-button.pdf, .icon-button.xls {
  height: 40px;
}

.sectrionLinksForm .basicDataSectionLinkValidation .group.DealerDetails {
  width: calc(100% - 200px);
  max-width: 800px;
}
.sectrionLinksForm .basicDataSectionLinkValidation .group.DealerDetails label.value {
  line-height: 14px;
}
@media (max-width: 780px) {
  .sectrionLinksForm .basicDataSectionLinkValidation .group.DealerDetails {
    flex-direction: column;
    width: auto;
  }
}

.group.searchEquipment .button.eurotaxEquipmentSearchButton {
  padding-top: 0;
  margin-top: 0px;
}

.wyposazenie .group.additionalEquipmentList .field.complex.AdditionalEquipmentList {
  width: 100%;
}
.wyposazenie .group.additionalEquipmentList .mainComplexDivContainer td.additionalEquipmentInsuranceSum > .field {
  width: 100%;
}
.wyposazenie .group.additionalEquipmentList .field.text.additionalEquipmentSum {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.wyposazenie .group.additionalEquipmentList .field.text.additionalEquipmentSum label {
  font-size: 1.2rem;
  position: relative;
  font-weight: 700;
  height: 100%;
}

div#_formMessages {
  bottom: 85px;
}
@media (max-width: 1080px) {
  div#_formMessages {
    bottom: 130px;
  }
}

.group.premiumFieldset.comparatorPremiumWidget {
  position: fixed;
  z-index: 3;
  bottom: 90px;
  width: 300px;
  right: -300px;
  transition: ease-out 0.5s 0s right;
}
.group.premiumFieldset.comparatorPremiumWidget:hover {
  right: 20px;
}
.group.premiumFieldset.comparatorPremiumWidget .groupLabel {
  margin-bottom: 0px;
  font-weight: 700;
  position: absolute;
  width: 36px;
  top: 0px;
  left: -46px;
  height: 100%;
  word-break: break-all;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 5px 13px;
  text-align: center;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
}
.group.premiumFieldset.comparatorPremiumWidget .currency .value {
  font-size: 2rem;
  font-weight: 700;
  justify-content: flex-end;
  text-align: right;
}
.group.premiumFieldset.comparatorPremiumWidget .field {
  padding: 10px;
  border: 1px solid #ccc;
  height: 58px;
}
.group.premiumFieldset.comparatorPremiumWidget .field.logoImgContainer {
  border-right: 0;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
  width: 60px;
}
.group.premiumFieldset.comparatorPremiumWidget .field.logoImgContainer .logoImg {
  margin-top: unset;
  min-width: 50px;
  min-height: 50px;
  background-size: contain !important;
}
.group.premiumFieldset.comparatorPremiumWidget .field.textDisplay {
  border-left: 0;
  margin-right: 0px;
  margin-bottom: 10px;
  border-radius: 0 5px 5px 0;
  width: calc(100% - 60px);
}
@media (max-width: 1080px) {
  .group.premiumFieldset.comparatorPremiumWidget {
    bottom: 110px;
  }
}
@media (max-width: 600px) {
  .group.premiumFieldset.comparatorPremiumWidget {
    position: relative;
    bottom: unset;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .group.premiumFieldset.comparatorPremiumWidget .field {
    flex-basis: 40%;
  }
  .group.premiumFieldset.comparatorPremiumWidget .groupLabel {
    flex-basis: 100%;
  }
}

body:has(form[action*="/Oferta"]) .group.field.SzybyHintDiv {
  margin-left: calc(12.5% - 35px);
  position: absolute;
  z-index: 1;
}

.group.danePojazdu .field.checkbox.ignoreYear {
  left: 0 !important;
}

body:has(form[action*="/Oferta"]) .group:has(> .ClauseName) .field.checkbox {
  min-width: 240px;
  height: 60px;
  margin: 10px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}
body:has(form[action*="/Oferta"]) .group:has(> .ClauseName) ~ .group:has(> .ClauseName) .field.checkbox {
  min-width: unset;
  height: unset;
  margin: 0;
  border: 0;
}

.infoHeaderFormSection .field.textDisplay.typeField {
  font-size: 2rem;
  font-weight: 700;
}

/*#_autoComplete .autocomplete-result p[label="logoImgContainernie"],
.tabContainer.vehicleDataSectionLinkValidation input[type="text"] {
    text-transform: capitalize;
}*/
.autocomplete-result {
  max-height: 250px;
  min-width: 300px;
  width: auto !important;
}

.autocomplete-result p {
  display: flex;
}

.group.comparatorFieldset .logoImgContainer .logoImg {
  width: 130px;
  min-width: 130px;
}
.group.comparatorFieldset.PzuLeasingTU .field.textDisplay.logoImgContainer {
  background-color: transparent;
  box-shadow: unset;
}

.logoImgContainer .logoImg {
  min-width: 90px;
  min-height: 90px;
  float: left;
  margin-top: -18px;
  background-size: contain !important;
}

/*PP-19675 - Breadcrumb*/
#menu {
  z-index: 2;
}

html #_breadcrumb {
  padding-top: 0;
}
html #_breadcrumb ul.breadcrumb li {
  background-color: #25ad5f;
  color: #fff;
  padding: 10px;
  font-weight: 700;
  max-height: 35px;
  box-shadow: 4px 1px 4px rgba(0, 0, 0, 0.1882352941);
}
html #_breadcrumb ul.breadcrumb li:before {
  color: #fff;
  font-size: 6.5rem;
  margin-top: 1.5px;
  font-weight: 700;
  margin-left: -5px;
  z-index: 1;
}
html #_breadcrumb ul.breadcrumb li > span {
  padding-left: 50px;
}
html #_breadcrumb ul.breadcrumb li > span:before {
  content: "";
  background: url("Layout/MIDIP/icon_arrow.svg") no-repeat center center/contain;
  width: 35px;
  height: 35px;
  margin-top: -11px;
  padding: 0;
  position: absolute;
  margin-left: -44px;
}
html #_breadcrumb ul.breadcrumb li:not(:first-of-type) > a {
  padding-left: 50px;
}
html #_breadcrumb ul.breadcrumb li:not(:first-of-type) > a:before {
  content: "";
  background: url("Layout/MIDIP/icon_arrow.svg") no-repeat center center/contain;
  width: 35px;
  height: 35px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  margin-left: -44px;
}
html #_breadcrumb ul.breadcrumb li a {
  color: #fff;
}
html #_breadcrumb ul.breadcrumb li a:hover {
  color: #fff;
}
html #_breadcrumb ul.breadcrumb li:last-of-type {
  padding-right: 25px;
  border-radius: 0 0px 7px 0;
}
html #_breadcrumb ul.breadcrumb li:has(a[href*="#Witamy.aspx"]) {
  background-color: #193854;
  color: #fff;
  padding-right: 10px;
  border-radius: 0;
}
html #_breadcrumb ul.breadcrumb li:has(a[href*="#Witamy.aspx"]) .icon {
  filter: invert(1);
}
html #_breadcrumb ul.breadcrumb li:has(a[href*="#Witamy.aspx"]):before {
  content: "";
  background: url("Layout/MIDIP/icon_arrow_full.svg") no-repeat center center/contain;
  width: 35px;
  height: 35px;
  padding: 0;
  margin-top: -0.2px;
  margin-left: 30.5px;
  position: absolute;
  filter: invert(82%) sepia(83%) saturate(401%) hue-rotate(164deg) brightness(91%) contrast(96%);
}

#_breadcrumb ul.breadcrumb li + li::before {
  content: "";
}

#_headerInner {
  z-index: 3;
}

/*PP-19677*/
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel {
  overflow: unset !important;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group {
  padding: 0;
  max-height: 45px;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group:has(.accor-active) {
  max-height: unset;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group:has(.accor-active) > .accor > .accor-button > span:before {
  content: "-";
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group > .accor > .accor-button {
  margin-bottom: 15px;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group > .accor button.accor-button {
  justify-content: flex-start;
  background-color: #193854;
  color: #fff;
  gap: 20px;
  background-image: unset !important;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group > .accor button.accor-button:hover {
  background-color: #25ad5f;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group > .accor button.accor-button:hover span:before {
  color: #fff;
  filter: invert(1);
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group > .accor button.accor-button > span:before {
  content: "+";
  font-size: 22px;
  font-weight: 500;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group .accor-panel.visible:has(> .midipDocLibItem) {
  padding: 20px 20px 30px 20px;
  border-left: 3px solid #25ad5f;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group .accor-panel.visible:has(> .midipDocLibItem) .midipDocLibItem {
  padding-left: 40px;
}
.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel span.ico {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 20px;
}

.midipDocLibrary.midipDocLibDir .accor.docCategories > button.accor-button {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.midipDocLibrary.midipDocLibDir .accor.docCategories > .accor-panel > .group > .accor button.accor-button.accor-active > span:before {
  content: "-";
}

.midipDocLibrary.midipDocLibDir .tab:has(> .documentSearchButton) .accor.midipDocLibDir.docCategories {
  margin-top: 40px;
}

.midipDocLibrary.midipDocLibDir .accor.midipDocLibDir.accor-active {
  border-bottom: 1px solid #ccc;
}

/*PP-19680
.genericlist-wrapper.GLT-vsm > .field {
    max-width: 200px;
}

.genericlist-wrapper.GLT-vsm .treelist-items-table .treelist-item.element[level="2"] {
    transform: translateX(0em);
}

    */
@media screen and (max-width: 780px) {
  .genericlist-wrapper.GLT-vsm {
    flex-direction: row;
  }
}
/*PP-19700*/
.group.choose-employee {
  width: auto;
  padding: 0px;
  border: none;
  margin-top: 0px !important;
}
.group.choose-employee .sfr-searchTmpl {
  width: 100%;
}

.EHForm .group.choose-employee, .PZUForm .group.choose-employee {
  width: auto;
  padding: 0px;
  border: none;
  margin-top: -8px !important;
}
.EHForm .group.choose-employee .sfr-searchTmpl, .PZUForm .group.choose-employee .sfr-searchTmpl {
  width: 100%;
}

.PZUForm .group.choose-employee {
  width: auto;
  padding: 0px;
  border: none;
  margin-top: -14px !important;
}
.PZUForm .group.choose-employee .sfr-searchTmpl {
  width: 100%;
}

.EHForm .assignMeBtn, .PZUForm .assignMeBtn {
  margin-top: -23px !important;
}

.EHLForm .assignMeBtn, .PZULForm .assignMeBtn, .AllianzForm .assignMeBtn, .CompensaForm .assignMeBtn, .WartaForm .assignMeBtn, .HDIForm .assignMeBtn {
  margin-top: -8px !important;
}

/*PP-19703*/
body:has(form[action*="/Porownywarka.aspx"]) #FR > .formwrap:has(:not(.field.textDisplay.displayState)) > .tabContainer > .tabHeader,
body:has(form[action*="/Oferta"]) #FR > .formwrap:has(:not(.field.textDisplay.displayState)) > .tabContainer > .tabHeader {
  display: none;
}

body:has(form[action*="/Porownywarka.aspx"]) #FR > .formwrap:has(> .field.textDisplay.displayState) > .tabContainer > .tabHeader,
body:has(form[action*="/Oferta"]) #FR > .formwrap:has(> .field.textDisplay.displayState) > .tabContainer > .tabHeader {
  display: inline-flex;
}

/*PP-19704*/
html #_header .UCI, html #_header .logout {
  top: -90px;
}

/*PP-19726*/
/*PP-19701*/
/*PP-21039*/
.GenericImportForm .tab .field.textarea {
  width: 100%;
  background-color: #fff;
  margin: 10px 0px 0 5px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 5px;
}
.GenericImportForm .tab .field.textarea .inputWrapper {
  margin-top: 10px;
}

.GenericImportForm .tab > .field.autocomplete {
  min-width: 350px;
}

/*PP-19670*/
.overlay-enabled .blockMsg.active {
  border-radius: 5px;
  padding: 15px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  top: calc(50% + 30px + 40px);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  flex-shrink: 0;
  flex-grow: 0;
}
.overlay-enabled .blockMsg.active:before {
  content: "i";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50%;
  border: 2px solid #25ad5f;
  color: #25ad5f;
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 13px;
}

/*PP-19665*/
.pops-f .genericlist-wrapper {
  height: auto;
}

/*PP-19669*/
.group.additionalOption[class*=ScopeOfProtection]:after {
  display: none;
  padding: 0px;
  margin: 0px;
}

.field.accor.InsuranceRangeAccordionButton {
  width: 100%;
  min-height: auto;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  margin-top: 0px;
}

label.groupLabel {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #193854;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.group .group {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 20px;
  padding: 0px;
  border-width: 0px;
}
.group .group > label {
  width: calc(100% - 10px);
}
.group .group:after {
  display: none;
}

.spaceBetweenFields {
  margin-right: 25px;
}

.field.text.field8_5.spaceBetweenFields {
  margin-right: 45px;
}

.group.additionalOption[class*=ScopeOfProtection][class*=PZU] .ClauseName {
  font-weight: bold;
  font-size: 13px;
  color: green;
}
.group.additionalOption[class*=ScopeOfProtection][class*=PZU] #o180240192.field.checkbox.field1_8.lap1_8.spaceBetweenFields,
.group.additionalOption[class*=ScopeOfProtection][class*=PZU] div.field.textDisplay.ClauseName[id=o180234465] {
  clear: both;
}

.group.additionalOption .field.checkbox {
  align-items: flex-start;
}
.group.additionalOption .field.checkbox input + label {
  align-items: flex-start;
}
.group.additionalOption .field.checkbox.field1_8 {
  margin-right: 20px;
}

/*PP-19709*/
.group.segment1_2 {
  width: 50%;
}
.group.segment1_3 {
  width: 33.333%;
}
.group.segment1_4 {
  width: 25%;
}
.group.segment1_5 {
  width: 20%;
}

.field.complex {
  width: 100%;
}

.wyposazenie > label {
  margin-bottom: 20px;
}
.wyposazenie .additionalEquipmentList .field {
  width: 20%;
}

/*PP-19708*/
.group.dane:has(.leasingTLP) {
  margin-top: 46px;
}
.group.dane:has(.leasingTLP) .field.leasingTLP {
  position: absolute;
  top: -50px;
  left: 5px;
}
.group.dane:has(.leasingTLP) .field.oddzialTLP {
  position: absolute;
  top: -50px;
  left: calc(12.5% + 5px);
  width: 25%;
}

/*PP-19783*/
.TippedToolTip {
  font-size: 12px;
}

button:not(.tabButton), [type=button]:not(.tabButton), [type=reset]:not(.tabButton), [type=submit]:not(.tabButton) {
  text-transform: uppercase;
}

.group .DealerDetails {
  margin: 0px;
  border: none;
  padding: 0px 0px 0px 100px;
  width: calc(25% + 100px);
  clear: left;
  min-width: 100px;
}
.group .DealerDetails:after {
  display: none;
}
.group .DealerDetails .field {
  width: 100%;
  padding-top: 7px;
}
.group .DealerDetails .field + .field {
  padding-top: 3px;
}
.group .DealerDetails .field .definition {
  width: 60px;
  position: static;
  white-space: normal;
  height: auto;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
  min-height: 18px;
}
.group .DealerDetails .field .value {
  font-weight: bold;
  width: calc(100% - 60px);
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  float: right;
  min-height: 18px;
}
.group.premiumFieldset {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 200px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border: none;
  z-index: 9;
}
@media (max-width: 1080px) {
  .group.premiumFieldset {
    bottom: 200px;
  }
}
.group.premiumFieldset > label {
  background: #193854;
  color: #ffffff;
  border-radius: 5px;
  padding: 5px;
}
.group.premiumFieldset:after {
  display: none;
}
.group.premiumFieldset .logoImgContainer .logoImg {
  min-width: 50px;
  min-height: 60px;
}
.group.premiumFieldset.singleTU .field.logoImgContainer {
  width: 40%;
  /*PP-20593*/
  top: 5px;
  margin-left: -9px;
}
.group.premiumFieldset.singleTU .field.currency {
  width: 60%;
  margin-top: -5px;
}
.group.premiumFieldset.singleTU .field.currency label.value {
  justify-content: flex-end;
  font-weight: bold;
  color: #193854;
  font-size: 1.2rem;
}
.group.premiumFieldset.singleTU .field.widgetCountButton {
  width: 100%;
}
.group.variants > label {
  text-align: center;
  font-weight: bold;
}
.group.variants:after {
  display: none;
}
.group.variants .field {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}
.group.variants .field.rightColumn label {
  justify-content: flex-end;
}
.group.variants .field[style="text-align:center"] label {
  justify-content: center;
}
.group.variants .award {
  box-shadow: 0px 1px 0px 0px #27ae5f;
}
.group.variants .award .value {
  font-weight: bold;
}
.group.details {
  background-color: #193854 !important;
  color: #ffffff;
  border-radius: 10px;
}
.group.details > label {
  text-align: left;
}
.group.details:after {
  display: none;
}
.group.details .field {
  box-shadow: 0px 1px 0px 0px #27ae5f;
}
.group.details .field .value {
  font-weight: bold;
}
.group.insurancePremiumsSummaryFieldset {
  padding: 0px;
  border: none;
  margin: 0px;
  width: 25%;
}
.group.insurancePremiumsSummaryFieldset > label {
  background: #193854;
  color: #ffffff;
  border-radius: 5px;
  padding: 5px;
}
.group.insurancePremiumsSummaryFieldset:after {
  display: none;
}
.group.insurancePremiumsSummaryFieldset .field.currency .definition {
  width: 200px;
  position: static;
  white-space: normal;
  height: auto;
  align-items: center;
  float: left;
  transform: scale(1);
  padding-right: 5px;
  opacity: 1;
  min-height: 18px;
  font-size: 1rem;
}
.group.insurancePremiumsSummaryFieldset .field.currency .value {
  font-weight: bold;
  width: calc(100% - 200px);
  min-width: calc(100% - 200px);
  max-width: calc(100% - 200px);
  float: right;
  min-height: 18px;
  justify-content: flex-end;
}

/*PP-19251 - APK*/
body:has(form[action*="/APK.aspx"]) .tab:has(> .apkMainInfo) .field.textDisplay:nth-of-type(1) .value,
body:has(form[action*="/APK.aspx"]) .tab:has(> .apkMainInfo) .field.textDisplay:nth-of-type(2) .value {
  font-weight: 900;
}

body:has(form[action*="/APK.aspx"]) .apkMainInfo {
  margin-top: 20px;
}
body:has(form[action*="/APK.aspx"]) .apkMainInfo .definition {
  font-size: 12px;
}

body:has(form[action*="/APK.aspx"]) .apkSecondInfo .definition {
  font-weight: 900;
  font-size: 12px;
}

body:has(form[action*="/APK.aspx"]) .tab:has(> .apkMainInfo) .group .radioList label {
  text-transform: capitalize;
}

body:has(form[action*="/APK.aspx"]) .tab:has(> .apkMainInfo) .field.textDisplay.errorMessage label.definition {
  font-weight: 900;
  font-size: 12px;
}

body:has(form[action*="/APK.aspx"]) .field.textDisplay.apkVoluntaryInfo label.value {
  min-height: 10px;
}

body:has(form[action*="/Porownywarka.aspx"]) .group.danePojazdu .field.checkbox:nth-of-type(3) {
  margin-top: 0px !important;
}

body:has(form[action*="/Porownywarka.aspx"]) .group.additionalOption[class*=ScopeOfProtection][class*=PZU] .ClauseName label {
  font-size: 13px;
}

/*tooltipy w danych produktow*/
.tabContainer.sectionProductDetails.accordionSectionLinkValidation .group.additionalOption.PZUScopeOfProtection .szybyHint {
  top: -10px !important;
}

.group.segment1_4:has(> .SzybyHintDiv) .SzybyHintDiv ~ .field {
  margin-left: 30px;
}

.tabContainer.sectionProductDetails.accordionSectionLinkValidation .group.additionalOption.HestiaScopeOfProtection .field.AssistanceHintPosition.SzybyPopupFixPosition {
  top: 55px;
}

.tabContainer.sectionProductDetails.accordionSectionLinkValidation .group.additionalOption.HestiaScopeOfProtection .field.AssistanceHintPosition.AssistancePopupFixPosition {
  top: 40px;
  z-index: 1;
}

.tabContainer.sectionProductDetails.accordionSectionLinkValidation .group.additionalOption.HestiaScopeOfProtection .field.AssistanceHintPosition.AssistancePopupFixPosition ~ .group > .groupLabel {
  padding-left: 40px;
}

.field.szybyHint {
  padding-top: 0;
}

/*toyota more*/
.tab .field.textDisplay[style="color:red;font-weight:normal;font-size: 12px;"] label {
  gap: 10px;
}

/*widget na nowej porównywarce*/
body:has(form[action*="/Porownywarka.aspx"]) .widgetContainer .group.showOfferFieldset {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 200px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border: none;
  z-index: 9;
}
@media (max-width: 1080px) {
  body:has(form[action*="/Porownywarka.aspx"]) .widgetContainer .group.showOfferFieldset {
    bottom: 130px;
  }
}

/*GLOBALNIE - Zakładki tabów*/
#FR .tabContainer .tabContainer .tabHeader .tabButton {
  background: #fff;
  margin: 30px 5px 0 0;
  height: auto;
  color: #193854;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
  padding: 10px 10px 8px 10px;
  transition: 0.3s all ease;
  box-shadow: 1px -1px 3px rgba(204, 204, 204, 0.5019607843);
}
#FR .tabContainer .tabContainer .tabHeader .tabButton.active {
  color: #ffffff;
  background: #193854;
}

/*PP-19806*/
.field.checkbox:has(.TippedToolTip), .field.checkboxList:has(.TippedToolTip),
.field.radio:has(.TippedToolTip), .field.radioList:has(.TippedToolTip) {
  align-items: flex-start;
}
.field.checkbox:has(.TippedToolTip) input + label, .field.checkboxList:has(.TippedToolTip) input + label,
.field.radio:has(.TippedToolTip) input + label, .field.radioList:has(.TippedToolTip) input + label {
  order: 2;
  align-items: flex-start;
}
.field.checkbox:has(.TippedToolTip) input + label:before, .field.checkboxList:has(.TippedToolTip) input + label:before,
.field.radio:has(.TippedToolTip) input + label:before, .field.radioList:has(.TippedToolTip) input + label:before {
  margin-right: 30px;
}
.field.checkbox:has(.TippedToolTip) .TippedToolTip, .field.checkboxList:has(.TippedToolTip) .TippedToolTip,
.field.radio:has(.TippedToolTip) .TippedToolTip, .field.radioList:has(.TippedToolTip) .TippedToolTip {
  order: 1;
  position: absolute;
  left: 24px;
  margin: 0px;
}
.field.checkbox input + label, .field.checkboxList input + label,
.field.radio input + label, .field.radioList input + label {
  align-items: flex-start;
}

body:has(form[action*="/PZU.aspx"]) .field.checkbox .TippedToolTip, body:has(form[action*="/PZU.aspx"]) .field.checkboxList .TippedToolTip,
body:has(form[action*="/PZU.aspx"]) .field.radio .TippedToolTip, body:has(form[action*="/PZU.aspx"]) .field.radioList .TippedToolTip {
  left: 20px;
}

body:has(form[action*="/Oferta/Hestia.aspx"]) .group.danePojazdu .field.checkbox:nth-of-type(3) {
  margin-left: 10px;
}

body:has(form[action*="/Oferta/Hestia.aspx"]) .group.choose-employee .button {
  margin-top: -7px;
}

/*PP-19797*/
body:has(form[action*="/Porownywarka.aspx"]) .group.choose-employee {
  margin-top: 8px;
}

body:has(form[action*="/Oferta/WARTA.aspx"]) .group.dane ~ .group,
.tab:has(> .group > .field.ClauseName.APKWartaLabel) .group:nth-of-type(2) {
  margin-top: -10px;
  border-top: 0;
}
body:has(form[action*="/Oferta/WARTA.aspx"]) .group.dane ~ .group:after,
.tab:has(> .group > .field.ClauseName.APKWartaLabel) .group:nth-of-type(2):after {
  border-top: 0;
}

body:has(form[action*="/Oferta/WARTA.aspx"]) .group:has(> .field.textDisplay.ClauseName.APKWartaLabel) {
  display: flex;
  flex-direction: column;
}
body:has(form[action*="/Oferta/WARTA.aspx"]) .group:has(> .field.textDisplay.ClauseName.APKWartaLabel) .field.textDisplay.ClauseName.APKWartaLabel {
  order: 1;
}
body:has(form[action*="/Oferta/WARTA.aspx"]) .group:has(> .field.textDisplay.ClauseName.APKWartaLabel) .field.checkbox {
  order: 2;
  padding: 0px 10px !important;
}

.AssistanceHintPosition.FormFixPosition .TippedToolTip {
  position: relative;
  left: 220px;
  top: 80px;
  z-index: 10;
}

body:has(form[action*="/Oferta/WARTA.aspx"]) .tpd-tooltip.tpd-skin-dark.tpd-size-medium .tpd-content br {
  display: none;
}

/*PP-19804*/
/*PP-19803*/
.tpd-tooltip.tpd-skin-dark.tpd-size-medium .tpd-content {
  max-width: 800px;
  word-wrap: break-word;
  white-space: normal;
}

.groupLabel .field.checkbox.field1_8 ReadOnly {
  margin-right: 20px;
}

.asyncCalculationLoading label {
  flex-direction: column;
  filter: invert(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
}
.asyncCalculationLoading label:after {
  content: "";
  width: 100%;
  height: 25px;
  display: block;
  background-image: url(Icons/loader.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center center;
  filter: invert(18%) sepia(20%) saturate(1803%) hue-rotate(167deg) brightness(91%) contrast(90%);
}

.group.segment1_2.danePojazdu > .field:nth-of-type(4) .inputWrapper:after,
.group.segment1_2.danePojazdu > .field:nth-of-type(5) .inputWrapper:after,
.group.segment1_2.danePojazdu > .field:nth-of-type(6) .inputWrapper:after {
  display: none !important;
}

/*PP-19825*/
body:has(form[action*="/Porownywarka.aspx"]) .group.DealerDetails {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0px;
}

.group.segment1_2.danePojazdu:has(.field.textDisplay.field1_2) label.value {
  display: inline-block;
}

.field.szybyHint .TippedToolTip {
  position: relative;
  right: 22px;
}

.group.segment1_2.danePojazdu > .field:nth-of-type(33) {
  white-space: nowrap;
}

.group.segment1_2.danePojazdu > .field:nth-of-type(36) {
  clear: both;
  position: relative;
  top: -30px;
}

body:has(form[action*="/Porownywarka.aspx"]) .group.segment1_2.danePojazdu > .field:nth-of-type(2) {
  margin-top: 2px;
}

.group.segment1_2.danePojazdu > .field:nth-of-type(2) {
  position: relative;
}

.group.segment1_2.danePojazdu > .field:nth-of-type(32) {
  position: relative;
}

/*PP-19799*/
/*--sekcja płatności*/
.group:has(> .group.insurancePremiumsSummaryFieldset) {
  width: 100%;
}
@media (max-width: 780px) {
  .group:has(> .group.insurancePremiumsSummaryFieldset) {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary) {
  width: max(335px, 33.333%);
  border-right: 10px solid transparent;
}
.group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary) > *:not(.groupLabel) {
  padding-right: 30px;
}
.group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary) .field.textDisplay.currency.insuranceSum {
  font-size: 1.2rem;
  font-weight: 900;
}
@media (min-width: 780px) {
  .group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary) .groupLabel {
    padding-left: 15px;
    width: 100%;
  }
}
@media (max-width: 780px) {
  .group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary) .groupLabel {
    margin-bottom: 30px;
  }
}
.group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary):has(+ .PaymentsSummary) {
  clear: left;
}
@media (min-width: 780px) {
  .group.insurancePremiumsSummaryFieldset:not(.PaymentsSummary):has(+ .PaymentsSummary) .groupLabel {
    width: calc(100% + 20px);
  }
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary {
  padding-left: 10px;
  padding-bottom: 20px;
  border: 1px solid #ccc;
  background: rgba(204, 204, 204, 0.1254901961) !important;
  box-shadow: -2px 2px 3px rgba(204, 204, 204, 0.5019607843);
  width: max(410px, 33.333%);
}
@media (max-width: 780px) {
  .group.insurancePremiumsSummaryFieldset.PaymentsSummary {
    min-height: 240px;
  }
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .groupLabel {
  margin-left: -10px;
  width: calc(100% + 10px);
  border-radius: 5px 5px 0 0;
  padding-left: 10px;
  margin-bottom: 15px;
}
@media (min-width: 780px) {
  .group.insurancePremiumsSummaryFieldset.PaymentsSummary .groupLabel {
    padding-left: 40px;
  }
  .group.insurancePremiumsSummaryFieldset.PaymentsSummary .groupLabel:before {
    content: "";
    background: url(Layout/MIDIP/icon_arrow.svg) no-repeat center center/contain;
    width: 35px;
    height: 40px;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    margin-left: -60px;
  }
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay {
  font-size: 1.2rem;
  height: 35px;
  display: flex;
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay label.definition {
  font-size: 1rem;
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay.accountNr {
  flex-direction: column;
  gap: 15px;
  padding-top: 40px;
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay.accountNr label.value {
  font-weight: 700;
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay.premiumDate {
  align-items: center;
  font-weight: 700;
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay.premiumNr {
  align-items: center;
}
.group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay.currency label.value {
  width: 100%;
  max-width: unset;
  justify-content: flex-start;
}
.group.insurancePremiumsSummaryFieldset > *:not(.groupLabel) {
  padding: 10px;
}
@media (max-width: 780px) {
  .group.insurancePremiumsSummaryFieldset {
    width: 100% !important;
    flex-basis: 100% !important;
  }
}

/*--widget poza kontentem dolnym*/
#FR .sfr > .formwrap:has(.group.premiumFieldset) {
  padding-bottom: 160px;
}

/*--nagłówek polisy*/
body:has(form[action*="/Oferta"]) .infoHeaderFormSection .field.textDisplay.numberField .value {
  font-size: 2rem;
  font-weight: 700;
}
body:has(form[action*="/Oferta"]) .infoHeaderFormSection .field.textDisplay.numberField .value:before {
  content: ":";
  padding-right: 10px;
}

/*--dane dealera*/
#FR .group.DealerDetails {
  padding-top: 6px;
  padding-right: 30px;
  width: auto;
  display: flex;
  gap: 16px;
}
@media (max-width: 780px) {
  #FR .group.DealerDetails {
    flex-direction: column;
  }
}
#FR .group.DealerDetails > .field {
  width: auto;
  padding-top: 0;
}

.EHLForm .group.DealerDetails:not(.OfferrerDetails), .PZULForm .group.DealerDetails:not(.OfferrerDetails), .AllianzForm .group.DealerDetails:not(.OfferrerDetails), .CompensaForm .group.DealerDetails:not(.OfferrerDetails), .WartaForm .group.DealerDetails:not(.OfferrerDetails), .HDIForm .group.DealerDetails:not(.OfferrerDetails) {
  padding-top: 26px !important;
}

/*--dane pojazdu*/
.tab.danePojazdu .inneMarki ~ .checkbox:nth-of-type(3) {
  width: calc(100% - 340px);
}
@media (max-width: 1080px) {
  .tab.danePojazdu .inneMarki ~ .checkbox:nth-of-type(3) {
    width: 100%;
  }
}

/*PP-19830*/
body:has(form[action*="/Witamy"]) .pops-f .pops-c .field.textDisplay label.value {
  flex-direction: column;
}

/*PP-19674*/
/*--dziwny rozjazd na pzu w danych pojazdu, fix na czas poprawy na formach - TEMPORARY */
body:has(form[action*="/Oferta/PZU.aspx"]) .group.danePojazdu {
  display: flex;
  flex-wrap: wrap;
}
body:has(form[action*="/Oferta/PZU.aspx"]) .group.danePojazdu > .groupLabel {
  flex-basis: 100%;
}
body:has(form[action*="/Oferta/PZU.aspx"]) .group.danePojazdu > .field.checkbox:nth-of-type(25) {
  order: 9;
}
body:has(form[action*="/Oferta/PZU.aspx"]) .group.danePojazdu .group.wycena {
  order: 10;
}

/*baza wiedzy - button*/
body:has(form[action*="/DocumentsLibrary.aspx"]) .button.documentSearchButton {
  max-width: 50px;
}

/*PP-19768*/
.pops-c > .FMWarning, .pops-c > .FMAlert {
  color: #F17E12;
}
.pops-c > .FMError {
  color: #d10000;
}

/*PP-19794*/
/*PP-19794*/
.field.checkbox[style="padding-top: 33px;"]:has(+ .APKWartaLabel) {
  padding-top: 18px !important;
}

.group.additionalOption[class*=ScopeOfProtection] {
  margin-top: 0px;
}
.group.additionalOption[class*=ScopeOfProtection] .field:has([id*=Anchor]) {
  height: 0px;
  padding: 0px;
}

/*PP-19783*/
.field.ui-accordion.limits label.ui-accordion-header .ui-icon {
  background-image: url("Layout/ico_healthcare.svg");
}
.field.ui-accordion.limits.medic label.ui-accordion-header .ui-icon {
  background-image: url("Layout/ico_firstAidKit.svg");
}
.field.ui-accordion label.ui-accordion-header {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  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: #25ad5f;
  background-color: #FFFFFF;
  padding: 5px 10px 5px calc(50% - 80px);
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  height: 36px;
  transition: all 0.5s 0s ease;
  transform: none;
  font-weight: bold;
}
.field.ui-accordion label.ui-accordion-header .ui-icon {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: contain;
  filter: invert(53%) sepia(37%) saturate(6153%) hue-rotate(116deg) brightness(102%) contrast(71%);
  height: 26px;
  width: 26px;
  margin-right: 10px;
}
.field.ui-accordion label.ui-accordion-header:hover {
  background-color: #25ad5f;
  color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.field.ui-accordion label.ui-accordion-header:hover .ui-icon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
.field.ui-accordion .ui-accordion-content > div {
  width: 100%;
}
.field.ui-accordion .ui-accordion-content > div table {
  width: 100%;
  border-spacing: 10px;
}
.field.ui-accordion .ui-accordion-content > div table tr:first-of-type td {
  border-radius: 5px 5px 0px 0px;
}
.field.ui-accordion .ui-accordion-content > div table tr:last-of-type td {
  border-radius: 0px 0px 5px 5px;
  box-shadow: none;
  padding-bottom: 10px;
}
.field.ui-accordion .ui-accordion-content > div table tr:last-of-type td:first-of-type {
  box-shadow: none;
  padding-bottom: 10px;
}
.field.ui-accordion .ui-accordion-content > div table tr td {
  background: #ffffff;
  float: none;
  box-shadow: 0px 10px 0px 0px #fff;
  padding: 0px;
  border-left: none;
  border-right: none;
}
.field.ui-accordion .ui-accordion-content > div table tr td:first-of-type {
  background: #193854;
  color: #ffffff;
  font-weight: bold;
  box-shadow: 0px 10px 0px 0px #193854;
  border: none;
}
.field.ui-accordion .ui-accordion-content > div table tr td:first-of-type > span {
  justify-content: flex-start;
}
.field.ui-accordion .ui-accordion-content > div table tr td > span {
  box-shadow: 0px 1px 0px 0px #27ae5f;
  display: flex;
  width: calc(100% - 20px);
  margin: 0px 10px;
  min-height: 36px;
  padding-top: 10px;
  justify-content: flex-end;
}
.field.selectVariant .radioList {
  width: 100%;
  padding-left: 25%;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.field.selectVariant .radioList .radioWrapper {
  width: 33.333%;
  justify-content: center;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.field.selectVariant .radioList .radioWrapper input + label {
  cursor: pointer;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  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;
  background-color: #25ad5f;
  color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: all 0.5s 0s ease;
  transform: none;
}
.field.selectVariant .radioList .radioWrapper input + label:before {
  display: none;
}
.field.selectVariant .radioList .radioWrapper input:hover + label, .field.selectVariant .radioList .radioWrapper input:checked + label {
  background-color: #193854;
}

.tab:has(> .selectVariant) {
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
}

/*PP-19924*/
.group.insurancePremiumsSummaryFieldset .field.premiumGroup {
  border-bottom: 1px solid #193854;
}
.group.insurancePremiumsSummaryFieldset .field.premiumGroup label.definition {
  font-weight: bold;
  color: #193854;
  font-size: 1.2rem;
}
.group.insurancePremiumsSummaryFieldset .field.premiumGroup label.value {
  color: #193854;
  font-size: 1.2rem;
}
.group.insurancePremiumsSummaryFieldset .field.indentation {
  padding-top: 2px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.group.insurancePremiumsSummaryFieldset .field.indentation label.value {
  color: rgba(0, 0, 0, 0.5);
}
.group.insurancePremiumsSummaryFieldset .field.insuranceSum label.definition {
  font-weight: bold;
  color: #193854;
  font-size: 1.2rem;
}
.group.insurancePremiumsSummaryFieldset .field.insuranceSum label.value {
  background: #193854;
  color: #ffffff;
  font-size: 1.2rem;
  width: auto;
  min-width: auto;
  padding: 3px 0px;
  border-radius: 20px;
  box-shadow: -8px 0px 0px 0px #193854, 8px 0px 0px 0px #193854;
}
.group.insurancePremiumsSummaryFieldset:has(.premiumGroup) .field.insuranceSum {
  margin-top: -1px !important;
}

/*PP-19921*/
html #_content #FR .accor-panel .group:not(.hidenGroup) {
  background: transparent;
}
html #_content #FR .accor-panel .group:not(.hidenGroup) > label.groupLabel {
  padding-left: 5px;
  font-size: 1.2rem;
  width: 100%;
}

.financialStatusForm .StateColumn span {
  font-weight: bold;
  color: #126d9e;
}

/*PP-19981*/
/*PP-19983*/
.formwrap div.pops-c .tabContainer .tabHeader:not(:has(button:nth-of-type(2))) {
  display: none;
}
.formwrap div.pops-c .field.textDisplay label.definition {
  font-size: 1rem;
}

/*PP-19815*/
.logField {
  width: 25%;
}

.logField textarea {
  min-height: 150px;
  height: 150px;
}

/*PP-19715*/
.field.textDisplay.apkNumbers.ReadOnly label.definition {
  font-size: 1.2rem;
}

.field.textDisplay.apkNumbers.ReadOnly label.value {
  font-weight: bold;
}

/*PP-19942*/
.DocumentTabHeader > .groupLabel:first-of-type {
  display: none;
}

/*PP-19994*/
.group.showOfferFieldset .field.button button[type=submit] {
  background: #25ad5f;
  color: #ffffff;
}
.group.showOfferFieldset .field.button button[type=submit]:hover {
  background: #193854;
  color: #ffffff;
}

.field.textDisplay.comparatorSectionAnchor .tabContainer .tabHeader .tab .group .field.textDisplay.fullwidth {
  width: 100%;
}

/*PP-19991*/
.InsuranceRangeAccordionButton .accor-button {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
  background-color: #25ad5f;
  color: #FFFFFF;
  justify-content: left;
}
.InsuranceRangeAccordionButton .accor-button .ico {
  width: 12px;
  height: 12px;
  background-image: url(Layout/MIDIP/arrow-down-sign-to-navigate.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}
.InsuranceRangeAccordionButton .accor-button:hover {
  background-color: #193854;
}

/*PP-20023*/
.field.szybyHint .TippedToolTip {
  bottom: 10px;
}

/*PP-20020*/
body:has(form[action*="/CollectDocument.aspx"]) .field button[type=button] {
  background-color: #25ad5f;
  color: #ffffff;
}

/*PP-19984*/
body:has(form[action*="/Hestia.aspx"]) div.pops-c {
  max-width: 800px;
  overflow-wrap: break-word;
  white-space: normal;
  padding: 10px;
}

/*PP-19963*/
body:has(form[action*="/PZU.aspx"]) .ClauseName label {
  font-size: 13px !important;
  font-weight: bold;
  color: green;
  width: 100%;
  min-height: 15px;
  margin-top: 16px;
}

body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h, div.pops-b div.pops-f div.pops-h {
  justify-content: center;
}

/*PP-20037*/
.field.textarea.logField > label {
  background-color: #F3F3F3;
  padding: 0 10px !important;
}

/*PP-20040*/
input[type=button].icon-button:not(div).xls, input[type=submit].icon-button:not(div).xls, button.icon-button:not(div).xls {
  filter: invert(59%) sepia(41%) saturate(768%) hue-rotate(93deg) brightness(86%) contrast(88%);
}

input[type=button].icon-button:not(div).pdf, input[type=submit].icon-button:not(div).pdf, button.icon-button:not(div).pdf {
  filter: invert(4%) sepia(97%) saturate(6113%) hue-rotate(337deg) brightness(115%) contrast(112%);
}

input[type=button].zip .ico, input[type=submit].zip .ico, button.zip .ico {
  filter: invert(54%) sepia(99%) saturate(297%) hue-rotate(7deg) brightness(87%) contrast(88%);
}

input[type=button].icon-button:not(div).txt, input[type=submit].icon-button:not(div).txt, button.icon-button:not(div).txt {
  height: 40px;
  filter: invert(72%) sepia(82%) saturate(4760%) hue-rotate(187deg) brightness(83%) contrast(85%);
}

input[type=button].icon-button:not(div).csv, input[type=submit].icon-button:not(div).csv, button.icon-button:not(div).csv {
  height: 40px;
  filter: invert(72%) sepia(65%) saturate(3451%) hue-rotate(352deg) brightness(96%) contrast(103%);
}

input[type=button].icon-button:not(div).doc, input[type=submit].icon-button:not(div).doc, button.icon-button:not(div).doc {
  height: 40px;
  filter: invert(15%) sepia(100%) saturate(3902%) hue-rotate(244deg) brightness(67%) contrast(139%);
}

/*PP-20033*/
.formwrap.financialStatusForm td,
.formwrap.financialStatusForm th {
  text-align: left;
}

/*PP-20041*/
.formwrap.reportListForm .pops-f .pops-h {
  justify-content: center;
}
.formwrap.reportListForm .pops-f .pops-c .tab {
  justify-content: center;
}

/*PP-19251 - autoszyba*/
body:has(form[action*="/Porownywarka.aspx"]) .field.szybyHint {
  left: 20px;
}

/*PP-19989*/
body:has(form[action*="/Oferta"]) .group:has(> .ClauseName) .field.checkbox {
  border: 0;
  padding: 0px !important;
  padding-top: 10px !important;
}

body:has(form[action*="/Oferta/PZU.aspx"]) .field.checkbox:has(.TippedToolTip) input + label:before {
  margin-right: 22px;
}

/*PP-19719*/
.tooltipPZUFix .field.checkbox:has(.TippedToolTip) .TippedToolTip, .tooltipPZUFix .field.checkboxList:has(.TippedToolTip) .TippedToolTip, .tooltipPZUFix .field.radio:has(.TippedToolTip) .TippedToolTip, .tooltipPZUFix .field.radioList:has(.TippedToolTip) .TippedToolTip {
  left: 20px;
}

/*PP-19939*/
input[type=button], input[type=submit], button {
  color: #ffffff;
}

input[type=button].add .ico, input[type=submit].add .ico, button.add .ico, input[type=button].edit .ico, input[type=submit].edit .ico, button.edit .ico, input[type=button].cancel .ico, input[type=submit].cancel .ico, button.cancel .ico, input[type=button] .ico, input[type=submit] .ico, button .ico {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}

.field.textDisplay.displayState label.value {
  justify-content: flex-end;
}

input[type=button].dropdownBtn .ico.opt, input[type=submit].dropdownBtn .ico.opt, button.dropdownBtn .ico.opt {
  filter: invert(99%) sepia(21%) saturate(210%) hue-rotate(304deg) brightness(115%) contrast(100%);
}

/*PP-19710*/
.field.textDisplay.compSCInfo label.value {
  color: red;
  min-height: 20px;
  align-items: center;
  justify-content: flex-start;
}

/*PP-20057*/
.complexTableContainer table td, .complexTableContainer table th {
  text-align: left;
}

/*PP-20049*/
.formwrap.midip-welcomePage .msgList .filter-accor .accor-button {
  display: none;
}

.formwrap.midip-welcomePage .msgList .genericlist-configHeader-container {
  display: none;
}

.formwrap.midip-welcomePage .msgList .genericlist-container > table[style*=width] {
  width: 100% !important;
}
.formwrap.midip-welcomePage .msgList .genericlist-container > table[style*=width] th:nth-child(1) {
  width: 50% !important;
}
.formwrap.midip-welcomePage .msgList .genericlist-container > table[style*=width] th:nth-child(2) {
  width: 25% !important;
}
.formwrap.midip-welcomePage .msgList .genericlist-container > table[style*=width] th:nth-child(3) {
  width: 25% !important;
}

.formwrap.midip-welcomePage .msgList .genericlist-container > table {
  width: 100% !important;
}
.formwrap.midip-welcomePage .msgList .genericlist-container > table th:nth-child(1) {
  width: 50% !important;
}
.formwrap.midip-welcomePage .msgList .genericlist-container > table th:nth-child(2) {
  width: 25% !important;
}
.formwrap.midip-welcomePage .msgList .genericlist-container > table th:nth-child(3) {
  width: 25% !important;
}

body #_footer {
  background-color: #193854;
  color: #FFFFFF;
}

body #_footer a {
  color: #FFFFFF;
}

body #_footer a:hover {
  color: #DDDDDD;
}

.genericlist-wrapper .GLT .getNextResultsBtn td div {
  color: #FFFFFF;
}

.TURange .field span.priceValue {
  font-size: 14px;
  font-weight: 600;
  filter: invert(53%) sepia(52%) saturate(626%) hue-rotate(92deg) brightness(94%) contrast(87%);
  float: right;
  width: auto;
  display: inline-block;
  text-align: right;
  white-space: nowrap;
  margin-top: -1px;
  margin-left: 5px;
}

.TURange .field span.priceValue:before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url("/Layout/MIDIP/ico_coins.svg") no-repeat scroll center center/contain transparent;
  margin-right: 3px;
  margin-top: 1px;
}

/*PP-20087*/
.AssistanceHintPosition.FormFixPosition .TippedToolTip {
  left: 450px;
  top: 83px;
}

/*PP-20073*/
.EHForm .AssistanceHintPosition.FormFixPosition .TippedToolTip {
  left: -1px;
  top: 83px;
}

/*PP-20086*/
.EHLForm .AssistanceHintPosition {
  left: -1px;
  top: 82px;
  z-index: 2;
}

/*PP-20084*/
.WartaForm .ecCode label.value, .HDIForm .ecCode label.value, .compForm .ecCode label.value {
  padding-top: 10px;
}

html .comparatorFieldset .field.complex.singleOffer table td button {
  width: 100%;
}

html .comparatorFieldset .field.complex.singleOffer .field.Value {
  text-align: center;
}

/*PP-20112*/
.accountingDealerForm .field.textDisplay.typeField label.definition {
  display: none;
}

.accountingDealerForm .field.textDisplay.statusField label.definition {
  display: none;
}

.accountingDealerForm .field.textDisplay.typeField {
  width: 100%;
}

.accountingDealerForm .field.textDisplay.statusField {
  margin-top: -20px;
}

.accountingDealerForm .field.textDisplay.statusField label.value {
  font-weight: normal;
  font-size: 14px;
}

.accountingDealerForm .field.statusField.settled label.value {
  color: #27ae5f;
}

.accountingDealerForm .field.statusField.unsettled label.value {
  color: #d00000;
}

body:has(form[action*="/Accounting"]) .field.textDisplay.displayState label.value {
  display: none !important;
}

body:has(form[action*="/Accounting"]) .field.textDisplay.displayState {
  min-height: 36px;
}

/*PP-20132*/
.sectionProductDetails.accordionSectionLinkValidation .additionalOption.PZUScopeOfProtection .field.textDisplay.ClauseName {
  width: 100%;
  margin-bottom: 15px;
}

.group.additionalOption[class*=ScopeOfProtection][class*=PZU] .ClauseName {
  width: 100%;
}

.ownerSectionLinkValidation .group:has(> .field.textDisplay.ClauseName.APKWartaLabel) {
  display: flex;
  flex-direction: column;
}
.ownerSectionLinkValidation .group:has(> .field.textDisplay.ClauseName.APKWartaLabel) .field.textDisplay.ClauseName.APKWartaLabel {
  order: 1;
}
.ownerSectionLinkValidation .group:has(> .field.textDisplay.ClauseName.APKWartaLabel) > .field.checkbox {
  order: 2;
  padding-top: 0 !important;
}

/*PP-20140*/
.allianzPromoName {
  padding-top: 10px !important;
}

/**PP-20073*/
.hestiaWariantAssistance {
  margin-left: 10px;
}

/*PP-20119*/
.EHTravelForm .group.insurancePremiumsSummaryFieldset.PaymentsSummary .field.textDisplay:last-child {
  padding-top: 20px;
  margin-bottom: 20px;
}

/*PP-20129*/
.group.choose-employee.addDiscountPool {
  margin-top: 7px !important;
}

/*PP-20085*/
.report-container .report-files .group.logFiles {
  justify-content: center;
}

#_formMessages div.FMError[onclick="closeAllPrompts(this)"] {
  background: #FFF;
  border-color: #E53935;
  color: #E53935;
  border: solid;
}

#_formMessages div.FMValid[onclick="closeAllPrompts(this)"] {
  background: #FFF;
  border-color: #05BE70;
  color: #05BE70;
  border: solid;
}

#_formMessages div.FMWarning[onclick="closeAllPrompts(this)"] {
  background: #FFF;
  border-color: #DC6600;
  color: #DC6600;
  border: solid;
}

#_formMessages div.FMAlert[onclick="closeAllPrompts(this)"] {
  background: #FFF;
  border-color: #576CA3;
  color: #576CA3;
  border: solid;
}

/*PP-20100*/
.group .KanriContainer {
  background: none !important;
}

.KanriContainer {
  position: absolute;
  top: -28px;
  left: 47px;
}

.group.KanriContainer .button.getCarKanriButton {
  margin: 0;
}
.group.KanriContainer .button.getCarKanriButton button {
  background: url(Icons/ico_car_darkblue.svg) no-repeat center center/contain !important;
  filter: brightness(0) saturate(100%) invert(47%) sepia(95%) saturate(367%) hue-rotate(93deg) brightness(96%) contrast(88%) !important;
  margin-left: 74px;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

/*PP-20037 - brak przypadku na localhostcie - przygotowano w oparciu o produkcje*/
.modalPopup.comparatorPseudoPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.modalPopup.comparatorPseudoPopup .button.ModalPopupButtonsDiv {
  align-self: center;
}
.modalPopup.comparatorPseudoPopup .button.ModalPopupButtonsDiv button {
  margin: 0 0 10px 0 !important;
}

/*PP-20134*/
#_formMessages .FMError:has(> b) {
  display: block;
}
#_formMessages .FMError:has(> b) > b {
  margin: 0 5px;
}

/*PP-20096*/
.field.textarea.ReadOnly label {
  background-color: #fff;
}
.field.textarea.ReadOnly .inputWrapper textarea {
  border: 1px solid #ccc !important;
}

/*PP-20060*/
.group.premiumFieldset.comparatorPremiumWidget:hover {
  right: 0px;
  padding-right: 25px;
}

.accor.midipDocLibDir .accor-panel.visible {
  max-height: 2000px;
}

.pkdDesc, .pkdChoose {
  margin-top: 0px !important;
}

.button.assignMeButton.ReadOnly button {
  margin-top: 0px !important;
}

.autoDomInfo {
  left: 0px !important;
}

.sfr.JournalForm .field.autocomplete {
  width: 100%;
}

.field.accountNr label.value {
  font-weight: bold;
  margin-top: -32px;
  justify-content: flex-start;
  margin-right: 12px;
  margin-left: 35% !important;
}

.field.accountNr label.definition {
  width: 30%;
}

.HDIForm .field.accountNr label.value, .WartaForm .field.accountNr label.value, .AllianzForm .field.accountNr label.value, .CompensaForm .field.accountNr label.value {
  font-weight: bold;
  margin-top: -32px;
  justify-content: flex-start;
  margin-right: 12px;
  margin-left: 35% !important;
}

.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(218, 218, 218, 0.65);
  color: #000000;
}

.field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) label, .field.ReadOnly:not(.checkbox):not(.radio):not(.checkboxList):not(.textDisplay) label input {
  color: #000000;
}

.field.checkbox input:disabled:checked + label:before, .field.checkboxList input:disabled:checked + label:before, .field.checkbox input:disabled + label:before, .field.checkboxList input:disabled + label:before {
  background-color: rgba(218, 218, 218, 0.65);
  color: #000000;
}

.wyposazenie .additionalEquipmentList .field.additionalEqInfo {
  width: 100%;
}
.wyposazenie .additionalEquipmentList .field.additionalEqInfo > .value {
  flex-wrap: wrap;
  font-size: 12px;
}

/*==========================================
   Tabelka Porównanie danych z serwisu
==========================================*/
.compareServiceData div div.field {
  width: 100%;
  display: block;
}

.compareServiceData tbody th.unitsCompareHeader {
  background-color: #e7e7e7;
  width: 33.333%;
  font-size: 8px;
  color: #27ae5f;
  text-align: left;
  padding-left: 4px;
}

.compareServiceData tbody th.unitsCompareHeader:hover {
  color: #193854;
}

.compareServiceData .compareTable .unitsCompareRow {
  border-bottom: 1px solid #e6e6e6;
  border-top: none;
  border-left: none;
  border-right: none;
}

.compareServiceData .compareTable .unitsCompareRow:hover {
  background: #ffffff;
  font-weight: 800;
  border-bottom: 2px solid #27ae5f;
  cursor: default;
  background: rgba(39, 174, 95, 0.1) !important;
}

.compareServiceData .compareTable .field.field1_3.unitCompareCell {
  justify-content: center;
  float: none;
  padding: 5px;
  font-weight: 400;
}

.compareServiceData .compareTable .fullWidth {
  margin-left: 0;
  width: 50%;
}

.compareServiceData .compareTable, .compareServiceData .compareTable .fullwidth {
  width: 100%;
}

.compareServiceData .field.textDisplay {
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .compareServiceData .compareTable td.field.field1_3.unitCompareCell {
    display: table-cell;
  }
}
td .isPolicy,
td .isAnnex {
  display: inline-block;
  height: 20px;
  line-height: 21px;
  background: transparent url("Icons/table_icon_Policy.png") no-repeat scroll center left;
  padding-left: 6px;
  font-weight: bold;
  color: #ffffff;
  width: 20px;
}

td .isAnnex {
  background: transparent url("Icons/table_icon_Annex.png") no-repeat scroll center left;
}

.newsPopup .newsContent label.value {
  align-items: baseline;
}

.newsPopup .newsContent label a {
  color: -webkit-link;
  display: contents;
}

/*PP-20404*/
.tabContainer .tabHeader button.fmError.fmWarning {
  color: #E53935;
  border-color: #E53935;
}

/*PP-20506*/
.field.textDisplay.dealerDetails .value {
  align-content: center;
  flex-wrap: wrap;
}
.field.textDisplay.dealerDetails .value a {
  padding-top: unset;
  border: unset;
}

/*PP-20483*/
tbody .RowWithWarning {
  background-color: rgba(255, 0, 0, 0.3882352941);
}

/*PP-20528*/
#_autoComplete .autocomplete-result p[selected=true] {
  background-color: rgb(229, 229, 229);
}
#_autoComplete .autocomplete-result:hover p[selected=true] {
  background-color: unset;
}

.button.assignMeButton {
  padding-top: 2px;
}

/*PP-20616*/
.DealerDetails.OfferrerDetails .field.textDisplay .definition, .DealerDetails.OfferrerDetails .field.textDisplay .value {
  width: auto;
}
.DealerDetails.OfferrerDetails .field.textDisplay .value {
  min-width: unset;
}

/*PP-20474*/
.field.radio {
  flex-wrap: wrap;
}
.field.radio .radioList {
  flex-wrap: wrap;
}

.TippedToolTip {
  z-index: 2;
  background-color: #fff;
}

/*PP-20647*/
@media (max-width: 1200px) {
  .midip-welcomePage .field.welcomeMsg {
    display: none;
  }
  .midip-welcomePage .quickMenuGroup {
    width: 100%;
  }
  .midip-welcomePage .msgList {
    width: 70%;
  }
  .midip-welcomePage .alertList {
    width: 30%;
  }
}
@media (max-width: 785px) {
  .midip-welcomePage .alertList {
    display: none;
  }
}
@media (max-width: 600px) {
  .midip-welcomePage .tabHeader {
    display: none;
  }
}

/*PP-20231*/
.formwrap.reportListForm .pops-f {
  max-width: 800px !important;
}
.formwrap.reportListForm .pops-h {
  margin: 0 !important;
  padding: 15px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.formwrap.reportListForm .pops-c {
  padding: 25px !important;
}
.formwrap.reportListForm .pops-c .tab {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px 10px;
}
.formwrap.reportListForm .pops-c .tab .button.cleanFilter > button {
  display: flex !important;
  width: 30%;
}
.formwrap.reportListForm .pops-c .field1_8 {
  width: 100%;
}
.formwrap.reportListForm .pops-c .field.text .inputWrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 20px 10px;
}
.formwrap.reportListForm .pops-t {
  width: 100%;
}
.formwrap.reportListForm .pops-t .button > button {
  width: 85px;
}

/*PP-20902*/
.TransferMatchingListForm .transfer-matching-container {
  flex-direction: row;
  flex-wrap: nowrap;
}
.TransferMatchingListForm .transfer-matching-container .matching-left-panel, .TransferMatchingListForm .transfer-matching-container .matching-right-panel {
  width: auto;
  max-width: 50% !important;
  flex: 1 !important;
  transition: none;
}
.TransferMatchingListForm .transfer-matching-container .matching-left-panel .transfer-matching-transfers {
  width: auto !important;
}
.TransferMatchingListForm .transfer-matching-container .matches-container {
  margin: 0 !important;
}
.TransferMatchingListForm .transfer-matching-container .matches-container .matches-container-title {
  display: inline-flex;
  min-width: 100%;
  min-height: 100px;
  padding: 8px 10px 5px 10px;
  margin-bottom: 30px;
}
.TransferMatchingListForm .transfer-matching-container .matches-container .matches-container-title label {
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media screen and (max-width: 2400px) {
  .TransferMatchingListForm .transfer-matching-container .matches-container .matches-container-title {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1482px) {
  .TransferMatchingListForm .transfer-matching-container .fullList table tbody tr td {
    padding: 0rem 0.3rem;
  }
}
@media screen and (min-width: 1365px) {
  .TransferMatchingListForm .transfer-matching-container .fullList {
    overflow: hidden;
  }
}

/*
/*PP-20713
body #_content > #FR > .genericlist-wrapper {
    overflow: auto;

    .GLT {
        overflow: visible;
    }
    .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .genericlist-container,
    .accor.accor-active + .GLT:has(.genericlist-configHeader-container) .journal-container {
        max-height: none;
        overflow: visible;
    }
}*/
/*PP-20690*/
.danePojazdu .pojazdPierwszy {
  clear: both;
}
@media (max-width: 2097px) {
  .danePojazdu .field3_4 {
    margin-left: 1px;
  }
}

html body .field.checkbox.LockRisk label:after {
  content: "✕";
  display: inline-block;
  color: #ffffff;
  width: 16px;
  height: 16px;
  background: #ec1c24;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  z-index: 0;
  left: -17px;
  text-indent: -1px;
  font-size: 10px;
  margin-left: 3px;
}

.genericlist-wrapper .GLT .no-results td {
  background-image: none;
  background-size: unset;
  padding-top: 30px;
}

/*PP-20755*/
.ParamConfigListForm > .GLT-vsm {
  flex-direction: row;
}
.ParamConfigListForm > .GLT-vsm > .field:has(.treelist-container) {
  flex-grow: 0;
  flex-shrink: 0;
  width: max(300px, 15%);
}
.ParamConfigListForm > .GLT-vsm .treelist-container {
  height: 81vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.ParamConfigListForm > .GLT-vsm .treelist-container .treelist-items-container {
  height: 80vh;
}
.ParamConfigListForm > .GLT-vsm .treelist-container .treelist-items-container .treelist-items-table .treelist-item.element[level="3"] {
  transform: translateX(1em);
}
.ParamConfigListForm > .GLT-vsm .treelist-container .treelist-items-container .treelist-items-table .treelist-item.element[level="2"] {
  transform: translateX(0.8em);
}
.ParamConfigListForm > .GLT-vsm .treelist-container .treelist-items-container .treelist-items-table .treelist-item.directory[level="2"] {
  transform: translateX(0.6em);
}
.ParamConfigListForm > .GLT-vsm .GLT-vsm {
  flex-grow: 1;
}

/*PP-20447 PP-23064*/
.textDisplay.policyNoteInfo, .textDisplay.CarSaleStatusInfo {
  text-align: right;
  font-weight: bold;
}
.textDisplay.policyNoteInfo > .definition, .textDisplay.CarSaleStatusInfo > .definition {
  display: none;
}
.textDisplay.policyNoteInfo > .value, .textDisplay.CarSaleStatusInfo > .value {
  min-height: 14px;
}

.CarSaleStatusInfo {
  color: red;
}

.policyNoteInfo {
  color: #25ad5f;
  font-size: 18px;
}
.policyNoteInfo .value span:hover {
  color: #000000;
}

.contextMenu-container, .complexContextMenu-container {
  z-index: 902;
}

.contextmenu-overlay {
  z-index: 902;
}

/*PP-21039*/
.GenericImportForm .autocomplete {
  width: 40rem;
}

/*PP-21016*/
.textDisplay.NoResults {
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  .JournalForm .pops-b .pops-f .pops-c .field.text {
    width: 100% !important;
  }
}
.JournalForm .pops-b .pops-f {
  min-width: unset !important;
}
.JournalForm .pops-b .pops-f .pops-c .field.text {
  width: 50%;
}

.autocomplete-result p[selected=true] {
  background: #e5e5e5;
  font-weight: bold;
  text-shadow: 0px 0px 0.6px #000000;
}

.field.textarea.policyNotesTextArea {
  width: 35%;
}
.field.textarea.policyNotesTextArea .inputWrapper textArea {
  height: 85px;
}

.uploadDocumentUsingAI .outputFiles .txt {
  display: none;
}

.logoImgDiscounts .logoImg {
  margin-top: -18px;
  float: left;
  min-height: 70px;
  min-width: 70px;
  background-size: contain !important;
}

.MannualDiscount .InsuancePremiumDiscount {
  text-align: center !important;
  justify-content: center !important;
  font-weight: bold !important;
  font-size: 2rem !important;
  color: #193854 !important;
  padding: -1px !important;
  background: none !important;
}