@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*/
/*ATTACHMENTS GRID*/
/*WATERMARK VARIABLES*/
/*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 'tipped.css';
@import 'datepicker.css';
@import 'grudus-timepicker.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 > .headerFormWrapper {
  flex-shrink: 0;
}
body #_content > #FR > .pageFormWrapper {
  flex-shrink: 0;
  flex-grow: 1;
  overflow: auto;
}
body #_content > #FR > .footerFormWrapper {
  flex-shrink: 0;
}
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;
  /*VSM TOOLBAR*/
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar button {
  margin: 0px 3px 10px 3px;
}
body #_content > #FR > .formwrap .sfr-vsm .vsm-toolbar button.hidden {
  display: none;
}
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 - 94px - 20px - 70px - 30px);
}
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: ",";
}
body .footerFormWrapper {
  width: 100%;
  padding: 5px 10px;
}
body .footerFormWrapper .tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
}
body .footerFormWrapper .version-stamp {
  width: auto;
  display: none;
}
body .footerFormWrapper .field {
  padding: 0px;
}
body .footerFormWrapper .field.textDisplay label {
  min-height: 0px;
}
body .footerFormWrapper .field.copyright label {
  display: flex;
  gap: 10px;
}

/*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: 10px;
  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: 10px;
  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: 10px;
  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: 10px;
  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;
}
div.pops-ctb.ctb-vsm-toolbar .pops-f, div.pops-ctb.ctb-tab-header .pops-f {
  max-height: 90vh;
}
div.pops-ctb.ctb-vsm-toolbar .pops-f .pops-c, div.pops-ctb.ctb-tab-header .pops-f .pops-c {
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
}
div.pops-ctb.ctb-vsm-toolbar .pops-f .pops-c button, div.pops-ctb.ctb-tab-header .pops-f .pops-c button {
  width: 100%;
}

/*VAR-217 dropdown button popup*/
#dropdownBtn-popup .pops-f {
  margin-top: calc(-35px - 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, .headerForm {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
#_header #_headerInner, #_header .headerContainer, .headerForm #_headerInner, .headerForm .headerContainer {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
#_header .UCI, .headerForm .UCI {
  display: inline-flex;
  align-items: center;
  order: 2;
}
#_header .UCI.group, .headerForm .UCI.group {
  width: unset;
  padding-top: 10px;
}
#_header .UCI.group .field, #_header .UCI.group .button, .headerForm .UCI.group .field, .headerForm .UCI.group .button {
  padding-top: 0px;
}
#_header .UCI > div, .headerForm .UCI > div {
  display: inline-flex;
  align-items: center;
}
#_header .UCI .orgName a:before, #_header .UCI .orgName .value:before, .headerForm .UCI .orgName a:before, .headerForm .UCI .orgName .value: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;
  flex-shrink: 0;
}
#_header .UCI .app a:before, #_header .UCI .app .value:before, .headerForm .UCI .app a:before, .headerForm .UCI .app .value: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;
  flex-shrink: 0;
}
#_header .UCI .login a:before, #_header .UCI .login .value:before, .headerForm .UCI .login a:before, .headerForm .UCI .login .value: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;
  flex-shrink: 0;
}
#_header .UCI .group.btnGroup, .headerForm .UCI .group.btnGroup {
  width: auto;
}
#_header .UCI .group.program, .headerForm .UCI .group.program {
  width: auto;
  min-height: 35px;
  display: flex;
  align-items: center;
  align-self: flex-start;
}
#_header .UCI .group.program .programImg, .headerForm .UCI .group.program .programImg {
  padding: 0px;
  flex-shrink: 0;
  align-self: center;
}
#_header .UCI .group.program .programImg img, .headerForm .UCI .group.program .programImg img {
  height: 16px;
  width: 16px;
}
#_header .UCI .group.program .programName, .headerForm .UCI .group.program .programName {
  padding: 0px;
  flex-shrink: 0;
  align-self: center;
}
#_header .UCI a, .headerForm .UCI a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
#_header .UCI a *, .headerForm .UCI a * {
  cursor: pointer;
}
#_header .UCI a img, .headerForm .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, #_header .UCI:not(.showMore) .selectApp, .headerForm .UCI:not(.showMore) #_program, .headerForm .UCI:not(.showMore) #_appl, .headerForm .UCI:not(.showMore) .selectProfile, .headerForm .UCI:not(.showMore) .selectApp {
  display: none;
}
#_header .UCI > button#_tmbtn, .headerForm .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, .headerForm .UCI > button#_tmbtn .ico {
  background-image: url(/Icons/ico_more.svg);
  max-height: 18px;
  background-position: center center;
  background-size: contain;
  width: 100%;
}
#_header .UCI .toggleMore button, .headerForm .UCI .toggleMore button {
  font-size: 0px;
  padding: 0px;
  width: 18px;
}
#_header .UCI .toggleMore button .ico, .headerForm .UCI .toggleMore button .ico {
  background-image: url(/Icons/ico_more.svg);
  max-height: 18px;
  background-position: center center;
  background-size: contain;
  width: 100%;
}
#_header .logout, .headerForm .logout {
  order: 3;
}
#_header .logout a, .headerForm .logout a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
#_header .logout a *, .headerForm .logout a * {
  cursor: pointer;
}
#_header .logout a:before, .headerForm .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, .headerForm nav {
  display: flex;
  order: 4;
  width: 100%;
  flex-grow: 1;
}

/*LINKS*/
a {
  color: #002C77;
  text-decoration: none;
}
a:hover {
  color: #009DE0;
}

/*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, .breadcrumbContainer {
  position: relative;
  background: linear-gradient(90deg, #576CA3 0%, rgb(58, 67, 110) 100%);
  min-height: 30px;
}
#_breadcrumb .breadcrumb .icon, .breadcrumbContainer .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, .breadcrumbContainer .breadcrumb .icon:hover {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
#_breadcrumb .breadcrumb, .breadcrumbContainer .breadcrumb {
  margin: 0 0;
  padding: 0 0;
}
#_breadcrumb li.breadcrumb, .breadcrumbContainer li.breadcrumb {
  list-style-type: none;
}
#_breadcrumb ul.breadcrumb, .breadcrumbContainer 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, .breadcrumbContainer ul.breadcrumb li {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}
#_breadcrumb ul.breadcrumb li + li:before, .breadcrumbContainer ul.breadcrumb li + li:before {
  padding: 0;
  color: black;
  font-size: 1.2rem;
  font-weight: 200;
  content: "> ";
}
#_breadcrumb ul.breadcrumb li a, .breadcrumbContainer ul.breadcrumb li a {
  color: black;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
#_breadcrumb ul.breadcrumb li a:hover, .breadcrumbContainer ul.breadcrumb li a:hover {
  color: #002C77;
  text-decoration: none;
}
#_breadcrumb .ui-waveBg, .breadcrumbContainer .ui-waveBg {
  height: 100%;
  border-bottom-width: 10px;
  display: flex;
  align-items: flex-end;
}
#_breadcrumb .ui-waveBg .waves, .breadcrumbContainer .ui-waveBg .waves {
  height: 100%;
  min-height: 0px;
  margin-bottom: 0px;
}
#_breadcrumb .ui-waveBg.ui-waveBg-mirror, .breadcrumbContainer .ui-waveBg.ui-waveBg-mirror {
  display: none;
  transform: scaleY(-1);
}

.breadcrumbContainer.field {
  order: 3;
  width: 100%;
  padding: unset;
  border: 0px;
}

#_header, .headerFormWrapper {
  background: linear-gradient(90deg, #002C77 0%, #009DE0 100%);
}
#_header nav, .headerFormWrapper nav {
  display: flex;
  order: 1;
}
@media screen and (min-width: 1080px) {
  #_header .UCI a, #_header .UCI label.value, #_header .logout a, #_header .logout label.value, .headerFormWrapper .UCI a, .headerFormWrapper .UCI label.value, .headerFormWrapper .logout a, .headerFormWrapper .logout label.value {
    color: #FFFFFF;
  }
  #_header .UCI a:before, #_header .UCI label.value:before, #_header .logout a:before, #_header .logout label.value:before, .headerFormWrapper .UCI a:before, .headerFormWrapper .UCI label.value:before, .headerFormWrapper .logout a:before, .headerFormWrapper .logout label.value:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  }
  #_header .UCI .selectProfile, #_header .UCI .selectLanguage, #_header .logout .selectProfile, #_header .logout .selectLanguage, .headerFormWrapper .UCI .selectProfile, .headerFormWrapper .UCI .selectLanguage, .headerFormWrapper .logout .selectProfile, .headerFormWrapper .logout .selectLanguage {
    padding: 0px;
    border: none;
  }
  #_header .UCI .selectProfile .inputWrapper, #_header .UCI .selectLanguage .inputWrapper, #_header .logout .selectProfile .inputWrapper, #_header .logout .selectLanguage .inputWrapper, .headerFormWrapper .UCI .selectProfile .inputWrapper, .headerFormWrapper .UCI .selectLanguage .inputWrapper, .headerFormWrapper .logout .selectProfile .inputWrapper, .headerFormWrapper .logout .selectLanguage .inputWrapper {
    background-color: #ffffff;
  }
  #_header .UCI .selectLanguage .selectedLang, #_header .logout .selectLanguage .selectedLang, .headerFormWrapper .UCI .selectLanguage .selectedLang, .headerFormWrapper .logout .selectLanguage .selectedLang {
    display: inline-flex;
  }
  #_header .UCI .selectLanguage .selectedLang:before, #_header .logout .selectLanguage .selectedLang:before, .headerFormWrapper .UCI .selectLanguage .selectedLang:before, .headerFormWrapper .logout .selectLanguage .selectedLang:before {
    content: attr(data-lang);
    display: inline-flex;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px 30px 0px 10px;
    box-sizing: border-box;
    align-items: center;
    pointer-events: none;
    text-transform: uppercase;
  }
  #_header .UCI .selectLanguage .selectedLang input#_selectLang, #_header .logout .selectLanguage .selectedLang input#_selectLang, .headerFormWrapper .UCI .selectLanguage .selectedLang input#_selectLang, .headerFormWrapper .logout .selectLanguage .selectedLang input#_selectLang {
    padding-left: 0px;
    font-size: 0px;
    width: 60px;
  }
  #_header .UCI, .headerFormWrapper .UCI {
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #_header .logout, .headerFormWrapper .logout {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px 10px 0px;
  }
}
@media screen and (max-width: 1080px) {
  #_header .UCI a, #_header .logout a, .headerFormWrapper .UCI a, .headerFormWrapper .logout a {
    color: #002C77;
  }
  #_header .UCI a:before, #_header .logout a:before, .headerFormWrapper .UCI a:before, .headerFormWrapper .logout a:before {
    filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
  }
  #_header .UCI, .headerFormWrapper .UCI {
    gap: 10px;
    padding: 10px;
  }
  #_header .logout, .headerFormWrapper .logout {
    display: inline-flex;
    align-items: center;
    padding: 10px 10px 0px 10px;
  }
}

#menu, .headerForm .menuContainer #menu {
  margin: 0px;
  padding: 0px;
  height: 35px;
  font: 500 1rem system-ui;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#menu > li, .headerForm .menuContainer #menu > li {
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#menu ul, #menu li, .headerForm .menuContainer #menu ul, .headerForm .menuContainer #menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul[class^=submenu], .headerForm .menuContainer #menu ul[class^=submenu] {
  height: auto;
  width: 180px;
  background: #009DE0;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
  top: 100%;
  left: 0px;
}
#menu ul[class^=submenu] li, .headerForm .menuContainer #menu ul[class^=submenu] li {
  display: block;
  width: 100%;
  font: 400 1rem system-ui;
  text-transform: none;
  position: relative;
}
#menu ul[class^=submenu] li a, .headerForm .menuContainer #menu ul[class^=submenu] li a {
  text-align: left;
  justify-content: flex-start;
}
#menu ul[class^=submenu] ul[class^=submenu], .headerForm .menuContainer #menu ul[class^=submenu] ul[class^=submenu] {
  position: static;
  background: rgba(0, 0, 0, 0.2);
}
#menu ul[class^=submenu] ul[class^=submenu] a, .headerForm .menuContainer #menu ul[class^=submenu] ul[class^=submenu] a {
  color: #FFFFFF;
}
#menu li, .headerForm .menuContainer #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, .headerForm .menuContainer #menu li:hover, .headerForm .menuContainer #menu li:hover > a, .headerForm .menuContainer #menu li a:hover {
  background: #ffffff;
  color: #111;
  cursor: pointer;
}
#menu li .submenuCtl, .headerForm .menuContainer #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, .headerForm .menuContainer #menu li .submenuCtl:checked {
  background-image: url("/Icons/ico_arrow_up.svg");
}
#menu li .submenuCtl:checked + ul[class^=submenu], .headerForm .menuContainer #menu li .submenuCtl:checked + ul[class^=submenu] {
  display: block;
}
#menu a, .headerForm .menuContainer #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, .headerForm .menuContainer #menu a .ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(35px - 10px);
  width: 0px;
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
  transition: all 0.5s 0s ease;
}
#menu a .notification, .headerForm .menuContainer #menu a .notification {
  font-weight: bold;
  padding: 0 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#menu a .notification > div, .headerForm .menuContainer #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, .headerForm .menuContainer #menu a .notification > div.error {
  background-color: #E53935;
}
#menu a .notification > div.warning, .headerForm .menuContainer #menu a .notification > div.warning {
  background-color: #FF760D;
}
#menu a .notification > div.valid, .headerForm .menuContainer #menu a .notification > div.valid {
  background-color: #05BE70;
}
#menu .inactiveLink, .headerForm .menuContainer #menu .inactiveLink {
  pointer-events: none;
  cursor: default;
}

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

@media screen and (max-width: 1080px) {
  #_mobileMenu, .toggleMobileMenuBtn {
    display: inline-block;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 11;
  }
  #_body #_header #_headerInner, #_body #_header .group.headerContainer.hiddenGroup, .headerForm .headerOuterContainer #_headerInner, .headerForm .headerOuterContainer .group.headerContainer.hiddenGroup {
    opacity: 0;
    display: flex;
    position: fixed;
    right: -200px;
    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, #_body #_header.showMenu .group.headerContainer.hiddenGroup, .headerForm .headerOuterContainer.showMenu #_headerInner, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup {
    opacity: 1;
    right: 0px;
    width: 200px;
  }
  #_body #_header.showMenu #_headerInner .menuContainer, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer {
    width: 100%;
    flex-grow: 1;
  }
  #_body #_header.showMenu #_headerInner nav, #_body #_header.showMenu #_headerInner .menuContainer, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer, .headerForm .headerOuterContainer.showMenu #_headerInner nav, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer {
    order: 1;
    overflow: auto;
  }
  #_body #_header.showMenu #_headerInner nav #menu, #_body #_header.showMenu #_headerInner .menuContainer #menu, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu {
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
  }
  #_body #_header.showMenu #_headerInner nav #menu li, #_body #_header.showMenu #_headerInner .menuContainer #menu li, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #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, #_body #_header.showMenu #_headerInner .menuContainer #menu li:hover, #_body #_header.showMenu #_headerInner .menuContainer #menu li:hover > a, #_body #_header.showMenu #_headerInner .menuContainer #menu li:hover > a:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li:hover, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li:hover > a, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li:hover, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li:hover > a, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li:hover > a:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li:hover > a:hover {
    background: transparent;
    color: #0d0505;
    font-weight: bold;
  }
  #_body #_header.showMenu #_headerInner nav #menu li a, #_body #_header.showMenu #_headerInner .menuContainer #menu li a, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li a, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li a, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li a {
    text-align: left;
    justify-content: flex-start;
    height: auto;
    padding-left: 20px;
    color: #0d0505;
  }
  #_body #_header.showMenu #_headerInner nav #menu li .submenuCtl, #_body #_header.showMenu #_headerInner .menuContainer #menu li .submenuCtl, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li .submenuCtl, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li .submenuCtl, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li .submenuCtl {
    background-position-x: 5px;
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu], #_body #_header.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] {
    position: static;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding-left: calc(35px - 10px);
    background: rgba(0, 0, 0, 0.05);
  }
  #_body #_header.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type, #_body #_header.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] li:last-of-type, #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] li:last-of-type, #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] li:last-of-type, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #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], #_body #_header.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] ul[class^=submenu], #_body #_header.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner nav #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu #_headerInner .menuContainer #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup nav #menu li ul[class^=submenu] ul[class^=submenu], .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .menuContainer #menu li ul[class^=submenu] ul[class^=submenu] {
    margin-left: calc(-35px + 10px);
    width: calc(100% + (35px - 10px));
  }
  #_body #_header.showMenu #_headerInner .logout, #_body #_header.showMenu .group.headerContainer.hiddenGroup .logout, .headerForm .headerOuterContainer.showMenu #_headerInner .logout, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .logout {
    top: 0px;
    order: 2;
    height: auto;
  }
  #_body #_header.showMenu #_headerInner .logout a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .logout a, .headerForm .headerOuterContainer.showMenu #_headerInner .logout a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .logout a {
    min-height: 35px;
  }
  #_body #_header.showMenu #_headerInner .UCI, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI {
    top: 0px;
    height: auto;
    order: 4;
    flex-direction: column;
  }
  #_body #_header.showMenu #_headerInner .UCI > div, #_body #_header.showMenu #_headerInner .UCI a, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI > div, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI a, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI > div, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI a, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI > div, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI a {
    width: 100%;
  }
  #_body #_header.showMenu #_headerInner .UCI.group, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI.group, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI.group, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI.group {
    padding-bottom: 10px;
  }
  #_body #_header.showMenu #_headerInner .UCI.group .button, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI.group .button, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI.group .button, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI.group .button {
    width: auto;
  }
  #_body #_header.showMenu #_headerInner .UCI.group .logout, #_body #_header.showMenu .group.headerContainer.hiddenGroup .UCI.group .logout, .headerForm .headerOuterContainer.showMenu #_headerInner .UCI.group .logout, .headerForm .headerOuterContainer.showMenu .group.headerContainer.hiddenGroup .UCI.group .logout {
    padding: 0px;
    flex-grow: 1;
  }
}
/*LANG SELECTOR*/
@media screen and (min-width: 1080px) {
  #_autoComplete .autocomplete-result#ac_selectLang p {
    font-size: 0px;
  }
  #_autoComplete .autocomplete-result#ac_selectLang p:before {
    content: attr(data-lang);
    display: inline-flex;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px 30px 0px 10px;
    box-sizing: border-box;
    align-items: center;
    pointer-events: none;
    text-transform: uppercase;
    font-size: 1rem;
  }
}
/*FORCE AUTOCOMPLETE TO OPEN UPWARDS ON MOBILE MENU*/
@media screen and (max-width: 1080px) {
  #_autoComplete .autocomplete-result#ac_selectLang {
    transform: translateY(-100%);
    margin-top: calc(-35px - 3px);
  }
}
html {
  font-family: system-ui;
  font-size: 90%;
}
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: 10px;
  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: 10px;
  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(35px - 10px);
  width: 0px;
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
  transition: all 0.5s 0s ease;
}
.ico.info, .ico.valid, .ico.warning, .ico.error, .ico.fatal {
  width: calc(35px - 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 {
  cursor: pointer;
  border: none;
  font-family: system-ui;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #0d0505;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  transition: all 0.5s 0s ease;
}
input[type=button]:has(.TippedToolTip), input[type=submit]:has(.TippedToolTip), button:has(.TippedToolTip) {
  position: relative;
}
input[type=button]:hover, input[type=submit]:hover, button:hover {
  background-color: #FAFAFA;
  color: #002C77;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
input[type=button]:hover .ico, input[type=submit]:hover .ico, button:hover .ico {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
input[type=button].primary, input[type=submit].primary, button.primary {
  background-color: #002C77;
  color: #FFFFFF;
}
input[type=button].primary .ico, input[type=submit].primary .ico, button.primary .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
input[type=button].primary:hover, input[type=submit].primary:hover, button.primary:hover {
  background-color: #009DE0;
  color: #FFFFFF;
}
input[type=button].primary:hover .ico, input[type=submit].primary:hover .ico, button.primary:hover .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
}
input[type=button].dropdownBtn, input[type=submit].dropdownBtn, button.dropdownBtn {
  padding-right: 3px;
}
input[type=button].dropdownBtn .ico.opt, input[type=submit].dropdownBtn .ico.opt, button.dropdownBtn .ico.opt {
  background-image: url("/Icons/ico_more.svg");
  background-position: right center;
  width: calc(35px - 10px);
}
input[type=button] .ico, input[type=submit] .ico, button .ico {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 80% auto;
  height: calc(35px - 10px);
  width: 0px;
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
  transition: all 0.5s 0s ease;
}
input[type=button].attachment .ico, input[type=button].ai .ico, input[type=button].avi .ico, input[type=button].cbr .ico, input[type=button].cbz .ico, input[type=button].csv .ico, input[type=button].doc .ico, input[type=button].dtfs .ico, input[type=button].eps .ico, input[type=button].fb2 .ico, input[type=button].gif .ico, input[type=button].html .ico, input[type=button].java .ico, input[type=button].mobi .ico, input[type=button].mp4 .ico, input[type=button].pdf .ico, input[type=button].png .ico, input[type=button].ppt .ico, input[type=button].ps .ico, input[type=button].psd .ico, input[type=button].svg .ico, input[type=button].txt .ico, input[type=button].xls .ico, input[type=button].zip .ico, input[type=button].edit .ico, input[type=button].cancel .ico, input[type=button].add .ico, input[type=button].bug .ico, input[type=button].search .ico, input[type=submit].attachment .ico, input[type=submit].ai .ico, input[type=submit].avi .ico, input[type=submit].cbr .ico, input[type=submit].cbz .ico, input[type=submit].csv .ico, input[type=submit].doc .ico, input[type=submit].dtfs .ico, input[type=submit].eps .ico, input[type=submit].fb2 .ico, input[type=submit].gif .ico, input[type=submit].html .ico, input[type=submit].java .ico, input[type=submit].mobi .ico, input[type=submit].mp4 .ico, input[type=submit].pdf .ico, input[type=submit].png .ico, input[type=submit].ppt .ico, input[type=submit].ps .ico, input[type=submit].psd .ico, input[type=submit].svg .ico, input[type=submit].txt .ico, input[type=submit].xls .ico, input[type=submit].zip .ico, input[type=submit].edit .ico, input[type=submit].cancel .ico, input[type=submit].add .ico, input[type=submit].bug .ico, input[type=submit].search .ico, button.attachment .ico, button.ai .ico, button.avi .ico, button.cbr .ico, button.cbz .ico, button.csv .ico, button.doc .ico, button.dtfs .ico, button.eps .ico, button.fb2 .ico, button.gif .ico, button.html .ico, button.java .ico, button.mobi .ico, button.mp4 .ico, button.pdf .ico, button.png .ico, button.ppt .ico, button.ps .ico, button.psd .ico, button.svg .ico, button.txt .ico, button.xls .ico, button.zip .ico, button.edit .ico, button.cancel .ico, button.add .ico, button.bug .ico, button.search .ico {
  width: calc(35px - 10px);
}
input[type=button].attachment .ico, input[type=submit].attachment .ico, button.attachment .ico {
  background-image: url("/Icons/ico_attachment.svg");
}
input[type=button].ai .ico, input[type=submit].ai .ico, button.ai .ico {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
}
input[type=button].avi .ico, input[type=submit].avi .ico, button.avi .ico {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
}
input[type=button].cbr .ico, input[type=submit].cbr .ico, button.cbr .ico {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
}
input[type=button].cbz .ico, input[type=submit].cbz .ico, button.cbz .ico {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
}
input[type=button].csv .ico, input[type=submit].csv .ico, button.csv .ico {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
}
input[type=button].doc .ico, input[type=submit].doc .ico, button.doc .ico {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
}
input[type=button].dtfs .ico, input[type=submit].dtfs .ico, button.dtfs .ico {
  background-image: url("/Layout/FileTypes/ico_dtfs.svg");
}
input[type=button].eps .ico, input[type=submit].eps .ico, button.eps .ico {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
}
input[type=button].fb2 .ico, input[type=submit].fb2 .ico, button.fb2 .ico {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
}
input[type=button].gif .ico, input[type=submit].gif .ico, button.gif .ico {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
}
input[type=button].html .ico, input[type=submit].html .ico, button.html .ico {
  background-image: url("/Layout/FileTypes/ico_html.svg");
}
input[type=button].java .ico, input[type=submit].java .ico, button.java .ico {
  background-image: url("/Layout/FileTypes/ico_java.svg");
}
input[type=button].mobi .ico, input[type=submit].mobi .ico, button.mobi .ico {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
}
input[type=button].mp4 .ico, input[type=submit].mp4 .ico, button.mp4 .ico {
  background-image: url("/Layout/FileTypes/ico_mp4.svg");
}
input[type=button].pdf .ico, input[type=submit].pdf .ico, button.pdf .ico {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
}
input[type=button].png .ico, input[type=submit].png .ico, button.png .ico {
  background-image: url("/Layout/FileTypes/ico_png.svg");
}
input[type=button].ppt .ico, input[type=submit].ppt .ico, button.ppt .ico {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
}
input[type=button].ps .ico, input[type=submit].ps .ico, button.ps .ico {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
}
input[type=button].psd .ico, input[type=submit].psd .ico, button.psd .ico {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
}
input[type=button].svg .ico, input[type=submit].svg .ico, button.svg .ico {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
}
input[type=button].txt .ico, input[type=submit].txt .ico, button.txt .ico {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
}
input[type=button].xls .ico, input[type=submit].xls .ico, button.xls .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
input[type=button].xlsx .ico, input[type=submit].xlsx .ico, button.xlsx .ico {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
}
input[type=button].xml .ico, input[type=submit].xml .ico, button.xml .ico {
  background-image: url("/Layout/FileTypes/ico_xml.svg");
}
input[type=button].zip .ico, input[type=submit].zip .ico, button.zip .ico {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
}
input[type=button].edit .ico, input[type=submit].edit .ico, button.edit .ico {
  background-image: url("/Icons/ico_edit.svg");
}
input[type=button].add .ico, input[type=submit].add .ico, button.add .ico {
  background-image: url("/Icons/ico_plusCircle.svg");
}
input[type=button].cancel .ico, input[type=submit].cancel .ico, button.cancel .ico {
  background-image: url("/Icons/ico_xCircle.svg");
}
input[type=button].bug .ico, input[type=submit].bug .ico, button.bug .ico {
  background-image: url("/Icons/ico_bug.svg");
}
input[type=button].search .ico, input[type=submit].search .ico, button.search .ico {
  background-image: url("/Icons/ico_search.svg");
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button, button.icon-button.sfr-searchTmpl > .formwrap > .button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico, button.icon-button.sfr-searchTmpl > .formwrap > .button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button:hover, button.icon-button.sfr-searchTmpl > .formwrap > .button > button:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled, button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary, button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
input[type=button].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, input[type=submit].icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover, button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
input[type=button].icon-button > button, input[type=submit].icon-button > button, button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
input[type=button].icon-button > button > .ico, input[type=submit].icon-button > button > .ico, button.icon-button > button > .ico {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-size: contain;
  filter: none;
}
input[type=button].icon-button > button:hover, input[type=submit].icon-button > button:hover, button.icon-button > button:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
input[type=button].icon-button > button:disabled, input[type=submit].icon-button > button:disabled, button.icon-button > button:disabled {
  opacity: 0.5;
}
input[type=button].icon-button > button.primary, input[type=submit].icon-button > button.primary, button.icon-button > button.primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
input[type=button].icon-button > button.primary:hover, input[type=submit].icon-button > button.primary:hover, button.icon-button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
input[type=button].icon-button:not(div), input[type=submit].icon-button:not(div), button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  background-image: url("/Icons/ico_file.svg");
  background-size: auto calc(100% - 10px);
  background-color: transparent;
  font-size: 0px;
}
input[type=button].icon-button:not(div) > .ico, input[type=submit].icon-button:not(div) > .ico, button.icon-button:not(div) > .ico {
  display: none;
}
input[type=button].icon-button:not(div).ai, input[type=submit].icon-button:not(div).ai, button.icon-button:not(div).ai {
  background-image: url("/Layout/FileTypes/ico_ai.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).avi, input[type=submit].icon-button:not(div).avi, button.icon-button:not(div).avi {
  background-image: url("/Layout/FileTypes/ico_avi.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cbr, input[type=submit].icon-button:not(div).cbr, button.icon-button:not(div).cbr {
  background-image: url("/Layout/FileTypes/ico_cbr.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cbz, input[type=submit].icon-button:not(div).cbz, button.icon-button:not(div).cbz {
  background-image: url("/Layout/FileTypes/ico_cbz.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).csv, input[type=submit].icon-button:not(div).csv, button.icon-button:not(div).csv {
  background-image: url("/Layout/FileTypes/ico_csv.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).doc, input[type=submit].icon-button:not(div).doc, button.icon-button:not(div).doc {
  background-image: url("/Layout/FileTypes/ico_doc.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).eps, input[type=submit].icon-button:not(div).eps, button.icon-button:not(div).eps {
  background-image: url("/Layout/FileTypes/ico_eps.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).fb2, input[type=submit].icon-button:not(div).fb2, button.icon-button:not(div).fb2 {
  background-image: url("/Layout/FileTypes/ico_fb2.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).gif, input[type=submit].icon-button:not(div).gif, button.icon-button:not(div).gif {
  background-image: url("/Layout/FileTypes/ico_gif.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).html, input[type=submit].icon-button:not(div).html, button.icon-button:not(div).html {
  background-image: url("/Layout/FileTypes/ico_html.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).java, input[type=submit].icon-button:not(div).java, button.icon-button:not(div).java {
  background-image: url("/Layout/FileTypes/ico_java.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).mobi, input[type=submit].icon-button:not(div).mobi, button.icon-button:not(div).mobi {
  background-image: url("/Layout/FileTypes/ico_mobi.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).pdf, input[type=submit].icon-button:not(div).pdf, button.icon-button:not(div).pdf {
  background-image: url("/Layout/FileTypes/ico_pdf.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).png, input[type=submit].icon-button:not(div).png, button.icon-button:not(div).png {
  background-image: url("/Layout/FileTypes/ico_png.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ppt, input[type=submit].icon-button:not(div).ppt, button.icon-button:not(div).ppt {
  background-image: url("/Layout/FileTypes/ico_ppt.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ps, input[type=submit].icon-button:not(div).ps, button.icon-button:not(div).ps {
  background-image: url("/Layout/FileTypes/ico_ps.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).psd, input[type=submit].icon-button:not(div).psd, button.icon-button:not(div).psd {
  background-image: url("/Layout/FileTypes/ico_psd.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).svg, input[type=submit].icon-button:not(div).svg, button.icon-button:not(div).svg {
  background-image: url("/Layout/FileTypes/ico_svg.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).txt, input[type=submit].icon-button:not(div).txt, button.icon-button:not(div).txt {
  background-image: url("/Layout/FileTypes/ico_txt.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).xls, input[type=submit].icon-button:not(div).xls, button.icon-button:not(div).xls {
  background-image: url("/Layout/FileTypes/ico_xls.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).xlsx, input[type=submit].icon-button:not(div).xlsx, button.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 {
  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 {
  background-image: url("/Layout/FileTypes/ico_zip.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).get, input[type=submit].icon-button:not(div).get, button.icon-button:not(div).get {
  background-image: url("/Icons/ico_fileDownload.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).remove, input[type=button].icon-button:not(div).DEL, input[type=submit].icon-button:not(div).remove, input[type=submit].icon-button:not(div).DEL, button.icon-button:not(div).remove, button.icon-button:not(div).DEL {
  background-image: url("/Icons/ico_trash.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).ADD, input[type=button].icon-button:not(div).add, input[type=submit].icon-button:not(div).ADD, input[type=submit].icon-button:not(div).add, button.icon-button:not(div).ADD, button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).NR, input[type=button].icon-button:not(div).nr, input[type=submit].icon-button:not(div).NR, input[type=submit].icon-button:not(div).nr, button.icon-button:not(div).NR, button.icon-button:not(div).nr {
  background-image: url("/Icons/ico_number.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).SHOW, input[type=button].icon-button:not(div).show, input[type=submit].icon-button:not(div).SHOW, input[type=submit].icon-button:not(div).show, button.icon-button:not(div).SHOW, button.icon-button:not(div).show {
  background-image: url("/Icons/ico_show.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).edit, input[type=submit].icon-button:not(div).edit, button.icon-button:not(div).edit {
  background-image: url("/Icons/ico_edit.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).add, input[type=submit].icon-button:not(div).add, button.icon-button:not(div).add {
  background-image: url("/Icons/ico_plusCircle.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).cancel, input[type=submit].icon-button:not(div).cancel, button.icon-button:not(div).cancel {
  background-image: url("/Icons/ico_xCircle.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).attachment, input[type=submit].icon-button:not(div).attachment, button.icon-button:not(div).attachment {
  background-image: url("/Icons/ico_attachment.svg");
  background-size: auto calc(100% - 10px);
}
input[type=button].icon-button:not(div).row-menu, input[type=submit].icon-button:not(div).row-menu, button.icon-button:not(div).row-menu {
  background-image: url("/Icons/ico_more.svg");
}
input[type=button].icon-button:not(div).refresh-list, input[type=submit].icon-button:not(div).refresh-list, button.icon-button:not(div).refresh-list {
  background-image: url("/Icons/ico_reload.svg");
}
input[type=button].icon-button:not(div).chooseColumns, input[type=submit].icon-button:not(div).chooseColumns, button.icon-button:not(div).chooseColumns {
  background-image: url("/Icons/ico_showColumns.svg");
}
input[type=button].icon-button:not(div).columnsSettings, input[type=submit].icon-button:not(div).columnsSettings, button.icon-button:not(div).columnsSettings {
  background-image: url("/Icons/ico_columnSettings.svg");
}
input[type=button].icon-button:not(div).save-config, input[type=submit].icon-button:not(div).save-config, button.icon-button:not(div).save-config {
  background-image: url("/Icons/ico_diskette.svg");
}
input[type=button].icon-button:not(div).restore-default-config, input[type=submit].icon-button:not(div).restore-default-config, button.icon-button:not(div).restore-default-config {
  background-image: url("/Icons/ico_restoreSettings.svg");
}
input[type=button].icon-button:not(div).bug, input[type=submit].icon-button:not(div).bug, button.icon-button:not(div).bug {
  background-image: url("/Icons/ico_bug.svg");
}
input[type=button].icon-button:not(div).search, input[type=submit].icon-button:not(div).search, button.icon-button:not(div).search {
  background-image: url("/Icons/ico_search.svg");
}
input[type=button].icon-button:not(div).th-sort, input[type=submit].icon-button:not(div).th-sort, button.icon-button:not(div).th-sort {
  background-image: url("/Icons/ico_sort.svg");
}
input[type=button].icon-button:not(div).th-sort.asc, input[type=submit].icon-button:not(div).th-sort.asc, button.icon-button:not(div).th-sort.asc {
  background-image: url("/Icons/ico_sortAsc.svg");
}
input[type=button].icon-button:not(div).th-sort.desc, input[type=submit].icon-button:not(div).th-sort.desc, button.icon-button:not(div).th-sort.desc {
  background-image: url("/Icons/ico_sortDesc.svg");
}
input[type=button].icon-button:not(div):hover, input[type=submit].icon-button:not(div):hover, button.icon-button:not(div):hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
input[type=button].icon-button:not(div):disabled, input[type=submit].icon-button:not(div):disabled, button.icon-button:not(div):disabled {
  opacity: 0.5;
}
input[type=button].icon-button:not(div).primary, input[type=submit].icon-button:not(div).primary, button.icon-button:not(div).primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
input[type=button].icon-button:not(div).primary:hover, input[type=submit].icon-button:not(div).primary:hover, button.icon-button:not(div).primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
input[type=button]:disabled, input[type=button].primary:disabled, input[type=button].ReadOnly, input[type=button].ReadOnly:hover, input[type=button].primary.ReadOnly, input[type=button].primary.ReadOnly:hover, input[type=button].disabled, input[type=button].disabled:hover, input[type=submit]:disabled, input[type=submit].primary:disabled, input[type=submit].ReadOnly, input[type=submit].ReadOnly:hover, input[type=submit].primary.ReadOnly, input[type=submit].primary.ReadOnly:hover, input[type=submit].disabled, input[type=submit].disabled:hover, button:disabled, button.primary:disabled, button.ReadOnly, button.ReadOnly:hover, button.primary.ReadOnly, button.primary.ReadOnly:hover, button.disabled, button.disabled:hover {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
  pointer-events: none;
}
input[type=button]:not(.tabButton) .TippedToolTip, input[type=submit]:not(.tabButton) .TippedToolTip, button:not(.tabButton) .TippedToolTip {
  font-size: 0px;
  border: none;
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*field button*/
.button:not(input) {
  padding-top: 10px;
}
.button:not(.widthAuto) input [type=button], .button:not(.widthAuto) input[type=submit], .button:not(.widthAuto) button {
  width: 100%;
}
.button.primary input [type=button], .button.primary input[type=submit], .button.primary button {
  background-color: #002C77;
  color: #ffffff;
}
.button.primary input [type=button]:hover, .button.primary input[type=submit]:hover, .button.primary button:hover {
  background-color: #009DE0;
}
.button.primary input [type=button]:disabled, .button.primary input[type=submit]:disabled, .button.primary button:disabled {
  background-color: #cccccc;
  box-shadow: none;
  color: #808080;
  cursor: not-allowed;
}
.button.attachment .ico, .button.ai .ico, .button.avi .ico, .button.cbr .ico, .button.cbz .ico, .button.csv .ico, .button.doc .ico, .button.dtfs .ico, .button.eps .ico, .button.fb2 .ico, .button.gif .ico, .button.html .ico, .button.java .ico, .button.mobi .ico, .button.mp4 .ico, .button.pdf .ico, .button.png .ico, .button.ppt .ico, .button.ps .ico, .button.psd .ico, .button.svg .ico, .button.txt .ico, .button.xls .ico, .button.zip .ico, .button.edit .ico, .button.cancel .ico, .button.add .ico, .button.bug .ico, .button.search .ico {
  width: calc(35px - 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: 35px;
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button:disabled {
  opacity: 0.5;
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.button.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.button.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.button.icon-button > button:disabled {
  opacity: 0.5;
}
.button.icon-button > button.primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.button.icon-button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.button.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.button.icon-button:not(div):disabled {
  opacity: 0.5;
}
.button.icon-button:not(div).primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.button.icon-button:not(div).primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}

/*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.2);
  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: 0.8rem;
  left: 10px; /*linked with label max-width*/
  top: 10px; /*linked with field padding*/
  max-width: calc(0.8 * (100% - 20px)); /*linked with label positioning*/
  height: calc(0.8 * (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: 8px;
}
.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: 8px; /*linked with border radius*/
  width: calc(100% - 8px - 8px); /*linked with border radius*/
  border-bottom: 1px solid #9c9a9a;
}
.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: 8px;
  font-family: system-ui;
  /*transition: 300ms ease all; /*disabled for PH deanimation test*/
  border: none;
  outline: none;
  width: 100%;
  resize: vertical;
  /*editable*/
  font-size: 1rem;
  padding: 3px 10px; /*linked with border radius*/
  min-height: max(35px, 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: 8px;
  border-bottom-left-radius: 8px;
  width: 8px;
  border-left: 1px solid #9c9a9a;
  border-top: 1px solid #9c9a9a;
  border-bottom: 1px solid #9c9a9a;
}
.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: 8px;
  border-bottom-right-radius: 8px;
  width: calc(100% - 8px); /*linked with border radius*/
  min-width: 8px;
  border-right: 1px solid #9c9a9a;
  border-top: 1px solid #9c9a9a;
  border-bottom: 1px solid #9c9a9a;
}
.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(8px + 3px);
  opacity: 1;
  transform: scale(1);
  height: 1rem;
  max-width: calc(100% - 2 * (8px + 3px));
  /*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: #009DE0;
  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: 0px solid #009DE0;
}
.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: 0px solid #009DE0;
  border-left: 0px solid #009DE0;
  border-bottom: 0px solid #009DE0;
}
.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: 0px solid #009DE0;
  border-right: 0px solid #009DE0;
  border-bottom: 0px solid #009DE0;
}
.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(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}

/*CHECKBOX*/
.field.checkbox,
.field.checkboxList {
  display: inline-flex;
  align-items: center;
  min-height: calc(35px / 2);
  min-width: calc(35px / 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: 35px;
  line-height: normal;
}
.field.checkbox input + label:before,
.field.checkboxList input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(35px / 2), 14px);
  width: max(calc(35px / 2), 14px);
  background: transparent;
  border-radius: 4px;
  border: 1px solid #9c9a9a;
  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: #9c9a9a;
  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: 35px;
  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(35px / 2), 14px);
  width: max(calc(35px / 2), 14px);
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #9c9a9a;
  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(35px - max(calc(35px / 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: 35px;
  line-height: normal;
}
.field.radio .radioWrapper input + label:before {
  content: "";
  display: inline-flex;
  height: max(calc(35px / 2), 14px);
  width: max(calc(35px / 2), 14px);
  background: transparent;
  border-radius: calc(calc(35px / 2) / 2);
  border: 1px solid #9c9a9a;
  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(35px / 2) / 3.5) solid #9c9a9a;
}
.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(35px / 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: 35px;
  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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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: 35px;
  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% - 8px) !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% - 8px) !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: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
div#_fieldMessages .fmAlert {
  background-color: #576CA3;
}
div#_fieldMessages .fmError {
  background-color: #E53935;
}
div#_fieldMessages .fmFatalError {
  background-color: #B71C1C;
}
div#_fieldMessages .fmWarning {
  background-color: #FF760D;
}

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

/*FORM MESSAGES*/
div#_formMessages {
  position: fixed;
  bottom: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
  height: 0px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: calc(901 + 1);
}
div#_formMessages div {
  color: #FFFFFF;
  padding: 5px 5px 5px 10px;
  position: relative;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  flex: none;
}
div#_formMessages div[onclick*=closeAllPrompts] {
  cursor: pointer;
  padding: 5px 10px;
}
div#_formMessages div input[value=x] {
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  height: 22px;
  width: 22px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  box-shadow: none;
  flex-shrink: 0;
}
div#_formMessages div input[value=x]:hover {
  background: rgba(0, 0, 0, 0.2);
}
div#_formMessages .FMAlert, div#_formMessages .FMError, div#_formMessages .FMFatalError, div#_formMessages .FMWarning, div#_formMessages .FMValid {
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
div#_formMessages .FMAlert {
  background-color: #576CA3;
}
div#_formMessages .FMError {
  background-color: #E53935;
}
div#_formMessages .FMFatalError {
  background-color: #B71C1C;
}
div#_formMessages .FMWarning {
  background-color: #FF760D;
}
div#_formMessages .FMValid {
  background-color: #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: #0d0505;
  border-bottom-color: #009DE0;
}
.tabContainer .tabHeader button.active {
  color: #002C77;
  border-bottom-color: #002C77;
}
.tabContainer .tabHeader button.active:hover {
  color: #009DE0;
  border-bottom-color: #009DE0;
}
.tabContainer .tabHeader button.fmAlert {
  color: #576CA3;
  opacity: 1;
  border-color: #576CA3;
}
.tabContainer .tabHeader button.fmError {
  color: #E53935;
  opacity: 1;
  border-color: #E53935;
}
.tabContainer .tabHeader button.fmFatalError {
  color: #B71C1C;
  opacity: 1;
  border-color: #B71C1C;
}
.tabContainer .tabHeader button.fmWarning {
  color: #FF760D;
  opacity: 1;
  border-color: #FF760D;
}
.tabContainer .tabHeader button.hidden {
  display: none;
}
.tabContainer.hiddenTabHeader > .tabHeader {
  display: none;
}
.tabContainer .tab {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

/*COMPLEX*/
.complexTableContainer div.lazyComplexTableContainer {
  max-height: 100%;
  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: 10px;
  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(35px / 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: 35px;
  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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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(35px / 2);
  height: calc(35px / 2);
  border: 2px solid #002C77;
  color: #002C77;
  font-weight: 600;
  line-height: normal;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.TippedToolTip .ico {
  max-height: 100%;
  background-size: calc(100% - 4px) calc(100% - 4px);
  background-position: center center;
}

.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((35px / 2) - (calc(35px / 2) / 2));
}

/* ACCORDION */
.accor-button {
  cursor: pointer;
  border: none;
  font-family: system-ui;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #002C77;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 35px;
  transition: all 0.5s 0s ease;
}
.accor-button.accor-active, .accor-button:hover {
  background-color: #FAFAFA;
  color: #002C77;
}

.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: 10px;
  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(35px - 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: 35px;
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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: 35px;
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.sfr-searchTmpl div[class*=pops] button.icon-button > button.primary:hover, .sfr-searchTmpl div[class*=pops] .button.icon-button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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: 35px;
  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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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(35px - 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: 35px;
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.sfr-searchTmpl.icon-button.sfr-searchTmpl > .formwrap > .button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.sfr-searchTmpl.icon-button > button {
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  padding: 0px;
  min-width: 35px;
}
.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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.sfr-searchTmpl.icon-button > button:disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button > button.primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.sfr-searchTmpl.icon-button > button.primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.sfr-searchTmpl.icon-button:not(div) {
  box-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
  min-width: 35px;
  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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.sfr-searchTmpl.icon-button:not(div):disabled {
  opacity: 0.5;
}
.sfr-searchTmpl.icon-button:not(div).primary {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.sfr-searchTmpl.icon-button:not(div).primary:hover {
  filter: invert(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}

/*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;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: grab;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
}
.group.movable .draggableAnchor .ico {
  background: url(/Icons/ico_drag.svg) no-repeat center center transparent;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.group.movable .draggableAnchor:hover {
  transform: scale(1.2);
}
.group.movable .draggableAnchor:active {
  cursor: grabbing;
}

.inputWrapper:has(.password-toggle) .password-toggle {
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  box-shadow: none;
}
.inputWrapper:has(.password-toggle) input {
  padding-right: 40px !important;
  box-sizing: border-box;
  overflow: hidden;
}
.inputWrapper:has(.password-toggle) input::-ms-reveal {
  display: none;
}
.inputWrapper:has(.password-toggle) .ico-show {
  background: url(/Icons/ico_show.svg) no-repeat center center/contain;
  width: 20px;
  height: 20px;
}
.inputWrapper:has(.password-toggle) .ico-hide {
  background: url(/Icons/ico_hide.svg) no-repeat center center/contain;
  width: 20px;
  height: 20px;
}

#_debuggerConsole {
  position: absolute;
  top: 55px;
  right: 5px;
  z-index: 99;
  display: inline-flex;
  align-items: center;
}
#_debuggerConsole .debug-container-btn {
  height: calc(35px + 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(10px + 10px);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  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: -10px;
}

.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 #9c9a9a;
  border-radius: 10px;
  margin-top: 3px;
  position: fixed;
  overflow: auto;
  max-height: 150px;
  overflow-x: hidden;
  background: #fff;
  font-family: system-ui;
  font-size: 1rem;
}

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

.autocomplete-result p {
  padding: 5px 10px;
  margin: 0;
  color: #0d0505;
  display: inline-flex;
  align-items: center;
  min-height: calc(2 * 8px);
  width: 100%;
}
.autocomplete-result p[selected=true] {
  background: #e5e5e5;
  font-weight: bold;
}

.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 #002C77;
  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 .loginForm {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#_body.loginPage #FR1 .loginForm .loginTabContainer {
  z-index: 1;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  display: flex;
}
#_body.loginPage #FR1 .loginForm .loginTabContainer .btnContainer .button:not(input) {
  padding-top: unset;
}
#_body.loginPage #FR1 .loginForm .loginTabContainer .captchaWrapper .captcha.field {
  padding: unset;
}
#_body.loginPage #FR1 .loginForm .loginTabContainer .captchaWrapper .captcha.field > label.definition {
  display: none;
}
#_body.loginPage #FR1 .loginForm .loginTabContainer .captchaWrapper .captcha.field > label.value img {
  margin-left: 0px;
  margin-right: 0px;
}
#_body.loginPage #FR1 .loginForm .loginTabContainer .captchaWrapper .button:not(input) {
  padding-top: unset;
}
#_body.loginPage #FR1 .loginForm .ui-waveBg {
  float: unset;
  border-left: unset;
  border-right: unset;
  align-self: unset;
}
#_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 .loginErrorMsg label.definition, #_body.loginPage #FR1 .loginInfoMsg label.definition {
  display: none;
}
#_body.loginPage #FR1 .loginErrorMsg label.value, #_body.loginPage #FR1 .loginInfoMsg label.value {
  color: #E53935;
  font-weight: normal;
}
#_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: 10px;
  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: min(250px, 100%);
  /*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: 10px;
}
#_body.loginPage #FR1 .loginBox .btnContainer > * {
  margin-top: 15px;
}
#_body.loginPage #FR1 .loginBox #f2 .field.active .inputBorderR {
  width: calc((100% - 8px) - 6px - 52px);
}
#_body.loginPage #FR1 .loginBox #f3 .field.active .inputBorderR {
  width: calc((100% - 8px) - 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: 10px;
  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: 10px;
  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: 100%; /*default height required for lazy loading*/
  width: 100%;
  background: #ffffff;
}
.genericlist-wrapper .accor {
  height: 0px;
}
.genericlist-wrapper .accor .accor-button {
  width: calc(35px / 2);
  height: calc(35px / 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(35px / 2);
  height: calc(35px / 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: #002C77;
}
.genericlist-wrapper .accor .accor-button:hover .ico {
  filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.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((35px / 2) + 10px);
}
.genericlist-wrapper .accor .accor-panel.visible > .sfr {
  height: calc(100% - 35px - 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: clamp(200px, 33.333vw, 200px);
  height: 100%;
  overflow: auto;
}
.genericlist-wrapper .accor.accor-active:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: clamp(200px, 33.333vw, 200px);
  pointer-events: none;
  background: rgba(0, 0, 0, 0.05);
  top: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.genericlist-wrapper .accor.accor-active + .GLT {
  width: calc(100% - clamp(200px, 33.333vw, 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(35px / 2, 18px) - 10px);
  margin-left: calc(max(35px / 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(35px / 2);
  height: calc(35px / 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: 8px;
  font-family: system-ui;
  border: 1px solid #9c9a9a;
  display: inline-flex;
  align-items: center;
  /*editable*/
  font-size: 1rem;
  height: calc(35px / 2);
  min-height: 22px;
}
.genericlist-wrapper .genericlist-configHeader-container .quick-search-bar button {
  height: calc(35px / 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(35px / 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(35px / 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: system-ui;
  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 #9c9a9a;
  outline: none;
}
.genericlist-wrapper .genericlist-configHeader-container ~ .genericlist-container,
.genericlist-wrapper .genericlist-configHeader-container ~ .journal-container {
  height: calc(100% - max((35px / 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: system-ui;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  color: #0d0505;
  background-color: #FFFFFF;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  transition: all 0.5s 0s ease;
}
.genericlist-wrapper .GLT .getNextResultsBtn td div:hover {
  background-color: #FAFAFA;
  color: #002C77;
  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((35px / 2) + 10px, 30px));
  margin-top: max((35px / 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 #009DE0;
}
.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: 35px;
}
.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(35px, 18px);
  height: max(35px, 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(36%) sepia(61%) saturate(1865%) hue-rotate(171deg) brightness(103%) contrast(101%);
}
.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 td.previewThumbnailColumn,
.journal-container > table tbody tr td.previewThumbnailColumn {
  overflow: visible;
}
.genericlist-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip,
.journal-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip {
  display: inline-block;
  height: 50px;
  overflow: visible;
  position: relative;
  margin-bottom: 3px;
  border: 1px solid #e6e6e6;
  min-width: 50px;
  text-align: center;
  background: url("/Layout/loading.gif") no-repeat scroll center center #fff;
}
.genericlist-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip:before,
.journal-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip:before {
  content: "";
  position: absolute;
  bottom: -4px;
  right: -4px;
  background: url("/Icons/bbar_Search.png") no-repeat scroll center 3px #003A59;
  background-size: auto 12px;
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 8px;
}
.genericlist-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip > img.Thumbnail,
.journal-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip > img.Thumbnail {
  width: auto;
  height: 100%;
}
.genericlist-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip > img.Preview,
.journal-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip > img.Preview {
  display: none;
}
.genericlist-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip:hover,
.journal-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip:hover {
  border: 1px solid #003A59;
}
.genericlist-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip:hover > img.Preview,
.journal-container > table tbody tr td.previewThumbnailColumn div.PreviewTooltip:hover > img.Preview {
  height: 200px;
  position: absolute;
  z-index: 999;
  border: 1px solid #e6e6e6;
  left: 80px;
  top: 0px;
  display: block;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.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: #002C77;
  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: #002C77;
  -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((35px / 2) + 10px);
  width: 100%;
  pointer-events: none;
  background: transparent;
  top: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.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((35px / 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((35px / 2) + 10px);
    width: 100%;
    pointer-events: none;
    background: transparent;
    top: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .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((35px / 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: 10px;
}
.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: #FAFAFA;
  color: #002C77;
}
.treelist-container .treelist-items-container .treelist-item.selected {
  background-color: #002C77;
  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(35px / 2 + 5px, 27px);
}
.report-container .report-info .progressBar-wrapper .progressBar-bar {
  border-radius: 10px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  height: calc(35px / 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: #002C77;
  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(35px / 2);
  min-height: 22px;
  width: calc(35px / 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: 10px;
  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: 600px;
  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: 35px;
  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: #002C77;
  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: #FAFAFA;
  color: #002C77;
}

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

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

.fileupload-container {
  display: flex;
  align-items: center;
}
.fileupload-container .fileupload-btn {
  position: relative;
  cursor: pointer;
}
.fileupload-container .fileupload-btn input[type=file] {
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
}
.fileupload-container .fileupload-btn button {
  pointer-events: none;
}
.fileupload-container .fileupload-btn button .ico {
  background-image: url("/Icons/ico_upload.svg");
  background-size: 80% auto;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) {
  cursor: pointer;
}
.fileupload-container .fileupload-btn:hover:not(.disabled) button {
  background-color: #FAFAFA;
  color: #002C77;
  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(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
}
.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 #9c9a9a;
  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%);
}
.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: 10px;
  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: 10px;
  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: 10px;
  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(35px * 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: 10px;
}
.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: 10px;
}
.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: 10px;
}
.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% - clamp(200px, 33.333vw, 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 #_content #FR .faq-container {
  display: flex;
  flex-wrap: wrap;
}
html #_content #FR .faq-container .faq-question-group {
  width: 33.333%;
}
html #_content #FR .faq-container .faq-question-group .faq-answer p {
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
}
html #_content #FR .faq-container .faq-question-group .faq-question-group {
  width: 100%;
}
html #_content #FR .faq-container .files-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
}
@media screen and (max-width: 1080px) {
  html #_content #FR .faq-container .faq-question-group {
    width: 50%;
  }
  html #_content #FR .faq-container .faq-question-group .faq-question-group {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  html #_content #FR .faq-container .faq-question-group {
    width: 100%;
  }
}

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

.attachmentsForm .ImagesTable, .attachmentsTemplate .ImagesTable {
  display: grid;
  grid-template-rows: 200px;
  grid-auto-rows: 200px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.attachmentsForm .ImagesTable .ImageElementContainer, .attachmentsTemplate .ImagesTable .ImageElementContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  overflow: hidden;
  max-width: 500px;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload {
  width: 100%;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload input, .attachmentsForm .ImagesTable .ImageElementContainer .lazyload img, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload input, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload button, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload button {
  width: 100%;
  height: 100%;
  background-size: calc(100% - 30px) calc(100% - 30px);
  opacity: 0.25;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload button:not([onclick]), .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload button:not([onclick]) {
  cursor: default;
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):after, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
  border-radius: 10px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url("/Icons/ico_search.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: calc(100% - 10px) calc(100% - 10px);
  filter: invert(100%) sepia(15%) saturate(7485%) hue-rotate(171deg) brightness(121%) contrast(115%);
}
.attachmentsForm .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):before, .attachmentsTemplate .ImagesTable .ImageElementContainer .lazyload:has(.enlargable):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
  border-radius: 10px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.33);
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container {
  padding: 5px;
  flex-shrink: 0;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .TippedToolTip, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .TippedToolTip {
  margin: 0px;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container > label, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container > label {
  display: inline-block;
  width: calc(100% - calc(35px / 2));
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container button.icon-button:not(div).AttachmentDownloadButton, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container button.icon-button:not(div).AttachmentDownloadButton {
  background-image: url("/Icons/ico_download.svg");
  margin-left: 50%;
  transform: translateX(-50%);
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox {
  width: auto !important;
  float: right;
  padding: 0px;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox input, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox input {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 0;
  appearance: none;
  cursor: pointer;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label {
  pointer-events: none;
}
.attachmentsForm .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label:before, .attachmentsTemplate .ImagesTable .ImageElementContainer .button-container .field.checkbox input + label:before {
  margin: 0px;
}
.attachmentsForm .imageSliderHeaderContainer, .attachmentsTemplate .imageSliderHeaderContainer {
  display: flex;
}
.attachmentsForm .imageSliderHeaderContainer > .group, .attachmentsTemplate .imageSliderHeaderContainer > .group {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
  min-width: calc(2 * (35px + 10px));
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer {
  flex-grow: 1;
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.definition, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.definition {
  display: none;
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div {
  width: 100%;
  text-align: center;
}
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleTextContainer,
.attachmentsForm .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleCountContainer, .attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleTextContainer,
.attachmentsTemplate .imageSliderHeaderContainer > .group.imageSliderTitleContainer .field label.value div .attachmentsTemplateTitleCountContainer {
  display: inline-block;
  width: auto;
  margin: 0px 5px;
}
.attachmentsForm .imageSliderIframe iframe, .attachmentsTemplate .imageSliderIframe iframe {
  border: none;
}
.attachmentsForm .sfr-vsm.attachments-vsm, .attachmentsTemplate .sfr-vsm.attachments-vsm {
  position: static;
  float: left;
  width: auto;
  margin: 0px;
}
.attachmentsForm button.imgSliderNextButton .ico, .attachmentsForm .button.imgSliderNextButton .ico, .attachmentsTemplate button.imgSliderNextButton .ico, .attachmentsTemplate .button.imgSliderNextButton .ico {
  background-image: url("/Icons/ico_arrow_right.svg");
  width: calc(35px - 10px);
}
.attachmentsForm button.imgSliderPrevButton .ico, .attachmentsForm .button.imgSliderPrevButton .ico, .attachmentsTemplate button.imgSliderPrevButton .ico, .attachmentsTemplate .button.imgSliderPrevButton .ico {
  background-image: url("/Icons/ico_arrow_left.svg");
  width: calc(35px - 10px);
}
.attachmentsForm button.imgSliderNextImgButton .ico, .attachmentsForm .button.imgSliderNextImgButton .ico, .attachmentsTemplate button.imgSliderNextImgButton .ico, .attachmentsTemplate .button.imgSliderNextImgButton .ico {
  background-image: url("/Icons/ico_imgNext.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderPrevImgButton .ico, .attachmentsForm .button.imgSliderPrevImgButton .ico, .attachmentsTemplate button.imgSliderPrevImgButton .ico, .attachmentsTemplate .button.imgSliderPrevImgButton .ico {
  background-image: url("/Icons/ico_imgPrev.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderNextVidButton .ico, .attachmentsForm .button.imgSliderNextVidButton .ico, .attachmentsTemplate button.imgSliderNextVidButton .ico, .attachmentsTemplate .button.imgSliderNextVidButton .ico {
  background-image: url("/Icons/ico_videoNext.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderPrevVidButton .ico, .attachmentsForm .button.imgSliderPrevVidButton .ico, .attachmentsTemplate button.imgSliderPrevVidButton .ico, .attachmentsTemplate .button.imgSliderPrevVidButton .ico {
  background-image: url("/Icons/ico_videoPrev.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderNextPdfButton .ico, .attachmentsForm .button.imgSliderNextPdfButton .ico, .attachmentsTemplate button.imgSliderNextPdfButton .ico, .attachmentsTemplate .button.imgSliderNextPdfButton .ico {
  background-image: url("/Icons/ico_textDocNext.svg");
  width: calc(35px - 0px);
}
.attachmentsForm button.imgSliderPrevPdfButton .ico, .attachmentsForm .button.imgSliderPrevPdfButton .ico, .attachmentsTemplate button.imgSliderPrevPdfButton .ico, .attachmentsTemplate .button.imgSliderPrevPdfButton .ico {
  background-image: url("/Icons/ico_textDocPrev.svg");
  width: calc(35px - 0px);
}
.attachmentsForm .field.attachmentsCount label.definition, .attachmentsTemplate .field.attachmentsCount label.definition {
  display: none;
}

.varyonAssistant {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: min(300px, 100% - 100px);
  z-index: 999;
}
.varyonAssistant .feedbackDiv {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.varyonAssistant .feedbackDiv button {
  max-height: 22px;
  max-width: 22px;
  min-width: unset;
}
.varyonAssistant .feedbackDiv button.icon-button.selected {
  background-color: #002C77;
}
.varyonAssistant .feedbackDiv button.icon-button.thumbUp {
  background-image: url("/Icons/ico_thumbsUp_fill.svg");
}
.varyonAssistant .feedbackDiv button.icon-button.thumbDown {
  background-image: url("/Icons/ico_thumbsDown.svg");
}
.varyonAssistant .messageContainer {
  margin-bottom: 5px 8px;
  display: flex;
  flex-direction: column-reverse;
}
.varyonAssistant .messageContainer .messageContent {
  border-radius: 10px;
  padding: 5px;
  background: rgba(0, 0, 0, 0.05);
  overflow: auto;
  position: relative;
}
.varyonAssistant .messageContainer .messageContent table {
  margin-left: -5px;
  min-width: calc(100% + 10px);
  border-collapse: collapse;
}
.varyonAssistant .messageContainer .messageContent table td, .varyonAssistant .messageContainer .messageContent table th {
  padding: 5px 10px;
}
.varyonAssistant .messageContainer .messageContent table th {
  border-bottom: 1px solid #000000;
}
.varyonAssistant .messageContainer .messageContent table tr:not(:last-of-type) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.varyonAssistant .messageContainer .messageTime {
  padding: 2px 8px;
  text-align: right;
  font-size: 0.8rem;
  opacity: 0.5;
}
.varyonAssistant .messageContainer.messageFromUser .messageContent {
  background: #83bbeb;
}
.varyonAssistant .vasForm .varyonAssistantBtn {
  border: none;
  float: right;
}
.varyonAssistant .vasForm .varyonAssistantBtn:has(~ .vasTabContainer) {
  float: left;
}
.varyonAssistant .vasForm .varyonAssistantBtn button {
  font-size: 0px;
  height: 60px;
  padding: 5px;
}
.varyonAssistant .vasForm .varyonAssistantBtn button .ico {
  background-image: url("/Icons/ico-communicator/ico_assistant.svg");
  filter: none;
  background-position: center center;
  width: 50px;
  height: 100%;
  margin: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper {
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: #ffffff;
  padding: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group {
  margin: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasChatControlsContainer {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: -60px;
  right: 0px;
  background: #fff;
  max-width: calc(100% - 70px);
  width: auto;
  padding: 0px 5px 5px;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasChatControlsContainer .vasNewChatBtn button {
  font-size: 0px;
  padding: 5px;
  box-shadow: none;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasChatControlsContainer .vasNewChatBtn button .ico {
  background-image: url("/Icons/ico-communicator/ico_newChat.svg");
  background-position: center center;
  width: calc(35px - 10px);
  margin: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasChatControlsContainer .vasEndChatBtn button {
  font-size: 0px;
  padding: 5px;
  box-shadow: none;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasChatControlsContainer .vasEndChatBtn button .ico {
  background-image: url("/Icons/ico-communicator/ico_close.svg");
  background-position: center center;
  width: calc(35px - 10px);
  background-size: 60% auto;
  margin: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasMsgControlsContainer {
  padding: 0px 10px 10px 10px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasMsgControlsContainer .vasMsgInput {
  width: 100%;
  border: none;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasMsgControlsContainer .vasMsgInput input {
  min-height: calc(35px + 10px);
  background: #ffffff;
  padding-right: calc(35px + 10px);
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasMsgControlsContainer .vasSendBtn {
  position: absolute;
  top: 15px;
  right: 15px;
  border: none;
  padding: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasMsgControlsContainer .vasSendBtn button {
  border-radius: 8px;
  font-size: 0px;
  padding: 5px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .group.vasMsgControlsContainer .vasSendBtn button .ico {
  background-image: url("/Icons/ico-communicator/ico_send.svg");
  background-position: center center;
  width: calc(35px - 10px);
  margin: 0px;
}
.varyonAssistant .vasForm .vasTabContainer .vasTab .group.vasContainerWrapper .vasChatContainer {
  overflow: auto;
  max-height: calc(100vh - 215px);
  border: none;
  padding: 10px 10px 0px 10px;
}

.privilegeManagerTree table tbody tr td .ico {
  /*temporary*/
  display: block;
  width: 26px;
  height: 26px;
}
.privilegeManagerTree table tbody tr td .ico.inactiveEndless {
  background-image: url(/Icons/ico_inactiveEndless.svg);
  filter: unset;
}
.privilegeManagerTree table tbody tr td .ico.inactivePeriodical {
  background-image: url(/Icons/ico_inactiveEndless.svg);
  filter: unset;
}
.privilegeManagerTree table tbody tr td .ico.activeEndless {
  background-image: url(/Icons/ico_activeEndless.svg);
  filter: unset;
}
.privilegeManagerTree table tbody tr td .ico.inactiveTime {
  background-image: url(/Icons/ico_inactiveTime.svg);
  filter: unset;
}
.privilegeManagerTree table tbody tr td .ico.activeTime {
  background-image: url(/Icons/ico_activeTime.svg);
  filter: unset;
}
.privilegeManagerTree table tbody tr td .TippedToolTip {
  border-radius: unset;
  width: unset;
  height: unset;
  border: unset;
}

table.treelist-table {
  table-layout: auto;
  width: auto;
}
table.treelist-table td, table.treelist-table th {
  white-space: nowrap;
  padding: 8px;
}

tr.expandable button.icon-button.expander {
  background-image: url("/Icons/ico_expander.svg");
}
tr.expanded button.icon-button.expander {
  background-image: url("/Icons/ico_expander_expanded.svg");
}
tr.hidden {
  display: none;
}

.watermark-svg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}
.watermark-svg text {
  font-size: 2rem;
  fill: rgba(0, 0, 0, 0.15);
}
.watermark-svg rect {
  fill: url(#watermark-pattern);
}

.ui-comm-wrapper {
  background: #ededed;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  display: inline-flex;
  flex-direction: column;
  font-size: 13px;
  max-height: 90vh;
  /*position: fixed;*/
  z-index: 9;
  box-sizing: border-box;
  font-family: "Ubuntu", sans-serif;
}
.ui-comm-wrapper.isStatic {
  width: 100%;
  height: 100%;
  position: static;
}
.ui-comm-wrapper.isStatic .ui-comm-header .ui-btn-group {
  display: none;
}
.ui-comm-wrapper * {
  box-sizing: border-box;
  font-family: "Ubuntu", sans-serif;
}
.ui-comm-wrapper .ui-comm-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 40px;
  flex-shrink: 0;
}
.ui-comm-wrapper .ui-comm-header .ui-title {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.ui-comm-wrapper .ui-comm-header .ui-title:before {
  content: "";
  display: inline-block;
  background: url("/Icons/ico-communicator/ico_chatBubble.svg") no-repeat center center transparent;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.ui-comm-wrapper .ui-comm-header .ui-btn-group {
  flex-shrink: 0;
}
.ui-comm-wrapper .ui-comm-header .ui-btn-group .ui-btn {
  margin-left: 15px;
}
.ui-comm-wrapper .ui-comm-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.ui-comm-wrapper .ui-comm-content .ui-settings-bar {
  background: #3a436e;
  padding: 0 20px;
  height: 40px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper {
  display: flex;
  min-height: 100px;
  min-width: 300px;
  align-items: stretch;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list {
  background: #2c2c40;
  min-width: 100px;
  max-width: 300px;
  max-height: 100%;
  overflow: auto;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: column;
  color: #fff;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header {
  display: flex;
  align-items: flex-start;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread.selected, .ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread:hover,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header.selected,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread .ui-hint,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header .ui-hint {
  background: url("/Icons/ico-communicator/ico_info.svg") center center no-repeat;
  background-size: 4px auto;
  filter: invert(95%) sepia(5%) saturate(18%) hue-rotate(140deg) brightness(104%) contrast(107%);
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread .ui-title,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header .ui-title {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 0 15px;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread .ui-ico-group,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header .ui-ico-group {
  min-width: 20px;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread .ui-ico-group .ico-arwR,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header .ui-ico-group .ico-arwR {
  background: url("/Icons/ico-communicator/ico_arwR.svg") center center no-repeat;
  background-size: 7px auto;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff;
  flex-shrink: 0;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread .ui-ico-group .ico-unread,
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-thread-list .ui-thread-group .ui-group-header .ui-ico-group .ico-unread {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #bf0000;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  flex-shrink: 0;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper {
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 500px;
  overflow: hidden;
  position: relative;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper:before {
  content: "Wybierz kanał";
  display: inline-flex;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  opacity: 0.5;
  background: url(/Icons/ico-communicator/ico_choice.svg) no-repeat center calc(50% - 30px) transparent;
  background-size: 60px auto;
  padding-top: 30px;
  box-sizing: border-box;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list {
  position: relative;
  z-index: 2;
  overflow: auto;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg {
  padding: 10px 15px;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-sender-group {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: flex-start;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-sender-group .ui-sender {
  font-weight: bold;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-sender-group .ui-timestamp {
  font-size: 11px;
  opacity: 0.5;
  margin-left: 10px;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn {
  height: 28px;
  width: 28px;
  margin-left: 8px;
  opacity: 0.5;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn.warning {
  width: auto;
  min-width: 28px;
  display: inline-flex;
  background-position: left center;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn.warning:before {
  content: "";
  display: inline-block;
  background: url("/Icons/ico-communicator/ico_warning.svg") no-repeat center center;
  border: none !important;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn.warning.active:before {
  filter: invert(61%) sepia(41%) saturate(6618%) hue-rotate(15deg) brightness(112%) contrast(102%);
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn:hover {
  background-color: transparent;
  opacity: 1;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn.eyeOut, .ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn.eye.unread, .ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn.warning.active {
  opacity: 1;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-header .ui-btn-group .ui-btn .ui-timestamp {
  background: #f39200;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 11px;
  text-align: center;
  min-width: 100px;
  margin-left: 5px;
  color: #fff;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-content {
  text-align: justify;
  padding: 15px 0 15px 60px;
}
.ui-comm-wrapper .ui-comm-content .ui-msg-wrapper .ui-msg-list-wrapper .ui-msg-list .ui-msg .ui-msg-content .watermark {
  font-size: 11px;
  opacity: 0.5;
  padding-top: 5px;
}
.ui-comm-wrapper .ui-comm-footer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.ui-comm-wrapper .ui-comm-footer .ui-msg-input {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.ui-comm-wrapper .ui-comm-footer .ui-msg-input textarea {
  border: none !important;
  resize: vertical;
  max-height: 300px;
  width: 100%;
  min-height: 40px;
  padding: 5px 15px;
  border-radius: 0;
}
.ui-comm-wrapper .ui-comm-footer .ui-text-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 40px;
}
.ui-comm-wrapper .ui-comm-footer .ui-text-toolbar .ui-btn-group {
  display: flex;
  align-items: center;
}
.ui-comm-wrapper .ui-comm-footer .ui-text-toolbar .ui-btn-group .ui-btn {
  width: 24px;
  height: 24px;
}
.ui-comm-wrapper .ui-btn.settings {
  background-image: url("/Icons/ico-communicator/ico_setting.svg");
  filter: invert(95%) sepia(5%) saturate(18%) hue-rotate(140deg) brightness(104%) contrast(107%);
  border: 3px solid transparent;
  width: 28px;
  height: 28px;
}
.ui-comm-wrapper .ui-btn.settings:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.ui-comm-wrapper .ui-btn.minimize {
  background-image: url("/Icons/ico-communicator/ico_minimize.svg");
}
.ui-comm-wrapper .ui-btn.maximize {
  background-image: url("/Icons/ico-communicator/ico_maximize.svg");
}
.ui-comm-wrapper .ui-btn.close {
  background-image: url("/Icons/ico-communicator/ico_close.svg");
}
.ui-comm-wrapper .ui-btn.emoticon {
  background-image: url("/Icons/ico-communicator/ico_smile.svg");
}
.ui-comm-wrapper .ui-btn.bold {
  background-image: url("/Icons/ico-communicator/ico_bold.svg");
  border: 6px solid transparent !important;
}
.ui-comm-wrapper .ui-btn.italic {
  background-image: url("/Icons/ico-communicator/ico_italic.svg");
  border: 6px solid transparent !important;
}
.ui-comm-wrapper .ui-btn.text-font {
  background-image: url("/Icons/ico-communicator/ico_text_font.svg");
}
.ui-comm-wrapper .ui-btn.bullet-list, .ui-comm-wrapper .ui-btn.numbered-list {
  border: 3px solid transparent;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  width: 28px !important;
}
.ui-comm-wrapper .ui-btn.bullet-list {
  background-image: url("/Icons/ico-communicator/ico_list.svg");
}
.ui-comm-wrapper .ui-btn.numbered-list {
  background-image: url("/Icons/ico-communicator/ico_list_numbered.svg");
}
.ui-comm-wrapper .ui-btn.send {
  background-image: url("/Icons/ico-communicator/ico_send.svg");
  border: 3px solid transparent;
  width: 28px !important;
  height: 28px !important;
}
.ui-comm-wrapper .ui-btn.eye {
  background-image: url("/Icons/ico-communicator/ico_eye.svg");
}
.ui-comm-wrapper .ui-btn.respond {
  background-image: url("/Icons/ico-communicator/ico_arw_respond.svg");
}
.ui-comm-wrapper .ui-icobtn,
.ui-comm-wrapper .ui-btn.warning:before {
  cursor: pointer;
  border-radius: 3px;
  background-color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  border: 5px solid transparent !important;
  background-size: contain;
  box-shadow: none;
  padding: 0;
}
.ui-comm-wrapper .ui-icobtn:hover,
.ui-comm-wrapper .ui-btn.warning:before:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.ui-popup-bg {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

.ui-popup {
  background: #ededed;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  display: inline-flex;
  flex-direction: column;
  font-size: 13px;
  max-height: 90vh;
}
.ui-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 40px;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: bold;
  font-size: 16px;
}
.ui-popup-content {
  padding: 15px;
  overflow: auto;
  flex-grow: 1;
  flex-shrink: 0;
  background: #ffffff;
}
.ui-popup-content .field.dateField, .ui-popup-content .field.timeField {
  width: auto;
}
.ui-popup-content .field.dateField input, .ui-popup-content .field.timeField input {
  height: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.ui-popup-content .field.dateField input:first-of-type, .ui-popup-content .field.timeField input:first-of-type {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px 0 0 3px;
  padding-left: 5px;
}
.ui-popup-content .field.dateField input:last-of-type, .ui-popup-content .field.timeField input:last-of-type {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0 3px 3px 0;
  padding-right: 5px;
}
.ui-popup-content select {
  width: 100%;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.ui-popup-buttonbar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  min-height: 40px;
  flex-shrink: 0;
  flex-grow: 0;
}
.ui-popup-buttonbar input,
.ui-popup-buttonbar input:hover {
  margin: 3px;
}

.linkMenuTab .ico-unread {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #bf0000;
  border: none;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  color: #ffffff;
}

.carDamageSelectorComplex {
  height: 170px;
  width: 300px;
  background-image: url("/Layout/CarDamageSelector/a.png") !important;
  clear: both;
  float: left;
}
.carDamageSelectorComplex tr td:nth-child(1) {
  position: absolute;
  height: 100%;
  width: 100%;
}
.carDamageSelectorComplex tr td:nth-child(1) .field.checkbox {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
  display: block;
  min-height: unset;
  min-width: unset;
  border: none;
}
.carDamageSelectorComplex tr td:nth-child(1) .field.checkbox input {
  height: 100%;
  width: 100%;
  margin: unset;
}
.carDamageSelectorComplex tr td:nth-child(1) .field.checkbox label {
  height: 100%;
  width: 100%;
  margin: unset;
  display: block;
  min-height: unset;
  min-width: unset;
}
.carDamageSelectorComplex tr td:nth-child(1) .field.checkbox input + label::before {
  height: 100%;
  width: 100%;
  border: none;
}
.carDamageSelectorComplex tr td:nth-child(1) .field.checkbox input:checked + label::before {
  background: transparent;
  content: "";
}
.carDamageSelectorComplex tr td:nth-child(2) {
  display: none;
}
.carDamageSelectorComplex tr:nth-child(1) {
  background-image: url("./");
  position: absolute;
  width: 44px;
  height: 44px;
  left: 72px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(1):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a1.png");
  position: absolute;
  width: 44px;
  height: 44px;
  left: 72px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(2) {
  background-image: url("./");
  position: absolute;
  width: 76px;
  height: 44px;
  left: 116px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(2):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a2.png");
  position: absolute;
  width: 76px;
  height: 44px;
  left: 116px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(3) {
  background-image: url("./");
  width: 32px;
  height: 44px;
  position: absolute;
  left: 193px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(3):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a3.png");
  width: 32px;
  height: 44px;
  position: absolute;
  left: 193px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(4) {
  background-image: url("./");
  width: 44px;
  height: 27px;
  position: absolute;
  left: 72px;
  top: 32px;
}
.carDamageSelectorComplex tr:nth-child(4):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a4.png");
  width: 44px;
  height: 27px;
  position: absolute;
  left: 72px;
  top: 32px;
}
.carDamageSelectorComplex tr:nth-child(5) {
  background-image: url("./");
  height: 23px;
  left: 77px;
  position: absolute;
  top: 9px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(5):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a5.png");
  height: 23px;
  left: 77px;
  position: absolute;
  top: 9px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(6) {
  background-image: url("./");
  height: 27px;
  left: 116px;
  position: absolute;
  top: 32px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(6):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a6.png");
  height: 27px;
  left: 116px;
  position: absolute;
  top: 32px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(7) {
  background-image: url("./");
  height: 27px;
  left: 149px;
  position: absolute;
  top: 32px;
  width: 10px;
}
.carDamageSelectorComplex tr:nth-child(7):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a7.png");
  height: 27px;
  left: 149px;
  position: absolute;
  top: 32px;
  width: 10px;
}
.carDamageSelectorComplex tr:nth-child(8) {
  background-image: url("./");
  height: 27px;
  left: 192px;
  position: absolute;
  top: 31px;
  width: 32px;
}
.carDamageSelectorComplex tr:nth-child(8):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a8.png");
  height: 27px;
  left: 192px;
  position: absolute;
  top: 31px;
  width: 32px;
}
.carDamageSelectorComplex tr:nth-child(9) {
  background-image: url("./");
  height: 27px;
  left: 160px;
  position: absolute;
  top: 32px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(9):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a9.png");
  height: 27px;
  left: 160px;
  position: absolute;
  top: 32px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(10) {
  background-image: url("./");
  height: 27px;
  left: 72px;
  position: absolute;
  top: 105px;
  width: 44px;
}
.carDamageSelectorComplex tr:nth-child(10):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a10.png");
  height: 27px;
  left: 72px;
  position: absolute;
  top: 105px;
  width: 44px;
}
.carDamageSelectorComplex tr:nth-child(11) {
  background-image: url("./");
  height: 27px;
  left: 116px;
  position: absolute;
  top: 106px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(11):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a11.png");
  height: 27px;
  left: 116px;
  position: absolute;
  top: 106px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(12) {
  background-image: url("./");
  height: 27px;
  left: 160px;
  position: absolute;
  top: 106px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(12):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a12.png");
  height: 27px;
  left: 160px;
  position: absolute;
  top: 106px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(13) {
  background-image: url("./");
  height: 27px;
  left: 193px;
  position: absolute;
  top: 106px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(13):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a13.png");
  height: 27px;
  left: 193px;
  position: absolute;
  top: 106px;
  width: 33px;
}
.carDamageSelectorComplex tr:nth-child(14) {
  background-image: url("./");
  height: 49px;
  left: 54px;
  position: absolute;
  top: 56px;
  width: 18px;
}
.carDamageSelectorComplex tr:nth-child(14):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a14.png");
  height: 49px;
  left: 54px;
  position: absolute;
  top: 56px;
  width: 18px;
}
.carDamageSelectorComplex tr:nth-child(15) {
  background-image: url("./");
  height: 47px;
  left: 224px;
  position: absolute;
  top: 59px;
  width: 20px;
}
.carDamageSelectorComplex tr:nth-child(15):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a15.png");
  height: 47px;
  left: 224px;
  position: absolute;
  top: 59px;
  width: 20px;
}
.carDamageSelectorComplex tr:nth-child(16) {
  background-image: url("./");
  height: 65px;
  left: 40px;
  position: absolute;
  top: 50px;
  width: 14px;
}
.carDamageSelectorComplex tr:nth-child(16):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a16.png");
  height: 65px;
  left: 40px;
  position: absolute;
  top: 50px;
  width: 14px;
}
.carDamageSelectorComplex tr:nth-child(17) {
  background-image: url("./");
  height: 65px;
  left: 244px;
  position: absolute;
  top: 50px;
  width: 14px;
}
.carDamageSelectorComplex tr:nth-child(17):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a17.png");
  height: 65px;
  left: 244px;
  position: absolute;
  top: 50px;
  width: 14px;
}
.carDamageSelectorComplex tr:nth-child(18) {
  background-image: url("./");
  height: 23px;
  left: 197px;
  position: absolute;
  top: 9px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(18):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a5.png");
  height: 23px;
  left: 197px;
  position: absolute;
  top: 9px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(19) {
  background-image: url("./");
  height: 23px;
  left: 197px;
  position: absolute;
  top: 132px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(19):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a5.png");
  height: 23px;
  left: 197px;
  position: absolute;
  top: 132px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(20) {
  background-image: url("./");
  height: 23px;
  left: 77px;
  position: absolute;
  top: 132px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(20):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a5.png");
  height: 23px;
  left: 77px;
  position: absolute;
  top: 132px;
  width: 26px;
}
.carDamageSelectorComplex tr:nth-child(21) {
  background-image: url("./");
  height: 27px;
  left: 149px;
  position: absolute;
  top: 108px;
  width: 10px;
}
.carDamageSelectorComplex tr:nth-child(21):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a7.png");
  height: 27px;
  left: 149px;
  position: absolute;
  top: 108px;
  width: 10px;
}
.carDamageSelectorComplex tr:nth-child(22) {
  background-image: url("./");
  width: 7px;
  height: 44px;
  position: absolute;
  left: 187px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(22):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a19.png");
  width: 7px;
  height: 44px;
  position: absolute;
  left: 187px;
  top: 59px;
}
.carDamageSelectorComplex tr:nth-child(23) {
  background-image: url("./");
  width: 8px;
  height: 44px;
  position: absolute;
  top: 59px;
  left: 115px;
}
.carDamageSelectorComplex tr:nth-child(23):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a18.png");
  width: 8px;
  height: 44px;
  position: absolute;
  top: 59px;
  left: 115px;
}
.carDamageSelectorComplex tr:nth-child(24) {
  background-image: url("./");
  width: 73px;
  height: 8px;
  position: absolute;
  top: 136px;
  left: 118px;
}
.carDamageSelectorComplex tr:nth-child(24):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a21.png");
  width: 73px;
  height: 8px;
  position: absolute;
  top: 136px;
  left: 118px;
}
.carDamageSelectorComplex tr:nth-child(25) {
  background-image: url("./");
  width: 73px;
  height: 8px;
  position: absolute;
  top: 19px;
  left: 118px;
}
.carDamageSelectorComplex tr:nth-child(25):has(input:checked) {
  background-image: url("/Layout/CarDamageSelector/CarMarkings/a20.png");
  width: 73px;
  height: 8px;
  position: absolute;
  top: 19px;
  left: 118px;
}

html #_body.loginPage {
  background: rgba(128, 150, 178, 0.1019607843) !important;
}
html #_body.loginPage #FR1, html #_body.loginPage #_content {
  background: transparent;
}
html #_body.loginPage #FR1 .loginBox, html #_body.loginPage #_content .loginBox {
  background-image: url("/Marsh_h_rgb_c.svg");
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 120px;
  background-size: calc(100% - 100px) auto;
  background-position-y: 40px;
  width: 330px;
}
html #_body.loginPage #FR1 .loginBox .field, html #_body.loginPage #_content .loginBox .field {
  border: none;
  margin-bottom: 15px;
}
html #_body.loginPage #FR1 .loginBox .btnContainer input:not(.primary), html #_body.loginPage #_content .loginBox .btnContainer input:not(.primary) {
  box-shadow: none;
  background: transparent;
}
html #_body.loginPage #FR1 .loginBox .btnContainer input:not(.primary):hover, html #_body.loginPage #_content .loginBox .btnContainer input:not(.primary):hover {
  background: rgba(128, 150, 178, 0.1019607843);
}
html #_body.loginPage #_footer {
  border: none;
}
html .ui-waveBg {
  display: none !important;
}
html #_header {
  background: #ffffff;
}
html #_header #_headerInner nav #menu {
  justify-content: flex-start;
}
html #_header #_headerInner nav #menu li a[href="#home"] {
  font-size: 0px;
}
html #_header #_headerInner nav #menu li a[href="#home"] .ico {
  background-image: url("/Marsh_h_rgb_c.svg");
  width: 200px;
  height: 35px;
}
html #_header #_headerInner nav #menu a {
  color: #002C77;
}
html #_header #_headerInner nav #menu a .ico {
  filter: none;
}
html #_header #_headerInner .UCI button#_tmbtn {
  display: inline-block;
  background-color: #002C77;
  height: 26px;
  width: 26px;
}
html #_header #_headerInner .UCI button#_tmbtn .ico {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(105%) contrast(106%);
  display: block;
}
@media screen and (min-width: 780px) {
  html #_header #_headerInner {
    width: 100%;
  }
  html #_header #_headerInner nav {
    order: 3;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
    padding: 0px 20px;
  }
  html #_header #_headerInner nav #menu li ul[class^=submenu] {
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 10px;
    background: #002C77;
  }
  html #_header #_headerInner nav #menu li ul[class^=submenu] li {
    background: transparent;
  }
  html #_header #_headerInner nav #menu li ul[class^=submenu] a {
    border-radius: 10px;
    color: #ffffff;
  }
  html #_header #_headerInner nav #menu li ul[class^=submenu] a:hover {
    background: #009DE0;
  }
  html #_header #_headerInner .UCI {
    order: 1;
    padding-right: 10px;
    padding-bottom: 0px;
  }
  html #_header #_headerInner .UCI button#_tmbtn {
    margin-left: -10px;
  }
  html #_header #_headerInner .UCI .selectProfile .inputWrapper:after, html #_header #_headerInner .UCI .selectLanguage .inputWrapper:after {
    filter: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
  }
  html #_header #_headerInner .UCI .selectProfile .inputWrapper .inputBorderR, html #_header #_headerInner .UCI .selectProfile .inputWrapper .inputBorderL, html #_header #_headerInner .UCI .selectLanguage .inputWrapper .inputBorderR, html #_header #_headerInner .UCI .selectLanguage .inputWrapper .inputBorderL {
    border-color: #002C77;
  }
  html #_header #_headerInner .UCI .selectProfile .inputWrapper input#_selectProfile, html #_header #_headerInner .UCI .selectProfile .inputWrapper input#_selectLang, html #_header #_headerInner .UCI .selectLanguage .inputWrapper input#_selectProfile, html #_header #_headerInner .UCI .selectLanguage .inputWrapper input#_selectLang {
    color: #002C77;
    min-height: 26px;
    height: 26px;
  }
  html #_header #_headerInner .UCI .selectProfile .inputWrapper .selectedLang:before, html #_header #_headerInner .UCI .selectLanguage .inputWrapper .selectedLang:before {
    color: #002C77;
    height: 26px;
  }
  html #_header #_headerInner .logout {
    order: 2;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1080px) {
  html #_header #_headerInner .UCI a, html #_header #_headerInner .logout a {
    background: #002C77;
    border-radius: 10px;
    padding: 5px 8px;
    height: 26px;
  }
  html #_header #_headerInner .UCI a:hover, html #_header #_headerInner .logout a:hover {
    background: invert(7%) sepia(79%) saturate(4784%) hue-rotate(215deg) brightness(111%) contrast(101%);
  }
}
@media screen and (max-width: 1080px) {
  html #_header #_headerInner nav {
    flex-direction: column;
  }
}
html #_breadcrumb {
  background: #ffffff;
  border-top: 1px solid #8096B2;
  border-bottom: 1px solid #8096B2;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0px 20px;
}
html #_footer {
  border-top: 1px solid #8096B2;
  height: 30px;
}
html #_content {
  background: rgba(128, 150, 178, 0.1019607843);
  padding: 0px 20px;
}
html #_content .displayState {
  position: sticky;
  top: 10px;
  z-index: 9;
  border: none;
  border-radius: 10px;
  padding: 5px 10px;
  background: #009DE0;
  color: #ffffff;
  font-weight: bold;
  min-height: 30px;
  align-items: center;
  display: inline-flex;
  align-self: flex-end;
  margin-top: 10px;
}
html #_content .displayState label.value {
  min-height: 0px;
  gap: 5px;
}
html #_content .displayState label.value:before {
  content: "";
  background: #ffffff;
  display: inline-flex;
  width: 14px;
  height: 14px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
html #_content .group:not(.hiddenGroup) {
  background: #ffffff;
  background-clip: padding-box;
}
html #_content .group:not(.hiddenGroup) label.groupLabel {
  font-size: 1.3rem;
  font-weight: 600;
  color: #002C77;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
html #_content .group:not(.hiddenGroup) label.groupLabel:after {
  content: "";
  display: block;
  background: #009DE0;
  height: 3px;
  width: 80px;
}
html #_content .group:not(.hiddenGroup):after {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-color: transparent;
}
html #_content .group:not(.hiddenGroup).summarySubGroup {
  background: #009DE0;
  background-clip: padding-box;
  color: #ffffff;
}
html #_content .group:not(.hiddenGroup).summarySubGroup label.groupLabel {
  color: #ffffff;
}
html #_content .group:not(.hiddenGroup).summarySubGroup label.groupLabel:after {
  display: none;
}
html #_content .group:not(.hiddenGroup).summarySubGroup:after {
  display: none;
}
html #_content .group:not(.hiddenGroup).summarySubGroup .field label.definition {
  font-size: 1rem;
}
html #_content .group:not(.hiddenGroup).summarySubGroup .field label.value {
  font-size: 1.2rem;
  font-weight: bold;
}
html #_content > #FR {
  height: calc(100% - 40px);
}
html #_content > #FR:has(.vsm-toolbar) {
  height: 100%;
}
html #_content > #FR .formwrap, html #_content > #FR .tabContainer:not(:has(.tabHeader)), html #_content > #FR > .formwrap > .tabContainer > .tab {
  height: 100%;
}
html #_content > #FR > .genericlist-wrapper, html #_content > #FR > .formwrap > .genericlist-wrapper, html #_content > #FR > .formwrap > .sfr-glt > .genericlist-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
html .tabContainer {
  background: #ffffff;
  border-radius: 10px;
  padding: 0px 10px 15px 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  background-clip: padding-box;
  position: relative;
}
html .tabContainer:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
html .tabContainer:not(:has(> .tabHeader button.tabButton:nth-of-type(2))) {
  padding: 0px;
  background: transparent;
  box-shadow: none;
  margin: 0px;
  border: none;
}
html .tabContainer:not(:has(> .tabHeader button.tabButton:nth-of-type(2))):after {
  display: none;
}
html .tabContainer .tabHeader {
  gap: 10px;
  margin-bottom: 20px;
}
html .tabContainer .tabHeader:not(:has(button:nth-of-type(2))) {
  display: none;
}
html .tabContainer .tabHeader .tabButton {
  padding-left: 0px;
  padding-right: 0px;
}
html .tabContainer .tabHeader .tabButton .btn-text {
  font-size: 1.3rem;
  font-weight: 600;
}
html .tabContainer .tabHeader .tabButton.active, html .tabContainer .tabHeader .tabButton:hover {
  color: #002C77;
  border-color: #009DE0;
}
html .genericlist-wrapper {
  display: flex;
  flex-wrap: unset;
  flex-direction: column;
}
html .genericlist-wrapper .accor.filter-accor {
  flex: 0 0 0;
}
html .genericlist-wrapper .accor.filter-accor.accor-active {
  width: 100%;
  flex-basis: 25%;
}
html .genericlist-wrapper .accor.filter-accor:before {
  height: 25%;
  width: 100%;
  background: rgba(128, 150, 178, 0.1019607843);
}
html .genericlist-wrapper .accor .accor-panel {
  height: 80% !important;
  overflow-y: scroll;
  padding-top: 0 !important;
  margin-top: 27.5px;
}
html .genericlist-wrapper .accor .accor-panel .tab {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
html .genericlist-wrapper .accor .accor-panel .tab .inputWrapper {
  background: #fff;
}
html .genericlist-wrapper .accor .accor-panel .tab .field.checkbox input + label::before {
  background: #fff;
  color: #000;
}
html .genericlist-wrapper .GLT {
  width: 100% !important;
}
html .sfr-vsm .vsm-toolbar {
  background: #002C77;
  padding-top: 10px;
  box-shadow: -20px 0px 0px 0px #002C77, 20px 0px 0px 0px #002C77;
}
html .sfr-vsm .vsm-toolbar button {
  background-color: #FFFFFF;
  color: #000000;
  padding: 10px 18px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, transform 0.1s ease;
}
html .sfr-vsm .vsm-toolbar button:hover:not(:disabled) {
  background-color: #D9D9D9;
  color: #002C77;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}
html .sfr-vsm .vsm-toolbar button:active:not(:disabled) {
  background-color: #CCCCCC;
  color: #00235F;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
  transform: translateY(1px);
}
html .sfr-vsm .vsm-toolbar button:disabled {
  background-color: #F2F2F2;
  color: #888;
  border-color: #E0E0E0;
  box-shadow: none;
  cursor: default;
  opacity: 0.6;
}

#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm {
  background: unset;
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage {
  background-image: url("/Marsh_h_rgb_c.svg");
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 120px;
  background-size: calc(100% - 100px) auto;
  background-position-y: 40px;
  width: 330px;
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage .field:not(.spacer) {
  border: none;
  margin-bottom: 15px;
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage .confirmCode button {
  background: #002C77;
  color: #ffffff;
  width: 100%;
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage .confirmCode button:hover {
  background-color: #009DE0;
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage .returnToLogin {
  box-shadow: none;
  background: transparent;
  border-radius: 10px;
  height: 35px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s 0s ease;
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage .returnToLogin:hover {
  background: rgba(128, 150, 178, 0.1019607843);
}
#_body:has(.MFAGeneralForm) > form > #_content > #FR > .MFAGeneralForm > .sfr > .formwrap.MFAVerificationPage .returnToLogin:hover a {
  color: #002C77;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.hidden {
  display: none;
}

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

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

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

.content-start {
  align-content: start;
}

.content-end {
  align-content: end;
}

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

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

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

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

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

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

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

.alerts-section .groupLabel {
  position: relative;
  padding-left: 40px;
  display: inline-block;
  color: #002C77;
  font-weight: 600;
}
.alerts-section .groupLabel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
  mask: url("/Icons/ico_danger.svg") no-repeat center/35px 35px;
  background-color: #002C77;
}
.alerts-section .alert-types-list .alertsTypeList-legend {
  display: none;
}
.alerts-section .alert-types-list .treelist-container {
  border: none;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table thead {
  display: none;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
@media (max-width: 1600px) {
  .alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
@media (max-width: 1400px) {
  .alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 800px) {
  .alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 500px) {
  .alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody {
    grid-template-columns: 1fr;
  }
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr:not(:has(a)) {
  display: none !important;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 160px;
  padding: 16px 14px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 157, 224, 0.6);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  color: #002C77;
  cursor: pointer;
  position: relative;
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  background: #009DE0;
  border-radius: 0 0 12px 12px;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
  border-color: #009DE0;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item > td {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item .treelist-cell {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item > td:first-child .treelist-cell {
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item a {
  text-decoration: none;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item .ico.o {
  margin-top: 4px;
  margin-bottom: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  mask: url("/Icons/ico_bell_ring.png") center/30px 30px no-repeat;
  background-color: #009DE0;
  font-size: 30px;
  line-height: 1;
  filter: none;
  color: #009DE0 !important;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item .treelist-item-name {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #002C77;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 6px;
  padding: 0;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table > tbody > tr.treelist-item > td:last-child .treelist-cell {
  margin-top: 4px;
  margin-bottom: 8px;
  justify-content: center;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
  color: #002C77;
  font-variant-numeric: tabular-nums;
  padding: 0;
}
.alerts-section .alert-types-list .treelist-container .treelist-items-table .treelist-item-space {
  display: none !important;
}

.changePasswordForm .tab {
  justify-content: center;
}
.changePasswordForm .tab .changePasswordGroup {
  margin-top: 10vh;
}
.changePasswordForm .tab .changePasswordGroup .headerField label {
  font-size: 1.3rem;
  font-weight: 600;
  color: #002C77;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.changePasswordForm .tab .changePasswordGroup .headerField label:after {
  content: "";
  display: block;
  background: #009DE0;
  height: 3px;
  width: 80px;
}
.changePasswordForm .tab .changePasswordGroup .headerField label:before {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  background-image: url("/Icons/ico_password.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  filter: invert(44%) sepia(93%) saturate(1988%) hue-rotate(168deg) brightness(94%) contrast(101%);
}

.listGroupWrapper .sfr {
  height: calc(100% - 40px) !important;
}
.listGroupWrapper .genericlist-wrapper {
  box-shadow: none;
}

.welcomePage {
  padding-top: 20px;
}

/*WALIDACJA*/
div.pops-b div.pops-f, body #_content > #FR > .formwrap div.pops-b div.pops-f {
  border: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  min-width: 400px;
}
div.pops-b div.pops-f div.pops-h, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-h {
  font-size: 1.3rem;
  font-weight: 600;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 10px;
  margin: 0px;
  padding: 20px 10px 20px 10px;
  background: #ffffff;
}
div.pops-b div.pops-f div.pops-c .FMAlert, div.pops-b div.pops-f div.pops-c .FMError, div.pops-b div.pops-f div.pops-c .FMFatalError, div.pops-b div.pops-f div.pops-c .FMWarning, div.pops-b div.pops-f div.pops-c .FMValid, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMAlert, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMError, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMFatalError, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMWarning, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMValid {
  border-radius: 10px;
  color: #ffffff;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-weight: 600;
}
div.pops-b div.pops-f div.pops-c .FMAlert .close, div.pops-b div.pops-f div.pops-c .FMError .close, div.pops-b div.pops-f div.pops-c .FMFatalError .close, div.pops-b div.pops-f div.pops-c .FMWarning .close, div.pops-b div.pops-f div.pops-c .FMValid .close, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMAlert .close, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMError .close, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMFatalError .close, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMWarning .close, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMValid .close {
  display: none;
}
div.pops-b div.pops-f div.pops-c .FMAlert, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMAlert {
  background-color: #576CA3;
}
div.pops-b div.pops-f div.pops-c .FMError, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMError {
  background-color: #E53935;
}
div.pops-b div.pops-f div.pops-c .FMFatalError, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMFatalError {
  background-color: #B71C1C;
}
div.pops-b div.pops-f div.pops-c .FMWarning, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMWarning {
  background-color: #FF760D;
}
div.pops-b div.pops-f div.pops-c .FMValid, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-c .FMValid {
  background-color: #05BE70;
}
div.pops-b div.pops-f div.pops-t, body #_content > #FR > .formwrap div.pops-b div.pops-f div.pops-t {
  background: rgba(128, 150, 178, 0.1019607843);
  padding-top: 15px;
}

.imageButtonWrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1080px) {
  .imageButtonWrapper {
    flex-direction: column;
  }
  .imageButtonWrapper .textDisplay {
    width: 100%;
  }
}
.imageButtonWrapper .cta-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  width: 220px;
  background: #fff;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  outline: 2px solid #009DE0;
  outline-offset: -100px;
}
@media screen and (max-width: 1080px) {
  .imageButtonWrapper .cta-card {
    width: 100%;
  }
}
.imageButtonWrapper .cta-card:hover {
  outline-offset: 0;
}
.imageButtonWrapper .cta-card:hover .cta-image-wrapper img {
  transform: scale(1.1);
  opacity: 0.7;
}
.imageButtonWrapper .cta-image-wrapper {
  height: 400px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .imageButtonWrapper .cta-image-wrapper {
    height: 300px;
  }
}
@media screen and (max-width: 1080px) {
  .imageButtonWrapper .cta-image-wrapper {
    height: 200px;
  }
}
.imageButtonWrapper .cta-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: all 0.5s ease-in-out;
}
.imageButtonWrapper .cta-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  padding: 8px 16px;
  border-radius: 6px;
  width: 70%;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.field.complex {
  margin-bottom: 10px;
}
.field.complex .buttonsContainer {
  display: flex;
  justify-content: flex-end;
}
.field.JT {
  width: 100%;
}
.field.JT .journal-container {
  height: auto;
}
.field.JT .journal-container .journal-row .dropzone-col .row-dropzone {
  background-position-y: 10px;
  background-position-y: 20px;
  background-size: auto 20px;
  min-height: 50px;
  min-width: 100px;
}
.field.JT .journal-container .journal-row .dropzone-col .row-dropzone label {
  width: 100%;
  text-align: center;
  display: inline-block;
}
.field.JT .journal-container .journal-row > td:nth-child(5) {
  min-width: 300px;
  max-width: 300px;
  overflow-wrap: break-word;
}
.field.JT .journal-container .journal-row .selection-col {
  width: 100px;
}

.formwrap:has(.JT) .button button {
  background-color: #009DE0;
  color: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  transition: background 0.12s ease, box-shadow 0.12s ease, transform 0.1s ease;
}
.formwrap:has(.JT) .button button:hover:not(:disabled) {
  background: #0085BE;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.28);
}
.formwrap:has(.JT) .button button:active:not(:disabled) {
  background: #007EB3;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
  transform: translateY(1px);
}
.formwrap:has(.JT) .button button:disabled {
  background: #7A8DA8;
  cursor: default;
  box-shadow: none;
  opacity: 0.6;
}

.genericlist-container > table tbody tr td {
  padding: 0.3rem 1rem;
}
.genericlist-container > table tbody tr td.text-center {
  text-align: center;
}

.genericlist-container > table thead th .th-content {
  font-size: 13.5px;
}

.genericlist-container > table tbody tr td {
  font-size: 13px;
}

.accor-panel.visible .tab {
  padding: 0 5px;
}
.accor-panel.visible .tab .field {
  width: 100%;
}
.accor-panel.visible .tab .field.text label {
  font-size: 10px;
}
.accor-panel.visible .tab .field.autocomplete label {
  font-size: 10px;
}
.accor-panel.visible .tab .field.autocomplete .inputWrapper input {
  font-size: 13px;
}

.field.autocomplete .inputWrapper::after {
  width: 18px !important;
}